react-semaphor 0.0.296 → 0.0.297

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

@@ -1,4 +1,4 @@
-import { c as q, p as hs, u as z, n as Fs, o as Oe, q as e, r as Ts, s as Is, t as F, j as Ds, v as Ms, w as Ls, x as Es, y as As, L as _, 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 Qe, V as d, 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 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 Jt, bj as ps, bk as fs, bl as gs, bm as Qt, 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-PtVvQMP6.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",
     {
@@ -458,7 +458,7 @@ const Kn = q("Sigma", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Jn = q("SwatchBook", [
+const Qn = q("SwatchBook", [
   ["path", { d: "M11 17a4 4 0 0 1-8 0V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2Z", key: "1ldrpk" }],
   ["path", { d: "M16.7 13H19a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H7", key: "11i5po" }],
   ["path", { d: "M 7 17h.01", key: "1euzgo" }],
@@ -476,7 +476,7 @@ const Jn = q("SwatchBook", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Qn = q("Tag", [
+const Jn = q("Tag", [
   [
     "path",
     {
@@ -502,7 +502,7 @@ const Wn = q("ToggleLeft", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Js = q("Type", [
+const Qs = q("Type", [
   ["polyline", { points: "4 7 4 4 20 4 20 7", key: "1nosan" }],
   ["line", { x1: "9", x2: "15", y1: "20", y2: "20", key: "swin9y" }],
   ["line", { x1: "12", x2: "12", y1: "4", y2: "20", key: "1tx1rr" }]
@@ -526,10 +526,10 @@ function qa(s) {
       return {
         ...a,
         frames: (n = a.frames) == null ? void 0 : n.map((l) => {
-          var o;
+          var i;
           return {
             ...l,
-            cards: (o = l.cards) == null ? void 0 : o.map((r) => Xn(r))
+            cards: (i = l.cards) == null ? void 0 : i.map((r) => Xn(r))
           };
         })
       };
@@ -545,8 +545,8 @@ function Xn(s) {
       data: {
         ...(t = s.cfg) == null ? void 0 : t.data,
         labels: [],
-        datasets: (l = (n = (a = s.cfg) == null ? void 0 : a.data) == null ? void 0 : n.datasets) == null ? void 0 : l.map((o) => ({
-          ...o,
+        datasets: (l = (n = (a = s.cfg) == null ? void 0 : a.data) == null ? void 0 : n.datasets) == null ? void 0 : l.map((i) => ({
+          ...i,
           data: []
         }))
       }
@@ -584,12 +584,12 @@ async function el(s, t, a, n) {
 async function Os(s, t) {
   if (!t)
     return null;
-  const { id: a, template: n, filterValues: l, isDefault: o, shared: r } = s;
+  const { id: a, template: n, filterValues: l, isDefault: i, shared: r } = s;
   return await hs("https://semaphor.cloud/api/v1/lens", t, {
     lensId: a,
     template: n,
     filterValues: l,
-    isDefault: o,
+    isDefault: i,
     shared: r,
     operation: "update"
   });
@@ -601,9 +601,9 @@ async function sl(s, t) {
   }) : null;
 }
 function al() {
-  const [s, t] = R(""), [a, n] = R(!1), l = z((j) => j.lenses), { setLenses: o, setSelectedLensId: r } = Fs(), [u, i] = R(!1), [x, c] = R(!1), y = z((j) => j.dashboard), f = z((j) => j.filterValues), { authToken: m } = Oe();
+  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() {
-    i(!0);
+    o(!0);
     const j = qa(
       y
     ), D = await el(
@@ -612,10 +612,10 @@ function al() {
       f,
       m == null ? void 0 : m.accessToken
     );
-    D && (o([...l || [], D]), r(D.id), c(!1)), i(!1);
+    D && (i([...l || [], D]), r(D.id), d(!1)), o(!1);
   }
-  return /* @__PURE__ */ e.jsxs(Ts, { open: x, onOpenChange: c, children: [
-    /* @__PURE__ */ e.jsx(Is, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
+  return /* @__PURE__ */ e.jsxs(Is, { open: x, onOpenChange: d, children: [
+    /* @__PURE__ */ e.jsx(Ts, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
       F,
       {
         variant: "secondary",
@@ -633,7 +633,7 @@ function al() {
         /* @__PURE__ */ e.jsx(As, { children: "Lenses are private by default and are only visible to you." })
       ] }),
       /* @__PURE__ */ e.jsx("div", { className: "grid gap-4 py-4", children: /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-8 items-center gap-4", children: [
-        /* @__PURE__ */ e.jsx(_, { className: "text-right", children: "Name" }),
+        /* @__PURE__ */ e.jsx(H, { className: "text-right", children: "Name" }),
         /* @__PURE__ */ e.jsx(
           re,
           {
@@ -654,40 +654,40 @@ function al() {
           variant: "outline",
           type: "submit",
           onClick: g,
-          disabled: u,
-          children: u ? "Creating..." : "Add"
+          disabled: c,
+          children: c ? "Creating..." : "Add"
         }
       ) })
     ] })
   ] });
 }
 function tl() {
-  const [s, t] = R(!1), a = z((c) => c.lenses), n = z((c) => c.selectedLensId), { setLenses: l, setSelectedLensId: o } = Fs(), { authToken: r } = Oe();
-  async function u(c) {
-    o(c);
+  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 i(c) {
-    if (await sl(c, r == null ? void 0 : r.accessToken)) {
-      const f = a == null ? void 0 : a.filter((m) => m.id !== c);
-      l(f || []), o("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 x(c) {
-    const y = a == null ? void 0 : a.map((g) => g.id === c.id ? {
+  async function x(d) {
+    const y = a == null ? void 0 : a.map((g) => g.id === d.id ? {
       ...g,
-      isDefault: !c.isDefault
+      isDefault: !d.isDefault
     } : {
       ...g,
       isDefault: !1
     });
     l(y || []);
     const f = {
-      ...c,
-      isDefault: !c.isDefault
+      ...d,
+      isDefault: !d.isDefault
     };
     await Os(f, r == null ? void 0 : r.accessToken);
     const m = a == null ? void 0 : a.find((g) => g.isDefault);
-    if (m && m.id !== c.id) {
+    if (m && m.id !== d.id) {
       const g = {
         ...m,
         isDefault: !1
@@ -704,38 +704,38 @@ function tl() {
         ot,
         {
           value: n,
-          onValueChange: u,
+          onValueChange: c,
           children: [
             /* @__PURE__ */ e.jsx(Ys, { value: "original", children: "Original" }),
-            a == null ? void 0 : a.map((c) => /* @__PURE__ */ e.jsxs(
+            a == null ? void 0 : a.map((d) => /* @__PURE__ */ e.jsxs(
               Ys,
               {
                 className: "group flex justify-between gap-2",
-                value: c.id,
+                value: d.id,
                 children: [
-                  /* @__PURE__ */ e.jsx("p", { children: c.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(), x(c);
+                          y.preventDefault(), x(d);
                         },
                         className: W(
                           "size-3.5 text-muted-foreground hover:cursor-pointer hover:text-foreground group-hover:visible",
                           {
-                            invisible: !c.isDefault,
-                            "text-green-500": c.isDefault
+                            invisible: !d.isDefault,
+                            "text-green-500": d.isDefault
                           }
                         ),
                         strokeWidth: 1.5
                       }
                     ),
                     /* @__PURE__ */ e.jsx(
-                      Qe,
+                      Je,
                       {
                         onClick: (y) => {
-                          y.preventDefault(), i(c.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() {
                   ] })
                 ]
               },
-              c.id
+              d.id
             ))
           ]
         }
@@ -755,11 +755,11 @@ function tl() {
 function nl() {
   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 o = z(
+  const i = z(
     (p) => p.isDashboardEditing
-  ), r = d(
+  ), r = u(
     (p) => p.selectedConnectionId
-  ), [u, i] = R(!1), x = z((p) => p.filterValues), c = z((p) => p.isVisualEditing), y = z((p) => p.showFilters);
+  ), [c, o] = R(!1), x = z((p) => p.filterValues), d = z((p) => p.isVisualEditing), y = z((p) => p.showFilters);
   z(
     (p) => p.showDashboardJSON
   );
@@ -767,11 +767,11 @@ function nl() {
     (p) => p.actions.setShowFilters
   ), { addFrame: g, setSelectedFrameId: j } = z(
     (p) => p.actions
-  ), { getSelectedSheet: D, setIsDashboardEditing: C, setShowDashboardJSON: L } = z((p) => p.actions), T = D(), { tenantId: O, endUserId: N } = 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]
-  ), I = zs(() => O || N, [O, N]), A = () => {
-    if (!o || !T)
+  ), T = zs(() => O || N, [O, N]), A = () => {
+    if (!i || !I)
       return;
     const p = {
       connectionId: r,
@@ -794,12 +794,12 @@ function nl() {
       cards: [p],
       activeCardId: p.id
     };
-    g(T.id, k), j(k.id);
+    g(I.id, k), j(k.id);
   }, h = () => {
     C(!0);
   };
   async function v() {
-    if (i(!0), !a || !n)
+    if (o(!0), !a || !n)
       return;
     const p = qa(
       l
@@ -808,25 +808,25 @@ function nl() {
       template: k,
       filterValues: x
     };
-    await Os(V, s == null ? void 0 : s.accessToken), Ye.success("Lens saved"), f == null || f(p), i(!1);
+    await Os(V, s == null ? void 0 : s.accessToken), Ye.success("Lens saved"), f == null || f(p), o(!1);
   }
-  return c ? 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: [
-        !c && /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ e.jsx(_, { 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: [
-          o && !c && I && /* @__PURE__ */ e.jsx(al, {}),
-          !c && I && /* @__PURE__ */ e.jsx(tl, {}),
-          o && !c && /* @__PURE__ */ e.jsxs(
+          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: !o,
+              disabled: !i,
               onClick: A,
               children: [
                 /* @__PURE__ */ e.jsx(Ds, { className: "mr-2 h-4 w-4", strokeWidth: 1.5 }),
@@ -834,7 +834,7 @@ function nl() {
               ]
             }
           ),
-          !o && /* @__PURE__ */ e.jsx(
+          !i && /* @__PURE__ */ e.jsx(
             F,
             {
               variant: "ghost",
@@ -844,7 +844,7 @@ function nl() {
               children: /* @__PURE__ */ e.jsx(Aa, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          o && !c && /* @__PURE__ */ e.jsx(
+          i && !d && /* @__PURE__ */ e.jsx(
             F,
             {
               variant: "ghost",
@@ -854,21 +854,21 @@ function nl() {
                 C(!1), L(!1);
               },
               size: "sm",
-              children: /* @__PURE__ */ e.jsx(Qe, { className: "h-4 w-4", strokeWidth: 1.5 })
+              children: /* @__PURE__ */ e.jsx(Je, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          o && !c && I && /* @__PURE__ */ e.jsx(
+          i && !d && T && /* @__PURE__ */ e.jsx(
             F,
             {
               className: "h-7 p-2",
               variant: "ghost",
-              disabled: u,
+              disabled: c,
               onClick: v,
               size: "sm",
               children: /* @__PURE__ */ e.jsx(Un, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          !y && !c && o && /* @__PURE__ */ e.jsx(
+          !y && !d && i && /* @__PURE__ */ e.jsx(
             F,
             {
               className: "h-7 p-2",
@@ -878,8 +878,8 @@ function nl() {
               children: /* @__PURE__ */ e.jsx(ha, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          !c && o && !1,
-          !c && !1
+          !d && i && !1,
+          !d && !1
         ] })
       ]
     }
@@ -891,19 +891,19 @@ function Ue({
   value: a,
   isLoading: n,
   isError: l,
-  connectionTooltip: o,
+  connectionTooltip: i,
   onChange: r,
-  showNone: u = !1,
-  className: i,
+  showNone: c = !1,
+  className: o,
   showIcon: x = !0,
-  disabled: c = !1
+  disabled: d = !1
 }) {
   const y = n ? "Loading..." : l ? "Error" : a;
   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")
@@ -912,17 +912,17 @@ function Ue({
       return /* @__PURE__ */ e.jsx(kn, { className: "size-4" });
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-    x && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: o ? /* @__PURE__ */ e.jsxs(Vs, { children: [
+    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: o })
+      /* @__PURE__ */ e.jsx(qs, { className: "text-xs", align: "start", children: i })
     ] }) : f() }),
-    /* @__PURE__ */ e.jsxs(fe, { disabled: c, value: y, onValueChange: r, children: [
+    /* @__PURE__ */ e.jsxs(fe, { disabled: d, value: y, onValueChange: r, children: [
       /* @__PURE__ */ e.jsx(
         ge,
         {
           className: W(
             "h-9 w-full focus:ring-1 focus:ring-offset-0",
-            i
+            o
           ),
           children: /* @__PURE__ */ e.jsx(
             je,
@@ -935,7 +935,7 @@ 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: [
-          u && /* @__PURE__ */ e.jsx(Q, { value: "none", children: "None" }, "none"),
+          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(Q, { value: y, children: y })
@@ -944,24 +944,24 @@ function Ue({
   ] });
 }
 function ll({ column: s }) {
-  const [t, a] = R(!1), n = d((m) => m.selectedTableName), l = d(
+  const [t, a] = R(!1), n = u((m) => m.selectedTableName), l = u(
     (m) => m.selectedSchemaName
-  ), o = d(
+  ), i = u(
     (m) => m.selectedDatamodelId
-  ), r = d((m) => m.sqlGen), { modelItems: u } = Re(), i = d((m) => m.actions.setSqlGen), x = d((m) => m.actions.setCardSql), c = d((m) => m.actions.setRunSql);
+  ), 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(m, r, g), D = (L = u == null ? void 0 : u.find(
-      (T) => T.id === o
+    const j = xa(m, r, g), D = (L = c == null ? void 0 : c.find(
+      (I) => I.id === i
     )) == null ? void 0 : L.name;
-    i(j);
+    o(j);
     const C = pa(
       j,
       xe(l || ""),
       xe(n),
       D
     );
-    C && (x(C), c(!0)), a(!1);
+    C && (x(C), d(!0)), a(!1);
   }
   function f() {
     return /* @__PURE__ */ e.jsxs("ul", { className: "text-xs", children: [
@@ -1023,7 +1023,7 @@ function Ra({ column: s }) {
   return /* @__PURE__ */ e.jsxs(Vs, { children: [
     /* @__PURE__ */ e.jsx(dt, { asChild: !0, children: ut.includes(s.data_type.toLowerCase()) ? (
       // <span className=" font-thin">T</span>
-      /* @__PURE__ */ e.jsx(Js, { className: "size-3" })
+      /* @__PURE__ */ e.jsx(Qs, { className: "size-3" })
     ) : fa.includes(s.data_type.toLowerCase()) ? (
       //
       /* @__PURE__ */ e.jsx(An, { className: "size-3" })
@@ -1037,19 +1037,19 @@ function rl({
   columns: a,
   status: n
 }) {
-  const l = d((h) => h.sqlGen), o = d(
+  const l = u((h) => h.sqlGen), i = u(
     (h) => h.selectedConnectionId
-  ), r = d(
+  ), r = u(
     (h) => h.selectedDatabaseName
-  ), u = d(
+  ), c = u(
     (h) => h.selectedSchemaName
-  ), i = d((h) => h.selectedTableName), x = d(
+  ), o = u((h) => h.selectedTableName), x = u(
     (h) => h.selectedDatamodelId
-  ), c = z(
+  ), d = z(
     (h) => h.dashboard.aiScopeTables
-  ), { setAIScopeTables: y } = z((h) => h.actions), f = d((h) => h.actions.setRunSql), m = d((h) => h.actions.setSqlGen), g = d(
+  ), { 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 = d((h) => h.actions.setCardSql), { connectionType: D, modelItems: C } = Re();
+  ), j = u((h) => h.actions.setCardSql), { connectionType: D, modelItems: C } = Re();
   function L(h) {
     var V;
     const v = xa(h, l);
@@ -1059,34 +1059,34 @@ function rl({
     )) == null ? void 0 : V.name, k = pa(v, xe(s), xe(t), p);
     k && (j(k), f(!0));
   }
-  function T() {
-    return (c == null ? void 0 : c.find(
-      (h) => h.connectinonId === o && h.tableName === i
+  function I() {
+    return (d == null ? void 0 : d.find(
+      (h) => h.connectinonId === i && h.tableName === o
     )) !== void 0;
   }
   function O(h) {
-    if (h === !0 && i && o) {
+    if (h === !0 && o && i) {
       const v = {
-        connectinonId: o,
+        connectinonId: i,
         connectionType: D,
         databaseName: r,
-        schemaName: u,
-        tableName: i
-      }, k = [...c || [], v].filter(
+        schemaName: c,
+        tableName: o
+      }, k = [...d || [], v].filter(
         (V, $, B) => B.findIndex(
           (Y) => Y.connectinonId === V.connectinonId && Y.tableName === V.tableName
         ) === $
       );
-      y(k), Ye.success(`Added '${i}' to AI Scope`, {
+      y(k), Ye.success(`Added '${o}' to AI Scope`, {
         position: "top-right",
         duration: 2500,
         richColors: !0
       });
     } else {
-      const v = (c || []).filter(
-        (p) => p.connectinonId !== o && p.tableName !== i
+      const v = (d || []).filter(
+        (p) => p.connectinonId !== i && p.tableName !== o
       );
-      y(v), Ye(`Removed '${i}' from AI Scope`, {
+      y(v), Ye(`Removed '${o}' from AI Scope`, {
         position: "top-right",
         duration: 2e3,
         richColors: !0
@@ -1103,7 +1103,7 @@ function rl({
     let p = h;
     return (($) => /[A-Z]/.test($))(t) && (p = p.split(".").map((B) => `"${B}"`).join(".")), p;
   }
-  function I() {
+  function T() {
     const h = N();
     g(!1);
     const v = D === "MSSQL" ? `SELECT top 10 * FROM ${h}` : `SELECT * FROM ${h} LIMIT 10`;
@@ -1118,8 +1118,8 @@ function rl({
       /* @__PURE__ */ e.jsx(
         ga,
         {
-          title: `${T() ? "Remove from" : "Add to"} AI Scope`,
-          pressed: T(),
+          title: `${I() ? "Remove from" : "Add to"} AI Scope`,
+          pressed: I(),
           onPressedChange: O,
           variant: "outline",
           className: "h-9 px-2",
@@ -1127,8 +1127,8 @@ function rl({
             pt,
             {
               className: W("size-4", {
-                "text-primary": T(),
-                "text-muted-foreground": !T()
+                "text-primary": I(),
+                "text-muted-foreground": !I()
               })
             }
           )
@@ -1138,12 +1138,12 @@ function rl({
         F,
         {
           disabled: n !== "Success",
-          onClick: I,
+          onClick: T,
           size: "sm",
           variant: "secondary",
           className: "flex",
           children: [
-            n !== "Success" ? /* @__PURE__ */ e.jsx(Ze, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(Jn, { className: "mr-2 size-4" }),
+            n !== "Success" ? /* @__PURE__ */ e.jsx(Ze, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(Qn, { className: "mr-2 size-4" }),
             "Top 10"
           ]
         }
@@ -1205,38 +1205,38 @@ 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
-  ), o = d(
+  ), i = u(
     (S) => S.selectedDatamodelId
-  ), r = d(
+  ), r = u(
     (S) => S.selectedDatabaseName
-  ), u = d(
+  ), c = u(
     (S) => S.selectedSchemaName
-  ), i = d((S) => S.selectedTableName), x = d(
+  ), o = u((S) => S.selectedTableName), x = u(
     (S) => S.actions.setCurrentColumns
-  ), c = d(
+  ), d = u(
     (S) => S.actions.setSelectedConnectionId
-  ), y = d(
+  ), y = u(
     (S) => S.actions.setSelectedDatamodelId
-  ), f = d(
+  ), f = u(
     (S) => S.actions.setSelectedDatabaseName
-  ), m = d(
+  ), m = u(
     (S) => S.actions.setSelectedSchemaName
-  ), g = d(
+  ), g = u(
     (S) => S.actions.setSelectedTableName
-  ), j = d((S) => S.actions.setCardSql);
+  ), j = u((S) => S.actions.setCardSql);
   function D(S) {
-    return l && r && u && r !== "NA" ? !0 : l && S === "API" ? !1 : !!(l && S === "S3");
+    return l && r && c && r !== "NA" ? !0 : l && S === "API" ? !1 : !!(l && S === "S3");
   }
   function C(S) {
-    return !!(l && r && r !== "NA" && u && i || l && (S === "S3" || S === "API") || o && o);
+    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,
+    data: I,
     isLoading: O,
     isError: N
   } = me({
@@ -1248,7 +1248,7 @@ function Re(s, t) {
     enabled: !!(n != null && n.accessToken)
     // Only fetch if authToken is present
   }), {
-    data: I,
+    data: T,
     isLoading: A,
     isError: h
   } = me({
@@ -1262,7 +1262,7 @@ function Re(s, t) {
     ),
     enabled: !!(n != null && n.accessToken) && !!l
     // Only fetch if authToken is present
-  }), v = T == null ? void 0 : T.connections.find(
+  }), v = I == null ? void 0 : I.connections.find(
     (S) => S.id === l
   ), p = v == null ? void 0 : v.type, k = (v == null ? void 0 : v.type) === "API" || (v == null ? void 0 : v.type) === "S3", {
     data: V,
@@ -1285,7 +1285,7 @@ function Re(s, t) {
     data: J,
     isLoading: ne,
     isFetching: w,
-    isError: H,
+    isError: _,
     refetch: ee
   } = me({
     queryKey: ["schemas", l, r],
@@ -1310,7 +1310,7 @@ function Re(s, t) {
       "tables",
       l,
       r,
-      u
+      c
     ],
     queryFn: () => we(
       "https://semaphor.cloud/api/v1/tables",
@@ -1318,7 +1318,7 @@ function Re(s, t) {
       {
         connection_id: l,
         database_name: r,
-        schema_name: u
+        schema_name: c
       }
     ),
     enabled: D(p)
@@ -1332,20 +1332,20 @@ function Re(s, t) {
       "columns",
       l,
       r,
-      o,
-      u,
-      i
+      i,
+      c,
+      o
     ],
     queryFn: () => we(
       "https://semaphor.cloud/api/v1/columns",
       (n == null ? void 0 : n.accessToken) || "",
       {
         connection_id: l,
-        datamodel_id: o || "",
+        datamodel_id: i || "",
         // don't pass undefined. Pass empty string
         database_name: r,
-        schema_name: u,
-        table_name: i
+        schema_name: c,
+        table_name: o
       }
     ),
     enabled: C(p)
@@ -1368,7 +1368,7 @@ function Re(s, t) {
     f,
     v
   ]);
-  const Fe = (v == null ? void 0 : v.type) === "API" ? (Pe = v == null ? void 0 : v.type) == null ? void 0 : Pe.toLowerCase() : i || "", Se = k ? "" : u || "";
+  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) {
     m(S), g("");
   }
@@ -1376,7 +1376,7 @@ function Re(s, t) {
     f(S === "none" ? "" : S), m(""), g(""), S !== "none" && S !== "" && y("");
   }
   function he(S) {
-    c(S);
+    d(S);
   }
   function es(S) {
     y(S === "none" ? "" : S), S !== "none" && S !== "" && f("");
@@ -1385,13 +1385,13 @@ function Re(s, t) {
     ...S,
     data_type: S.data_type.toLowerCase()
   }))), Y && (a = []), (Ne || N) && (a = []);
-  const Ee = T == null ? void 0 : T.connections.map(
+  const Ee = I == null ? void 0 : I.connections.map(
     (S) => ({
       id: S.id,
       name: S.name,
       type: S.type
     })
-  ), He = (Be = I == null ? void 0 : I.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) => ({
@@ -1416,7 +1416,7 @@ function Re(s, t) {
     isDatabaseError: Y,
     schemaItems: Ae,
     isSchemaLoadingOrFetching: ne || w,
-    isSchemaError: H,
+    isSchemaError: _,
     tableItems: ys,
     isTableLoadingOrFetching: M || se,
     isTableError: P,
@@ -1437,21 +1437,21 @@ 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
-  ), o = d((P) => P.selectedTableName), r = d(
+  ), i = u((P) => P.selectedTableName), r = u(
     (P) => P.actions.setSelectedTableName
   ), {
-    connectionItems: u,
-    modelItems: i,
+    connectionItems: c,
+    modelItems: o,
     schemaItems: x,
-    databaseItems: c,
+    databaseItems: d,
     tableItems: y,
     columns: f,
     isConnectionsLoading: m,
@@ -1460,10 +1460,10 @@ function _a({
     isModelsError: D,
     isDatabasesLoadingOrFetching: C,
     isDatabaseError: L,
-    isSchemaLoadingOrFetching: T,
+    isSchemaLoadingOrFetching: I,
     isSchemaError: O,
     isColumnsError: N,
-    isColumnsLoadingOrFetching: I,
+    isColumnsLoadingOrFetching: T,
     isTableLoadingOrFetching: A,
     isTableError: h,
     connectionType: v,
@@ -1482,7 +1482,7 @@ function _a({
         schemaName: le,
         tableName: Y,
         columns: f,
-        status: I ? "Loading..." : N ? "Error" : "Success"
+        status: T ? "Loading..." : N ? "Error" : "Success"
       }
     );
   }
@@ -1500,17 +1500,17 @@ function _a({
           onChange: V,
           isError: L,
           isLoading: C,
-          items: c,
+          items: d,
           value: n || "",
           title: "Database"
         }
       );
   }
-  function H() {
+  function _() {
     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(_, { children: "OR" }) }),
+        /* @__PURE__ */ e.jsx("div", { className: "col-span-1 grid place-items-center", children: /* @__PURE__ */ e.jsx(H, { children: "OR" }) }),
         /* @__PURE__ */ e.jsx("div", { className: "col-span-1 grid place-items-center", children: /* @__PURE__ */ e.jsx(de, {}) })
       ] });
   }
@@ -1525,7 +1525,7 @@ function _a({
           onChange: B,
           isError: D,
           isLoading: g,
-          items: i,
+          items: o,
           value: a || "",
           title: "Model"
         }
@@ -1537,7 +1537,7 @@ function _a({
       {
         onChange: $,
         isError: O,
-        isLoading: T,
+        isLoading: I,
         items: x,
         value: l || "",
         title: "Schema"
@@ -1556,7 +1556,7 @@ function _a({
         isError: h,
         items: y,
         isLoading: A,
-        value: o || "",
+        value: i || "",
         title: "Table"
       }
     ) : null;
@@ -1566,19 +1566,19 @@ function _a({
       /* @__PURE__ */ e.jsx(
         Ue,
         {
-          items: u,
+          items: c,
           title: "Connection",
           value: t || "",
           onChange: k,
           isLoading: m,
           isError: j,
-          connectionTooltip: ((se = u == null ? void 0 : u.find(
+          connectionTooltip: ((se = c == null ? void 0 : c.find(
             (P) => P.id === t
           )) == null ? void 0 : se.type) || ""
         }
       ),
       ee(),
-      H(),
+      _(),
       w(),
       E(),
       M()
@@ -1599,7 +1599,23 @@ function _a({
     ) })
   ] });
 }
-function il({
+function il(s) {
+  const t = s.toUpperCase().indexOf("WHERE"), a = s.toUpperCase().indexOf("GROUP BY"), n = s.toUpperCase().indexOf("LIMIT"), l = s.toUpperCase().indexOf("ORDER BY");
+  let i = s.length;
+  if (l !== -1 && (i = l), n !== -1 && n < i && (i = n), t !== -1) {
+    const r = s.substring(0, t), c = s.substring(t);
+    return `${r} {{ filters | where }} AND ${c.substring(
+      6
+    )}`;
+  } else if (a !== -1) {
+    const r = s.substring(0, a), c = s.substring(a);
+    return `${r} {{ filters | where }} ${c}`;
+  } else {
+    const r = s.substring(0, i), c = s.substring(i);
+    return `${r} {{ filters | where }} ${c}`;
+  }
+}
+function ol({
   error: s,
   setShowAIDialog: t,
   setUserInputforAI: a,
@@ -1626,7 +1642,7 @@ function il({
     ] }) }) })
   ] });
 }
-function ol({
+function cl({
   text: s,
   onCheckedChange: t,
   checked: a
@@ -1636,9 +1652,9 @@ function ol({
     /* @__PURE__ */ e.jsx("label", { className: "text-xs leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", children: s })
   ] });
 }
-function cl() {
-  const { authToken: s } = Oe(), t = d(
-    (o) => o.selectedConnectionId
+function dl() {
+  const { authToken: s } = Oe(), t = u(
+    (i) => i.selectedConnectionId
   ), { data: a } = me({
     queryKey: ["connections"],
     queryFn: () => we(
@@ -1648,18 +1664,18 @@ function cl() {
     enabled: !!(s != null && s.accessToken)
     // Only fetch if authToken is present
   }), n = a == null ? void 0 : a.connections.find(
-    (o) => o.id === t
+    (i) => i.id === t
   );
   return n == null ? void 0 : n.type;
 }
-function dl() {
-  const { authToken: s } = Oe(), t = Xe(null), a = d((i) => i.applyFilters), [n, l] = R(""), o = d((i) => i.filterValues), r = d((i) => i.card.sql), u = cl();
+function ul() {
+  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,
     {
       openDelay: 0,
-      onOpenChange: async (i) => {
-        if (!i)
+      onOpenChange: async (o) => {
+        if (!o)
           return;
         console.log("onOpenChange");
         const x = await hs(
@@ -1667,8 +1683,8 @@ function dl() {
           (s == null ? void 0 : s.accessToken) || "",
           {
             sql: r,
-            active_filters: o,
-            connection_type: u
+            active_filters: i,
+            connection_type: c
           }
         );
         console.log(x), x.sql ? (console.log(x.records), l(x.sql)) : l("Error");
@@ -1695,7 +1711,7 @@ function dl() {
     }
   );
 }
-const ul = `
+const hl = `
 
 Use the following syntax to create a chart query. Please replace the x-axis, y-axis, stack-by, label, and measure with the actual column names of the table.
 
@@ -1742,27 +1758,27 @@ SELECT label, measure FROM table
 - Label - Category 
 - Measure - Number 
 `;
-function hl({
+function ml({
   open: s,
   setOpen: t,
   userInput: a,
   setUserInput: n,
   triggerAIRun: l,
-  setTriggerAIRun: o
+  setTriggerAIRun: i
 }) {
-  const r = Xe(null), u = Xe(null), { authToken: i } = Oe(), [x, c] = R(!1), y = d((w) => w.actions.setCardSql), f = z((w) => w.dashboard.baseQueries), m = d((w) => w.actions.setRunSql), g = d((w) => w.actions.setCardType), [j, D] = R([]), C = d((w) => w.currentColumns), L = d((w) => w.card.sql), T = d((w) => w.selectedTableName), O = `
+  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}   
+  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}  
   ${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: ${ul}`, { data: I, isLoading: A, isFetching: h, isError: v, refetch: p } = me({
+  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",
-      (i == null ? void 0 : i.accessToken) || "",
+      (o == null ? void 0 : o.accessToken) || "",
       {
         user_content: `userContent: ${O} ${x ? N : ""}`
       }
@@ -1792,23 +1808,23 @@ function hl({
     return !0;
   }
   Z(() => {
-    I && D((w) => [...w, { role: "ai", content: I.response }]);
-  }, [I]), Z(() => {
+    T && D((w) => [...w, { role: "ai", content: T.response }]);
+  }, [T]), Z(() => {
     const w = setTimeout(() => {
-      var H;
-      u.current && (u.current.scroll({
-        top: u.current.scrollHeight,
+      var _;
+      c.current && (c.current.scroll({
+        top: c.current.scrollHeight,
         behavior: "smooth"
-      }), (H = r.current) == null || H.focus());
+      }), (_ = r.current) == null || _.focus());
     }, 100);
     return () => clearTimeout(w);
   }, [j]);
   function V() {
-    a && (D((w) => [...w, { role: "user", content: a }]), k(a) && c(!0), n(""), p());
+    a && (D((w) => [...w, { role: "user", content: a }]), k(a) && d(!0), n(""), p());
   }
   Z(() => {
-    l && (V(), o(!1));
-  }, [l, o]);
+    l && (V(), i(!1));
+  }, [l, i]);
   const $ = {
     //seleect a darker color
     // color: '#000',
@@ -1836,10 +1852,10 @@ function hl({
     listStyleType: "disc"
   }, le = {
     // Override how paragraphs are rendered
-    p: ({ node: w, ...H }) => /* @__PURE__ */ e.jsx("p", { style: $, ...H }),
-    code: ({ node: w, ...H }) => /* @__PURE__ */ e.jsx("code", { className: "rounded-sm bg-muted px-2 py-1 text-sm", ...H }),
-    pre: ({ node: w, ...H }) => /* @__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: H.children }),
+    p: ({ node: w, ..._ }) => /* @__PURE__ */ e.jsx("p", { style: $, ..._ }),
+    code: ({ node: w, ..._ }) => /* @__PURE__ */ e.jsx("code", { className: "rounded-sm bg-muted px-2 py-1 text-sm", ..._ }),
+    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(F, { onClick: J, size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(ba, {}) }),
         /* @__PURE__ */ e.jsx(
@@ -1856,18 +1872,18 @@ function hl({
         )
       ] })
     ] }),
-    li: ({ node: w, ...H }) => /* @__PURE__ */ e.jsx("li", { style: Y, ...H })
+    li: ({ node: w, ..._ }) => /* @__PURE__ */ e.jsx("li", { style: Y, ..._ })
     // You can add more overrides for other elements like h1, h2, etc.
   };
   function J(w) {
-    const H = w.currentTarget.closest("pre");
-    if (!H)
+    const _ = w.currentTarget.closest("pre");
+    if (!_)
       return;
-    const ee = H.textContent || H.innerText;
+    const ee = _.textContent || _.innerText;
     return navigator.clipboard.writeText(ee).then(() => console.log("Text copied to clipboard")).catch((E) => console.error("Error in copying text: ", E)), ee;
   }
   function ne() {
-    return j == null ? void 0 : j.map((w, H) => w.role === "user" ? /* @__PURE__ */ e.jsxs(
+    return j == null ? void 0 : j.map((w, _) => w.role === "user" ? /* @__PURE__ */ e.jsxs(
       "div",
       {
         className: "flex items-start rounded-md bg-muted p-3 text-sm",
@@ -1876,19 +1892,19 @@ function hl({
           /* @__PURE__ */ e.jsx("div", { children: w.content })
         ]
       },
-      H
+      _
     ) : w.role === "ai" ? /* @__PURE__ */ e.jsx(
       yt,
       {
         className: "w-full overflow-auto py-1",
         components: le,
-        children: I == null ? void 0 : I.response.replace(/DuckDB/gi, "Semaphor")
+        children: T == null ? void 0 : T.response.replace(/DuckDB/gi, "Semaphor")
       },
-      H
-    ) : /* @__PURE__ */ e.jsx("div", {}, H));
+      _
+    ) : /* @__PURE__ */ e.jsx("div", {}, _));
   }
-  return /* @__PURE__ */ e.jsxs(Ts, { open: s, onOpenChange: t, children: [
-    /* @__PURE__ */ e.jsx(Is, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+  return /* @__PURE__ */ e.jsxs(Is, { open: s, onOpenChange: t, children: [
+    /* @__PURE__ */ e.jsx(Ts, { asChild: !0, children: /* @__PURE__ */ e.jsx(
       F,
       {
         size: "sm",
@@ -1909,7 +1925,7 @@ function hl({
           /* @__PURE__ */ e.jsx(
             "div",
             {
-              ref: u,
+              ref: c,
               className: "h-[625px] w-full overflow-auto border-t border-t-muted",
               children: /* @__PURE__ */ e.jsx("div", { className: "space-y-4 py-2 pr-3", role: "messages", children: ne() })
             }
@@ -1928,8 +1944,8 @@ function hl({
                     },
                     placeholder: "Type your question here...",
                     onFocus: (w) => {
-                      const H = w.target, ee = H.value.length;
-                      H.setSelectionRange(ee, ee);
+                      const _ = w.target, ee = _.value.length;
+                      _.setSelectionRange(ee, ee);
                     },
                     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"
@@ -1964,24 +1980,24 @@ var Ha = {
   className: void 0,
   style: void 0,
   attr: void 0
-}, na = ze.createContext && /* @__PURE__ */ ze.createContext(Ha), ml = ["attr", "size", "title"];
-function xl(s, t) {
+}, na = ze.createContext && /* @__PURE__ */ ze.createContext(Ha), xl = ["attr", "size", "title"];
+function pl(s, t) {
   if (s == null)
     return {};
-  var a = pl(s, t), n, l;
+  var a = fl(s, t), n, l;
   if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(s);
-    for (l = 0; l < o.length; l++)
-      n = o[l], !(t.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(s, n) && (a[n] = s[n]);
+    var i = Object.getOwnPropertySymbols(s);
+    for (l = 0; l < i.length; l++)
+      n = i[l], !(t.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(s, n) && (a[n] = s[n]);
   }
   return a;
 }
-function pl(s, t) {
+function fl(s, t) {
   if (s == null)
     return {};
-  var a = {}, n = Object.keys(s), l, o;
-  for (o = 0; o < n.length; o++)
-    l = n[o], !(t.indexOf(l) >= 0) && (a[l] = s[l]);
+  var a = {}, n = Object.keys(s), l, i;
+  for (i = 0; i < n.length; i++)
+    l = n[i], !(t.indexOf(l) >= 0) && (a[l] = s[l]);
   return a;
 }
 function ds() {
@@ -2008,21 +2024,21 @@ function us(s) {
   for (var t = 1; t < arguments.length; t++) {
     var a = arguments[t] != null ? arguments[t] : {};
     t % 2 ? la(Object(a), !0).forEach(function(n) {
-      fl(s, n, a[n]);
+      gl(s, n, a[n]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(s, Object.getOwnPropertyDescriptors(a)) : la(Object(a)).forEach(function(n) {
       Object.defineProperty(s, n, Object.getOwnPropertyDescriptor(a, n));
     });
   }
   return s;
 }
-function fl(s, t, a) {
-  return t = gl(t), t in s ? Object.defineProperty(s, t, { value: a, enumerable: !0, configurable: !0, writable: !0 }) : s[t] = a, s;
+function gl(s, t, a) {
+  return t = jl(t), t in s ? Object.defineProperty(s, t, { value: a, enumerable: !0, configurable: !0, writable: !0 }) : s[t] = a, s;
 }
-function gl(s) {
-  var t = jl(s, "string");
+function jl(s) {
+  var t = bl(s, "string");
   return typeof t == "symbol" ? t : String(t);
 }
-function jl(s, t) {
+function bl(s, t) {
   if (typeof s != "object" || s === null)
     return s;
   var a = s[Symbol.toPrimitive];
@@ -2040,75 +2056,75 @@ function $a(s) {
   }, t.attr), $a(t.child)));
 }
 function ve(s) {
-  return (t) => /* @__PURE__ */ ze.createElement(bl, ds({
+  return (t) => /* @__PURE__ */ ze.createElement(yl, ds({
     attr: us({}, s.attr)
   }, t), $a(s.child));
 }
-function bl(s) {
+function yl(s) {
   var t = (a) => {
     var {
       attr: n,
       size: l,
-      title: o
-    } = s, r = xl(s, ml), u = l || a.size || "1em", i;
-    return a.className && (i = a.className), s.className && (i = (i ? i + " " : "") + s.className), /* @__PURE__ */ ze.createElement("svg", ds({
+      title: i
+    } = s, r = pl(s, xl), c = l || a.size || "1em", o;
+    return a.className && (o = a.className), s.className && (o = (o ? o + " " : "") + s.className), /* @__PURE__ */ ze.createElement("svg", ds({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
     }, a.attr, n, r, {
-      className: i,
+      className: o,
       style: us(us({
         color: s.color || a.color
       }, a.style), s.style),
-      height: u,
-      width: u,
+      height: c,
+      width: c,
       xmlns: "http://www.w3.org/2000/svg"
-    }), o && /* @__PURE__ */ ze.createElement("title", null, o), s.children);
+    }), i && /* @__PURE__ */ ze.createElement("title", null, i), s.children);
   };
   return na !== void 0 ? /* @__PURE__ */ ze.createElement(na.Consumer, null, (a) => t(a)) : t(Ha);
 }
-function yl(s) {
+function vl(s) {
   return ve({ tag: "svg", attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M439.8 200.5c-7.7-30.9-22.3-54.2-53.4-54.2h-40.1v47.4c0 36.8-31.2 67.8-66.8 67.8H172.7c-29.2 0-53.4 25-53.4 54.3v101.8c0 29 25.2 46 53.4 54.3 33.8 9.9 66.3 11.7 106.8 0 26.9-7.8 53.4-23.5 53.4-54.3v-40.7H226.2v-13.6h160.2c31.1 0 42.6-21.7 53.4-54.2 11.2-33.5 10.7-65.7 0-108.6zM286.2 404c11.1 0 20.1 9.1 20.1 20.3 0 11.3-9 20.4-20.1 20.4-11 0-20.1-9.2-20.1-20.4.1-11.3 9.1-20.3 20.1-20.3zM167.8 248.1h106.8c29.7 0 53.4-24.5 53.4-54.3V91.9c0-29-24.4-50.7-53.4-55.6-35.8-5.9-74.7-5.6-106.8.1-45.2 8-53.4 24.7-53.4 55.6v40.7h106.9v13.6h-147c-31.1 0-58.3 18.7-66.8 54.2-9.8 40.7-10.2 66.1 0 108.6 7.6 31.6 25.7 54.2 56.8 54.2H101v-48.8c0-35.3 30.5-66.4 66.8-66.4zm-6.7-142.6c-11.1 0-20.1-9.1-20.1-20.3.1-11.3 9-20.4 20.1-20.4 11 0 20.1 9.2 20.1 20.4s-9 20.3-20.1 20.3z" }, child: [] }] })(s);
 }
-function vl() {
+function Cl() {
   const [s, t] = R({
     queryKey: [],
     queryData: null
-  }), { theme: a } = Ct(), n = Nt(), l = Xe(), o = Xe(), [r, u] = R(!1), [i, x] = R(!1), [c, y] = R(!1), [f, m] = R(""), [g, j] = R(!1), D = z((b) => b.selectedSheetId);
+  }), { 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 = d((b) => b.card), L = z((b) => b.theme), T = d((b) => b.isShowingVisual);
+  const C = u((b) => b.card), L = z((b) => b.theme), I = u((b) => b.isShowingVisual);
   z((b) => b.onAcceptChanges);
-  const O = d(
+  const O = u(
     (b) => b.selectedConnectionId
-  ), N = d(
+  ), N = u(
     (b) => b.selectedDatabaseName
-  ), I = d(
+  ), T = u(
     (b) => b.selectedDatamodelId
-  ), A = d(
+  ), A = u(
     (b) => b.selectedSchemaName
   );
   z(
     (b) => b.actions.updateFrameCard
   );
-  const h = d((b) => b.selectedTableName), v = d((b) => b.card.sql), p = d((b) => b.card.python), k = d((b) => b.frame), V = z((b) => b.dashboard.filters), $ = z((b) => b.filterValues), B = V == null ? void 0 : V.filter(
+  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(D)
-  ), le = d((b) => b.applyFilters), {
+  ), le = u((b) => b.applyFilters), {
     setCardCustomCfg: J,
     setQueryResultColumns: ne,
     setFilterValues: w,
-    setCardSql: H,
+    setCardSql: _,
     setCard: ee,
     setCardPython: E,
     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,
@@ -2154,18 +2170,18 @@ function vl() {
     s.queryData || t({
       queryKey: $e,
       queryData: b
-    }), n.setQueryData($e, null), H(""), Le({}), J(""), P({});
+    }), n.setQueryData($e, null), _(""), Le({}), J(""), P({});
   }
   const Pe = (b) => {
-    o.current = b;
+    i.current = b;
   };
   function ss(b, te) {
     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")) {
@@ -2180,22 +2196,24 @@ function vl() {
     return b[0].id;
   }
   function as() {
-    const b = v, te = {
+    let b = v;
+    v && !v.includes("{{") && (b = il(v), _(b));
+    const te = {
       ...C,
       lastSelectedSchema: A,
-      lastSelectedDatamodelId: I,
+      lastSelectedDatamodelId: T,
       lastSelectedDatabase: N,
       lastSelectedTable: h,
       connectionId: O,
-      type: T ? C.type : "table",
+      type: I ? C.type : "table",
       sql: b,
-      customCfg: T ? C.customCfg : null
-    }, Te = k.cards.map(
+      customCfg: I ? C.customCfg : null
+    }, Ie = k.cards.map(
       (vs) => vs.id === C.id ? te : vs
     ), oe = {
       ...k,
-      cards: Te,
-      activeCardId: ss(Te, k.activeCardId)
+      cards: Ie,
+      activeCardId: ss(Ie, k.activeCardId)
     };
     X == null || X(oe);
   }
@@ -2204,9 +2222,9 @@ function vl() {
     b && te && n.setQueryData(b, te), Ce == null || Ce();
   }
   Z(() => {
-    const b = l.current, te = o.current;
+    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",
@@ -2231,7 +2249,7 @@ function vl() {
   }
   function S() {
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      i && /* @__PURE__ */ e.jsx(
+      o && /* @__PURE__ */ e.jsx(
         "div",
         {
           className: "xbg-yellow-100 relative flex w-1/3 min-w-0 grow overflow-hidden border-l p-1 text-xs",
@@ -2239,16 +2257,16 @@ function vl() {
           children: /* @__PURE__ */ e.jsxs("div", { className: "w-[99%]", children: [
             /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 pt-3", children: [
               /* @__PURE__ */ e.jsx(
-                ol,
+                cl,
                 {
                   checked: le,
                   onCheckedChange: () => ie(!le),
                   text: "Apply Filters"
                 }
               ),
-              /* @__PURE__ */ e.jsx(dl, {}),
-              Y && i && /* @__PURE__ */ e.jsx(
-                Qe,
+              /* @__PURE__ */ e.jsx(ul, {}),
+              Y && o && /* @__PURE__ */ e.jsx(
+                Je,
                 {
                   onClick: () => x(!1),
                   className: "bg-background/50 text-foreground/50 hover:cursor-pointer hover:text-foreground"
@@ -2289,7 +2307,7 @@ function vl() {
           ] })
         }
       ),
-      Y && !i && /* @__PURE__ */ e.jsx(
+      Y && !o && /* @__PURE__ */ e.jsx(
         ha,
         {
           onClick: () => x(!0),
@@ -2330,7 +2348,7 @@ function vl() {
                         theme: "default",
                         className: "pt-3",
                         onChange: (b) => {
-                          H(b);
+                          _(b);
                         },
                         value: v,
                         options: {
@@ -2452,7 +2470,7 @@ function vl() {
                     }
                   ),
                   Ee && /* @__PURE__ */ e.jsx(
-                    il,
+                    ol,
                     {
                       error: He.message,
                       setShowAIDialog: y,
@@ -2468,7 +2486,7 @@ function vl() {
                       size: "sm",
                       variant: "outline",
                       children: [
-                        /* @__PURE__ */ e.jsx(In, { className: "mr-2 size-4" }),
+                        /* @__PURE__ */ e.jsx(Tn, { className: "mr-2 size-4" }),
                         "Clear"
                       ]
                     }
@@ -2477,17 +2495,17 @@ function vl() {
                     ga,
                     {
                       pressed: r,
-                      onPressedChange: (b) => u(b),
+                      onPressedChange: (b) => c(b),
                       className: "",
                       size: "sm",
                       variant: "outline",
-                      children: /* @__PURE__ */ e.jsx(yl, { className: "size-4 text-foreground/70" })
+                      children: /* @__PURE__ */ e.jsx(vl, { className: "size-4 text-foreground/70" })
                     }
                   ),
                   /* @__PURE__ */ e.jsx(
-                    hl,
+                    ml,
                     {
-                      open: c,
+                      open: d,
                       setOpen: y,
                       userInput: f,
                       triggerAIRun: g,
@@ -2517,7 +2535,7 @@ function vl() {
                       size: "sm",
                       variant: "outline",
                       children: [
-                        /* @__PURE__ */ e.jsx(Qe, { className: "mr-2 size-4" }),
+                        /* @__PURE__ */ e.jsx(Je, { className: "mr-2 size-4" }),
                         "Close"
                       ]
                     }
@@ -2531,26 +2549,26 @@ function vl() {
     )
   );
 }
-function Cl({ data: s }) {
+function Nl({ data: s }) {
   var r;
-  const [t, a] = ze.useState([]), l = Object.keys(s[0]).map((u) => ({
+  const [t, a] = ze.useState([]), l = Object.keys(s[0]).map((c) => ({
     // header: key,
-    accessorKey: u,
-    header: ({ column: i }) => {
-      const x = i.getIsSorted();
+    accessorKey: c,
+    header: ({ column: o }) => {
+      const x = o.getIsSorted();
       return /* @__PURE__ */ e.jsx("div", { className: "flex gap-2", children: /* @__PURE__ */ e.jsxs(
         "div",
         {
           className: "flex cursor-pointer items-center",
-          onClick: () => i.toggleSorting(i.getIsSorted() === "asc"),
+          onClick: () => o.toggleSorting(o.getIsSorted() === "asc"),
           children: [
-            u,
+            c,
             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
           ]
         }
       ) });
     }
-  })), o = Ft({
+  })), i = Ft({
     data: s,
     columns: l,
     getCoreRowModel: Lt(),
@@ -2562,63 +2580,63 @@ function Cl({ data: s }) {
       sorting: t
     }
   });
-  return /* @__PURE__ */ e.jsxs(Tt, { children: [
-    /* @__PURE__ */ e.jsx(It, { children: o.getHeaderGroups().map((u) => /* @__PURE__ */ e.jsx(Cs, { children: u.headers.map((i) => /* @__PURE__ */ e.jsx(Dt, { className: "sticky top-0 bg-muted", children: i.isPlaceholder ? null : Zs(
-      i.column.columnDef.header,
-      i.getContext()
-    ) }, i.id)) }, u.id)) }),
-    /* @__PURE__ */ e.jsx(Mt, { children: (r = o.getRowModel().rows) != null && r.length ? o.getRowModel().rows.map((u) => /* @__PURE__ */ e.jsx(
+  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)) }),
+    /* @__PURE__ */ e.jsx(Mt, { children: (r = i.getRowModel().rows) != null && r.length ? i.getRowModel().rows.map((c) => /* @__PURE__ */ e.jsx(
       Cs,
       {
         className: "whitespace-nowrap py-2",
-        "data-state": u.getIsSelected() && "selected",
-        children: u.getVisibleCells().map((i) => /* @__PURE__ */ e.jsx(ea, { children: Zs(i.column.columnDef.cell, i.getContext()) }, i.id))
+        "data-state": c.getIsSelected() && "selected",
+        children: c.getVisibleCells().map((o) => /* @__PURE__ */ e.jsx(ea, { children: Zs(o.column.columnDef.cell, o.getContext()) }, o.id))
       },
-      u.id
+      c.id
     )) : /* @__PURE__ */ e.jsx(Cs, { children: /* @__PURE__ */ e.jsx(ea, { colSpan: l.length, className: "h-24 text-center", children: "No results." }) }) })
   ] });
 }
-function Nl({ card: s }) {
-  var c, y, f, m, g, j, D, C, L, T;
+function Sl({ card: s }) {
+  var d, y, f, m, g, j, D, C, L, I;
   const t = z((O) => O.themeStyle), a = {
-    colors: ((y = (c = t == null ? void 0 : t.chart) == null ? void 0 : c.dataset) == null ? void 0 : y.backgroundColor) || []
+    colors: ((y = (d = t == null ? void 0 : t.chart) == null ? void 0 : d.dataset) == null ? void 0 : y.backgroundColor) || []
   };
   (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", o = d((O) => O.frame);
+  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 u = n(
+  const c = n(
     (D = s.customCardPreferences) == null ? void 0 : D.componentName
-  ), i = (O) => {
+  ), 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, I = (v = o == null ? void 0 : o.cards) == null ? void 0 : v.find((p) => p.id === N);
-    return I || null;
+    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,
     {
       fallback: /* @__PURE__ */ e.jsx(e.Fragment, {}),
       children: [
-        u && l === "single" && /* @__PURE__ */ e.jsx(
-          u,
+        c && l === "single" && /* @__PURE__ */ e.jsx(
+          c,
           {
             theme: a,
             settings: (L = s.customCardPreferences) == null ? void 0 : L.settings,
-            onDataChange: i,
+            onDataChange: o,
             data: (r == null ? void 0 : r.records) || []
           }
         ),
-        u && l === "multiple" && /* @__PURE__ */ e.jsx("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ e.jsx(
-          u,
+        c && l === "multiple" && /* @__PURE__ */ e.jsx("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ e.jsx(
+          c,
           {
             theme: a,
-            onDataChange: i,
+            onDataChange: o,
             settings: x.map(
               (O) => {
                 var N;
@@ -2630,7 +2648,7 @@ function Nl({ card: s }) {
         ) })
       ]
     },
-    (T = s.customCardPreferences) == null ? void 0 : T.componentName
+    (I = s.customCardPreferences) == null ? void 0 : I.componentName
   ) });
 }
 function Pa({
@@ -2640,22 +2658,22 @@ function Pa({
   ...t
 }) {
   var m, g;
-  const a = d((j) => j.card), n = ((m = a.customCardPreferences) == null ? void 0 : m.showCardHeader) ?? !0, l = d((j) => j.frame), o = z((j) => j.dashboard.filters);
-  d((j) => j.actions.setRunSql);
-  const { updateFilter: r } = Fs(), u = o == null ? void 0 : o.find((j) => j.id === l.filterId), { data: i } = qe(a), { setCard: x } = ce(), { data: c } = Bs(a);
+  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;
-  i != null && i.records && (i == null ? void 0 : i.records.length) > 0 && (y = Ca({
-    data: i == null ? void 0 : i.records,
+  o != null && o.records && (o == null ? void 0 : o.records.length) > 0 && (y = Ca({
+    data: o == null ? void 0 : o.records,
     cardType: a.type,
     cfg: a.cfg,
     customCfg: a.customCfg,
     preferences: a.preferences,
-    topoJson: c
+    topoJson: d
   }));
   function f(j) {
-    return /* @__PURE__ */ e.jsx(Nl, { card: j });
+    return /* @__PURE__ */ e.jsx(Sl, { card: j });
   }
   return /* @__PURE__ */ e.jsxs(
     Vt,
@@ -2685,17 +2703,17 @@ function Pa({
               a.description
             )
           ] }),
-          u && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
+          c && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
             /* @__PURE__ */ e.jsx(
               rs,
               {
                 className: "my-1",
-                text: u.title || u.column,
-                onSave: (j) => r({ ...u, title: j }),
-                children: /* @__PURE__ */ e.jsx(_, { children: u.title })
+                text: c.title || c.column,
+                onSave: (j) => r({ ...c, title: j }),
+                children: /* @__PURE__ */ e.jsx(H, { children: c.title })
               }
             ),
-            Ht(u)
+            Ht(c)
           ] })
         ] }),
         /* @__PURE__ */ e.jsxs($t, { className: "flex grow flex-col", children: [
@@ -2708,20 +2726,20 @@ function Pa({
             },
             JSON.stringify(y) + JSON.stringify(a.preferences) + ((g = a == null ? void 0 : a.preferences) == null ? void 0 : g.customVisualCode)
           ),
-          a.type === "table" && (i == null ? void 0 : i.records) && (i == null ? void 0 : i.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: i == null ? void 0 : i.records }) })
+          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 }) })
         ] })
       ]
     }
   );
 }
-function Sl() {
-  const [s, t] = R(!1), [a, n] = R(""), [l, o] = R(""), [r, u] = R(""), [i, x] = R(""), c = d((N) => N.card), y = d(
+function wl() {
+  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(c), { data: m } = Bs(c), { setCardCustomCfg: g, setCustomVisualCode: j } = ce();
+  ), { data: f } = qe(d), { data: m } = Bs(d), { setCardCustomCfg: g, setCustomVisualCode: j } = ce();
   function D(N) {
     var h, v;
-    const I = {
+    const T = {
       ...N,
       data: {
         ...N == null ? void 0 : N.data,
@@ -2731,43 +2749,43 @@ function Sl() {
         }))
       }
     };
-    return JSON.stringify(I, null, 1);
+    return JSON.stringify(T, null, 1);
   }
   function C() {
-    var I, A;
+    var T, A;
     if (!(f != null && f.records) || (f == null ? void 0 : f.records.length) === 0)
       return;
     const N = Ca({
       data: f == null ? void 0 : f.records,
-      cardType: c.type,
-      cfg: c.cfg,
-      preferences: c.preferences,
+      cardType: d.type,
+      cfg: d.cfg,
+      preferences: d.preferences,
       topoJson: m
     });
-    N && (n(JSON.stringify(N, null, 1)), (I = c == null ? void 0 : c.preferences) != null && I.customVisualCode && u((A = c == null ? void 0 : c.preferences) == null ? void 0 : A.customVisualCode), y && o(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 N = JSON.parse(l);
-        return N ? (g(N), x(""), o(""), N) : void 0;
+        return N ? (g(N), x(""), i(""), N) : void 0;
       } catch (N) {
         console.log(N), x("Invalid JSON");
       }
   }
-  function T() {
-    o(""), g(null);
+  function I() {
+    i(""), g(null);
   }
   function O() {
     let N;
     if (y) {
-      const I = sa.cloneDeep(c.cfg), A = sa.merge(I, y);
+      const T = sa.cloneDeep(d.cfg), A = sa.merge(T, y);
       return N = D(A), N;
     }
     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(
+  return /* @__PURE__ */ e.jsxs(Is, { open: s, onOpenChange: t, children: [
+    /* @__PURE__ */ e.jsx(Ts, { asChild: !0, children: /* @__PURE__ */ e.jsx(
       F,
       {
         onClick: C,
@@ -2790,7 +2808,7 @@ function Sl() {
                   La,
                   {
                     onClick: () => {
-                      navigator.clipboard.writeText(c.id);
+                      navigator.clipboard.writeText(d.id);
                     },
                     className: "size-3 cursor-pointer text-muted-foreground/70 transition-colors hover:text-muted-foreground"
                   }
@@ -2861,7 +2879,7 @@ function Sl() {
                       },
                       defaultLanguage: "json",
                       value: O(),
-                      onChange: (N) => o(N)
+                      onChange: (N) => i(N)
                     }
                   )
                 }
@@ -2890,7 +2908,7 @@ function Sl() {
                       },
                       defaultLanguage: "javascript",
                       value: r,
-                      onChange: (N) => u(N || "")
+                      onChange: (N) => c(N || "")
                     }
                   )
                 }
@@ -2898,12 +2916,12 @@ function Sl() {
             ] })
           ] }),
           /* @__PURE__ */ e.jsxs(oa, { className: "flex items-center", children: [
-            /* @__PURE__ */ e.jsx(_, { className: "mr-2 text-red-500", children: i }),
+            /* @__PURE__ */ e.jsx(H, { className: "mr-2 text-red-500", children: o }),
             /* @__PURE__ */ e.jsx(
               F,
               {
                 disabled: !y,
-                onClick: T,
+                onClick: I,
                 variant: "outline",
                 children: "Reset"
               }
@@ -2928,10 +2946,10 @@ function Ga(s) {
 function Ka(s) {
   return ve({ tag: "svg", attr: { viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }, child: [] }, { tag: "path", attr: { d: "M6 16m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0" }, child: [] }, { tag: "path", attr: { d: "M16 19m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" }, child: [] }, { tag: "path", attr: { d: "M14.5 7.5m-4.5 0a4.5 4.5 0 1 0 9 0a4.5 4.5 0 1 0 -9 0" }, child: [] }] })(s);
 }
-function Ja(s) {
+function Qa(s) {
   return ve({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" }, child: [] }, { tag: "path", attr: { d: "m2 19.99 7.5-7.51 4 4 7.09-7.97L22 9.92l-8.5 9.56-4-4-6 6.01-1.5-1.5zm1.5-4.5 6-6.01 4 4L22 3.92l-1.41-1.41-7.09 7.97-4-4L2 13.99l1.5 1.5z" }, child: [] }] })(s);
 }
-function Qa(s) {
+function Ja(s) {
   return ve({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" }, child: [] }, { tag: "path", attr: { d: "M4 9h4v11H4zM4 4h4v4H4zM10 7h4v4h-4zM16 10h4v4h-4zM16 15h4v5h-4zM10 12h4v8h-4z" }, child: [] }] })(s);
 }
 function Wa(s) {
@@ -2944,8 +2962,8 @@ function Xa(s) {
   const [t, a] = R(null);
   return Z(() => {
     s && (async () => {
-      const o = (await import("./lucide-react-3timzT6o.js"))[s];
-      a(o);
+      const i = (await import("./lucide-react-i2jWfYYq.js"))[s];
+      a(i);
     })();
   }, [s]), t;
 }
@@ -2957,38 +2975,38 @@ function Za() {
   });
   return { data: t, isLoading: a, isFetching: n, isError: l };
 }
-function wl({
+function kl({
   onChartTypeChange: s
 }) {
   const [t, a] = R([]), { data: n } = Za();
   return Z(() => {
     (async () => {
-      var o;
+      var i;
       if (n) {
-        const u = (await Promise.all(
-          (o = n == null ? void 0 : n.plugins) == null ? void 0 : o.map(async (i) => (await Jt(i.value)).visuals.map((y) => ({
+        const c = (await Promise.all(
+          (i = n == null ? void 0 : n.plugins) == null ? void 0 : i.map(async (o) => (await Qt(o.value)).visuals.map((y) => ({
             name: y.name,
             icon: y.icon,
-            url: i.value
+            url: o.value
           })))
         )).flat();
-        a(u);
+        a(c);
       }
     })();
   }, [n]), t.length === 0 ? null : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(de, { className: "my-2" }),
-    /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-4 place-items-center", children: t.map((l, o) => /* @__PURE__ */ e.jsx(
-      kl,
+    /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-4 place-items-center", children: t.map((l, i) => /* @__PURE__ */ e.jsx(
+      zl,
       {
         text: l.name,
         onClick: () => s("custom", l),
         icon: l.icon
       },
-      l.url + l.name + o
+      l.url + l.name + i
     )) })
   ] });
 }
-const kl = ({
+const zl = ({
   text: s,
   icon: t,
   onClick: a
@@ -2996,11 +3014,11 @@ const kl = ({
   const n = Xa(t || ""), l = s.charAt(0).toUpperCase();
   return /* @__PURE__ */ e.jsx(F, { onClick: a, title: s, variant: "ghost", children: n ? /* @__PURE__ */ e.jsx(n, { className: "h-4 w-4" }) : l });
 };
-function zl() {
-  var c, y;
-  const [s, t] = R(!1), a = d((f) => f.card), n = a.type, { setCardType: l, setCardPreferences: o, setChartOrientation: r } = d((f) => f.actions), { setCardCustomCfg: u, setCustomCardPreferences: i } = ce();
+function Ol() {
+  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) {
-    u(null), o({}), l(f), m && i({
+    c(null), i({}), l(f), m && o({
       type: "component",
       visualType: "single",
       url: m.url,
@@ -3010,11 +3028,11 @@ function zl() {
   }
   return /* @__PURE__ */ e.jsxs(ps, { open: s, onOpenChange: t, children: [
     /* @__PURE__ */ e.jsx(fs, { asChild: !0, children: /* @__PURE__ */ e.jsx(F, { size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(
-      Ol,
+      Fl,
       {
         className: "h-4 w-4",
         chartType: n,
-        customIcon: (c = a.customCardPreferences) == null ? void 0 : c.icon,
+        customIcon: (d = a.customCardPreferences) == null ? void 0 : d.icon,
         componentName: (y = a.customCardPreferences) == null ? void 0 : y.componentName
       }
     ) }) }),
@@ -3042,7 +3060,7 @@ function zl() {
           {
             onClick: () => x("stackedBar"),
             variant: "ghost",
-            children: /* @__PURE__ */ e.jsx(Qa, { className: "size-5", strokeWidth: 0 })
+            children: /* @__PURE__ */ e.jsx(Ja, { className: "size-5", strokeWidth: 0 })
           }
         ),
         /* @__PURE__ */ e.jsx(
@@ -3050,7 +3068,7 @@ function zl() {
           {
             onClick: () => x("stackedLine"),
             variant: "ghost",
-            children: /* @__PURE__ */ e.jsx(Ja, { className: "size-5", strokeWidth: 0 })
+            children: /* @__PURE__ */ e.jsx(Qa, { className: "size-5", strokeWidth: 0 })
           }
         ),
         /* @__PURE__ */ e.jsx(
@@ -3074,7 +3092,7 @@ function zl() {
           {
             onClick: () => x("pie"),
             variant: "ghost",
-            children: /* @__PURE__ */ e.jsx(Ia, { className: "size-5" })
+            children: /* @__PURE__ */ e.jsx(Ta, { className: "size-5" })
           }
         ),
         /* @__PURE__ */ e.jsx(
@@ -3120,7 +3138,7 @@ function zl() {
           {
             onClick: () => x("range"),
             variant: "ghost",
-            children: /* @__PURE__ */ e.jsx(Ta, { className: "size-5" })
+            children: /* @__PURE__ */ e.jsx(Ia, { className: "size-5" })
           }
         ),
         /* @__PURE__ */ e.jsx(
@@ -3144,7 +3162,7 @@ function zl() {
           {
             onClick: () => x("text"),
             variant: "ghost",
-            children: /* @__PURE__ */ e.jsx(Js, { className: "size-4" })
+            children: /* @__PURE__ */ e.jsx(Qs, { className: "size-4" })
           }
         ),
         /* @__PURE__ */ e.jsx(
@@ -3164,11 +3182,11 @@ function zl() {
           }
         )
       ] }),
-      /* @__PURE__ */ e.jsx(wl, { onChartTypeChange: x })
+      /* @__PURE__ */ e.jsx(kl, { onChartTypeChange: x })
     ] })
   ] });
 }
-function Ol({
+function Fl({
   chartType: s,
   className: t,
   customIcon: a,
@@ -3181,7 +3199,7 @@ function Ol({
     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":
@@ -3191,19 +3209,19 @@ function Ol({
     case "doughnut":
       return /* @__PURE__ */ e.jsx(Ua, { className: t });
     case "stackedBar":
-      return /* @__PURE__ */ e.jsx(Qa, { className: "size-4 text-foreground/70" });
-    case "stackedLine":
       return /* @__PURE__ */ e.jsx(Ja, { className: "size-4 text-foreground/70" });
+    case "stackedLine":
+      return /* @__PURE__ */ e.jsx(Qa, { className: "size-4 text-foreground/70" });
     case "polarArea":
       return /* @__PURE__ */ e.jsx(Ga, { className: t });
     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":
-      return /* @__PURE__ */ e.jsx(Js, { className: t });
+      return /* @__PURE__ */ e.jsx(Qs, { className: t });
     case "map":
       return /* @__PURE__ */ e.jsx(Ea, { className: t });
     case "custom":
@@ -3212,19 +3230,19 @@ function Ol({
       return /* @__PURE__ */ e.jsx(Rs, { className: t });
   }
 }
-function Fl() {
+function Il() {
   var l;
-  const s = d((o) => o.card), t = ((l = s.customCardPreferences) == null ? void 0 : l.showCardHeader) ?? !0, { setCustomCardPreferences: a } = ce(), n = (o) => {
+  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: o === !0
+      showCardHeader: i === !0
     });
   };
   return /* @__PURE__ */ e.jsxs(ca, { children: [
     /* @__PURE__ */ e.jsx(da, { asChild: !0, children: /* @__PURE__ */ e.jsx(Ma, { className: "size-4 cursor-pointer text-muted-foreground/70 transition-colors hover:text-muted-foreground" }) }),
     /* @__PURE__ */ e.jsxs(ua, { align: "start", className: "w-40 text-muted-foreground", children: [
       /* @__PURE__ */ e.jsx(
-        Qt,
+        Jt,
         {
           checked: t,
           onCheckedChange: n,
@@ -3248,9 +3266,9 @@ function Fl() {
   ] });
 }
 function ra() {
-  const s = d((h) => h.frame), t = d((h) => h.card), a = d((h) => h.isShowingVisual), n = d((h) => h.isSqlRunning), l = d((h) => h.queryError), o = d((h) => h.pythonStdOut), r = d((h) => h.actions.setRunSql);
-  d((h) => h.onSave), d((h) => h.onClose), d((h) => h.actions.setCardSql), d((h) => h.actions.setCardType), d((h) => h.actions.setSqlGen);
-  const { setFrame: u, setCard: i, updateCardInFrame: x } = ce(), { data: c, isLoading: y, isFetching: f } = 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 m() {
@@ -3279,7 +3297,7 @@ function ra() {
       cards: [...s.cards, h],
       activeCardId: h.id
     };
-    u(v), i(h);
+    c(v), o(h);
   }
   function j() {
     const h = {
@@ -3297,7 +3315,7 @@ function ra() {
       // update the active card to the first card in the frame
       activeCardId: p.id
     };
-    u(k), i(p);
+    c(k), o(p);
   }
   function C(h) {
     const v = {
@@ -3305,20 +3323,20 @@ function ra() {
       cards: s.cards.map((k) => k.id === t.id ? t : k),
       activeCardId: h
     };
-    u(v);
+    c(v);
     const p = v.cards.find((k) => k.id === h);
-    p.sql && r(!0), i(p);
+    p.sql && r(!0), o(p);
   }
   const L = (h, v) => {
     console.log("handleDragStart", v), h.dataTransfer.setData("tabIndex", v.toString());
-  }, T = (h) => {
+  }, I = (h) => {
     h.preventDefault();
   }, O = (h, v) => {
     const p = h.dataTransfer.getData("tabIndex");
     if (p === v.toString())
       return;
     const k = Array.from(s.cards), [V] = k.splice(parseInt(p), 1);
-    k.splice(v, 0, V), u({ ...s, cards: k });
+    k.splice(v, 0, V), c({ ...s, cards: k });
   };
   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(
@@ -3326,7 +3344,7 @@ function ra() {
       {
         onClick: () => {
           const p = v.displayTab === void 0 ? !1 : !v.displayTab;
-          i({ ...v, displayTab: p }), x({
+          o({ ...v, displayTab: p }), x({
             ...v,
             displayTab: p
           });
@@ -3335,7 +3353,7 @@ function ra() {
       }
     );
   }
-  function I() {
+  function T() {
     return /* @__PURE__ */ e.jsxs(
       Sa,
       {
@@ -3350,14 +3368,14 @@ function ra() {
               {
                 text: h.tabTitle || h.title,
                 onSave: (p) => {
-                  i({ ...t, tabTitle: p }), x({ ...t, tabTitle: p });
+                  o({ ...t, tabTitle: p }), x({ ...t, tabTitle: p });
                 },
                 children: /* @__PURE__ */ e.jsxs(
                   is,
                   {
                     draggable: !0,
                     onDragStart: (p) => L(p, v),
-                    onDragOver: T,
+                    onDragOver: I,
                     onDrop: (p) => O(p, v),
                     className: "",
                     value: h.id,
@@ -3401,12 +3419,12 @@ 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: c == null ? void 0 : c.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: c == null ? void 0 : c.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" }) });
   }
@@ -3414,21 +3432,21 @@ function ra() {
     (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(zl, {}),
-        !["table", "custom"].includes(t.type) && /* @__PURE__ */ e.jsx(Sl, {}),
-        /* @__PURE__ */ e.jsx(Fl, {})
+        /* @__PURE__ */ e.jsx(Ol, {}),
+        !["table", "custom"].includes(t.type) && /* @__PURE__ */ e.jsx(wl, {}),
+        /* @__PURE__ */ e.jsx(Il, {})
       ] }),
-      /* @__PURE__ */ e.jsx(Il, {})
+      /* @__PURE__ */ e.jsx(Dl, {})
     ] }),
-    a ? I() : /* @__PURE__ */ e.jsxs("div", { className: "flex min-h-0 w-full flex-1 grow basis-0 px-6", children: [
-      o && /* @__PURE__ */ e.jsx(Tl, {}),
-      (c == null ? void 0 : c.records) && (c == null ? void 0 : c.records.length) > 0 && /* @__PURE__ */ e.jsx(Cl, { data: (c == null ? void 0 : c.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 Tl() {
-  const s = d((a) => a.pythonStdOut);
+  const s = u((a) => a.pythonStdOut);
   if (!s)
     return null;
   const t = s.replace(/\n/g, "<br>");
@@ -3444,12 +3462,12 @@ function Tl() {
     /* @__PURE__ */ e.jsx(de, { className: "mb-2" })
   ] });
 }
-function Il() {
-  const s = d((a) => a.isShowingVisual), t = d(
+function Dl() {
+  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: [
-    /* @__PURE__ */ e.jsx(_, { htmlFor: "visualize", children: "Chart" }),
+    /* @__PURE__ */ e.jsx(H, { htmlFor: "visualize", children: "Chart" }),
     /* @__PURE__ */ e.jsx(
       Zt,
       {
@@ -3461,7 +3479,7 @@ function Il() {
     )
   ] });
 }
-function Dl({
+function Ml({
   options: s,
   value: t,
   onValueChange: a
@@ -3474,7 +3492,7 @@ function Dl({
       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))
     }
@@ -3497,11 +3515,11 @@ function pe({
     ),
     /* @__PURE__ */ e.jsx(be, { children: /* @__PURE__ */ e.jsxs(ke, { children: [
       /* @__PURE__ */ e.jsx(ye, { children: s }),
-      t.map((o) => /* @__PURE__ */ e.jsx(Q, { value: o.value, children: o.label }, o.value))
+      t.map((i) => /* @__PURE__ */ e.jsx(Q, { value: i.value, children: i.label }, i.value))
     ] }) })
   ] });
 }
-function Je({
+function Qe({
   children: s,
   summary: t,
   open: a,
@@ -3514,7 +3532,7 @@ function Je({
       className: W("space-y-4 [&_summary>svg]:open:-rotate-180", n),
       children: [
         /* @__PURE__ */ e.jsxs("summary", { className: "flex cursor-pointer list-none items-center justify-between gap-4", children: [
-          /* @__PURE__ */ e.jsx(_, { children: t }),
+          /* @__PURE__ */ e.jsx(H, { children: t }),
           /* @__PURE__ */ e.jsx(en, { className: "h-4 w-4" })
         ] }),
         /* @__PURE__ */ e.jsx("div", { className: "transition-all ease-in-out", children: s })
@@ -3522,16 +3540,16 @@ function Je({
     }
   );
 }
-function Ml() {
+function Ll() {
   var j, D;
-  const s = d(
+  const s = u(
     (C) => C.card.customCardPreferences
-  ), { data: t } = Za(), a = (t == null ? void 0 : t.plugins) || [], n = d((C) => C.card), l = d((C) => C.frame), o = (s == null ? void 0 : s.visualType) || "single", { setCustomCardPreferences: r } = ce(), { components: u, manifest: i } = va(
+  ), { 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) || ""
-  ), x = (j = i == null ? void 0 : i.visuals) == null ? void 0 : j.find(
+  ), x = (j = o == null ? void 0 : o.visuals) == null ? void 0 : j.find(
     (C) => C.name === (s == null ? void 0 : s.componentName)
   );
-  function c(C, L) {
+  function d(C, L) {
     if (!s)
       return;
     const O = {
@@ -3547,15 +3565,15 @@ function Ml() {
     });
   }
   function y(C) {
-    var T, O;
-    const L = (T = l == null ? void 0 : l.cards) == null ? void 0 : T.filter((N) => {
-      var I;
-      return ((I = N == null ? void 0 : N.customCardPreferences) == null ? void 0 : I.visualType) !== "multiple";
+    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: (O = C == null ? void 0 : C.dataInputs) == null ? void 0 : O.map((N, I) => {
+    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",
@@ -3569,29 +3587,29 @@ function Ml() {
                 className: "col-span-6 h-8 w-full justify-between",
                 label: "",
                 options: L || [],
-                value: ((h = (A = s == null ? void 0 : s.dataInputCardIds) == null ? void 0 : A[I]) == null ? void 0 : h.cardId) || "",
-                onValueChange: (v) => c(I, v)
+                value: ((h = (A = s == null ? void 0 : s.dataInputCardIds) == null ? void 0 : A[T]) == null ? void 0 : h.cardId) || "",
+                onValueChange: (v) => d(T, v)
               }
             )
           ]
         },
-        I + Math.random()
+        T + Math.random()
       );
     }) });
   }
-  function f(C, L, T = []) {
+  function f(C, L, I = []) {
     var O, N;
     return s ? C === "input" ? /* @__PURE__ */ e.jsx(
       re,
       {
         className: `h-8 w-full ${Ge}`,
         value: ((O = s == null ? void 0 : s.settings) == null ? void 0 : O[L]) || "",
-        onChange: (I) => {
+        onChange: (T) => {
           r({
             ...s,
             settings: {
               ...s == null ? void 0 : s.settings,
-              [L]: I.target.value
+              [L]: T.target.value
             }
           });
         }
@@ -3602,12 +3620,12 @@ function Ml() {
       {
         className: "h-8 w-full",
         label: "",
-        options: T,
+        options: I,
         value: ((N = s == null ? void 0 : s.settings) == null ? void 0 : N[L]) || "",
-        onValueChange: (I) => {
+        onValueChange: (T) => {
           r({
             ...s,
-            settings: { ...s == null ? void 0 : s.settings, [L]: I }
+            settings: { ...s == null ? void 0 : s.settings, [L]: T }
           });
         }
       }
@@ -3615,14 +3633,14 @@ function Ml() {
   }
   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(([T, O]) => /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ e.jsx(_, { children: O.title }),
+    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,
-        T,
+        I,
         O.options
       )
-    ] }, T)) });
+    ] }, I)) });
   }
   function g(C) {
     s && r({
@@ -3636,7 +3654,7 @@ function Ml() {
     {
       className: "p-6",
       children: [
-        /* @__PURE__ */ e.jsx(Je, { summary: "Plugin Settings", children: /* @__PURE__ */ e.jsx("div", { className: "space-y-4 text-sm", children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 text-sm", children: [
+        /* @__PURE__ */ e.jsx(Qe, { summary: "Plugin Settings", children: /* @__PURE__ */ e.jsx("div", { className: "space-y-4 text-sm", children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 text-sm", children: [
           /* @__PURE__ */ e.jsx("div", { className: "space-y-2", children: /* @__PURE__ */ e.jsx("div", { className: "px-2", children: /* @__PURE__ */ e.jsx(
             pe,
             {
@@ -3654,25 +3672,25 @@ function Ml() {
             }
           ) }) }),
           ((s == null ? void 0 : s.type) === "component" || (s == null ? void 0 : s.type) === void 0) && /* @__PURE__ */ e.jsx(
-            Dl,
+            Ml,
             {
               options: [
                 { value: "single", label: "Single Visual" },
                 { value: "multiple", label: "Multi-Visual" }
               ],
-              value: o,
+              value: i,
               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: [
-            /* @__PURE__ */ e.jsx(_, { children: "Component" }),
-            /* @__PURE__ */ e.jsx("div", { className: "space-y-2 px-2", children: u && /* @__PURE__ */ e.jsx(
+            /* @__PURE__ */ e.jsx(H, { children: "Component" }),
+            /* @__PURE__ */ e.jsx("div", { className: "space-y-2 px-2", children: c && /* @__PURE__ */ e.jsx(
               pe,
               {
                 className: "h-8 w-full",
                 label: "",
-                options: (u == null ? void 0 : u.filter(
-                  (C) => C.type === o
+                options: (c == null ? void 0 : c.filter(
+                  (C) => C.type === i
                 ).map((C) => ({
                   value: C.name,
                   label: C.name
@@ -3689,9 +3707,9 @@ function Ml() {
           ] }) })
         ] }) }) }),
         /* @__PURE__ */ e.jsx(de, { className: "my-4" }),
-        ((D = n == null ? void 0 : n.customCardPreferences) == null ? void 0 : D.componentName) && /* @__PURE__ */ e.jsxs(Je, { summary: "Component Settings", 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(_, { children: "Input Mapping" }),
+            /* @__PURE__ */ e.jsx(H, { children: "Input Mapping" }),
             /* @__PURE__ */ e.jsx("div", { className: "px-2", children: y(x) })
           ] }),
           x && x.settings && /* @__PURE__ */ e.jsx("div", { className: "space-y-3", children: /* @__PURE__ */ e.jsx("div", { className: "px-2", children: m(x) }) })
@@ -3702,68 +3720,68 @@ function Ml() {
 }
 function Me() {
   const [s, t] = R([]);
-  d(
-    (c) => c.card.cfg
+  u(
+    (d) => d.card.cfg
   );
-  const a = d((c) => c.card.preferences), { setCardCfg: n, setFilterOnClickColumnIndex: l, setCardPreferences: o } = d((c) => c.actions), r = d(
-    (c) => c.queryResultColumns
+  const a = u((d) => d.card.preferences), { setCardCfg: n, setFilterOnClickColumnIndex: l, setCardPreferences: i } = u((d) => d.actions), r = u(
+    (d) => d.queryResultColumns
   );
-  d(
-    (c) => {
+  u(
+    (d) => {
       var y;
-      return (y = c.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 u(c, y) {
+  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 ? o({
+    y ? a != null && a.onClickFilter && ((f = a == null ? void 0 : a.onClickFilter) == null ? void 0 : f.length) > 0 ? i({
       ...a,
       onClickFilter: [
         ...a.onClickFilter,
         {
-          columnIndex: c,
+          columnIndex: d,
           expression: ""
         }
       ]
-    }) : o({
+    }) : i({
       ...a,
       onClickFilter: [
         {
-          columnIndex: c,
+          columnIndex: d,
           expression: ""
         }
       ]
-    }) : (o({
+    }) : (i({
       ...a,
       onClickFilter: (m = a == null ? void 0 : a.onClickFilter) == null ? void 0 : m.filter(
-        (g) => g.columnIndex !== c
+        (g) => g.columnIndex !== d
       )
     }), t((g) => {
       const j = [...g];
-      return j[c] = !1, j;
+      return j[d] = !1, j;
     }));
   }
-  function i(c, y) {
+  function o(d, y) {
     var m;
-    const f = (m = a == null ? void 0 : a.onClickFilter) == null ? void 0 : m.map((g) => g.columnIndex === c ? {
+    const f = (m = a == null ? void 0 : a.onClickFilter) == null ? void 0 : m.map((g) => g.columnIndex === d ? {
       ...g,
       expression: y.target.value
     } : g);
-    o({
+    i({
       ...a,
       onClickFilter: f
     });
   }
-  function x(c) {
+  function x(d) {
     var y, f, m, g;
-    if (s != null && s[c] || (f = (y = a == null ? void 0 : a.onClickFilter) == null ? void 0 : y.find((j) => j.columnIndex === c)) != null && f.expression)
+    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: (g = (m = a == null ? void 0 : a.onClickFilter) == null ? void 0 : m.find((j) => j.columnIndex === c)) == null ? void 0 : g.expression,
-          onChange: (j) => i(c, 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"
@@ -3771,8 +3789,8 @@ function Me() {
       );
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ e.jsx(_, { children: "On Click" }),
-    r == null ? void 0 : r.map((c, y) => {
+    /* @__PURE__ */ e.jsx(H, { children: "On Click" }),
+    r == null ? void 0 : r.map((d, y) => {
       var f, m;
       return /* @__PURE__ */ e.jsx(
         "div",
@@ -3786,14 +3804,14 @@ function Me() {
                   checked: !!((f = a == null ? void 0 : a.onClickFilter) != null && f.find(
                     (g) => g.columnIndex === y
                   )),
-                  onCheckedChange: (g) => u(y, g)
+                  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: c
+                  children: d
                 }
               ),
               /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: ((m = a == null ? void 0 : a.onClickFilter) == null ? void 0 : m.find(
@@ -3814,34 +3832,34 @@ function Me() {
             x(y)
           ] })
         },
-        c
+        d
       );
     })
   ] });
 }
 function bs() {
-  var r, u, i;
-  const s = d((x) => x.card.preferences), t = d(
+  var r, c, o;
+  const s = u((x) => x.card.preferences), t = u(
     (x) => x.card.cfg
-  ), { setCardCfg: a, setCardPreferences: n, setChartOrientation: l } = d((x) => x.actions);
+  ), { setCardCfg: a, setCardPreferences: n, setChartOrientation: l } = u((x) => x.actions);
   (r = t == null ? void 0 : t.options) != null && r.indexAxis;
-  function o(x) {
+  function i(x) {
     l(x);
   }
   return /* @__PURE__ */ e.jsxs(
     js,
     {
-      value: ((u = s == null ? void 0 : s.chartOptions) == null ? void 0 : u.indexAxis) || ((i = t == null ? void 0 : t.options) == null ? void 0 : i.indexAxis) || "x",
-      onValueChange: o,
+      value: ((c = s == null ? void 0 : s.chartOptions) == null ? void 0 : c.indexAxis) || ((o = t == null ? void 0 : t.options) == null ? void 0 : o.indexAxis) || "x",
+      onValueChange: i,
       className: "flex gap-3",
       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" })
         ] })
       ]
@@ -3850,37 +3868,37 @@ function bs() {
 }
 const ns = "focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0";
 function ia(s, t) {
-  var n, l, o;
+  var n, l, i;
   const a = Oa(s, t);
-  return ((o = (l = (n = s == null ? void 0 : s.chartOptions) == null ? void 0 : n.scales) == null ? void 0 : l[a]) == null ? void 0 : o.type) || "linear";
+  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, J, ne, w, H, 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), [o, r] = R(
+  }), l = Oa(a, n), [i, r] = R(
     ia(a)
-  ), [u, i] = R(
+  ), [c, o] = 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, c] = R(
-    ((ee = (H = (w = a == null ? void 0 : a.chartOptions) == null ? void 0 : w.scales) == null ? void 0 : H[l]) == null ? void 0 : ee.max) || ""
-  ), [y, f] = R(u || x ? "custom" : "auto"), [m, g] = R(""), [j, D] = R(0), [C, L] = R(""), [T, O] = R(""), [N, I] = R(""), A = d(
+  ), [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, 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: h } = ce(), v = d((E) => E.card), p = d((E) => {
+  ), { updateCardInFrame: h } = ce(), v = u((E) => E.card), p = u((E) => {
     var M;
     return (M = E.card) == null ? void 0 : M.type;
   }), 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)), i(
+    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 : ""
-    ), c(((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(
+    ), 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) || ""
-    ), 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) || ""), I(((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);
@@ -3892,7 +3910,7 @@ function et() {
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-6 items-center gap-2", children: [
         /* @__PURE__ */ e.jsx(
-          _,
+          H,
           {
             className: "col-span-2 hover:cursor-pointer hover:underline",
             htmlFor: "currency",
@@ -3909,7 +3927,7 @@ function et() {
         /* @__PURE__ */ e.jsxs(
           fe,
           {
-            value: T || "none",
+            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, {}) }),
@@ -3921,7 +3939,7 @@ function et() {
             ]
           }
         ),
-        /* @__PURE__ */ e.jsxs(fe, { value: N, onValueChange: (M) => I(M), children: [
+        /* @__PURE__ */ e.jsxs(fe, { value: N, onValueChange: (M) => T(M), children: [
           /* @__PURE__ */ e.jsx(
             ge,
             {
@@ -3936,7 +3954,7 @@ function et() {
         ] })
       ] }),
       /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-9 items-center gap-2", children: [
-        /* @__PURE__ */ e.jsx(_, { className: "col-span-3", htmlFor: "format", children: "Decimals" }),
+        /* @__PURE__ */ e.jsx(H, { className: "col-span-3", htmlFor: "format", children: "Decimals" }),
         /* @__PURE__ */ e.jsx(
           re,
           {
@@ -3952,13 +3970,13 @@ function et() {
   function B() {
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 items-center gap-2", children: [
-        /* @__PURE__ */ e.jsx(_, { htmlFor: "range", children: "Range" }),
+        /* @__PURE__ */ e.jsx(H, { htmlFor: "range", children: "Range" }),
         /* @__PURE__ */ e.jsx(
           re,
           {
             id: "min",
-            value: u,
-            onChange: (E) => i((M) => V(M, E.target.value)),
+            value: c,
+            onChange: (E) => o((M) => V(M, E.target.value)),
             className: `col-span-1 h-8 w-full ${ns}`
           }
         ),
@@ -3966,14 +3984,14 @@ function et() {
           re,
           {
             value: x,
-            onChange: (E) => c((M) => V(M, E.target.value)),
+            onChange: (E) => d((M) => V(M, E.target.value)),
             id: "max",
             className: `col-span-1 h-8 w-full ${ns}`
           }
         )
       ] }),
       /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 items-center gap-2", children: [
-        /* @__PURE__ */ e.jsx(_, { htmlFor: "step-size", children: "Step Size" }),
+        /* @__PURE__ */ e.jsx(H, { htmlFor: "step-size", children: "Step Size" }),
         /* @__PURE__ */ e.jsx(
           re,
           {
@@ -3990,7 +4008,7 @@ function et() {
     var P;
     let E = {};
     y === "custom" && (E = {
-      min: u,
+      min: c,
       max: x,
       ticks: {
         stepSize: m
@@ -4004,15 +4022,15 @@ function et() {
           ...(P = a == null ? void 0 : a.chartOptions) == null ? void 0 : P.scales,
           [l]: {
             // ...cardPreferences?.chartOptions?.scales?.[axis],
-            type: o,
-            ...o === "linear" ? E : {}
+            type: i,
+            ...i === "linear" ? E : {}
           }
         }
       },
       numberAxisFormat: {
         decimalPlaces: j,
         suffix: C,
-        currency: T,
+        currency: I,
         locale: N
       }
     };
@@ -4032,12 +4050,12 @@ function et() {
       ] }),
       /* @__PURE__ */ e.jsxs("div", { className: "grid gap-2", children: [
         /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 items-center gap-2", children: [
-          /* @__PURE__ */ e.jsx(_, { htmlFor: "scale", children: "Type" }),
+          /* @__PURE__ */ e.jsx(H, { htmlFor: "scale", children: "Type" }),
           /* @__PURE__ */ e.jsxs(
             fe,
             {
               disabled: k,
-              value: o,
+              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, {}) }),
@@ -4050,8 +4068,8 @@ function et() {
             }
           )
         ] }),
-        o == "linear" && /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 items-center gap-2 py-1", children: [
-          /* @__PURE__ */ e.jsx(_, { htmlFor: "scale-option", children: "Setup" }),
+        i == "linear" && /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 items-center gap-2 py-1", children: [
+          /* @__PURE__ */ e.jsx(H, { htmlFor: "scale-option", children: "Setup" }),
           /* @__PURE__ */ e.jsxs(
             js,
             {
@@ -4063,18 +4081,18 @@ function et() {
               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" })
                 ] })
               ]
             }
           )
         ] }),
-        y === "custom" && o == "linear" && B(),
+        y === "custom" && i == "linear" && B(),
         $(),
         /* @__PURE__ */ e.jsx(an, {}),
         /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-3", children: /* @__PURE__ */ e.jsx(
@@ -4090,41 +4108,41 @@ function et() {
     ] }) })
   ] });
 }
-function Ll({ idx: s }) {
-  var u;
-  const t = d((i) => {
+function El({ idx: s }) {
+  var c;
+  const t = u((o) => {
     var x;
-    return (x = i.card) == null ? void 0 : x.preferences;
-  }), a = d(
-    (i) => {
+    return (x = o.card) == null ? void 0 : x.preferences;
+  }), a = u(
+    (o) => {
       var x;
-      return (x = i.card.preferences) == null ? void 0 : x.datasetOptions;
+      return (x = o.card.preferences) == null ? void 0 : x.datasetOptions;
     }
-  ), n = d(
-    (i) => i.actions.setCardPreferences
-  ), l = (u = t == null ? void 0 : t.chartOptions) == null ? void 0 : u.indexAxis, o = a == null ? void 0 : a.find((i) => i.idx === s);
-  function r(i, x) {
-    (i === "end" || i === "start") && tn(nn());
-    const c = {
-      display: i !== "none",
-      align: i,
-      anchor: i,
+  ), 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, x) {
+    (o === "end" || o === "start") && tn(nn());
+    const d = {
+      display: o !== "none",
+      align: o,
+      anchor: o,
       clamp: !0
     };
-    if (!o)
+    if (!i)
       n({
         ...t,
         datasetOptions: [
           ...a || [],
           {
             idx: x,
-            datalabels: c
+            datalabels: d
           }
         ]
       });
     else {
-      const y = { ...o };
-      y.datalabels = c;
+      const y = { ...i };
+      y.datalabels = d;
       const f = a == null ? void 0 : a.map(
         (m) => m.idx === x ? y : m
       );
@@ -4135,7 +4153,7 @@ function Ll({ idx: s }) {
     }
   }
   return /* @__PURE__ */ e.jsxs(ps, { children: [
-    /* @__PURE__ */ e.jsx(fs, { children: /* @__PURE__ */ e.jsx(Qn, { className: "invisible size-4 rotate-[135deg] cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible" }) }),
+    /* @__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(
         F,
@@ -4202,70 +4220,70 @@ function Ll({ idx: s }) {
   ] });
 }
 function st() {
-  const s = d((x) => x.card), t = d(
+  const s = u((x) => x.card), t = u(
     (x) => {
-      var c, y, f;
-      return (f = (y = (c = x == null ? void 0 : x.card) == null ? void 0 : c.preferences) == null ? void 0 : y.chartOptions) == null ? void 0 : f.indexAxis;
+      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: o,
+    keys: i,
     metricKeys: r,
-    dimensionKeys: u
+    dimensionKeys: c
   } = Ss((a == null ? void 0 : a.records) || []);
-  let i = r;
+  let o = r;
   if (["stackedBar", "stackedLine"].includes(s.type)) {
     const x = ln({
       dataArray: (a == null ? void 0 : a.records) || [],
-      groupKey: u[0],
-      pivotKey: u[1],
-      valueKey: i[0]
-    }), { metricKeys: c } = Ss(x);
-    i = c;
+      groupKey: c[0],
+      pivotKey: c[1],
+      valueKey: o[0]
+    }), { metricKeys: d } = Ss(x);
+    o = d;
   }
-  return o.length === 0 ? null : /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
+  return i.length === 0 ? null : /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ e.jsx(_, { children: n }),
-      /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: /* @__PURE__ */ e.jsx("div", { className: "rounded-md bg-muted/70 px-2 py-1 hover:bg-muted", children: /* @__PURE__ */ e.jsx("p", { children: u[0] }) }) })
+      /* @__PURE__ */ e.jsx(H, { children: n }),
+      /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: /* @__PURE__ */ e.jsx("div", { className: "rounded-md bg-muted/70 px-2 py-1 hover:bg-muted", children: /* @__PURE__ */ e.jsx("p", { children: c[0] }) }) })
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between gap-5", children: [
-        /* @__PURE__ */ e.jsx(_, { children: l }),
+        /* @__PURE__ */ e.jsx(H, { children: l }),
         /* @__PURE__ */ e.jsx(et, {})
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: i.map((x, c) => /* @__PURE__ */ e.jsx(El, { col: x, idx: c }, x)) })
+      /* @__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 El({ col: s, idx: t }) {
-  const a = d((u) => {
-    var i;
-    return (i = u.card) == null ? void 0 : i.preferences;
-  }), n = d(
-    (u) => {
-      var i;
-      return (i = u.card.preferences) == null ? void 0 : i.datasetOptions;
+function Al({ col: s, idx: t }) {
+  const a = u((c) => {
+    var o;
+    return (o = c.card) == null ? void 0 : o.preferences;
+  }), n = u(
+    (c) => {
+      var o;
+      return (o = c.card.preferences) == null ? void 0 : o.datasetOptions;
     }
-  ), l = n == null ? void 0 : n.find((u) => u.idx === t), { setCardPreferences: o } = d((u) => u.actions);
-  function r(u) {
+  ), l = n == null ? void 0 : n.find((c) => c.idx === t), { setCardPreferences: i } = u((c) => c.actions);
+  function r(c) {
     if (!l)
-      o({
+      i({
         ...a,
         datasetOptions: [
           ...n || [],
           {
             idx: t,
-            type: u === "area" ? "line" : u,
-            fill: u === "area" ? "origin" : ""
+            type: c === "area" ? "line" : c,
+            fill: c === "area" ? "origin" : ""
           }
         ]
       });
     else {
-      const i = { ...l };
-      i.type = u === "area" ? "line" : u, i.fill = u === "area" ? "origin" : "";
+      const o = { ...l };
+      o.type = c === "area" ? "line" : c, o.fill = c === "area" ? "origin" : "";
       const x = n == null ? void 0 : n.map(
-        (c) => c.idx === t ? i : c
+        (d) => d.idx === t ? o : d
       );
-      o({
+      i({
         ...a,
         datasetOptions: x
       });
@@ -4302,37 +4320,37 @@ function El({ col: s, idx: t }) {
           className: "invisible size-4 cursor-pointer py-2 text-muted-foreground hover:text-foreground group-hover:visible"
         }
       ),
-      /* @__PURE__ */ e.jsx(Ll, { idx: t })
+      /* @__PURE__ */ e.jsx(El, { idx: t })
     ] })
   ] });
 }
 function at() {
-  const s = d((f) => f.selectedConnectionId), t = d((f) => f.selectedDatamodelId), a = d((f) => f.selectedDatabaseName), n = d((f) => f.selectedSchemaName), l = d((f) => f.selectedTableName), o = z((f) => f.dashboard.filters) || [], r = z((f) => f.actions.addFilter), u = z((f) => f.actions.removeFilter), i = z(
+  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: c } = Re();
+  ), { modelItems: x, tableName: d } = Re();
   function y(f, m = "dashboard") {
-    var I;
-    const g = xe(f.column_name), j = xe(a || ""), D = xe(n || ""), C = xe(c);
+    var T;
+    const g = xe(f.column_name), j = xe(a || ""), D = xe(n || ""), C = xe(d);
     let L = ja(
       D,
       C
-    ), T = `${L}.${g}`;
-    const O = (I = x == null ? void 0 : x.find(
+    ), I = `${L}.${g}`;
+    const O = (T = x == null ? void 0 : x.find(
       (A) => A.id === t
-    )) == null ? void 0 : I.name;
-    t && t !== "none" && (T = `${Ns}.${O}.${g}`, L = `${Ns}.${O}`);
-    const N = o == null ? void 0 : o.find(
-      (A) => A.column === T && A.table === C && (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 (N)
-      i(N.id), u(N.id);
+      o(N.id), c(N.id);
     else {
       const A = We();
-      return c === "api" && s ? (r({
+      return d === "api" && s ? (r({
         location: m,
         id: A,
         //uuidv4(),
-        column: T,
+        column: I,
         title: f.column_name,
         dataType: f.data_type,
         table: "api",
@@ -4350,7 +4368,7 @@ function at() {
         id: A,
         //uuidv4(),
         location: m,
-        column: T,
+        column: I,
         //columnName, //`${qualifiedTableName}.${formattedColumnName}`,
         title: f.column_name,
         dataType: f.data_type,
@@ -4371,25 +4389,25 @@ function at() {
 }
 function _e() {
   const s = z(
-    (u) => u.dashboard.filters
-  ), t = d((u) => u.frame), { setFrame: a } = ce(), { columns: n } = Re(), { assignFilter: l } = at();
-  function o(u) {
-    const i = l(u, "frame");
-    a({ ...t, filterId: i });
+    (c) => c.dashboard.filters
+  ), 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 });
   }
-  const r = s == null ? void 0 : s.find((u) => u.id === t.filterId);
+  const r = s == null ? void 0 : s.find((c) => c.id === t.filterId);
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-3", children: [
-    /* @__PURE__ */ e.jsx(_, { children: "Card Filter" }),
-    /* @__PURE__ */ e.jsx(Al, { onSelect: o, columns: n }),
+    /* @__PURE__ */ e.jsx(H, { children: "Card Filter" }),
+    /* @__PURE__ */ e.jsx(Vl, { onSelect: i, columns: n }),
     r && /* @__PURE__ */ e.jsx(rn, { filter: r })
   ] });
 }
-function Al({
+function Vl({
   columns: s,
   onSelect: t
 }) {
   var r;
-  const [a, n] = ta.useState(!1), [l, o] = ta.useState("");
+  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(
       F,
@@ -4400,7 +4418,7 @@ function Al({
         "aria-expanded": a,
         className: "w-full justify-between font-normal",
         children: [
-          l ? (r = s.find((u) => u.column_name === l)) == null ? void 0 : r.column_name : "Select Column...",
+          l ? (r = s.find((c) => c.column_name === l)) == null ? void 0 : r.column_name : "Select Column...",
           /* @__PURE__ */ e.jsx(on, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
         ]
       }
@@ -4409,34 +4427,34 @@ function Al({
       /* @__PURE__ */ e.jsx(dn, { placeholder: "Search column", className: "h-9" }),
       /* @__PURE__ */ e.jsxs(un, { children: [
         /* @__PURE__ */ e.jsx(hn, { children: "No framework found." }),
-        /* @__PURE__ */ e.jsx(mn, { children: s.map((u) => /* @__PURE__ */ e.jsxs(
+        /* @__PURE__ */ e.jsx(mn, { children: s.map((c) => /* @__PURE__ */ e.jsxs(
           xn,
           {
-            value: u.column_name,
-            onSelect: (i) => {
-              const x = i === l ? "" : i;
-              o(x), n(!1), x && t(u);
+            value: c.column_name,
+            onSelect: (o) => {
+              const x = o === l ? "" : o;
+              i(x), n(!1), x && t(c);
             },
             children: [
-              u.column_name,
+              c.column_name,
               /* @__PURE__ */ e.jsx(
                 ka,
                 {
                   className: W(
                     "ml-auto h-4 w-4",
-                    l === u.column_name ? "opacity-100" : "opacity-0"
+                    l === c.column_name ? "opacity-100" : "opacity-0"
                   )
                 }
               )
             ]
           },
-          u.column_name
+          c.column_name
         )) })
       ] })
     ] }) })
   ] });
 }
-function Vl({
+function ql({
   cardType: s
 }) {
   return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(De, { defaultValue: ["item-2"], type: "multiple", children: [
@@ -4481,18 +4499,18 @@ function Vl({
     ] })
   ] }) });
 }
-function Qs() {
-  var l, o, r;
-  const s = d(
-    (u) => u.card.cfg
-  ), t = d((u) => u.actions.setCardCfg), a = d((u) => u.card.type);
-  function n(u) {
-    var c;
-    const i = {
+function Js() {
+  var l, i, r;
+  const s = u(
+    (c) => c.card.cfg
+  ), t = u((c) => c.actions.setCardCfg), a = u((c) => c.card.type);
+  function n(c) {
+    var d;
+    const o = {
       datalabels: {
-        display: u !== "none",
-        align: u,
-        anchor: u,
+        display: c !== "none",
+        align: c,
+        anchor: c,
         clamp: !0
       }
     }, x = {
@@ -4500,12 +4518,12 @@ function Qs() {
       options: {
         ...s == null ? void 0 : s.options,
         plugins: {
-          ...(c = s == null ? void 0 : s.options) == null ? void 0 : c.plugins,
-          ...i
+          ...(d = s == null ? void 0 : s.options) == null ? void 0 : d.plugins,
+          ...o
         }
       }
     };
-    t(x), console.log(u);
+    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: [
@@ -4515,7 +4533,7 @@ function Qs() {
     /* @__PURE__ */ e.jsxs(
       fe,
       {
-        value: (r = (o = (l = s == null ? void 0 : s.options) == null ? void 0 : l.plugins) == null ? void 0 : o.datalabels) == null ? void 0 : r.anchor,
+        value: (r = (i = (l = s == null ? void 0 : s.options) == null ? void 0 : l.plugins) == null ? void 0 : i.datalabels) == null ? void 0 : r.anchor,
         onValueChange: n,
         defaultValue: "none",
         children: [
@@ -4532,7 +4550,7 @@ function Qs() {
     )
   ] });
 }
-function ql({
+function Rl({
   cardType: s
 }) {
   function t(a) {
@@ -4552,7 +4570,7 @@ function ql({
           "a",
           {
             target: "_blank",
-            onClick: (o) => o.stopPropagation(),
+            onClick: (i) => i.stopPropagation(),
             className: "text-blue-700",
             href: "https://docs.semaphor.cloud/concepts/visuals#pie-chart",
             children: "example"
@@ -4569,7 +4587,7 @@ function ql({
     ] }),
     /* @__PURE__ */ e.jsxs(U, { value: "item-2", children: [
       /* @__PURE__ */ e.jsx(G, { children: "Settings" }),
-      /* @__PURE__ */ e.jsx(K, { className: "px-2", children: /* @__PURE__ */ e.jsx(Qs, {}) })
+      /* @__PURE__ */ e.jsx(K, { className: "px-2", children: /* @__PURE__ */ e.jsx(Js, {}) })
     ] }),
     /* @__PURE__ */ e.jsxs(U, { value: "item-3", children: [
       /* @__PURE__ */ e.jsx(G, { children: "Filters" }),
@@ -4580,7 +4598,7 @@ function ql({
     ] })
   ] }) });
 }
-const Rl = {
+const _l = {
   datasets: [
     {
       type: "line",
@@ -4593,7 +4611,7 @@ const Rl = {
       data: []
     }
   ]
-}, _l = {
+}, Hl = {
   datasets: [
     {
       fill: "origin",
@@ -4603,8 +4621,8 @@ const Rl = {
     }
   ]
 };
-function Hl() {
-  const s = d((t) => t.card.type);
+function $l() {
+  const s = u((t) => t.card.type);
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-6 p-6", children: [
     /* @__PURE__ */ e.jsx(
       De,
@@ -4612,18 +4630,18 @@ function Hl() {
         className: " ",
         type: "single",
         collapsible: !0,
-        children: $l(s)
+        children: Pl(s)
       }
     ),
     /* @__PURE__ */ e.jsx("section", { className: "", children: ["line", "bar"].includes(s) && /* @__PURE__ */ e.jsx(bs, {}) }),
     !["kpi"].includes(s) && /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ e.jsx(Qs, {}),
+      /* @__PURE__ */ e.jsx(Js, {}),
       /* @__PURE__ */ e.jsx(Me, {}),
       /* @__PURE__ */ e.jsx(_e, {})
     ] })
   ] });
 }
-function $l(s) {
+function Pl(s) {
   if (["line", "bar"].includes(s))
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs(U, { value: "item-1", children: [
@@ -4644,7 +4662,7 @@ function $l(s) {
             /* @__PURE__ */ e.jsx("b", { children: "Customize" }),
             " and change the `type` property in the dataset."
           ] }),
-          /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify(Rl, null, 2) })
+          /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify(_l, null, 2) })
         ] })
       ] }),
       /* @__PURE__ */ e.jsxs(U, { value: "item-3", children: [
@@ -4665,7 +4683,7 @@ function $l(s) {
             ),
             "for more options."
           ] }),
-          /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify(_l, null, 2) })
+          /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify(Hl, null, 2) })
         ] })
       ] })
     ] });
@@ -4720,47 +4738,47 @@ function $l(s) {
       ] })
     ] }) });
 }
-function Pl() {
-  var i, x, c, y, f;
-  const s = d((m) => m.card.preferences), t = d(
+function Bl() {
+  var o, x, d, y, f;
+  const s = u((m) => m.card.preferences), t = u(
     (m) => m.actions.setCardPreferences
-  ), a = d(
+  ), a = u(
     (m) => m.actions.setNumberFormat
   );
-  d(
+  u(
     (m) => {
       var g, j;
       return (j = (g = m.card.preferences) == null ? void 0 : g.formatNumber) == null ? void 0 : j.decimalPlaces;
     }
   );
-  const n = d(
+  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(
+  ), l = u(
     (m) => {
       var g, j;
       return (j = (g = m.card.preferences) == null ? void 0 : g.formatNumber) == null ? void 0 : j.currency;
     }
   );
-  d(
+  u(
     (m) => m.actions.setFilterOnClickField
   );
-  const o = d(
+  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(
+  ) || [], r = u(
     (m) => m.actions.setColorRanges
-  ), u = [...new Set(cs.map((m) => m.currency))];
+  ), 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: !!((i = s == null ? void 0 : s.formatNumber) != null && i.enabled),
+          checked: !!((o = s == null ? void 0 : s.formatNumber) != null && o.enabled),
           onCheckedChange: (m) => {
             t({
               ...s,
@@ -4772,23 +4790,23 @@ function Pl() {
           }
         }
       ),
-      /* @__PURE__ */ e.jsx(_, { children: "Format Number" })
+      /* @__PURE__ */ e.jsx(H, { children: "Format Number" })
     ] }),
     ((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: [
-            /* @__PURE__ */ e.jsx(_, { children: "Locale" }),
+            /* @__PURE__ */ e.jsx(H, { children: "Locale" }),
             /* @__PURE__ */ e.jsxs(
               fe,
               {
-                value: n || "en-US",
+                value: n || "none",
                 onValueChange: (m) => {
                   var g, j, D;
                   return a(
                     ((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) || "",
-                    m || "en-US",
+                    m,
                     ((D = s == null ? void 0 : s.formatNumber) == null ? void 0 : D.suffix) || ""
                   );
                 },
@@ -4796,6 +4814,7 @@ function Pl() {
                   /* @__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" }),
+                    /* @__PURE__ */ e.jsx(Q, { value: "none", children: "None" }, "none"),
                     cs.map((m) => /* @__PURE__ */ e.jsx(Q, { value: m.locale, children: m.locale }, m.locale))
                   ] }) })
                 ]
@@ -4803,14 +4822,14 @@ function Pl() {
             )
           ] }),
           /* @__PURE__ */ e.jsxs("div", { className: "w-full space-y-1", children: [
-            /* @__PURE__ */ e.jsx(_, { children: "Currency" }),
+            /* @__PURE__ */ e.jsx(H, { children: "Currency" }),
             /* @__PURE__ */ e.jsxs(
               fe,
               {
                 value: l || "none",
                 onValueChange: (m) => {
                   var g, j, D;
-                  return a(
+                  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) || "",
@@ -4822,7 +4841,7 @@ function Pl() {
                   /* @__PURE__ */ e.jsx(be, { children: /* @__PURE__ */ e.jsxs(ke, { children: [
                     /* @__PURE__ */ e.jsx(ye, { children: "Currency" }),
                     /* @__PURE__ */ e.jsx(Q, { value: "none", children: "None" }, "none"),
-                    u.map((m) => /* @__PURE__ */ e.jsx(Q, { value: m, children: m }, m))
+                    c.map((m) => /* @__PURE__ */ e.jsx(Q, { value: m, children: m }, m))
                   ] }) })
                 ]
               }
@@ -4831,11 +4850,11 @@ function Pl() {
         ] }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
           /* @__PURE__ */ e.jsxs("div", { className: "w-full space-y-1", children: [
-            /* @__PURE__ */ e.jsx(_, { children: "Decimals" }),
+            /* @__PURE__ */ e.jsx(H, { children: "Decimals" }),
             /* @__PURE__ */ e.jsxs(
               fe,
               {
-                value: ((y = (c = s == null ? void 0 : s.formatNumber) == null ? void 0 : c.decimalPlaces) == null ? void 0 : y.toString()) || "0",
+                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(
@@ -4853,7 +4872,7 @@ function Pl() {
             )
           ] }),
           /* @__PURE__ */ e.jsxs("div", { className: "w-full space-y-1", children: [
-            /* @__PURE__ */ e.jsx(_, { children: "Suffix" }),
+            /* @__PURE__ */ e.jsx(H, { children: "Suffix" }),
             /* @__PURE__ */ e.jsx(
               re,
               {
@@ -4878,14 +4897,14 @@ function Pl() {
       /* @__PURE__ */ e.jsx(
         pn,
         {
-          colorRanges: o,
+          colorRanges: i,
           setColorRanges: r
         }
       )
     ] })
   ] });
 }
-function Bl() {
+function Ul() {
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-6 px-6 py-2", children: [
     /* @__PURE__ */ e.jsx(De, { type: "single", collapsible: !0, children: /* @__PURE__ */ e.jsxs(U, { value: "item-1", children: [
       /* @__PURE__ */ e.jsx(G, { className: "", children: "KPI Query" }),
@@ -4911,12 +4930,12 @@ function Bl() {
         ] })
       ] })
     ] }) }),
-    /* @__PURE__ */ e.jsx("section", { className: "", children: /* @__PURE__ */ e.jsx(Pl, {}) }),
+    /* @__PURE__ */ e.jsx("section", { className: "", children: /* @__PURE__ */ e.jsx(Bl, {}) }),
     /* @__PURE__ */ e.jsx("div", {}),
     /* @__PURE__ */ e.jsx("div", {})
   ] });
 }
-const Ul = [
+const Gl = [
   {
     label: "Mercator",
     value: "mercator"
@@ -4973,7 +4992,7 @@ const Ul = [
     label: "Natural Earth 1",
     value: "naturalEarth1"
   }
-], Gl = [
+], Kl = [
   "blues",
   "brBG",
   "buGn",
@@ -5012,18 +5031,18 @@ const Ul = [
   "ylGnBu",
   "ylOrBr",
   "ylOrRd"
-], Kl = Gl.map((s) => ({
+], Ql = Kl.map((s) => ({
   label: s,
   value: s
 }));
 function Jl() {
-  var i, x, c, y, f, m, g, j, D, C, L, T, O, N, I, A, h, v;
-  const s = d((p) => p.card), t = (x = (i = s == null ? void 0 : s.preferences) == null ? void 0 : i.mapVisualOptions) == null ? void 0 : x.topoJsonUrl, [a, n] = R(
-    ((y = (c = s == null ? void 0 : s.preferences) == null ? void 0 : c.mapVisualOptions) == null ? void 0 : y.customTopoJsonUrl) || ""
-  ), { setCardPreferences: l } = ce(), { data: o } = Bs(s), r = Object.keys((o == null ? void 0 : o.objects) || {}).map((p) => ({
+  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
-  })) || [], u = [
+  })) || [], c = [
     {
       label: "US States 10m",
       value: "https://unpkg.com/us-atlas/states-10m.json"
@@ -5038,14 +5057,14 @@ function Jl() {
     }
   ];
   return /* @__PURE__ */ e.jsxs("div", { className: "p-6", children: [
-    /* @__PURE__ */ e.jsx(Je, { summary: "Map Query", children: /* @__PURE__ */ e.jsx("p", { className: "rounded-md bg-muted p-2 font-mono text-xs", children: "SELECT country, value FROM table" }) }),
+    /* @__PURE__ */ e.jsx(Qe, { summary: "Map Query", children: /* @__PURE__ */ e.jsx("p", { className: "rounded-md bg-muted p-2 font-mono text-xs", children: "SELECT country, value FROM table" }) }),
     /* @__PURE__ */ e.jsx(de, { className: "my-4" }),
-    /* @__PURE__ */ e.jsx(Je, { open: !0, summary: "Settings", children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-3 px-2", children: [
+    /* @__PURE__ */ e.jsx(Qe, { open: !0, summary: "Settings", children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-3 px-2", children: [
       /* @__PURE__ */ e.jsx(
         pe,
         {
           className: "h-9",
-          options: u,
+          options: c,
           onValueChange: (p) => {
             console.log("value", p), l({
               ...s.preferences,
@@ -5080,9 +5099,9 @@ function Jl() {
           placeholder: "Custom URL"
         }
       ),
-      o && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      i && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
         /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ e.jsx(_, { children: "Map Object" }),
+          /* @__PURE__ */ e.jsx(H, { children: "Map Object" }),
           /* @__PURE__ */ e.jsx(
             pe,
             {
@@ -5104,12 +5123,12 @@ function Jl() {
           )
         ] }),
         /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ e.jsx(_, { children: "Projection" }),
+          /* @__PURE__ */ e.jsx(H, { children: "Projection" }),
           /* @__PURE__ */ e.jsx(
             pe,
             {
               className: "h-9",
-              options: Ul,
+              options: Gl,
               value: ((j = (g = s.preferences) == null ? void 0 : g.mapVisualOptions) == null ? void 0 : j.projection) || "",
               label: "Projection",
               onValueChange: (p) => {
@@ -5126,12 +5145,12 @@ function Jl() {
           )
         ] }),
         /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ e.jsx(_, { children: "Colors" }),
+          /* @__PURE__ */ e.jsx(H, { children: "Colors" }),
           /* @__PURE__ */ e.jsx(
             pe,
             {
               className: "h-9",
-              options: Kl,
+              options: Ql,
               value: ((C = (D = s.preferences) == null ? void 0 : D.mapVisualOptions) == null ? void 0 : C.colorScale) || "",
               label: "Select Color Scale",
               onValueChange: (p) => {
@@ -5150,14 +5169,14 @@ function Jl() {
       ] })
     ] }) }),
     /* @__PURE__ */ e.jsx(de, { className: "my-4" }),
-    /* @__PURE__ */ e.jsx(Je, { className: "", summary: "Scale Options", children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
+    /* @__PURE__ */ e.jsx(Qe, { className: "", summary: "Scale Options", children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
       /* @__PURE__ */ e.jsx(
         re,
         {
           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,
+          value: ((I = (L = s.preferences) == null ? void 0 : L.mapVisualOptions) == null ? void 0 : I.projectionScale) || 1,
           onChange: (p) => {
             var k;
             l({
@@ -5170,14 +5189,14 @@ function Jl() {
           }
         }
       ),
-      /* @__PURE__ */ e.jsx(_, { children: "X" }),
+      /* @__PURE__ */ e.jsx(H, { children: "X" }),
       /* @__PURE__ */ e.jsx(
         re,
         {
           className: `h-9 w-full ${Ge}`,
           type: "number",
           step: 10,
-          value: ((I = (N = (O = s.preferences) == null ? void 0 : O.mapVisualOptions) == null ? void 0 : N.projectionOffset) == null ? void 0 : I[0]) || 0,
+          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({
@@ -5193,7 +5212,7 @@ function Jl() {
           }
         }
       ),
-      /* @__PURE__ */ e.jsx(_, { children: "Y" }),
+      /* @__PURE__ */ e.jsx(H, { children: "Y" }),
       /* @__PURE__ */ e.jsx(
         re,
         {
@@ -5221,9 +5240,9 @@ function Jl() {
     /* @__PURE__ */ e.jsx(Me, {})
   ] });
 }
-function Ql() {
+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,
@@ -5242,11 +5261,11 @@ function Ql() {
       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" })
         ] })
       ]
@@ -5287,8 +5306,8 @@ function ls({
       /* @__PURE__ */ e.jsx(G, { children: "Settings" }),
       /* @__PURE__ */ e.jsxs(K, { className: "space-y-4 px-2", children: [
         s === "range" && /* @__PURE__ */ e.jsx(bs, {}),
-        s !== "text" && /* @__PURE__ */ e.jsx(Qs, {}),
-        s === "text" && /* @__PURE__ */ e.jsx(Ql, {})
+        s !== "text" && /* @__PURE__ */ e.jsx(Js, {}),
+        s === "text" && /* @__PURE__ */ e.jsx(Wl, {})
       ] })
     ] }),
     !["range", "text"].includes(s) && /* @__PURE__ */ e.jsxs(U, { value: "item-3", children: [
@@ -5300,16 +5319,16 @@ function ls({
     ] })
   ] }) });
 }
-function Wl() {
-  const s = d(
+function Yl() {
+  const s = u(
     (n) => {
-      var l, o;
-      return (o = (l = n == null ? void 0 : n.card) == null ? void 0 : l.preferences) == null ? void 0 : o.sortChart;
+      var l, i;
+      return (i = (l = n == null ? void 0 : n.card) == null ? void 0 : l.preferences) == null ? void 0 : i.sortChart;
     }
   ), { setSortChart: t } = ce();
   function a() {
     return /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ e.jsx(_, { children: "Sort" }),
+      /* @__PURE__ */ e.jsx(H, { children: "Sort" }),
       /* @__PURE__ */ e.jsx(
         pe,
         {
@@ -5380,11 +5399,11 @@ function Wl() {
     ] })
   ] }) });
 }
-function Yl({}) {
-  const s = d((n) => {
+function Xl({}) {
+  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({
@@ -5413,7 +5432,7 @@ function Yl({}) {
     ] })
   ] });
 }
-const Xl = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
+const Zl = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
   /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 text-xs", children: "SELECT dimension, cohort, metric FROM table" }),
   /* @__PURE__ */ e.jsxs("div", { children: [
     "See ",
@@ -5429,7 +5448,7 @@ const Xl = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-
     ),
     " in the docs."
   ] })
-] }), Zl = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
+] }), er = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
   /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 text-xs", children: "SELECT y-axis, label, range-from, range-to, range-value FROM table" }),
   /* @__PURE__ */ e.jsxs("div", { children: [
     "See ",
@@ -5445,7 +5464,7 @@ const Xl = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-
     ),
     " in the docs."
   ] })
-] }), er = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
+] }), sr = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
   /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 text-xs", children: "SELECT text FROM table limit 1" }),
   /* @__PURE__ */ e.jsxs("div", { children: [
     "See ",
@@ -5462,22 +5481,22 @@ const Xl = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-
     " in the docs."
   ] })
 ] });
-function sr() {
-  const s = d((a) => a.card.type);
+function ar() {
+  const s = u((a) => a.card.type);
   function t(a) {
     switch (a) {
       case "stackedBar":
       case "stackedLine":
-        return /* @__PURE__ */ e.jsx(Wl, {});
+        return /* @__PURE__ */ e.jsx(Yl, {});
       case "pyramid":
-        return /* @__PURE__ */ e.jsx(ls, { docContent: Xl, cardType: a });
+        return /* @__PURE__ */ e.jsx(ls, { docContent: Zl, cardType: a });
       case "kpi":
-        return /* @__PURE__ */ e.jsx(Bl, {});
+        return /* @__PURE__ */ e.jsx(Ul, {});
       case "line":
       case "bar":
-        return /* @__PURE__ */ e.jsx(Vl, { cardType: a });
+        return /* @__PURE__ */ e.jsx(ql, { cardType: a });
       case "range":
-        return /* @__PURE__ */ e.jsx(ls, { docContent: Zl, cardType: a });
+        return /* @__PURE__ */ e.jsx(ls, { docContent: er, cardType: a });
       case "pie":
       case "doughnut":
       case "polarArea":
@@ -5485,14 +5504,14 @@ function sr() {
         return /* @__PURE__ */ e.jsx(ls, { cardType: a });
       case "bubble":
       case "scatter":
-        return /* @__PURE__ */ e.jsx(ql, { cardType: a });
+        return /* @__PURE__ */ e.jsx(Rl, { cardType: a });
       case "table":
-        return /* @__PURE__ */ e.jsx(Yl, { cardType: a });
+        return /* @__PURE__ */ e.jsx(Xl, { cardType: a });
       case "text":
         return /* @__PURE__ */ e.jsx(
           ls,
           {
-            docContent: er,
+            docContent: sr,
             cardType: a,
             suffix: "Visual"
           }
@@ -5500,15 +5519,15 @@ function sr() {
       case "map":
         return /* @__PURE__ */ e.jsx(Jl, {});
       case "custom":
-        return /* @__PURE__ */ e.jsx(Ml, {});
+        return /* @__PURE__ */ e.jsx(Ll, {});
       default:
-        return /* @__PURE__ */ e.jsx(Hl, {});
+        return /* @__PURE__ */ e.jsx($l, {});
     }
   }
   return /* @__PURE__ */ e.jsx(Ps, { className: "h-full w-full text-sm", children: t(s) });
 }
-function ar() {
-  const s = d((t) => t.isShowingVisual);
+function tr() {
+  const s = u((t) => t.isShowingVisual);
   return /* @__PURE__ */ e.jsxs(
     ws,
     {
@@ -5522,7 +5541,7 @@ function ar() {
             className: "flex",
             minSize: 20,
             defaultSize: 40,
-            children: /* @__PURE__ */ e.jsx(vl, {})
+            children: /* @__PURE__ */ e.jsx(Cl, {})
           }
         ),
         /* @__PURE__ */ e.jsx(ks, { withHandle: !0, className: "border" }),
@@ -5541,7 +5560,7 @@ function ar() {
                   minSize: 20,
                   defaultSize: 25,
                   maxSize: 30,
-                  children: /* @__PURE__ */ e.jsx(sr, {})
+                  children: /* @__PURE__ */ e.jsx(ar, {})
                 }
               ) }),
               /* @__PURE__ */ e.jsx(ks, { className: "border" }),
@@ -5553,14 +5572,14 @@ function ar() {
     }
   );
 }
-function tr({ authToken: s, onSave: t, onClose: a }) {
+function nr({ authToken: s, onSave: t, onClose: a }) {
   z((r) => r.themeStyle);
-  const n = d((r) => r.actions.setOnSave), l = d((r) => r.actions.setOnClose), o = z((r) => r.actions.setAuthToken);
+  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(() => {
-    s && s.accessToken && o(s);
-  }, [s, o]), /* @__PURE__ */ e.jsx(xs, { FallbackComponent: Fa, children: /* @__PURE__ */ e.jsxs(
+    s && s.accessToken && i(s);
+  }, [s, i]), /* @__PURE__ */ e.jsx(xs, { FallbackComponent: Fa, children: /* @__PURE__ */ e.jsxs(
     fn,
     {
       style: {
@@ -5571,18 +5590,18 @@ function tr({ authToken: s, onSave: t, onClose: a }) {
       role: "editor-panel",
       children: [
         /* @__PURE__ */ e.jsx(gn, { className: "rounded-none border-r-[1.5px]", children: /* @__PURE__ */ e.jsx(_a, {}) }),
-        /* @__PURE__ */ e.jsx(jn, { children: /* @__PURE__ */ e.jsx(ar, {}) })
+        /* @__PURE__ */ e.jsx(jn, { children: /* @__PURE__ */ e.jsx(tr, {}) })
       ]
     }
   ) });
 }
-function nr() {
+function lr() {
   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));
   }
-  function o() {
+  function i() {
     t(!1);
   }
   return /* @__PURE__ */ e.jsx(
@@ -5592,31 +5611,31 @@ function nr() {
       className: W("flex grow", {
         "max-h-0 overflow-hidden": !a
       }),
-      children: /* @__PURE__ */ e.jsx(tr, { onSave: l, onClose: o })
+      children: /* @__PURE__ */ e.jsx(nr, { onSave: l, onClose: i })
     }
   );
 }
-function lr() {
-  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 = z((r) => r.dashboard.filters) || [];
+function rr() {
+  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: o } = at();
+  const { modelItems: n, columns: l } = Re(), { assignFilter: i } = at();
   return /* @__PURE__ */ e.jsx("div", { className: "xbg-red-100 flex-1 basis-0 flex-col overflow-scroll px-3", children: l == null ? void 0 : l.map((r) => {
-    const u = a == null ? void 0 : a.find(
-      (i) => i.column === xe(r.column_name) && i.table === t && i.database === s
+    const c = a == null ? void 0 : a.find(
+      (o) => o.column === xe(r.column_name) && o.table === t && o.database === s
     );
     return /* @__PURE__ */ e.jsx(
       "div",
       {
-        onClick: () => o(r),
+        onClick: () => i(r),
         className: W(
           "group flex cursor-pointer items-center justify-between border border-dashed border-background px-3 py-[6px] text-sm transition-colors hover:bg-muted/50",
           {
-            "bg-muted": u
+            "bg-muted": c
           }
         ),
         children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
@@ -5628,21 +5647,21 @@ function lr() {
     );
   }) });
 }
-function rr() {
+function ir() {
   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(_, { className: "text-lg", children: "Filters" }),
+      /* @__PURE__ */ e.jsx(H, { className: "text-lg", children: "Filters" }),
       /* @__PURE__ */ e.jsx(
         F,
         {
           onClick: () => s(!1),
           className: "h-7 w-7 p-0",
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Qe, {})
+          children: /* @__PURE__ */ e.jsx(Je, {})
         }
       )
     ] }),
@@ -5652,7 +5671,7 @@ function rr() {
         ColumnsComponent: () => (
           // schemaName, tableName, columns
           /* @__PURE__ */ e.jsx(
-            lr,
+            rr,
             {}
           )
         )
@@ -5660,7 +5679,7 @@ function rr() {
     ) })
   ] });
 }
-function ir() {
+function or() {
   const s = z((a) => a.showFilters), t = z((a) => a.isVisualEditing);
   return /* @__PURE__ */ e.jsxs(
     "div",
@@ -5672,12 +5691,12 @@ function ir() {
       }),
       children: [
         /* @__PURE__ */ e.jsx(bn, {}),
-        s && /* @__PURE__ */ e.jsx("div", { role: "filter-aside-container", className: "flex", children: /* @__PURE__ */ e.jsx(rr, {}) })
+        s && /* @__PURE__ */ e.jsx("div", { role: "filter-aside-container", className: "flex", children: /* @__PURE__ */ e.jsx(ir, {}) })
       ]
     }
   );
 }
-function or() {
+function cr() {
   const s = z((n) => n.dashboard), t = z((n) => n.actions.setDashboard), a = z(
     (n) => n.showDashboardJSON
   );
@@ -5721,7 +5740,7 @@ function or() {
     }
   );
 }
-function hr({
+function mr({
   showControls: s = !1,
   showFooter: t = !0,
   ...a
@@ -5729,11 +5748,11 @@ function hr({
   return /* @__PURE__ */ e.jsx(xs, { FallbackComponent: Fa, children: /* @__PURE__ */ e.jsxs(vn, { dashboardProps: a, children: [
     /* @__PURE__ */ e.jsx(Cn, {}),
     /* @__PURE__ */ e.jsxs(Nn, { children: [
-      /* @__PURE__ */ e.jsx(or, {}),
+      /* @__PURE__ */ e.jsx(cr, {}),
       /* @__PURE__ */ e.jsxs(Sn, { ...a, children: [
         s && /* @__PURE__ */ e.jsx(nl, {}),
-        /* @__PURE__ */ e.jsx(nr, {}),
-        /* @__PURE__ */ e.jsx(ir, {})
+        /* @__PURE__ */ e.jsx(lr, {}),
+        /* @__PURE__ */ e.jsx(or, {})
       ] })
     ] })
   ] }) });
@@ -5742,7 +5761,7 @@ export {
   Ue as A,
   kn as B,
   zn as C,
-  hr as D,
+  mr as D,
   Ma as E,
   qa as F,
   Ln as G,
@@ -5754,17 +5773,17 @@ export {
   $n as N,
   Aa as P,
   Un as S,
-  Qn as T,
+  Jn as T,
   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,
@@ -5778,8 +5797,8 @@ export {
   Va as t,
   Gn as u,
   Kn as v,
-  Jn as w,
+  Qn as w,
   Wn as x,
-  Js as y,
+  Qs as y,
   Re as z
 };