react-semaphor 0.0.389 → 0.0.391

package/dist/index.js

@@ -1,8 +1,8 @@
-import { c as R, p as Ot, u as T, a as Je, b as Te, d as Mt, e as It, B as L, P as We, f as Tt, g as Dt, h as zt, i as aa, L as $, I as ue, j as na, k as sa, l as la, m as ia, n as ra, o as oa, q as hn, r as Gt, s as se, C as ht, t as un, v as u, w as mn, x as pn, y as ca, F as da, z as Be, A as nt, T as ha, E as fn, G as ua, S as me, H as pe, J as fe, K as ge, M as ke, N as Ce, O as Q, Q as ma, R as pa, U as fa, V as ga, W as ya, X as ve, Y as gn, Z as yn, _ as ba, $ as bn, a0 as xn, a1 as vn, a2 as xa, a3 as Ie, a4 as Nn, a5 as qe, a6 as st, a7 as vt, a8 as De, a9 as Ve, aa as Oe, ab as Cn, ac as ie, ad as Sn, ae as wn, af as Bt, ag as kn, ah as Ke, ai as On, aj as Mn, ak as In, al as Tn, am as Dn, an as bt, ao as zn, ap as Ln, aq as Le, ar as va, as as Fn, at as ut, au as An, av as En, aw as Vn, ax as Nt, ay as qn, az as jn, aA as lt, aB as we, aC as it, aD as Rn, aE as _n, aF as Hn, aG as Pn, aH as xt, aI as $n, aJ as Ut, aK as Gn, aL as Jt, aM as Bn, aN as Un, aO as Jn, aP as Wn, aQ as Na, aR as Kn, aS as Lt, aT as Ca, aU as Qn, aV as Zn, aW as at, aX as Xn, aY as Yn, aZ as Sa, a_ as es, a$ as ts, b0 as as, b1 as ns, b2 as rt, b3 as ss, b4 as mt, b5 as wa, b6 as ls, b7 as ka, b8 as Oa, b9 as Ct, ba as St, bb as is, bc as rs, bd as os, be as Qe, bf as Ze, bg as Xe, bh as Ma, bi as cs, bj as ds, bk as hs, bl as us, bm as ms, bn as ps, bo as fs, bp as pt, bq as ze, br as gs, bs as Pe, bt as Ft, bu as Ia, bv as ys, bw as bs, bx as ot, by as xs, bz as vs, bA as Ns, bB as Cs, bC as Wt, bD as Kt, bE as Ta, bF as Ss, bG as ws, bH as ks, bI as Os, bJ as Ms, bK as Is, bL as Ts, bM as Ds, bN as Fe, bO as ee, bP as te, bQ as At, bR as ae, bS as zs, bT as Da, bU as Ls, bV as Fs, bW as As, bX as Es, bY as Vs, bZ as qs, b_ as js, b$ as Rs, c0 as _s } from "./chunks/index-BhnPEjQj.js";
-import { D as Qi, c5 as Zi, c3 as Xi, c3 as Yi, c7 as er, c6 as tr, c8 as ar, c4 as nr, c1 as sr, c2 as lr } from "./chunks/index-BhnPEjQj.js";
+import { c as R, p as Ot, u as T, a as Je, b as Te, d as Mt, e as It, B as L, P as We, f as Tt, g as Dt, h as zt, i as aa, L as $, I as he, j as na, k as sa, l as la, m as ia, n as ra, o as oa, q as un, r as Gt, s as se, C as ut, t as hn, v as h, w as mn, x as pn, y as ca, F as da, z as Be, A as nt, T as ua, E as fn, G as ha, S as me, H as pe, J as fe, K as ge, M as ke, N as Ce, O as Q, Q as ma, R as pa, U as fa, V as ga, W as ya, X as ve, Y as gn, Z as yn, _ as ba, $ as bn, a0 as xn, a1 as vn, a2 as xa, a3 as Ie, a4 as Nn, a5 as qe, a6 as st, a7 as vt, a8 as De, a9 as Ve, aa as Oe, ab as Cn, ac as ie, ad as Sn, ae as wn, af as Bt, ag as kn, ah as Ke, ai as On, aj as Mn, ak as In, al as Tn, am as Dn, an as bt, ao as zn, ap as Ln, aq as Le, ar as va, as as Fn, at as ht, au as An, av as En, aw as Vn, ax as Nt, ay as qn, az as jn, aA as lt, aB as we, aC as it, aD as Rn, aE as _n, aF as Hn, aG as Pn, aH as xt, aI as $n, aJ as Ut, aK as Gn, aL as Jt, aM as Bn, aN as Un, aO as Jn, aP as Wn, aQ as Na, aR as Kn, aS as Lt, aT as Ca, aU as Qn, aV as Zn, aW as at, aX as Xn, aY as Yn, aZ as Sa, a_ as es, a$ as ts, b0 as as, b1 as ns, b2 as rt, b3 as ss, b4 as mt, b5 as wa, b6 as ls, b7 as ka, b8 as Oa, b9 as Ct, ba as St, bb as is, bc as rs, bd as os, be as Qe, bf as Ze, bg as Xe, bh as Ma, bi as cs, bj as ds, bk as us, bl as hs, bm as ms, bn as ps, bo as fs, bp as pt, bq as ze, br as gs, bs as Pe, bt as Ft, bu as Ia, bv as ys, bw as bs, bx as ot, by as xs, bz as vs, bA as Ns, bB as Cs, bC as Wt, bD as Kt, bE as Ta, bF as Ss, bG as ws, bH as ks, bI as Os, bJ as Ms, bK as Is, bL as Ts, bM as Ds, bN as Fe, bO as ee, bP as te, bQ as At, bR as ae, bS as zs, bT as Da, bU as Ls, bV as Fs, bW as As, bX as Es, bY as Vs, bZ as qs, b_ as js, b$ as Rs, c0 as _s } from "./chunks/index-D6WPwotp.js";
+import { D as Qi, c5 as Zi, c3 as Xi, c3 as Yi, c7 as er, c6 as tr, c8 as ar, c4 as nr, c1 as sr, c2 as lr } from "./chunks/index-D6WPwotp.js";
 import { jsxs as n, jsx as e, Fragment as le } from "react/jsx-runtime";
 import * as Qt from "react";
-import Me, { useState as H, useMemo as wt, useEffect as de, useRef as $e, useCallback as za, Suspense as Hs } from "react";
+import Me, { useState as P, useMemo as wt, useEffect as de, useRef as $e, useCallback as za, Suspense as Hs } from "react";
 import "react-dom";
 /**
  * @license lucide-react v0.453.0 - ISC
@@ -475,7 +475,7 @@ const dl = R("MessageSquareMore", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const hl = R("Network", [
+const ul = R("Network", [
   ["rect", { x: "16", y: "16", width: "6", height: "6", rx: "1", key: "4q2zg0" }],
   ["rect", { x: "2", y: "16", width: "6", height: "6", rx: "1", key: "8cvhb9" }],
   ["rect", { x: "9", y: "2", width: "6", height: "6", rx: "1", key: "1egb70" }],
@@ -488,7 +488,7 @@ const hl = R("Network", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ul = R("Plug2", [
+const hl = R("Plug2", [
   ["path", { d: "M9 2v6", key: "17ngun" }],
   ["path", { d: "M15 2v6", key: "s7yy2p" }],
   ["path", { d: "M12 17v5", key: "bb1du9" }],
@@ -697,10 +697,10 @@ function $a(t) {
       return {
         ...a,
         frames: (l = a.frames) == null ? void 0 : l.map((i) => {
-          var c;
+          var o;
           return {
             ...i,
-            cards: (c = i.cards) == null ? void 0 : c.map((o) => Sl(o))
+            cards: (o = i.cards) == null ? void 0 : o.map((c) => Sl(c))
           };
         })
       };
@@ -716,8 +716,8 @@ function Sl(t) {
       data: {
         ...(s = t.cfg) == null ? void 0 : s.data,
         labels: [],
-        datasets: (i = (l = (a = t.cfg) == null ? void 0 : a.data) == null ? void 0 : l.datasets) == null ? void 0 : i.map((c) => ({
-          ...c,
+        datasets: (i = (l = (a = t.cfg) == null ? void 0 : a.data) == null ? void 0 : l.datasets) == null ? void 0 : i.map((o) => ({
+          ...o,
           data: []
         }))
       }
@@ -755,13 +755,13 @@ async function kl(t, s, a, l) {
 async function kt(t, s) {
   if (!s)
     return null;
-  const { id: a, template: l, filterValues: i, isDefault: c, shared: o } = t;
+  const { id: a, template: l, filterValues: i, isDefault: o, shared: c } = t;
   return await Ot("https://semaphor.cloud/api/v1/lens", s, {
     lensId: a,
     template: l,
     filterValues: i,
-    isDefault: c,
-    shared: o,
+    isDefault: o,
+    shared: c,
     operation: "update"
   });
 }
@@ -772,9 +772,9 @@ async function Ol(t, s) {
   }) : null;
 }
 function Ml() {
-  const [t, s] = H(""), [a, l] = H(!1), i = T((g) => g.lenses), { setLenses: c, setSelectedLensId: o } = Je(), [d, h] = H(!1), [f, m] = H(!1), b = T((g) => g.dashboard), x = T((g) => g.filterValues), { authToken: r } = Te();
+  const [t, s] = P(""), [a, l] = P(!1), i = T((g) => g.lenses), { setLenses: o, setSelectedLensId: c } = Je(), [d, u] = P(!1), [f, m] = P(!1), b = T((g) => g.dashboard), x = T((g) => g.filterValues), { authToken: r } = Te();
   async function y() {
-    h(!0);
+    u(!0);
     const g = $a(
       b
     ), C = await kl(
@@ -783,7 +783,7 @@ function Ml() {
       x,
       r == null ? void 0 : r.accessToken
     );
-    C && (c([...i || [], C]), o(C.id), m(!1)), h(!1);
+    C && (o([...i || [], C]), c(C.id), m(!1)), u(!1);
   }
   return /* @__PURE__ */ n(Mt, { open: f, onOpenChange: m, children: [
     /* @__PURE__ */ e(It, { asChild: !0, children: /* @__PURE__ */ n(
@@ -806,7 +806,7 @@ function Ml() {
       /* @__PURE__ */ e("div", { className: "grid gap-4 py-4", children: /* @__PURE__ */ n("div", { className: "grid grid-cols-8 items-center gap-4", children: [
         /* @__PURE__ */ e($, { className: "text-right", children: "Name" }),
         /* @__PURE__ */ e(
-          ue,
+          he,
           {
             value: t,
             onChange: (g) => {
@@ -833,14 +833,14 @@ function Ml() {
   ] });
 }
 function Il() {
-  const [t, s] = H(!1), a = T((m) => m.lenses), l = T((m) => m.selectedLensId), { setLenses: i, setSelectedLensId: c } = Je(), { authToken: o } = Te();
+  const [t, s] = P(!1), a = T((m) => m.lenses), l = T((m) => m.selectedLensId), { setLenses: i, setSelectedLensId: o } = Je(), { authToken: c } = Te();
   async function d(m) {
-    c(m);
+    o(m);
   }
-  async function h(m) {
-    if (await Ol(m, o == null ? void 0 : o.accessToken)) {
+  async function u(m) {
+    if (await Ol(m, c == null ? void 0 : c.accessToken)) {
       const x = a == null ? void 0 : a.filter((r) => r.id !== m);
-      i(x || []), c("original");
+      i(x || []), o("original");
     }
   }
   async function f(m) {
@@ -856,14 +856,14 @@ function Il() {
       ...m,
       isDefault: !m.isDefault
     };
-    await kt(x, o == null ? void 0 : o.accessToken);
+    await kt(x, c == null ? void 0 : c.accessToken);
     const r = a == null ? void 0 : a.find((y) => y.isDefault);
     if (r && r.id !== m.id) {
       const y = {
         ...r,
         isDefault: !1
       };
-      await kt(y, o == null ? void 0 : o.accessToken);
+      await kt(y, c == null ? void 0 : c.accessToken);
     }
   }
   return /* @__PURE__ */ n(sa, { open: t, onOpenChange: s, children: [
@@ -872,7 +872,7 @@ function Il() {
       /* @__PURE__ */ e(ra, { className: "px-3", children: "Lenses" }),
       /* @__PURE__ */ e(oa, {}),
       /* @__PURE__ */ n(
-        hn,
+        un,
         {
           value: l,
           onValueChange: d,
@@ -903,10 +903,10 @@ function Il() {
                       }
                     ),
                     /* @__PURE__ */ e(
-                      ht,
+                      ut,
                       {
                         onClick: (b) => {
-                          b.preventDefault(), h(m.id);
+                          b.preventDefault(), u(m.id);
                         },
                         className: "invisible size-3.5 text-muted-foreground hover:cursor-pointer hover:text-foreground group-hover:visible",
                         strokeWidth: 1.5
@@ -925,12 +925,12 @@ function Il() {
 }
 async function Tl() {
   var r;
-  const t = T.getState().authToken, s = T.getState().theme, a = T.getState().filterValues, l = (r = T.getState().dashboard) == null ? void 0 : r.title, i = T.getState().isDownloadingPdf, c = T.getState().selectedSheetId;
+  const t = T.getState().authToken, s = T.getState().theme, a = T.getState().filterValues, l = (r = T.getState().dashboard) == null ? void 0 : r.title, i = T.getState().isDownloadingPdf, o = T.getState().selectedSheetId;
   if (i)
     return;
-  const o = new URLSearchParams();
-  o.set("token", (t == null ? void 0 : t.accessToken) || ""), o.set("theme", s || "light"), o.set("filterValues", JSON.stringify(a)), o.set("selectedSheetId", c || "");
-  const d = `https://semaphor.cloud/api/v1/generate-pdf?params=${encodeURIComponent(o.toString())}`;
+  const c = new URLSearchParams();
+  c.set("token", (t == null ? void 0 : t.accessToken) || ""), c.set("theme", s || "light"), c.set("filterValues", JSON.stringify(a)), c.set("selectedSheetId", o || "");
+  const d = `https://semaphor.cloud/api/v1/generate-pdf?params=${encodeURIComponent(c.toString())}`;
   T.setState({ isDownloadingPdf: !0 });
   const m = (await (await fetch(d, {
     method: "GET",
@@ -947,8 +947,8 @@ function Dl({
 }) {
   const { authToken: s } = Te();
   T((i) => {
-    var c;
-    return (c = i.dashboard) == null ? void 0 : c.title;
+    var o;
+    return (o = i.dashboard) == null ? void 0 : o.title;
   }), T((i) => i.theme), T((i) => i.filterValues);
   const a = T((i) => i.isDownloadingPdf);
   async function l() {
@@ -962,7 +962,7 @@ function Dl({
       size: "sm",
       onClick: l,
       children: a ? /* @__PURE__ */ e(Ue, { className: se("size-3.5 animate-spin", t) }) : /* @__PURE__ */ e(
-        un,
+        hn,
         {
           className: se("size-3.5", t),
           strokeWidth: 1.5
@@ -976,11 +976,11 @@ function zl() {
   T((p) => p.theme);
   const s = T((p) => p.lenses), a = T((p) => p.selectedLensId), l = s == null ? void 0 : s.find((p) => p.id === a), i = T((p) => p.dashboard);
   T((p) => p.selectedSheetId);
-  const c = T(
+  const o = T(
     (p) => p.isDashboardEditing
-  ), o = u(
+  ), c = h(
     (p) => p.selectedConnectionId
-  ), [d, h] = H(!1), f = T((p) => p.filterValues), m = T((p) => p.isVisualEditing), b = T((p) => p.showFilters);
+  ), [d, u] = P(!1), f = T((p) => p.filterValues), m = T((p) => p.isVisualEditing), b = T((p) => p.showFilters);
   T(
     (p) => p.showDashboardJSON
   );
@@ -988,13 +988,13 @@ function zl() {
     (p) => p.actions.setShowFilters
   ), { addFrame: y, setSelectedFrameId: g } = T(
     (p) => p.actions
-  ), { getSelectedSheet: C, setIsDashboardEditing: v, setShowDashboardJSON: D } = T((p) => p.actions), S = C(), { tenantId: O, endUserId: q } = wt(
+  ), { getSelectedSheet: C, setIsDashboardEditing: v, setShowDashboardJSON: D } = T((p) => p.actions), S = C(), { tenantId: M, endUserId: q } = wt(
     () => mn(t == null ? void 0 : t.accessToken),
     [t == null ? void 0 : t.accessToken]
-  ), F = wt(() => O || q, [O, q]), G = () => {
-    if (!c || !S) return;
+  ), F = wt(() => M || q, [M, q]), G = () => {
+    if (!o || !S) return;
     const p = {
-      connectionId: o,
+      connectionId: c,
       id: Be(),
       title: "Title",
       description: "Description",
@@ -1019,7 +1019,7 @@ function zl() {
     v(!0);
   };
   async function B() {
-    if (h(!0), !a || !l) return;
+    if (u(!0), !a || !l) return;
     const p = $a(
       i
     ), E = JSON.stringify(p), W = {
@@ -1027,7 +1027,7 @@ function zl() {
       template: E,
       filterValues: f
     };
-    await kt(W, t == null ? void 0 : t.accessToken), nt.success("Lens saved"), x == null || x(p), h(!1);
+    await kt(W, t == null ? void 0 : t.accessToken), nt.success("Lens saved"), x == null || x(p), u(!1);
   }
   return m ? null : /* @__PURE__ */ n(
     "div",
@@ -1039,15 +1039,15 @@ function zl() {
         /* @__PURE__ */ n("div", { className: "flex gap-2", children: [
           /* @__PURE__ */ e("button", { onClick: pn, children: /* @__PURE__ */ e(Nl, { className: "h-4 w-4", strokeWidth: 1.5 }) }),
           /* @__PURE__ */ e(Dl, {}),
-          c && !m && F && /* @__PURE__ */ e(Ml, {}),
+          o && !m && F && /* @__PURE__ */ e(Ml, {}),
           !m && F && /* @__PURE__ */ e(Il, {}),
-          c && !m && /* @__PURE__ */ n(
+          o && !m && /* @__PURE__ */ n(
             L,
             {
               variant: "secondary",
               className: "h-7 p-2",
               size: "sm",
-              disabled: !c,
+              disabled: !o,
               onClick: G,
               children: [
                 /* @__PURE__ */ e(We, { className: "mr-2 h-4 w-4", strokeWidth: 1.5 }),
@@ -1055,7 +1055,7 @@ function zl() {
               ]
             }
           ),
-          !c && /* @__PURE__ */ e(
+          !o && /* @__PURE__ */ e(
             L,
             {
               variant: "ghost",
@@ -1065,7 +1065,7 @@ function zl() {
               children: /* @__PURE__ */ e(ca, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          c && !m && /* @__PURE__ */ e(
+          o && !m && /* @__PURE__ */ e(
             L,
             {
               variant: "ghost",
@@ -1075,10 +1075,10 @@ function zl() {
                 v(!1), D(!1);
               },
               size: "sm",
-              children: /* @__PURE__ */ e(ht, { className: "h-4 w-4", strokeWidth: 1.5 })
+              children: /* @__PURE__ */ e(ut, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          c && !m && F && /* @__PURE__ */ e(
+          o && !m && F && /* @__PURE__ */ e(
             L,
             {
               className: "h-7 p-2",
@@ -1089,7 +1089,7 @@ function zl() {
               children: /* @__PURE__ */ e(fl, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          !b && !m && c && /* @__PURE__ */ e(
+          !b && !m && o && /* @__PURE__ */ e(
             L,
             {
               className: "h-7 p-2",
@@ -1099,7 +1099,7 @@ function zl() {
               children: /* @__PURE__ */ e(da, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          !m && c && !1,
+          !m && o && !1,
           !m && !1
         ] })
       ]
@@ -1112,10 +1112,10 @@ function He({
   value: a,
   isLoading: l,
   isError: i,
-  refetch: c,
-  connectionTooltip: o,
+  refetch: o,
+  connectionTooltip: c,
   onChange: d,
-  showNone: h = !1,
+  showNone: u = !1,
   className: f,
   showIcon: m = !0,
   disabled: b = !1
@@ -1123,20 +1123,20 @@ function He({
   const x = l ? "Loading..." : i ? "Error" : a;
   function r() {
     if (t === "Connection")
-      return /* @__PURE__ */ e(ul, { className: "size-4 rotate-90" });
+      return /* @__PURE__ */ e(hl, { className: "size-4 rotate-90" });
     if (t === "Database")
       return /* @__PURE__ */ e(Qs, { className: "size-4" });
     if (t === "Schema")
-      return /* @__PURE__ */ e(hl, { className: "size-4" });
+      return /* @__PURE__ */ e(ul, { className: "size-4" });
     if (t === "Table")
       return /* @__PURE__ */ e(xl, { className: "size-4" });
     if (t === "Model")
       return /* @__PURE__ */ e(Gs, { className: "size-4" });
   }
   return /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
-    m && /* @__PURE__ */ e("div", { className: "shrink-0", children: o ? /* @__PURE__ */ n(ha, { children: [
+    m && /* @__PURE__ */ e("div", { className: "shrink-0", children: c ? /* @__PURE__ */ n(ua, { children: [
       /* @__PURE__ */ e(fn, { children: r() }),
-      /* @__PURE__ */ e(ua, { className: "text-xs", align: "start", children: o })
+      /* @__PURE__ */ e(ha, { className: "text-xs", align: "start", children: c })
     ] }) : r() }),
     /* @__PURE__ */ n(me, { disabled: b, value: x, onValueChange: d, children: [
       /* @__PURE__ */ e(
@@ -1161,12 +1161,12 @@ function He({
             ml,
             {
               className: "mr-1 size-3 cursor-pointer text-muted-foreground hover:text-foreground",
-              onClick: c
+              onClick: o
             }
           )
         ] }),
         /* @__PURE__ */ n(le, { children: [
-          h && /* @__PURE__ */ e(Q, { value: "none", children: "None" }, "none"),
+          u && /* @__PURE__ */ e(Q, { value: "none", children: "None" }, "none"),
           s && s.map((y, g) => /* @__PURE__ */ e(Q, { value: y.id, children: y.name }, g))
         ] }),
         (l || i) && /* @__PURE__ */ e(Q, { value: x, children: x })
@@ -1175,15 +1175,15 @@ function He({
   ] });
 }
 function Ll({ column: t }) {
-  const [s, a] = H(!1), l = u((y) => y.selectedTableName), i = u(
+  const [s, a] = P(!1), l = h((y) => y.selectedTableName), i = h(
     (y) => y.selectedSchemaName
-  ), c = u(
+  ), o = h(
     (y) => y.selectedDatamodelId
-  ), o = u((y) => y.sqlGen), { modelItems: d, connectionType: h } = Ae(), f = u((y) => y.actions.setSqlGen), m = u((y) => y.actions.setCardSql), b = u((y) => y.actions.setRunSql);
+  ), c = h((y) => y.sqlGen), { modelItems: d, connectionType: u } = Ae(), f = h((y) => y.actions.setSqlGen), m = h((y) => y.actions.setCardSql), b = h((y) => y.actions.setRunSql);
   function x(y, g) {
     var S;
-    const C = ga(y, o, g), v = (S = d == null ? void 0 : d.find(
-      (O) => O.id === c
+    const C = ga(y, c, g), v = (S = d == null ? void 0 : d.find(
+      (M) => M.id === o
     )) == null ? void 0 : S.name;
     f(C);
     const D = ya(
@@ -1191,7 +1191,7 @@ function Ll({ column: t }) {
       ve(i || ""),
       ve(l),
       v,
-      h
+      u
     );
     D && (m(D), b(!0)), a(!1);
   }
@@ -1252,9 +1252,9 @@ function Ll({ column: t }) {
   ] });
 }
 function Ga({ column: t }) {
-  return /* @__PURE__ */ n(ha, { children: [
+  return /* @__PURE__ */ n(ua, { children: [
     /* @__PURE__ */ e(gn, { asChild: !0, children: yn(t.data_type) ? /* @__PURE__ */ e(Pa, { className: "size-3" }) : ba(t.data_type) ? /* @__PURE__ */ e(nl, { className: "size-3" }) : bn(t.data_type) ? /* @__PURE__ */ e(xn, { className: "size-3" }) : vn(t.data_type) ? /* @__PURE__ */ e(Cl, { className: "size-3" }) : t.data_type.toLowerCase() === "json" ? /* @__PURE__ */ e(Bs, { className: "size-3" }) : /* @__PURE__ */ e(gl, { className: "size-3" }) }),
-    /* @__PURE__ */ e(ua, { children: /* @__PURE__ */ e("p", { className: "font-mono text-xs", children: t.data_type }) })
+    /* @__PURE__ */ e(ha, { children: /* @__PURE__ */ e("p", { className: "font-mono text-xs", children: t.data_type }) })
   ] });
 }
 function Fl({
@@ -1263,19 +1263,19 @@ function Fl({
   columns: a,
   status: l
 }) {
-  const i = u((p) => p.sqlGen), c = u(
+  const i = h((p) => p.sqlGen), o = h(
     (p) => p.selectedConnectionId
-  ), o = u(
+  ), c = h(
     (p) => p.selectedDatabaseName
-  ), d = u(
+  ), d = h(
     (p) => p.selectedSchemaName
-  ), h = u((p) => p.selectedTableName), f = u(
+  ), u = h((p) => p.selectedTableName), f = h(
     (p) => p.selectedDatamodelId
   ), m = T(
     (p) => p.dashboard.aiScopeTables
-  ), { addToAIScope: b, removeFromAIScope: x } = Je(), { setAIScopeTables: r } = T((p) => p.actions), y = u((p) => p.actions.setRunSql), g = u((p) => p.actions.setSqlGen), C = u(
+  ), { addToAIScope: b, removeFromAIScope: x } = Je(), { setAIScopeTables: r } = T((p) => p.actions), y = h((p) => p.actions.setRunSql), g = h((p) => p.actions.setSqlGen), C = h(
     (p) => p.actions.setIsShowingVisual
-  ), v = u((p) => p.actions.setCardSql), { connectionType: D, modelItems: S, selectedDatamodelName: O } = Ae();
+  ), v = h((p) => p.actions.setCardSql), { connectionType: D, modelItems: S, selectedDatamodelName: M } = Ae();
   function q(p) {
     var U;
     const E = ga(p, i);
@@ -1293,29 +1293,29 @@ function Fl({
   }
   function F() {
     return (m == null ? void 0 : m.find(
-      (p) => p.connectionId === c && (p.tableName === h || p.datamodelName === O)
+      (p) => p.connectionId === o && (p.tableName === u || p.datamodelName === M)
     )) !== void 0;
   }
   function G(p) {
-    p === !0 && (h || O) && c ? (b({
-      connectionId: c,
+    p === !0 && (u || M) && o ? (b({
+      connectionId: o,
       connectionType: D === "S3" || D === "API" ? "DuckDb" : D,
-      databaseName: o || "",
+      databaseName: c || "",
       schemaName: d || "",
-      tableName: h || "",
-      datamodelName: st(O),
+      tableName: u || "",
+      datamodelName: st(M),
       datamodelId: f || ""
     }), nt.success("Added to Assistant Scope", {
       position: "top-right",
       duration: 2500,
       richColors: !0
     })) : (x({
-      connectionId: c || "",
+      connectionId: o || "",
       connectionType: D || "",
-      tableName: h || "",
-      datamodelName: st(O),
+      tableName: u || "",
+      datamodelName: st(M),
       datamodelId: f || "",
-      databaseName: o || "",
+      databaseName: c || "",
       schemaName: d || ""
     }), nt("Removed from Assistant Scope", {
       position: "top-right",
@@ -1327,7 +1327,7 @@ function Fl({
     const p = vt({
       schemaName: t,
       tableName: s,
-      modelName: O,
+      modelName: M,
       connectionType: D
     });
     C(!1);
@@ -1338,7 +1338,7 @@ function Fl({
     const p = vt({
       schemaName: t,
       tableName: s,
-      modelName: O,
+      modelName: M,
       connectionType: D
     });
     v(`SELECT COUNT(*) as count FROM ${p}`), y(!0);
@@ -1440,33 +1440,33 @@ function Fl({
 function Ae(t, s) {
   var jt, Rt, _t, Ht, Pt, $t;
   let a = wt(() => [], []);
-  const l = Te().authToken || t, i = u(
+  const l = Te().authToken || t, i = h(
     (w) => w.selectedConnectionId
-  ), c = u(
+  ), o = h(
     (w) => w.selectedDatamodelId
-  ), o = u(
+  ), c = h(
     (w) => w.selectedDatabaseName
-  ), d = u(
+  ), d = h(
     (w) => w.selectedSchemaName
-  ), h = u((w) => w.selectedTableName), f = u(
+  ), u = h((w) => w.selectedTableName), f = h(
     (w) => w.actions.setCurrentColumns
-  ), m = u(
+  ), m = h(
     (w) => w.actions.setSelectedConnectionId
-  ), b = u(
+  ), b = h(
     (w) => w.actions.setSelectedDatamodelId
-  ), x = u(
+  ), x = h(
     (w) => w.actions.setSelectedDatabaseName
-  ), r = u(
+  ), r = h(
     (w) => w.actions.setSelectedSchemaName
-  ), y = u(
+  ), y = h(
     (w) => w.actions.setSelectedTableName
   );
-  u((w) => w.actions.setCardSql);
+  h((w) => w.actions.setCardSql);
   function g(w) {
-    return i && o && d && o !== "NA" ? !0 : i && w === "API" ? !1 : !!(i && w === "S3");
+    return i && c && d && c !== "NA" ? !0 : i && w === "API" ? !1 : !!(i && w === "S3");
   }
   function C(w) {
-    return !!(i && o && o !== "NA" && d && h || i && (w === "S3" || w === "API") || c && c);
+    return !!(i && c && c !== "NA" && d && u || i && (w === "S3" || w === "API") || o && o);
   }
   function v(w) {
     return i && w ? !(w === "API" || w === "S3") : !1;
@@ -1474,7 +1474,7 @@ function Ae(t, s) {
   const {
     refetch: D,
     data: S,
-    isLoading: O,
+    isLoading: M,
     isError: q
   } = De({
     queryKey: ["connections"],
@@ -1520,26 +1520,26 @@ function Ae(t, s) {
     enabled: v(E)
     // !!selectedConnectionId && !isNonDbConnection, //currentConnection?.type !== 'API', // Only fetch if connectionId is present
   }), {
-    data: M,
-    isLoading: P,
+    data: O,
+    isLoading: H,
     isFetching: Z,
     isError: X,
     refetch: j
   } = De({
-    queryKey: ["schemas", i, o],
+    queryKey: ["schemas", i, c],
     queryFn: () => Ve(
       "https://semaphor.cloud/api/v1/schemas",
       (l == null ? void 0 : l.accessToken) || "",
       {
         connection_id: i,
-        database_name: o
+        database_name: c
       }
     ),
-    enabled: !!i && !!o && !W && o !== "NA"
+    enabled: !!i && !!c && !W && c !== "NA"
     //currentConnection?.type !== 'API', // Only fetch if connectionId and database is present
   }), {
     data: z,
-    isLoading: he,
+    isLoading: ue,
     isFetching: k,
     isError: J,
     refetch: ne
@@ -1547,7 +1547,7 @@ function Ae(t, s) {
     queryKey: [
       "tables",
       i,
-      o,
+      c,
       d
     ],
     queryFn: () => Ve(
@@ -1555,7 +1555,7 @@ function Ae(t, s) {
       (l == null ? void 0 : l.accessToken) || "",
       {
         connection_id: i,
-        database_name: o,
+        database_name: c,
         schema_name: d
       }
     ),
@@ -1570,21 +1570,21 @@ function Ae(t, s) {
     queryKey: [
       "columns",
       i,
-      o,
       c,
+      o,
       d,
-      h
+      u
     ],
     queryFn: () => Ve(
       "https://semaphor.cloud/api/v1/columns",
       (l == null ? void 0 : l.accessToken) || "",
       {
         connection_id: i,
-        datamodel_id: c || "",
+        datamodel_id: o || "",
         // don't pass undefined. Pass empty string
-        database_name: o,
+        database_name: c,
         schema_name: d,
-        table_name: h
+        table_name: u
       }
     ),
     enabled: C(E)
@@ -1607,7 +1607,7 @@ function Ae(t, s) {
     r,
     b
   ]);
-  const I = (p == null ? void 0 : p.type) === "API" ? (jt = p == null ? void 0 : p.type) == null ? void 0 : jt.toLowerCase() : h || "", re = W ? "" : d || "";
+  const I = (p == null ? void 0 : p.type) === "API" ? (jt = p == null ? void 0 : p.type) == null ? void 0 : jt.toLowerCase() : u || "", re = W ? "" : d || "";
   function ye(w) {
     r(w), y("");
   }
@@ -1620,7 +1620,7 @@ function Ae(t, s) {
   function gt(w) {
     b(w === "none" ? "" : w), w !== "none" && w !== "" && x("");
   }
-  A && ((Rt = A == null ? void 0 : A.databases) == null ? void 0 : Rt.length) > 0, M && ((_t = M == null ? void 0 : M.schemas) == null ? void 0 : _t.length) > 0, oe && ((Ht = oe == null ? void 0 : oe.columns) == null ? void 0 : Ht.length) > 0 && (a = oe.columns.map((w) => ({
+  A && ((Rt = A == null ? void 0 : A.databases) == null ? void 0 : Rt.length) > 0, O && ((_t = O == null ? void 0 : O.schemas) == null ? void 0 : _t.length) > 0, oe && ((Ht = oe == null ? void 0 : oe.columns) == null ? void 0 : Ht.length) > 0 && (a = oe.columns.map((w) => ({
     ...w,
     data_type: w.data_type.toLowerCase()
   }))), V && (a = []), (Y || q) && (a = []);
@@ -1636,21 +1636,21 @@ function Ae(t, s) {
   })), rn = A == null ? void 0 : A.databases.map((w) => ({
     id: w.database_name,
     name: w.database_name
-  })), on = M == null ? void 0 : M.schemas.map((w) => ({
+  })), on = O == null ? void 0 : O.schemas.map((w) => ({
     id: w.schema_name,
     name: w.schema_name
   })), cn = z == null ? void 0 : z.tables.map((w) => ({
     id: w.table_name,
     name: w.table_name
   })), dn = ($t = G == null ? void 0 : G.datamodels.find(
-    (w) => w.id === c
+    (w) => w.id === o
   )) == null ? void 0 : $t.name;
   return {
     connectionItems: Ye,
-    isConnectionsLoading: O,
+    isConnectionsLoading: M,
     isConnectionsError: q,
     modelItems: yt,
-    selectedDatamodelId: c,
+    selectedDatamodelId: o,
     selectedDatamodelName: dn,
     isModelsLoading: _,
     isModelsError: B,
@@ -1658,10 +1658,10 @@ function Ae(t, s) {
     isDatabasesLoadingOrFetching: U || K,
     isDatabaseError: V,
     schemaItems: on,
-    isSchemaLoadingOrFetching: P || Z,
+    isSchemaLoadingOrFetching: H || Z,
     isSchemaError: X,
     tableItems: cn,
-    isTableLoadingOrFetching: he || k,
+    isTableLoadingOrFetching: ue || k,
     isTableError: J,
     columns: a,
     isColumnsLoadingOrFetching: Se || xe,
@@ -1686,19 +1686,19 @@ function Ba({
   ColumnsComponent: t
 }) {
   var xe;
-  const s = u(
+  const s = h(
     (Y) => Y.selectedConnectionId
-  ), a = u(
+  ), a = h(
     (Y) => Y.selectedDatamodelId
-  ), l = u(
+  ), l = h(
     (Y) => Y.selectedDatabaseName
-  ), i = u(
+  ), i = h(
     (Y) => Y.selectedSchemaName
-  ), c = u((Y) => Y.selectedTableName), o = u(
+  ), o = h((Y) => Y.selectedTableName), c = h(
     (Y) => Y.actions.setSelectedTableName
   ), {
     connectionItems: d,
-    modelItems: h,
+    modelItems: u,
     schemaItems: f,
     databaseItems: m,
     tableItems: b,
@@ -1710,7 +1710,7 @@ function Ba({
     isDatabasesLoadingOrFetching: v,
     isDatabaseError: D,
     isSchemaLoadingOrFetching: S,
-    isSchemaError: O,
+    isSchemaError: M,
     isColumnsError: q,
     isColumnsLoadingOrFetching: F,
     isTableLoadingOrFetching: G,
@@ -1724,8 +1724,8 @@ function Ba({
     refetchColumns: K,
     refetchConnections: V,
     handleConnectionChange: N,
-    handleDatabaseChange: M,
-    handleSchemaChange: P,
+    handleDatabaseChange: O,
+    handleSchemaChange: H,
     handleDatamodelChange: Z,
     tableName: X,
     schemaName: j
@@ -1741,7 +1741,7 @@ function Ba({
       }
     );
   }
-  function he() {
+  function ue() {
     window.location.href = "mailto:support@semaphor.cloud?subject=Help&body=I need help with...";
   }
   function k() {
@@ -1752,7 +1752,7 @@ function Ba({
         {
           refetch: E,
           showNone: !0,
-          onChange: M,
+          onChange: O,
           isError: D,
           isLoading: v,
           items: m,
@@ -1780,7 +1780,7 @@ function Ba({
           onChange: Z,
           isError: C,
           isLoading: y,
-          items: h,
+          items: u,
           value: a || "",
           title: "Model"
         }
@@ -1791,8 +1791,8 @@ function Ba({
       He,
       {
         refetch: A,
-        onChange: P,
-        isError: O,
+        onChange: H,
+        isError: M,
         isLoading: S,
         items: f,
         value: i || "",
@@ -1809,11 +1809,11 @@ function Ba({
       He,
       {
         refetch: U,
-        onChange: o,
+        onChange: c,
         isError: _,
         items: b,
         isLoading: G,
-        value: c || "",
+        value: o || "",
         title: "Table"
       }
     ) : null;
@@ -1845,7 +1845,7 @@ function Ba({
     /* @__PURE__ */ e("div", { className: "flex items-end justify-center gap-2 px-6 py-4", children: /* @__PURE__ */ n(
       L,
       {
-        onClick: he,
+        onClick: ue,
         size: "sm",
         variant: "secondary",
         className: "w-full",
@@ -1859,18 +1859,18 @@ function Ba({
 }
 function Al(t) {
   const s = t.toUpperCase().indexOf("WHERE"), a = t.toUpperCase().indexOf("GROUP BY"), l = t.toUpperCase().indexOf("LIMIT"), i = t.toUpperCase().indexOf("ORDER BY");
-  let c = t.length;
-  if (i !== -1 && (c = i), l !== -1 && l < c && (c = l), s !== -1) {
-    const o = t.substring(0, s), d = t.substring(s);
-    return `${o} {{ filters | where }} AND ${d.substring(
+  let o = t.length;
+  if (i !== -1 && (o = i), l !== -1 && l < o && (o = l), s !== -1) {
+    const c = t.substring(0, s), d = t.substring(s);
+    return `${c} {{ filters | where }} AND ${d.substring(
       6
     )}`;
   } else if (a !== -1) {
-    const o = t.substring(0, a), d = t.substring(a);
-    return `${o} {{ filters | where }} ${d}`;
+    const c = t.substring(0, a), d = t.substring(a);
+    return `${c} {{ filters | where }} ${d}`;
   } else {
-    const o = t.substring(0, c), d = t.substring(c);
-    return console.log("beforeClause", o), console.log("afterClause", d), d ? `${o} {{ filters | where }} ${d}` : `${o.replace(/;$/, "")} {{ filters | where }}`;
+    const c = t.substring(0, o), d = t.substring(o);
+    return console.log("beforeClause", c), console.log("afterClause", d), d ? `${c} {{ filters | where }} ${d}` : `${c.replace(/;$/, "")} {{ filters | where }}`;
   }
 }
 function El({ sql: t, error: s, onClick: a }) {
@@ -1899,23 +1899,23 @@ function El({ sql: t, error: s, onClick: a }) {
   ] });
 }
 function Vl() {
-  const [t, s] = H([]), [a, l] = H(""), [i, c] = H(null), { authToken: o } = Te(), d = u((k) => {
+  const [t, s] = P([]), [a, l] = P(""), [i, o] = P(null), { authToken: c } = Te(), d = h((k) => {
     var J;
     return (J = k == null ? void 0 : k.card) == null ? void 0 : J.sql;
-  }), h = u((k) => {
+  }), u = h((k) => {
     var J;
     return (J = k == null ? void 0 : k.card) == null ? void 0 : J.python;
-  }), f = u((k) => k.actions.setCardSql), m = u((k) => k.actions.setRunSql), b = u(
+  }), f = h((k) => k.actions.setCardSql), m = h((k) => k.actions.setRunSql), b = h(
     (k) => k.actions.switchCardType
-  ), x = u((k) => k.userInputForAI), r = u((k) => k.triggerAIRun), y = u(
+  ), x = h((k) => k.userInputForAI), r = h((k) => k.triggerAIRun), y = h(
     (k) => k.selectedDatabaseName
-  ), g = u((k) => k.selectedTableName), C = u(
+  ), g = h((k) => k.selectedTableName), C = h(
     (k) => k.selectedConnectionId
-  ), v = u(
+  ), v = h(
     (k) => k.selectedSchemaName
   ), D = T(
     (k) => k.dashboard.aiScopeTables
-  ), { setTriggerAIRun: S } = ie(), { selectedDatamodelName: O, connectionType: q, selectedDatamodelId: F } = Ae(), {
+  ), { setTriggerAIRun: S } = ie(), { selectedDatamodelName: M, connectionType: q, selectedDatamodelId: F } = Ae(), {
     messages: G,
     setMessages: _,
     reload: B,
@@ -1929,7 +1929,7 @@ function Vl() {
   } = Sn({
     api: "https://semaphor.cloud/api/v1/assistant",
     headers: {
-      Authorization: `Bearer ${o == null ? void 0 : o.accessToken}`
+      Authorization: `Bearer ${c == null ? void 0 : c.accessToken}`
     },
     body: {
       random: Math.random()
@@ -1938,7 +1938,7 @@ function Vl() {
     //maxToolRoundtrips: 5,
     onToolCall: N,
     onFinish(k, J) {
-      M(J.usage), l(""), console.log("onFinish", k, J), J.finishReason === "stop" && l("");
+      O(J.usage), l(""), console.log("onFinish", k, J), J.finishReason === "stop" && l("");
     }
   });
   de(() => {
@@ -1972,7 +1972,7 @@ function Vl() {
         return d ? {
           status: "success",
           sql: d,
-          python: h || ""
+          python: u || ""
         } : {
           status: "error",
           message: "No SQL found"
@@ -1985,14 +1985,14 @@ function Vl() {
       l("Analyzing...");
     }
   }
-  function M(k) {
-    c((J) => J ? {
+  function O(k) {
+    o((J) => J ? {
       promptTokens: J.promptTokens + k.promptTokens,
       completionTokens: J.completionTokens + k.completionTokens,
       totalTokens: J.totalTokens + k.totalTokens
     } : k);
   }
-  function P(k) {
+  function H(k) {
     const J = kn(t, k);
     X(J);
   }
@@ -2019,7 +2019,7 @@ function Vl() {
       schemaName: v || "",
       tableName: g || "",
       datamodelId: F || "",
-      datamodelName: st(O),
+      datamodelName: st(M),
       connectionId: C || "",
       connectionType: q || ""
     }, J = Bt([...t, k]);
@@ -2030,7 +2030,7 @@ function Vl() {
       databaseName: y || "",
       schemaName: v || "",
       tableName: g || "",
-      datamodelName: st(O),
+      datamodelName: st(M),
       connectionId: C || "",
       connectionType: q || "",
       datamodelId: F || ""
@@ -2049,7 +2049,7 @@ function Vl() {
       X(ne);
     }
   }
-  const he = !["ready", "error"].includes(A);
+  const ue = !["ready", "error"].includes(A);
   return {
     messages: G,
     setMessages: _,
@@ -2057,10 +2057,10 @@ function Vl() {
     append: p,
     input: E,
     setInput: W,
-    isLoading: he,
+    isLoading: ue,
     handleSetAIScope: z,
     handleAddCurrentTableToScope: j,
-    removeFromCurrentSelections: P,
+    removeFromCurrentSelections: H,
     currentScope: t,
     setCurrentScope: s,
     handleInputChange: U,
@@ -2073,7 +2073,7 @@ function Vl() {
 }
 const ql = !1;
 function jl() {
-  const t = u((V) => V.showAIDialog), s = $e(t), a = $e(null), l = $e(null), [i, c] = H(!1), [o, d] = H(ql), [h, f] = H(!1), m = u((V) => V.actions.setCardSql), b = u((V) => V.actions.setRunSql), { setShowAIDialog: x } = ie(), {
+  const t = h((V) => V.showAIDialog), s = $e(t), a = $e(null), l = $e(null), [i, o] = P(!1), [c, d] = P(ql), [u, f] = P(!1), m = h((V) => V.actions.setCardSql), b = h((V) => V.actions.setRunSql), { setShowAIDialog: x } = ie(), {
     messages: r,
     setMessages: y,
     reload: g,
@@ -2081,7 +2081,7 @@ function jl() {
     setInput: v,
     isLoading: D,
     handleSetAIScope: S,
-    handleAddCurrentTableToScope: O,
+    handleAddCurrentTableToScope: M,
     removeFromCurrentSelections: q,
     currentScope: F,
     setCurrentScope: G,
@@ -2096,11 +2096,11 @@ function jl() {
     const V = s.current ? "smooth" : "auto";
     s.current = t;
     const N = setTimeout(() => {
-      var M;
+      var O;
       a.current && (a.current.scroll({
         top: a.current.scrollHeight,
         behavior: V
-      }), (M = l.current) == null || M.focus());
+      }), (O = l.current) == null || O.focus());
     }, 50);
     return () => clearTimeout(N);
   }, [r, t]);
@@ -2117,14 +2117,14 @@ function jl() {
           bt,
           {
             checked: i,
-            onCheckedChange: c,
+            onCheckedChange: o,
             children: "Token Usage"
           }
         ),
         /* @__PURE__ */ e(
           bt,
           {
-            checked: o,
+            checked: c,
             onCheckedChange: d,
             children: "Tool Invocations"
           }
@@ -2132,7 +2132,7 @@ function jl() {
         /* @__PURE__ */ e(
           bt,
           {
-            checked: h,
+            checked: u,
             onCheckedChange: f,
             children: "System Message"
           }
@@ -2190,7 +2190,7 @@ function jl() {
                 className: "h-6 text-xs",
                 size: "sm",
                 variant: "secondary",
-                onClick: O,
+                onClick: M,
                 children: [
                   /* @__PURE__ */ e(We, { className: "mr-2 size-3" }),
                   "Current Table"
@@ -2220,9 +2220,9 @@ function jl() {
           Mn,
           {
             messages: r,
-            showTools: o,
+            showTools: c,
             handleRun: U,
-            showSystemMessage: h
+            showSystemMessage: u
           }
         ),
         /* @__PURE__ */ e(
@@ -2270,9 +2270,9 @@ function _l(t, s) {
   if (t == null) return {};
   var a = Hl(t, s), l, i;
   if (Object.getOwnPropertySymbols) {
-    var c = Object.getOwnPropertySymbols(t);
-    for (i = 0; i < c.length; i++)
-      l = c[i], !(s.indexOf(l) >= 0) && Object.prototype.propertyIsEnumerable.call(t, l) && (a[l] = t[l]);
+    var o = Object.getOwnPropertySymbols(t);
+    for (i = 0; i < o.length; i++)
+      l = o[i], !(s.indexOf(l) >= 0) && Object.prototype.propertyIsEnumerable.call(t, l) && (a[l] = t[l]);
   }
   return a;
 }
@@ -2349,21 +2349,21 @@ function Bl(t) {
     var {
       attr: l,
       size: i,
-      title: c
-    } = t, o = _l(t, Rl), d = i || a.size || "1em", h;
-    return a.className && (h = a.className), t.className && (h = (h ? h + " " : "") + t.className), /* @__PURE__ */ Me.createElement("svg", ct({
+      title: o
+    } = t, c = _l(t, Rl), d = i || a.size || "1em", u;
+    return a.className && (u = a.className), t.className && (u = (u ? u + " " : "") + t.className), /* @__PURE__ */ Me.createElement("svg", ct({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
-    }, a.attr, l, o, {
-      className: h,
+    }, a.attr, l, c, {
+      className: u,
       style: dt(dt({
         color: t.color || a.color
       }, a.style), t.style),
       height: d,
       width: d,
       xmlns: "http://www.w3.org/2000/svg"
-    }), c && /* @__PURE__ */ Me.createElement("title", null, c), t.children);
+    }), o && /* @__PURE__ */ Me.createElement("title", null, o), t.children);
   };
   return Zt !== void 0 ? /* @__PURE__ */ Me.createElement(Zt.Consumer, null, (a) => s(a)) : s(Ua);
 }
@@ -2371,36 +2371,36 @@ function Ul(t) {
   return je({ attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M439.8 200.5c-7.7-30.9-22.3-54.2-53.4-54.2h-40.1v47.4c0 36.8-31.2 67.8-66.8 67.8H172.7c-29.2 0-53.4 25-53.4 54.3v101.8c0 29 25.2 46 53.4 54.3 33.8 9.9 66.3 11.7 106.8 0 26.9-7.8 53.4-23.5 53.4-54.3v-40.7H226.2v-13.6h160.2c31.1 0 42.6-21.7 53.4-54.2 11.2-33.5 10.7-65.7 0-108.6zM286.2 404c11.1 0 20.1 9.1 20.1 20.3 0 11.3-9 20.4-20.1 20.4-11 0-20.1-9.2-20.1-20.4.1-11.3 9.1-20.3 20.1-20.3zM167.8 248.1h106.8c29.7 0 53.4-24.5 53.4-54.3V91.9c0-29-24.4-50.7-53.4-55.6-35.8-5.9-74.7-5.6-106.8.1-45.2 8-53.4 24.7-53.4 55.6v40.7h106.9v13.6h-147c-31.1 0-58.3 18.7-66.8 54.2-9.8 40.7-10.2 66.1 0 108.6 7.6 31.6 25.7 54.2 56.8 54.2H101v-48.8c0-35.3 30.5-66.4 66.8-66.4zm-6.7-142.6c-11.1 0-20.1-9.1-20.1-20.3.1-11.3 9-20.4 20.1-20.4 11 0 20.1 9.2 20.1 20.4s-9 20.3-20.1 20.3z" }, child: [] }] })(t);
 }
 function Wa(t) {
-  const { theme: s } = zn(), a = T((g) => g.theme), l = u((g) => g.frame), i = u((g) => g.card), c = u((g) => g.activeTabCardId), o = Ln(), { refetch: d } = Le(i), { updateCardTab: h, setRunSql: f } = ie(), m = $e(), b = $e({}), x = l.cards.find((g) => g.id === c), r = za(() => {
+  const { theme: s } = zn(), a = T((g) => g.theme), l = h((g) => g.frame), i = h((g) => g.card), o = h((g) => g.activeTabCardId), c = Ln(), { refetch: d } = Le(i), { updateCardTab: u, setRunSql: f } = ie(), m = $e(), b = $e({}), x = l.cards.find((g) => g.id === o), r = za(() => {
     let g = "";
     return t === "python" && (g = (x == null ? void 0 : x.python) || va), t === "sql" && (g = (x == null ? void 0 : x.sql) || ""), g;
   }, [t, x]);
   de(() => {
-    if (c && i.id && i.id !== c) {
-      if (m.current && o) {
+    if (o && i.id && i.id !== o) {
+      if (m.current && c) {
         const g = m.current.getModel();
         g && (b.current[i.id] = g);
-        let C = b.current[c];
+        let C = b.current[o];
         if (!C) {
           const v = r();
-          C = o.editor.createModel(v, t), b.current[c] = C;
+          C = c.editor.createModel(v, t), b.current[o] = C;
         }
         m.current.setModel(C);
       }
-      h(c, i), f(!0);
+      u(o, i), f(!0);
     }
   }, [
-    c,
-    i,
-    h,
     o,
+    i,
+    u,
+    c,
     f,
     t,
     r
   ]), de(() => {
-    if (!o) return;
+    if (!c) return;
     const g = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", C = a === "system" ? g : a;
-    o.editor.defineTheme("default", {
+    c.editor.defineTheme("default", {
       // base: theme === 'light' ? 'hc-light' : 'vs-dark',
       base: C === "light" ? "vs" : "vs-dark",
       inherit: !0,
@@ -2412,16 +2412,16 @@ function Wa(t) {
         //     ? '#ffffff'
         //     : getCssVariableValue('--semaphor-background'),
       }
-    }), o.editor.setTheme("default");
-  }, [s, a, o]), de(() => {
+    }), c.editor.setTheme("default");
+  }, [s, a, c]), de(() => {
     const g = m.current;
-    g && o && i && g.addCommand(
-      o.KeyMod.Shift | o.KeyCode.Enter,
+    g && c && i && g.addCommand(
+      c.KeyMod.Shift | c.KeyCode.Enter,
       function() {
         return d(), !1;
       }
     );
-  }, [o, d, i]);
+  }, [c, d, i]);
   function y(g, C) {
     if (m.current = g, !b.current[i.id]) {
       const v = g.getModel(), D = r();
@@ -2432,16 +2432,16 @@ function Wa(t) {
   return { handleEditorDidMount: y };
 }
 function Jl() {
-  const t = u((o) => o.card.sql), s = u((o) => o.sqlGen), { setCardSql: a, setSqlGen: l } = ie(), { handleEditorDidMount: i } = Wa("sql");
-  function c(o) {
-    a(o), An(s) || l({});
+  const t = h((c) => c.card.sql), s = h((c) => c.sqlGen), { setCardSql: a, setSqlGen: l } = ie(), { handleEditorDidMount: i } = Wa("sql");
+  function o(c) {
+    a(c), An(s) || l({});
   }
   return /* @__PURE__ */ e(
-    ut,
+    ht,
     {
       theme: "default",
       className: "pt-3",
-      onChange: c,
+      onChange: o,
       value: t || "",
       options: {
         minimap: {
@@ -2461,12 +2461,12 @@ function Jl() {
   );
 }
 function Wl() {
-  const t = u((i) => i.card.python), { setCardPython: s } = ie(), { handleEditorDidMount: a } = Wa("python");
+  const t = h((i) => i.card.python), { setCardPython: s } = ie(), { handleEditorDidMount: a } = Wa("python");
   function l(i) {
     s(i);
   }
   return /* @__PURE__ */ e(
-    ut,
+    ht,
     {
       className: "pt-3",
       theme: "default",
@@ -2491,7 +2491,7 @@ function Wl() {
 }
 function Kl({ jsonString: t }) {
   return /* @__PURE__ */ e(
-    ut,
+    ht,
     {
       theme: "default",
       defaultLanguage: "json",
@@ -2517,18 +2517,18 @@ function Kl({ jsonString: t }) {
 }
 function Ql() {
   var ce;
-  const [t, s] = H({
+  const [t, s] = P({
     queryKey: [],
     queryData: null
-  }), a = En(), [l, i] = H(!1), [c, o] = H(!1), d = u((I) => I.frame), h = u((I) => I.card), f = u((I) => I.isShowingVisual), m = u(
+  }), a = En(), [l, i] = P(!1), [o, c] = P(!1), d = h((I) => I.frame), u = h((I) => I.card), f = h((I) => I.isShowingVisual), m = h(
     (I) => I.selectedConnectionId
-  ), b = u(
+  ), b = h(
     (I) => I.selectedDatabaseName
-  ), x = u(
+  ), x = h(
     (I) => I.selectedDatamodelId
-  ), r = u(
+  ), r = h(
     (I) => I.selectedSchemaName
-  ), y = u((I) => I.selectedTableName), g = u((I) => {
+  ), y = h((I) => I.selectedTableName), g = h((I) => {
     var re;
     return (re = I == null ? void 0 : I.card) == null ? void 0 : re.sql;
   }), { sheetFilterValues: C } = Vn(), {
@@ -2536,40 +2536,40 @@ function Ql() {
     setQueryResultColumns: D,
     setCardSql: S,
     // setQueryError,
-    setPythonStdOut: O,
+    setPythonStdOut: M,
     setCardPreferences: q,
     setCardType: F,
     setCardPython: G,
     runAssistant: _
-  } = ie(), B = u((I) => I.onSave), p = u((I) => I.onClose), E = u((I) => I.actions.setSqlGen), W = u((I) => I.runSql), A = u((I) => I.actions.setRunSql), U = u((I) => I.actions.setCardCfg), K = u(
+  } = ie(), B = h((I) => I.onSave), p = h((I) => I.onClose), E = h((I) => I.actions.setSqlGen), W = h((I) => I.runSql), A = h((I) => I.actions.setRunSql), U = h((I) => I.actions.setCardCfg), K = h(
     (I) => I.actions.setIsSqlRunning
   ), {
     data: V,
     isLoading: N,
-    isFetching: M,
-    isSuccess: P,
+    isFetching: O,
+    isSuccess: H,
     isError: Z,
     error: X,
     queryKey: j,
     refetch: z
-  } = Le(h);
+  } = Le(u);
   de(() => {
     if (V && (V.rowLimitExceeded && nt.error("Row limit (10,000) exceeded. Refine your query.", {
       position: "top-center",
       richColors: !0
-    }), O((V == null ? void 0 : V.output) || ""), V.records.length > 0)) {
+    }), M((V == null ? void 0 : V.output) || ""), V.records.length > 0)) {
       const { dimensionKeys: I } = Nt(V.records);
       D(I);
     }
-  }, [V, D, O]), de(() => {
-    (N || M) && K(!0), (Z || P) && K(!1), Z && (D([]), O(""));
+  }, [V, D, M]), de(() => {
+    (N || O) && K(!0), (Z || H) && K(!1), Z && (D([]), M(""));
   }, [
     N,
-    M,
-    V,
     O,
+    V,
+    M,
     Z,
-    P,
+    H,
     K,
     D,
     // setQueryError,
@@ -2577,7 +2577,7 @@ function Ql() {
   ]), de(() => {
     W && (a.getQueryData(j) || z(), A(!1));
   }, [W, z, A, j, a]);
-  function he() {
+  function ue() {
     const I = a.getQueryData(j);
     t.queryData || s({
       queryKey: j,
@@ -2608,17 +2608,17 @@ function Ql() {
     let I = g;
     g && !g.includes("{{") && (I = Al(g), S(I));
     const re = {
-      ...h,
+      ...u,
       lastSelectedSchema: r,
       lastSelectedDatamodelId: x,
       lastSelectedDatabase: b,
       lastSelectedTable: y,
       connectionId: m,
-      type: f ? h.type : "table",
+      type: f ? u.type : "table",
       sql: I,
-      customCfg: f ? h.customCfg : null
+      customCfg: f ? u.customCfg : null
     }, ye = d.cards.map(
-      (_e) => _e.id === h.id ? re : _e
+      (_e) => _e.id === u.id ? re : _e
     ), be = {
       ...d,
       cards: ye,
@@ -2646,7 +2646,7 @@ function Ql() {
   }
   function Se() {
     return /* @__PURE__ */ n(le, { children: [
-      c && /* @__PURE__ */ e(
+      o && /* @__PURE__ */ e(
         "div",
         {
           className: "relative flex w-1/3 min-w-0 grow overflow-hidden text-xs",
@@ -2663,9 +2663,9 @@ function Ql() {
         L,
         {
           variant: "ghost",
-          onClick: () => o(!c),
+          onClick: () => c(!o),
           className: "absolute bottom-0 right-6 size-7 p-1",
-          children: c ? /* @__PURE__ */ e(Ke, { className: "size-3.5 text-muted-foreground" }) : /* @__PURE__ */ e(da, { className: "size-3.5 text-muted-foreground" })
+          children: o ? /* @__PURE__ */ e(Ke, { className: "size-3.5 text-muted-foreground" }) : /* @__PURE__ */ e(da, { className: "size-3.5 text-muted-foreground" })
         }
       )
     ] });
@@ -2749,14 +2749,14 @@ function Ql() {
                     L,
                     {
                       title: "Shift + Enter",
-                      disabled: N || M,
+                      disabled: N || O,
                       onClick: () => {
                         z();
                       },
                       className: "shrink-0",
                       size: "sm",
                       children: [
-                        N || M ? /* @__PURE__ */ e(Ue, { className: "mr-2 h-4 w-4 animate-spin" }) : /* @__PURE__ */ e(qn, { className: "mr-2 h-4 w-4" }),
+                        N || O ? /* @__PURE__ */ e(Ue, { className: "mr-2 h-4 w-4 animate-spin" }) : /* @__PURE__ */ e(qn, { className: "mr-2 h-4 w-4" }),
                         "Run"
                       ]
                     }
@@ -2772,7 +2772,7 @@ function Ql() {
                   /* @__PURE__ */ n(
                     L,
                     {
-                      onClick: he,
+                      onClick: ue,
                       className: "",
                       size: "sm",
                       variant: "secondary",
@@ -2803,7 +2803,7 @@ function Ql() {
                       size: "sm",
                       variant: "secondary",
                       children: [
-                        /* @__PURE__ */ e(ht, { className: "mr-2 size-4" }),
+                        /* @__PURE__ */ e(ut, { className: "mr-2 size-4" }),
                         "Close"
                       ]
                     }
@@ -2830,17 +2830,17 @@ function Ql() {
   );
 }
 function Zl({ data: t }) {
-  var o;
+  var c;
   const [s, a] = Me.useState([]), i = Object.keys(t[0]).map((d) => ({
     // header: key,
     accessorKey: d,
-    header: ({ column: h }) => {
-      const f = h.getIsSorted();
+    header: ({ column: u }) => {
+      const f = u.getIsSorted();
       return /* @__PURE__ */ e("div", { className: "flex gap-2", children: /* @__PURE__ */ n(
         "div",
         {
           className: "flex cursor-pointer items-center",
-          onClick: () => h.toggleSorting(h.getIsSorted() === "asc"),
+          onClick: () => u.toggleSorting(u.getIsSorted() === "asc"),
           children: [
             d,
             f === "asc" ? /* @__PURE__ */ e(Rn, { className: "ml-2 h-5 w-5" }) : f === "desc" ? /* @__PURE__ */ e(_n, { className: "ml-2 h-5 w-5" }) : null
@@ -2848,7 +2848,7 @@ function Zl({ data: t }) {
         }
       ) });
     }
-  })), c = Hn({
+  })), o = Hn({
     data: t,
     columns: i,
     getCoreRowModel: Jn(),
@@ -2861,37 +2861,37 @@ function Zl({ data: t }) {
     }
   });
   return /* @__PURE__ */ e("div", { className: "font-mono text-xs text-foreground/95", children: /* @__PURE__ */ n("table", { className: "w-full", children: [
-    /* @__PURE__ */ e(Pn, { children: c.getHeaderGroups().map((d) => /* @__PURE__ */ e(xt, { children: d.headers.map((h) => /* @__PURE__ */ e(
+    /* @__PURE__ */ e(Pn, { children: o.getHeaderGroups().map((d) => /* @__PURE__ */ e(xt, { children: d.headers.map((u) => /* @__PURE__ */ e(
       $n,
       {
         className: "sticky top-0 h-11 bg-muted font-semibold",
-        children: h.isPlaceholder ? null : Ut(
-          h.column.columnDef.header,
-          h.getContext()
+        children: u.isPlaceholder ? null : Ut(
+          u.column.columnDef.header,
+          u.getContext()
         )
       },
-      h.id
+      u.id
     )) }, d.id)) }),
-    /* @__PURE__ */ e(Gn, { children: (o = c.getRowModel().rows) != null && o.length ? c.getRowModel().rows.map((d) => /* @__PURE__ */ e(
+    /* @__PURE__ */ e(Gn, { children: (c = o.getRowModel().rows) != null && c.length ? o.getRowModel().rows.map((d) => /* @__PURE__ */ e(
       xt,
       {
         className: "whitespace-nowrap py-2",
         "data-state": d.getIsSelected() && "selected",
-        children: d.getVisibleCells().map((h) => /* @__PURE__ */ e(Jt, { className: "py-3", children: Ut(h.column.columnDef.cell, h.getContext()) }, h.id))
+        children: d.getVisibleCells().map((u) => /* @__PURE__ */ e(Jt, { className: "py-3", children: Ut(u.column.columnDef.cell, u.getContext()) }, u.id))
       },
       d.id
     )) : /* @__PURE__ */ e(xt, { children: /* @__PURE__ */ e(Jt, { colSpan: i.length, className: "h-24 text-center", children: "No results." }) }) })
   ] }) });
 }
 function Xl({ card: t }) {
-  var D, S, O, q, F, G, _, B, p, E, W;
-  const [s, a] = H(!1), [l, i] = H(
+  var D, S, M, q, F, G, _, B, p, E, W;
+  const [s, a] = P(!1), [l, i] = P(
     []
-  ), { authToken: c } = Te(), o = Wn(c == null ? void 0 : c.accessToken), d = T((A) => A.themeStyle), h = {
+  ), { authToken: o } = Te(), c = Wn(o == null ? void 0 : o.accessToken), d = T((A) => A.themeStyle), u = {
     colors: ((S = (D = d == null ? void 0 : d.chart) == null ? void 0 : D.dataset) == null ? void 0 : S.backgroundColor) || []
   };
-  (O = t.customCardPreferences) != null && O.inputData;
-  const { getCard: f } = Na(((q = t.customCardPreferences) == null ? void 0 : q.url) || ""), m = ((F = t.customCardPreferences) == null ? void 0 : F.visualType) || "single", b = u((A) => A.frame), { setCustomCardPreferences: x } = ie(), { data: r } = Le(t), y = za((A, U) => {
+  (M = t.customCardPreferences) != null && M.inputData;
+  const { getCard: f } = Na(((q = t.customCardPreferences) == null ? void 0 : q.url) || ""), m = ((F = t.customCardPreferences) == null ? void 0 : F.visualType) || "single", b = h((A) => A.frame), { setCustomCardPreferences: x } = ie(), { data: r } = Le(t), y = za((A, U) => {
     i((K) => ({
       ...K,
       [A]: U
@@ -2908,8 +2908,8 @@ function Xl({ card: t }) {
   const v = Object.keys(
     ((B = t.customCardPreferences) == null ? void 0 : B.dataInputCardIds) || {}
   ).map((A) => {
-    var V, N, M;
-    const U = (N = (V = t.customCardPreferences) == null ? void 0 : V.dataInputCardIds) == null ? void 0 : N[A].cardId, K = (M = b == null ? void 0 : b.cards) == null ? void 0 : M.find((P) => P.id === U);
+    var V, N, O;
+    const U = (N = (V = t.customCardPreferences) == null ? void 0 : V.dataInputCardIds) == null ? void 0 : N[A].cardId, K = (O = b == null ? void 0 : b.cards) == null ? void 0 : O.find((H) => H.id === U);
     return K || null;
   });
   return /* @__PURE__ */ e("div", { className: "semaphor-custom mb-3 flex grow basis-0 flex-col space-y-2 overflow-y-auto", children: /* @__PURE__ */ n(
@@ -2920,8 +2920,8 @@ function Xl({ card: t }) {
         g && m === "single" && /* @__PURE__ */ e(
           g,
           {
-            params: o,
-            theme: h,
+            params: c,
+            theme: u,
             settings: (p = t.customCardPreferences) == null ? void 0 : p.settings,
             onDataChange: y,
             data: (r == null ? void 0 : r.records) || []
@@ -2931,9 +2931,9 @@ function Xl({ card: t }) {
           Object.keys(
             ((E = t.customCardPreferences) == null ? void 0 : E.dataInputCardIds) || {}
           ).map((A) => {
-            var V, N, M;
-            const U = (N = (V = t.customCardPreferences) == null ? void 0 : V.dataInputCardIds) == null ? void 0 : N[A].cardId, K = (M = b == null ? void 0 : b.cards) == null ? void 0 : M.find(
-              (P) => P.id === U
+            var V, N, O;
+            const U = (N = (V = t.customCardPreferences) == null ? void 0 : V.dataInputCardIds) == null ? void 0 : N[A].cardId, K = (O = b == null ? void 0 : b.cards) == null ? void 0 : O.find(
+              (H) => H.id === U
             );
             if (K)
               return /* @__PURE__ */ e(
@@ -2950,7 +2950,7 @@ function Xl({ card: t }) {
           /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ e(
             g,
             {
-              theme: h,
+              theme: u,
               onDataChange: y,
               settings: v.map(
                 (A) => {
@@ -2974,13 +2974,13 @@ function Ka({
   ...s
 }) {
   var C;
-  const a = u((v) => v.card), l = ((C = a.customCardPreferences) == null ? void 0 : C.showCardHeader) ?? !0, i = u((v) => v.frame), c = T((v) => v.dashboard.filters);
-  u((v) => v.actions.setRunSql);
-  const { updateFilter: o } = Je(), d = c == null ? void 0 : c.find((v) => v.id === i.filterId), { data: h, isLoading: f, isFetching: m } = Le(a), { setCard: b } = ie(), { data: x } = Lt(a);
+  const a = h((v) => v.card), l = ((C = a.customCardPreferences) == null ? void 0 : C.showCardHeader) ?? !0, i = h((v) => v.frame), o = T((v) => v.dashboard.filters);
+  h((v) => v.actions.setRunSql);
+  const { updateFilter: c } = Je(), d = o == null ? void 0 : o.find((v) => v.id === i.filterId), { data: u, isLoading: f, isFetching: m } = Le(a), { setCard: b } = ie(), { data: x } = Lt(a);
   if (!a.id) return null;
   let r;
-  h != null && h.records && (h == null ? void 0 : h.records.length) > 0 && (r = Ca({
-    data: h == null ? void 0 : h.records,
+  u != null && u.records && (u == null ? void 0 : u.records.length) > 0 && (r = Ca({
+    data: u == null ? void 0 : u.records,
     cardType: a.type,
     cfg: a.cfg,
     customCfg: a.customCfg,
@@ -2992,7 +2992,7 @@ function Ka({
   }
   function g() {
     var v;
-    if (h != null && h.records && (h == null ? void 0 : h.records.length) === 0 && !f && !m)
+    if (u != null && u.records && (u == null ? void 0 : u.records.length) === 0 && !f && !m)
       return /* @__PURE__ */ n("div", { className: "flex h-full flex-col items-center justify-center gap-2", children: [
         /* @__PURE__ */ e(ts, { className: "size-8 text-muted-foreground" }),
         /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: "No records to display" })
@@ -3007,9 +3007,9 @@ function Ka({
         },
         JSON.stringify(r) + JSON.stringify(a.preferences) + ((v = a == null ? void 0 : a.preferences) == null ? void 0 : v.customVisualCode)
       );
-    if (a.type === "table" && (h != null && h.records) && (h == null ? void 0 : h.records.length) > 0)
+    if (a.type === "table" && (u != null && u.records) && (u == null ? void 0 : u.records.length) > 0)
       return /* @__PURE__ */ n(Ie, { className: "relative mb-2 flex h-full min-h-0 w-full flex-1 grow basis-0", children: [
-        /* @__PURE__ */ e(ns, { card: a, data: h == null ? void 0 : h.records }),
+        /* @__PURE__ */ e(ns, { card: a, data: u == null ? void 0 : u.records }),
         /* @__PURE__ */ e(qe, { orientation: "horizontal" })
       ] });
   }
@@ -3047,7 +3047,7 @@ function Ka({
               {
                 className: "my-1",
                 text: d.title || d.column,
-                onSave: (v) => o({ ...d, title: v }),
+                onSave: (v) => c({ ...d, title: v }),
                 children: /* @__PURE__ */ e($, { children: d.title })
               }
             ),
@@ -3065,7 +3065,7 @@ const Yt = ({
   onChange: a,
   readonly: l
 }) => /* @__PURE__ */ e(
-  ut,
+  ht,
   {
     className: "h-full w-full overflow-hidden text-xs",
     theme: "default",
@@ -3153,14 +3153,14 @@ const Yt = ({
   /* @__PURE__ */ e(L, { onClick: i, variant: "outline", children: "Close" })
 ] });
 function ai() {
-  const [t, s] = H(!1), [a, l] = H(""), [i, c] = H(""), [o, d] = H(""), [h, f] = H(""), m = u((S) => S.card), b = u((S) => S.card.customCfg), { data: x } = Le(m), { data: r } = Lt(m), { setCardCustomCfg: y, setCustomVisualCode: g } = ie(), C = (S) => {
-    var O, q;
+  const [t, s] = P(!1), [a, l] = P(""), [i, o] = P(""), [c, d] = P(""), [u, f] = P(""), m = h((S) => S.card), b = h((S) => S.card.customCfg), { data: x } = Le(m), { data: r } = Lt(m), { setCardCustomCfg: y, setCustomVisualCode: g } = ie(), C = (S) => {
+    var M, q;
     return JSON.stringify(
       {
         ...S,
         data: {
           ...S.data,
-          datasets: (q = (O = S.data) == null ? void 0 : O.datasets) == null ? void 0 : q.map((F) => ({
+          datasets: (q = (M = S.data) == null ? void 0 : M.datasets) == null ? void 0 : q.map((F) => ({
             ...F,
             data: []
           }))
@@ -3176,8 +3176,8 @@ function ai() {
       {
         tooltip: "Customize Visual",
         onClick: () => {
-          var O, q;
-          if (!((O = x == null ? void 0 : x.records) != null && O.length)) return;
+          var M, q;
+          if (!((M = x == null ? void 0 : x.records) != null && M.length)) return;
           const S = Ca({
             data: x.records,
             cardType: m.type,
@@ -3188,7 +3188,7 @@ function ai() {
           if (S) {
             l(C(S)), d(((q = m.preferences) == null ? void 0 : q.customVisualCode) || "");
             const F = ls(S, b);
-            c(C(F));
+            o(C(F));
           }
         },
         className: b ? "text-green-600 hover:text-green-700" : "",
@@ -3202,9 +3202,9 @@ function ai() {
         /* @__PURE__ */ e(
           ei,
           {
-            customCode: o,
+            customCode: c,
             customConfig: i,
-            onConfigChange: (S) => c(S ?? ""),
+            onConfigChange: (S) => o(S ?? ""),
             onCodeChange: (S) => d(S ?? "")
           }
         )
@@ -3212,21 +3212,21 @@ function ai() {
       /* @__PURE__ */ e(
         ti,
         {
-          error: h,
+          error: u,
           hasCustomConfig: !!b,
           onReset: () => {
-            c(a), y(null);
+            o(a), y(null);
           },
           onApply: () => {
             try {
-              if (o && g(o), i) {
+              if (c && g(c), i) {
                 const S = JSON.parse(
                   i
-                ), O = is(
+                ), M = is(
                   JSON.parse(a),
                   S
                 );
-                y(O), f("");
+                y(M), f("");
               }
             } catch {
               f("Invalid JSON configuration");
@@ -3254,7 +3254,7 @@ function Ya(t) {
   return je({ attr: { version: "1.2", baseProfile: "tiny", viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M4 18c-.552 0-1-.448-1-1v-6.382l-.553.276c-.495.248-1.095.046-1.342-.447-.247-.494-.046-1.094.448-1.342l2-1c.31-.155.678-.139.973.044.294.183.474.504.474.851v8c0 .552-.448 1-1 1zM13 18h-5c-.404 0-.769-.244-.924-.617-.155-.374-.069-.804.217-1.09l4-4c.254-.254.394-.591.394-.95 0-.358-.14-.695-.394-.949-.508-.508-1.39-.508-1.9.001-.253.252-.393.589-.393.948 0 .552-.448 1-1 1s-1-.448-1-1c0-.894.348-1.733.98-2.364 1.265-1.263 3.464-1.263 4.727.001.632.631.979 1.471.979 2.363 0 .893-.348 1.733-.979 2.364l-2.293 2.293h2.586c.552 0 1 .448 1 1s-.448 1-1 1zM20.955 12.377c.338-.457.545-1.016.545-1.627 0-1.517-1.234-2.75-2.75-2.75-1.031 0-1.966.569-2.44 1.484-.254.49-.063 1.094.428 1.348.49.254 1.094.062 1.348-.428.128-.249.383-.404.664-.404.414 0 .75.336.75.75s-.336.75-.75.75c-.552 0-1 .448-1 1s.448 1 1 1c.689 0 1.25.561 1.25 1.25s-.561 1.25-1.25 1.25-1.25-.561-1.25-1.25c0-.552-.448-1-1-1s-1 .448-1 1c0 1.792 1.458 3.25 3.25 3.25s3.25-1.458 3.25-3.25c0-.939-.406-1.779-1.045-2.373z" }, child: [] }] })(t);
 }
 function en(t) {
-  const [s, a] = H(null);
+  const [s, a] = P(null);
   return s;
 }
 function tn() {
@@ -3268,16 +3268,16 @@ function tn() {
 function si({
   onChartTypeChange: t
 }) {
-  const [s, a] = H([]), { data: l } = tn();
+  const [s, a] = P([]), { data: l } = tn();
   return de(() => {
     (async () => {
-      var c;
+      var o;
       if (l) {
         const d = (await Promise.all(
-          (c = l == null ? void 0 : l.plugins) == null ? void 0 : c.map(async (h) => (await os(h.value)).visuals.map((b) => ({
+          (o = l == null ? void 0 : l.plugins) == null ? void 0 : o.map(async (u) => (await os(u.value)).visuals.map((b) => ({
             name: b.name,
             icon: b.icon,
-            url: h.value
+            url: u.value
           })))
         )).flat();
         a(d);
@@ -3285,14 +3285,14 @@ function si({
     })();
   }, [l]), s.length === 0 ? null : /* @__PURE__ */ n(le, { children: [
     /* @__PURE__ */ e(Oe, { className: "my-2" }),
-    /* @__PURE__ */ e("div", { className: "grid grid-cols-4 place-items-center", children: s.map((i, c) => /* @__PURE__ */ e(
+    /* @__PURE__ */ e("div", { className: "grid grid-cols-4 place-items-center", children: s.map((i, o) => /* @__PURE__ */ e(
       li,
       {
         text: i.name,
         onClick: () => t("custom", i),
         icon: i.icon
       },
-      i.url + i.name + c
+      i.url + i.name + o
     )) })
   ] });
 }
@@ -3306,9 +3306,9 @@ const li = ({
 };
 function ii() {
   var m, b;
-  const [t, s] = H(!1), a = u((x) => x.card), l = a.type, { setCardType: i, setCardPreferences: c, setChartOrientation: o } = u((x) => x.actions), { setCardCustomCfg: d, setCustomCardPreferences: h } = ie();
+  const [t, s] = P(!1), a = h((x) => x.card), l = a.type, { setCardType: i, setCardPreferences: o, setChartOrientation: c } = h((x) => x.actions), { setCardCustomCfg: d, setCustomCardPreferences: u } = ie();
   function f(x, r) {
-    d(null), c({}), i(x), r && h({
+    d(null), o({}), i(x), r && u({
       type: "component",
       visualType: "single",
       url: r.url,
@@ -3515,20 +3515,20 @@ function ri({
   }
 }
 function oi() {
-  const t = u(
+  const t = h(
     (d) => {
-      var h, f, m, b;
-      return (b = (m = (f = (h = d.card.preferences) == null ? void 0 : h.chartOptions) == null ? void 0 : f.plugins) == null ? void 0 : m.legend) == null ? void 0 : b.position;
+      var u, f, m, b;
+      return (b = (m = (f = (u = d.card.preferences) == null ? void 0 : u.chartOptions) == null ? void 0 : f.plugins) == null ? void 0 : m.legend) == null ? void 0 : b.position;
     }
-  ), s = u(
+  ), s = h(
     (d) => {
-      var h, f, m, b;
-      return (b = (m = (f = (h = d.card.preferences) == null ? void 0 : h.chartOptions) == null ? void 0 : f.plugins) == null ? void 0 : m.legend) == null ? void 0 : b.align;
+      var u, f, m, b;
+      return (b = (m = (f = (u = d.card.preferences) == null ? void 0 : u.chartOptions) == null ? void 0 : f.plugins) == null ? void 0 : m.legend) == null ? void 0 : b.align;
     }
-  ), a = u(
+  ), a = h(
     (d) => {
-      var h, f, m, b;
-      return (b = (m = (f = (h = d.card.preferences) == null ? void 0 : h.chartOptions) == null ? void 0 : f.plugins) == null ? void 0 : m.legend) == null ? void 0 : b.display;
+      var u, f, m, b;
+      return (b = (m = (f = (u = d.card.preferences) == null ? void 0 : u.chartOptions) == null ? void 0 : f.plugins) == null ? void 0 : m.legend) == null ? void 0 : b.display;
     }
   ), { setLegendOptions: l } = ie();
   return /* @__PURE__ */ n(Qe, { children: [
@@ -3544,6 +3544,7 @@ function oi() {
           /* @__PURE__ */ e("div", { className: "col-span-2 flex h-8 items-center", children: /* @__PURE__ */ e(
             cs,
             {
+              checked: a,
               onCheckedChange: (d) => {
                 l({
                   display: d,
@@ -3558,7 +3559,7 @@ function oi() {
         ] }),
         /* @__PURE__ */ n("div", { className: "grid grid-cols-3 items-center gap-4", children: [
           /* @__PURE__ */ e($, { htmlFor: "position", children: "Position" }),
-          /* @__PURE__ */ n(me, { onValueChange: (d) => {
+          /* @__PURE__ */ n(me, { value: t, onValueChange: (d) => {
             l({
               display: a,
               position: d,
@@ -3576,7 +3577,7 @@ function oi() {
         ] }),
         /* @__PURE__ */ n("div", { className: "grid grid-cols-3 items-center gap-4", children: [
           /* @__PURE__ */ e($, { htmlFor: "align", children: "Align" }),
-          /* @__PURE__ */ n(me, { onValueChange: (d) => {
+          /* @__PURE__ */ n(me, { value: s, onValueChange: (d) => {
             l({
               display: a,
               position: t,
@@ -3597,16 +3598,16 @@ function oi() {
 }
 function ea() {
   var V;
-  const t = u((N) => N.frame), s = u((N) => N.card), a = u((N) => N.isShowingVisual), l = u((N) => N.isSqlRunning), i = u((N) => N.pythonStdOut), c = u(
+  const t = h((N) => N.frame), s = h((N) => N.card), a = h((N) => N.isShowingVisual), l = h((N) => N.isSqlRunning), i = h((N) => N.pythonStdOut), o = h(
     (N) => {
-      var M;
-      return (M = N.card.preferences) == null ? void 0 : M.chartOptions;
+      var O;
+      return (O = N.card.preferences) == null ? void 0 : O.chartOptions;
     }
   );
-  u((N) => N.actions.setRunSql);
-  const o = ds(c), {
+  h((N) => N.actions.setRunSql);
+  const c = ds(o), {
     setFrame: d,
-    setCard: h,
+    setCard: u,
     updateCardInFrame: f,
     setActiveTabCardId: m,
     runAssistant: b,
@@ -3634,12 +3635,12 @@ function ea() {
     D(N);
   }
   function D(N) {
-    const M = {
+    const O = {
       ...t,
       cards: [...t.cards, N],
       activeCardId: N.id
     };
-    d(M), m(N.id);
+    d(O), m(N.id);
   }
   function S() {
     const N = {
@@ -3650,40 +3651,40 @@ function ea() {
     };
     D(N);
   }
-  function O(N) {
-    const M = t.cards.filter((X) => X.id !== N), P = M[0], Z = {
+  function M(N) {
+    const O = t.cards.filter((X) => X.id !== N), H = O[0], Z = {
       ...t,
-      cards: M,
+      cards: O,
       // update the active card to the first card in the frame
-      activeCardId: P.id
+      activeCardId: H.id
     };
-    d(Z), m(P.id), h(P);
+    d(Z), m(H.id), u(H);
   }
   function q(N) {
     m(N);
   }
-  const F = (N, M) => {
-    console.log("handleDragStart", M), N.dataTransfer.setData("tabIndex", M.toString());
+  const F = (N, O) => {
+    console.log("handleDragStart", O), N.dataTransfer.setData("tabIndex", O.toString());
   }, G = (N) => {
     N.preventDefault();
-  }, _ = (N, M) => {
-    const P = N.dataTransfer.getData("tabIndex");
-    if (P === M.toString()) return;
-    const Z = Array.from(t.cards), [X] = Z.splice(parseInt(P), 1);
-    Z.splice(M, 0, X), d({ ...t, cards: Z });
+  }, _ = (N, O) => {
+    const H = N.dataTransfer.getData("tabIndex");
+    if (H === O.toString()) return;
+    const Z = Array.from(t.cards), [X] = Z.splice(parseInt(H), 1);
+    Z.splice(O, 0, X), d({ ...t, cards: Z });
   };
-  function B(N, M) {
-    return N.cards.length === 1 && (M.displayTab === !0 || M.displayTab === void 0) || N.activeCardId !== M.id && (M.displayTab === !0 || M.displayTab === void 0) ? null : /* @__PURE__ */ e(
+  function B(N, O) {
+    return N.cards.length === 1 && (O.displayTab === !0 || O.displayTab === void 0) || N.activeCardId !== O.id && (O.displayTab === !0 || O.displayTab === void 0) ? null : /* @__PURE__ */ e(
       "div",
       {
         onClick: () => {
-          const P = M.displayTab === void 0 ? !1 : !M.displayTab;
-          h({ ...M, displayTab: P }), f({
-            ...M,
-            displayTab: P
+          const H = O.displayTab === void 0 ? !1 : !O.displayTab;
+          u({ ...O, displayTab: H }), f({
+            ...O,
+            displayTab: H
           });
         },
-        children: M.displayTab === !0 || M.displayTab === void 0 ? /* @__PURE__ */ e(fs, { className: "mr-2 size-3.5 text-muted-foreground hover:text-foreground" }) : /* @__PURE__ */ e(Xs, { className: "mr-2 size-3.5 text-muted-foreground hover:text-foreground" })
+        children: O.displayTab === !0 || O.displayTab === void 0 ? /* @__PURE__ */ e(fs, { className: "mr-2 size-3.5 text-muted-foreground hover:text-foreground" }) : /* @__PURE__ */ e(Xs, { className: "mr-2 size-3.5 text-muted-foreground hover:text-foreground" })
       }
     );
   }
@@ -3697,20 +3698,20 @@ function ea() {
         children: [
           t.cards.map((N) => /* @__PURE__ */ e(St, { className: "mt-0 grow", value: N.id, children: E() }, N.id)),
           /* @__PURE__ */ e(Oa, { className: "group mx-6 justify-between", children: /* @__PURE__ */ n("div", { className: "flex items-center", children: [
-            t.cards.map((N, M) => /* @__PURE__ */ e(
+            t.cards.map((N, O) => /* @__PURE__ */ e(
               at,
               {
                 text: N.tabTitle || N.title,
-                onSave: (P) => {
-                  h({ ...s, tabTitle: P }), f({ ...s, tabTitle: P });
+                onSave: (H) => {
+                  u({ ...s, tabTitle: H }), f({ ...s, tabTitle: H });
                 },
                 children: /* @__PURE__ */ n(
                   Ct,
                   {
                     draggable: !0,
-                    onDragStart: (P) => F(P, M),
+                    onDragStart: (H) => F(H, O),
                     onDragOver: G,
-                    onDrop: (P) => _(P, M),
+                    onDrop: (H) => _(H, O),
                     className: "",
                     value: N.id,
                     children: [
@@ -3720,7 +3721,7 @@ function ea() {
                         Ke,
                         {
                           className: "ml-2 size-3.5 text-muted-foreground hover:text-foreground",
-                          onClick: () => O(N.id)
+                          onClick: () => M(N.id)
                         }
                       )
                     ]
@@ -3753,7 +3754,7 @@ function ea() {
     );
   }
   function E() {
-    return s.type === "kpi" ? /* @__PURE__ */ e("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e(us, { card: s, data: r == null ? void 0 : r.records }) }) }) : s.type === "text" ? /* @__PURE__ */ e("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e(Ie, { className: "mx-3 my-6 h-[300px] overflow-y-auto break-words px-3", children: /* @__PURE__ */ e(
+    return s.type === "kpi" ? /* @__PURE__ */ e("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e(hs, { card: s, data: r == null ? void 0 : r.records }) }) }) : s.type === "text" ? /* @__PURE__ */ e("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e(Ie, { className: "mx-3 my-6 h-[300px] overflow-y-auto break-words px-3", children: /* @__PURE__ */ e(
       ms,
       {
         isLoading: l,
@@ -3763,17 +3764,17 @@ function ea() {
     ) }) }) }) : /* @__PURE__ */ e(mt, { FallbackComponent: wa, children: /* @__PURE__ */ e(Ka, { className: "grow border-none shadow-none" }) });
   }
   function W() {
-    const N = JSON.stringify(r == null ? void 0 : r.records, null, 2), M = new Blob([N], { type: "application/json" }), P = URL.createObjectURL(M), Z = document.createElement("a");
-    Z.href = P, Z.download = `${s.title}.json`, Z.click();
+    const N = JSON.stringify(r == null ? void 0 : r.records, null, 2), O = new Blob([N], { type: "application/json" }), H = URL.createObjectURL(O), Z = document.createElement("a");
+    Z.href = H, Z.download = `${s.title}.json`, Z.click();
   }
   function A() {
-    const M = [
+    const O = [
       Object.keys(
         r == null ? void 0 : r.records.reduce((j, z) => ({ ...j, ...z }), {})
       ).join(","),
       ...((r == null ? void 0 : r.records) || []).map((j) => Object.values(j).join(","))
     ].join(`
-`), P = new Blob([M], { type: "text/csv" }), Z = URL.createObjectURL(P), X = document.createElement("a");
+`), H = new Blob([O], { type: "text/csv" }), Z = URL.createObjectURL(H), X = document.createElement("a");
     X.href = Z, X.download = `${s.title}.csv`, X.click();
   }
   function U() {
@@ -3781,7 +3782,8 @@ function ea() {
     b(N);
   }
   function K() {
-    x(o === "xy" || !o ? "x" : o === "x" ? "y" : o === "y" ? "none" : "xy");
+    const N = ["xy", "none", "x", "y"], H = (N.indexOf(c) + 1) % N.length;
+    x(N[H]);
   }
   return /* @__PURE__ */ n("div", { className: "relative flex h-full flex-col py-3", children: [
     (y || g) && /* @__PURE__ */ e("div", { className: "absolute bottom-0 left-0 right-0 top-0 z-50 m-auto flex h-10 w-10 items-center justify-center rounded-md bg-muted", children: /* @__PURE__ */ e(Ue, { className: "h-8 w-8 animate-spin text-muted-foreground" }) }),
@@ -3813,7 +3815,7 @@ function ea() {
           }
         ),
         /* @__PURE__ */ e(
-          hs,
+          us,
           {
             text: JSON.stringify(r == null ? void 0 : r.records, null, 2),
             className: "h-7 w-fit px-1 font-mono text-xs text-muted-foreground/70"
@@ -3821,12 +3823,22 @@ function ea() {
         )
       ] }),
       a && /* @__PURE__ */ n("div", { className: "flex items-center", children: [
-        /* @__PURE__ */ e(oi, {}),
-        /* @__PURE__ */ n(rt, { tooltip: "Grid Style", onClick: K, children: [
-          (o === "xy" || !o) && /* @__PURE__ */ e(tl, { className: "size-4" }),
-          o === "x" && /* @__PURE__ */ e(Ws, { className: "size-4" }),
-          o === "y" && /* @__PURE__ */ e(pl, { className: "size-4" }),
-          o === "none" && /* @__PURE__ */ e(bl, { className: "size-4" })
+        !["kpi", "text", "custom", "table"].includes(s.type) && /* @__PURE__ */ e(oi, {}),
+        ![
+          "pie",
+          "doughnut",
+          "radar",
+          "polarArea",
+          "table",
+          "custom",
+          "kpi",
+          "text",
+          "map"
+        ].includes(s.type) && /* @__PURE__ */ n(rt, { tooltip: "Grid Style", onClick: K, children: [
+          (c === "xy" || !c) && /* @__PURE__ */ e(tl, { className: "size-4" }),
+          c === "x" && /* @__PURE__ */ e(Ws, { className: "size-4" }),
+          c === "y" && /* @__PURE__ */ e(pl, { className: "size-4" }),
+          c === "none" && /* @__PURE__ */ e(bl, { className: "size-4" })
         ] })
       ] }),
       /* @__PURE__ */ e(di, {})
@@ -3871,7 +3883,7 @@ function ea() {
   ] });
 }
 function ci() {
-  const t = u((a) => a.pythonStdOut);
+  const t = h((a) => a.pythonStdOut);
   if (!t) return null;
   const s = t.replace(/\n/g, "<br>");
   return /* @__PURE__ */ n("div", { className: "relative flex w-full flex-col border-r", children: [
@@ -3883,7 +3895,7 @@ function ci() {
   ] });
 }
 function di() {
-  const t = u((a) => a.isShowingVisual), s = u(
+  const t = h((a) => a.isShowingVisual), s = h(
     (a) => a.actions.setIsShowingVisual
   );
   return /* @__PURE__ */ n("div", { className: "flex items-center space-x-2", children: [
@@ -3899,7 +3911,7 @@ function di() {
     )
   ] });
 }
-function hi({
+function ui({
   options: t,
   value: s,
   onValueChange: a
@@ -3935,7 +3947,7 @@ function Ne({
     ),
     /* @__PURE__ */ e(ge, { children: /* @__PURE__ */ n(ke, { children: [
       /* @__PURE__ */ e(Ce, { children: t }),
-      s.map((c) => /* @__PURE__ */ e(Q, { value: c.value, children: c.label }, c.value))
+      s.map((o) => /* @__PURE__ */ e(Q, { value: o.value, children: o.label }, o.value))
     ] }) })
   ] });
 }
@@ -3960,31 +3972,31 @@ function Ge({
     }
   );
 }
-function ui() {
+function hi() {
   var g, C;
-  const t = u(
+  const t = h(
     (v) => v.card.customCardPreferences
-  ), { data: s } = tn(), a = (s == null ? void 0 : s.plugins) || [], l = u((v) => v.card), i = u((v) => v.frame), c = (t == null ? void 0 : t.visualType) || "single", { setCustomCardPreferences: o } = ie(), { components: d, manifest: h } = Na(
+  ), { data: s } = tn(), a = (s == null ? void 0 : s.plugins) || [], l = h((v) => v.card), i = h((v) => v.frame), o = (t == null ? void 0 : t.visualType) || "single", { setCustomCardPreferences: c } = ie(), { components: d, manifest: u } = Na(
     (t == null ? void 0 : t.url) || ""
-  ), f = (g = h == null ? void 0 : h.visuals) == null ? void 0 : g.find(
+  ), f = (g = u == null ? void 0 : u.visuals) == null ? void 0 : g.find(
     (v) => v.name === (t == null ? void 0 : t.componentName)
   );
   function m(v, D) {
     if (!t) return;
-    const O = {
+    const M = {
       ...(t == null ? void 0 : t.dataInputCardIds) || {},
       [v]: {
         cardId: D,
         hookRef: null
       }
     };
-    o({
+    c({
       ...t,
-      dataInputCardIds: O
+      dataInputCardIds: M
     });
   }
   function b(v) {
-    var S, O;
+    var S, M;
     const D = (S = i == null ? void 0 : i.cards) == null ? void 0 : S.filter((q) => {
       var F;
       return ((F = q == null ? void 0 : q.customCardPreferences) == null ? void 0 : F.visualType) !== "multiple";
@@ -3992,7 +4004,7 @@ function ui() {
       value: q.id,
       label: q.tabTitle || q.title
     }));
-    return /* @__PURE__ */ e("div", { className: "space-y-2", children: (O = v == null ? void 0 : v.dataInputs) == null ? void 0 : O.map((q, F) => {
+    return /* @__PURE__ */ e("div", { className: "space-y-2", children: (M = v == null ? void 0 : v.dataInputs) == null ? void 0 : M.map((q, F) => {
       var G, _;
       return /* @__PURE__ */ n(
         "div",
@@ -4017,14 +4029,14 @@ function ui() {
     }) });
   }
   function x(v, D, S = []) {
-    var O, q;
+    var M, q;
     return t ? v === "input" ? /* @__PURE__ */ e(
-      ue,
+      he,
       {
         className: `h-8 w-full ${Pe}`,
-        value: ((O = t == null ? void 0 : t.settings) == null ? void 0 : O[D]) || "",
+        value: ((M = t == null ? void 0 : t.settings) == null ? void 0 : M[D]) || "",
         onChange: (F) => {
-          o({
+          c({
             ...t,
             settings: {
               ...t == null ? void 0 : t.settings,
@@ -4042,7 +4054,7 @@ function ui() {
         options: S,
         value: ((q = t == null ? void 0 : t.settings) == null ? void 0 : q[D]) || "",
         onValueChange: (F) => {
-          o({
+          c({
             ...t,
             settings: { ...t == null ? void 0 : t.settings, [D]: F }
           });
@@ -4052,17 +4064,17 @@ function ui() {
   }
   function r(v) {
     const D = Object.entries((v == null ? void 0 : v.settings) || {});
-    return /* @__PURE__ */ e("div", { className: "space-y-3", children: D.map(([S, O]) => /* @__PURE__ */ n("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ e($, { children: O.title }),
+    return /* @__PURE__ */ e("div", { className: "space-y-3", children: D.map(([S, M]) => /* @__PURE__ */ n("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ e($, { children: M.title }),
       x(
-        O.ui,
+        M.ui,
         S,
-        O.options
+        M.options
       )
     ] }, S)) });
   }
   function y(v) {
-    t && o({
+    t && c({
       ...t,
       visualType: v,
       componentName: ""
@@ -4081,7 +4093,7 @@ function ui() {
               label: "",
               options: a,
               value: (t == null ? void 0 : t.url) || "",
-              onValueChange: (v) => o({
+              onValueChange: (v) => c({
                 ...t || {
                   url: "",
                   componentName: ""
@@ -4091,13 +4103,13 @@ function ui() {
             }
           ) }) }),
           ((t == null ? void 0 : t.type) === "component" || (t == null ? void 0 : t.type) === void 0) && /* @__PURE__ */ e(
-            hi,
+            ui,
             {
               options: [
                 { value: "single", label: "Single Visual" },
                 { value: "multiple", label: "Multi-Visual" }
               ],
-              value: c,
+              value: o,
               onValueChange: y
             }
           ),
@@ -4109,14 +4121,14 @@ function ui() {
                 className: "h-8 w-full",
                 label: "",
                 options: (d == null ? void 0 : d.filter(
-                  (v) => v.type === c
+                  (v) => v.type === o
                 ).map((v) => ({
                   value: v.name,
                   label: v.name
                 }))) || [],
                 value: t.componentName,
                 onValueChange: (v) => {
-                  console.log("changing value", v), o({
+                  console.log("changing value", v), c({
                     ...t,
                     componentName: v
                   });
@@ -4138,24 +4150,24 @@ function ui() {
   );
 }
 function Ee() {
-  const [t, s] = H([]);
-  u(
+  const [t, s] = P([]);
+  h(
     (m) => m.card.cfg
   );
-  const a = u((m) => m.card.preferences), { setCardCfg: l, setFilterOnClickColumnIndex: i, setCardPreferences: c } = u((m) => m.actions), o = u(
+  const a = h((m) => m.card.preferences), { setCardCfg: l, setFilterOnClickColumnIndex: i, setCardPreferences: o } = h((m) => m.actions), c = h(
     (m) => m.queryResultColumns
   );
-  u(
+  h(
     (m) => {
       var b;
       return (b = m.card.preferences) == null ? void 0 : b.filterOnClickColumnIndex;
     }
   ), de(() => {
-    o && s(new Array(o.length).fill(!1));
-  }, [o]);
+    c && s(new Array(c.length).fill(!1));
+  }, [c]);
   function d(m, b) {
     var x, r;
-    b ? a != null && a.onClickFilter && ((x = a == null ? void 0 : a.onClickFilter) == null ? void 0 : x.length) > 0 ? c({
+    b ? a != null && a.onClickFilter && ((x = a == null ? void 0 : a.onClickFilter) == null ? void 0 : x.length) > 0 ? o({
       ...a,
       onClickFilter: [
         ...a.onClickFilter,
@@ -4164,7 +4176,7 @@ function Ee() {
           expression: ""
         }
       ]
-    }) : c({
+    }) : o({
       ...a,
       onClickFilter: [
         {
@@ -4172,7 +4184,7 @@ function Ee() {
           expression: ""
         }
       ]
-    }) : (c({
+    }) : (o({
       ...a,
       onClickFilter: (r = a == null ? void 0 : a.onClickFilter) == null ? void 0 : r.filter(
         (y) => y.columnIndex !== m
@@ -4182,13 +4194,13 @@ function Ee() {
       return g[m] = !1, g;
     }));
   }
-  function h(m, b) {
+  function u(m, b) {
     var r;
     const x = (r = a == null ? void 0 : a.onClickFilter) == null ? void 0 : r.map((y) => y.columnIndex === m ? {
       ...y,
       expression: b.target.value
     } : y);
-    c({
+    o({
       ...a,
       onClickFilter: x
     });
@@ -4197,10 +4209,10 @@ function Ee() {
     var b, x, r, y;
     if (t != null && t[m] || (x = (b = a == null ? void 0 : a.onClickFilter) == null ? void 0 : b.find((g) => g.columnIndex === m)) != null && x.expression)
       return /* @__PURE__ */ e(
-        ue,
+        he,
         {
           value: (y = (r = a == null ? void 0 : a.onClickFilter) == null ? void 0 : r.find((g) => g.columnIndex === m)) == null ? void 0 : y.expression,
-          onChange: (g) => h(m, g),
+          onChange: (g) => u(m, g),
           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"
@@ -4209,7 +4221,7 @@ function Ee() {
   }
   return /* @__PURE__ */ n("div", { className: "space-y-2", children: [
     /* @__PURE__ */ e($, { children: "On Click" }),
-    o == null ? void 0 : o.map((m, b) => {
+    c == null ? void 0 : c.map((m, b) => {
       var x, r;
       return /* @__PURE__ */ e(
         "div",
@@ -4257,19 +4269,19 @@ function Ee() {
   ] });
 }
 function ft() {
-  var o, d, h;
-  const t = u((f) => f.card.preferences), s = u(
+  var c, d, u;
+  const t = h((f) => f.card.preferences), s = h(
     (f) => f.card.cfg
-  ), { setCardCfg: a, setCardPreferences: l, setChartOrientation: i } = u((f) => f.actions);
-  (o = s == null ? void 0 : s.options) != null && o.indexAxis;
-  function c(f) {
+  ), { setCardCfg: a, setCardPreferences: l, setChartOrientation: i } = h((f) => f.actions);
+  (c = s == null ? void 0 : s.options) != null && c.indexAxis;
+  function o(f) {
     i(f);
   }
   return /* @__PURE__ */ n(
     pt,
     {
-      value: ((d = t == null ? void 0 : t.chartOptions) == null ? void 0 : d.indexAxis) || ((h = s == null ? void 0 : s.options) == null ? void 0 : h.indexAxis) || "x",
-      onValueChange: c,
+      value: ((d = t == null ? void 0 : t.chartOptions) == null ? void 0 : d.indexAxis) || ((u = s == null ? void 0 : s.options) == null ? void 0 : u.indexAxis) || "x",
+      onValueChange: o,
       className: "flex gap-3",
       defaultValue: "x",
       children: [
@@ -4287,37 +4299,37 @@ function ft() {
 }
 const et = "focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0";
 function ta(t, s) {
-  var l, i, c;
+  var l, i, o;
   const a = Ia(t, s);
-  return ((c = (i = (l = t == null ? void 0 : t.chartOptions) == null ? void 0 : l.scales) == null ? void 0 : i[a]) == null ? void 0 : c.type) || "linear";
+  return ((o = (i = (l = t == null ? void 0 : t.chartOptions) == null ? void 0 : l.scales) == null ? void 0 : i[a]) == null ? void 0 : o.type) || "linear";
 }
 function an() {
-  var V, N, M, P, Z, X;
-  const [t, s] = H(!1), a = u((j) => {
+  var V, N, O, H, Z, X;
+  const [t, s] = P(!1), a = h((j) => {
     var z;
     return (z = j.card) == null ? void 0 : z.preferences;
-  }), l = u((j) => {
+  }), l = h((j) => {
     var z;
     return (z = j.card) == null ? void 0 : z.cfg;
-  }), i = Ia(a, l), [c, o] = H(
+  }), i = Ia(a, l), [o, c] = P(
     ta(a)
-  ), [d, h] = H(
-    ((M = (N = (V = a == null ? void 0 : a.chartOptions) == null ? void 0 : V.scales) == null ? void 0 : N[i]) == null ? void 0 : M.min) || ""
-  ), [f, m] = H(
-    ((X = (Z = (P = a == null ? void 0 : a.chartOptions) == null ? void 0 : P.scales) == null ? void 0 : Z[i]) == null ? void 0 : X.max) || ""
-  ), [b, x] = H(d || f ? "custom" : "auto"), [r, y] = H(""), [g, C] = H(0), [v, D] = H(""), [S, O] = H(""), [q, F] = H(""), G = u(
+  ), [d, u] = P(
+    ((O = (N = (V = a == null ? void 0 : a.chartOptions) == null ? void 0 : V.scales) == null ? void 0 : N[i]) == null ? void 0 : O.min) || ""
+  ), [f, m] = P(
+    ((X = (Z = (H = a == null ? void 0 : a.chartOptions) == null ? void 0 : H.scales) == null ? void 0 : Z[i]) == null ? void 0 : X.max) || ""
+  ), [b, x] = P(d || f ? "custom" : "auto"), [r, y] = P(""), [g, C] = P(0), [v, D] = P(""), [S, M] = P(""), [q, F] = P(""), G = h(
     (j) => j.actions.setCardPreferences
-  ), { updateCardInFrame: _ } = ie(), B = u((j) => j.card), p = u((j) => {
+  ), { updateCardInFrame: _ } = ie(), B = h((j) => j.card), p = h((j) => {
     var z;
     return (z = j.card) == null ? void 0 : z.type;
   }), E = ["pie", "doughnut", "polarArea"].includes(p);
   de(() => {
-    var j, z, he, k, J, ne, oe, Se, xe, Y, ce, I, re, ye;
-    o(ta(a)), h(
-      ((he = (z = (j = a == null ? void 0 : a.chartOptions) == null ? void 0 : j.scales) == null ? void 0 : z[i]) == null ? void 0 : he.min) === 0 ? 0 : ""
+    var j, z, ue, k, J, ne, oe, Se, xe, Y, ce, I, re, ye;
+    c(ta(a)), u(
+      ((ue = (z = (j = a == null ? void 0 : a.chartOptions) == null ? void 0 : j.scales) == null ? void 0 : z[i]) == null ? void 0 : ue.min) === 0 ? 0 : ""
     ), m(((ne = (J = (k = a == null ? void 0 : a.chartOptions) == null ? void 0 : k.scales) == null ? void 0 : J[i]) == null ? void 0 : ne.max) || ""), y(
       ((Y = (xe = (Se = (oe = a == null ? void 0 : a.chartOptions) == null ? void 0 : oe.scales) == null ? void 0 : Se[i]) == null ? void 0 : xe.ticks) == null ? void 0 : Y.stepSize) || ""
-    ), C(((ce = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : ce.decimalPlaces) || 0), D(((I = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : I.suffix) || ""), O(((re = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : re.currency) || ""), F(((ye = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : ye.locale) || "");
+    ), C(((ce = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : ce.decimalPlaces) || 0), D(((I = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : I.suffix) || ""), M(((re = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : re.currency) || ""), F(((ye = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : ye.locale) || "");
   }, [t, a, i]);
   function W(j, z) {
     return z === "" || /^[0-9\b]+$/.test(z) ? Number(z) : Number(j);
@@ -4347,7 +4359,7 @@ function an() {
           me,
           {
             value: S || "none",
-            onValueChange: (z) => O(z === "none" ? "" : z),
+            onValueChange: (z) => M(z === "none" ? "" : z),
             children: [
               /* @__PURE__ */ e(pe, { className: "col-span-2 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e(fe, {}) }),
               /* @__PURE__ */ e(ge, { children: /* @__PURE__ */ n(ke, { children: [
@@ -4375,7 +4387,7 @@ function an() {
       /* @__PURE__ */ n("div", { className: "grid grid-cols-9 items-center gap-2", children: [
         /* @__PURE__ */ e($, { className: "col-span-3", htmlFor: "format", children: "Decimals" }),
         /* @__PURE__ */ e(
-          ue,
+          he,
           {
             value: g,
             onChange: (z) => C(Number(z.target.value)),
@@ -4391,16 +4403,16 @@ function an() {
       /* @__PURE__ */ n("div", { className: "grid grid-cols-3 items-center gap-2", children: [
         /* @__PURE__ */ e($, { htmlFor: "range", children: "Range" }),
         /* @__PURE__ */ e(
-          ue,
+          he,
           {
             id: "min",
             value: d,
-            onChange: (j) => h((z) => W(z, j.target.value)),
+            onChange: (j) => u((z) => W(z, j.target.value)),
             className: `col-span-1 h-8 w-full ${et}`
           }
         ),
         /* @__PURE__ */ e(
-          ue,
+          he,
           {
             value: f,
             onChange: (j) => m((z) => W(z, j.target.value)),
@@ -4412,7 +4424,7 @@ function an() {
       /* @__PURE__ */ n("div", { className: "grid grid-cols-3 items-center gap-2", children: [
         /* @__PURE__ */ e($, { htmlFor: "step-size", children: "Step Size" }),
         /* @__PURE__ */ e(
-          ue,
+          he,
           {
             value: r,
             onChange: (j) => y((z) => W(z, j.target.value)),
@@ -4441,8 +4453,8 @@ function an() {
           ...(k = a == null ? void 0 : a.chartOptions) == null ? void 0 : k.scales,
           [i]: {
             // ...cardPreferences?.chartOptions?.scales?.[axis],
-            type: c,
-            ...c === "linear" ? j : {}
+            type: o,
+            ...o === "linear" ? j : {}
           }
         }
       },
@@ -4454,11 +4466,11 @@ function an() {
       }
     };
     console.log(z), G(z);
-    const he = {
+    const ue = {
       ...B,
       preferences: z
     };
-    _(he);
+    _(ue);
   }
   return /* @__PURE__ */ n(Qe, { onOpenChange: (j) => s(j), children: [
     /* @__PURE__ */ e(Ze, { asChild: !0, children: /* @__PURE__ */ e(ys, { className: "size-4 cursor-pointer text-muted-foreground hover:text-foreground" }) }),
@@ -4474,8 +4486,8 @@ function an() {
             me,
             {
               disabled: E,
-              value: c,
-              onValueChange: (j) => o(j),
+              value: o,
+              onValueChange: (j) => c(j),
               children: [
                 /* @__PURE__ */ e(pe, { className: "col-span-2 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e(fe, {}) }),
                 /* @__PURE__ */ e(ge, { id: "type", children: /* @__PURE__ */ n(ke, { children: [
@@ -4487,7 +4499,7 @@ function an() {
             }
           )
         ] }),
-        c == "linear" && /* @__PURE__ */ n("div", { className: "grid grid-cols-3 items-center gap-2 py-1", children: [
+        o == "linear" && /* @__PURE__ */ n("div", { className: "grid grid-cols-3 items-center gap-2 py-1", children: [
           /* @__PURE__ */ e($, { htmlFor: "scale-option", children: "Setup" }),
           /* @__PURE__ */ n(
             pt,
@@ -4511,7 +4523,7 @@ function an() {
             }
           )
         ] }),
-        b === "custom" && c == "linear" && U(),
+        b === "custom" && o == "linear" && U(),
         A(),
         /* @__PURE__ */ e(bs, {}),
         /* @__PURE__ */ e("div", { className: "grid grid-cols-3", children: /* @__PURE__ */ e(
@@ -4529,26 +4541,26 @@ function an() {
 }
 function mi({ idx: t }) {
   var d;
-  const s = u((h) => {
+  const s = h((u) => {
     var f;
-    return (f = h.card) == null ? void 0 : f.preferences;
-  }), a = u(
-    (h) => {
+    return (f = u.card) == null ? void 0 : f.preferences;
+  }), a = h(
+    (u) => {
       var f;
-      return (f = h.card.preferences) == null ? void 0 : f.datasetOptions;
+      return (f = u.card.preferences) == null ? void 0 : f.datasetOptions;
     }
-  ), l = u(
-    (h) => h.actions.setCardPreferences
-  ), i = (d = s == null ? void 0 : s.chartOptions) == null ? void 0 : d.indexAxis, c = a == null ? void 0 : a.find((h) => h.idx === t);
-  function o(h, f) {
-    (h === "end" || h === "start") && xs(vs());
+  ), l = h(
+    (u) => u.actions.setCardPreferences
+  ), i = (d = s == null ? void 0 : s.chartOptions) == null ? void 0 : d.indexAxis, o = a == null ? void 0 : a.find((u) => u.idx === t);
+  function c(u, f) {
+    (u === "end" || u === "start") && xs(vs());
     const m = {
-      display: h !== "none",
-      align: h,
-      anchor: h,
+      display: u !== "none",
+      align: u,
+      anchor: u,
       clamp: !0
     };
-    if (!c)
+    if (!o)
       l({
         ...s,
         datasetOptions: [
@@ -4560,7 +4572,7 @@ function mi({ idx: t }) {
         ]
       });
     else {
-      const b = { ...c };
+      const b = { ...o };
       b.datalabels = m;
       const x = a == null ? void 0 : a.map(
         (r) => r.idx === f ? b : r
@@ -4577,7 +4589,7 @@ function mi({ idx: t }) {
       /* @__PURE__ */ e(
         L,
         {
-          onClick: () => o("none", t),
+          onClick: () => c("none", t),
           size: "sm",
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
@@ -4587,7 +4599,7 @@ function mi({ idx: t }) {
       /* @__PURE__ */ e(
         L,
         {
-          onClick: () => o("start", t),
+          onClick: () => c("start", t),
           size: "sm",
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
@@ -4604,7 +4616,7 @@ function mi({ idx: t }) {
       /* @__PURE__ */ e(
         L,
         {
-          onClick: () => o("center", t),
+          onClick: () => c("center", t),
           size: "sm",
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
@@ -4621,7 +4633,7 @@ function mi({ idx: t }) {
       /* @__PURE__ */ e(
         L,
         {
-          onClick: () => o("end", t),
+          onClick: () => c("end", t),
           size: "sm",
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
@@ -4639,27 +4651,27 @@ function mi({ idx: t }) {
   ] });
 }
 function nn() {
-  const t = u((f) => f.card), s = u(
+  const t = h((f) => f.card), s = h(
     (f) => {
       var m, b, x;
       return (x = (b = (m = f == null ? void 0 : f.card) == null ? void 0 : m.preferences) == null ? void 0 : b.chartOptions) == null ? void 0 : x.indexAxis;
     }
   ), { data: a } = Le(t), l = s === "y" ? "Y axis" : "X axis", i = s === "y" ? "X axis" : "Y axis", {
-    keys: c,
-    metricKeys: o,
+    keys: o,
+    metricKeys: c,
     dimensionKeys: d
   } = Nt((a == null ? void 0 : a.records) || []);
-  let h = o;
+  let u = c;
   if (["stackedBar", "stackedLine"].includes(t.type)) {
     const f = Ns({
       dataArray: (a == null ? void 0 : a.records) || [],
       groupKey: d[0],
       pivotKey: d[1],
-      valueKey: h[0]
+      valueKey: u[0]
     }), { metricKeys: m } = Nt(f);
-    h = m;
+    u = m;
   }
-  return c.length === 0 ? null : /* @__PURE__ */ n("div", { className: "space-y-4", children: [
+  return o.length === 0 ? null : /* @__PURE__ */ n("div", { className: "space-y-4", children: [
     /* @__PURE__ */ n("div", { className: "space-y-2", children: [
       /* @__PURE__ */ e($, { children: l }),
       /* @__PURE__ */ e("div", { className: "my-1 space-y-1", children: /* @__PURE__ */ e("div", { className: "rounded-md bg-muted/70 px-3 py-2 hover:bg-muted", children: /* @__PURE__ */ e("p", { title: d[0], children: sn(d[0]) }) }) })
@@ -4669,7 +4681,7 @@ function nn() {
         /* @__PURE__ */ e($, { children: i }),
         /* @__PURE__ */ e(an, {})
       ] }),
-      /* @__PURE__ */ e("div", { className: "my-1 max-h-[125px] space-y-1 overflow-y-auto", children: h.map((f, m) => /* @__PURE__ */ e(pi, { col: f, idx: m }, f)) })
+      /* @__PURE__ */ e("div", { className: "my-1 max-h-[125px] space-y-1 overflow-y-auto", children: u.map((f, m) => /* @__PURE__ */ e(pi, { col: f, idx: m }, f)) })
     ] })
   ] });
 }
@@ -4677,18 +4689,18 @@ function sn(t, s = 30) {
   return t.length > s ? t.slice(0, s) + "..." : t;
 }
 function pi({ col: t, idx: s }) {
-  const a = u((d) => {
-    var h;
-    return (h = d.card) == null ? void 0 : h.preferences;
-  }), l = u(
+  const a = h((d) => {
+    var u;
+    return (u = d.card) == null ? void 0 : u.preferences;
+  }), l = h(
     (d) => {
-      var h;
-      return (h = d.card.preferences) == null ? void 0 : h.datasetOptions;
+      var u;
+      return (u = d.card.preferences) == null ? void 0 : u.datasetOptions;
     }
-  ), i = l == null ? void 0 : l.find((d) => d.idx === s), { setCardPreferences: c } = u((d) => d.actions);
-  function o(d) {
+  ), i = l == null ? void 0 : l.find((d) => d.idx === s), { setCardPreferences: o } = h((d) => d.actions);
+  function c(d) {
     if (!i)
-      c({
+      o({
         ...a,
         datasetOptions: [
           ...l || [],
@@ -4700,12 +4712,12 @@ function pi({ col: t, idx: s }) {
         ]
       });
     else {
-      const h = { ...i };
-      h.type = d === "area" ? "line" : d, h.fill = d === "area" ? "origin" : "";
+      const u = { ...i };
+      u.type = d === "area" ? "line" : d, u.fill = d === "area" ? "origin" : "";
       const f = l == null ? void 0 : l.map(
-        (m) => m.idx === s ? h : m
+        (m) => m.idx === s ? u : m
       );
-      c({
+      o({
         ...a,
         datasetOptions: f
       });
@@ -4717,21 +4729,21 @@ function pi({ col: t, idx: s }) {
       /* @__PURE__ */ e(
         Et,
         {
-          onClick: () => o("bar"),
+          onClick: () => c("bar"),
           className: "invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"
         }
       ),
       /* @__PURE__ */ e(
         Vt,
         {
-          onClick: () => o("line"),
+          onClick: () => c("line"),
           className: "invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"
         }
       ),
       /* @__PURE__ */ e(
         Us,
         {
-          onClick: () => o("area"),
+          onClick: () => c("area"),
           className: "invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"
         }
       ),
@@ -4740,7 +4752,7 @@ function pi({ col: t, idx: s }) {
   ] });
 }
 function ln() {
-  const t = u((r) => r.selectedConnectionId), s = u((r) => r.selectedDatamodelId), a = u((r) => r.selectedDatabaseName), l = u((r) => r.selectedSchemaName), i = u((r) => r.selectedTableName), c = T((r) => r.dashboard.filters) || [], o = T((r) => r.actions.addFilter), d = T((r) => r.actions.removeFilter), { removeFilterValues: h } = Je(), { modelItems: f, tableName: m, connectionType: b } = Ae();
+  const t = h((r) => r.selectedConnectionId), s = h((r) => r.selectedDatamodelId), a = h((r) => r.selectedDatabaseName), l = h((r) => r.selectedSchemaName), i = h((r) => r.selectedTableName), o = T((r) => r.dashboard.filters) || [], c = T((r) => r.actions.addFilter), d = T((r) => r.actions.removeFilter), { removeFilterValues: u } = Je(), { modelItems: f, tableName: m, connectionType: b } = Ae();
   function x(r, y = "dashboard") {
     var G;
     const g = ve(r.column_name), C = ve(a || ""), v = ve(l || ""), D = ve(m);
@@ -4748,23 +4760,23 @@ function ln() {
       v,
       D,
       b
-    ), O = `${S}.${g}`;
+    ), M = `${S}.${g}`;
     const q = (G = f == null ? void 0 : f.find(
       (_) => _.id === s
     )) == null ? void 0 : G.name;
-    s && s !== "none" && (O = `${Kt}.${q}.${g}`, S = `${Kt}.${q}`);
-    const F = c == null ? void 0 : c.find(
-      (_) => _.column === O && _.table === D && (_.database === C || _.database === a)
+    s && s !== "none" && (M = `${Kt}.${q}.${g}`, S = `${Kt}.${q}`);
+    const F = o == null ? void 0 : o.find(
+      (_) => _.column === M && _.table === D && (_.database === C || _.database === a)
     );
     if (F)
-      h(F.id), d(F.id);
+      u(F.id), d(F.id);
     else {
       const _ = Be();
-      return m === "api" && t ? (o({
+      return m === "api" && t ? (c({
         location: y,
         id: _,
         //uuidv4(),
-        column: O,
+        column: M,
         title: r.column_name,
         dataType: r.data_type,
         table: "api",
@@ -4778,11 +4790,11 @@ function ln() {
           g
         )
         //DATE_DATA_TYPES.includes(column.data_type) ? dateSql : sql,
-      }), _) : (o({
+      }), _) : (c({
         id: _,
         //uuidv4(),
         location: y,
-        column: O,
+        column: M,
         //columnName, //`${qualifiedTableName}.${formattedColumnName}`,
         title: r.column_name,
         dataType: r.data_type,
@@ -4804,24 +4816,24 @@ function ln() {
 function Re() {
   const t = T(
     (d) => d.dashboard.filters
-  ), s = u((d) => d.frame), { setFrame: a } = ie(), { columns: l } = Ae(), { assignFilter: i } = ln();
-  function c(d) {
-    const h = i(d, "frame");
-    a({ ...s, filterId: h });
+  ), s = h((d) => d.frame), { setFrame: a } = ie(), { columns: l } = Ae(), { assignFilter: i } = ln();
+  function o(d) {
+    const u = i(d, "frame");
+    a({ ...s, filterId: u });
   }
-  const o = t == null ? void 0 : t.find((d) => d.id === s.filterId);
+  const c = t == null ? void 0 : t.find((d) => d.id === s.filterId);
   return /* @__PURE__ */ n("div", { className: "space-y-3", children: [
     /* @__PURE__ */ e($, { children: "Card Filter" }),
-    /* @__PURE__ */ e(fi, { onSelect: c, columns: l }),
-    o && /* @__PURE__ */ e(Ta, { filter: o })
+    /* @__PURE__ */ e(fi, { onSelect: o, columns: l }),
+    c && /* @__PURE__ */ e(Ta, { filter: c })
   ] });
 }
 function fi({
   columns: t,
   onSelect: s
 }) {
-  var o;
-  const [a, l] = Qt.useState(!1), [i, c] = Qt.useState("");
+  var c;
+  const [a, l] = Qt.useState(!1), [i, o] = Qt.useState("");
   return /* @__PURE__ */ n(Qe, { open: a, onOpenChange: l, children: [
     /* @__PURE__ */ e(Ze, { asChild: !0, children: /* @__PURE__ */ n(
       L,
@@ -4832,7 +4844,7 @@ function fi({
         "aria-expanded": a,
         className: "w-full justify-between font-normal",
         children: [
-          i ? (o = t.find((d) => d.column_name === i)) == null ? void 0 : o.column_name : "Select Column...",
+          i ? (c = t.find((d) => d.column_name === i)) == null ? void 0 : c.column_name : "Select Column...",
           /* @__PURE__ */ e(Ss, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
         ]
       }
@@ -4845,9 +4857,9 @@ function fi({
           Ts,
           {
             value: d.column_name,
-            onSelect: (h) => {
-              const f = h === i ? "" : h;
-              c(f), l(!1), f && s(d);
+            onSelect: (u) => {
+              const f = u === i ? "" : u;
+              o(f), l(!1), f && s(d);
             },
             children: [
               d.column_name,
@@ -4914,13 +4926,13 @@ function gi({
   ] }) });
 }
 function qt() {
-  var i, c, o;
-  const t = u(
+  var i, o, c;
+  const t = h(
     (d) => d.card.cfg
-  ), s = u((d) => d.actions.setCardCfg), a = u((d) => d.card.type);
+  ), s = h((d) => d.actions.setCardCfg), a = h((d) => d.card.type);
   function l(d) {
     var m;
-    const h = {
+    const u = {
       datalabels: {
         display: d !== "none",
         align: d,
@@ -4933,7 +4945,7 @@ function qt() {
         ...t == null ? void 0 : t.options,
         plugins: {
           ...(m = t == null ? void 0 : t.options) == null ? void 0 : m.plugins,
-          ...h
+          ...u
         }
       }
     };
@@ -4947,7 +4959,7 @@ function qt() {
     /* @__PURE__ */ n(
       me,
       {
-        value: (o = (c = (i = t == null ? void 0 : t.options) == null ? void 0 : i.plugins) == null ? void 0 : c.datalabels) == null ? void 0 : o.anchor,
+        value: (c = (o = (i = t == null ? void 0 : t.options) == null ? void 0 : i.plugins) == null ? void 0 : o.datalabels) == null ? void 0 : c.anchor,
         onValueChange: l,
         defaultValue: "none",
         children: [
@@ -4983,7 +4995,7 @@ function yi({
           "a",
           {
             target: "_blank",
-            onClick: (c) => c.stopPropagation(),
+            onClick: (o) => o.stopPropagation(),
             className: "text-blue-700",
             href: "https://docs.semaphor.cloud/docs/charts/bubble",
             children: "example"
@@ -5035,7 +5047,7 @@ const bi = {
   ]
 };
 function vi() {
-  const t = u((s) => s.card.type);
+  const t = h((s) => s.card.type);
   return /* @__PURE__ */ n("div", { className: "space-y-6 p-6", children: [
     /* @__PURE__ */ e(
       Fe,
@@ -5152,38 +5164,38 @@ function Ni(t) {
     ] }) });
 }
 function Ci() {
-  var h, f, m, b, x;
-  const t = u((r) => r.card.preferences), s = u(
+  var u, f, m, b, x;
+  const t = h((r) => r.card.preferences), s = h(
     (r) => r.actions.setCardPreferences
-  ), a = u(
+  ), a = h(
     (r) => r.actions.setNumberFormat
   );
-  u(
+  h(
     (r) => {
       var y, g;
       return (g = (y = r.card.preferences) == null ? void 0 : y.formatNumber) == null ? void 0 : g.decimalPlaces;
     }
   );
-  const l = u(
+  const l = h(
     (r) => {
       var y, g;
       return (g = (y = r.card.preferences) == null ? void 0 : y.formatNumber) == null ? void 0 : g.locale;
     }
-  ), i = u(
+  ), i = h(
     (r) => {
       var y, g;
       return (g = (y = r.card.preferences) == null ? void 0 : y.formatNumber) == null ? void 0 : g.currency;
     }
   );
-  u(
+  h(
     (r) => r.actions.setFilterOnClickField
   );
-  const c = u(
+  const o = h(
     (r) => {
       var y, g;
       return (g = (y = r.card.preferences) == null ? void 0 : y.formatNumber) == null ? void 0 : g.colorRanges;
     }
-  ) || [], o = u(
+  ) || [], c = h(
     (r) => r.actions.setColorRanges
   ), d = [...new Set(ot.map((r) => r.currency))];
   return /* @__PURE__ */ n("div", { children: [
@@ -5191,7 +5203,7 @@ function Ci() {
       /* @__PURE__ */ e(
         Ft,
         {
-          checked: !!((h = t == null ? void 0 : t.formatNumber) != null && h.enabled),
+          checked: !!((u = t == null ? void 0 : t.formatNumber) != null && u.enabled),
           onCheckedChange: (r) => {
             s({
               ...t,
@@ -5287,7 +5299,7 @@ function Ci() {
           /* @__PURE__ */ n("div", { className: "w-full space-y-1", children: [
             /* @__PURE__ */ e($, { children: "Suffix" }),
             /* @__PURE__ */ e(
-              ue,
+              he,
               {
                 value: ((x = t == null ? void 0 : t.formatNumber) == null ? void 0 : x.suffix) || "",
                 className: "h-8 font-mono text-xs focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0",
@@ -5310,8 +5322,8 @@ function Ci() {
       /* @__PURE__ */ e(
         zs,
         {
-          colorRanges: c,
-          setColorRanges: o
+          colorRanges: o,
+          setColorRanges: c
         }
       )
     ] })
@@ -5449,10 +5461,10 @@ const wi = [
   value: t
 }));
 function Mi() {
-  var h, f, m, b, x, r, y, g, C, v, D, S, O, q, F, G, _, B;
-  const t = u((p) => p.card), s = (f = (h = t == null ? void 0 : t.preferences) == null ? void 0 : h.mapVisualOptions) == null ? void 0 : f.topoJsonUrl, [a, l] = H(
+  var u, f, m, b, x, r, y, g, C, v, D, S, M, q, F, G, _, B;
+  const t = h((p) => p.card), s = (f = (u = t == null ? void 0 : t.preferences) == null ? void 0 : u.mapVisualOptions) == null ? void 0 : f.topoJsonUrl, [a, l] = P(
     ((b = (m = t == null ? void 0 : t.preferences) == null ? void 0 : m.mapVisualOptions) == null ? void 0 : b.customTopoJsonUrl) || ""
-  ), { setCardPreferences: i } = ie(), { data: c } = Lt(t), o = Object.keys((c == null ? void 0 : c.objects) || {}).map((p) => ({
+  ), { setCardPreferences: i } = ie(), { data: o } = Lt(t), c = Object.keys((o == null ? void 0 : o.objects) || {}).map((p) => ({
     label: p,
     value: p
   })) || [];
@@ -5492,7 +5504,7 @@ function Mi() {
         }
       ),
       s === "custom" && /* @__PURE__ */ e(
-        ue,
+        he,
         {
           onChange: (p) => {
             l(p.target.value);
@@ -5512,14 +5524,14 @@ function Mi() {
           placeholder: "Custom URL"
         }
       ),
-      c && /* @__PURE__ */ n(le, { children: [
+      o && /* @__PURE__ */ n(le, { children: [
         /* @__PURE__ */ n("div", { className: "space-y-1", children: [
           /* @__PURE__ */ e($, { children: "Map Object" }),
           /* @__PURE__ */ e(
             Ne,
             {
               className: "h-9",
-              options: o,
+              options: c,
               value: ((r = (x = t.preferences) == null ? void 0 : x.mapVisualOptions) == null ? void 0 : r.objectKey) || "",
               label: "Map Object",
               onValueChange: (p) => {
@@ -5584,7 +5596,7 @@ function Mi() {
     /* @__PURE__ */ e(Oe, { className: "my-4" }),
     /* @__PURE__ */ e(Ge, { className: "", summary: "Scale Options", children: /* @__PURE__ */ n("div", { className: "flex items-center gap-3", children: [
       /* @__PURE__ */ e(
-        ue,
+        he,
         {
           className: `h-9 w-full ${Pe}`,
           type: "number",
@@ -5604,12 +5616,12 @@ function Mi() {
       ),
       /* @__PURE__ */ e($, { children: "X" }),
       /* @__PURE__ */ e(
-        ue,
+        he,
         {
           className: `h-9 w-full ${Pe}`,
           type: "number",
           step: 10,
-          value: ((F = (q = (O = t.preferences) == null ? void 0 : O.mapVisualOptions) == null ? void 0 : q.projectionOffset) == null ? void 0 : F[0]) || 0,
+          value: ((F = (q = (M = t.preferences) == null ? void 0 : M.mapVisualOptions) == null ? void 0 : q.projectionOffset) == null ? void 0 : F[0]) || 0,
           onChange: (p) => {
             var E, W, A, U;
             i({
@@ -5627,7 +5639,7 @@ function Mi() {
       ),
       /* @__PURE__ */ e($, { children: "Y" }),
       /* @__PURE__ */ e(
-        ue,
+        he,
         {
           className: `h-9 w-full ${Pe}`,
           type: "number",
@@ -5655,7 +5667,7 @@ function Mi() {
 }
 function Ii() {
   var l;
-  const t = u((i) => i.card.preferences), { setCardPreferences: s } = u((i) => i.actions);
+  const t = h((i) => i.card.preferences), { setCardPreferences: s } = h((i) => i.actions);
   function a(i) {
     s({
       ...t,
@@ -5733,10 +5745,10 @@ function tt({
   ] }) });
 }
 function Ti() {
-  const t = u(
+  const t = h(
     (l) => {
-      var i, c;
-      return (c = (i = l == null ? void 0 : l.card) == null ? void 0 : i.preferences) == null ? void 0 : c.sortChart;
+      var i, o;
+      return (o = (i = l == null ? void 0 : l.card) == null ? void 0 : i.preferences) == null ? void 0 : o.sortChart;
     }
   ), { setSortChart: s } = ie();
   function a() {
@@ -5816,10 +5828,10 @@ function Di({
   cardType: t = "table"
 }) {
   console.log("cardType", t);
-  const s = u((i) => {
-    var c;
-    return (c = i.card) == null ? void 0 : c.preferences;
-  }), a = u(
+  const s = h((i) => {
+    var o;
+    return (o = i.card) == null ? void 0 : o.preferences;
+  }), a = h(
     (i) => i.actions.setCardPreferences
   );
   return /* @__PURE__ */ n("div", { className: "space-y-6 px-6 py-2", children: [
@@ -5898,7 +5910,7 @@ const zi = /* @__PURE__ */ n("div", { className: "space-y-4 font-mono text-xs",
   ] })
 ] });
 function Ai() {
-  const t = u((a) => a.card.type);
+  const t = h((a) => a.card.type);
   function s(a) {
     switch (a) {
       case "stackedBar":
@@ -5935,7 +5947,7 @@ function Ai() {
       case "map":
         return /* @__PURE__ */ e(Mi, {});
       case "custom":
-        return /* @__PURE__ */ e(ui, {});
+        return /* @__PURE__ */ e(hi, {});
       default:
         return /* @__PURE__ */ e(vi, {});
     }
@@ -5946,7 +5958,7 @@ function Ai() {
   ] });
 }
 function Ei() {
-  const t = u((s) => s.isShowingVisual);
+  const t = h((s) => s.isShowingVisual);
   return /* @__PURE__ */ n(
     lt,
     {
@@ -5992,13 +6004,13 @@ function Ei() {
   );
 }
 function Vi({ authToken: t, onSave: s, onClose: a }) {
-  T((o) => o.themeStyle);
-  const l = u((o) => o.actions.setOnSave), i = u((o) => o.actions.setOnClose), c = T((o) => o.actions.setAuthToken);
+  T((c) => c.themeStyle);
+  const l = h((c) => c.actions.setOnSave), i = h((c) => c.actions.setOnClose), o = T((c) => c.actions.setAuthToken);
   return de(() => {
     s && l(s), a && i(a);
   }, [s, l, a, i]), de(() => {
-    t && t.accessToken && c(t);
-  }, [t, c]), /* @__PURE__ */ e(mt, { FallbackComponent: Da, children: /* @__PURE__ */ n(
+    t && t.accessToken && o(t);
+  }, [t, o]), /* @__PURE__ */ e(mt, { FallbackComponent: Da, children: /* @__PURE__ */ n(
     Ls,
     {
       style: {
@@ -6015,12 +6027,12 @@ function Vi({ authToken: t, onSave: s, onClose: a }) {
   ) });
 }
 function qi() {
-  T((o) => o.selectedCardId);
-  const t = T((o) => o.selectedSheetId), { setIsVisualEditing: s } = T((o) => o.actions), a = T((o) => o.isVisualEditing), l = T((o) => o.actions.updateFrame);
-  function i(o) {
-    t && (l(t, o), s(!1));
+  T((c) => c.selectedCardId);
+  const t = T((c) => c.selectedSheetId), { setIsVisualEditing: s } = T((c) => c.actions), a = T((c) => c.isVisualEditing), l = T((c) => c.actions.updateFrame);
+  function i(c) {
+    t && (l(t, c), s(!1));
   }
-  function c() {
+  function o() {
     s(!1);
   }
   return /* @__PURE__ */ e(
@@ -6030,32 +6042,32 @@ function qi() {
       className: se("flex grow", {
         "max-h-0 overflow-hidden": !a
       }),
-      children: /* @__PURE__ */ e(Vi, { onSave: i, onClose: c })
+      children: /* @__PURE__ */ e(Vi, { onSave: i, onClose: o })
     }
   );
 }
 function ji() {
-  const t = u((c) => c.selectedDatabaseName), s = u((c) => c.selectedTableName), a = T((c) => c.dashboard.filters) || [], { columns: l } = Ae(), { assignFilter: i } = ln();
-  return /* @__PURE__ */ e(Ie, { className: "flex-1 basis-0 flex-col px-3", children: l == null ? void 0 : l.map((c) => {
-    const o = a == null ? void 0 : a.find(
-      (d) => d.column === ve(c.column_name) && d.table === s && d.database === t
+  const t = h((o) => o.selectedDatabaseName), s = h((o) => o.selectedTableName), a = T((o) => o.dashboard.filters) || [], { columns: l } = Ae(), { assignFilter: i } = ln();
+  return /* @__PURE__ */ e(Ie, { className: "flex-1 basis-0 flex-col px-3", children: l == null ? void 0 : l.map((o) => {
+    const c = a == null ? void 0 : a.find(
+      (d) => d.column === ve(o.column_name) && d.table === s && d.database === t
     );
     return /* @__PURE__ */ e(
       "div",
       {
-        onClick: () => i(c),
+        onClick: () => i(o),
         className: se(
           "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": o
+            "bg-muted": c
           }
         ),
         children: /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ e(Ga, { column: c }),
-          /* @__PURE__ */ e("span", { children: c.column_name })
+          /* @__PURE__ */ e(Ga, { column: o }),
+          /* @__PURE__ */ e("span", { children: o.column_name })
         ] })
       },
-      c.column_name
+      o.column_name
     );
   }) });
 }
@@ -6073,7 +6085,7 @@ function Ri() {
           onClick: () => t(!1),
           className: "h-7 w-7 p-0",
           variant: "ghost",
-          children: /* @__PURE__ */ e(ht, {})
+          children: /* @__PURE__ */ e(ut, {})
         }
       )
     ] }),
@@ -6245,6 +6257,6 @@ export {
   sr as useDateFilterHook,
   ie as useEditorActions,
   Ae as useEditorAside,
-  u as useEditorStore,
+  h as useEditorStore,
   lr as useTextFilterHook
 };