react-semaphor 0.0.180 → 0.0.182

package/dist/chunks/{dashboard-plus-VPipFlfC.js → dashboard-plus-KTJcLFdC.js}

@@ -1,4 +1,4 @@
-import { P as T, b as k, j as e, Q as ds, R as hs, U as w, V as Us, W as ms, X as us, Y as xs, Z as ps, _ as B, $ as ae, a0 as Js, J as Gs, O as Ee, a1 as Ia, a2 as qa, a3 as Va, a4 as Ra, a5 as _a, a6 as Ha, a7 as Fs, a8 as Re, a9 as Ze, aa as Qe, T as fs, e as Ps, g as gs, ab as Oe, ac as Me, f as W, ad as Te, ae as Ae, af as _e, ag as Le, ah as X, ai as js, G as i, aj as $e, ak as Ke, al as Ba, am as Ue, w as Qs, v as Ws, t as he, an as $a, r as Ka, N as Ys, s as Ua, ao as Ja, B as Ga, ap as Xs, aq as Pa, L as He, S as bs, z as Qa, n as Os, ar as Ms, A as rs, u as es, as as Ce, at as ze, au as Zs, av as ea, aw as sa, ax as aa, ay as ta, az as Wa, aA as Ya, aB as na, aC as Xa, aD as Za, aE as et, aF as st, aG as at, aH as is, aI as tt, aJ as Pe, aK as os, aL as Fe, aM as cs, aN as Ts, aO as nt, aP as lt, aQ as rt, aR as it, aS as ot, aT as ls, aU as ct, aV as As, aW as dt, aX as Es, aY as ht, aZ as mt, a_ as ut, a$ as la, l as xt, C as pt, E as Ls, d as ft, h as gt, i as jt, o as bt, b0 as yt, m as vt, b1 as Nt, b2 as Ct, b3 as St, b4 as Ds, b5 as kt, b6 as Is, b7 as qs, K as wt, b8 as ys, b9 as zt, ba as ra, bb as We, bc as ia, bd as Ft, be as Ot, bf as Mt, bg as Tt, bh as At, bi as Et, bj as Se, bk as q, bl as V, bm as vs, bn as R, bo as Vs, bp as Lt, bq as Dt, br as It, bs as qt, bt as Rs, bu as Vt, bv as Rt, bw as _t, bx as Ht, by as Bt, bz as $t } from "./index-gOVFSJhq.js";
+import { P as T, b as k, j as e, Q as ds, R as hs, U as w, V as Us, W as ms, X as us, Y as xs, Z as ps, _ as B, $ as ae, a0 as Js, J as Ps, O as Ee, a1 as Ia, a2 as qa, a3 as Va, a4 as Ra, a5 as _a, a6 as Ha, a7 as Fs, a8 as Re, a9 as $e, aa as We, T as fs, e as Gs, g as gs, ab as Oe, ac as Me, f as W, ad as Te, ae as Ae, af as _e, ag as Le, ah as X, ai as js, G as r, aj as Ke, ak as Ue, al as Ba, am as Je, w as Qs, v as Ws, t as he, an as $a, r as Ka, N as Ys, s as Ua, ao as Ja, B as Pa, ap as Xs, aq as Ga, L as He, S as bs, z as Qa, n as Os, ar as Ms, A as rs, u as es, as as Ce, at as ze, au as Zs, av as ea, aw as sa, ax as aa, ay as ta, az as Wa, aA as Ya, aB as na, aC as Xa, aD as Za, aE as et, aF as st, aG as at, aH as is, aI as tt, aJ as Qe, aK as os, aL as Fe, aM as cs, aN as Ts, aO as nt, aP as lt, aQ as rt, aR as it, aS as ot, aT as ls, aU as ct, aV as As, aW as dt, aX as Es, aY as ht, aZ as mt, a_ as ut, a$ as la, l as xt, C as pt, E as Ls, d as ft, h as gt, i as jt, o as bt, b0 as yt, m as vt, b1 as Nt, b2 as Ct, b3 as St, b4 as Ds, b5 as kt, b6 as Is, b7 as qs, K as wt, b8 as ys, b9 as zt, ba as ra, bb as Ye, bc as ia, bd as Ft, be as Ot, bf as Mt, bg as Tt, bh as At, bi as Et, bj as Se, bk as q, bl as V, bm as vs, bn as R, bo as Vs, bp as Lt, bq as Dt, br as It, bs as qt, bt as Rs, bu as Vt, bv as Rt, bw as _t, bx as Ht, by as Bt, bz as $t } from "./index-4vPj_gV0.js";
 import me, { useState as M, useEffect as K, useMemo as Kt, useRef as Be } from "react";
 /**
  * @license lucide-react v0.379.0 - ISC
@@ -43,7 +43,7 @@ const Ns = T("BarChart4", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Gt = T("CircleX", [
+const Pt = T("CircleX", [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
   ["path", { d: "m9 9 6 6", key: "z0biqf" }]
@@ -54,7 +54,7 @@ const Gt = T("CircleX", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Pt = T("Database", [
+const Gt = T("Database", [
   ["ellipse", { cx: "12", cy: "5", rx: "9", ry: "3", key: "msslwz" }],
   ["path", { d: "M3 5V19A9 3 0 0 0 21 19V5", key: "1wlel7" }],
   ["path", { d: "M3 12A9 3 0 0 0 21 12", key: "mv7ke4" }]
@@ -377,9 +377,9 @@ const pn = T("User", [
   ["circle", { cx: "12", cy: "7", r: "4", key: "17ys0d" }]
 ]);
 function fn() {
-  const [s, n] = M(""), [a, t] = M(!1), [o, r] = M(!1), l = k((d) => d.dashboard);
+  const [s, n] = M(""), [a, t] = M(!1), [i, o] = M(!1), l = k((d) => d.dashboard);
   function c() {
-    const d = Gs(l), f = Ee(l.id), m = JSON.parse(localStorage.getItem(f) || "[]");
+    const d = Ps(l), f = Ee(l.id), m = JSON.parse(localStorage.getItem(f) || "[]");
     if (m.some(
       (C) => C.name === s
     )) {
@@ -389,9 +389,9 @@ function fn() {
     m.push({
       name: s,
       template: d
-    }), localStorage.setItem(f, JSON.stringify(m)), r(!1);
+    }), localStorage.setItem(f, JSON.stringify(m)), o(!1);
   }
-  return /* @__PURE__ */ e.jsxs(ds, { open: o, onOpenChange: r, children: [
+  return /* @__PURE__ */ e.jsxs(ds, { open: i, onOpenChange: o, children: [
     /* @__PURE__ */ e.jsx(hs, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
       w,
       {
@@ -438,19 +438,19 @@ function fn() {
   ] });
 }
 function gn() {
-  const [s, n] = M(!1), [a, t] = M(""), o = k((h) => h.dashboard), r = k((h) => h.bookmarkKey), [l, c] = M([]), d = k((h) => h.actions.setDashboard), f = k(
+  const [s, n] = M(!1), [a, t] = M(""), i = k((h) => h.dashboard), o = k((h) => h.bookmarkKey), [l, c] = M([]), d = k((h) => h.actions.setDashboard), f = k(
     (h) => h.actions.setFilterValues
   ), m = k(
     (h) => h.actions.setBookmarkKey
   );
   K(() => {
-    const h = Ee(o.id), x = JSON.parse(localStorage.getItem(h) || "[]");
+    const h = Ee(i.id), x = JSON.parse(localStorage.getItem(h) || "[]");
     c(x);
     const g = x.find(
       (j) => j.default
     );
-    g && g.name === r && t(g.name);
-  }, [s, o, r]);
+    g && g.name === o && t(g.name);
+  }, [s, i, o]);
   function u(h) {
     if (h === a)
       return;
@@ -458,7 +458,7 @@ function gn() {
     g && (d(g), f(x.filterValues || []), m(h === "Original" ? "" : h)), t(h);
   }
   function C(h) {
-    const x = Ee(o.id), j = JSON.parse(localStorage.getItem(x) || "[]").filter(
+    const x = Ee(i.id), j = JSON.parse(localStorage.getItem(x) || "[]").filter(
       (b) => b.name !== h
     );
     localStorage.setItem(x, JSON.stringify(j)), c(j);
@@ -480,7 +480,7 @@ function gn() {
               {
                 className: "xbg-red-100 flex justify-between",
                 value: h.name,
-                defaultChecked: h.name === r,
+                defaultChecked: h.name === o,
                 children: [
                   /* @__PURE__ */ e.jsx("p", { children: h.name }),
                   /* @__PURE__ */ e.jsx(
@@ -504,33 +504,33 @@ function gn() {
   ] });
 }
 function jn() {
-  const [s, n] = M(!1), a = k((r) => r.dashboard), t = k((r) => r.bookmarkKey);
+  const [s, n] = M(!1), a = k((o) => o.dashboard), t = k((o) => o.bookmarkKey);
   K(() => {
     if (!t) {
       n(!1);
       return;
     }
-    const r = Ee(a.id), c = JSON.parse(
-      localStorage.getItem(r) || "[]"
+    const o = Ee(a.id), c = JSON.parse(
+      localStorage.getItem(o) || "[]"
     ).find(
       (d) => d.name === t
     );
     n(c ? c.default : !1);
   }, [t, a.id]);
-  function o(r) {
-    if (n(r), !t)
+  function i(o) {
+    if (n(o), !t)
       return;
     const l = Ee(a.id), d = JSON.parse(
       localStorage.getItem(l) || "[]"
-    ).map((f) => (f.name === t ? f.default = r : f.default = !1, f));
+    ).map((f) => (f.name === t ? f.default = o : f.default = !1, f));
     console.log(d), localStorage.setItem(l, JSON.stringify(d));
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
     /* @__PURE__ */ e.jsx(
-      Ze,
+      $e,
       {
         checked: s,
-        onCheckedChange: o,
+        onCheckedChange: i,
         id: "terms"
       }
     ),
@@ -549,7 +549,7 @@ function bn() {
   k((b) => b.selectedSheetId);
   const a = k(
     (b) => b.isDashboardEditing
-  ), t = k((b) => b.filterValues), o = k((b) => b.isVisualEditing), r = k((b) => b.showFilters);
+  ), t = k((b) => b.filterValues), i = k((b) => b.isVisualEditing), o = k((b) => b.showFilters);
   k(
     (b) => b.showDashboardJSON
   );
@@ -561,7 +561,7 @@ function bn() {
     if (!a || !h)
       return;
     const b = {
-      id: Qe(),
+      id: We(),
       title: "Title",
       description: "Description",
       preferences: {
@@ -576,7 +576,7 @@ function bn() {
       sql: "select COUNT(*) from YOUR_TABLE",
       data: []
     }, L = {
-      id: Qe(),
+      id: We(),
       cards: [b],
       activeCardId: b.id
     };
@@ -587,7 +587,7 @@ function bn() {
   function j() {
     if (!s || s === "")
       return;
-    const b = Gs(n), L = Ee(n.id), A = JSON.parse(localStorage.getItem(L) || "[]"), O = A.findIndex(
+    const b = Ps(n), L = Ee(n.id), A = JSON.parse(localStorage.getItem(L) || "[]"), O = A.findIndex(
       (y) => y.name === s
     );
     O !== -1 ? A[O] = {
@@ -601,13 +601,13 @@ function bn() {
       filterValues: t
     }), localStorage.setItem(L, JSON.stringify(A)), l == null || l(b);
   }
-  return o ? null : /* @__PURE__ */ e.jsxs(
+  return i ? null : /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: "flex items-center justify-between gap-2 border-b bg-muted/50 px-2 py-2",
       role: "dashboard-controls",
       children: [
-        !o && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
+        !i && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
           /* @__PURE__ */ e.jsx(B, { children: s }),
           !!s && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
             /* @__PURE__ */ e.jsx("span", { className: "text-muted-foreground", children: "|" }),
@@ -615,9 +615,9 @@ function bn() {
           ] })
         ] }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
-          a && !o && /* @__PURE__ */ e.jsx(fn, {}),
-          !o && /* @__PURE__ */ e.jsx(gn, {}),
-          a && !o && /* @__PURE__ */ e.jsxs(
+          a && !i && /* @__PURE__ */ e.jsx(fn, {}),
+          !i && /* @__PURE__ */ e.jsx(gn, {}),
+          a && !i && /* @__PURE__ */ e.jsxs(
             w,
             {
               variant: "outline",
@@ -641,7 +641,7 @@ function bn() {
               children: /* @__PURE__ */ e.jsx(ca, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          a && !o && /* @__PURE__ */ e.jsx(
+          a && !i && /* @__PURE__ */ e.jsx(
             w,
             {
               variant: "outline",
@@ -654,7 +654,7 @@ function bn() {
               children: /* @__PURE__ */ e.jsx(Re, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          a && !o && /* @__PURE__ */ e.jsx(
+          a && !i && /* @__PURE__ */ e.jsx(
             w,
             {
               className: "h-7 p-2",
@@ -664,7 +664,7 @@ function bn() {
               children: /* @__PURE__ */ e.jsx(on, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          !r && !o && a && /* @__PURE__ */ e.jsx(
+          !o && !i && a && /* @__PURE__ */ e.jsx(
             w,
             {
               className: "h-7 p-2",
@@ -674,8 +674,8 @@ function bn() {
               children: /* @__PURE__ */ e.jsx(oa, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          !o && a && !1,
-          !o && !1
+          !i && a && !1,
+          !i && !1
         ] })
       ]
     }
@@ -686,28 +686,28 @@ function Ge({
   items: n,
   value: a,
   isLoading: t,
-  isError: o,
-  connectionTooltip: r,
+  isError: i,
+  connectionTooltip: o,
   onChange: l,
   className: c,
   showIcon: d = !0,
   disabled: f = !1
 }) {
-  const m = t ? "Loading..." : o ? "Error" : a;
+  const m = t ? "Loading..." : i ? "Error" : a;
   function u() {
     if (s === "Connection")
       return /* @__PURE__ */ e.jsx(rn, { className: "size-4 rotate-90" });
     if (s === "Database")
-      return /* @__PURE__ */ e.jsx(Pt, { className: "size-4" });
+      return /* @__PURE__ */ e.jsx(Gt, { className: "size-4" });
     if (s === "Schema")
       return /* @__PURE__ */ e.jsx(nn, { className: "size-4" });
     if (s === "Table")
       return /* @__PURE__ */ e.jsx(js, { className: "size-4" });
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-    d && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: r ? /* @__PURE__ */ e.jsxs(fs, { children: [
-      /* @__PURE__ */ e.jsx(Ps, { children: u() }),
-      /* @__PURE__ */ e.jsx(gs, { className: "text-xs", align: "start", children: r })
+    d && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: o ? /* @__PURE__ */ e.jsxs(fs, { children: [
+      /* @__PURE__ */ e.jsx(Gs, { children: u() }),
+      /* @__PURE__ */ e.jsx(gs, { className: "text-xs", align: "start", children: o })
     ] }) : u() }),
     /* @__PURE__ */ e.jsxs(Oe, { disabled: f, value: m, onValueChange: l, children: [
       /* @__PURE__ */ e.jsx(
@@ -720,7 +720,7 @@ function Ge({
           children: /* @__PURE__ */ e.jsx(
             Te,
             {
-              placeholder: t ? "Loading..." : o ? "Error" : `Select ${s}`
+              placeholder: t ? "Loading..." : i ? "Error" : `Select ${s}`
             }
           )
         }
@@ -728,29 +728,29 @@ function Ge({
       /* @__PURE__ */ e.jsx(Ae, { children: /* @__PURE__ */ e.jsxs(_e, { children: [
         t ? /* @__PURE__ */ e.jsx(Le, { children: "Loading..." }) : /* @__PURE__ */ e.jsx(Le, { children: s }),
         /* @__PURE__ */ e.jsx(e.Fragment, { children: n && n.map((C, h) => /* @__PURE__ */ e.jsx(X, { value: C.id, children: C.name }, h)) }),
-        (t || o) && /* @__PURE__ */ e.jsx(X, { value: m, children: m })
+        (t || i) && /* @__PURE__ */ e.jsx(X, { value: m, children: m })
       ] }) })
     ] })
   ] });
 }
 function yn({ column: s }) {
-  const [n, a] = M(!1), t = i((m) => m.selectedTableName), o = i(
+  const [n, a] = M(!1), t = r((m) => m.selectedTableName), i = r(
     (m) => m.selectedSchemaName
-  ), r = i((m) => m.sqlGen), l = i((m) => m.actions.setSqlGen), c = i((m) => m.actions.setCardSql), d = i((m) => m.actions.setRunSql);
+  ), o = r((m) => m.sqlGen), l = r((m) => m.actions.setSqlGen), c = r((m) => m.actions.setCardSql), d = r((m) => m.actions.setRunSql);
   function f(m, u) {
-    const C = Qs(m, r, u);
+    const C = Qs(m, o, u);
     l(C);
     const h = Ws(
       C,
-      he(o || ""),
+      he(i || ""),
       he(t)
     );
     h && (c(h), d(!0)), a(!1);
   }
-  return /* @__PURE__ */ e.jsxs($e, { open: n, onOpenChange: a, children: [
-    /* @__PURE__ */ e.jsx(Ke, { asChild: !0, children: /* @__PURE__ */ e.jsx(Ba, { className: "h-4 w-4 cursor-pointer text-foreground/40" }) }),
+  return /* @__PURE__ */ e.jsxs(Ke, { open: n, onOpenChange: a, children: [
+    /* @__PURE__ */ e.jsx(Ue, { asChild: !0, children: /* @__PURE__ */ e.jsx(Ba, { className: "h-4 w-4 cursor-pointer text-foreground/40" }) }),
     /* @__PURE__ */ e.jsx(
-      Ue,
+      Je,
       {
         align: "center",
         className: "w-18 rounded-md p-0 shadow-none",
@@ -808,7 +808,7 @@ function ma({ column: s }) {
     ) : Ys.includes(s.data_type.toLowerCase()) ? (
       //
       /* @__PURE__ */ e.jsx(Xt, { className: "size-3" })
-    ) : Ua.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(Ja, { className: "size-3" }) : Ga.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(un, { className: "size-3" }) : /* @__PURE__ */ e.jsx(cn, { className: "size-3" }) }),
+    ) : Ua.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(Ja, { className: "size-3" }) : Pa.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(un, { className: "size-3" }) : /* @__PURE__ */ e.jsx(cn, { className: "size-3" }) }),
     /* @__PURE__ */ e.jsx(gs, { children: /* @__PURE__ */ e.jsx("p", { className: "font-mono text-xs", children: s.data_type }) })
   ] });
 }
@@ -818,32 +818,32 @@ function vn({
   columns: a,
   status: t
 }) {
-  const o = i((y) => y.sqlGen), r = i(
+  const i = r((y) => y.sqlGen), o = r(
     (y) => y.selectedConnectionId
-  ), l = i(
+  ), l = r(
     (y) => y.selectedDatabaseName
-  ), c = i(
+  ), c = r(
     (y) => y.selectedSchemaName
-  ), d = i((y) => y.selectedTableName), f = k(
+  ), d = r((y) => y.selectedTableName), f = k(
     (y) => y.dashboard.aiScopeTables
-  ), { setAIScopeTables: m } = k((y) => y.actions), u = i((y) => y.actions.setRunSql), C = i((y) => y.actions.setSqlGen), h = i(
+  ), { setAIScopeTables: m } = k((y) => y.actions), u = r((y) => y.actions.setRunSql), C = r((y) => y.actions.setSqlGen), h = r(
     (y) => y.actions.setIsShowingVisual
-  ), x = i((y) => y.actions.setCardSql), { connectionType: g } = ua();
+  ), x = r((y) => y.actions.setCardSql), { connectionType: g } = ua();
   function j(y) {
-    const z = Qs(y, o);
+    const z = Qs(y, i);
     C(z);
     const E = Ws(z, he(s), he(n));
     E && (x(E), u(!0));
   }
   function b() {
     return (f == null ? void 0 : f.find(
-      (y) => y.connectinonId === r && y.tableName === d
+      (y) => y.connectinonId === o && y.tableName === d
     )) !== void 0;
   }
   function L(y) {
-    if (y === !0 && d && r) {
+    if (y === !0 && d && o) {
       const z = {
-        connectinonId: r,
+        connectinonId: o,
         connectionType: g,
         databaseName: l,
         schemaName: c,
@@ -860,7 +860,7 @@ function vn({
       });
     } else {
       const z = (f || []).filter(
-        (E) => E.connectinonId !== r && E.tableName !== d
+        (E) => E.connectinonId !== o && E.tableName !== d
       );
       m(z), Ms(`Removed '${d}' from AI Scope`, {
         position: "top-right",
@@ -888,7 +888,7 @@ function vn({
           variant: "outline",
           className: "h-9 px-2",
           children: /* @__PURE__ */ e.jsx(
-            Pa,
+            Ga,
             {
               className: W("size-4", {
                 "text-primary": b(),
@@ -939,7 +939,7 @@ function vn({
               className: W(
                 "mx-3 flex cursor-pointer items-center justify-between rounded px-2 py-[6px] text-sm transition-colors hover:bg-muted/50",
                 {
-                  "bg-muted": Qa(y, o)
+                  "bg-muted": Qa(y, i)
                 }
               ),
               children: [
@@ -967,33 +967,33 @@ function vn({
   ] });
 }
 function ua(s, n) {
-  var ss, ve, Je, qe;
+  var ss, ve, Pe, qe;
   let a = Kt(() => [], []);
-  const t = es().authToken || s, o = i(
+  const t = es().authToken || s, i = r(
     (S) => S.selectedConnectionId
-  ), r = i(
+  ), o = r(
     (S) => S.selectedDatabaseName
-  ), l = i(
+  ), l = r(
     (S) => S.selectedSchemaName
-  ), c = i((S) => S.selectedTableName), d = i(
+  ), c = r((S) => S.selectedTableName), d = r(
     (S) => S.actions.setCurrentColumns
-  ), f = i(
+  ), f = r(
     (S) => S.actions.setSelectedConnectionId
-  ), m = i(
+  ), m = r(
     (S) => S.actions.setSelectedDatabaseName
-  ), u = i(
+  ), u = r(
     (S) => S.actions.setSelectedSchemaName
-  ), C = i(
+  ), C = r(
     (S) => S.actions.setSelectedTableName
-  ), h = i((S) => S.actions.setCardSql);
+  ), h = r((S) => S.actions.setCardSql);
   function x(S) {
-    return o && r && l && r !== "NA" ? !0 : o && S === "API" ? !1 : !!(o && S === "S3");
+    return i && o && l && o !== "NA" ? !0 : i && S === "API" ? !1 : !!(i && S === "S3");
   }
   function g(S) {
-    return !!(o && r && r !== "NA" && l && c || o && (S === "S3" || S === "API"));
+    return !!(i && o && o !== "NA" && l && c || i && (S === "S3" || S === "API"));
   }
   function j(S) {
-    return o && S ? !(S === "API" || S === "S3") : !1;
+    return i && S ? !(S === "API" || S === "S3") : !1;
   }
   const {
     data: b,
@@ -1008,7 +1008,7 @@ function ua(s, n) {
     enabled: !!(t != null && t.accessToken)
     // Only fetch if authToken is present
   }), O = b == null ? void 0 : b.connections.find(
-    (S) => S.id === o
+    (S) => S.id === i
   ), y = O == null ? void 0 : O.type, z = (O == null ? void 0 : O.type) === "API" || (O == null ? void 0 : O.type) === "S3", {
     data: E,
     isLoading: _,
@@ -1016,12 +1016,12 @@ function ua(s, n) {
     isError: $,
     refetch: U
   } = Ce({
-    queryKey: ["databases", o],
+    queryKey: ["databases", i],
     queryFn: () => ze(
       "https://semaphor.cloud/api/v1/databases",
       (t == null ? void 0 : t.accessToken) || "",
       {
-        connection_id: o
+        connection_id: i
       }
     ),
     enabled: j(y)
@@ -1029,20 +1029,20 @@ function ua(s, n) {
   }), {
     data: D,
     isLoading: te,
-    isFetching: P,
+    isFetching: G,
     isError: ee,
     refetch: Z
   } = Ce({
-    queryKey: ["schemas", o, r],
+    queryKey: ["schemas", i, o],
     queryFn: () => ze(
       "https://semaphor.cloud/api/v1/schemas",
       (t == null ? void 0 : t.accessToken) || "",
       {
-        connection_id: o,
-        database_name: r
+        connection_id: i,
+        database_name: o
       }
     ),
-    enabled: !!o && !!r && !z && r !== "NA"
+    enabled: !!i && !!o && !z && o !== "NA"
     //currentConnection?.type !== 'API', // Only fetch if connectionId and database is present
   }), {
     data: J,
@@ -1053,16 +1053,16 @@ function ua(s, n) {
   } = Ce({
     queryKey: [
       "tables",
+      i,
       o,
-      r,
       l
     ],
     queryFn: () => ze(
       "https://semaphor.cloud/api/v1/tables",
       (t == null ? void 0 : t.accessToken) || "",
       {
-        connection_id: o,
-        database_name: r,
+        connection_id: i,
+        database_name: o,
         schema_name: l
       }
     ),
@@ -1075,8 +1075,8 @@ function ua(s, n) {
   } = Ce({
     queryKey: [
       "columns",
+      i,
       o,
-      r,
       l,
       c
     ],
@@ -1084,8 +1084,8 @@ function ua(s, n) {
       "https://semaphor.cloud/api/v1/columns",
       (t == null ? void 0 : t.accessToken) || "",
       {
-        connection_id: o,
-        database_name: r,
+        connection_id: i,
+        database_name: o,
         schema_name: l,
         table_name: c
       }
@@ -1114,13 +1114,13 @@ function ua(s, n) {
   function xe(S) {
     u(S), C("");
   }
-  function G(S) {
+  function P(S) {
     m(S), u(""), C("");
   }
   function ne(S) {
     f(S);
   }
-  E && ((ve = E == null ? void 0 : E.databases) == null ? void 0 : ve.length) > 0, D && ((Je = D == null ? void 0 : D.schemas) == null ? void 0 : Je.length) > 0, H && ((qe = H == null ? void 0 : H.columns) == null ? void 0 : qe.length) > 0 && (a = H.columns.map((S) => ({
+  E && ((ve = E == null ? void 0 : E.databases) == null ? void 0 : ve.length) > 0, D && ((Pe = D == null ? void 0 : D.schemas) == null ? void 0 : Pe.length) > 0, H && ((qe = H == null ? void 0 : H.columns) == null ? void 0 : qe.length) > 0 && (a = H.columns.map((S) => ({
     ...S,
     data_type: S.data_type.toLowerCase()
   }))), $ && (a = []), (ge || A) && (a = []);
@@ -1148,7 +1148,7 @@ function ua(s, n) {
     isDatabasesLoadingOrFetching: _ || Y,
     isDatabaseError: $,
     schemaItems: re,
-    isSchemaLoadingOrFetching: te || P,
+    isSchemaLoadingOrFetching: te || G,
     isSchemaError: ee,
     tableItems: Ie,
     isTableLoadingOrFetching: I || v,
@@ -1161,7 +1161,7 @@ function ua(s, n) {
     tableName: je,
     schemaName: be,
     handleConnectionChange: ne,
-    handleDatabaseChange: G,
+    handleDatabaseChange: P,
     handleSchemaChange: xe
   };
 }
@@ -1169,13 +1169,13 @@ function xa({
   ColumnsComponent: s
 }) {
   var J;
-  const n = i(
+  const n = r(
     (I) => I.selectedConnectionId
-  ), a = i(
+  ), a = r(
     (I) => I.selectedDatabaseName
-  ), t = i(
+  ), t = r(
     (I) => I.selectedSchemaName
-  ), o = i((I) => I.selectedTableName), r = i(
+  ), i = r((I) => I.selectedTableName), o = r(
     (I) => I.actions.setSelectedTableName
   ), {
     connectionItems: l,
@@ -1215,7 +1215,7 @@ function xa({
   function te() {
     window.location.href = "mailto:support@semaphor.cloud?subject=Help&body=I need help with...";
   }
-  function P() {
+  function G() {
     return y === "S3" || y === "API" ? null : /* @__PURE__ */ e.jsx(
       Ge,
       {
@@ -1245,11 +1245,11 @@ function xa({
     return y === "API" ? null : /* @__PURE__ */ e.jsx(
       Ge,
       {
-        onChange: r,
+        onChange: o,
         isError: O,
         items: f,
         isLoading: A,
-        value: o || "",
+        value: i || "",
         title: "Table"
       }
     );
@@ -1270,7 +1270,7 @@ function xa({
           )) == null ? void 0 : J.type) || ""
         }
       ),
-      P(),
+      G(),
       ee(),
       Z()
     ] }),
@@ -1291,9 +1291,9 @@ function xa({
   ] });
 }
 function Nn(s) {
-  const n = s.toUpperCase().indexOf("WHERE"), a = s.toUpperCase().indexOf("GROUP BY"), t = s.toUpperCase().indexOf("LIMIT"), o = s.toUpperCase().indexOf("ORDER BY");
-  let r = s.length;
-  if (o !== -1 && (r = o), t !== -1 && t < r && (r = t), n !== -1) {
+  const n = s.toUpperCase().indexOf("WHERE"), a = s.toUpperCase().indexOf("GROUP BY"), t = s.toUpperCase().indexOf("LIMIT"), i = s.toUpperCase().indexOf("ORDER BY");
+  let o = s.length;
+  if (i !== -1 && (o = i), t !== -1 && t < o && (o = t), n !== -1) {
     const l = s.substring(0, n), c = s.substring(n);
     return `${l} {{ filters | where }} AND ${c.substring(
       6
@@ -1302,7 +1302,7 @@ function Nn(s) {
     const l = s.substring(0, a), c = s.substring(a);
     return `${l} {{ filters | where }} ${c}`;
   } else {
-    const l = s.substring(0, r), c = s.substring(r);
+    const l = s.substring(0, o), c = s.substring(o);
     return `${l} {{ filters | where }} ${c}`;
   }
 }
@@ -1313,7 +1313,7 @@ function Cn({
   setTriggerAIRun: t
 }) {
   return /* @__PURE__ */ e.jsxs(Zs, { openDelay: 0, children: [
-    /* @__PURE__ */ e.jsx(ea, { asChild: !0, children: /* @__PURE__ */ e.jsx(w, { variant: "link", className: " p-0 h-5", children: /* @__PURE__ */ e.jsx(Gt, { className: "h-4 w-4 text-red-500" }) }) }),
+    /* @__PURE__ */ e.jsx(ea, { asChild: !0, children: /* @__PURE__ */ e.jsx(w, { variant: "link", className: " p-0 h-5", children: /* @__PURE__ */ e.jsx(Pt, { className: "h-4 w-4 text-red-500" }) }) }),
     /* @__PURE__ */ e.jsx(sa, { align: "start", className: "  min-w-fit max-w-[500px]", children: /* @__PURE__ */ e.jsx("div", { className: "flex justify-between space-x-4", children: /* @__PURE__ */ e.jsxs("div", { className: "grow space-y-1 flex flex-col  ", children: [
       /* @__PURE__ */ e.jsxs(
         w,
@@ -1339,12 +1339,12 @@ function Sn({
   checked: a
 }) {
   return /* @__PURE__ */ e.jsxs("div", { className: "xbg-red-100 ml-6 flex items-center gap-2", children: [
-    /* @__PURE__ */ e.jsx(Ze, { checked: a, onCheckedChange: n }),
+    /* @__PURE__ */ e.jsx($e, { checked: a, onCheckedChange: n }),
     /* @__PURE__ */ e.jsx("label", { className: "text-xs leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", children: s })
   ] });
 }
 function kn() {
-  const { authToken: s } = es(), n = Be(null), a = i((c) => c.applyFilters), [t, o] = M(""), r = i((c) => c.filterValues), l = i((c) => c.card.sql);
+  const { authToken: s } = es(), n = Be(null), a = r((c) => c.applyFilters), [t, i] = M(""), o = r((c) => c.filterValues), l = r((c) => c.card.sql);
   return /* @__PURE__ */ e.jsxs(
     Zs,
     {
@@ -1358,10 +1358,10 @@ function kn() {
           (s == null ? void 0 : s.accessToken) || "",
           {
             sql: l,
-            active_filters: r
+            active_filters: o
           }
         );
-        console.log(d), d.sql ? (console.log(d.records), o(d.sql)) : o("Error");
+        console.log(d), d.sql ? (console.log(d.records), i(d.sql)) : i("Error");
       },
       children: [
         /* @__PURE__ */ e.jsx(ea, { asChild: !0, children: a && /* @__PURE__ */ e.jsx("p", { className: "p-0 text-xs hover:cursor-pointer", children: "|  Filter Query" }) }),
@@ -1437,10 +1437,10 @@ function zn({
   setOpen: n,
   userInput: a,
   setUserInput: t,
-  triggerAIRun: o,
-  setTriggerAIRun: r
+  triggerAIRun: i,
+  setTriggerAIRun: o
 }) {
-  const l = Be(null), c = Be(null), { authToken: d } = es(), [f, m] = M(!1), u = i((v) => v.actions.setCardSql), C = k((v) => v.dashboard.baseQueries), h = i((v) => v.actions.setRunSql), x = i((v) => v.actions.setCardType), [g, j] = M([]), b = i((v) => v.currentColumns), L = i((v) => v.card.sql), A = i((v) => v.selectedTableName), O = `
+  const l = Be(null), c = Be(null), { authToken: d } = es(), [f, m] = M(!1), u = r((v) => v.actions.setCardSql), C = k((v) => v.dashboard.baseQueries), h = r((v) => v.actions.setRunSql), x = r((v) => v.actions.setCardType), [g, j] = M([]), b = r((v) => v.currentColumns), L = r((v) => v.card.sql), A = r((v) => v.selectedTableName), O = `
   ${a}
 
   Database Query Dialect: ${A === "api" || A === "s3" ? "DuckDb" : ""}
@@ -1497,8 +1497,8 @@ function zn({
     a && (j((v) => [...v, { role: "user", content: a }]), U(a) && m(!0), t(""), $());
   }
   K(() => {
-    o && (D(), r(!1));
-  }, [o, r]);
+    i && (D(), o(!1));
+  }, [i, o]);
   const te = {
     //seleect a darker color
     // color: '#000',
@@ -1507,7 +1507,7 @@ function zn({
     fontSize: 15,
     // padding: '5px',
     width: "100%"
-  }, P = {
+  }, G = {
     // background: '#f6f8fa',
     // color: '#000',
     fontFamily: "monospace",
@@ -1528,7 +1528,7 @@ function zn({
     // Override how paragraphs are rendered
     p: ({ node: v, ...N }) => /* @__PURE__ */ e.jsx("p", { style: te, ...N }),
     code: ({ node: v, ...N }) => /* @__PURE__ */ e.jsx("code", { className: "rounded-sm bg-muted px-2 py-1 text-sm", ...N }),
-    pre: ({ node: v, ...N }) => /* @__PURE__ */ e.jsxs("pre", { className: "space-y-2 rounded-sm bg-muted/50 p-3", style: P, children: [
+    pre: ({ node: v, ...N }) => /* @__PURE__ */ e.jsxs("pre", { className: "space-y-2 rounded-sm bg-muted/50 p-3", style: G, children: [
       /* @__PURE__ */ e.jsx("code", { className: "whitespace-normal text-sm", children: N.children }),
       /* @__PURE__ */ e.jsxs("div", { className: "flex justify-start gap-2", children: [
         /* @__PURE__ */ e.jsx(w, { onClick: J, size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(ta, {}) }),
@@ -1658,43 +1658,43 @@ var pa = {
 function On(s, n) {
   if (s == null)
     return {};
-  var a = Mn(s, n), t, o;
+  var a = Mn(s, n), t, i;
   if (Object.getOwnPropertySymbols) {
-    var r = Object.getOwnPropertySymbols(s);
-    for (o = 0; o < r.length; o++)
-      t = r[o], !(n.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(s, t) && (a[t] = s[t]);
+    var o = Object.getOwnPropertySymbols(s);
+    for (i = 0; i < o.length; i++)
+      t = o[i], !(n.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(s, t) && (a[t] = s[t]);
   }
   return a;
 }
 function Mn(s, n) {
   if (s == null)
     return {};
-  var a = {}, t = Object.keys(s), o, r;
-  for (r = 0; r < t.length; r++)
-    o = t[r], !(n.indexOf(o) >= 0) && (a[o] = s[o]);
+  var a = {}, t = Object.keys(s), i, o;
+  for (o = 0; o < t.length; o++)
+    i = t[o], !(n.indexOf(i) >= 0) && (a[i] = s[i]);
   return a;
 }
-function Ye() {
-  return Ye = Object.assign ? Object.assign.bind() : function(s) {
+function Xe() {
+  return Xe = Object.assign ? Object.assign.bind() : function(s) {
     for (var n = 1; n < arguments.length; n++) {
       var a = arguments[n];
       for (var t in a)
         Object.prototype.hasOwnProperty.call(a, t) && (s[t] = a[t]);
     }
     return s;
-  }, Ye.apply(this, arguments);
+  }, Xe.apply(this, arguments);
 }
 function Hs(s, n) {
   var a = Object.keys(s);
   if (Object.getOwnPropertySymbols) {
     var t = Object.getOwnPropertySymbols(s);
-    n && (t = t.filter(function(o) {
-      return Object.getOwnPropertyDescriptor(s, o).enumerable;
+    n && (t = t.filter(function(i) {
+      return Object.getOwnPropertyDescriptor(s, i).enumerable;
     })), a.push.apply(a, t);
   }
   return a;
 }
-function Xe(s) {
+function Ze(s) {
   for (var n = 1; n < arguments.length; n++) {
     var a = arguments[n] != null ? arguments[n] : {};
     n % 2 ? Hs(Object(a), !0).forEach(function(t) {
@@ -1725,35 +1725,35 @@ function En(s, n) {
   return (n === "string" ? String : Number)(s);
 }
 function fa(s) {
-  return s && s.map((n, a) => /* @__PURE__ */ me.createElement(n.tag, Xe({
+  return s && s.map((n, a) => /* @__PURE__ */ me.createElement(n.tag, Ze({
     key: a
   }, n.attr), fa(n.child)));
 }
 function fe(s) {
-  return (n) => /* @__PURE__ */ me.createElement(Ln, Ye({
-    attr: Xe({}, s.attr)
+  return (n) => /* @__PURE__ */ me.createElement(Ln, Xe({
+    attr: Ze({}, s.attr)
   }, n), fa(s.child));
 }
 function Ln(s) {
   var n = (a) => {
     var {
       attr: t,
-      size: o,
-      title: r
-    } = s, l = On(s, Fn), c = o || a.size || "1em", d;
-    return a.className && (d = a.className), s.className && (d = (d ? d + " " : "") + s.className), /* @__PURE__ */ me.createElement("svg", Ye({
+      size: i,
+      title: o
+    } = s, l = On(s, Fn), c = i || a.size || "1em", d;
+    return a.className && (d = a.className), s.className && (d = (d ? d + " " : "") + s.className), /* @__PURE__ */ me.createElement("svg", Xe({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
     }, a.attr, t, l, {
       className: d,
-      style: Xe(Xe({
+      style: Ze(Ze({
         color: s.color || a.color
       }, a.style), s.style),
       height: c,
       width: c,
       xmlns: "http://www.w3.org/2000/svg"
-    }), r && /* @__PURE__ */ me.createElement("title", null, r), s.children);
+    }), o && /* @__PURE__ */ me.createElement("title", null, o), s.children);
   };
   return _s !== void 0 ? /* @__PURE__ */ me.createElement(_s.Consumer, null, (a) => n(a)) : n(pa);
 }
@@ -1761,33 +1761,33 @@ function Dn(s) {
   return fe({ tag: "svg", attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M439.8 200.5c-7.7-30.9-22.3-54.2-53.4-54.2h-40.1v47.4c0 36.8-31.2 67.8-66.8 67.8H172.7c-29.2 0-53.4 25-53.4 54.3v101.8c0 29 25.2 46 53.4 54.3 33.8 9.9 66.3 11.7 106.8 0 26.9-7.8 53.4-23.5 53.4-54.3v-40.7H226.2v-13.6h160.2c31.1 0 42.6-21.7 53.4-54.2 11.2-33.5 10.7-65.7 0-108.6zM286.2 404c11.1 0 20.1 9.1 20.1 20.3 0 11.3-9 20.4-20.1 20.4-11 0-20.1-9.2-20.1-20.4.1-11.3 9.1-20.3 20.1-20.3zM167.8 248.1h106.8c29.7 0 53.4-24.5 53.4-54.3V91.9c0-29-24.4-50.7-53.4-55.6-35.8-5.9-74.7-5.6-106.8.1-45.2 8-53.4 24.7-53.4 55.6v40.7h106.9v13.6h-147c-31.1 0-58.3 18.7-66.8 54.2-9.8 40.7-10.2 66.1 0 108.6 7.6 31.6 25.7 54.2 56.8 54.2H101v-48.8c0-35.3 30.5-66.4 66.8-66.4zm-6.7-142.6c-11.1 0-20.1-9.1-20.1-20.3.1-11.3 9-20.4 20.1-20.4 11 0 20.1 9.2 20.1 20.4s-9 20.3-20.1 20.3z" }, child: [] }] })(s);
 }
 function In() {
-  const { theme: s } = st(), n = Be(), a = Be(), [t, o] = M(!1), [r, l] = M(!1), [c, d] = M(!1), [f, m] = M(""), [u, C] = M(!1), { authToken: h } = es();
+  const { theme: s } = st(), n = Be(), a = Be(), [t, i] = M(!1), [o, l] = M(!1), [c, d] = M(!1), [f, m] = M(""), [u, C] = M(!1), { authToken: h } = es();
   k((p) => p.selectedSheetId);
-  const x = k((p) => p.dashboard.baseQueries), g = i((p) => p.card), j = k((p) => p.theme), b = i((p) => p.isShowingVisual), L = i(
+  const x = k((p) => p.dashboard.baseQueries), g = r((p) => p.card), j = k((p) => p.theme), b = r((p) => p.isShowingVisual), L = r(
     (p) => p.selectedConnectionId
-  ), A = i(
+  ), A = r(
     (p) => p.selectedDatabaseName
-  ), O = i(
+  ), O = r(
     (p) => p.selectedSchemaName
   );
   k(
     (p) => p.actions.updateFrameCard
   );
-  const y = i((p) => p.selectedTableName), z = i((p) => p.card.sql), E = i((p) => p.card.python), _ = at(z, x), Y = i((p) => p.selectedConnectionId), $ = i((p) => p.frame), U = i((p) => p.filterValues), D = i((p) => p.applyFilters), {
+  const y = r((p) => p.selectedTableName), z = r((p) => p.card.sql), E = r((p) => p.card.python), _ = at(z, x), Y = r((p) => p.selectedConnectionId), $ = r((p) => p.frame), U = r((p) => p.filterValues), D = r((p) => p.applyFilters), {
     setCardCustomCfg: te,
-    setQueryResultColumns: P,
+    setQueryResultColumns: G,
     setFilterValues: ee,
     setCardSql: Z,
     setCardPython: J,
     setQueryError: I,
     setPythonStdOut: v,
     setCardPreferences: N
-  } = i((p) => p.actions), F = i((p) => p.onSave), H = i(
+  } = r((p) => p.actions), F = r((p) => p.onSave), H = r(
     (p) => p.actions.setApplyFilters
-  ), ue = i((p) => p.onClose), se = i((p) => p.actions.setCardData), ge = i((p) => p.actions.setSqlGen), je = i((p) => p.runSql), be = i((p) => p.actions.setRunSql), xe = i(
+  ), ue = r((p) => p.onClose), se = r((p) => p.actions.setCardData), ge = r((p) => p.actions.setSqlGen), je = r((p) => p.runSql), be = r((p) => p.actions.setRunSql), xe = r(
     (p) => p.actions.setIsSqlRunning
   ), {
-    data: G,
+    data: P,
     isLoading: ne,
     isFetching: le,
     isSuccess: ye,
@@ -1811,28 +1811,28 @@ function In() {
     retry: !1
   });
   K(() => {
-    if (G && (se(G.records), v((G == null ? void 0 : G.output) || ""), G.records.length > 0)) {
-      const { dimensionKeys: p } = is(G.records);
-      P(p);
+    if (P && (se(P.records), v((P == null ? void 0 : P.output) || ""), P.records.length > 0)) {
+      const { dimensionKeys: p } = is(P.records);
+      G(p);
     }
-  }, [G, se, P, v]), K(() => {
+  }, [P, se, G, v]), K(() => {
     je && (ve(), be(!1));
   }, [je, ve, be]), K(() => {
-    (ne || le) && xe(!0), (re || ye) && xe(!1), re ? (I(Ie.message), se([]), P([]), v("")) : I("");
+    (ne || le) && xe(!0), (re || ye) && xe(!1), re ? (I(Ie.message), se([]), G([]), v("")) : I("");
   }, [
     ne,
     le,
-    G,
+    P,
     v,
     re,
     ye,
     xe,
     se,
-    P,
+    G,
     I,
     Ie
   ]);
-  function Je() {
+  function Pe() {
     Z(""), se([]), ge({}), te(""), N({});
   }
   const qe = (p) => {
@@ -1905,7 +1905,7 @@ function In() {
   }
   function Ma() {
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      r && /* @__PURE__ */ e.jsx(
+      o && /* @__PURE__ */ e.jsx(
         "div",
         {
           className: "xbg-yellow-100 relative flex w-1/3 min-w-0 grow overflow-hidden border-l p-1 text-xs",
@@ -1921,7 +1921,7 @@ function In() {
                 }
               ),
               /* @__PURE__ */ e.jsx(kn, {}),
-              U && r && /* @__PURE__ */ e.jsx(
+              U && o && /* @__PURE__ */ e.jsx(
                 Re,
                 {
                   onClick: () => l(!1),
@@ -1930,7 +1930,7 @@ function In() {
               )
             ] }),
             /* @__PURE__ */ e.jsx(
-              Pe,
+              Qe,
               {
                 theme: "default",
                 onChange: (p) => {
@@ -1963,7 +1963,7 @@ function In() {
           ] })
         }
       ),
-      U && !r && /* @__PURE__ */ e.jsx(
+      U && !o && /* @__PURE__ */ e.jsx(
         oa,
         {
           onClick: () => l(!0),
@@ -1999,7 +1999,7 @@ function In() {
                     role: "sql-container",
                     className: "relative flex w-[99%]",
                     children: /* @__PURE__ */ e.jsx(
-                      Pe,
+                      Qe,
                       {
                         theme: "default",
                         className: "pt-3",
@@ -2047,7 +2047,7 @@ function In() {
                       role: "python-container",
                       className: "relative flex w-[99%] pt-0",
                       children: /* @__PURE__ */ e.jsx(
-                        Pe,
+                        Qe,
                         {
                           className: "pt-3",
                           theme: "default",
@@ -2138,7 +2138,7 @@ function In() {
                   /* @__PURE__ */ e.jsxs(
                     w,
                     {
-                      onClick: Je,
+                      onClick: Pe,
                       className: "",
                       size: "sm",
                       variant: "outline",
@@ -2152,7 +2152,7 @@ function In() {
                     Xs,
                     {
                       pressed: t,
-                      onPressedChange: (p) => o(p),
+                      onPressedChange: (p) => i(p),
                       className: "",
                       size: "sm",
                       variant: "outline",
@@ -2208,7 +2208,7 @@ function In() {
 }
 function qn({ data: s }) {
   var l;
-  const [n, a] = me.useState([]), o = Object.keys(s[0]).map((c) => ({
+  const [n, a] = me.useState([]), i = Object.keys(s[0]).map((c) => ({
     // header: key,
     accessorKey: c,
     header: ({ column: d }) => {
@@ -2225,9 +2225,9 @@ function qn({ data: s }) {
         }
       ) });
     }
-  })), r = rt({
+  })), o = rt({
     data: s,
-    columns: o,
+    columns: i,
     getCoreRowModel: ht(),
     getPaginationRowModel: mt(),
     onSortingChange: a,
@@ -2238,11 +2238,11 @@ function qn({ data: s }) {
     }
   });
   return /* @__PURE__ */ e.jsxs(it, { children: [
-    /* @__PURE__ */ e.jsx(ot, { children: r.getHeaderGroups().map((c) => /* @__PURE__ */ e.jsx(ls, { children: c.headers.map((d) => /* @__PURE__ */ e.jsx(ct, { className: "sticky top-0 bg-muted", children: d.isPlaceholder ? null : As(
+    /* @__PURE__ */ e.jsx(ot, { children: o.getHeaderGroups().map((c) => /* @__PURE__ */ e.jsx(ls, { children: c.headers.map((d) => /* @__PURE__ */ e.jsx(ct, { className: "sticky top-0 bg-muted", children: d.isPlaceholder ? null : As(
       d.column.columnDef.header,
       d.getContext()
     ) }, d.id)) }, c.id)) }),
-    /* @__PURE__ */ e.jsx(dt, { children: (l = r.getRowModel().rows) != null && l.length ? r.getRowModel().rows.map((c) => /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx(dt, { children: (l = o.getRowModel().rows) != null && l.length ? o.getRowModel().rows.map((c) => /* @__PURE__ */ e.jsx(
       ls,
       {
         className: "whitespace-nowrap py-2",
@@ -2250,7 +2250,7 @@ function qn({ data: s }) {
         children: c.getVisibleCells().map((d) => /* @__PURE__ */ e.jsx(Es, { children: As(d.column.columnDef.cell, d.getContext()) }, d.id))
       },
       c.id
-    )) : /* @__PURE__ */ e.jsx(ls, { children: /* @__PURE__ */ e.jsx(Es, { colSpan: o.length, className: "h-24 text-center", children: "No results." }) }) })
+    )) : /* @__PURE__ */ e.jsx(ls, { children: /* @__PURE__ */ e.jsx(Es, { colSpan: i.length, className: "h-24 text-center", children: "No results." }) }) })
   ] });
 }
 function ga({
@@ -2259,7 +2259,7 @@ function ga({
   ...n
 }) {
   me.useState(0);
-  const a = k((l) => l.themeStyle), t = i((l) => l.card), o = i((l) => l.actions.setCard);
+  const a = k((l) => l.themeStyle), t = r((l) => l.card), i = r((l) => l.actions.setCard);
   if (K(() => {
   }, [
     t.data,
@@ -2270,8 +2270,8 @@ function ga({
     t.preferences
   ]), !t.id)
     return null;
-  let r;
-  return t.data && t.data.length > 0 && (r = la({
+  let o;
+  return t.data && t.data.length > 0 && (o = la({
     data: t.data,
     cardType: t.type,
     cfg: t.cfg,
@@ -2289,7 +2289,7 @@ function ga({
             Ls,
             {
               text: t.title,
-              onSave: (l) => o({ ...t, title: l }),
+              onSave: (l) => i({ ...t, title: l }),
               children: /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e.jsx(ft, { className: "text-base", children: t.title }) })
             },
             t.title
@@ -2298,7 +2298,7 @@ function ga({
             Ls,
             {
               text: t.description || "",
-              onSave: (l) => o({ ...t, description: l }),
+              onSave: (l) => i({ ...t, description: l }),
               children: /* @__PURE__ */ e.jsxs(gt, { children: [
                 " ",
                 t.description
@@ -2308,13 +2308,13 @@ function ga({
           )
         ] }),
         /* @__PURE__ */ e.jsxs(jt, { className: "flex grow flex-col pb-3", children: [
-          t.type !== "table" && r && // <ChartJsVisual key={visualKey} cfg={cfg} />
+          t.type !== "table" && o && // <ChartJsVisual key={visualKey} cfg={cfg} />
           /* @__PURE__ */ e.jsx(
             bt,
             {
-              cfg: r
+              cfg: o
             },
-            JSON.stringify(r) + JSON.stringify(t.preferences)
+            JSON.stringify(o) + JSON.stringify(t.preferences)
           ),
           t.type === "table" && t.data && t.data.length > 0 && // All of the below css classes are #IMPORTANT for the table to scroll properly
           /* @__PURE__ */ e.jsx(yt, { className: "flex min-h-0 flex-1 grow basis-0", children: /* @__PURE__ */ e.jsx(vt, { card: t, data: t == null ? void 0 : t.data }) })
@@ -2324,9 +2324,9 @@ function ga({
   );
 }
 function Vn() {
-  const [s, n] = M(!1), [a, t] = M(""), [o, r] = M(""), [l, c] = M(""), d = i((j) => j.card), f = i(
+  const [s, n] = M(!1), [a, t] = M(""), [i, o] = M(""), [l, c] = M(""), d = r((j) => j.card), f = r(
     (j) => j.card.customCfg
-  ), m = i(
+  ), m = r(
     (j) => j.actions.setCardCustomCfg
   );
   function u(j) {
@@ -2352,19 +2352,19 @@ function Vn() {
       cfg: d.cfg,
       preferences: d.preferences
     });
-    j && (t(JSON.stringify(j, null, 1)), f && r(JSON.stringify(f, null, 1)));
+    j && (t(JSON.stringify(j, null, 1)), f && o(JSON.stringify(f, null, 1)));
   }
   function h() {
-    if (o)
+    if (i)
       try {
-        const j = JSON.parse(o);
-        return j ? (m(j), c(""), r(""), j) : void 0;
+        const j = JSON.parse(i);
+        return j ? (m(j), c(""), o(""), j) : void 0;
       } catch (j) {
         console.log(j), c("Invalid JSON");
       }
   }
   function x() {
-    r(""), m(null);
+    o(""), m(null);
   }
   function g() {
     let j;
@@ -2394,7 +2394,7 @@ function Vn() {
             /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
               /* @__PURE__ */ e.jsx(xs, { children: "Customize Card" }),
               /* @__PURE__ */ e.jsxs(fs, { children: [
-                /* @__PURE__ */ e.jsx(Ps, { children: /* @__PURE__ */ e.jsx(
+                /* @__PURE__ */ e.jsx(Gs, { children: /* @__PURE__ */ e.jsx(
                   Zt,
                   {
                     onClick: () => {
@@ -2450,7 +2450,7 @@ function Vn() {
                   className: "mt-0 grow rounded-b border border-t-0",
                   value: "custom-config",
                   children: /* @__PURE__ */ e.jsx(
-                    Pe,
+                    Qe,
                     {
                       className: "h-full w-full overflow-hidden",
                       theme: "default",
@@ -2468,7 +2468,7 @@ function Vn() {
                       },
                       defaultLanguage: "json",
                       value: g(),
-                      onChange: (j) => r(j)
+                      onChange: (j) => o(j)
                     }
                   )
                 }
@@ -2516,17 +2516,17 @@ function Sa(s) {
   return fe({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M217 25v14h78V25h-78zm0 32v46h14V71h50v32h14V57h-78zm32 32v14h14V89h-14zm-64 32v46h30v-46h-30zm48 0v14h46v-14h-46zm64 0v46h30v-46h-30zm-64 32v14h46v-14h-46zm-80 32v46h62v-46h-62zm80 0v14h46v-14h-46zm64 0v46h62v-46h-62zm-64 32v14h46v-14h-46zm-112 32v46h94v-46h-94zm112 0v14h46v-14h-46zm64 0v46h94v-46h-94zm-64 32v14h46v-14h-46zM89 313v46h126v-46H89zm144 0v14h46v-14h-46zm64 0v46h126v-46H297zm-64 32v14h46v-14h-46zM57 377v46h158v-46H57zm176 0v14h46v-14h-46zm64 0v46h158v-46H297zm-64 32v14h46v-14h-46zM25 441v46h190v-46H25zm208 0v14h46v-14h-46zm64 0v46h190v-46H297zm-64 32v14h46v-14h-46z" }, child: [] }] })(s);
 }
 function Rn() {
-  const [s, n] = M(!1), a = i((c) => c.card.type), { setCardType: t, setCardPreferences: o } = i(
+  const [s, n] = M(!1), a = r((c) => c.card.type), { setCardType: t, setCardPreferences: i } = r(
     (c) => c.actions
-  ), r = i(
+  ), o = r(
     (c) => c.actions.setCardCustomCfg
   );
   function l(c) {
-    t(c), r(null), o({}), n(!1);
+    t(c), o(null), i({}), n(!1);
   }
-  return /* @__PURE__ */ e.jsxs($e, { open: s, onOpenChange: n, children: [
-    /* @__PURE__ */ e.jsx(Ke, { asChild: !0, children: /* @__PURE__ */ e.jsx(w, { size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(_n, { className: "h-4 w-4", chartType: a }) }) }),
-    /* @__PURE__ */ e.jsx(Ue, { className: "w-50", children: /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 place-items-center", children: [
+  return /* @__PURE__ */ e.jsxs(Ke, { open: s, onOpenChange: n, children: [
+    /* @__PURE__ */ e.jsx(Ue, { asChild: !0, children: /* @__PURE__ */ e.jsx(w, { size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(_n, { className: "h-4 w-4", chartType: a }) }) }),
+    /* @__PURE__ */ e.jsx(Je, { className: "w-50", children: /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 place-items-center", children: [
       /* @__PURE__ */ e.jsx(
         w,
         {
@@ -2662,14 +2662,14 @@ function _n({ chartType: s, className: n }) {
   }
 }
 function Hn() {
-  const s = i(
+  const s = r(
     (a) => a.card.refreshInterval
-  ), n = i(
+  ), n = r(
     (a) => a.actions.setCardRefreshInterval
   );
-  return /* @__PURE__ */ e.jsxs($e, { children: [
-    /* @__PURE__ */ e.jsx(Ke, { asChild: !0, children: /* @__PURE__ */ e.jsx(w, { size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(Ut, { className: "w-4 h-4" }) }) }),
-    /* @__PURE__ */ e.jsx(Ue, { className: "w-[200px]", children: /* @__PURE__ */ e.jsx("div", { className: "grid gap-4", children: /* @__PURE__ */ e.jsx("div", { className: "grid gap-2", children: /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-5 items-center gap-1", children: [
+  return /* @__PURE__ */ e.jsxs(Ke, { children: [
+    /* @__PURE__ */ e.jsx(Ue, { asChild: !0, children: /* @__PURE__ */ e.jsx(w, { size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(Ut, { className: "w-4 h-4" }) }) }),
+    /* @__PURE__ */ e.jsx(Je, { className: "w-[200px]", children: /* @__PURE__ */ e.jsx("div", { className: "grid gap-4", children: /* @__PURE__ */ e.jsx("div", { className: "grid gap-2", children: /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-5 items-center gap-1", children: [
       /* @__PURE__ */ e.jsx(B, { className: "col-span-3", htmlFor: "width", children: "Refresh Every" }),
       /* @__PURE__ */ e.jsx(
         ae,
@@ -2685,9 +2685,9 @@ function Hn() {
   ] });
 }
 function Bs() {
-  i((l) => l.frame);
-  const s = i((l) => l.card), n = i((l) => l.card.data), a = i((l) => l.isShowingVisual), t = i((l) => l.isSqlRunning), o = i((l) => l.queryError), r = i((l) => l.pythonStdOut);
-  return i((l) => l.onSave), i((l) => l.onClose), i((l) => l.actions.setCardSql), i((l) => l.actions.setCardType), i((l) => l.actions.setSqlGen), s ? /* @__PURE__ */ e.jsxs("div", { className: "relative flex h-full flex-col pt-3", children: [
+  r((l) => l.frame);
+  const s = r((l) => l.card), n = r((l) => l.card.data), a = r((l) => l.isShowingVisual), t = r((l) => l.isSqlRunning), i = r((l) => l.queryError), o = r((l) => l.pythonStdOut);
+  return r((l) => l.onSave), r((l) => l.onClose), r((l) => l.actions.setCardSql), r((l) => l.actions.setCardType), r((l) => l.actions.setSqlGen), s ? /* @__PURE__ */ e.jsxs("div", { className: "relative flex h-full flex-col pt-3", children: [
     t && /* @__PURE__ */ e.jsx(He, { className: "absolute bottom-0 left-0 right-0 top-0 z-10 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: [
@@ -2698,14 +2698,14 @@ function Bs() {
       /* @__PURE__ */ e.jsx($n, {})
     ] }),
     a ? s.type === "kpi" ? /* @__PURE__ */ e.jsx("div", { className: "flex grow items-center justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e.jsx(wt, { isLoading: t, card: s }) }) }) : /* @__PURE__ */ e.jsx(ga, { className: "grow border-none shadow-none" }) : /* @__PURE__ */ e.jsxs("div", { className: "flex min-h-0 w-full flex-1 grow basis-0 px-6", children: [
-      r && /* @__PURE__ */ e.jsx(Bn, {}),
+      o && /* @__PURE__ */ e.jsx(Bn, {}),
       s.data && s.data.length > 0 && /* @__PURE__ */ e.jsx(qn, { data: n || [] }),
-      o && /* @__PURE__ */ e.jsx("span", { className: "font-mono text-sm", children: o })
+      i && /* @__PURE__ */ e.jsx("span", { className: "font-mono text-sm", children: i })
     ] })
   ] }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: "No Active Card" });
 }
 function Bn() {
-  const s = i((a) => a.pythonStdOut);
+  const s = r((a) => a.pythonStdOut);
   if (!s)
     return null;
   const n = s.replace(/\n/g, "<br>");
@@ -2722,7 +2722,7 @@ function Bn() {
   ] });
 }
 function $n() {
-  const s = i((a) => a.isShowingVisual), n = i(
+  const s = r((a) => a.isShowingVisual), n = r(
     (a) => a.actions.setIsShowingVisual
   );
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
@@ -2740,13 +2740,13 @@ function $n() {
 }
 function De() {
   const [s, n] = M([]);
-  i(
+  r(
     (m) => m.card.cfg
   );
-  const a = i((m) => m.card.preferences), { setCardCfg: t, setFilterOnClickColumnIndex: o, setCardPreferences: r } = i((m) => m.actions), l = i(
+  const a = r((m) => m.card.preferences), { setCardCfg: t, setFilterOnClickColumnIndex: i, setCardPreferences: o } = r((m) => m.actions), l = r(
     (m) => m.queryResultColumns
   );
-  i(
+  r(
     (m) => {
       var u;
       return (u = m.card.preferences) == null ? void 0 : u.filterOnClickColumnIndex;
@@ -2756,7 +2756,7 @@ function De() {
   }, [l]);
   function c(m, u) {
     var C, h;
-    u ? a != null && a.onClickFilter && ((C = a == null ? void 0 : a.onClickFilter) == null ? void 0 : C.length) > 0 ? r({
+    u ? a != null && a.onClickFilter && ((C = a == null ? void 0 : a.onClickFilter) == null ? void 0 : C.length) > 0 ? o({
       ...a,
       onClickFilter: [
         ...a.onClickFilter,
@@ -2765,7 +2765,7 @@ function De() {
           expression: ""
         }
       ]
-    }) : r({
+    }) : o({
       ...a,
       onClickFilter: [
         {
@@ -2773,7 +2773,7 @@ function De() {
           expression: ""
         }
       ]
-    }) : (r({
+    }) : (o({
       ...a,
       onClickFilter: (h = a == null ? void 0 : a.onClickFilter) == null ? void 0 : h.filter(
         (x) => x.columnIndex !== m
@@ -2789,7 +2789,7 @@ function De() {
       ...x,
       expression: u.target.value
     } : x);
-    r({
+    o({
       ...a,
       onClickFilter: C
     });
@@ -2817,7 +2817,7 @@ function De() {
         children: /* @__PURE__ */ e.jsxs("div", { className: " grow", children: [
           /* @__PURE__ */ e.jsxs("div", { className: "flex items-center py-2 space-x-2", children: [
             /* @__PURE__ */ e.jsx(
-              Ze,
+              $e,
               {
                 checked: !!((C = a == null ? void 0 : a.onClickFilter) != null && C.find(
                   (x) => x.columnIndex === u
@@ -2855,14 +2855,14 @@ function De() {
   }) });
 }
 function Ss() {
-  var r, l;
-  const s = i((c) => c.card.preferences), n = i(
+  var o, l;
+  const s = r((c) => c.card.preferences), n = r(
     (c) => c.card.cfg
-  ), { setCardCfg: a, setCardPreferences: t } = i(
+  ), { setCardCfg: a, setCardPreferences: t } = r(
     (c) => c.actions
   );
-  (r = n == null ? void 0 : n.options) != null && r.indexAxis;
-  function o(c) {
+  (o = n == null ? void 0 : n.options) != null && o.indexAxis;
+  function i(c) {
     var m, u, C, h, x, g;
     let d = {};
     (m = s == null ? void 0 : s.chartOptions) != null && m.scales && (d = {
@@ -2886,16 +2886,16 @@ function Ss() {
     ra,
     {
       value: ((l = s == null ? void 0 : s.chartOptions) == null ? void 0 : l.indexAxis) || "x",
-      onValueChange: o,
+      onValueChange: i,
       className: "flex gap-3",
       defaultValue: "x",
       children: [
         /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ e.jsx(We, { value: "x", id: "r1" }),
+          /* @__PURE__ */ e.jsx(Ye, { value: "x", id: "r1" }),
           /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: "r1", children: "Vertical" })
         ] }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ e.jsx(We, { value: "y", id: "r2" }),
+          /* @__PURE__ */ e.jsx(Ye, { value: "y", id: "r2" }),
           /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: "r2", children: "Horizontal" })
         ] })
       ]
@@ -2904,38 +2904,38 @@ function Ss() {
 }
 const we = "focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0";
 function $s(s, n) {
-  var t, o, r;
+  var t, i, o;
   const a = ia(s, n);
-  return ((r = (o = (t = s == null ? void 0 : s.chartOptions) == null ? void 0 : t.scales) == null ? void 0 : o[a]) == null ? void 0 : r.type) || "linear";
+  return ((o = (i = (t = s == null ? void 0 : s.chartOptions) == null ? void 0 : t.scales) == null ? void 0 : i[a]) == null ? void 0 : o.type) || "linear";
 }
 function ka() {
-  var P, ee, Z, J, I, v;
-  const [s, n] = M(!1), a = i((N) => {
+  var G, ee, Z, J, I, v;
+  const [s, n] = M(!1), a = r((N) => {
     var F;
     return (F = N.card) == null ? void 0 : F.preferences;
-  }), t = i((N) => {
+  }), t = r((N) => {
     var F;
     return (F = N.card) == null ? void 0 : F.cfg;
-  }), o = ia(a, t), [r, l] = M(
+  }), i = ia(a, t), [o, l] = M(
     $s(a)
   ), [c, d] = M(
-    ((Z = (ee = (P = a == null ? void 0 : a.chartOptions) == null ? void 0 : P.scales) == null ? void 0 : ee[o]) == null ? void 0 : Z.min) || ""
+    ((Z = (ee = (G = a == null ? void 0 : a.chartOptions) == null ? void 0 : G.scales) == null ? void 0 : ee[i]) == null ? void 0 : Z.min) || ""
   ), [f, m] = M(
-    ((v = (I = (J = a == null ? void 0 : a.chartOptions) == null ? void 0 : J.scales) == null ? void 0 : I[o]) == null ? void 0 : v.max) || ""
-  ), [u, C] = M(c || f ? "custom" : "auto"), [h, x] = M(""), [g, j] = M(0), [b, L] = M(""), [A, O] = M(""), [y, z] = M(""), E = i(
+    ((v = (I = (J = a == null ? void 0 : a.chartOptions) == null ? void 0 : J.scales) == null ? void 0 : I[i]) == null ? void 0 : v.max) || ""
+  ), [u, C] = M(c || f ? "custom" : "auto"), [h, x] = M(""), [g, j] = M(0), [b, L] = M(""), [A, O] = M(""), [y, z] = M(""), E = r(
     (N) => N.actions.setCardPreferences
-  ), _ = i((N) => {
+  ), _ = r((N) => {
     var F;
     return (F = N.card) == null ? void 0 : F.type;
   }), Y = ["pie", "doughnut", "polarArea"].includes(_);
   K(() => {
-    var N, F, H, ue, se, ge, je, be, xe, G, ne, le, ye, re;
+    var N, F, H, ue, se, ge, je, be, xe, P, ne, le, ye, re;
     l($s(a)), d(
-      ((H = (F = (N = a == null ? void 0 : a.chartOptions) == null ? void 0 : N.scales) == null ? void 0 : F[o]) == null ? void 0 : H.min) === 0 ? 0 : ""
-    ), m(((ge = (se = (ue = a == null ? void 0 : a.chartOptions) == null ? void 0 : ue.scales) == null ? void 0 : se[o]) == null ? void 0 : ge.max) || ""), x(
-      ((G = (xe = (be = (je = a == null ? void 0 : a.chartOptions) == null ? void 0 : je.scales) == null ? void 0 : be[o]) == null ? void 0 : xe.ticks) == null ? void 0 : G.stepSize) || ""
+      ((H = (F = (N = a == null ? void 0 : a.chartOptions) == null ? void 0 : N.scales) == null ? void 0 : F[i]) == null ? void 0 : H.min) === 0 ? 0 : ""
+    ), m(((ge = (se = (ue = a == null ? void 0 : a.chartOptions) == null ? void 0 : ue.scales) == null ? void 0 : se[i]) == null ? void 0 : ge.max) || ""), x(
+      ((P = (xe = (be = (je = a == null ? void 0 : a.chartOptions) == null ? void 0 : je.scales) == null ? void 0 : be[i]) == null ? void 0 : xe.ticks) == null ? void 0 : P.stepSize) || ""
     ), j(((ne = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : ne.decimalPlaces) || 0), L(((le = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : le.suffix) || ""), O(((ye = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : ye.currency) || ""), z(((re = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : re.locale) || "");
-  }, [s, a, o]);
+  }, [s, a, i]);
   function $(N, F) {
     return F === "" || /^[0-9\b]+$/.test(F) ? Number(F) : Number(N);
   }
@@ -3045,10 +3045,10 @@ function ka() {
         ...a == null ? void 0 : a.chartOptions,
         scales: {
           ...(H = a == null ? void 0 : a.chartOptions) == null ? void 0 : H.scales,
-          [o]: {
+          [i]: {
             // ...cardPreferences?.chartOptions?.scales?.[axis],
-            type: r,
-            ...r === "linear" ? N : {}
+            type: o,
+            ...o === "linear" ? N : {}
           }
         }
       },
@@ -3061,9 +3061,9 @@ function ka() {
     };
     E(F);
   }
-  return /* @__PURE__ */ e.jsxs($e, { onOpenChange: (N) => n(N), children: [
-    /* @__PURE__ */ e.jsx(Ke, { asChild: !0, children: /* @__PURE__ */ e.jsx(Ft, { className: "size-4 cursor-pointer text-muted-foreground hover:text-foreground" }) }),
-    /* @__PURE__ */ e.jsx(Ue, { align: "center", className: "max-w-65", children: /* @__PURE__ */ e.jsxs("div", { className: "grid gap-4", children: [
+  return /* @__PURE__ */ e.jsxs(Ke, { onOpenChange: (N) => n(N), children: [
+    /* @__PURE__ */ e.jsx(Ue, { asChild: !0, children: /* @__PURE__ */ e.jsx(Ft, { className: "size-4 cursor-pointer text-muted-foreground hover:text-foreground" }) }),
+    /* @__PURE__ */ e.jsx(Je, { align: "center", className: "max-w-65", children: /* @__PURE__ */ e.jsxs("div", { className: "grid gap-4", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
         /* @__PURE__ */ e.jsx("h4", { className: "font-medium leading-none", children: "Scale Options" }),
         /* @__PURE__ */ e.jsx("p", { className: "text-sm text-muted-foreground", children: "Set the scale for the number axis" })
@@ -3075,7 +3075,7 @@ function ka() {
             Oe,
             {
               disabled: Y,
-              value: r,
+              value: o,
               onValueChange: (N) => l(N),
               children: [
                 /* @__PURE__ */ e.jsx(Me, { className: "col-span-2 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(Te, {}) }),
@@ -3088,7 +3088,7 @@ function ka() {
             }
           )
         ] }),
-        r == "linear" && /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 items-center gap-2 py-1", children: [
+        o == "linear" && /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 items-center gap-2 py-1", children: [
           /* @__PURE__ */ e.jsx(B, { htmlFor: "scale-option", children: "Setup" }),
           /* @__PURE__ */ e.jsxs(
             ra,
@@ -3101,18 +3101,18 @@ function ka() {
               defaultValue: "x",
               children: [
                 /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-                  /* @__PURE__ */ e.jsx(We, { value: "auto", id: "r1" }),
+                  /* @__PURE__ */ e.jsx(Ye, { value: "auto", id: "r1" }),
                   /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: "r1", children: "Auto" })
                 ] }),
                 /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-                  /* @__PURE__ */ e.jsx(We, { value: "custom", id: "r2" }),
+                  /* @__PURE__ */ e.jsx(Ye, { value: "custom", id: "r2" }),
                   /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: "r2", children: "Custom" })
                 ] })
               ]
             }
           )
         ] }),
-        u === "custom" && r == "linear" && D(),
+        u === "custom" && o == "linear" && D(),
         U(),
         /* @__PURE__ */ e.jsx(Ot, {}),
         /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-3", children: /* @__PURE__ */ e.jsx(
@@ -3130,17 +3130,17 @@ function ka() {
 }
 function Kn({ idx: s }) {
   var c;
-  const n = i((d) => {
+  const n = r((d) => {
     var f;
     return (f = d.card) == null ? void 0 : f.preferences;
-  }), a = i(
+  }), a = r(
     (d) => {
       var f;
       return (f = d.card.preferences) == null ? void 0 : f.datasetOptions;
     }
-  ), t = i(
+  ), t = r(
     (d) => d.actions.setCardPreferences
-  ), o = (c = n == null ? void 0 : n.chartOptions) == null ? void 0 : c.indexAxis, r = a == null ? void 0 : a.find((d) => d.idx === s);
+  ), i = (c = n == null ? void 0 : n.chartOptions) == null ? void 0 : c.indexAxis, o = a == null ? void 0 : a.find((d) => d.idx === s);
   function l(d, f) {
     (d === "end" || d === "start") && Tt(At());
     const m = {
@@ -3149,7 +3149,7 @@ function Kn({ idx: s }) {
       anchor: d,
       clamp: !0
     };
-    if (!r)
+    if (!o)
       t({
         ...n,
         datasetOptions: [
@@ -3161,7 +3161,7 @@ function Kn({ idx: s }) {
         ]
       });
     else {
-      const u = { ...r };
+      const u = { ...o };
       u.datalabels = m;
       const C = a == null ? void 0 : a.map(
         (h) => h.idx === f ? u : h
@@ -3172,9 +3172,9 @@ function Kn({ idx: s }) {
       });
     }
   }
-  return /* @__PURE__ */ e.jsxs($e, { children: [
-    /* @__PURE__ */ e.jsx(Ke, { children: /* @__PURE__ */ e.jsx(mn, { className: "invisible size-4 rotate-[135deg] cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible" }) }),
-    /* @__PURE__ */ e.jsx(Ue, { className: "w-fit p-1", children: /* @__PURE__ */ e.jsxs("div", { className: "flex gap-1", children: [
+  return /* @__PURE__ */ e.jsxs(Ke, { children: [
+    /* @__PURE__ */ e.jsx(Ue, { children: /* @__PURE__ */ e.jsx(mn, { className: "invisible size-4 rotate-[135deg] cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible" }) }),
+    /* @__PURE__ */ e.jsx(Je, { className: "w-fit p-1", children: /* @__PURE__ */ e.jsxs("div", { className: "flex gap-1", children: [
       /* @__PURE__ */ e.jsx(
         w,
         {
@@ -3196,7 +3196,7 @@ function Kn({ idx: s }) {
             en,
             {
               className: W("h-4 w-4", {
-                "rotate-90": o === "y"
+                "rotate-90": i === "y"
               })
             }
           )
@@ -3213,7 +3213,7 @@ function Kn({ idx: s }) {
             an,
             {
               className: W("h-4 w-4", {
-                "rotate-90": o === "y"
+                "rotate-90": i === "y"
               })
             }
           )
@@ -3230,7 +3230,7 @@ function Kn({ idx: s }) {
             sn,
             {
               className: W("h-4 w-4", {
-                "rotate-90": o === "y"
+                "rotate-90": i === "y"
               })
             }
           )
@@ -3240,17 +3240,17 @@ function Kn({ idx: s }) {
   ] });
 }
 function wa() {
-  const s = i((d) => d.card), n = i(
+  const s = r((d) => d.card), n = r(
     (d) => {
       var f, m, u;
       return (u = (m = (f = d == null ? void 0 : d.card) == null ? void 0 : f.preferences) == null ? void 0 : m.chartOptions) == null ? void 0 : u.indexAxis;
     }
   ), a = n === "y" ? "Y axis" : "X axis", t = n === "y" ? "X axis" : "Y axis", {
-    keys: o,
-    metricKeys: r,
+    keys: i,
+    metricKeys: o,
     dimensionKeys: l
   } = is(s.data || []);
-  let c = r;
+  let c = o;
   if (s.type === "stackedBar") {
     const d = Et({
       dataArray: s.data || [],
@@ -3260,7 +3260,7 @@ function wa() {
     }), { metricKeys: f } = is(d);
     c = f;
   }
-  return o.length === 0 ? null : /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
+  return i.length === 0 ? null : /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ e.jsx(B, { children: a }),
       /* @__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: l[0] }) }) })
@@ -3275,18 +3275,18 @@ function wa() {
   ] });
 }
 function Un({ col: s, idx: n }) {
-  const a = i((c) => {
+  const a = r((c) => {
     var d;
     return (d = c.card) == null ? void 0 : d.preferences;
-  }), t = i(
+  }), t = r(
     (c) => {
       var d;
       return (d = c.card.preferences) == null ? void 0 : d.datasetOptions;
     }
-  ), o = t == null ? void 0 : t.find((c) => c.idx === n), { setCardPreferences: r } = i((c) => c.actions);
+  ), i = t == null ? void 0 : t.find((c) => c.idx === n), { setCardPreferences: o } = r((c) => c.actions);
   function l(c) {
-    if (!o)
-      r({
+    if (!i)
+      o({
         ...a,
         datasetOptions: [
           ...t || [],
@@ -3298,12 +3298,12 @@ function Un({ col: s, idx: n }) {
         ]
       });
     else {
-      const d = { ...o };
+      const d = { ...i };
       d.type = c === "area" ? "line" : c, d.fill = c === "area" ? "origin" : "";
       const f = t == null ? void 0 : t.map(
         (m) => m.idx === n ? d : m
       );
-      r({
+      o({
         ...a,
         datasetOptions: f
       });
@@ -3387,10 +3387,10 @@ function Jn({
   ] }) });
 }
 function ks() {
-  var o, r, l;
-  const s = i(
+  var i, o, l;
+  const s = r(
     (c) => c.card.cfg
-  ), n = i((c) => c.actions.setCardCfg), a = i((c) => c.card.type);
+  ), n = r((c) => c.actions.setCardCfg), a = r((c) => c.card.type);
   function t(c) {
     var m;
     const d = {
@@ -3420,7 +3420,7 @@ function ks() {
     /* @__PURE__ */ e.jsxs(
       Oe,
       {
-        value: (l = (r = (o = s == null ? void 0 : s.options) == null ? void 0 : o.plugins) == null ? void 0 : r.datalabels) == null ? void 0 : l.anchor,
+        value: (l = (o = (i = s == null ? void 0 : s.options) == null ? void 0 : i.plugins) == null ? void 0 : o.datalabels) == null ? void 0 : l.anchor,
         onValueChange: t,
         defaultValue: "none",
         children: [
@@ -3437,13 +3437,13 @@ function ks() {
     )
   ] });
 }
-function Gn({
+function Pn({
   cardType: s
 }) {
   function n(a) {
-    const t = "SELECT label, [group], x-axis, y-axis, radius FROM table", o = "SELECT label, [group], x-axis, y-axis FROM table";
+    const t = "SELECT label, [group], x-axis, y-axis, radius FROM table", i = "SELECT label, [group], x-axis, y-axis FROM table";
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      /* @__PURE__ */ e.jsx("div", { className: "bg-muted px-2 py-1 rounded    text-xs", children: a === "bubble" ? t : o }),
+      /* @__PURE__ */ e.jsx("div", { className: "bg-muted px-2 py-1 rounded    text-xs", children: a === "bubble" ? t : i }),
       /* @__PURE__ */ e.jsxs("ul", { className: " ml-6 list-disc [&>li]:mt-2 text-xs", children: [
         /* @__PURE__ */ e.jsx("li", { children: "label - category" }),
         /* @__PURE__ */ e.jsx("li", { children: "group - category" }),
@@ -3457,7 +3457,7 @@ function Gn({
           "a",
           {
             target: "_blank",
-            onClick: (r) => r.stopPropagation(),
+            onClick: (o) => o.stopPropagation(),
             className: "text-blue-700",
             href: "https://docs.semaphor.cloud/concepts/visuals#pie-chart",
             children: "example"
@@ -3482,7 +3482,7 @@ function Gn({
     ] })
   ] }) });
 }
-const Pn = {
+const Gn = {
   datasets: [
     {
       type: "line",
@@ -3506,7 +3506,7 @@ const Pn = {
   ]
 };
 function Wn() {
-  const s = i((n) => n.card.type);
+  const s = r((n) => n.card.type);
   return /* @__PURE__ */ e.jsxs("div", { className: "p-6 space-y-6", children: [
     /* @__PURE__ */ e.jsx(
       Se,
@@ -3543,7 +3543,7 @@ function Yn(s) {
             /* @__PURE__ */ e.jsx("b", { children: "Customize" }),
             " and change the `type` property in the dataset."
           ] }),
-          /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify(Pn, null, 2) })
+          /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify(Gn, null, 2) })
         ] })
       ] }),
       /* @__PURE__ */ e.jsxs(q, { value: "item-3", children: [
@@ -3621,43 +3621,43 @@ function Yn(s) {
 }
 function Xn() {
   var d, f, m, u, C;
-  const s = i((h) => h.card.preferences), n = i(
+  const s = r((h) => h.card.preferences), n = r(
     (h) => h.actions.setCardPreferences
-  ), a = i(
+  ), a = r(
     (h) => h.actions.setNumberFormat
   );
-  i(
+  r(
     (h) => {
       var x, g;
       return (g = (x = h.card.preferences) == null ? void 0 : x.formatNumber) == null ? void 0 : g.decimalPlaces;
     }
   );
-  const t = i(
+  const t = r(
     (h) => {
       var x, g;
       return (g = (x = h.card.preferences) == null ? void 0 : x.formatNumber) == null ? void 0 : g.locale;
     }
-  ), o = i(
+  ), i = r(
     (h) => {
       var x, g;
       return (g = (x = h.card.preferences) == null ? void 0 : x.formatNumber) == null ? void 0 : g.currency;
     }
   );
-  i(
+  r(
     (h) => h.actions.setFilterOnClickField
   );
-  const r = i(
+  const o = r(
     (h) => {
       var x, g;
       return (g = (x = h.card.preferences) == null ? void 0 : x.formatNumber) == null ? void 0 : g.colorRanges;
     }
-  ) || [], l = i(
+  ) || [], l = r(
     (h) => h.actions.setColorRanges
   ), c = [...new Set(Vs.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(
-        Ze,
+        $e,
         {
           checked: !!((d = s == null ? void 0 : s.formatNumber) != null && d.enabled),
           onCheckedChange: (h) => {
@@ -3706,7 +3706,7 @@ function Xn() {
             /* @__PURE__ */ e.jsxs(
               Oe,
               {
-                value: o || "none",
+                value: i || "none",
                 onValueChange: (h) => {
                   var x, g, j;
                   return a(
@@ -3777,7 +3777,7 @@ function Xn() {
       /* @__PURE__ */ e.jsx(
         Lt,
         {
-          colorRanges: r,
+          colorRanges: o,
           setColorRanges: l
         }
       )
@@ -3895,10 +3895,34 @@ function el() {
   ] }) });
 }
 function sl({}) {
-  return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsx(Se, { defaultValue: ["item-3"], type: "multiple", children: /* @__PURE__ */ e.jsxs(q, { value: "item-3", children: [
-    /* @__PURE__ */ e.jsx(V, { children: "Filter on click" }),
-    /* @__PURE__ */ e.jsx(R, { className: "px-2", children: /* @__PURE__ */ e.jsx(De, {}) })
-  ] }) }) });
+  const s = r((t) => {
+    var i;
+    return (i = t.card) == null ? void 0 : i.preferences;
+  }), n = r(
+    (t) => t.actions.setCardPreferences
+  ), a = (t) => {
+    n({
+      ...s,
+      allowDownload: t
+    });
+  };
+  return /* @__PURE__ */ e.jsxs("div", { className: "space-y-6 px-6 py-2", children: [
+    /* @__PURE__ */ e.jsx(Se, { defaultValue: ["item-3"], type: "multiple", children: /* @__PURE__ */ e.jsxs(q, { value: "item-3", children: [
+      /* @__PURE__ */ e.jsx(V, { children: "Filter on click" }),
+      /* @__PURE__ */ e.jsx(R, { className: "px-2", children: /* @__PURE__ */ e.jsx(De, {}) })
+    ] }) }),
+    /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
+      /* @__PURE__ */ e.jsx($e, { onCheckedChange: a, id: "allow-download" }),
+      /* @__PURE__ */ e.jsx(
+        "label",
+        {
+          htmlFor: "allow-download",
+          className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+          children: "Allow Download"
+        }
+      )
+    ] })
+  ] });
 }
 const al = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
   /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 text-xs", children: "SELECT dimension, cohort, metric FROM table" }),
@@ -3918,7 +3942,7 @@ const al = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-
   ] })
 ] });
 function tl() {
-  const s = i((a) => a.card.type);
+  const s = r((a) => a.card.type);
   function n(a) {
     switch (a) {
       case "stackedBar":
@@ -3943,7 +3967,7 @@ function tl() {
         return /* @__PURE__ */ e.jsx(Ks, { cardType: a });
       case "bubble":
       case "scatter":
-        return /* @__PURE__ */ e.jsx(Gn, { cardType: a });
+        return /* @__PURE__ */ e.jsx(Pn, { cardType: a });
       case "table":
         return /* @__PURE__ */ e.jsx(sl, { cardType: a });
       default:
@@ -3953,7 +3977,7 @@ function tl() {
   return /* @__PURE__ */ e.jsx(bs, { className: "h-full w-full text-sm", children: n(s) });
 }
 function nl() {
-  const s = i((n) => n.isShowingVisual);
+  const s = r((n) => n.isShowingVisual);
   return /* @__PURE__ */ e.jsxs(
     os,
     {
@@ -3999,12 +4023,12 @@ function nl() {
   );
 }
 function ll({ authToken: s, onSave: n, onClose: a }) {
-  const t = i((l) => l.actions.setOnSave), o = i((l) => l.actions.setOnClose), r = k((l) => l.actions.setAuthToken);
+  const t = r((l) => l.actions.setOnSave), i = r((l) => l.actions.setOnClose), o = k((l) => l.actions.setAuthToken);
   return K(() => {
-    n && t(n), a && o(a);
-  }, [n, t, a, o]), K(() => {
-    s && s.accessToken && r(s);
-  }, [s, r]), /* @__PURE__ */ e.jsxs(Dt, { className: "rounded-none", role: "editor-panel", children: [
+    n && t(n), a && i(a);
+  }, [n, t, a, i]), K(() => {
+    s && s.accessToken && o(s);
+  }, [s, o]), /* @__PURE__ */ e.jsxs(Dt, { className: "rounded-none", role: "editor-panel", children: [
     /* @__PURE__ */ e.jsx(It, { className: "rounded-none border-r-[1.5px]", children: /* @__PURE__ */ e.jsx(xa, {}) }),
     /* @__PURE__ */ e.jsx(qt, { children: /* @__PURE__ */ e.jsx(nl, {}) })
   ] });
@@ -4012,10 +4036,10 @@ function ll({ authToken: s, onSave: n, onClose: a }) {
 function rl() {
   k((l) => l.selectedCardId);
   const s = k((l) => l.selectedSheetId), { setIsVisualEditing: n } = k((l) => l.actions), a = k((l) => l.isVisualEditing), t = k((l) => l.actions.updateFrame);
-  function o(l) {
+  function i(l) {
     s && (t(s, l), n(!1));
   }
-  function r() {
+  function o() {
     n(!1);
   }
   return /* @__PURE__ */ e.jsx(
@@ -4026,7 +4050,7 @@ function rl() {
         block: a,
         hidden: !a
       }),
-      children: /* @__PURE__ */ e.jsx(ll, { onSave: o, onClose: r })
+      children: /* @__PURE__ */ e.jsx(ll, { onSave: i, onClose: o })
     }
   );
 }
@@ -4034,11 +4058,11 @@ function il({
   columns: s,
   tableName: n
 }) {
-  const a = i((u) => u.selectedConnectionId), t = i((u) => u.selectedDatabaseName), o = i((u) => u.selectedSchemaName), r = i((u) => u.selectedTableName), l = k((u) => u.dashboard.filters) || [], c = k((u) => u.actions.addFilter), d = k((u) => u.actions.removeFilter), f = k(
+  const a = r((u) => u.selectedConnectionId), t = r((u) => u.selectedDatabaseName), i = r((u) => u.selectedSchemaName), o = r((u) => u.selectedTableName), l = k((u) => u.dashboard.filters) || [], c = k((u) => u.actions.addFilter), d = k((u) => u.actions.removeFilter), f = k(
     (u) => u.actions.removeFilterValue
   );
   function m(u) {
-    const C = he(u.column_name), h = he(t || ""), x = he(o || ""), g = he(n), j = rs(
+    const C = he(u.column_name), h = he(t || ""), x = he(i || ""), g = he(n), j = rs(
       x,
       g
     ), b = `${j}.${C}`;
@@ -4056,7 +4080,7 @@ function il({
     else {
       if (n === "api" && a) {
         c({
-          id: Qe(),
+          id: We(),
           column: b,
           title: u.column_name,
           dataType: u.data_type,
@@ -4075,11 +4099,11 @@ function il({
         return;
       }
       c({
-        id: Qe(),
+        id: We(),
         column: `${j}.${C}`,
         title: u.column_name,
         dataType: u.data_type,
-        table: r || "",
+        table: o || "",
         database: t || "",
         connectionId: a || "",
         operation: "in",
@@ -4094,7 +4118,7 @@ function il({
   }
   return /* @__PURE__ */ e.jsx("div", { className: "xbg-red-100 flex-1 basis-0 flex-col overflow-scroll px-3", children: s == null ? void 0 : s.map((u) => {
     const C = l == null ? void 0 : l.find(
-      (h) => h.column === he(u.column_name) && h.table === r && h.database === t
+      (h) => h.column === he(u.column_name) && h.table === o && h.database === t
     );
     return /* @__PURE__ */ e.jsx(
       "div",