react-semaphor 0.0.295 → 0.0.297

package/dist/chunks/{index-KvwZOZ2u.js → index-2kx-qqgd.js}

@@ -1,4 +1,4 @@
-import { c as q, p as hs, u as k, n as Fs, o as Oe, q as e, r as Ts, s as Is, t as O, j as Ds, v as Ms, w as Ls, x as Es, y as As, L as H, z as re, A as oa, E as ca, H as da, J as ua, K as rt, M as it, N as ot, O as Ys, Q as W, R as Je, V as ct, F as ha, W as We, Y as Ye, Z as Vs, _ as ma, $ as qs, a0 as fe, a1 as ge, a2 as je, a3 as be, a4 as ke, a5 as ye, a6 as J, T as Rs, a7 as d, a8 as _s, a9 as Hs, aa as $s, ab as xa, ac as pa, ad as xe, ae as dt, af as ut, ag as fa, ah as ht, C as mt, ai as xt, aj as ga, B as pt, ak as Ps, al as ft, am as Xs, an as ja, ao as Ns, ap as me, aq as we, ar as de, as as ms, at as ba, au as gt, av as jt, aw as ya, ax as bt, ay as yt, az as vt, aA as Ct, aB as Nt, aC as qe, aD as Ss, aE as St, a as wt, aF as Ke, aG as ws, aH as Ve, aI as ks, aJ as kt, aK as zt, aL as Ot, aM as Ft, aN as Tt, aO as It, aP as Cs, aQ as Dt, aR as Zs, aS as Mt, aT as ea, aU as Lt, aV as Et, aW as At, aX as va, aY as ce, aZ as Bs, a_ as Ca, a$ as Vt, b0 as qt, b1 as rs, b2 as Rt, b3 as _t, b4 as Ht, b5 as $t, b6 as Pt, b7 as Bt, b8 as Ut, l as Gt, b9 as xs, ba as Na, bb as Sa, bc as wa, bd as is, be as ka, bf as os, bg as sa, bh as Kt, bi as Qt, bj as ps, bk as fs, bl as gs, bm as Jt, bn as Wt, X as za, bo as Yt, bp as Xt, bq as Zt, br as js, bs as Ie, f as en, bt as Ge, bu as Oa, bv as sn, bw as an, bx as cs, by as tn, bz as nn, bA as ln, bB as aa, bC as rn, bD as on, bE as cn, bF as dn, bG as un, bH as hn, bI as mn, bJ as xn, bK as De, bL as U, bM as G, bN as Us, bO as K, bP as pn, bQ as Fa, bR as fn, bS as gn, bT as jn, bU as bn, bV as yn, bW as vn, bX as Cn, bY as Nn, bZ as Sn } from "./index-Ax3VyGG8.js";
+import { c as q, p as hs, u as z, n as Fs, o as Oe, q as e, r as Is, s as Ts, t as F, j as Ds, v as Ms, w as Ls, x as Es, y as As, L as H, z as re, A as oa, E as ca, H as da, J as ua, K as rt, M as it, N as ot, O as Ys, Q as W, R as Je, V as u, W as ct, F as ha, Y as We, Z as Ye, _ as Vs, $ as ma, a0 as qs, a1 as fe, a2 as ge, a3 as je, a4 as be, a5 as ke, a6 as ye, a7 as Q, T as Rs, a8 as _s, a9 as Hs, aa as $s, ab as xa, ac as pa, ad as xe, ae as dt, af as ut, ag as fa, ah as ht, C as mt, ai as xt, aj as ga, B as pt, ak as Ps, al as ft, am as Xs, an as ja, ao as Ns, ap as me, aq as we, ar as de, as as ms, at as ba, au as gt, av as jt, aw as ya, ax as bt, ay as yt, az as vt, aA as Ct, aB as Nt, aC as qe, aD as Ss, aE as St, a as wt, aF as Ke, aG as ws, aH as Ve, aI as ks, aJ as kt, aK as zt, aL as Ot, aM as Ft, aN as It, aO as Tt, aP as Cs, aQ as Dt, aR as Zs, aS as Mt, aT as ea, aU as Lt, aV as Et, aW as At, aX as va, aY as ce, aZ as Bs, a_ as Ca, a$ as Vt, b0 as qt, b1 as rs, b2 as Rt, b3 as _t, b4 as Ht, b5 as $t, b6 as Pt, b7 as Bt, b8 as Ut, l as Gt, b9 as xs, ba as Na, bb as Sa, bc as wa, bd as is, be as ka, bf as os, bg as sa, bh as Kt, bi as Qt, bj as ps, bk as fs, bl as gs, bm as Jt, bn as Wt, X as za, bo as Yt, bp as Xt, bq as Zt, br as js, bs as Te, f as en, bt as Ge, bu as Oa, bv as sn, bw as an, bx as cs, by as tn, bz as nn, bA as ln, bB as aa, bC as rn, bD as on, bE as cn, bF as dn, bG as un, bH as hn, bI as mn, bJ as xn, bK as De, bL as U, bM as G, bN as Us, bO as K, bP as pn, bQ as Fa, bR as fn, bS as gn, bT as jn, bU as bn, bV as yn, bW as vn, bX as Cn, bY as Nn, bZ as Sn } from "./index-D9JU1xVZ.js";
 import * as ta from "react";
 import ze, { useState as R, useMemo as zs, useEffect as Z, useRef as Xe, Suspense as wn } from "react";
 import "react-dom";
@@ -63,7 +63,7 @@ const Ks = q("ChartLine", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ta = q("ChartNoAxesGantt", [
+const Ia = q("ChartNoAxesGantt", [
   ["path", { d: "M8 6h10", key: "9lnwnk" }],
   ["path", { d: "M6 12h9", key: "1g9pqf" }],
   ["path", { d: "M11 18h7", key: "c8dzvl" }]
@@ -74,7 +74,7 @@ const Ta = q("ChartNoAxesGantt", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ia = q("ChartPie", [
+const Ta = q("ChartPie", [
   [
     "path",
     {
@@ -127,7 +127,7 @@ const Fn = q("CopyPlus", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Tn = q("Database", [
+const In = q("Database", [
   ["ellipse", { cx: "12", cy: "5", rx: "9", ry: "3", key: "msslwz" }],
   ["path", { d: "M3 5V19A9 3 0 0 0 21 19V5", key: "1wlel7" }],
   ["path", { d: "M3 12A9 3 0 0 0 21 12", key: "mv7ke4" }]
@@ -149,7 +149,7 @@ const Ma = q("EllipsisVertical", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const In = q("Eraser", [
+const Tn = q("Eraser", [
   [
     "path",
     {
@@ -601,22 +601,22 @@ async function sl(s, t) {
   }) : null;
 }
 function al() {
-  const [s, t] = R(""), [a, n] = R(!1), l = k((j) => j.lenses), { setLenses: i, setSelectedLensId: r } = Fs(), [c, o] = R(!1), [h, u] = R(!1), y = k((j) => j.dashboard), g = k((j) => j.filterValues), { authToken: x } = Oe();
-  async function f() {
+  const [s, t] = R(""), [a, n] = R(!1), l = z((j) => j.lenses), { setLenses: i, setSelectedLensId: r } = Fs(), [c, o] = R(!1), [x, d] = R(!1), y = z((j) => j.dashboard), f = z((j) => j.filterValues), { authToken: m } = Oe();
+  async function g() {
     o(!0);
     const j = qa(
       y
-    ), F = await el(
+    ), D = await el(
       s,
       j,
-      g,
-      x == null ? void 0 : x.accessToken
+      f,
+      m == null ? void 0 : m.accessToken
     );
-    F && (i([...l || [], F]), r(F.id), u(!1)), o(!1);
+    D && (i([...l || [], D]), r(D.id), d(!1)), o(!1);
   }
-  return /* @__PURE__ */ e.jsxs(Ts, { open: h, onOpenChange: u, children: [
-    /* @__PURE__ */ e.jsx(Is, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
-      O,
+  return /* @__PURE__ */ e.jsxs(Is, { open: x, onOpenChange: d, children: [
+    /* @__PURE__ */ e.jsx(Ts, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
+      F,
       {
         variant: "secondary",
         className: "h-7 p-2",
@@ -648,12 +648,12 @@ function al() {
       ] }) }),
       a && /* @__PURE__ */ e.jsx("p", { className: "text-sm", children: "The lens name already exists. Use a differnet name." }),
       /* @__PURE__ */ e.jsx(oa, { children: /* @__PURE__ */ e.jsx(
-        O,
+        F,
         {
           size: "sm",
           variant: "outline",
           type: "submit",
-          onClick: f,
+          onClick: g,
           disabled: c,
           children: c ? "Creating..." : "Add"
         }
@@ -662,41 +662,41 @@ function al() {
   ] });
 }
 function tl() {
-  const [s, t] = R(!1), a = k((u) => u.lenses), n = k((u) => u.selectedLensId), { setLenses: l, setSelectedLensId: i } = Fs(), { authToken: r } = Oe();
-  async function c(u) {
-    i(u);
+  const [s, t] = R(!1), a = z((d) => d.lenses), n = z((d) => d.selectedLensId), { setLenses: l, setSelectedLensId: i } = Fs(), { authToken: r } = Oe();
+  async function c(d) {
+    i(d);
   }
-  async function o(u) {
-    if (await sl(u, r == null ? void 0 : r.accessToken)) {
-      const g = a == null ? void 0 : a.filter((x) => x.id !== u);
-      l(g || []), i("original");
+  async function o(d) {
+    if (await sl(d, r == null ? void 0 : r.accessToken)) {
+      const f = a == null ? void 0 : a.filter((m) => m.id !== d);
+      l(f || []), i("original");
     }
   }
-  async function h(u) {
-    const y = a == null ? void 0 : a.map((f) => f.id === u.id ? {
-      ...f,
-      isDefault: !u.isDefault
+  async function x(d) {
+    const y = a == null ? void 0 : a.map((g) => g.id === d.id ? {
+      ...g,
+      isDefault: !d.isDefault
     } : {
-      ...f,
+      ...g,
       isDefault: !1
     });
     l(y || []);
-    const g = {
-      ...u,
-      isDefault: !u.isDefault
+    const f = {
+      ...d,
+      isDefault: !d.isDefault
     };
-    await Os(g, r == null ? void 0 : r.accessToken);
-    const x = a == null ? void 0 : a.find((f) => f.isDefault);
-    if (x && x.id !== u.id) {
-      const f = {
-        ...x,
+    await Os(f, r == null ? void 0 : r.accessToken);
+    const m = a == null ? void 0 : a.find((g) => g.isDefault);
+    if (m && m.id !== d.id) {
+      const g = {
+        ...m,
         isDefault: !1
       };
-      await Os(f, r == null ? void 0 : r.accessToken);
+      await Os(g, r == null ? void 0 : r.accessToken);
     }
   }
   return /* @__PURE__ */ e.jsxs(ca, { open: s, onOpenChange: t, children: [
-    /* @__PURE__ */ e.jsx(da, { asChild: !0, children: /* @__PURE__ */ e.jsx(O, { variant: "ghost", className: "h-7 p-2", children: /* @__PURE__ */ e.jsx(Ln, { className: "h-4 w-4", strokeWidth: 1.5 }) }) }),
+    /* @__PURE__ */ e.jsx(da, { asChild: !0, children: /* @__PURE__ */ e.jsx(F, { variant: "ghost", className: "h-7 p-2", children: /* @__PURE__ */ e.jsx(Ln, { className: "h-4 w-4", strokeWidth: 1.5 }) }) }),
     /* @__PURE__ */ e.jsxs(ua, { align: "end", className: "w-60", children: [
       /* @__PURE__ */ e.jsx(rt, { className: "px-3", children: "Lenses" }),
       /* @__PURE__ */ e.jsx(it, {}),
@@ -707,25 +707,25 @@ function tl() {
           onValueChange: c,
           children: [
             /* @__PURE__ */ e.jsx(Ys, { value: "original", children: "Original" }),
-            a == null ? void 0 : a.map((u) => /* @__PURE__ */ e.jsxs(
+            a == null ? void 0 : a.map((d) => /* @__PURE__ */ e.jsxs(
               Ys,
               {
                 className: "group flex justify-between gap-2",
-                value: u.id,
+                value: d.id,
                 children: [
-                  /* @__PURE__ */ e.jsx("p", { children: u.name }),
+                  /* @__PURE__ */ e.jsx("p", { children: d.name }),
                   /* @__PURE__ */ e.jsxs("span", { className: "flex items-center gap-3", children: [
                     /* @__PURE__ */ e.jsx(
                       Vn,
                       {
                         onClick: (y) => {
-                          y.preventDefault(), h(u);
+                          y.preventDefault(), x(d);
                         },
                         className: W(
                           "size-3.5 text-muted-foreground hover:cursor-pointer hover:text-foreground group-hover:visible",
                           {
-                            invisible: !u.isDefault,
-                            "text-green-500": u.isDefault
+                            invisible: !d.isDefault,
+                            "text-green-500": d.isDefault
                           }
                         ),
                         strokeWidth: 1.5
@@ -735,7 +735,7 @@ function tl() {
                       Je,
                       {
                         onClick: (y) => {
-                          y.preventDefault(), o(u.id);
+                          y.preventDefault(), o(d.id);
                         },
                         className: "invisible size-3.5 text-muted-foreground hover:cursor-pointer hover:text-foreground group-hover:visible",
                         strokeWidth: 1.5
@@ -744,7 +744,7 @@ function tl() {
                   ] })
                 ]
               },
-              u.id
+              d.id
             ))
           ]
         }
@@ -753,25 +753,28 @@ function tl() {
   ] });
 }
 function nl() {
-  const { authToken: s } = Oe(), t = k((p) => p.lenses), a = k((p) => p.selectedLensId), n = t == null ? void 0 : t.find((p) => p.id === a), l = k((p) => p.dashboard);
-  k((p) => p.selectedSheetId);
-  const i = k(
+  const { authToken: s } = Oe(), t = z((p) => p.lenses), a = z((p) => p.selectedLensId), n = t == null ? void 0 : t.find((p) => p.id === a), l = z((p) => p.dashboard);
+  z((p) => p.selectedSheetId);
+  const i = z(
     (p) => p.isDashboardEditing
-  ), [r, c] = R(!1), o = k((p) => p.filterValues), h = k((p) => p.isVisualEditing), u = k((p) => p.showFilters);
-  k(
+  ), r = u(
+    (p) => p.selectedConnectionId
+  ), [c, o] = R(!1), x = z((p) => p.filterValues), d = z((p) => p.isVisualEditing), y = z((p) => p.showFilters);
+  z(
     (p) => p.showDashboardJSON
   );
-  const y = k((p) => p.onSaveFunction), g = k(
+  const f = z((p) => p.onSaveFunction), m = z(
     (p) => p.actions.setShowFilters
-  ), { addFrame: x, setSelectedFrameId: f } = k(
+  ), { addFrame: g, setSelectedFrameId: j } = z(
     (p) => p.actions
-  ), { getSelectedSheet: j, setIsDashboardEditing: F, setShowDashboardJSON: N } = k((p) => p.actions), L = j(), { tenantId: T, endUserId: z } = zs(
+  ), { getSelectedSheet: D, setIsDashboardEditing: C, setShowDashboardJSON: L } = z((p) => p.actions), I = D(), { tenantId: O, endUserId: N } = zs(
     () => ct(s == null ? void 0 : s.accessToken),
     [s == null ? void 0 : s.accessToken]
-  ), v = zs(() => T || z, [T, z]), D = () => {
-    if (!i || !L)
+  ), T = zs(() => O || N, [O, N]), A = () => {
+    if (!i || !I)
       return;
     const p = {
+      connectionId: r,
       id: We(),
       title: "Title",
       description: "Description",
@@ -786,45 +789,45 @@ function nl() {
       type: "bar",
       sql: "select COUNT(*) from YOUR_TABLE",
       data: []
-    }, C = {
+    }, k = {
       id: We(),
       cards: [p],
       activeCardId: p.id
     };
-    x(L.id, C), f(C.id);
-  }, A = () => {
-    F(!0);
+    g(I.id, k), j(k.id);
+  }, h = () => {
+    C(!0);
   };
-  async function m() {
-    if (c(!0), !a || !n)
+  async function v() {
+    if (o(!0), !a || !n)
       return;
     const p = qa(
       l
-    ), C = JSON.stringify(p), I = {
+    ), k = JSON.stringify(p), V = {
       ...n,
-      template: C,
-      filterValues: o
+      template: k,
+      filterValues: x
     };
-    await Os(I, s == null ? void 0 : s.accessToken), Ye.success("Lens saved"), y == null || y(p), c(!1);
+    await Os(V, s == null ? void 0 : s.accessToken), Ye.success("Lens saved"), f == null || f(p), o(!1);
   }
-  return h ? null : /* @__PURE__ */ e.jsxs(
+  return d ? null : /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: "flex items-center justify-between gap-2 border-b bg-muted/50 py-2 pl-3 pr-2",
       role: "dashboard-controls",
       children: [
-        !h && /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ e.jsx(H, { children: n == null ? void 0 : n.name }) }),
+        !d && /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ e.jsx(H, { children: n == null ? void 0 : n.name }) }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
-          i && !h && v && /* @__PURE__ */ e.jsx(al, {}),
-          !h && v && /* @__PURE__ */ e.jsx(tl, {}),
-          i && !h && /* @__PURE__ */ e.jsxs(
-            O,
+          i && !d && T && /* @__PURE__ */ e.jsx(al, {}),
+          !d && T && /* @__PURE__ */ e.jsx(tl, {}),
+          i && !d && /* @__PURE__ */ e.jsxs(
+            F,
             {
               variant: "secondary",
               className: "h-7 p-2",
               size: "sm",
               disabled: !i,
-              onClick: D,
+              onClick: A,
               children: [
                 /* @__PURE__ */ e.jsx(Ds, { className: "mr-2 h-4 w-4", strokeWidth: 1.5 }),
                 "Frame"
@@ -832,51 +835,51 @@ function nl() {
             }
           ),
           !i && /* @__PURE__ */ e.jsx(
-            O,
+            F,
             {
               variant: "ghost",
               className: "h-7 p-2",
-              onClick: A,
+              onClick: h,
               size: "sm",
               children: /* @__PURE__ */ e.jsx(Aa, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          i && !h && /* @__PURE__ */ e.jsx(
-            O,
+          i && !d && /* @__PURE__ */ e.jsx(
+            F,
             {
               variant: "ghost",
               role: "close",
               className: "h-7 p-2",
               onClick: () => {
-                F(!1), N(!1);
+                C(!1), L(!1);
               },
               size: "sm",
               children: /* @__PURE__ */ e.jsx(Je, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          i && !h && v && /* @__PURE__ */ e.jsx(
-            O,
+          i && !d && T && /* @__PURE__ */ e.jsx(
+            F,
             {
               className: "h-7 p-2",
               variant: "ghost",
-              disabled: r,
-              onClick: m,
+              disabled: c,
+              onClick: v,
               size: "sm",
               children: /* @__PURE__ */ e.jsx(Un, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          !u && !h && i && /* @__PURE__ */ e.jsx(
-            O,
+          !y && !d && i && /* @__PURE__ */ e.jsx(
+            F,
             {
               className: "h-7 p-2",
               variant: "ghost",
-              onClick: () => g(!0),
+              onClick: () => m(!0),
               size: "sm",
               children: /* @__PURE__ */ e.jsx(ha, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          !h && i && !1,
-          !h && !1
+          !d && i && !1,
+          !d && !1
         ] })
       ]
     }
@@ -892,15 +895,15 @@ function Ue({
   onChange: r,
   showNone: c = !1,
   className: o,
-  showIcon: h = !0,
-  disabled: u = !1
+  showIcon: x = !0,
+  disabled: d = !1
 }) {
   const y = n ? "Loading..." : l ? "Error" : a;
-  function g() {
+  function f() {
     if (s === "Connection")
       return /* @__PURE__ */ e.jsx(Bn, { className: "size-4 rotate-90" });
     if (s === "Database")
-      return /* @__PURE__ */ e.jsx(Tn, { className: "size-4" });
+      return /* @__PURE__ */ e.jsx(In, { className: "size-4" });
     if (s === "Schema")
       return /* @__PURE__ */ e.jsx($n, { className: "size-4" });
     if (s === "Table")
@@ -909,11 +912,11 @@ function Ue({
       return /* @__PURE__ */ e.jsx(kn, { className: "size-4" });
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-    h && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: i ? /* @__PURE__ */ e.jsxs(Vs, { children: [
-      /* @__PURE__ */ e.jsx(ma, { children: g() }),
+    x && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: i ? /* @__PURE__ */ e.jsxs(Vs, { children: [
+      /* @__PURE__ */ e.jsx(ma, { children: f() }),
       /* @__PURE__ */ e.jsx(qs, { className: "text-xs", align: "start", children: i })
-    ] }) : g() }),
-    /* @__PURE__ */ e.jsxs(fe, { disabled: u, value: y, onValueChange: r, children: [
+    ] }) : f() }),
+    /* @__PURE__ */ e.jsxs(fe, { disabled: d, value: y, onValueChange: r, children: [
       /* @__PURE__ */ e.jsx(
         ge,
         {
@@ -932,35 +935,35 @@ function Ue({
       /* @__PURE__ */ e.jsx(be, { children: /* @__PURE__ */ e.jsxs(ke, { children: [
         n ? /* @__PURE__ */ e.jsx(ye, { children: "Loading..." }) : /* @__PURE__ */ e.jsx(ye, { children: s }),
         /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-          c && /* @__PURE__ */ e.jsx(J, { value: "none", children: "None" }, "none"),
-          t && t.map((x, f) => /* @__PURE__ */ e.jsx(J, { value: x.id, children: x.name }, f))
+          c && /* @__PURE__ */ e.jsx(Q, { value: "none", children: "None" }, "none"),
+          t && t.map((m, g) => /* @__PURE__ */ e.jsx(Q, { value: m.id, children: m.name }, g))
         ] }),
-        (n || l) && /* @__PURE__ */ e.jsx(J, { value: y, children: y })
+        (n || l) && /* @__PURE__ */ e.jsx(Q, { value: y, children: y })
       ] }) })
     ] })
   ] });
 }
 function ll({ column: s }) {
-  const [t, a] = R(!1), n = d((x) => x.selectedTableName), l = d(
-    (x) => x.selectedSchemaName
-  ), i = d(
-    (x) => x.selectedDatamodelId
-  ), r = d((x) => x.sqlGen), { modelItems: c } = Re(), o = d((x) => x.actions.setSqlGen), h = d((x) => x.actions.setCardSql), u = d((x) => x.actions.setRunSql);
-  function y(x, f) {
+  const [t, a] = R(!1), n = u((m) => m.selectedTableName), l = u(
+    (m) => m.selectedSchemaName
+  ), i = u(
+    (m) => m.selectedDatamodelId
+  ), r = u((m) => m.sqlGen), { modelItems: c } = Re(), o = u((m) => m.actions.setSqlGen), x = u((m) => m.actions.setCardSql), d = u((m) => m.actions.setRunSql);
+  function y(m, g) {
     var L;
-    const j = xa(x, r, f), F = (L = c == null ? void 0 : c.find(
-      (T) => T.id === i
+    const j = xa(m, r, g), D = (L = c == null ? void 0 : c.find(
+      (I) => I.id === i
     )) == null ? void 0 : L.name;
     o(j);
-    const N = pa(
+    const C = pa(
       j,
       xe(l || ""),
       xe(n),
-      F
+      D
     );
-    N && (h(N), u(!0)), a(!1);
+    C && (x(C), d(!0)), a(!1);
   }
-  function g() {
+  function f() {
     return /* @__PURE__ */ e.jsxs("ul", { className: "text-xs", children: [
       /* @__PURE__ */ e.jsx(
         "li",
@@ -1011,7 +1014,7 @@ function ll({ column: s }) {
       {
         align: "center",
         className: "w-20 rounded-md p-0 shadow-none",
-        children: g()
+        children: f()
       }
     )
   ] });
@@ -1034,108 +1037,108 @@ function rl({
   columns: a,
   status: n
 }) {
-  const l = d((m) => m.sqlGen), i = d(
-    (m) => m.selectedConnectionId
-  ), r = d(
-    (m) => m.selectedDatabaseName
-  ), c = d(
-    (m) => m.selectedSchemaName
-  ), o = d((m) => m.selectedTableName), h = d(
-    (m) => m.selectedDatamodelId
-  ), u = k(
-    (m) => m.dashboard.aiScopeTables
-  ), { setAIScopeTables: y } = k((m) => m.actions), g = d((m) => m.actions.setRunSql), x = d((m) => m.actions.setSqlGen), f = d(
-    (m) => m.actions.setIsShowingVisual
-  ), j = d((m) => m.actions.setCardSql), { connectionType: F, modelItems: N } = Re();
-  function L(m) {
+  const l = u((h) => h.sqlGen), i = u(
+    (h) => h.selectedConnectionId
+  ), r = u(
+    (h) => h.selectedDatabaseName
+  ), c = u(
+    (h) => h.selectedSchemaName
+  ), o = u((h) => h.selectedTableName), x = u(
+    (h) => h.selectedDatamodelId
+  ), d = z(
+    (h) => h.dashboard.aiScopeTables
+  ), { setAIScopeTables: y } = z((h) => h.actions), f = u((h) => h.actions.setRunSql), m = u((h) => h.actions.setSqlGen), g = u(
+    (h) => h.actions.setIsShowingVisual
+  ), j = u((h) => h.actions.setCardSql), { connectionType: D, modelItems: C } = Re();
+  function L(h) {
     var V;
-    const p = xa(m, l);
-    x(p);
-    const C = (V = N == null ? void 0 : N.find(
-      ($) => $.id === h
-    )) == null ? void 0 : V.name, I = pa(p, xe(s), xe(t), C);
-    I && (j(I), g(!0));
+    const v = xa(h, l);
+    m(v);
+    const p = (V = C == null ? void 0 : C.find(
+      ($) => $.id === x
+    )) == null ? void 0 : V.name, k = pa(v, xe(s), xe(t), p);
+    k && (j(k), f(!0));
   }
-  function T() {
-    return (u == null ? void 0 : u.find(
-      (m) => m.connectinonId === i && m.tableName === o
+  function I() {
+    return (d == null ? void 0 : d.find(
+      (h) => h.connectinonId === i && h.tableName === o
     )) !== void 0;
   }
-  function z(m) {
-    if (m === !0 && o && i) {
-      const p = {
+  function O(h) {
+    if (h === !0 && o && i) {
+      const v = {
         connectinonId: i,
-        connectionType: F,
+        connectionType: D,
         databaseName: r,
         schemaName: c,
         tableName: o
-      }, I = [...u || [], p].filter(
+      }, k = [...d || [], v].filter(
         (V, $, B) => B.findIndex(
           (Y) => Y.connectinonId === V.connectinonId && Y.tableName === V.tableName
         ) === $
       );
-      y(I), Ye.success(`Added '${o}' to AI Scope`, {
+      y(k), Ye.success(`Added '${o}' to AI Scope`, {
         position: "top-right",
         duration: 2500,
         richColors: !0
       });
     } else {
-      const p = (u || []).filter(
-        (C) => C.connectinonId !== i && C.tableName !== o
+      const v = (d || []).filter(
+        (p) => p.connectinonId !== i && p.tableName !== o
       );
-      y(p), Ye(`Removed '${o}' from AI Scope`, {
+      y(v), Ye(`Removed '${o}' from AI Scope`, {
         position: "top-right",
         duration: 2e3,
         richColors: !0
       });
     }
   }
-  function v() {
+  function N() {
     var V;
-    let m = ja(s, t);
-    const p = (V = N == null ? void 0 : N.find(
-      ($) => $.id === h
+    let h = ja(s, t);
+    const v = (V = C == null ? void 0 : C.find(
+      ($) => $.id === x
     )) == null ? void 0 : V.name;
-    console.log("modelName", p), h && h !== "none" && (m = `${Ns}.${p}`);
-    let C = m;
-    return (($) => /[A-Z]/.test($))(t) && (C = C.split(".").map((B) => `"${B}"`).join(".")), C;
+    console.log("modelName", v), x && x !== "none" && (h = `${Ns}.${v}`);
+    let p = h;
+    return (($) => /[A-Z]/.test($))(t) && (p = p.split(".").map((B) => `"${B}"`).join(".")), p;
   }
-  function D() {
-    const m = v();
-    f(!1);
-    const p = F === "MSSQL" ? `SELECT top 10 * FROM ${m}` : `SELECT * FROM ${m} LIMIT 10`;
-    j(p), g(!0);
+  function T() {
+    const h = N();
+    g(!1);
+    const v = D === "MSSQL" ? `SELECT top 10 * FROM ${h}` : `SELECT * FROM ${h} LIMIT 10`;
+    j(v), f(!0);
   }
   function A() {
-    const m = v();
-    j(`SELECT COUNT(*) as count FROM ${m}`), g(!0);
+    const h = N();
+    j(`SELECT COUNT(*) as count FROM ${h}`), f(!0);
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "flex grow flex-col space-y-4 px-4", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-center gap-1", children: [
       /* @__PURE__ */ e.jsx(
         ga,
         {
-          title: `${T() ? "Remove from" : "Add to"} AI Scope`,
-          pressed: T(),
-          onPressedChange: z,
+          title: `${I() ? "Remove from" : "Add to"} AI Scope`,
+          pressed: I(),
+          onPressedChange: O,
           variant: "outline",
           className: "h-9 px-2",
           children: /* @__PURE__ */ e.jsx(
             pt,
             {
               className: W("size-4", {
-                "text-primary": T(),
-                "text-muted-foreground": !T()
+                "text-primary": I(),
+                "text-muted-foreground": !I()
               })
             }
           )
         }
       ),
       /* @__PURE__ */ e.jsxs(
-        O,
+        F,
         {
           disabled: n !== "Success",
-          onClick: D,
+          onClick: T,
           size: "sm",
           variant: "secondary",
           className: "flex",
@@ -1146,7 +1149,7 @@ function rl({
         }
       ),
       /* @__PURE__ */ e.jsxs(
-        O,
+        F,
         {
           disabled: n !== "Success",
           onClick: A,
@@ -1165,32 +1168,32 @@ function rl({
       {
         className: "flex-1 basis-0 overflow-y-auto border-b border-t border-muted py-3",
         children: [
-          a == null ? void 0 : a.map((m) => /* @__PURE__ */ e.jsxs(
+          a == null ? void 0 : a.map((h) => /* @__PURE__ */ e.jsxs(
             "div",
             {
-              onClick: () => L(m),
+              onClick: () => L(h),
               className: W(
                 "group mx-3 flex cursor-pointer items-center justify-between rounded px-2 py-[6px] text-sm transition-colors hover:bg-muted/50",
                 {
-                  "bg-muted": ft(m, l)
+                  "bg-muted": ft(h, l)
                 }
               ),
               children: [
                 /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-                  /* @__PURE__ */ e.jsx(Ra, { column: m }),
-                  /* @__PURE__ */ e.jsx("span", { children: m.column_name })
+                  /* @__PURE__ */ e.jsx(Ra, { column: h }),
+                  /* @__PURE__ */ e.jsx("span", { children: h.column_name })
                 ] }),
                 /* @__PURE__ */ e.jsx(
                   "div",
                   {
-                    onClick: (p) => p.stopPropagation(),
+                    onClick: (v) => v.stopPropagation(),
                     className: "flex items-center justify-end",
-                    children: fa.includes(m.data_type) && /* @__PURE__ */ e.jsx(ll, { column: m })
+                    children: fa.includes(h.data_type) && /* @__PURE__ */ e.jsx(ll, { column: h })
                   }
                 )
               ]
             },
-            m.column_name
+            h.column_name
           )),
           /* @__PURE__ */ e.jsx(Xs, { orientation: "vertical" }),
           /* @__PURE__ */ e.jsx(Xs, { orientation: "horizontal" })
@@ -1202,40 +1205,40 @@ function rl({
 function Re(s, t) {
   var Pe, ss, as, ts, Be;
   let a = zs(() => [], []);
-  const n = Oe().authToken || s, l = d(
+  const n = Oe().authToken || s, l = u(
     (S) => S.selectedConnectionId
-  ), i = d(
+  ), i = u(
     (S) => S.selectedDatamodelId
-  ), r = d(
+  ), r = u(
     (S) => S.selectedDatabaseName
-  ), c = d(
+  ), c = u(
     (S) => S.selectedSchemaName
-  ), o = d((S) => S.selectedTableName), h = d(
+  ), o = u((S) => S.selectedTableName), x = u(
     (S) => S.actions.setCurrentColumns
-  ), u = d(
+  ), d = u(
     (S) => S.actions.setSelectedConnectionId
-  ), y = d(
+  ), y = u(
     (S) => S.actions.setSelectedDatamodelId
-  ), g = d(
+  ), f = u(
     (S) => S.actions.setSelectedDatabaseName
-  ), x = d(
+  ), m = u(
     (S) => S.actions.setSelectedSchemaName
-  ), f = d(
+  ), g = u(
     (S) => S.actions.setSelectedTableName
-  ), j = d((S) => S.actions.setCardSql);
-  function F(S) {
+  ), j = u((S) => S.actions.setCardSql);
+  function D(S) {
     return l && r && c && r !== "NA" ? !0 : l && S === "API" ? !1 : !!(l && S === "S3");
   }
-  function N(S) {
+  function C(S) {
     return !!(l && r && r !== "NA" && c && o || l && (S === "S3" || S === "API") || i && i);
   }
   function L(S) {
     return l && S ? !(S === "API" || S === "S3") : !1;
   }
   const {
-    data: T,
-    isLoading: z,
-    isError: v
+    data: I,
+    isLoading: O,
+    isError: N
   } = me({
     queryKey: ["connections"],
     queryFn: () => we(
@@ -1245,9 +1248,9 @@ function Re(s, t) {
     enabled: !!(n != null && n.accessToken)
     // Only fetch if authToken is present
   }), {
-    data: D,
+    data: T,
     isLoading: A,
-    isError: m
+    isError: h
   } = me({
     queryKey: ["models", l],
     queryFn: () => we(
@@ -1259,9 +1262,9 @@ function Re(s, t) {
     ),
     enabled: !!(n != null && n.accessToken) && !!l
     // Only fetch if authToken is present
-  }), p = T == null ? void 0 : T.connections.find(
+  }), v = I == null ? void 0 : I.connections.find(
     (S) => S.id === l
-  ), C = p == null ? void 0 : p.type, I = (p == null ? void 0 : p.type) === "API" || (p == null ? void 0 : p.type) === "S3", {
+  ), p = v == null ? void 0 : v.type, k = (v == null ? void 0 : v.type) === "API" || (v == null ? void 0 : v.type) === "S3", {
     data: V,
     isLoading: $,
     isFetching: B,
@@ -1276,10 +1279,10 @@ function Re(s, t) {
         connection_id: l
       }
     ),
-    enabled: L(C)
+    enabled: L(p)
     // !!selectedConnectionId && !isNonDbConnection, //currentConnection?.type !== 'API', // Only fetch if connectionId is present
   }), {
-    data: Q,
+    data: J,
     isLoading: ne,
     isFetching: w,
     isError: _,
@@ -1294,7 +1297,7 @@ function Re(s, t) {
         database_name: r
       }
     ),
-    enabled: !!l && !!r && !I && r !== "NA"
+    enabled: !!l && !!r && !k && r !== "NA"
     //currentConnection?.type !== 'API', // Only fetch if connectionId and database is present
   }), {
     data: E,
@@ -1318,7 +1321,7 @@ function Re(s, t) {
         schema_name: c
       }
     ),
-    enabled: F(C)
+    enabled: D(p)
   }), {
     data: ie,
     isLoading: Ce,
@@ -1345,7 +1348,7 @@ function Re(s, t) {
         table_name: o
       }
     ),
-    enabled: N(C)
+    enabled: C(p)
     // (!!selectedConnectionId &&
     //   !!selectedDatabaseName &&
     //   !!selectedSchemaName &&
@@ -1355,46 +1358,46 @@ function Re(s, t) {
     // && currentConnection?.type !== 'API', // Only fetch if connectionId, database, and table is present
   });
   Z(() => {
-    h(a);
-  }, [ie, h, a]), Z(() => {
+    x(a);
+  }, [ie, x, a]), Z(() => {
   }, [
-    I,
+    k,
     j,
-    f,
-    x,
     g,
-    p
+    m,
+    f,
+    v
   ]);
-  const Fe = (p == null ? void 0 : p.type) === "API" ? (Pe = p == null ? void 0 : p.type) == null ? void 0 : Pe.toLowerCase() : o || "", Se = I ? "" : c || "";
+  const Fe = (v == null ? void 0 : v.type) === "API" ? (Pe = v == null ? void 0 : v.type) == null ? void 0 : Pe.toLowerCase() : o || "", Se = k ? "" : c || "";
   function ae(S) {
-    x(S), f("");
+    m(S), g("");
   }
   function ue(S) {
-    g(S === "none" ? "" : S), x(""), f(""), S !== "none" && S !== "" && y("");
+    f(S === "none" ? "" : S), m(""), g(""), S !== "none" && S !== "" && y("");
   }
   function he(S) {
-    u(S);
+    d(S);
   }
   function es(S) {
-    y(S === "none" ? "" : S), S !== "none" && S !== "" && g("");
+    y(S === "none" ? "" : S), S !== "none" && S !== "" && f("");
   }
-  V && ((ss = V == null ? void 0 : V.databases) == null ? void 0 : ss.length) > 0, Q && ((as = Q == null ? void 0 : Q.schemas) == null ? void 0 : as.length) > 0, ie && ((ts = ie == null ? void 0 : ie.columns) == null ? void 0 : ts.length) > 0 && (a = ie.columns.map((S) => ({
+  V && ((ss = V == null ? void 0 : V.databases) == null ? void 0 : ss.length) > 0, J && ((as = J == null ? void 0 : J.schemas) == null ? void 0 : as.length) > 0, ie && ((ts = ie == null ? void 0 : ie.columns) == null ? void 0 : ts.length) > 0 && (a = ie.columns.map((S) => ({
     ...S,
     data_type: S.data_type.toLowerCase()
-  }))), Y && (a = []), (Ne || v) && (a = []);
-  const Ee = T == null ? void 0 : T.connections.map(
+  }))), Y && (a = []), (Ne || N) && (a = []);
+  const Ee = I == null ? void 0 : I.connections.map(
     (S) => ({
       id: S.id,
       name: S.name,
       type: S.type
     })
-  ), He = (Be = D == null ? void 0 : D.datamodels) == null ? void 0 : Be.map((S) => ({
+  ), He = (Be = T == null ? void 0 : T.datamodels) == null ? void 0 : Be.map((S) => ({
     id: S.id,
     name: S.name
   })), $e = V == null ? void 0 : V.databases.map((S) => ({
     id: S.database_name,
     name: S.database_name
-  })), Ae = Q == null ? void 0 : Q.schemas.map((S) => ({
+  })), Ae = J == null ? void 0 : J.schemas.map((S) => ({
     id: S.schema_name,
     name: S.schema_name
   })), ys = E == null ? void 0 : E.tables.map((S) => ({
@@ -1403,11 +1406,11 @@ function Re(s, t) {
   }));
   return {
     connectionItems: Ee,
-    isConnectionsLoading: z,
-    isConnectionsError: v,
+    isConnectionsLoading: O,
+    isConnectionsError: N,
     modelItems: He,
     isModelsLoading: A,
-    isModelsError: m,
+    isModelsError: h,
     databaseItems: $e,
     isDatabasesLoadingOrFetching: $ || B,
     isDatabaseError: Y,
@@ -1420,8 +1423,8 @@ function Re(s, t) {
     columns: a,
     isColumnsLoadingOrFetching: Ce || Le,
     isColumnsError: Ne,
-    isNonDbConnection: I,
-    connectionType: C,
+    isNonDbConnection: k,
+    connectionType: p,
     tableName: Fe,
     schemaName: Se,
     handleConnectionChange: he,
@@ -1434,52 +1437,52 @@ function _a({
   ColumnsComponent: s
 }) {
   var se;
-  const t = d(
+  const t = u(
     (P) => P.selectedConnectionId
-  ), a = d(
+  ), a = u(
     (P) => P.selectedDatamodelId
-  ), n = d(
+  ), n = u(
     (P) => P.selectedDatabaseName
-  ), l = d(
+  ), l = u(
     (P) => P.selectedSchemaName
-  ), i = d((P) => P.selectedTableName), r = d(
+  ), i = u((P) => P.selectedTableName), r = u(
     (P) => P.actions.setSelectedTableName
   ), {
     connectionItems: c,
     modelItems: o,
-    schemaItems: h,
-    databaseItems: u,
+    schemaItems: x,
+    databaseItems: d,
     tableItems: y,
-    columns: g,
-    isConnectionsLoading: x,
-    isModelsLoading: f,
+    columns: f,
+    isConnectionsLoading: m,
+    isModelsLoading: g,
     isConnectionsError: j,
-    isModelsError: F,
-    isDatabasesLoadingOrFetching: N,
+    isModelsError: D,
+    isDatabasesLoadingOrFetching: C,
     isDatabaseError: L,
-    isSchemaLoadingOrFetching: T,
-    isSchemaError: z,
-    isColumnsError: v,
-    isColumnsLoadingOrFetching: D,
+    isSchemaLoadingOrFetching: I,
+    isSchemaError: O,
+    isColumnsError: N,
+    isColumnsLoadingOrFetching: T,
     isTableLoadingOrFetching: A,
-    isTableError: m,
-    connectionType: p,
-    isNonDbConnection: C,
-    handleConnectionChange: I,
+    isTableError: h,
+    connectionType: v,
+    isNonDbConnection: p,
+    handleConnectionChange: k,
     handleDatabaseChange: V,
     handleSchemaChange: $,
     handleDatamodelChange: B,
     tableName: Y,
     schemaName: le
   } = Re();
-  function Q() {
-    return s ? s(le, Y, g) : /* @__PURE__ */ e.jsx(
+  function J() {
+    return s ? s(le, Y, f) : /* @__PURE__ */ e.jsx(
       rl,
       {
         schemaName: le,
         tableName: Y,
-        columns: g,
-        status: D ? "Loading..." : v ? "Error" : "Success"
+        columns: f,
+        status: T ? "Loading..." : N ? "Error" : "Success"
       }
     );
   }
@@ -1487,7 +1490,7 @@ function _a({
     window.location.href = "mailto:support@semaphor.cloud?subject=Help&body=I need help with...";
   }
   function w() {
-    if (!t || p === "S3" || p === "API")
+    if (!t || v === "S3" || v === "API")
       return null;
     if (!a || a === "none")
       return /* @__PURE__ */ e.jsx(
@@ -1496,15 +1499,15 @@ function _a({
           showNone: !0,
           onChange: V,
           isError: L,
-          isLoading: N,
-          items: u,
+          isLoading: C,
+          items: d,
           value: n || "",
           title: "Database"
         }
       );
   }
   function _() {
-    if (t && !C && (!n || n === "none") && (!a || a === "none"))
+    if (t && !p && (!n || n === "none") && (!a || a === "none"))
       return /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3", children: [
         /* @__PURE__ */ e.jsx("div", { className: "col-span-1 grid place-items-center", children: /* @__PURE__ */ e.jsx(de, {}) }),
         /* @__PURE__ */ e.jsx("div", { className: "col-span-1 grid place-items-center", children: /* @__PURE__ */ e.jsx(H, { children: "OR" }) }),
@@ -1512,7 +1515,7 @@ function _a({
       ] });
   }
   function ee() {
-    if (!t || p === "S3" || p === "API")
+    if (!t || v === "S3" || v === "API")
       return null;
     if (!n || n === "none")
       return /* @__PURE__ */ e.jsx(
@@ -1520,8 +1523,8 @@ function _a({
         {
           showNone: !0,
           onChange: B,
-          isError: F,
-          isLoading: f,
+          isError: D,
+          isLoading: g,
           items: o,
           value: a || "",
           title: "Model"
@@ -1529,13 +1532,13 @@ function _a({
       );
   }
   function E() {
-    return !t || p === "S3" || p === "API" || !n || n === "none" ? null : /* @__PURE__ */ e.jsx(
+    return !t || v === "S3" || v === "API" || !n || n === "none" ? null : /* @__PURE__ */ e.jsx(
       Ue,
       {
         onChange: $,
-        isError: z,
-        isLoading: T,
-        items: h,
+        isError: O,
+        isLoading: I,
+        items: x,
         value: l || "",
         title: "Schema"
       }
@@ -1544,13 +1547,13 @@ function _a({
   function M() {
     function P() {
       let X = !1;
-      return p === "API" ? (X = !1, X) : ((p === "S3" || t && n && n !== "none" && l) && (X = !0), X);
+      return v === "API" ? (X = !1, X) : ((v === "S3" || t && n && n !== "none" && l) && (X = !0), X);
     }
     return P() ? /* @__PURE__ */ e.jsx(
       Ue,
       {
         onChange: r,
-        isError: m,
+        isError: h,
         items: y,
         isLoading: A,
         value: i || "",
@@ -1566,8 +1569,8 @@ function _a({
           items: c,
           title: "Connection",
           value: t || "",
-          onChange: I,
-          isLoading: x,
+          onChange: k,
+          isLoading: m,
           isError: j,
           connectionTooltip: ((se = c == null ? void 0 : c.find(
             (P) => P.id === t
@@ -1580,9 +1583,9 @@ function _a({
       E(),
       M()
     ] }),
-    Q(),
+    J(),
     /* @__PURE__ */ e.jsx("div", { className: "flex items-end justify-center gap-2 px-6 py-4", children: /* @__PURE__ */ e.jsxs(
-      O,
+      F,
       {
         onClick: ne,
         size: "sm",
@@ -1619,11 +1622,11 @@ function ol({
   setTriggerAIRun: n
 }) {
   return /* @__PURE__ */ e.jsxs(_s, { openDelay: 0, children: [
-    /* @__PURE__ */ e.jsx(Hs, { asChild: !0, children: /* @__PURE__ */ e.jsx(O, { variant: "link", className: "h-5 p-0", children: /* @__PURE__ */ e.jsx(On, { className: "h-4 w-4 text-red-500" }) }) }),
+    /* @__PURE__ */ e.jsx(Hs, { asChild: !0, children: /* @__PURE__ */ e.jsx(F, { variant: "link", className: "h-5 p-0", children: /* @__PURE__ */ e.jsx(On, { className: "h-4 w-4 text-red-500" }) }) }),
     /* @__PURE__ */ e.jsx($s, { align: "start", className: "min-w-fit max-w-[500px]", children: /* @__PURE__ */ e.jsx("div", { className: "flex justify-between space-x-4", children: /* @__PURE__ */ e.jsxs("div", { className: "flex grow flex-col space-y-2", children: [
       /* @__PURE__ */ e.jsx(Ps, { className: "max-h-[250px] min-h-0 overflow-scroll", children: /* @__PURE__ */ e.jsx("p", { className: "overflow-auto rounded-md bg-muted p-2 text-xs leading-relaxed", children: s }) }),
       /* @__PURE__ */ e.jsxs(
-        O,
+        F,
         {
           onClick: () => {
             t(!0), a(s), n(!0);
@@ -1650,7 +1653,7 @@ function cl({
   ] });
 }
 function dl() {
-  const { authToken: s } = Oe(), t = d(
+  const { authToken: s } = Oe(), t = u(
     (i) => i.selectedConnectionId
   ), { data: a } = me({
     queryKey: ["connections"],
@@ -1666,7 +1669,7 @@ function dl() {
   return n == null ? void 0 : n.type;
 }
 function ul() {
-  const { authToken: s } = Oe(), t = Xe(null), a = d((o) => o.applyFilters), [n, l] = R(""), i = d((o) => o.filterValues), r = d((o) => o.card.sql), c = dl();
+  const { authToken: s } = Oe(), t = Xe(null), a = u((o) => o.applyFilters), [n, l] = R(""), i = u((o) => o.filterValues), r = u((o) => o.card.sql), c = dl();
   return /* @__PURE__ */ e.jsxs(
     _s,
     {
@@ -1675,7 +1678,7 @@ function ul() {
         if (!o)
           return;
         console.log("onOpenChange");
-        const h = await hs(
+        const x = await hs(
           "https://semaphor.cloud/api/v1/filter-sql",
           (s == null ? void 0 : s.accessToken) || "",
           {
@@ -1684,7 +1687,7 @@ function ul() {
             connection_type: c
           }
         );
-        console.log(h), h.sql ? (console.log(h.records), l(h.sql)) : l("Error");
+        console.log(x), x.sql ? (console.log(x.records), l(x.sql)) : l("Error");
       },
       children: [
         /* @__PURE__ */ e.jsx(Hs, { asChild: !0, children: a && /* @__PURE__ */ e.jsx("p", { className: "p-0 text-xs hover:cursor-pointer", children: "|  Filter Query" }) }),
@@ -1763,50 +1766,50 @@ function ml({
   triggerAIRun: l,
   setTriggerAIRun: i
 }) {
-  const r = Xe(null), c = Xe(null), { authToken: o } = Oe(), [h, u] = R(!1), y = d((w) => w.actions.setCardSql), g = k((w) => w.dashboard.baseQueries), x = d((w) => w.actions.setRunSql), f = d((w) => w.actions.setCardType), [j, F] = R([]), N = d((w) => w.currentColumns), L = d((w) => w.card.sql), T = d((w) => w.selectedTableName), z = `
+  const r = Xe(null), c = Xe(null), { authToken: o } = Oe(), [x, d] = R(!1), y = u((w) => w.actions.setCardSql), f = z((w) => w.dashboard.baseQueries), m = u((w) => w.actions.setRunSql), g = u((w) => w.actions.setCardType), [j, D] = R([]), C = u((w) => w.currentColumns), L = u((w) => w.card.sql), I = u((w) => w.selectedTableName), O = `
   ${a}
 
-  Database Query Dialect: ${T === "api" || T === "s3" ? "DuckDb" : ""}
-  Table Name: ${T}   
-  Table Columns: ${N == null ? void 0 : N.map((w) => `${w.column_name} | ${w.data_type}`).join(", ")}
+  Database Query Dialect: ${I === "api" || I === "s3" ? "DuckDb" : ""}
+  Table Name: ${I}   
+  Table Columns: ${C == null ? void 0 : C.map((w) => `${w.column_name} | ${w.data_type}`).join(", ")}
   User SQL: ${L}  
-  ${g && `Base Queries: ${JSON.stringify(g)} `}`, v = ` When the user asks for a specific chart please use the following query structure to generate the chart query. Do not make up the column names. Use only the table columns provided above for the query. Replace x-axis, y-axis, and lables with the appropriate column names.
-  Visual Query Syntax: ${hl}`, { data: D, isLoading: A, isFetching: m, isError: p, refetch: C } = me({
+  ${f && `Base Queries: ${JSON.stringify(f)} `}`, N = ` When the user asks for a specific chart please use the following query structure to generate the chart query. Do not make up the column names. Use only the table columns provided above for the query. Replace x-axis, y-axis, and lables with the appropriate column names.
+  Visual Query Syntax: ${hl}`, { data: T, isLoading: A, isFetching: h, isError: v, refetch: p } = me({
     queryKey: ["ai-query"],
     queryFn: () => we(
       "https://semaphor.cloud/api/v1/ai",
       (o == null ? void 0 : o.accessToken) || "",
       {
-        user_content: `userContent: ${z} ${h ? v : ""}`
+        user_content: `userContent: ${O} ${x ? N : ""}`
       }
     ),
     enabled: !1
     // Do not run by default.
   });
-  function I(w) {
+  function k(w) {
     if (w.toLowerCase().includes("bar"))
-      f("bar");
+      g("bar");
     else if (w.toLowerCase().includes("line"))
-      f("line");
+      g("line");
     else if (w.toLowerCase().includes("bubble"))
-      f("bubble");
+      g("bubble");
     else if (w.toLowerCase().includes("scatter"))
-      f("scatter");
+      g("scatter");
     else if (w.toLowerCase().includes("stacked"))
-      f("stackedBar");
+      g("stackedBar");
     else if (w.toLowerCase().includes("pie"))
-      f("pie");
+      g("pie");
     else if (w.toLowerCase().includes("donut") || w.toLowerCase().includes("doughnut"))
-      f("doughnut");
+      g("doughnut");
     else if (w.toLowerCase().includes("radar"))
-      f("radar");
+      g("radar");
     else
-      return f("bar"), !1;
+      return g("bar"), !1;
     return !0;
   }
   Z(() => {
-    D && F((w) => [...w, { role: "ai", content: D.response }]);
-  }, [D]), Z(() => {
+    T && D((w) => [...w, { role: "ai", content: T.response }]);
+  }, [T]), Z(() => {
     const w = setTimeout(() => {
       var _;
       c.current && (c.current.scroll({
@@ -1817,7 +1820,7 @@ function ml({
     return () => clearTimeout(w);
   }, [j]);
   function V() {
-    a && (F((w) => [...w, { role: "user", content: a }]), I(a) && u(!0), n(""), C());
+    a && (D((w) => [...w, { role: "user", content: a }]), k(a) && d(!0), n(""), p());
   }
   Z(() => {
     l && (V(), i(!1));
@@ -1854,13 +1857,13 @@ function ml({
     pre: ({ node: w, ..._ }) => /* @__PURE__ */ e.jsxs("pre", { className: "space-y-2 rounded-sm bg-muted/50 p-3", style: B, children: [
       /* @__PURE__ */ e.jsx("code", { className: "whitespace-normal text-sm", children: _.children }),
       /* @__PURE__ */ e.jsxs("div", { className: "flex justify-start gap-2", children: [
-        /* @__PURE__ */ e.jsx(O, { onClick: Q, size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(ba, {}) }),
+        /* @__PURE__ */ e.jsx(F, { onClick: J, size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(ba, {}) }),
         /* @__PURE__ */ e.jsx(
-          O,
+          F,
           {
             onClick: (ee) => {
-              const E = Q(ee);
-              E && (t(!1), y(E), x(!0));
+              const E = J(ee);
+              E && (t(!1), y(E), m(!0));
             },
             size: "sm",
             variant: "outline",
@@ -1872,7 +1875,7 @@ function ml({
     li: ({ node: w, ..._ }) => /* @__PURE__ */ e.jsx("li", { style: Y, ..._ })
     // You can add more overrides for other elements like h1, h2, etc.
   };
-  function Q(w) {
+  function J(w) {
     const _ = w.currentTarget.closest("pre");
     if (!_)
       return;
@@ -1895,14 +1898,14 @@ function ml({
       {
         className: "w-full overflow-auto py-1",
         components: le,
-        children: D == null ? void 0 : D.response.replace(/DuckDB/gi, "Semaphor")
+        children: T == null ? void 0 : T.response.replace(/DuckDB/gi, "Semaphor")
       },
       _
     ) : /* @__PURE__ */ e.jsx("div", {}, _));
   }
-  return /* @__PURE__ */ e.jsxs(Ts, { open: s, onOpenChange: t, children: [
-    /* @__PURE__ */ e.jsx(Is, { asChild: !0, children: /* @__PURE__ */ e.jsx(
-      O,
+  return /* @__PURE__ */ e.jsxs(Is, { open: s, onOpenChange: t, children: [
+    /* @__PURE__ */ e.jsx(Ts, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+      F,
       {
         size: "sm",
         className: "w-full justify-start border font-normal text-muted-foreground focus-visible:ring-0 focus-visible:ring-offset-0",
@@ -1947,20 +1950,20 @@ function ml({
                     className: W(
                       "max-h-10 min-h-7 resize-none border-none focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0"
                     ),
-                    disabled: A || m,
+                    disabled: A || h,
                     value: a,
                     onChange: (w) => n(w.target.value)
                   }
                 ),
                 " ",
                 /* @__PURE__ */ e.jsx(
-                  O,
+                  F,
                   {
                     className: "h-8",
                     size: "sm",
                     variant: "ghost",
                     onClick: V,
-                    children: !A && !m ? /* @__PURE__ */ e.jsx(bt, {}) : /* @__PURE__ */ e.jsx(Ze, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" })
+                    children: !A && !h ? /* @__PURE__ */ e.jsx(bt, {}) : /* @__PURE__ */ e.jsx(Ze, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" })
                   }
                 )
               ] })
@@ -2087,28 +2090,28 @@ function Cl() {
   const [s, t] = R({
     queryKey: [],
     queryData: null
-  }), { theme: a } = Ct(), n = Nt(), l = Xe(), i = Xe(), [r, c] = R(!1), [o, h] = R(!1), [u, y] = R(!1), [g, x] = R(""), [f, j] = R(!1), F = k((b) => b.selectedSheetId);
-  k((b) => b.dashboard.baseQueries);
-  const N = d((b) => b.card), L = k((b) => b.theme), T = d((b) => b.isShowingVisual);
-  k((b) => b.onAcceptChanges);
-  const z = d(
+  }), { theme: a } = Ct(), n = Nt(), l = Xe(), i = Xe(), [r, c] = R(!1), [o, x] = R(!1), [d, y] = R(!1), [f, m] = R(""), [g, j] = R(!1), D = z((b) => b.selectedSheetId);
+  z((b) => b.dashboard.baseQueries);
+  const C = u((b) => b.card), L = z((b) => b.theme), I = u((b) => b.isShowingVisual);
+  z((b) => b.onAcceptChanges);
+  const O = u(
     (b) => b.selectedConnectionId
-  ), v = d(
+  ), N = u(
     (b) => b.selectedDatabaseName
-  ), D = d(
+  ), T = u(
     (b) => b.selectedDatamodelId
-  ), A = d(
+  ), A = u(
     (b) => b.selectedSchemaName
   );
-  k(
+  z(
     (b) => b.actions.updateFrameCard
   );
-  const m = d((b) => b.selectedTableName), p = d((b) => b.card.sql), C = d((b) => b.card.python), I = d((b) => b.frame), V = k((b) => b.dashboard.filters), $ = k((b) => b.filterValues), B = V == null ? void 0 : V.filter(
-    (b) => b.sheetId === F || !b.sheetId
+  const h = u((b) => b.selectedTableName), v = u((b) => b.card.sql), p = u((b) => b.card.python), k = u((b) => b.frame), V = z((b) => b.dashboard.filters), $ = z((b) => b.filterValues), B = V == null ? void 0 : V.filter(
+    (b) => b.sheetId === D || !b.sheetId
   ), Y = $ == null ? void 0 : $.filter(
-    (b) => (B == null ? void 0 : B.some((te) => te.id === b.filterId)) || b.filterId.endsWith(F)
-  ), le = d((b) => b.applyFilters), {
-    setCardCustomCfg: Q,
+    (b) => (B == null ? void 0 : B.some((te) => te.id === b.filterId)) || b.filterId.endsWith(D)
+  ), le = u((b) => b.applyFilters), {
+    setCardCustomCfg: J,
     setQueryResultColumns: ne,
     setFilterValues: w,
     setCardSql: _,
@@ -2117,11 +2120,11 @@ function Cl() {
     setQueryError: M,
     setPythonStdOut: se,
     setCardPreferences: P
-  } = d((b) => b.actions), X = d((b) => b.onSave), ie = d(
+  } = u((b) => b.actions), X = u((b) => b.onSave), ie = u(
     (b) => b.actions.setApplyFilters
-  ), Ce = d((b) => b.onClose), Le = d((b) => b.actions.setSqlGen), Ne = d((b) => b.runSql), Fe = d((b) => b.actions.setRunSql);
-  d((b) => b.actions.setCardCfg);
-  const Se = d(
+  ), Ce = u((b) => b.onClose), Le = u((b) => b.actions.setSqlGen), Ne = u((b) => b.runSql), Fe = u((b) => b.actions.setRunSql);
+  u((b) => b.actions.setCardCfg);
+  const Se = u(
     (b) => b.actions.setIsSqlRunning
   ), {
     data: ae,
@@ -2132,7 +2135,7 @@ function Cl() {
     error: He,
     queryKey: $e,
     refetch: Ae
-  } = qe(N);
+  } = qe(C);
   Z(() => {
     if (ae && (ae.rowLimitExceeded && Ye.error("Row limit (10,000) exceeded. Refine your query.", {
       position: "top-center",
@@ -2167,7 +2170,7 @@ function Cl() {
     s.queryData || t({
       queryKey: $e,
       queryData: b
-    }), n.setQueryData($e, null), _(""), Le({}), Q(""), P({});
+    }), n.setQueryData($e, null), _(""), Le({}), J(""), P({});
   }
   const Pe = (b) => {
     i.current = b;
@@ -2176,9 +2179,9 @@ function Cl() {
     if (b.length === 0)
       return "";
     if (te) {
-      const Te = b.find((oe) => oe.id === te);
-      if (Te) {
-        const oe = Te.tabTitle;
+      const Ie = b.find((oe) => oe.id === te);
+      if (Ie) {
+        const oe = Ie.tabTitle;
         if (oe == "All__Header")
           return b[0].id;
         if (oe && oe.endsWith("__Header")) {
@@ -2193,24 +2196,24 @@ function Cl() {
     return b[0].id;
   }
   function as() {
-    let b = p;
-    p && !p.includes("{{") && (b = il(p), _(b));
+    let b = v;
+    v && !v.includes("{{") && (b = il(v), _(b));
     const te = {
-      ...N,
+      ...C,
       lastSelectedSchema: A,
-      lastSelectedDatamodelId: D,
-      lastSelectedDatabase: v,
-      lastSelectedTable: m,
-      connectionId: z,
-      type: T ? N.type : "table",
+      lastSelectedDatamodelId: T,
+      lastSelectedDatabase: N,
+      lastSelectedTable: h,
+      connectionId: O,
+      type: I ? C.type : "table",
       sql: b,
-      customCfg: T ? N.customCfg : null
-    }, Te = I.cards.map(
-      (vs) => vs.id === N.id ? te : vs
+      customCfg: I ? C.customCfg : null
+    }, Ie = k.cards.map(
+      (vs) => vs.id === C.id ? te : vs
     ), oe = {
-      ...I,
-      cards: Te,
-      activeCardId: ss(Te, I.activeCardId)
+      ...k,
+      cards: Ie,
+      activeCardId: ss(Ie, k.activeCardId)
     };
     X == null || X(oe);
   }
@@ -2221,7 +2224,7 @@ function Cl() {
   Z(() => {
     const b = l.current, te = i.current;
     if (b) {
-      const Te = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", oe = L === "system" ? Te : L;
+      const Ie = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", oe = L === "system" ? Ie : L;
       b.editor.defineTheme("default", {
         // base: theme === 'light' ? 'hc-light' : 'vs-dark',
         base: oe === "light" ? "vs" : "vs-dark",
@@ -2265,7 +2268,7 @@ function Cl() {
               Y && o && /* @__PURE__ */ e.jsx(
                 Je,
                 {
-                  onClick: () => h(!1),
+                  onClick: () => x(!1),
                   className: "bg-background/50 text-foreground/50 hover:cursor-pointer hover:text-foreground"
                 }
               )
@@ -2307,7 +2310,7 @@ function Cl() {
       Y && !o && /* @__PURE__ */ e.jsx(
         ha,
         {
-          onClick: () => h(!0),
+          onClick: () => x(!0),
           className: W(
             "absolute bottom-4 right-6 h-3 w-3 text-foreground/50 hover:cursor-pointer hover:text-foreground",
             {
@@ -2347,7 +2350,7 @@ function Cl() {
                         onChange: (b) => {
                           _(b);
                         },
-                        value: p,
+                        value: v,
                         options: {
                           minimap: {
                             enabled: !1
@@ -2394,7 +2397,7 @@ function Cl() {
                           onChange: (b) => {
                             E(b && b.trim() || "");
                           },
-                          value: C || kt,
+                          value: p || kt,
                           options: {
                             minimap: {
                               enabled: !1
@@ -2450,7 +2453,7 @@ function Cl() {
               children: [
                 /* @__PURE__ */ e.jsxs("div", { className: "flex grow items-center gap-2", children: [
                   /* @__PURE__ */ e.jsxs(
-                    O,
+                    F,
                     {
                       title: "Shift + Enter",
                       disabled: ue || he,
@@ -2472,18 +2475,18 @@ function Cl() {
                       error: He.message,
                       setShowAIDialog: y,
                       setTriggerAIRun: j,
-                      setUserInputforAI: x
+                      setUserInputforAI: m
                     }
                   ),
                   /* @__PURE__ */ e.jsxs(
-                    O,
+                    F,
                     {
                       onClick: ys,
                       className: "",
                       size: "sm",
                       variant: "outline",
                       children: [
-                        /* @__PURE__ */ e.jsx(In, { className: "mr-2 size-4" }),
+                        /* @__PURE__ */ e.jsx(Tn, { className: "mr-2 size-4" }),
                         "Clear"
                       ]
                     }
@@ -2502,18 +2505,18 @@ function Cl() {
                   /* @__PURE__ */ e.jsx(
                     ml,
                     {
-                      open: u,
+                      open: d,
                       setOpen: y,
-                      userInput: g,
-                      triggerAIRun: f,
+                      userInput: f,
+                      triggerAIRun: g,
                       setTriggerAIRun: j,
-                      setUserInput: (b) => x(b)
+                      setUserInput: (b) => m(b)
                     }
                   )
                 ] }),
                 /* @__PURE__ */ e.jsxs("div", { className: "flex items-end gap-2", children: [
                   /* @__PURE__ */ e.jsxs(
-                    O,
+                    F,
                     {
                       onClick: as,
                       size: "sm",
@@ -2525,7 +2528,7 @@ function Cl() {
                     }
                   ),
                   /* @__PURE__ */ e.jsxs(
-                    O,
+                    F,
                     {
                       onClick: ts,
                       className: "w-full",
@@ -2552,7 +2555,7 @@ function Nl({ data: s }) {
     // header: key,
     accessorKey: c,
     header: ({ column: o }) => {
-      const h = o.getIsSorted();
+      const x = o.getIsSorted();
       return /* @__PURE__ */ e.jsx("div", { className: "flex gap-2", children: /* @__PURE__ */ e.jsxs(
         "div",
         {
@@ -2560,7 +2563,7 @@ function Nl({ data: s }) {
           onClick: () => o.toggleSorting(o.getIsSorted() === "asc"),
           children: [
             c,
-            h === "asc" ? /* @__PURE__ */ e.jsx(zt, { className: "ml-2 h-5 w-5" }) : h === "desc" ? /* @__PURE__ */ e.jsx(Ot, { className: "ml-2 h-5 w-5" }) : null
+            x === "asc" ? /* @__PURE__ */ e.jsx(zt, { className: "ml-2 h-5 w-5" }) : x === "desc" ? /* @__PURE__ */ e.jsx(Ot, { className: "ml-2 h-5 w-5" }) : null
           ]
         }
       ) });
@@ -2577,8 +2580,8 @@ function Nl({ data: s }) {
       sorting: t
     }
   });
-  return /* @__PURE__ */ e.jsxs(Tt, { children: [
-    /* @__PURE__ */ e.jsx(It, { children: i.getHeaderGroups().map((c) => /* @__PURE__ */ e.jsx(Cs, { children: c.headers.map((o) => /* @__PURE__ */ e.jsx(Dt, { className: "sticky top-0 bg-muted", children: o.isPlaceholder ? null : Zs(
+  return /* @__PURE__ */ e.jsxs(It, { children: [
+    /* @__PURE__ */ e.jsx(Tt, { children: i.getHeaderGroups().map((c) => /* @__PURE__ */ e.jsx(Cs, { children: c.headers.map((o) => /* @__PURE__ */ e.jsx(Dt, { className: "sticky top-0 bg-muted", children: o.isPlaceholder ? null : Zs(
       o.column.columnDef.header,
       o.getContext()
     ) }, o.id)) }, c.id)) }),
@@ -2594,26 +2597,26 @@ function Nl({ data: s }) {
   ] });
 }
 function Sl({ card: s }) {
-  var u, y, g, x, f, j, F, N, L, T;
-  const t = k((z) => z.themeStyle), a = {
-    colors: ((y = (u = t == null ? void 0 : t.chart) == null ? void 0 : u.dataset) == null ? void 0 : y.backgroundColor) || []
+  var d, y, f, m, g, j, D, C, L, I;
+  const t = z((O) => O.themeStyle), a = {
+    colors: ((y = (d = t == null ? void 0 : t.chart) == null ? void 0 : d.dataset) == null ? void 0 : y.backgroundColor) || []
   };
-  (g = s.customCardPreferences) != null && g.inputData;
-  const { getCard: n } = va(((x = s.customCardPreferences) == null ? void 0 : x.url) || ""), l = ((f = s.customCardPreferences) == null ? void 0 : f.visualType) || "single", i = d((z) => z.frame);
+  (f = s.customCardPreferences) != null && f.inputData;
+  const { getCard: n } = va(((m = s.customCardPreferences) == null ? void 0 : m.url) || ""), l = ((g = s.customCardPreferences) == null ? void 0 : g.visualType) || "single", i = u((O) => O.frame);
   ce();
   const { data: r } = qe(s);
   if (!((j = s.customCardPreferences) != null && j.componentName))
     return null;
   const c = n(
-    (F = s.customCardPreferences) == null ? void 0 : F.componentName
-  ), o = (z) => {
-    console.log("data", z), s.customCardPreferences;
-  }, h = Object.keys(
-    ((N = s.customCardPreferences) == null ? void 0 : N.dataInputCardIds) || {}
-  ).map((z) => {
-    var A, m, p;
-    const v = (m = (A = s.customCardPreferences) == null ? void 0 : A.dataInputCardIds) == null ? void 0 : m[z].cardId, D = (p = i == null ? void 0 : i.cards) == null ? void 0 : p.find((C) => C.id === v);
-    return D || null;
+    (D = s.customCardPreferences) == null ? void 0 : D.componentName
+  ), o = (O) => {
+    console.log("data", O), s.customCardPreferences;
+  }, x = Object.keys(
+    ((C = s.customCardPreferences) == null ? void 0 : C.dataInputCardIds) || {}
+  ).map((O) => {
+    var A, h, v;
+    const N = (h = (A = s.customCardPreferences) == null ? void 0 : A.dataInputCardIds) == null ? void 0 : h[O].cardId, T = (v = i == null ? void 0 : i.cards) == null ? void 0 : v.find((p) => p.id === N);
+    return T || null;
   });
   return /* @__PURE__ */ e.jsx("div", { className: "semaphor-custom mb-3 flex grow basis-0 flex-col space-y-2 overflow-y-auto", children: /* @__PURE__ */ e.jsxs(
     wn,
@@ -2634,18 +2637,18 @@ function Sl({ card: s }) {
           {
             theme: a,
             onDataChange: o,
-            settings: h.map(
-              (z) => {
-                var v;
-                return (v = z == null ? void 0 : z.customCardPreferences) == null ? void 0 : v.settings;
+            settings: x.map(
+              (O) => {
+                var N;
+                return (N = O == null ? void 0 : O.customCardPreferences) == null ? void 0 : N.settings;
               }
             ),
-            data: h.map((z) => (z == null ? void 0 : z.data) || [])
+            data: x.map((O) => (O == null ? void 0 : O.data) || [])
           }
         ) })
       ]
     },
-    (T = s.customCardPreferences) == null ? void 0 : T.componentName
+    (I = s.customCardPreferences) == null ? void 0 : I.componentName
   ) });
 }
 function Pa({
@@ -2654,10 +2657,10 @@ function Pa({
   className: s,
   ...t
 }) {
-  var x, f;
-  const a = d((j) => j.card), n = ((x = a.customCardPreferences) == null ? void 0 : x.showCardHeader) ?? !0, l = d((j) => j.frame), i = k((j) => j.dashboard.filters);
-  d((j) => j.actions.setRunSql);
-  const { updateFilter: r } = Fs(), c = i == null ? void 0 : i.find((j) => j.id === l.filterId), { data: o } = qe(a), { setCard: h } = ce(), { data: u } = Bs(a);
+  var m, g;
+  const a = u((j) => j.card), n = ((m = a.customCardPreferences) == null ? void 0 : m.showCardHeader) ?? !0, l = u((j) => j.frame), i = z((j) => j.dashboard.filters);
+  u((j) => j.actions.setRunSql);
+  const { updateFilter: r } = Fs(), c = i == null ? void 0 : i.find((j) => j.id === l.filterId), { data: o } = qe(a), { setCard: x } = ce(), { data: d } = Bs(a);
   if (!a.id)
     return null;
   let y;
@@ -2667,9 +2670,9 @@ function Pa({
     cfg: a.cfg,
     customCfg: a.customCfg,
     preferences: a.preferences,
-    topoJson: u
+    topoJson: d
   }));
-  function g(j) {
+  function f(j) {
     return /* @__PURE__ */ e.jsx(Sl, { card: j });
   }
   return /* @__PURE__ */ e.jsxs(
@@ -2685,7 +2688,7 @@ function Pa({
               rs,
               {
                 text: a.title,
-                onSave: (j) => h({ ...a, title: j }),
+                onSave: (j) => x({ ...a, title: j }),
                 children: /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-5", children: /* @__PURE__ */ e.jsx(Rt, { className: "text-base", children: a.title || "Edit title..." }) })
               },
               a.title
@@ -2694,7 +2697,7 @@ function Pa({
               rs,
               {
                 text: a.description || "",
-                onSave: (j) => h({ ...a, description: j }),
+                onSave: (j) => x({ ...a, description: j }),
                 children: /* @__PURE__ */ e.jsx(_t, { children: a.description || "Edit description..." })
               },
               a.description
@@ -2714,14 +2717,14 @@ function Pa({
           ] })
         ] }),
         /* @__PURE__ */ e.jsxs($t, { className: "flex grow flex-col", children: [
-          a.type === "custom" && g(a),
+          a.type === "custom" && f(a),
           !["table", "custom"].includes(a.type) && y && // <ChartJsVisual key={visualKey} cfg={cfg} />
           /* @__PURE__ */ e.jsx(
             Pt,
             {
               cfg: y
             },
-            JSON.stringify(y) + JSON.stringify(a.preferences) + ((f = a == null ? void 0 : a.preferences) == null ? void 0 : f.customVisualCode)
+            JSON.stringify(y) + JSON.stringify(a.preferences) + ((g = a == null ? void 0 : a.preferences) == null ? void 0 : g.customVisualCode)
           ),
           a.type === "table" && (o == null ? void 0 : o.records) && (o == null ? void 0 : o.records.length) > 0 && // All of the below css classes are #IMPORTANT for the table to scroll properly
           /* @__PURE__ */ e.jsx(Bt, { className: "flex min-h-0 flex-1 grow basis-0", children: /* @__PURE__ */ e.jsx(Ut, { card: a, data: o == null ? void 0 : o.records }) })
@@ -2731,61 +2734,61 @@ function Pa({
   );
 }
 function wl() {
-  const [s, t] = R(!1), [a, n] = R(""), [l, i] = R(""), [r, c] = R(""), [o, h] = R(""), u = d((v) => v.card), y = d(
-    (v) => v.card.customCfg
-  ), { data: g } = qe(u), { data: x } = Bs(u), { setCardCustomCfg: f, setCustomVisualCode: j } = ce();
-  function F(v) {
-    var m, p;
-    const D = {
-      ...v,
+  const [s, t] = R(!1), [a, n] = R(""), [l, i] = R(""), [r, c] = R(""), [o, x] = R(""), d = u((N) => N.card), y = u(
+    (N) => N.card.customCfg
+  ), { data: f } = qe(d), { data: m } = Bs(d), { setCardCustomCfg: g, setCustomVisualCode: j } = ce();
+  function D(N) {
+    var h, v;
+    const T = {
+      ...N,
       data: {
-        ...v == null ? void 0 : v.data,
-        datasets: (p = (m = v == null ? void 0 : v.data) == null ? void 0 : m.datasets) == null ? void 0 : p.map((C) => ({
-          ...C,
+        ...N == null ? void 0 : N.data,
+        datasets: (v = (h = N == null ? void 0 : N.data) == null ? void 0 : h.datasets) == null ? void 0 : v.map((p) => ({
+          ...p,
           data: []
         }))
       }
     };
-    return JSON.stringify(D, null, 1);
+    return JSON.stringify(T, null, 1);
   }
-  function N() {
-    var D, A;
-    if (!(g != null && g.records) || (g == null ? void 0 : g.records.length) === 0)
+  function C() {
+    var T, A;
+    if (!(f != null && f.records) || (f == null ? void 0 : f.records.length) === 0)
       return;
-    const v = Ca({
-      data: g == null ? void 0 : g.records,
-      cardType: u.type,
-      cfg: u.cfg,
-      preferences: u.preferences,
-      topoJson: x
+    const N = Ca({
+      data: f == null ? void 0 : f.records,
+      cardType: d.type,
+      cfg: d.cfg,
+      preferences: d.preferences,
+      topoJson: m
     });
-    v && (n(JSON.stringify(v, null, 1)), (D = u == null ? void 0 : u.preferences) != null && D.customVisualCode && c((A = u == null ? void 0 : u.preferences) == null ? void 0 : A.customVisualCode), y && i(JSON.stringify(y, null, 1)));
+    N && (n(JSON.stringify(N, null, 1)), (T = d == null ? void 0 : d.preferences) != null && T.customVisualCode && c((A = d == null ? void 0 : d.preferences) == null ? void 0 : A.customVisualCode), y && i(JSON.stringify(y, null, 1)));
   }
   function L() {
     if (r && j(r), !!l)
       try {
-        const v = JSON.parse(l);
-        return v ? (f(v), h(""), i(""), v) : void 0;
-      } catch (v) {
-        console.log(v), h("Invalid JSON");
+        const N = JSON.parse(l);
+        return N ? (g(N), x(""), i(""), N) : void 0;
+      } catch (N) {
+        console.log(N), x("Invalid JSON");
       }
   }
-  function T() {
-    i(""), f(null);
+  function I() {
+    i(""), g(null);
   }
-  function z() {
-    let v;
+  function O() {
+    let N;
     if (y) {
-      const D = sa.cloneDeep(u.cfg), A = sa.merge(D, y);
-      return v = F(A), v;
+      const T = sa.cloneDeep(d.cfg), A = sa.merge(T, y);
+      return N = D(A), N;
     }
-    return a ? (v = F(JSON.parse(a)), v) : "";
+    return a ? (N = D(JSON.parse(a)), N) : "";
   }
-  return /* @__PURE__ */ e.jsxs(Ts, { open: s, onOpenChange: t, children: [
-    /* @__PURE__ */ e.jsx(Is, { asChild: !0, children: /* @__PURE__ */ e.jsx(
-      O,
+  return /* @__PURE__ */ e.jsxs(Is, { open: s, onOpenChange: t, children: [
+    /* @__PURE__ */ e.jsx(Ts, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+      F,
       {
-        onClick: N,
+        onClick: C,
         className: ` ${y && "border-foreground/50 dark:border-foreground/70"}`,
         size: "sm",
         variant: "outline",
@@ -2805,7 +2808,7 @@ function wl() {
                   La,
                   {
                     onClick: () => {
-                      navigator.clipboard.writeText(u.id);
+                      navigator.clipboard.writeText(d.id);
                     },
                     className: "size-3 cursor-pointer text-muted-foreground/70 transition-colors hover:text-muted-foreground"
                   }
@@ -2875,8 +2878,8 @@ function wl() {
                         renderLineHighlight: "none"
                       },
                       defaultLanguage: "json",
-                      value: z(),
-                      onChange: (v) => i(v)
+                      value: O(),
+                      onChange: (N) => i(N)
                     }
                   )
                 }
@@ -2905,7 +2908,7 @@ function wl() {
                       },
                       defaultLanguage: "javascript",
                       value: r,
-                      onChange: (v) => c(v || "")
+                      onChange: (N) => c(N || "")
                     }
                   )
                 }
@@ -2915,16 +2918,16 @@ function wl() {
           /* @__PURE__ */ e.jsxs(oa, { className: "flex items-center", children: [
             /* @__PURE__ */ e.jsx(H, { className: "mr-2 text-red-500", children: o }),
             /* @__PURE__ */ e.jsx(
-              O,
+              F,
               {
                 disabled: !y,
-                onClick: T,
+                onClick: I,
                 variant: "outline",
                 children: "Reset"
               }
             ),
-            /* @__PURE__ */ e.jsx(O, { onClick: L, variant: "outline", children: "Apply" }),
-            /* @__PURE__ */ e.jsx(O, { onClick: () => t(!1), variant: "outline", children: "Close" })
+            /* @__PURE__ */ e.jsx(F, { onClick: L, variant: "outline", children: "Apply" }),
+            /* @__PURE__ */ e.jsx(F, { onClick: () => t(!1), variant: "outline", children: "Close" })
           ] })
         ]
       }
@@ -2959,7 +2962,7 @@ function Xa(s) {
   const [t, a] = R(null);
   return Z(() => {
     s && (async () => {
-      const i = (await import("./lucide-react-lLTbaV0Q.js"))[s];
+      const i = (await import("./lucide-react-i2jWfYYq.js"))[s];
       a(i);
     })();
   }, [s]), t;
@@ -3009,101 +3012,101 @@ const zl = ({
   onClick: a
 }) => {
   const n = Xa(t || ""), l = s.charAt(0).toUpperCase();
-  return /* @__PURE__ */ e.jsx(O, { onClick: a, title: s, variant: "ghost", children: n ? /* @__PURE__ */ e.jsx(n, { className: "h-4 w-4" }) : l });
+  return /* @__PURE__ */ e.jsx(F, { onClick: a, title: s, variant: "ghost", children: n ? /* @__PURE__ */ e.jsx(n, { className: "h-4 w-4" }) : l });
 };
 function Ol() {
-  var u, y;
-  const [s, t] = R(!1), a = d((g) => g.card), n = a.type, { setCardType: l, setCardPreferences: i, setChartOrientation: r } = d((g) => g.actions), { setCardCustomCfg: c, setCustomCardPreferences: o } = ce();
-  function h(g, x) {
-    c(null), i({}), l(g), x && o({
+  var d, y;
+  const [s, t] = R(!1), a = u((f) => f.card), n = a.type, { setCardType: l, setCardPreferences: i, setChartOrientation: r } = u((f) => f.actions), { setCardCustomCfg: c, setCustomCardPreferences: o } = ce();
+  function x(f, m) {
+    c(null), i({}), l(f), m && o({
       type: "component",
       visualType: "single",
-      url: x.url,
-      componentName: x.name,
-      icon: x.icon
+      url: m.url,
+      componentName: m.name,
+      icon: m.icon
     }), t(!1);
   }
   return /* @__PURE__ */ e.jsxs(ps, { open: s, onOpenChange: t, children: [
-    /* @__PURE__ */ e.jsx(fs, { asChild: !0, children: /* @__PURE__ */ e.jsx(O, { size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx(fs, { asChild: !0, children: /* @__PURE__ */ e.jsx(F, { size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(
       Fl,
       {
         className: "h-4 w-4",
         chartType: n,
-        customIcon: (u = a.customCardPreferences) == null ? void 0 : u.icon,
+        customIcon: (d = a.customCardPreferences) == null ? void 0 : d.icon,
         componentName: (y = a.customCardPreferences) == null ? void 0 : y.componentName
       }
     ) }) }),
     /* @__PURE__ */ e.jsxs(gs, { className: "w-50", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-4 place-items-center", children: [
         /* @__PURE__ */ e.jsx(
-          O,
+          F,
           {
-            onClick: () => h("bar"),
+            onClick: () => x("bar"),
             className: "font-normal",
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(Gs, { className: "size-5" })
           }
         ),
         /* @__PURE__ */ e.jsx(
-          O,
+          F,
           {
-            onClick: () => h("line"),
+            onClick: () => x("line"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(Ks, { className: "size-5" })
           }
         ),
         /* @__PURE__ */ e.jsx(
-          O,
+          F,
           {
-            onClick: () => h("stackedBar"),
+            onClick: () => x("stackedBar"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(Ja, { className: "size-5", strokeWidth: 0 })
           }
         ),
         /* @__PURE__ */ e.jsx(
-          O,
+          F,
           {
-            onClick: () => h("stackedLine"),
+            onClick: () => x("stackedLine"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(Qa, { className: "size-5", strokeWidth: 0 })
           }
         ),
         /* @__PURE__ */ e.jsx(
-          O,
+          F,
           {
-            onClick: () => h("scatter"),
+            onClick: () => x("scatter"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(Da, { className: "size-5" })
           }
         ),
         /* @__PURE__ */ e.jsx(
-          O,
+          F,
           {
-            onClick: () => h("bubble"),
+            onClick: () => x("bubble"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(Ka, { className: "size-4" })
           }
         ),
         /* @__PURE__ */ e.jsx(
-          O,
+          F,
           {
-            onClick: () => h("pie"),
+            onClick: () => x("pie"),
             variant: "ghost",
-            children: /* @__PURE__ */ e.jsx(Ia, { className: "size-5" })
+            children: /* @__PURE__ */ e.jsx(Ta, { className: "size-5" })
           }
         ),
         /* @__PURE__ */ e.jsx(
-          O,
+          F,
           {
-            onClick: () => h("doughnut"),
+            onClick: () => x("doughnut"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(Ua, { className: "size-5", strokeWidth: 1 })
           }
         ),
         /* @__PURE__ */ e.jsx(
-          O,
+          F,
           {
-            onClick: () => h("radar"),
+            onClick: () => x("radar"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(
               Ba,
@@ -3115,71 +3118,71 @@ function Ol() {
           }
         ),
         /* @__PURE__ */ e.jsx(
-          O,
+          F,
           {
-            onClick: () => h("polarArea"),
+            onClick: () => x("polarArea"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(Ga, { className: "size-5" })
           }
         ),
         /* @__PURE__ */ e.jsx(
-          O,
+          F,
           {
-            onClick: () => h("pyramid"),
+            onClick: () => x("pyramid"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(Ya, { className: "size-5" })
           }
         ),
         /* @__PURE__ */ e.jsx(
-          O,
+          F,
           {
-            onClick: () => h("range"),
+            onClick: () => x("range"),
             variant: "ghost",
-            children: /* @__PURE__ */ e.jsx(Ta, { className: "size-5" })
+            children: /* @__PURE__ */ e.jsx(Ia, { className: "size-5" })
           }
         ),
         /* @__PURE__ */ e.jsx(
-          O,
+          F,
           {
-            onClick: () => h("table"),
+            onClick: () => x("table"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(Rs, { className: "size-5" })
           }
         ),
         /* @__PURE__ */ e.jsx(
-          O,
+          F,
           {
-            onClick: () => h("kpi"),
+            onClick: () => x("kpi"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(Wa, { className: "size-6" })
           }
         ),
         /* @__PURE__ */ e.jsx(
-          O,
+          F,
           {
-            onClick: () => h("text"),
+            onClick: () => x("text"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(Qs, { className: "size-4" })
           }
         ),
         /* @__PURE__ */ e.jsx(
-          O,
+          F,
           {
-            onClick: () => h("map"),
+            onClick: () => x("map"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(Ea, { className: "size-4" })
           }
         ),
         /* @__PURE__ */ e.jsx(
-          O,
+          F,
           {
-            onClick: () => h("custom"),
+            onClick: () => x("custom"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(Va, { className: "size-4" })
           }
         )
       ] }),
-      /* @__PURE__ */ e.jsx(kl, { onChartTypeChange: h })
+      /* @__PURE__ */ e.jsx(kl, { onChartTypeChange: x })
     ] })
   ] });
 }
@@ -3196,7 +3199,7 @@ function Fl({
     case "line":
       return /* @__PURE__ */ e.jsx(Ks, { className: t });
     case "pie":
-      return /* @__PURE__ */ e.jsx(Ia, { className: t });
+      return /* @__PURE__ */ e.jsx(Ta, { className: t });
     case "radar":
       return /* @__PURE__ */ e.jsx(Ba, { className: t });
     case "scatter":
@@ -3214,7 +3217,7 @@ function Fl({
     case "pyramid":
       return /* @__PURE__ */ e.jsx(Ya, { className: t });
     case "range":
-      return /* @__PURE__ */ e.jsx(Ta, { className: t });
+      return /* @__PURE__ */ e.jsx(Ia, { className: t });
     case "kpi":
       return /* @__PURE__ */ e.jsx(Wa, { className: t });
     case "text":
@@ -3227,9 +3230,9 @@ function Fl({
       return /* @__PURE__ */ e.jsx(Rs, { className: t });
   }
 }
-function Tl() {
+function Il() {
   var l;
-  const s = d((i) => i.card), t = ((l = s.customCardPreferences) == null ? void 0 : l.showCardHeader) ?? !0, { setCustomCardPreferences: a } = ce(), n = (i) => {
+  const s = u((i) => i.card), t = ((l = s.customCardPreferences) == null ? void 0 : l.showCardHeader) ?? !0, { setCustomCardPreferences: a } = ce(), n = (i) => {
     s.customCardPreferences && a({
       ...s.customCardPreferences,
       showCardHeader: i === !0
@@ -3263,13 +3266,13 @@ function Tl() {
   ] });
 }
 function ra() {
-  const s = d((m) => m.frame), t = d((m) => m.card), a = d((m) => m.isShowingVisual), n = d((m) => m.isSqlRunning), l = d((m) => m.queryError), i = d((m) => m.pythonStdOut), r = d((m) => m.actions.setRunSql);
-  d((m) => m.onSave), d((m) => m.onClose), d((m) => m.actions.setCardSql), d((m) => m.actions.setCardType), d((m) => m.actions.setSqlGen);
-  const { setFrame: c, setCard: o, updateCardInFrame: h } = ce(), { data: u, isLoading: y, isFetching: g } = qe(t);
+  const s = u((h) => h.frame), t = u((h) => h.card), a = u((h) => h.isShowingVisual), n = u((h) => h.isSqlRunning), l = u((h) => h.queryError), i = u((h) => h.pythonStdOut), r = u((h) => h.actions.setRunSql);
+  u((h) => h.onSave), u((h) => h.onClose), u((h) => h.actions.setCardSql), u((h) => h.actions.setCardType), u((h) => h.actions.setSqlGen);
+  const { setFrame: c, setCard: o, updateCardInFrame: x } = ce(), { data: d, isLoading: y, isFetching: f } = qe(t);
   if (!t)
     return /* @__PURE__ */ e.jsx(e.Fragment, { children: "No Active Card" });
-  function x() {
-    const m = {
+  function m() {
+    const h = {
       connectionId: t.connectionId,
       id: We(),
       title: "Title",
@@ -3286,123 +3289,123 @@ function ra() {
       sql: "",
       data: []
     };
-    f(m);
+    g(h);
   }
-  function f(m) {
-    const p = {
+  function g(h) {
+    const v = {
       ...s,
-      cards: [...s.cards, m],
-      activeCardId: m.id
+      cards: [...s.cards, h],
+      activeCardId: h.id
     };
-    c(p), o(m);
+    c(v), o(h);
   }
   function j() {
-    const m = {
+    const h = {
       ...t,
       id: We(),
       title: `${t.title} Copy`,
       tabTitle: `${t.tabTitle} Copy`
     };
-    f(m);
+    g(h);
   }
-  function F(m) {
-    const p = s.cards.filter((V) => V.id !== m), C = p[0], I = {
+  function D(h) {
+    const v = s.cards.filter((V) => V.id !== h), p = v[0], k = {
       ...s,
-      cards: p,
+      cards: v,
       // update the active card to the first card in the frame
-      activeCardId: C.id
+      activeCardId: p.id
     };
-    c(I), o(C);
+    c(k), o(p);
   }
-  function N(m) {
-    const p = {
+  function C(h) {
+    const v = {
       ...s,
-      cards: s.cards.map((I) => I.id === t.id ? t : I),
-      activeCardId: m
+      cards: s.cards.map((k) => k.id === t.id ? t : k),
+      activeCardId: h
     };
-    c(p);
-    const C = p.cards.find((I) => I.id === m);
-    C.sql && r(!0), o(C);
+    c(v);
+    const p = v.cards.find((k) => k.id === h);
+    p.sql && r(!0), o(p);
   }
-  const L = (m, p) => {
-    console.log("handleDragStart", p), m.dataTransfer.setData("tabIndex", p.toString());
-  }, T = (m) => {
-    m.preventDefault();
-  }, z = (m, p) => {
-    const C = m.dataTransfer.getData("tabIndex");
-    if (C === p.toString())
+  const L = (h, v) => {
+    console.log("handleDragStart", v), h.dataTransfer.setData("tabIndex", v.toString());
+  }, I = (h) => {
+    h.preventDefault();
+  }, O = (h, v) => {
+    const p = h.dataTransfer.getData("tabIndex");
+    if (p === v.toString())
       return;
-    const I = Array.from(s.cards), [V] = I.splice(parseInt(C), 1);
-    I.splice(p, 0, V), c({ ...s, cards: I });
+    const k = Array.from(s.cards), [V] = k.splice(parseInt(p), 1);
+    k.splice(v, 0, V), c({ ...s, cards: k });
   };
-  function v(m, p) {
-    return m.cards.length === 1 && (p.displayTab === !0 || p.displayTab === void 0) || m.activeCardId !== p.id && (p.displayTab === !0 || p.displayTab === void 0) ? null : /* @__PURE__ */ e.jsx(
+  function N(h, v) {
+    return h.cards.length === 1 && (v.displayTab === !0 || v.displayTab === void 0) || h.activeCardId !== v.id && (v.displayTab === !0 || v.displayTab === void 0) ? null : /* @__PURE__ */ e.jsx(
       "div",
       {
         onClick: () => {
-          const C = p.displayTab === void 0 ? !1 : !p.displayTab;
-          o({ ...p, displayTab: C }), h({
-            ...p,
-            displayTab: C
+          const p = v.displayTab === void 0 ? !1 : !v.displayTab;
+          o({ ...v, displayTab: p }), x({
+            ...v,
+            displayTab: p
           });
         },
-        children: p.displayTab === !0 || p.displayTab === void 0 ? /* @__PURE__ */ e.jsx(Mn, { className: "mr-2 size-3.5 text-muted-foreground hover:text-foreground" }) : /* @__PURE__ */ e.jsx(Dn, { className: "mr-2 size-3.5 text-muted-foreground hover:text-foreground" })
+        children: v.displayTab === !0 || v.displayTab === void 0 ? /* @__PURE__ */ e.jsx(Mn, { className: "mr-2 size-3.5 text-muted-foreground hover:text-foreground" }) : /* @__PURE__ */ e.jsx(Dn, { className: "mr-2 size-3.5 text-muted-foreground hover:text-foreground" })
       }
     );
   }
-  function D() {
+  function T() {
     return /* @__PURE__ */ e.jsxs(
       Sa,
       {
-        onValueChange: N,
+        onValueChange: C,
         value: s.activeCardId,
         className: "flex grow flex-col",
         children: [
-          s.cards.map((m) => /* @__PURE__ */ e.jsx(os, { className: "mt-0 grow", value: m.id, children: A() }, m.id)),
+          s.cards.map((h) => /* @__PURE__ */ e.jsx(os, { className: "mt-0 grow", value: h.id, children: A() }, h.id)),
           /* @__PURE__ */ e.jsx(wa, { className: "group mx-6 justify-between", children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center", children: [
-            s.cards.map((m, p) => /* @__PURE__ */ e.jsx(
+            s.cards.map((h, v) => /* @__PURE__ */ e.jsx(
               rs,
               {
-                text: m.tabTitle || m.title,
-                onSave: (C) => {
-                  o({ ...t, tabTitle: C }), h({ ...t, tabTitle: C });
+                text: h.tabTitle || h.title,
+                onSave: (p) => {
+                  o({ ...t, tabTitle: p }), x({ ...t, tabTitle: p });
                 },
                 children: /* @__PURE__ */ e.jsxs(
                   is,
                   {
                     draggable: !0,
-                    onDragStart: (C) => L(C, p),
-                    onDragOver: T,
-                    onDrop: (C) => z(C, p),
+                    onDragStart: (p) => L(p, v),
+                    onDragOver: I,
+                    onDrop: (p) => O(p, v),
                     className: "",
-                    value: m.id,
+                    value: h.id,
                     children: [
-                      v(s, m),
-                      m.tabTitle || m.title,
-                      s.activeCardId === m.id && s.cards.length > 1 && /* @__PURE__ */ e.jsx(
+                      N(s, h),
+                      h.tabTitle || h.title,
+                      s.activeCardId === h.id && s.cards.length > 1 && /* @__PURE__ */ e.jsx(
                         za,
                         {
                           className: "ml-2 size-3.5 text-muted-foreground hover:text-foreground",
-                          onClick: () => F(m.id)
+                          onClick: () => D(h.id)
                         }
                       )
                     ]
                   }
                 )
               },
-              m.id
+              h.id
             )),
             /* @__PURE__ */ e.jsx(
-              O,
+              F,
               {
                 className: "ml-1 h-8 px-2 hover:bg-muted-foreground/50",
                 variant: "outline",
-                onClick: x,
+                onClick: m,
                 children: /* @__PURE__ */ e.jsx(Ds, { className: "h-4 w-4" })
               }
             ),
             /* @__PURE__ */ e.jsx(
-              O,
+              F,
               {
                 className: "invisible ml-1 h-8 px-2 hover:bg-muted-foreground/50 group-hover:visible",
                 variant: "outline",
@@ -3416,34 +3419,34 @@ function ra() {
     );
   }
   function A() {
-    return t.type === "kpi" ? /* @__PURE__ */ e.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e.jsx(Yt, { card: t, data: u == null ? void 0 : u.records }) }) }) : t.type === "text" ? /* @__PURE__ */ e.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e.jsx(
+    return t.type === "kpi" ? /* @__PURE__ */ e.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e.jsx(Yt, { card: t, data: d == null ? void 0 : d.records }) }) }) : t.type === "text" ? /* @__PURE__ */ e.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e.jsx(
       Xt,
       {
         isLoading: n,
         card: t,
-        data: u == null ? void 0 : u.records
+        data: d == null ? void 0 : d.records
       }
     ) }) }) : /* @__PURE__ */ e.jsx(xs, { FallbackComponent: Na, children: /* @__PURE__ */ e.jsx(Pa, { className: "grow border-none shadow-none" }) });
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "relative flex h-full flex-col py-3", children: [
-    (y || g) && /* @__PURE__ */ e.jsx(Ze, { className: "absolute bottom-0 left-0 right-0 top-0 z-50 m-auto h-10 w-10 animate-spin text-foreground/10" }),
+    (y || f) && /* @__PURE__ */ e.jsx(Ze, { className: "absolute bottom-0 left-0 right-0 top-0 z-50 m-auto h-10 w-10 animate-spin text-foreground/10" }),
     /* @__PURE__ */ e.jsxs("div", { className: "mb-0 flex min-h-10 items-center justify-end gap-2 px-6", children: [
       a && /* @__PURE__ */ e.jsxs("div", { className: "flex grow items-center gap-2", children: [
         /* @__PURE__ */ e.jsx(Ol, {}),
         !["table", "custom"].includes(t.type) && /* @__PURE__ */ e.jsx(wl, {}),
-        /* @__PURE__ */ e.jsx(Tl, {})
+        /* @__PURE__ */ e.jsx(Il, {})
       ] }),
       /* @__PURE__ */ e.jsx(Dl, {})
     ] }),
-    a ? D() : /* @__PURE__ */ e.jsxs("div", { className: "flex min-h-0 w-full flex-1 grow basis-0 px-6", children: [
-      i && /* @__PURE__ */ e.jsx(Il, {}),
-      (u == null ? void 0 : u.records) && (u == null ? void 0 : u.records.length) > 0 && /* @__PURE__ */ e.jsx(Nl, { data: (u == null ? void 0 : u.records) || [] }),
+    a ? T() : /* @__PURE__ */ e.jsxs("div", { className: "flex min-h-0 w-full flex-1 grow basis-0 px-6", children: [
+      i && /* @__PURE__ */ e.jsx(Tl, {}),
+      (d == null ? void 0 : d.records) && (d == null ? void 0 : d.records.length) > 0 && /* @__PURE__ */ e.jsx(Nl, { data: (d == null ? void 0 : d.records) || [] }),
       l && /* @__PURE__ */ e.jsx("span", { className: "font-mono text-sm", children: l })
     ] })
   ] });
 }
-function Il() {
-  const s = d((a) => a.pythonStdOut);
+function Tl() {
+  const s = u((a) => a.pythonStdOut);
   if (!s)
     return null;
   const t = s.replace(/\n/g, "<br>");
@@ -3460,7 +3463,7 @@ function Il() {
   ] });
 }
 function Dl() {
-  const s = d((a) => a.isShowingVisual), t = d(
+  const s = u((a) => a.isShowingVisual), t = u(
     (a) => a.actions.setIsShowingVisual
   );
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
@@ -3489,7 +3492,7 @@ function Ml({
       className: "flex gap-4",
       defaultValue: s[0].value,
       children: s.map((n) => /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-        /* @__PURE__ */ e.jsx(Ie, { value: n.value, id: n.value }),
+        /* @__PURE__ */ e.jsx(Te, { value: n.value, id: n.value }),
         /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: n.value, children: n.label })
       ] }, n.value))
     }
@@ -3512,7 +3515,7 @@ function pe({
     ),
     /* @__PURE__ */ e.jsx(be, { children: /* @__PURE__ */ e.jsxs(ke, { children: [
       /* @__PURE__ */ e.jsx(ye, { children: s }),
-      t.map((i) => /* @__PURE__ */ e.jsx(J, { value: i.value, children: i.label }, i.value))
+      t.map((i) => /* @__PURE__ */ e.jsx(Q, { value: i.value, children: i.label }, i.value))
     ] }) })
   ] });
 }
@@ -3538,111 +3541,111 @@ function Qe({
   );
 }
 function Ll() {
-  var j, F;
-  const s = d(
-    (N) => N.card.customCardPreferences
-  ), { data: t } = Za(), a = (t == null ? void 0 : t.plugins) || [], n = d((N) => N.card), l = d((N) => N.frame), i = (s == null ? void 0 : s.visualType) || "single", { setCustomCardPreferences: r } = ce(), { components: c, manifest: o } = va(
+  var j, D;
+  const s = u(
+    (C) => C.card.customCardPreferences
+  ), { data: t } = Za(), a = (t == null ? void 0 : t.plugins) || [], n = u((C) => C.card), l = u((C) => C.frame), i = (s == null ? void 0 : s.visualType) || "single", { setCustomCardPreferences: r } = ce(), { components: c, manifest: o } = va(
     (s == null ? void 0 : s.url) || ""
-  ), h = (j = o == null ? void 0 : o.visuals) == null ? void 0 : j.find(
-    (N) => N.name === (s == null ? void 0 : s.componentName)
+  ), x = (j = o == null ? void 0 : o.visuals) == null ? void 0 : j.find(
+    (C) => C.name === (s == null ? void 0 : s.componentName)
   );
-  function u(N, L) {
+  function d(C, L) {
     if (!s)
       return;
-    const z = {
+    const O = {
       ...(s == null ? void 0 : s.dataInputCardIds) || {},
-      [N]: {
+      [C]: {
         cardId: L,
         hookRef: null
       }
     };
     r({
       ...s,
-      dataInputCardIds: z
+      dataInputCardIds: O
     });
   }
-  function y(N) {
-    var T, z;
-    const L = (T = l == null ? void 0 : l.cards) == null ? void 0 : T.filter((v) => {
-      var D;
-      return ((D = v == null ? void 0 : v.customCardPreferences) == null ? void 0 : D.visualType) !== "multiple";
-    }).map((v) => ({
-      value: v.id,
-      label: v.tabTitle || v.title
+  function y(C) {
+    var I, O;
+    const L = (I = l == null ? void 0 : l.cards) == null ? void 0 : I.filter((N) => {
+      var T;
+      return ((T = N == null ? void 0 : N.customCardPreferences) == null ? void 0 : T.visualType) !== "multiple";
+    }).map((N) => ({
+      value: N.id,
+      label: N.tabTitle || N.title
     }));
-    return /* @__PURE__ */ e.jsx("div", { className: "space-y-2", children: (z = N == null ? void 0 : N.dataInputs) == null ? void 0 : z.map((v, D) => {
-      var A, m;
+    return /* @__PURE__ */ e.jsx("div", { className: "space-y-2", children: (O = C == null ? void 0 : C.dataInputs) == null ? void 0 : O.map((N, T) => {
+      var A, h;
       return /* @__PURE__ */ e.jsxs(
         "div",
         {
           className: "grid grid-cols-10 gap-2",
           children: [
-            /* @__PURE__ */ e.jsx("div", { className: "col-span-4 flex items-center", children: v }),
+            /* @__PURE__ */ e.jsx("div", { className: "col-span-4 flex items-center", children: N }),
             /* @__PURE__ */ e.jsx(
               pe,
               {
                 className: "col-span-6 h-8 w-full justify-between",
                 label: "",
                 options: L || [],
-                value: ((m = (A = s == null ? void 0 : s.dataInputCardIds) == null ? void 0 : A[D]) == null ? void 0 : m.cardId) || "",
-                onValueChange: (p) => u(D, p)
+                value: ((h = (A = s == null ? void 0 : s.dataInputCardIds) == null ? void 0 : A[T]) == null ? void 0 : h.cardId) || "",
+                onValueChange: (v) => d(T, v)
               }
             )
           ]
         },
-        D + Math.random()
+        T + Math.random()
       );
     }) });
   }
-  function g(N, L, T = []) {
-    var z, v;
-    return s ? N === "input" ? /* @__PURE__ */ e.jsx(
+  function f(C, L, I = []) {
+    var O, N;
+    return s ? C === "input" ? /* @__PURE__ */ e.jsx(
       re,
       {
         className: `h-8 w-full ${Ge}`,
-        value: ((z = s == null ? void 0 : s.settings) == null ? void 0 : z[L]) || "",
-        onChange: (D) => {
+        value: ((O = s == null ? void 0 : s.settings) == null ? void 0 : O[L]) || "",
+        onChange: (T) => {
           r({
             ...s,
             settings: {
               ...s == null ? void 0 : s.settings,
-              [L]: D.target.value
+              [L]: T.target.value
             }
           });
         }
       },
       L
-    ) : N === "select" ? /* @__PURE__ */ e.jsx(
+    ) : C === "select" ? /* @__PURE__ */ e.jsx(
       pe,
       {
         className: "h-8 w-full",
         label: "",
-        options: T,
-        value: ((v = s == null ? void 0 : s.settings) == null ? void 0 : v[L]) || "",
-        onValueChange: (D) => {
+        options: I,
+        value: ((N = s == null ? void 0 : s.settings) == null ? void 0 : N[L]) || "",
+        onValueChange: (T) => {
           r({
             ...s,
-            settings: { ...s == null ? void 0 : s.settings, [L]: D }
+            settings: { ...s == null ? void 0 : s.settings, [L]: T }
           });
         }
       }
     ) : null : null;
   }
-  function x(N) {
-    const L = Object.entries((N == null ? void 0 : N.settings) || {});
-    return /* @__PURE__ */ e.jsx("div", { className: "space-y-3", children: L.map(([T, z]) => /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ e.jsx(H, { children: z.title }),
-      g(
-        z.ui,
-        T,
-        z.options
+  function m(C) {
+    const L = Object.entries((C == null ? void 0 : C.settings) || {});
+    return /* @__PURE__ */ e.jsx("div", { className: "space-y-3", children: L.map(([I, O]) => /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ e.jsx(H, { children: O.title }),
+      f(
+        O.ui,
+        I,
+        O.options
       )
-    ] }, T)) });
+    ] }, I)) });
   }
-  function f(N) {
+  function g(C) {
     s && r({
       ...s,
-      visualType: N,
+      visualType: C,
       componentName: ""
     });
   }
@@ -3659,12 +3662,12 @@ function Ll() {
               label: "",
               options: a,
               value: (s == null ? void 0 : s.url) || "",
-              onValueChange: (N) => r({
+              onValueChange: (C) => r({
                 ...s || {
                   url: "",
                   componentName: ""
                 },
-                url: N
+                url: C
               })
             }
           ) }) }),
@@ -3676,7 +3679,7 @@ function Ll() {
                 { value: "multiple", label: "Multi-Visual" }
               ],
               value: i,
-              onValueChange: f
+              onValueChange: g
             }
           ),
           ((s == null ? void 0 : s.type) === "component" || (s == null ? void 0 : s.type) === void 0) && s && /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
@@ -3687,16 +3690,16 @@ function Ll() {
                 className: "h-8 w-full",
                 label: "",
                 options: (c == null ? void 0 : c.filter(
-                  (N) => N.type === i
-                ).map((N) => ({
-                  value: N.name,
-                  label: N.name
+                  (C) => C.type === i
+                ).map((C) => ({
+                  value: C.name,
+                  label: C.name
                 }))) || [],
                 value: s.componentName,
-                onValueChange: (N) => {
-                  console.log("changing value", N), r({
+                onValueChange: (C) => {
+                  console.log("changing value", C), r({
                     ...s,
-                    componentName: N
+                    componentName: C
                   });
                 }
               }
@@ -3704,12 +3707,12 @@ function Ll() {
           ] }) })
         ] }) }) }),
         /* @__PURE__ */ e.jsx(de, { className: "my-4" }),
-        ((F = n == null ? void 0 : n.customCardPreferences) == null ? void 0 : F.componentName) && /* @__PURE__ */ e.jsxs(Qe, { summary: "Component Settings", children: [
-          h && h.dataInputs && /* @__PURE__ */ e.jsxs("div", { className: "space-y-3", children: [
+        ((D = n == null ? void 0 : n.customCardPreferences) == null ? void 0 : D.componentName) && /* @__PURE__ */ e.jsxs(Qe, { summary: "Component Settings", children: [
+          x && x.dataInputs && /* @__PURE__ */ e.jsxs("div", { className: "space-y-3", children: [
             /* @__PURE__ */ e.jsx(H, { children: "Input Mapping" }),
-            /* @__PURE__ */ e.jsx("div", { className: "px-2", children: y(h) })
+            /* @__PURE__ */ e.jsx("div", { className: "px-2", children: y(x) })
           ] }),
-          h && h.settings && /* @__PURE__ */ e.jsx("div", { className: "space-y-3", children: /* @__PURE__ */ e.jsx("div", { className: "px-2", children: x(h) }) })
+          x && x.settings && /* @__PURE__ */ e.jsx("div", { className: "space-y-3", children: /* @__PURE__ */ e.jsx("div", { className: "px-2", children: m(x) }) })
         ] })
       ]
     }
@@ -3717,28 +3720,28 @@ function Ll() {
 }
 function Me() {
   const [s, t] = R([]);
-  d(
-    (u) => u.card.cfg
+  u(
+    (d) => d.card.cfg
   );
-  const a = d((u) => u.card.preferences), { setCardCfg: n, setFilterOnClickColumnIndex: l, setCardPreferences: i } = d((u) => u.actions), r = d(
-    (u) => u.queryResultColumns
+  const a = u((d) => d.card.preferences), { setCardCfg: n, setFilterOnClickColumnIndex: l, setCardPreferences: i } = u((d) => d.actions), r = u(
+    (d) => d.queryResultColumns
   );
-  d(
-    (u) => {
+  u(
+    (d) => {
       var y;
-      return (y = u.card.preferences) == null ? void 0 : y.filterOnClickColumnIndex;
+      return (y = d.card.preferences) == null ? void 0 : y.filterOnClickColumnIndex;
     }
   ), Z(() => {
     r && t(new Array(r.length).fill(!1));
   }, [r]);
-  function c(u, y) {
-    var g, x;
-    y ? a != null && a.onClickFilter && ((g = a == null ? void 0 : a.onClickFilter) == null ? void 0 : g.length) > 0 ? i({
+  function c(d, y) {
+    var f, m;
+    y ? a != null && a.onClickFilter && ((f = a == null ? void 0 : a.onClickFilter) == null ? void 0 : f.length) > 0 ? i({
       ...a,
       onClickFilter: [
         ...a.onClickFilter,
         {
-          columnIndex: u,
+          columnIndex: d,
           expression: ""
         }
       ]
@@ -3746,39 +3749,39 @@ function Me() {
       ...a,
       onClickFilter: [
         {
-          columnIndex: u,
+          columnIndex: d,
           expression: ""
         }
       ]
     }) : (i({
       ...a,
-      onClickFilter: (x = a == null ? void 0 : a.onClickFilter) == null ? void 0 : x.filter(
-        (f) => f.columnIndex !== u
+      onClickFilter: (m = a == null ? void 0 : a.onClickFilter) == null ? void 0 : m.filter(
+        (g) => g.columnIndex !== d
       )
-    }), t((f) => {
-      const j = [...f];
-      return j[u] = !1, j;
+    }), t((g) => {
+      const j = [...g];
+      return j[d] = !1, j;
     }));
   }
-  function o(u, y) {
-    var x;
-    const g = (x = a == null ? void 0 : a.onClickFilter) == null ? void 0 : x.map((f) => f.columnIndex === u ? {
-      ...f,
+  function o(d, y) {
+    var m;
+    const f = (m = a == null ? void 0 : a.onClickFilter) == null ? void 0 : m.map((g) => g.columnIndex === d ? {
+      ...g,
       expression: y.target.value
-    } : f);
+    } : g);
     i({
       ...a,
-      onClickFilter: g
+      onClickFilter: f
     });
   }
-  function h(u) {
-    var y, g, x, f;
-    if (s != null && s[u] || (g = (y = a == null ? void 0 : a.onClickFilter) == null ? void 0 : y.find((j) => j.columnIndex === u)) != null && g.expression)
+  function x(d) {
+    var y, f, m, g;
+    if (s != null && s[d] || (f = (y = a == null ? void 0 : a.onClickFilter) == null ? void 0 : y.find((j) => j.columnIndex === d)) != null && f.expression)
       return /* @__PURE__ */ e.jsx(
         re,
         {
-          value: (f = (x = a == null ? void 0 : a.onClickFilter) == null ? void 0 : x.find((j) => j.columnIndex === u)) == null ? void 0 : f.expression,
-          onChange: (j) => o(u, j),
+          value: (g = (m = a == null ? void 0 : a.onClickFilter) == null ? void 0 : m.find((j) => j.columnIndex === d)) == null ? void 0 : g.expression,
+          onChange: (j) => o(d, j),
           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"
@@ -3787,8 +3790,8 @@ function Me() {
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ e.jsx(H, { children: "On Click" }),
-    r == null ? void 0 : r.map((u, y) => {
-      var g, x;
+    r == null ? void 0 : r.map((d, y) => {
+      var f, m;
       return /* @__PURE__ */ e.jsx(
         "div",
         {
@@ -3798,50 +3801,50 @@ function Me() {
               /* @__PURE__ */ e.jsx(
                 ms,
                 {
-                  checked: !!((g = a == null ? void 0 : a.onClickFilter) != null && g.find(
-                    (f) => f.columnIndex === y
+                  checked: !!((f = a == null ? void 0 : a.onClickFilter) != null && f.find(
+                    (g) => g.columnIndex === y
                   )),
-                  onCheckedChange: (f) => c(y, f)
+                  onCheckedChange: (g) => c(y, g)
                 }
               ),
               /* @__PURE__ */ e.jsx(
                 "label",
                 {
                   className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
-                  children: u
+                  children: d
                 }
               ),
-              /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: ((x = a == null ? void 0 : a.onClickFilter) == null ? void 0 : x.find(
-                (f) => f.columnIndex === y
+              /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: ((m = a == null ? void 0 : a.onClickFilter) == null ? void 0 : m.find(
+                (g) => g.columnIndex === y
               )) && /* @__PURE__ */ e.jsx(
                 Aa,
                 {
                   onClick: () => {
-                    t((f) => {
-                      const j = [...f];
-                      return j[y] = !f[y], j;
+                    t((g) => {
+                      const j = [...g];
+                      return j[y] = !g[y], j;
                     });
                   },
                   className: "invisible size-3 cursor-pointer text-gray-400 group-hover:visible"
                 }
               ) })
             ] }),
-            h(y)
+            x(y)
           ] })
         },
-        u
+        d
       );
     })
   ] });
 }
 function bs() {
   var r, c, o;
-  const s = d((h) => h.card.preferences), t = d(
-    (h) => h.card.cfg
-  ), { setCardCfg: a, setCardPreferences: n, setChartOrientation: l } = d((h) => h.actions);
+  const s = u((x) => x.card.preferences), t = u(
+    (x) => x.card.cfg
+  ), { setCardCfg: a, setCardPreferences: n, setChartOrientation: l } = u((x) => x.actions);
   (r = t == null ? void 0 : t.options) != null && r.indexAxis;
-  function i(h) {
-    l(h);
+  function i(x) {
+    l(x);
   }
   return /* @__PURE__ */ e.jsxs(
     js,
@@ -3852,11 +3855,11 @@ function bs() {
       defaultValue: "x",
       children: [
         /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ e.jsx(Ie, { value: "x", id: "r1" }),
+          /* @__PURE__ */ e.jsx(Te, { value: "x", id: "r1" }),
           /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: "r1", children: "Vertical" })
         ] }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ e.jsx(Ie, { value: "y", id: "r2" }),
+          /* @__PURE__ */ e.jsx(Te, { value: "y", id: "r2" }),
           /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: "r2", children: "Horizontal" })
         ] })
       ]
@@ -3870,32 +3873,32 @@ function ia(s, t) {
   return ((i = (l = (n = s == null ? void 0 : s.chartOptions) == null ? void 0 : n.scales) == null ? void 0 : l[a]) == null ? void 0 : i.type) || "linear";
 }
 function et() {
-  var le, Q, ne, w, _, ee;
-  const [s, t] = R(!1), a = d((E) => {
+  var le, J, ne, w, _, ee;
+  const [s, t] = R(!1), a = u((E) => {
     var M;
     return (M = E.card) == null ? void 0 : M.preferences;
-  }), n = d((E) => {
+  }), n = u((E) => {
     var M;
     return (M = E.card) == null ? void 0 : M.cfg;
   }), l = Oa(a, n), [i, r] = R(
     ia(a)
   ), [c, o] = R(
-    ((ne = (Q = (le = a == null ? void 0 : a.chartOptions) == null ? void 0 : le.scales) == null ? void 0 : Q[l]) == null ? void 0 : ne.min) || ""
-  ), [h, u] = R(
+    ((ne = (J = (le = a == null ? void 0 : a.chartOptions) == null ? void 0 : le.scales) == null ? void 0 : J[l]) == null ? void 0 : ne.min) || ""
+  ), [x, d] = R(
     ((ee = (_ = (w = a == null ? void 0 : a.chartOptions) == null ? void 0 : w.scales) == null ? void 0 : _[l]) == null ? void 0 : ee.max) || ""
-  ), [y, g] = R(c || h ? "custom" : "auto"), [x, f] = R(""), [j, F] = R(0), [N, L] = R(""), [T, z] = R(""), [v, D] = R(""), A = d(
+  ), [y, f] = R(c || x ? "custom" : "auto"), [m, g] = R(""), [j, D] = R(0), [C, L] = R(""), [I, O] = R(""), [N, T] = R(""), A = u(
     (E) => E.actions.setCardPreferences
-  ), { updateCardInFrame: m } = ce(), p = d((E) => E.card), C = d((E) => {
+  ), { updateCardInFrame: h } = ce(), v = u((E) => E.card), p = u((E) => {
     var M;
     return (M = E.card) == null ? void 0 : M.type;
-  }), I = ["pie", "doughnut", "polarArea"].includes(C);
+  }), k = ["pie", "doughnut", "polarArea"].includes(p);
   Z(() => {
     var E, M, se, P, X, ie, Ce, Le, Ne, Fe, Se, ae, ue, he;
     r(ia(a)), o(
       ((se = (M = (E = a == null ? void 0 : a.chartOptions) == null ? void 0 : E.scales) == null ? void 0 : M[l]) == null ? void 0 : se.min) === 0 ? 0 : ""
-    ), u(((ie = (X = (P = a == null ? void 0 : a.chartOptions) == null ? void 0 : P.scales) == null ? void 0 : X[l]) == null ? void 0 : ie.max) || ""), f(
+    ), d(((ie = (X = (P = a == null ? void 0 : a.chartOptions) == null ? void 0 : P.scales) == null ? void 0 : X[l]) == null ? void 0 : ie.max) || ""), g(
       ((Fe = (Ne = (Le = (Ce = a == null ? void 0 : a.chartOptions) == null ? void 0 : Ce.scales) == null ? void 0 : Le[l]) == null ? void 0 : Ne.ticks) == null ? void 0 : Fe.stepSize) || ""
-    ), F(((Se = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : Se.decimalPlaces) || 0), L(((ae = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : ae.suffix) || ""), z(((ue = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : ue.currency) || ""), D(((he = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : he.locale) || "");
+    ), D(((Se = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : Se.decimalPlaces) || 0), L(((ae = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : ae.suffix) || ""), O(((ue = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : ue.currency) || ""), T(((he = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : he.locale) || "");
   }, [s, a, l]);
   function V(E, M) {
     return M === "" || /^[0-9\b]+$/.test(M) ? Number(M) : Number(E);
@@ -3924,19 +3927,19 @@ function et() {
         /* @__PURE__ */ e.jsxs(
           fe,
           {
-            value: T || "none",
-            onValueChange: (M) => z(M === "none" ? "" : M),
+            value: I || "none",
+            onValueChange: (M) => O(M === "none" ? "" : M),
             children: [
               /* @__PURE__ */ e.jsx(ge, { className: "col-span-2 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(je, {}) }),
               /* @__PURE__ */ e.jsx(be, { children: /* @__PURE__ */ e.jsxs(ke, { children: [
                 /* @__PURE__ */ e.jsx(ye, { children: "Currency" }),
-                /* @__PURE__ */ e.jsx(J, { value: "none", children: "None" }),
-                E.map((M) => /* @__PURE__ */ e.jsx(J, { value: M, children: M }, M))
+                /* @__PURE__ */ e.jsx(Q, { value: "none", children: "None" }),
+                E.map((M) => /* @__PURE__ */ e.jsx(Q, { value: M, children: M }, M))
               ] }) })
             ]
           }
         ),
-        /* @__PURE__ */ e.jsxs(fe, { value: v, onValueChange: (M) => D(M), children: [
+        /* @__PURE__ */ e.jsxs(fe, { value: N, onValueChange: (M) => T(M), children: [
           /* @__PURE__ */ e.jsx(
             ge,
             {
@@ -3946,7 +3949,7 @@ function et() {
           ),
           /* @__PURE__ */ e.jsx(be, { children: /* @__PURE__ */ e.jsxs(ke, { children: [
             /* @__PURE__ */ e.jsx(ye, { children: "Locale" }),
-            cs.map((M) => /* @__PURE__ */ e.jsx(J, { value: M.locale, children: M.locale }, M.locale))
+            cs.map((M) => /* @__PURE__ */ e.jsx(Q, { value: M.locale, children: M.locale }, M.locale))
           ] }) })
         ] })
       ] }),
@@ -3956,7 +3959,7 @@ function et() {
           re,
           {
             value: j,
-            onChange: (M) => F(Number(M.target.value)),
+            onChange: (M) => D(Number(M.target.value)),
             id: "format",
             className: `col-span-6 h-8 w-full tracking-wide ${ns}`
           }
@@ -3980,8 +3983,8 @@ function et() {
         /* @__PURE__ */ e.jsx(
           re,
           {
-            value: h,
-            onChange: (E) => u((M) => V(M, E.target.value)),
+            value: x,
+            onChange: (E) => d((M) => V(M, E.target.value)),
             id: "max",
             className: `col-span-1 h-8 w-full ${ns}`
           }
@@ -3992,8 +3995,8 @@ function et() {
         /* @__PURE__ */ e.jsx(
           re,
           {
-            value: x,
-            onChange: (E) => f((M) => V(M, E.target.value)),
+            value: m,
+            onChange: (E) => g((M) => V(M, E.target.value)),
             id: "step-size",
             className: `col-span-1 h-8 w-full ${ns}`
           }
@@ -4006,9 +4009,9 @@ function et() {
     let E = {};
     y === "custom" && (E = {
       min: c,
-      max: h,
+      max: x,
       ticks: {
-        stepSize: x
+        stepSize: m
       }
     });
     const M = {
@@ -4026,17 +4029,17 @@ function et() {
       },
       numberAxisFormat: {
         decimalPlaces: j,
-        suffix: N,
-        currency: T,
-        locale: v
+        suffix: C,
+        currency: I,
+        locale: N
       }
     };
     console.log(M), A(M);
     const se = {
-      ...p,
+      ...v,
       preferences: M
     };
-    m(se);
+    h(se);
   }
   return /* @__PURE__ */ e.jsxs(ps, { onOpenChange: (E) => t(E), children: [
     /* @__PURE__ */ e.jsx(fs, { asChild: !0, children: /* @__PURE__ */ e.jsx(sn, { className: "size-4 cursor-pointer text-muted-foreground hover:text-foreground" }) }),
@@ -4051,15 +4054,15 @@ function et() {
           /* @__PURE__ */ e.jsxs(
             fe,
             {
-              disabled: I,
+              disabled: k,
               value: i,
               onValueChange: (E) => r(E),
               children: [
                 /* @__PURE__ */ e.jsx(ge, { className: "col-span-2 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(je, {}) }),
                 /* @__PURE__ */ e.jsx(be, { id: "type", children: /* @__PURE__ */ e.jsxs(ke, { children: [
                   /* @__PURE__ */ e.jsx(ye, { children: "Option" }),
-                  /* @__PURE__ */ e.jsx(J, { value: "linear", children: "Linear" }),
-                  /* @__PURE__ */ e.jsx(J, { value: "logarithmic", children: "Logarithmic" })
+                  /* @__PURE__ */ e.jsx(Q, { value: "linear", children: "Linear" }),
+                  /* @__PURE__ */ e.jsx(Q, { value: "logarithmic", children: "Logarithmic" })
                 ] }) })
               ]
             }
@@ -4070,19 +4073,19 @@ function et() {
           /* @__PURE__ */ e.jsxs(
             js,
             {
-              disabled: I,
+              disabled: k,
               id: "scale-option",
               value: y,
-              onValueChange: (E) => g(E),
+              onValueChange: (E) => f(E),
               className: "col-span-2 flex gap-3",
               defaultValue: "x",
               children: [
                 /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-                  /* @__PURE__ */ e.jsx(Ie, { value: "auto", id: "r1" }),
+                  /* @__PURE__ */ e.jsx(Te, { value: "auto", id: "r1" }),
                   /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: "r1", children: "Auto" })
                 ] }),
                 /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-                  /* @__PURE__ */ e.jsx(Ie, { value: "custom", id: "r2" }),
+                  /* @__PURE__ */ e.jsx(Te, { value: "custom", id: "r2" }),
                   /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: "r2", children: "Custom" })
                 ] })
               ]
@@ -4093,7 +4096,7 @@ function et() {
         $(),
         /* @__PURE__ */ e.jsx(an, {}),
         /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-3", children: /* @__PURE__ */ e.jsx(
-          O,
+          F,
           {
             onClick: Y,
             variant: "secondary",
@@ -4107,20 +4110,20 @@ function et() {
 }
 function El({ idx: s }) {
   var c;
-  const t = d((o) => {
-    var h;
-    return (h = o.card) == null ? void 0 : h.preferences;
-  }), a = d(
+  const t = u((o) => {
+    var x;
+    return (x = o.card) == null ? void 0 : x.preferences;
+  }), a = u(
     (o) => {
-      var h;
-      return (h = o.card.preferences) == null ? void 0 : h.datasetOptions;
+      var x;
+      return (x = o.card.preferences) == null ? void 0 : x.datasetOptions;
     }
-  ), n = d(
+  ), n = u(
     (o) => o.actions.setCardPreferences
   ), l = (c = t == null ? void 0 : t.chartOptions) == null ? void 0 : c.indexAxis, i = a == null ? void 0 : a.find((o) => o.idx === s);
-  function r(o, h) {
+  function r(o, x) {
     (o === "end" || o === "start") && tn(nn());
-    const u = {
+    const d = {
       display: o !== "none",
       align: o,
       anchor: o,
@@ -4132,20 +4135,20 @@ function El({ idx: s }) {
         datasetOptions: [
           ...a || [],
           {
-            idx: h,
-            datalabels: u
+            idx: x,
+            datalabels: d
           }
         ]
       });
     else {
       const y = { ...i };
-      y.datalabels = u;
-      const g = a == null ? void 0 : a.map(
-        (x) => x.idx === h ? y : x
+      y.datalabels = d;
+      const f = a == null ? void 0 : a.map(
+        (m) => m.idx === x ? y : m
       );
       n({
         ...t,
-        datasetOptions: g
+        datasetOptions: f
       });
     }
   }
@@ -4153,7 +4156,7 @@ function El({ idx: s }) {
     /* @__PURE__ */ e.jsx(fs, { children: /* @__PURE__ */ e.jsx(Jn, { className: "invisible size-4 rotate-[135deg] cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible" }) }),
     /* @__PURE__ */ e.jsx(gs, { className: "w-fit p-1", children: /* @__PURE__ */ e.jsxs("div", { className: "flex gap-1", children: [
       /* @__PURE__ */ e.jsx(
-        O,
+        F,
         {
           onClick: () => r("none", s),
           size: "sm",
@@ -4163,7 +4166,7 @@ function El({ idx: s }) {
         }
       ),
       /* @__PURE__ */ e.jsx(
-        O,
+        F,
         {
           onClick: () => r("start", s),
           size: "sm",
@@ -4180,7 +4183,7 @@ function El({ idx: s }) {
         }
       ),
       /* @__PURE__ */ e.jsx(
-        O,
+        F,
         {
           onClick: () => r("center", s),
           size: "sm",
@@ -4197,7 +4200,7 @@ function El({ idx: s }) {
         }
       ),
       /* @__PURE__ */ e.jsx(
-        O,
+        F,
         {
           onClick: () => r("end", s),
           size: "sm",
@@ -4217,10 +4220,10 @@ function El({ idx: s }) {
   ] });
 }
 function st() {
-  const s = d((h) => h.card), t = d(
-    (h) => {
-      var u, y, g;
-      return (g = (y = (u = h == null ? void 0 : h.card) == null ? void 0 : u.preferences) == null ? void 0 : y.chartOptions) == null ? void 0 : g.indexAxis;
+  const s = u((x) => x.card), t = u(
+    (x) => {
+      var d, y, f;
+      return (f = (y = (d = x == null ? void 0 : x.card) == null ? void 0 : d.preferences) == null ? void 0 : y.chartOptions) == null ? void 0 : f.indexAxis;
     }
   ), { data: a } = qe(s), n = t === "y" ? "Y axis" : "X axis", l = t === "y" ? "X axis" : "Y axis", {
     keys: i,
@@ -4229,13 +4232,13 @@ function st() {
   } = Ss((a == null ? void 0 : a.records) || []);
   let o = r;
   if (["stackedBar", "stackedLine"].includes(s.type)) {
-    const h = ln({
+    const x = ln({
       dataArray: (a == null ? void 0 : a.records) || [],
       groupKey: c[0],
       pivotKey: c[1],
       valueKey: o[0]
-    }), { metricKeys: u } = Ss(h);
-    o = u;
+    }), { metricKeys: d } = Ss(x);
+    o = d;
   }
   return i.length === 0 ? null : /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
@@ -4247,20 +4250,20 @@ function st() {
         /* @__PURE__ */ e.jsx(H, { children: l }),
         /* @__PURE__ */ e.jsx(et, {})
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: o.map((h, u) => /* @__PURE__ */ e.jsx(Al, { col: h, idx: u }, h)) })
+      /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: o.map((x, d) => /* @__PURE__ */ e.jsx(Al, { col: x, idx: d }, x)) })
     ] })
   ] });
 }
 function Al({ col: s, idx: t }) {
-  const a = d((c) => {
+  const a = u((c) => {
     var o;
     return (o = c.card) == null ? void 0 : o.preferences;
-  }), n = d(
+  }), n = u(
     (c) => {
       var o;
       return (o = c.card.preferences) == null ? void 0 : o.datasetOptions;
     }
-  ), l = n == null ? void 0 : n.find((c) => c.idx === t), { setCardPreferences: i } = d((c) => c.actions);
+  ), l = n == null ? void 0 : n.find((c) => c.idx === t), { setCardPreferences: i } = u((c) => c.actions);
   function r(c) {
     if (!l)
       i({
@@ -4277,12 +4280,12 @@ function Al({ col: s, idx: t }) {
     else {
       const o = { ...l };
       o.type = c === "area" ? "line" : c, o.fill = c === "area" ? "origin" : "";
-      const h = n == null ? void 0 : n.map(
-        (u) => u.idx === t ? o : u
+      const x = n == null ? void 0 : n.map(
+        (d) => d.idx === t ? o : d
       );
       i({
         ...a,
-        datasetOptions: h
+        datasetOptions: x
       });
     }
   }
@@ -4322,61 +4325,61 @@ function Al({ col: s, idx: t }) {
   ] });
 }
 function at() {
-  const s = d((g) => g.selectedConnectionId), t = d((g) => g.selectedDatamodelId), a = d((g) => g.selectedDatabaseName), n = d((g) => g.selectedSchemaName), l = d((g) => g.selectedTableName), i = k((g) => g.dashboard.filters) || [], r = k((g) => g.actions.addFilter), c = k((g) => g.actions.removeFilter), o = k(
-    (g) => g.actions.removeFilterValue
-  ), { modelItems: h, tableName: u } = Re();
-  function y(g, x = "dashboard") {
-    var D;
-    const f = xe(g.column_name), j = xe(a || ""), F = xe(n || ""), N = xe(u);
+  const s = u((f) => f.selectedConnectionId), t = u((f) => f.selectedDatamodelId), a = u((f) => f.selectedDatabaseName), n = u((f) => f.selectedSchemaName), l = u((f) => f.selectedTableName), i = z((f) => f.dashboard.filters) || [], r = z((f) => f.actions.addFilter), c = z((f) => f.actions.removeFilter), o = z(
+    (f) => f.actions.removeFilterValue
+  ), { modelItems: x, tableName: d } = Re();
+  function y(f, m = "dashboard") {
+    var T;
+    const g = xe(f.column_name), j = xe(a || ""), D = xe(n || ""), C = xe(d);
     let L = ja(
-      F,
-      N
-    ), T = `${L}.${f}`;
-    const z = (D = h == null ? void 0 : h.find(
+      D,
+      C
+    ), I = `${L}.${g}`;
+    const O = (T = x == null ? void 0 : x.find(
       (A) => A.id === t
-    )) == null ? void 0 : D.name;
-    t && t !== "none" && (T = `${Ns}.${z}.${f}`, L = `${Ns}.${z}`);
-    const v = i == null ? void 0 : i.find(
-      (A) => A.column === T && A.table === N && (A.database === j || A.database === a)
+    )) == null ? void 0 : T.name;
+    t && t !== "none" && (I = `${Ns}.${O}.${g}`, L = `${Ns}.${O}`);
+    const N = i == null ? void 0 : i.find(
+      (A) => A.column === I && A.table === C && (A.database === j || A.database === a)
     );
-    if (v)
-      o(v.id), c(v.id);
+    if (N)
+      o(N.id), c(N.id);
     else {
       const A = We();
-      return u === "api" && s ? (r({
-        location: x,
+      return d === "api" && s ? (r({
+        location: m,
         id: A,
         //uuidv4(),
-        column: T,
-        title: g.column_name,
-        dataType: g.data_type,
+        column: I,
+        title: f.column_name,
+        dataType: f.data_type,
         table: "api",
         database: "",
         // database: 'NA',
         connectionId: s,
         operation: "in",
         sql: aa(
-          g.data_type,
+          f.data_type,
           L,
-          f
+          g
         )
         //DATE_DATA_TYPES.includes(column.data_type) ? dateSql : sql,
       }), A) : (r({
         id: A,
         //uuidv4(),
-        location: x,
-        column: T,
+        location: m,
+        column: I,
         //columnName, //`${qualifiedTableName}.${formattedColumnName}`,
-        title: g.column_name,
-        dataType: g.data_type,
+        title: f.column_name,
+        dataType: f.data_type,
         table: l || "",
         database: a || "",
         connectionId: s || "",
         operation: "in",
         sql: aa(
-          g.data_type,
+          f.data_type,
           L,
-          f
+          g
         )
         //DATE_DATA_TYPES.includes(column.data_type) ? dateSql : sql,
       }), A);
@@ -4385,9 +4388,9 @@ function at() {
   return { assignFilter: y };
 }
 function _e() {
-  const s = k(
+  const s = z(
     (c) => c.dashboard.filters
-  ), t = d((c) => c.frame), { setFrame: a } = ce(), { columns: n } = Re(), { assignFilter: l } = at();
+  ), t = u((c) => c.frame), { setFrame: a } = ce(), { columns: n } = Re(), { assignFilter: l } = at();
   function i(c) {
     const o = l(c, "frame");
     a({ ...t, filterId: o });
@@ -4407,7 +4410,7 @@ function Vl({
   const [a, n] = ta.useState(!1), [l, i] = ta.useState("");
   return /* @__PURE__ */ e.jsxs(ps, { open: a, onOpenChange: n, children: [
     /* @__PURE__ */ e.jsx(fs, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
-      O,
+      F,
       {
         size: "sm",
         variant: "outline",
@@ -4429,8 +4432,8 @@ function Vl({
           {
             value: c.column_name,
             onSelect: (o) => {
-              const h = o === l ? "" : o;
-              i(h), n(!1), h && t(c);
+              const x = o === l ? "" : o;
+              i(x), n(!1), x && t(c);
             },
             children: [
               c.column_name,
@@ -4498,11 +4501,11 @@ function ql({
 }
 function Js() {
   var l, i, r;
-  const s = d(
+  const s = u(
     (c) => c.card.cfg
-  ), t = d((c) => c.actions.setCardCfg), a = d((c) => c.card.type);
+  ), t = u((c) => c.actions.setCardCfg), a = u((c) => c.card.type);
   function n(c) {
-    var u;
+    var d;
     const o = {
       datalabels: {
         display: c !== "none",
@@ -4510,17 +4513,17 @@ function Js() {
         anchor: c,
         clamp: !0
       }
-    }, h = {
+    }, x = {
       ...s,
       options: {
         ...s == null ? void 0 : s.options,
         plugins: {
-          ...(u = s == null ? void 0 : s.options) == null ? void 0 : u.plugins,
+          ...(d = s == null ? void 0 : s.options) == null ? void 0 : d.plugins,
           ...o
         }
       }
     };
-    t(h), console.log(c);
+    t(x), console.log(c);
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between", children: [
@@ -4537,10 +4540,10 @@ function Js() {
           /* @__PURE__ */ e.jsx(ge, { className: "h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(je, { placeholder: "Select position" }) }),
           /* @__PURE__ */ e.jsx(be, { children: /* @__PURE__ */ e.jsxs(ke, { children: [
             /* @__PURE__ */ e.jsx(ye, { children: "Data Labels" }),
-            /* @__PURE__ */ e.jsx(J, { value: "none", children: "None" }),
-            a !== "pyramid" && /* @__PURE__ */ e.jsx(J, { value: "start", children: "Start" }),
-            /* @__PURE__ */ e.jsx(J, { value: "center", children: "Center" }),
-            a !== "pyramid" && /* @__PURE__ */ e.jsx(J, { value: "end", children: "End" })
+            /* @__PURE__ */ e.jsx(Q, { value: "none", children: "None" }),
+            a !== "pyramid" && /* @__PURE__ */ e.jsx(Q, { value: "start", children: "Start" }),
+            /* @__PURE__ */ e.jsx(Q, { value: "center", children: "Center" }),
+            a !== "pyramid" && /* @__PURE__ */ e.jsx(Q, { value: "end", children: "End" })
           ] }) })
         ]
       }
@@ -4619,7 +4622,7 @@ const _l = {
   ]
 };
 function $l() {
-  const s = d((t) => t.card.type);
+  const s = u((t) => t.card.type);
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-6 p-6", children: [
     /* @__PURE__ */ e.jsx(
       De,
@@ -4736,52 +4739,52 @@ function Pl(s) {
     ] }) });
 }
 function Bl() {
-  var o, h, u, y, g;
-  const s = d((x) => x.card.preferences), t = d(
-    (x) => x.actions.setCardPreferences
-  ), a = d(
-    (x) => x.actions.setNumberFormat
+  var o, x, d, y, f;
+  const s = u((m) => m.card.preferences), t = u(
+    (m) => m.actions.setCardPreferences
+  ), a = u(
+    (m) => m.actions.setNumberFormat
   );
-  d(
-    (x) => {
-      var f, j;
-      return (j = (f = x.card.preferences) == null ? void 0 : f.formatNumber) == null ? void 0 : j.decimalPlaces;
+  u(
+    (m) => {
+      var g, j;
+      return (j = (g = m.card.preferences) == null ? void 0 : g.formatNumber) == null ? void 0 : j.decimalPlaces;
     }
   );
-  const n = d(
-    (x) => {
-      var f, j;
-      return (j = (f = x.card.preferences) == null ? void 0 : f.formatNumber) == null ? void 0 : j.locale;
+  const n = u(
+    (m) => {
+      var g, j;
+      return (j = (g = m.card.preferences) == null ? void 0 : g.formatNumber) == null ? void 0 : j.locale;
     }
-  ), l = d(
-    (x) => {
-      var f, j;
-      return (j = (f = x.card.preferences) == null ? void 0 : f.formatNumber) == null ? void 0 : j.currency;
+  ), l = u(
+    (m) => {
+      var g, j;
+      return (j = (g = m.card.preferences) == null ? void 0 : g.formatNumber) == null ? void 0 : j.currency;
     }
   );
-  d(
-    (x) => x.actions.setFilterOnClickField
+  u(
+    (m) => m.actions.setFilterOnClickField
   );
-  const i = d(
-    (x) => {
-      var f, j;
-      return (j = (f = x.card.preferences) == null ? void 0 : f.formatNumber) == null ? void 0 : j.colorRanges;
+  const i = u(
+    (m) => {
+      var g, j;
+      return (j = (g = m.card.preferences) == null ? void 0 : g.formatNumber) == null ? void 0 : j.colorRanges;
     }
-  ) || [], r = d(
-    (x) => x.actions.setColorRanges
-  ), c = [...new Set(cs.map((x) => x.currency))];
+  ) || [], r = u(
+    (m) => m.actions.setColorRanges
+  ), c = [...new Set(cs.map((m) => m.currency))];
   return /* @__PURE__ */ e.jsxs("div", { children: [
     /* @__PURE__ */ e.jsxs("div", { className: "mb-3 flex items-center gap-2", children: [
       /* @__PURE__ */ e.jsx(
         ms,
         {
           checked: !!((o = s == null ? void 0 : s.formatNumber) != null && o.enabled),
-          onCheckedChange: (x) => {
+          onCheckedChange: (m) => {
             t({
               ...s,
               formatNumber: {
                 ...s == null ? void 0 : s.formatNumber,
-                enabled: x
+                enabled: m
               }
             });
           }
@@ -4789,7 +4792,7 @@ function Bl() {
       ),
       /* @__PURE__ */ e.jsx(H, { children: "Format Number" })
     ] }),
-    ((h = s == null ? void 0 : s.formatNumber) == null ? void 0 : h.enabled) === !0 && /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2", children: [
+    ((x = s == null ? void 0 : s.formatNumber) == null ? void 0 : x.enabled) === !0 && /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2", children: [
       /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 p-2", children: [
         /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ e.jsxs("div", { className: "w-full space-y-1", children: [
@@ -4797,21 +4800,22 @@ function Bl() {
             /* @__PURE__ */ e.jsxs(
               fe,
               {
-                value: n || "en-US",
-                onValueChange: (x) => {
-                  var f, j, F;
+                value: n || "none",
+                onValueChange: (m) => {
+                  var g, j, D;
                   return a(
-                    ((f = s == null ? void 0 : s.formatNumber) == null ? void 0 : f.decimalPlaces) || 0,
+                    ((g = s == null ? void 0 : s.formatNumber) == null ? void 0 : g.decimalPlaces) || 0,
                     ((j = s == null ? void 0 : s.formatNumber) == null ? void 0 : j.currency) || "",
-                    x || "en-US",
-                    ((F = s == null ? void 0 : s.formatNumber) == null ? void 0 : F.suffix) || ""
+                    m,
+                    ((D = s == null ? void 0 : s.formatNumber) == null ? void 0 : D.suffix) || ""
                   );
                 },
                 children: [
                   /* @__PURE__ */ e.jsx(ge, { className: "col-span-6 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(je, {}) }),
                   /* @__PURE__ */ e.jsx(be, { children: /* @__PURE__ */ e.jsxs(ke, { children: [
                     /* @__PURE__ */ e.jsx(ye, { children: "Format" }),
-                    cs.map((x) => /* @__PURE__ */ e.jsx(J, { value: x.locale, children: x.locale }, x.locale))
+                    /* @__PURE__ */ e.jsx(Q, { value: "none", children: "None" }, "none"),
+                    cs.map((m) => /* @__PURE__ */ e.jsx(Q, { value: m.locale, children: m.locale }, m.locale))
                   ] }) })
                 ]
               }
@@ -4823,21 +4827,21 @@ function Bl() {
               fe,
               {
                 value: l || "none",
-                onValueChange: (x) => {
-                  var f, j, F;
-                  return a(
-                    ((f = s == null ? void 0 : s.formatNumber) == null ? void 0 : f.decimalPlaces) || 0,
-                    x === "none" ? "" : x,
+                onValueChange: (m) => {
+                  var g, j, D;
+                  console.log("currency", m), a(
+                    ((g = s == null ? void 0 : s.formatNumber) == null ? void 0 : g.decimalPlaces) || 0,
+                    m === "none" ? "" : m,
                     ((j = s == null ? void 0 : s.formatNumber) == null ? void 0 : j.locale) || "",
-                    ((F = s == null ? void 0 : s.formatNumber) == null ? void 0 : F.suffix) || ""
+                    ((D = s == null ? void 0 : s.formatNumber) == null ? void 0 : D.suffix) || ""
                   );
                 },
                 children: [
                   /* @__PURE__ */ e.jsx(ge, { className: "col-span-6 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(je, {}) }),
                   /* @__PURE__ */ e.jsx(be, { children: /* @__PURE__ */ e.jsxs(ke, { children: [
                     /* @__PURE__ */ e.jsx(ye, { children: "Currency" }),
-                    /* @__PURE__ */ e.jsx(J, { value: "none", children: "None" }, "none"),
-                    c.map((x) => /* @__PURE__ */ e.jsx(J, { value: x, children: x }, x))
+                    /* @__PURE__ */ e.jsx(Q, { value: "none", children: "None" }, "none"),
+                    c.map((m) => /* @__PURE__ */ e.jsx(Q, { value: m, children: m }, m))
                   ] }) })
                 ]
               }
@@ -4850,19 +4854,19 @@ function Bl() {
             /* @__PURE__ */ e.jsxs(
               fe,
               {
-                value: ((y = (u = s == null ? void 0 : s.formatNumber) == null ? void 0 : u.decimalPlaces) == null ? void 0 : y.toString()) || "0",
-                onValueChange: (x) => {
-                  var f, j, F;
+                value: ((y = (d = s == null ? void 0 : s.formatNumber) == null ? void 0 : d.decimalPlaces) == null ? void 0 : y.toString()) || "0",
+                onValueChange: (m) => {
+                  var g, j, D;
                   return a(
-                    Number(x),
-                    ((f = s == null ? void 0 : s.formatNumber) == null ? void 0 : f.currency) || "",
+                    Number(m),
+                    ((g = s == null ? void 0 : s.formatNumber) == null ? void 0 : g.currency) || "",
                     ((j = s == null ? void 0 : s.formatNumber) == null ? void 0 : j.locale) || "",
-                    ((F = s == null ? void 0 : s.formatNumber) == null ? void 0 : F.suffix) || ""
+                    ((D = s == null ? void 0 : s.formatNumber) == null ? void 0 : D.suffix) || ""
                   );
                 },
                 children: [
                   /* @__PURE__ */ e.jsx(ge, { className: "col-span-3 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(je, {}) }),
-                  /* @__PURE__ */ e.jsx(be, { children: ["0", "1", "2", "3", "4"].map((x) => /* @__PURE__ */ e.jsx(J, { value: x, children: x }, x)) })
+                  /* @__PURE__ */ e.jsx(be, { children: ["0", "1", "2", "3", "4"].map((m) => /* @__PURE__ */ e.jsx(Q, { value: m, children: m }, m)) })
                 ]
               }
             )
@@ -4872,16 +4876,16 @@ function Bl() {
             /* @__PURE__ */ e.jsx(
               re,
               {
-                value: ((g = s == null ? void 0 : s.formatNumber) == null ? void 0 : g.suffix) || "",
+                value: ((f = s == null ? void 0 : s.formatNumber) == null ? void 0 : f.suffix) || "",
                 className: "h-8 font-mono text-xs focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0",
                 placeholder: "K, M, B, %",
-                onChange: (x) => {
-                  var f, j, F;
+                onChange: (m) => {
+                  var g, j, D;
                   return a(
-                    ((f = s == null ? void 0 : s.formatNumber) == null ? void 0 : f.decimalPlaces) || 0,
+                    ((g = s == null ? void 0 : s.formatNumber) == null ? void 0 : g.decimalPlaces) || 0,
                     ((j = s == null ? void 0 : s.formatNumber) == null ? void 0 : j.currency) || "",
-                    ((F = s == null ? void 0 : s.formatNumber) == null ? void 0 : F.locale) || "",
-                    x.target.value
+                    ((D = s == null ? void 0 : s.formatNumber) == null ? void 0 : D.locale) || "",
+                    m.target.value
                   );
                 }
               }
@@ -5032,12 +5036,12 @@ const Gl = [
   value: s
 }));
 function Jl() {
-  var o, h, u, y, g, x, f, j, F, N, L, T, z, v, D, A, m, p;
-  const s = d((C) => C.card), t = (h = (o = s == null ? void 0 : s.preferences) == null ? void 0 : o.mapVisualOptions) == null ? void 0 : h.topoJsonUrl, [a, n] = R(
-    ((y = (u = s == null ? void 0 : s.preferences) == null ? void 0 : u.mapVisualOptions) == null ? void 0 : y.customTopoJsonUrl) || ""
-  ), { setCardPreferences: l } = ce(), { data: i } = Bs(s), r = Object.keys((i == null ? void 0 : i.objects) || {}).map((C) => ({
-    label: C,
-    value: C
+  var o, x, d, y, f, m, g, j, D, C, L, I, O, N, T, A, h, v;
+  const s = u((p) => p.card), t = (x = (o = s == null ? void 0 : s.preferences) == null ? void 0 : o.mapVisualOptions) == null ? void 0 : x.topoJsonUrl, [a, n] = R(
+    ((y = (d = s == null ? void 0 : s.preferences) == null ? void 0 : d.mapVisualOptions) == null ? void 0 : y.customTopoJsonUrl) || ""
+  ), { setCardPreferences: l } = ce(), { data: i } = Bs(s), r = Object.keys((i == null ? void 0 : i.objects) || {}).map((p) => ({
+    label: p,
+    value: p
   })) || [], c = [
     {
       label: "US States 10m",
@@ -5061,11 +5065,11 @@ function Jl() {
         {
           className: "h-9",
           options: c,
-          onValueChange: (C) => {
-            console.log("value", C), l({
+          onValueChange: (p) => {
+            console.log("value", p), l({
               ...s.preferences,
               mapVisualOptions: {
-                topoJsonUrl: C
+                topoJsonUrl: p
                 //   customTopoJson: undefined,
               }
             });
@@ -5077,15 +5081,15 @@ function Jl() {
       t === "custom" && /* @__PURE__ */ e.jsx(
         re,
         {
-          onChange: (C) => {
-            n(C.target.value);
+          onChange: (p) => {
+            n(p.target.value);
           },
           onBlur: () => {
-            var C;
+            var p;
             console.log("onBlur", a), l({
               ...s.preferences,
               mapVisualOptions: {
-                ...(C = s.preferences) == null ? void 0 : C.mapVisualOptions,
+                ...(p = s.preferences) == null ? void 0 : p.mapVisualOptions,
                 customTopoJsonUrl: a
               }
             });
@@ -5103,15 +5107,15 @@ function Jl() {
             {
               className: "h-9",
               options: r,
-              value: ((x = (g = s.preferences) == null ? void 0 : g.mapVisualOptions) == null ? void 0 : x.objectKey) || "",
+              value: ((m = (f = s.preferences) == null ? void 0 : f.mapVisualOptions) == null ? void 0 : m.objectKey) || "",
               label: "Map Object",
-              onValueChange: (C) => {
-                var I;
+              onValueChange: (p) => {
+                var k;
                 l({
                   ...s.preferences,
                   mapVisualOptions: {
-                    ...(I = s.preferences) == null ? void 0 : I.mapVisualOptions,
-                    objectKey: C
+                    ...(k = s.preferences) == null ? void 0 : k.mapVisualOptions,
+                    objectKey: p
                   }
                 });
               }
@@ -5125,15 +5129,15 @@ function Jl() {
             {
               className: "h-9",
               options: Gl,
-              value: ((j = (f = s.preferences) == null ? void 0 : f.mapVisualOptions) == null ? void 0 : j.projection) || "",
+              value: ((j = (g = s.preferences) == null ? void 0 : g.mapVisualOptions) == null ? void 0 : j.projection) || "",
               label: "Projection",
-              onValueChange: (C) => {
-                var I;
+              onValueChange: (p) => {
+                var k;
                 l({
                   ...s.preferences,
                   mapVisualOptions: {
-                    ...(I = s.preferences) == null ? void 0 : I.mapVisualOptions,
-                    projection: C
+                    ...(k = s.preferences) == null ? void 0 : k.mapVisualOptions,
+                    projection: p
                   }
                 });
               }
@@ -5147,15 +5151,15 @@ function Jl() {
             {
               className: "h-9",
               options: Ql,
-              value: ((N = (F = s.preferences) == null ? void 0 : F.mapVisualOptions) == null ? void 0 : N.colorScale) || "",
+              value: ((C = (D = s.preferences) == null ? void 0 : D.mapVisualOptions) == null ? void 0 : C.colorScale) || "",
               label: "Select Color Scale",
-              onValueChange: (C) => {
-                var I;
+              onValueChange: (p) => {
+                var k;
                 l({
                   ...s.preferences,
                   mapVisualOptions: {
-                    ...(I = s.preferences) == null ? void 0 : I.mapVisualOptions,
-                    colorScale: C
+                    ...(k = s.preferences) == null ? void 0 : k.mapVisualOptions,
+                    colorScale: p
                   }
                 });
               }
@@ -5172,14 +5176,14 @@ function Jl() {
           className: `h-9 w-full ${Ge}`,
           type: "number",
           step: 0.1,
-          value: ((T = (L = s.preferences) == null ? void 0 : L.mapVisualOptions) == null ? void 0 : T.projectionScale) || 1,
-          onChange: (C) => {
-            var I;
+          value: ((I = (L = s.preferences) == null ? void 0 : L.mapVisualOptions) == null ? void 0 : I.projectionScale) || 1,
+          onChange: (p) => {
+            var k;
             l({
               ...s.preferences,
               mapVisualOptions: {
-                ...(I = s.preferences) == null ? void 0 : I.mapVisualOptions,
-                projectionScale: Number(C.target.value)
+                ...(k = s.preferences) == null ? void 0 : k.mapVisualOptions,
+                projectionScale: Number(p.target.value)
               }
             });
           }
@@ -5192,15 +5196,15 @@ function Jl() {
           className: `h-9 w-full ${Ge}`,
           type: "number",
           step: 10,
-          value: ((D = (v = (z = s.preferences) == null ? void 0 : z.mapVisualOptions) == null ? void 0 : v.projectionOffset) == null ? void 0 : D[0]) || 0,
-          onChange: (C) => {
-            var I, V, $, B;
+          value: ((T = (N = (O = s.preferences) == null ? void 0 : O.mapVisualOptions) == null ? void 0 : N.projectionOffset) == null ? void 0 : T[0]) || 0,
+          onChange: (p) => {
+            var k, V, $, B;
             l({
               ...s.preferences,
               mapVisualOptions: {
-                ...(I = s.preferences) == null ? void 0 : I.mapVisualOptions,
+                ...(k = s.preferences) == null ? void 0 : k.mapVisualOptions,
                 projectionOffset: [
-                  Number(C.target.value),
+                  Number(p.target.value),
                   ((B = ($ = (V = s.preferences) == null ? void 0 : V.mapVisualOptions) == null ? void 0 : $.projectionOffset) == null ? void 0 : B[1]) || 0
                 ]
               }
@@ -5215,16 +5219,16 @@ function Jl() {
           className: `h-9 w-full ${Ge}`,
           type: "number",
           step: 10,
-          value: ((p = (m = (A = s.preferences) == null ? void 0 : A.mapVisualOptions) == null ? void 0 : m.projectionOffset) == null ? void 0 : p[1]) || 0,
-          onChange: (C) => {
-            var I, V, $, B;
+          value: ((v = (h = (A = s.preferences) == null ? void 0 : A.mapVisualOptions) == null ? void 0 : h.projectionOffset) == null ? void 0 : v[1]) || 0,
+          onChange: (p) => {
+            var k, V, $, B;
             l({
               ...s.preferences,
               mapVisualOptions: {
-                ...(I = s.preferences) == null ? void 0 : I.mapVisualOptions,
+                ...(k = s.preferences) == null ? void 0 : k.mapVisualOptions,
                 projectionOffset: [
                   ((B = ($ = (V = s.preferences) == null ? void 0 : V.mapVisualOptions) == null ? void 0 : $.projectionOffset) == null ? void 0 : B[0]) || 0,
-                  Number(C.target.value)
+                  Number(p.target.value)
                 ]
               }
             });
@@ -5238,7 +5242,7 @@ function Jl() {
 }
 function Wl() {
   var n;
-  const s = d((l) => l.card.preferences), { setCardPreferences: t } = d((l) => l.actions);
+  const s = u((l) => l.card.preferences), { setCardPreferences: t } = u((l) => l.actions);
   function a(l) {
     t({
       ...s,
@@ -5257,11 +5261,11 @@ function Wl() {
       defaultValue: "x",
       children: [
         /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ e.jsx(Ie, { value: "static", id: "r1" }),
+          /* @__PURE__ */ e.jsx(Te, { value: "static", id: "r1" }),
           /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: "r1", children: "Static" })
         ] }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ e.jsx(Ie, { value: "dynamic", id: "r2" }),
+          /* @__PURE__ */ e.jsx(Te, { value: "dynamic", id: "r2" }),
           /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: "r2", children: "Dynamic" })
         ] })
       ]
@@ -5316,7 +5320,7 @@ function ls({
   ] }) });
 }
 function Yl() {
-  const s = d(
+  const s = u(
     (n) => {
       var l, i;
       return (i = (l = n == null ? void 0 : n.card) == null ? void 0 : l.preferences) == null ? void 0 : i.sortChart;
@@ -5396,10 +5400,10 @@ function Yl() {
   ] }) });
 }
 function Xl({}) {
-  const s = d((n) => {
+  const s = u((n) => {
     var l;
     return (l = n.card) == null ? void 0 : l.preferences;
-  }), t = d(
+  }), t = u(
     (n) => n.actions.setCardPreferences
   ), a = (n) => {
     t({
@@ -5478,7 +5482,7 @@ const Zl = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-
   ] })
 ] });
 function ar() {
-  const s = d((a) => a.card.type);
+  const s = u((a) => a.card.type);
   function t(a) {
     switch (a) {
       case "stackedBar":
@@ -5523,7 +5527,7 @@ function ar() {
   return /* @__PURE__ */ e.jsx(Ps, { className: "h-full w-full text-sm", children: t(s) });
 }
 function tr() {
-  const s = d((t) => t.isShowingVisual);
+  const s = u((t) => t.isShowingVisual);
   return /* @__PURE__ */ e.jsxs(
     ws,
     {
@@ -5569,8 +5573,8 @@ function tr() {
   );
 }
 function nr({ authToken: s, onSave: t, onClose: a }) {
-  k((r) => r.themeStyle);
-  const n = d((r) => r.actions.setOnSave), l = d((r) => r.actions.setOnClose), i = k((r) => r.actions.setAuthToken);
+  z((r) => r.themeStyle);
+  const n = u((r) => r.actions.setOnSave), l = u((r) => r.actions.setOnClose), i = z((r) => r.actions.setAuthToken);
   return Z(() => {
     t && n(t), a && l(a);
   }, [t, n, a, l]), Z(() => {
@@ -5592,8 +5596,8 @@ function nr({ authToken: s, onSave: t, onClose: a }) {
   ) });
 }
 function lr() {
-  k((r) => r.selectedCardId);
-  const s = k((r) => r.selectedSheetId), { setIsVisualEditing: t } = k((r) => r.actions), a = k((r) => r.isVisualEditing), n = k((r) => r.actions.updateFrame);
+  z((r) => r.selectedCardId);
+  const s = z((r) => r.selectedSheetId), { setIsVisualEditing: t } = z((r) => r.actions), a = z((r) => r.isVisualEditing), n = z((r) => r.actions.updateFrame);
   function l(r) {
     s && (n(s, r), t(!1));
   }
@@ -5612,11 +5616,11 @@ function lr() {
   );
 }
 function rr() {
-  d((r) => r.selectedConnectionId), d((r) => r.selectedDatamodelId);
-  const s = d((r) => r.selectedDatabaseName);
-  d((r) => r.selectedSchemaName);
-  const t = d((r) => r.selectedTableName), a = k((r) => r.dashboard.filters) || [];
-  k((r) => r.actions.addFilter), k((r) => r.actions.removeFilter), k(
+  u((r) => r.selectedConnectionId), u((r) => r.selectedDatamodelId);
+  const s = u((r) => r.selectedDatabaseName);
+  u((r) => r.selectedSchemaName);
+  const t = u((r) => r.selectedTableName), a = z((r) => r.dashboard.filters) || [];
+  z((r) => r.actions.addFilter), z((r) => r.actions.removeFilter), z(
     (r) => r.actions.removeFilterValue
   );
   const { modelItems: n, columns: l } = Re(), { assignFilter: i } = at();
@@ -5644,15 +5648,15 @@ function rr() {
   }) });
 }
 function ir() {
-  k((t) => t.showFilters);
-  const s = k(
+  z((t) => t.showFilters);
+  const s = z(
     (t) => t.actions.setShowFilters
   );
   return /* @__PURE__ */ e.jsxs("section", { className: "relative flex grow flex-col border-l px-4", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "mt-4 flex items-center justify-between gap-2 px-3", children: [
       /* @__PURE__ */ e.jsx(H, { className: "text-lg", children: "Filters" }),
       /* @__PURE__ */ e.jsx(
-        O,
+        F,
         {
           onClick: () => s(!1),
           className: "h-7 w-7 p-0",
@@ -5676,7 +5680,7 @@ function ir() {
   ] });
 }
 function or() {
-  const s = k((a) => a.showFilters), t = k((a) => a.isVisualEditing);
+  const s = z((a) => a.showFilters), t = z((a) => a.isVisualEditing);
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -5693,10 +5697,10 @@ function or() {
   );
 }
 function cr() {
-  const s = k((n) => n.dashboard), t = k((n) => n.actions.setDashboard), a = k(
+  const s = z((n) => n.dashboard), t = z((n) => n.actions.setDashboard), a = z(
     (n) => n.showDashboardJSON
   );
-  return k(
+  return z(
     (n) => n.actions.setShowDashboardJSON
   ), /* @__PURE__ */ e.jsx(
     "div",
@@ -5773,13 +5777,13 @@ export {
   Yn as U,
   Gs as a,
   Ks as b,
-  Ta as c,
-  Ia as d,
+  Ia as c,
+  Ta as d,
   Da as e,
   On as f,
   Fn as g,
-  Tn as h,
-  In as i,
+  In as h,
+  Tn as i,
   Mn as j,
   Dn as k,
   An as l,