semaphor 0.0.78 → 0.0.80

package/dist/chunks/{index-7kOro_zu.js → index-j7G0u0x7.js}

@@ -1,6 +1,6 @@
-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-zdZ1lpAC.js";
+import { c as q, p as hs, u as O, n as Is, o as ve, q as e, r as Ts, s as Ds, t as F, j as Ms, v as Ls, w as Es, x as As, y as Vs, 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 qs, $ as ma, a0 as Rs, a1 as fe, a2 as ge, a3 as je, a4 as be, a5 as ze, a6 as ye, a7 as Q, T as _s, a8 as Hs, a9 as $s, aa as Ps, 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 ms, al as ft, am as Xs, an as ja, ao as Ss, ap as me, aq as ke, ar as de, as as xs, 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 ws, aE as St, a as wt, aF as Ke, aG as ks, aH as Ve, aI as zs, aJ as kt, aK as zt, aL as Ot, aM as Ft, aN as It, aO as Tt, aP as Ns, aQ as Dt, aR as Zs, aS as Mt, aT as ea, aU as Lt, aV as Et, aW as At, aX as Vt, aY as va, aZ as ce, a_ as Bs, a$ as Ca, b0 as qt, b1 as Rt, b2 as rs, b3 as _t, b4 as Ht, b5 as $t, b6 as Pt, b7 as Bt, b8 as Ut, b9 as Gt, l as Kt, ba as ps, bb as Na, bc as Sa, bd as wa, be as is, bf as ka, bg as os, bh as sa, bi as Qt, bj as Jt, bk as fs, bl as gs, bm as js, bn as Wt, bo as Yt, X as za, bp as Xt, bq as Zt, br as en, bs, bt as Te, f as sn, bu as Ge, bv as Oa, bw as an, bx as tn, by as cs, bz as nn, bA as ln, bB as rn, bC as aa, bD as on, bE as cn, bF as dn, bG as un, bH as hn, bI as mn, bJ as xn, bK as pn, bL as De, bM as U, bN as G, bO as Us, bP as K, bQ as fn, bR as Fa, bS as gn, bT as jn, bU as bn, bV as yn, bW as vn, bX as Cn, bY as Nn, bZ as Sn, b_ as wn } from "./index-M3d2p2oT.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 Oe, { useState as R, useMemo as Os, useEffect as Z, useRef as Xe, Suspense as kn } from "react";
 import "react-dom";
 /**
  * @license lucide-react v0.453.0 - ISC
@@ -8,7 +8,7 @@ import "react-dom";
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const kn = q("Box", [
+const zn = q("Box", [
   [
     "path",
     {
@@ -25,7 +25,7 @@ const kn = q("Box", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const zn = q("ChartArea", [
+const On = q("ChartArea", [
   ["path", { d: "M3 3v16a2 2 0 0 0 2 2h16", key: "c24i48" }],
   [
     "path",
@@ -104,7 +104,7 @@ const Da = q("ChartScatter", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const On = q("CircleX", [
+const Fn = q("CircleX", [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
   ["path", { d: "m9 9 6 6", key: "z0biqf" }]
@@ -115,7 +115,7 @@ const On = q("CircleX", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Fn = q("CopyPlus", [
+const In = q("CopyPlus", [
   ["line", { x1: "15", x2: "15", y1: "12", y2: "18", key: "1p7wdc" }],
   ["line", { x1: "12", x2: "18", y1: "15", y2: "15", key: "1nscbv" }],
   ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
@@ -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 In = q("Database", [
+const Tn = 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 Tn = q("Eraser", [
+const Dn = q("Eraser", [
   [
     "path",
     {
@@ -166,7 +166,7 @@ const Tn = q("Eraser", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Dn = q("EyeClosed", [
+const Mn = q("EyeClosed", [
   ["path", { d: "m15 18-.722-3.25", key: "1j64jw" }],
   ["path", { d: "M2 8a10.645 10.645 0 0 0 20 0", key: "1e7gxb" }],
   ["path", { d: "m20 15-1.726-2.05", key: "1cnuld" }],
@@ -179,7 +179,7 @@ const Dn = q("EyeClosed", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Mn = q("Eye", [
+const Ln = q("Eye", [
   [
     "path",
     {
@@ -195,7 +195,7 @@ const Mn = q("Eye", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ln = q("Glasses", [
+const En = q("Glasses", [
   ["circle", { cx: "6", cy: "15", r: "4", key: "vux9w4" }],
   ["circle", { cx: "18", cy: "15", r: "4", key: "18o8ve" }],
   ["path", { d: "M14 15a2 2 0 0 0-2-2 2 2 0 0 0-2 2", key: "1ag4bs" }],
@@ -208,7 +208,7 @@ const Ln = q("Glasses", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const En = q("Hammer", [
+const An = q("Hammer", [
   ["path", { d: "m15 12-8.373 8.373a1 1 0 1 1-3-3L12 9", key: "eefl8a" }],
   ["path", { d: "m18 15 4-4", key: "16gjal" }],
   [
@@ -225,7 +225,7 @@ const En = q("Hammer", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const An = q("Hash", [
+const Vn = q("Hash", [
   ["line", { x1: "4", x2: "20", y1: "9", y2: "9", key: "4lhtct" }],
   ["line", { x1: "4", x2: "20", y1: "15", y2: "15", key: "vyu0kd" }],
   ["line", { x1: "10", x2: "8", y1: "3", y2: "21", key: "1ggp8o" }],
@@ -237,7 +237,7 @@ const An = q("Hash", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Vn = q("House", [
+const qn = q("House", [
   ["path", { d: "M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8", key: "5wwlr5" }],
   [
     "path",
@@ -264,7 +264,7 @@ const La = q("Key", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const qn = q("ListEnd", [
+const Rn = q("ListEnd", [
   ["path", { d: "M16 12H3", key: "1a2rj7" }],
   ["path", { d: "M16 6H3", key: "1wxfjs" }],
   ["path", { d: "M10 18H3", key: "13769t" }],
@@ -277,7 +277,7 @@ const qn = q("ListEnd", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Rn = q("ListStart", [
+const _n = q("ListStart", [
   ["path", { d: "M16 12H3", key: "1a2rj7" }],
   ["path", { d: "M16 18H3", key: "12xzn7" }],
   ["path", { d: "M10 6H3", key: "lf8lx7" }],
@@ -290,7 +290,7 @@ const Rn = q("ListStart", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const _n = q("ListX", [
+const Hn = q("ListX", [
   ["path", { d: "M11 12H3", key: "51ecnj" }],
   ["path", { d: "M16 6H3", key: "1wxfjs" }],
   ["path", { d: "M16 18H3", key: "12xzn7" }],
@@ -329,7 +329,7 @@ const Ea = q("Map", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Hn = q("MessageSquareMore", [
+const $n = q("MessageSquareMore", [
   ["path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z", key: "1lielz" }],
   ["path", { d: "M8 10h.01", key: "19clt8" }],
   ["path", { d: "M12 10h.01", key: "1nrarc" }],
@@ -341,7 +341,7 @@ const Hn = q("MessageSquareMore", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const $n = q("Network", [
+const Pn = q("Network", [
   ["rect", { x: "16", y: "16", width: "6", height: "6", rx: "1", key: "4q2zg0" }],
   ["rect", { x: "2", y: "16", width: "6", height: "6", rx: "1", key: "8cvhb9" }],
   ["rect", { x: "9", y: "2", width: "6", height: "6", rx: "1", key: "1egb70" }],
@@ -370,7 +370,7 @@ const Aa = q("Pencil", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Pn = q("Play", [
+const Bn = q("Play", [
   ["polygon", { points: "6 3 20 12 6 21 6 3", key: "1oa8hb" }]
 ]);
 /**
@@ -379,7 +379,7 @@ const Pn = q("Play", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Bn = q("Plug2", [
+const Un = q("Plug2", [
   ["path", { d: "M9 2v6", key: "17ngun" }],
   ["path", { d: "M15 2v6", key: "s7yy2p" }],
   ["path", { d: "M12 17v5", key: "bb1du9" }],
@@ -392,7 +392,7 @@ const Bn = q("Plug2", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Un = q("Save", [
+const Gn = q("Save", [
   [
     "path",
     {
@@ -426,7 +426,7 @@ const Va = q("Shapes", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Gn = q("ShieldQuestion", [
+const Kn = q("ShieldQuestion", [
   [
     "path",
     {
@@ -443,7 +443,7 @@ const Gn = q("ShieldQuestion", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Kn = q("Sigma", [
+const Qn = q("Sigma", [
   [
     "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 Qn = q("SwatchBook", [
+const Jn = 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 Qn = q("SwatchBook", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Jn = q("Tag", [
+const Wn = q("Tag", [
   [
     "path",
     {
@@ -492,7 +492,7 @@ const Jn = q("Tag", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Wn = q("ToggleLeft", [
+const Yn = q("ToggleLeft", [
   ["rect", { width: "20", height: "12", x: "2", y: "6", rx: "6", ry: "6", key: "f2vt7d" }],
   ["circle", { cx: "8", cy: "12", r: "2", key: "1nvbw3" }]
 ]);
@@ -513,7 +513,7 @@ const Qs = q("Type", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Yn = q("User", [
+const Xn = q("User", [
   ["path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2", key: "975kel" }],
   ["circle", { cx: "12", cy: "7", r: "4", key: "17ys0d" }]
 ]);
@@ -529,14 +529,14 @@ function qa(s) {
           var i;
           return {
             ...l,
-            cards: (i = l.cards) == null ? void 0 : i.map((r) => Xn(r))
+            cards: (i = l.cards) == null ? void 0 : i.map((r) => Zn(r))
           };
         })
       };
     })
   };
 }
-function Xn(s) {
+function Zn(s) {
   var t, a, n, l;
   return {
     ...s,
@@ -551,12 +551,12 @@ function Xn(s) {
         }))
       }
     },
-    customCfg: Zn(s.customCfg),
+    customCfg: el(s.customCfg),
     // if customCfg is present, clean it, otherwise return null{
     data: []
   };
 }
-function Zn(s) {
+function el(s) {
   var t, a;
   return s ? {
     ...s,
@@ -570,7 +570,7 @@ function Zn(s) {
     }
   } : null;
 }
-async function el(s, t, a, n) {
+async function sl(s, t, a, n) {
   if (!n)
     return null;
   const l = JSON.stringify(t);
@@ -581,7 +581,7 @@ async function el(s, t, a, n) {
     operation: "create"
   });
 }
-async function Os(s, t) {
+async function Fs(s, t) {
   if (!t)
     return null;
   const { id: a, template: n, filterValues: l, isDefault: i, shared: r } = s;
@@ -594,43 +594,43 @@ async function Os(s, t) {
     operation: "update"
   });
 }
-async function sl(s, t) {
+async function al(s, t) {
   return t ? await hs("https://semaphor.cloud/api/v1/lens", t, {
     operation: "delete",
     lensId: s
   }) : null;
 }
-function al() {
-  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();
+function tl() {
+  const [s, t] = R(""), [a, n] = R(!1), l = O((j) => j.lenses), { setLenses: i, setSelectedLensId: r } = Is(), [c, o] = R(!1), [x, d] = R(!1), y = O((j) => j.dashboard), f = O((j) => j.filterValues), { authToken: m } = ve();
   async function g() {
     o(!0);
     const j = qa(
       y
-    ), D = await el(
+    ), T = await sl(
       s,
       j,
       f,
       m == null ? void 0 : m.accessToken
     );
-    D && (i([...l || [], D]), r(D.id), d(!1)), o(!1);
+    T && (i([...l || [], T]), r(T.id), d(!1)), o(!1);
   }
-  return /* @__PURE__ */ e.jsxs(Is, { open: x, onOpenChange: d, children: [
-    /* @__PURE__ */ e.jsx(Ts, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
+  return /* @__PURE__ */ e.jsxs(Ts, { open: x, onOpenChange: d, children: [
+    /* @__PURE__ */ e.jsx(Ds, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
       F,
       {
         variant: "secondary",
         className: "h-7 p-2",
         size: "sm",
         children: [
-          /* @__PURE__ */ e.jsx(Ds, { className: "mr-2 h-4 w-4", strokeWidth: 1.5 }),
+          /* @__PURE__ */ e.jsx(Ms, { className: "mr-2 h-4 w-4", strokeWidth: 1.5 }),
           "Lens"
         ]
       }
     ) }),
-    /* @__PURE__ */ e.jsxs(Ms, { className: "sm:max-w-[425px]", children: [
-      /* @__PURE__ */ e.jsxs(Ls, { children: [
-        /* @__PURE__ */ e.jsx(Es, { children: "Create Lens" }),
-        /* @__PURE__ */ e.jsx(As, { children: "Lenses are private by default and are only visible to you." })
+    /* @__PURE__ */ e.jsxs(Ls, { className: "sm:max-w-[425px]", children: [
+      /* @__PURE__ */ e.jsxs(Es, { children: [
+        /* @__PURE__ */ e.jsx(As, { children: "Create Lens" }),
+        /* @__PURE__ */ e.jsx(Vs, { 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(H, { className: "text-right", children: "Name" }),
@@ -661,13 +661,13 @@ function al() {
     ] })
   ] });
 }
-function tl() {
-  const [s, t] = R(!1), a = z((d) => d.lenses), n = z((d) => d.selectedLensId), { setLenses: l, setSelectedLensId: i } = Fs(), { authToken: r } = Oe();
+function nl() {
+  const [s, t] = R(!1), a = O((d) => d.lenses), n = O((d) => d.selectedLensId), { setLenses: l, setSelectedLensId: i } = Is(), { authToken: r } = ve();
   async function c(d) {
     i(d);
   }
   async function o(d) {
-    if (await sl(d, r == null ? void 0 : r.accessToken)) {
+    if (await al(d, r == null ? void 0 : r.accessToken)) {
       const f = a == null ? void 0 : a.filter((m) => m.id !== d);
       l(f || []), i("original");
     }
@@ -685,18 +685,18 @@ function tl() {
       ...d,
       isDefault: !d.isDefault
     };
-    await Os(f, r == null ? void 0 : r.accessToken);
+    await Fs(f, r == null ? void 0 : r.accessToken);
     const m = a == null ? void 0 : a.find((g) => g.isDefault);
     if (m && m.id !== d.id) {
       const g = {
         ...m,
         isDefault: !1
       };
-      await Os(g, r == null ? void 0 : r.accessToken);
+      await Fs(g, r == null ? void 0 : r.accessToken);
     }
   }
   return /* @__PURE__ */ e.jsxs(ca, { open: s, onOpenChange: t, children: [
-    /* @__PURE__ */ e.jsx(da, { asChild: !0, children: /* @__PURE__ */ e.jsx(F, { variant: "ghost", className: "h-7 p-2", children: /* @__PURE__ */ e.jsx(Ln, { className: "h-4 w-4", strokeWidth: 1.5 }) }) }),
+    /* @__PURE__ */ e.jsx(da, { asChild: !0, children: /* @__PURE__ */ e.jsx(F, { variant: "ghost", className: "h-7 p-2", children: /* @__PURE__ */ e.jsx(En, { className: "h-4 w-4", strokeWidth: 1.5 }) }) }),
     /* @__PURE__ */ e.jsxs(ua, { align: "end", className: "w-60", children: [
       /* @__PURE__ */ e.jsx(rt, { className: "px-3", children: "Lenses" }),
       /* @__PURE__ */ e.jsx(it, {}),
@@ -716,7 +716,7 @@ function tl() {
                   /* @__PURE__ */ e.jsx("p", { children: d.name }),
                   /* @__PURE__ */ e.jsxs("span", { className: "flex items-center gap-3", children: [
                     /* @__PURE__ */ e.jsx(
-                      Vn,
+                      qn,
                       {
                         onClick: (y) => {
                           y.preventDefault(), x(d);
@@ -752,25 +752,25 @@ 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 i = z(
+function ll() {
+  const { authToken: s } = ve(), t = O((p) => p.lenses), a = O((p) => p.selectedLensId), n = t == null ? void 0 : t.find((p) => p.id === a), l = O((p) => p.dashboard);
+  O((p) => p.selectedSheetId);
+  const i = O(
     (p) => p.isDashboardEditing
   ), r = u(
     (p) => p.selectedConnectionId
-  ), [c, o] = R(!1), x = z((p) => p.filterValues), d = z((p) => p.isVisualEditing), y = z((p) => p.showFilters);
-  z(
+  ), [c, o] = R(!1), x = O((p) => p.filterValues), d = O((p) => p.isVisualEditing), y = O((p) => p.showFilters);
+  O(
     (p) => p.showDashboardJSON
   );
-  const f = z((p) => p.onSaveFunction), m = z(
+  const f = O((p) => p.onSaveFunction), m = O(
     (p) => p.actions.setShowFilters
-  ), { addFrame: g, setSelectedFrameId: j } = z(
+  ), { addFrame: g, setSelectedFrameId: j } = O(
     (p) => p.actions
-  ), { getSelectedSheet: D, setIsDashboardEditing: C, setShowDashboardJSON: L } = z((p) => p.actions), I = D(), { tenantId: O, endUserId: N } = zs(
+  ), { getSelectedSheet: T, setIsDashboardEditing: C, setShowDashboardJSON: M } = O((p) => p.actions), I = T(), { tenantId: V, endUserId: N } = Os(
     () => ct(s == null ? void 0 : s.accessToken),
     [s == null ? void 0 : s.accessToken]
-  ), T = zs(() => O || N, [O, N]), A = () => {
+  ), w = Os(() => V || N, [V, N]), L = () => {
     if (!i || !I)
       return;
     const p = {
@@ -789,12 +789,12 @@ function nl() {
       type: "bar",
       sql: "select COUNT(*) from YOUR_TABLE",
       data: []
-    }, k = {
+    }, z = {
       id: We(),
       cards: [p],
       activeCardId: p.id
     };
-    g(I.id, k), j(k.id);
+    g(I.id, z), j(z.id);
   }, h = () => {
     C(!0);
   };
@@ -803,12 +803,12 @@ function nl() {
       return;
     const p = qa(
       l
-    ), k = JSON.stringify(p), V = {
+    ), z = JSON.stringify(p), E = {
       ...n,
-      template: k,
+      template: z,
       filterValues: x
     };
-    await Os(V, s == null ? void 0 : s.accessToken), Ye.success("Lens saved"), f == null || f(p), o(!1);
+    await Fs(E, s == null ? void 0 : s.accessToken), Ye.success("Lens saved"), f == null || f(p), o(!1);
   }
   return d ? null : /* @__PURE__ */ e.jsxs(
     "div",
@@ -818,8 +818,8 @@ function nl() {
       children: [
         !d && /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ e.jsx(H, { children: n == null ? void 0 : n.name }) }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
-          i && !d && T && /* @__PURE__ */ e.jsx(al, {}),
-          !d && T && /* @__PURE__ */ e.jsx(tl, {}),
+          i && !d && w && /* @__PURE__ */ e.jsx(tl, {}),
+          !d && w && /* @__PURE__ */ e.jsx(nl, {}),
           i && !d && /* @__PURE__ */ e.jsxs(
             F,
             {
@@ -827,9 +827,9 @@ function nl() {
               className: "h-7 p-2",
               size: "sm",
               disabled: !i,
-              onClick: A,
+              onClick: L,
               children: [
-                /* @__PURE__ */ e.jsx(Ds, { className: "mr-2 h-4 w-4", strokeWidth: 1.5 }),
+                /* @__PURE__ */ e.jsx(Ms, { className: "mr-2 h-4 w-4", strokeWidth: 1.5 }),
                 "Frame"
               ]
             }
@@ -851,13 +851,13 @@ function nl() {
               role: "close",
               className: "h-7 p-2",
               onClick: () => {
-                C(!1), L(!1);
+                C(!1), M(!1);
               },
               size: "sm",
               children: /* @__PURE__ */ e.jsx(Je, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          i && !d && T && /* @__PURE__ */ e.jsx(
+          i && !d && w && /* @__PURE__ */ e.jsx(
             F,
             {
               className: "h-7 p-2",
@@ -865,7 +865,7 @@ function nl() {
               disabled: c,
               onClick: v,
               size: "sm",
-              children: /* @__PURE__ */ e.jsx(Un, { className: "h-4 w-4", strokeWidth: 1.5 })
+              children: /* @__PURE__ */ e.jsx(Gn, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
           !y && !d && i && /* @__PURE__ */ e.jsx(
@@ -901,20 +901,20 @@ function Ue({
   const y = n ? "Loading..." : l ? "Error" : a;
   function f() {
     if (s === "Connection")
-      return /* @__PURE__ */ e.jsx(Bn, { className: "size-4 rotate-90" });
+      return /* @__PURE__ */ e.jsx(Un, { className: "size-4 rotate-90" });
     if (s === "Database")
-      return /* @__PURE__ */ e.jsx(In, { className: "size-4" });
+      return /* @__PURE__ */ e.jsx(Tn, { className: "size-4" });
     if (s === "Schema")
-      return /* @__PURE__ */ e.jsx($n, { className: "size-4" });
+      return /* @__PURE__ */ e.jsx(Pn, { className: "size-4" });
     if (s === "Table")
-      return /* @__PURE__ */ e.jsx(Rs, { className: "size-4" });
+      return /* @__PURE__ */ e.jsx(_s, { className: "size-4" });
     if (s === "Model")
-      return /* @__PURE__ */ e.jsx(kn, { className: "size-4" });
+      return /* @__PURE__ */ e.jsx(zn, { className: "size-4" });
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-    x && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: i ? /* @__PURE__ */ e.jsxs(Vs, { children: [
+    x && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: i ? /* @__PURE__ */ e.jsxs(qs, { children: [
       /* @__PURE__ */ e.jsx(ma, { children: f() }),
-      /* @__PURE__ */ e.jsx(qs, { className: "text-xs", align: "start", children: i })
+      /* @__PURE__ */ e.jsx(Rs, { className: "text-xs", align: "start", children: i })
     ] }) : f() }),
     /* @__PURE__ */ e.jsxs(fe, { disabled: d, value: y, onValueChange: r, children: [
       /* @__PURE__ */ e.jsx(
@@ -932,7 +932,7 @@ function Ue({
           )
         }
       ),
-      /* @__PURE__ */ e.jsx(be, { children: /* @__PURE__ */ e.jsxs(ke, { children: [
+      /* @__PURE__ */ e.jsx(be, { children: /* @__PURE__ */ e.jsxs(ze, { children: [
         n ? /* @__PURE__ */ e.jsx(ye, { children: "Loading..." }) : /* @__PURE__ */ e.jsx(ye, { children: s }),
         /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
           c && /* @__PURE__ */ e.jsx(Q, { value: "none", children: "None" }, "none"),
@@ -943,23 +943,23 @@ function Ue({
     ] })
   ] });
 }
-function ll({ column: s }) {
+function rl({ column: s }) {
   const [t, a] = R(!1), n = u((m) => m.selectedTableName), l = u(
     (m) => m.selectedSchemaName
   ), i = u(
     (m) => m.selectedDatamodelId
   ), r = u((m) => m.sqlGen), { modelItems: c } = Re(), o = u((m) => m.actions.setSqlGen), x = u((m) => m.actions.setCardSql), d = u((m) => m.actions.setRunSql);
   function y(m, g) {
-    var L;
-    const j = xa(m, r, g), D = (L = c == null ? void 0 : c.find(
+    var M;
+    const j = xa(m, r, g), T = (M = c == null ? void 0 : c.find(
       (I) => I.id === i
-    )) == null ? void 0 : L.name;
+    )) == null ? void 0 : M.name;
     o(j);
     const C = pa(
       j,
       xe(l || ""),
       xe(n),
-      D
+      T
     );
     C && (x(C), d(!0)), a(!1);
   }
@@ -1007,10 +1007,10 @@ function ll({ column: s }) {
       )
     ] });
   }
-  return /* @__PURE__ */ e.jsxs(_s, { openDelay: 0, open: t, onOpenChange: a, children: [
-    /* @__PURE__ */ e.jsx(Hs, { asChild: !0, children: /* @__PURE__ */ e.jsx(Ma, { className: "invisible size-3.5 cursor-pointer text-foreground/40 group-hover:visible" }) }),
+  return /* @__PURE__ */ e.jsxs(Hs, { openDelay: 0, open: t, onOpenChange: a, children: [
+    /* @__PURE__ */ e.jsx($s, { asChild: !0, children: /* @__PURE__ */ e.jsx(Ma, { className: "invisible size-3.5 cursor-pointer text-foreground/40 group-hover:visible" }) }),
     /* @__PURE__ */ e.jsx(
-      $s,
+      Ps,
       {
         align: "center",
         className: "w-20 rounded-md p-0 shadow-none",
@@ -1020,18 +1020,18 @@ function ll({ column: s }) {
   ] });
 }
 function Ra({ column: s }) {
-  return /* @__PURE__ */ e.jsxs(Vs, { children: [
+  return /* @__PURE__ */ e.jsxs(qs, { children: [
     /* @__PURE__ */ e.jsx(dt, { asChild: !0, children: ut.includes(s.data_type.toLowerCase()) ? (
       // <span className=" font-thin">T</span>
       /* @__PURE__ */ e.jsx(Qs, { className: "size-3" })
     ) : fa.includes(s.data_type.toLowerCase()) ? (
       //
-      /* @__PURE__ */ e.jsx(An, { className: "size-3" })
-    ) : ht.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(mt, { className: "size-3" }) : xt.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(Wn, { className: "size-3" }) : /* @__PURE__ */ e.jsx(Gn, { className: "size-3" }) }),
-    /* @__PURE__ */ e.jsx(qs, { children: /* @__PURE__ */ e.jsx("p", { className: "font-mono text-xs", children: s.data_type }) })
+      /* @__PURE__ */ e.jsx(Vn, { className: "size-3" })
+    ) : ht.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(mt, { className: "size-3" }) : xt.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(Yn, { className: "size-3" }) : /* @__PURE__ */ e.jsx(Kn, { className: "size-3" }) }),
+    /* @__PURE__ */ e.jsx(Rs, { children: /* @__PURE__ */ e.jsx("p", { className: "font-mono text-xs", children: s.data_type }) })
   ] });
 }
-function rl({
+function il({
   schemaName: s,
   tableName: t,
   columns: a,
@@ -1045,39 +1045,39 @@ function rl({
     (h) => h.selectedSchemaName
   ), o = u((h) => h.selectedTableName), x = u(
     (h) => h.selectedDatamodelId
-  ), d = z(
+  ), d = O(
     (h) => h.dashboard.aiScopeTables
-  ), { setAIScopeTables: y } = z((h) => h.actions), f = u((h) => h.actions.setRunSql), m = u((h) => h.actions.setSqlGen), g = u(
+  ), { setAIScopeTables: y } = O((h) => h.actions), f = u((h) => h.actions.setRunSql), m = u((h) => h.actions.setSqlGen), g = u(
     (h) => h.actions.setIsShowingVisual
-  ), j = u((h) => h.actions.setCardSql), { connectionType: D, modelItems: C } = Re();
-  function L(h) {
-    var V;
+  ), j = u((h) => h.actions.setCardSql), { connectionType: T, modelItems: C } = Re();
+  function M(h) {
+    var E;
     const v = xa(h, l);
     m(v);
-    const p = (V = C == null ? void 0 : C.find(
+    const p = (E = C == null ? void 0 : C.find(
       ($) => $.id === x
-    )) == null ? void 0 : V.name, k = pa(v, xe(s), xe(t), p);
-    k && (j(k), f(!0));
+    )) == null ? void 0 : E.name, z = pa(v, xe(s), xe(t), p);
+    z && (j(z), f(!0));
   }
   function I() {
     return (d == null ? void 0 : d.find(
       (h) => h.connectinonId === i && h.tableName === o
     )) !== void 0;
   }
-  function O(h) {
+  function V(h) {
     if (h === !0 && o && i) {
       const v = {
         connectinonId: i,
-        connectionType: D,
+        connectionType: T,
         databaseName: r,
         schemaName: c,
         tableName: o
-      }, k = [...d || [], v].filter(
-        (V, $, B) => B.findIndex(
-          (Y) => Y.connectinonId === V.connectinonId && Y.tableName === V.tableName
+      }, z = [...d || [], v].filter(
+        (E, $, B) => B.findIndex(
+          (Y) => Y.connectinonId === E.connectinonId && Y.tableName === E.tableName
         ) === $
       );
-      y(k), Ye.success(`Added '${o}' to AI Scope`, {
+      y(z), Ye.success(`Added '${o}' to AI Scope`, {
         position: "top-right",
         duration: 2500,
         richColors: !0
@@ -1094,22 +1094,22 @@ function rl({
     }
   }
   function N() {
-    var V;
+    var E;
     let h = ja(s, t);
-    const v = (V = C == null ? void 0 : C.find(
+    const v = (E = C == null ? void 0 : C.find(
       ($) => $.id === x
-    )) == null ? void 0 : V.name;
-    console.log("modelName", v), x && x !== "none" && (h = `${Ns}.${v}`);
+    )) == null ? void 0 : E.name;
+    console.log("modelName", v), x && x !== "none" && (h = `${Ss}.${v}`);
     let p = h;
     return (($) => /[A-Z]/.test($))(t) && (p = p.split(".").map((B) => `"${B}"`).join(".")), p;
   }
-  function T() {
+  function w() {
     const h = N();
     g(!1);
-    const v = D === "MSSQL" ? `SELECT top 10 * FROM ${h}` : `SELECT * FROM ${h} LIMIT 10`;
+    const v = T === "MSSQL" ? `SELECT top 10 * FROM ${h}` : `SELECT * FROM ${h} LIMIT 10`;
     j(v), f(!0);
   }
-  function A() {
+  function L() {
     const h = N();
     j(`SELECT COUNT(*) as count FROM ${h}`), f(!0);
   }
@@ -1120,7 +1120,7 @@ function rl({
         {
           title: `${I() ? "Remove from" : "Add to"} AI Scope`,
           pressed: I(),
-          onPressedChange: O,
+          onPressedChange: V,
           variant: "outline",
           className: "h-9 px-2",
           children: /* @__PURE__ */ e.jsx(
@@ -1138,12 +1138,12 @@ function rl({
         F,
         {
           disabled: n !== "Success",
-          onClick: T,
+          onClick: w,
           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(Qn, { 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(Jn, { className: "mr-2 size-4" }),
             "Top 10"
           ]
         }
@@ -1152,26 +1152,26 @@ function rl({
         F,
         {
           disabled: n !== "Success",
-          onClick: A,
+          onClick: L,
           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(Kn, { 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" }),
             "Count"
           ]
         }
       )
     ] }),
     /* @__PURE__ */ e.jsxs(
-      Ps,
+      ms,
       {
         className: "flex-1 basis-0 overflow-y-auto border-b border-t border-muted py-3",
         children: [
           a == null ? void 0 : a.map((h) => /* @__PURE__ */ e.jsxs(
             "div",
             {
-              onClick: () => L(h),
+              onClick: () => M(h),
               className: W(
                 "group mx-3 flex cursor-pointer items-center justify-between rounded px-2 py-[6px] text-sm transition-colors hover:bg-muted/50",
                 {
@@ -1188,7 +1188,7 @@ function rl({
                   {
                     onClick: (v) => v.stopPropagation(),
                     className: "flex items-center justify-end",
-                    children: fa.includes(h.data_type) && /* @__PURE__ */ e.jsx(ll, { column: h })
+                    children: fa.includes(h.data_type) && /* @__PURE__ */ e.jsx(rl, { column: h })
                   }
                 )
               ]
@@ -1204,8 +1204,8 @@ function rl({
 }
 function Re(s, t) {
   var Pe, ss, as, ts, Be;
-  let a = zs(() => [], []);
-  const n = Oe().authToken || s, l = u(
+  let a = Os(() => [], []);
+  const n = ve().authToken || s, l = u(
     (S) => S.selectedConnectionId
   ), i = u(
     (S) => S.selectedDatamodelId
@@ -1226,34 +1226,34 @@ function Re(s, t) {
   ), g = u(
     (S) => S.actions.setSelectedTableName
   ), j = u((S) => S.actions.setCardSql);
-  function D(S) {
+  function T(S) {
     return l && r && c && r !== "NA" ? !0 : l && S === "API" ? !1 : !!(l && S === "S3");
   }
   function C(S) {
     return !!(l && r && r !== "NA" && c && o || l && (S === "S3" || S === "API") || i && i);
   }
-  function L(S) {
+  function M(S) {
     return l && S ? !(S === "API" || S === "S3") : !1;
   }
   const {
     data: I,
-    isLoading: O,
+    isLoading: V,
     isError: N
   } = me({
     queryKey: ["connections"],
-    queryFn: () => we(
+    queryFn: () => ke(
       "https://semaphor.cloud/api/v1/connections",
       (n == null ? void 0 : n.accessToken) || ""
     ),
     enabled: !!(n != null && n.accessToken)
     // Only fetch if authToken is present
   }), {
-    data: T,
-    isLoading: A,
+    data: w,
+    isLoading: L,
     isError: h
   } = me({
     queryKey: ["models", l],
-    queryFn: () => we(
+    queryFn: () => ke(
       "https://semaphor.cloud/api/v1/datamodels",
       (n == null ? void 0 : n.accessToken) || "",
       {
@@ -1264,32 +1264,32 @@ function Re(s, t) {
     // Only fetch if authToken is present
   }), 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,
+  ), p = v == null ? void 0 : v.type, z = (v == null ? void 0 : v.type) === "API" || (v == null ? void 0 : v.type) === "S3", {
+    data: E,
     isLoading: $,
     isFetching: B,
     isError: Y,
     refetch: le
   } = me({
     queryKey: ["databases", l],
-    queryFn: () => we(
+    queryFn: () => ke(
       "https://semaphor.cloud/api/v1/databases",
       (n == null ? void 0 : n.accessToken) || "",
       {
         connection_id: l
       }
     ),
-    enabled: L(p)
+    enabled: M(p)
     // !!selectedConnectionId && !isNonDbConnection, //currentConnection?.type !== 'API', // Only fetch if connectionId is present
   }), {
     data: J,
     isLoading: ne,
-    isFetching: w,
+    isFetching: k,
     isError: _,
     refetch: ee
   } = me({
     queryKey: ["schemas", l, r],
-    queryFn: () => we(
+    queryFn: () => ke(
       "https://semaphor.cloud/api/v1/schemas",
       (n == null ? void 0 : n.accessToken) || "",
       {
@@ -1297,11 +1297,11 @@ function Re(s, t) {
         database_name: r
       }
     ),
-    enabled: !!l && !!r && !k && r !== "NA"
+    enabled: !!l && !!r && !z && r !== "NA"
     //currentConnection?.type !== 'API', // Only fetch if connectionId and database is present
   }), {
-    data: E,
-    isLoading: M,
+    data: A,
+    isLoading: D,
     isFetching: se,
     isError: P,
     refetch: X
@@ -1312,7 +1312,7 @@ function Re(s, t) {
       r,
       c
     ],
-    queryFn: () => we(
+    queryFn: () => ke(
       "https://semaphor.cloud/api/v1/tables",
       (n == null ? void 0 : n.accessToken) || "",
       {
@@ -1321,12 +1321,12 @@ function Re(s, t) {
         schema_name: c
       }
     ),
-    enabled: D(p)
+    enabled: T(p)
   }), {
     data: ie,
-    isLoading: Ce,
+    isLoading: Ne,
     isFetching: Le,
-    isError: Ne
+    isError: Se
   } = me({
     queryKey: [
       "columns",
@@ -1336,7 +1336,7 @@ function Re(s, t) {
       c,
       o
     ],
-    queryFn: () => we(
+    queryFn: () => ke(
       "https://semaphor.cloud/api/v1/columns",
       (n == null ? void 0 : n.accessToken) || "",
       {
@@ -1361,14 +1361,14 @@ function Re(s, t) {
     x(a);
   }, [ie, x, a]), Z(() => {
   }, [
-    k,
+    z,
     j,
     g,
     m,
     f,
     v
   ]);
-  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 || "";
+  const Fe = (v == null ? void 0 : v.type) === "API" ? (Pe = v == null ? void 0 : v.type) == null ? void 0 : Pe.toLowerCase() : o || "", we = z ? "" : c || "";
   function ae(S) {
     m(S), g("");
   }
@@ -1381,52 +1381,52 @@ function Re(s, t) {
   function es(S) {
     y(S === "none" ? "" : S), S !== "none" && S !== "" && f("");
   }
-  V && ((ss = V == null ? void 0 : V.databases) == null ? void 0 : ss.length) > 0, J && ((as = J == null ? void 0 : J.schemas) == null ? void 0 : as.length) > 0, ie && ((ts = ie == null ? void 0 : ie.columns) == null ? void 0 : ts.length) > 0 && (a = ie.columns.map((S) => ({
+  E && ((ss = E == null ? void 0 : E.databases) == null ? void 0 : ss.length) > 0, J && ((as = J == null ? void 0 : J.schemas) == null ? void 0 : as.length) > 0, ie && ((ts = ie == null ? void 0 : ie.columns) == null ? void 0 : ts.length) > 0 && (a = ie.columns.map((S) => ({
     ...S,
     data_type: S.data_type.toLowerCase()
-  }))), Y && (a = []), (Ne || N) && (a = []);
+  }))), Y && (a = []), (Se || N) && (a = []);
   const Ee = I == null ? void 0 : I.connections.map(
     (S) => ({
       id: S.id,
       name: S.name,
       type: S.type
     })
-  ), He = (Be = T == null ? void 0 : T.datamodels) == null ? void 0 : Be.map((S) => ({
+  ), He = (Be = w == null ? void 0 : w.datamodels) == null ? void 0 : Be.map((S) => ({
     id: S.id,
     name: S.name
-  })), $e = V == null ? void 0 : V.databases.map((S) => ({
+  })), $e = E == null ? void 0 : E.databases.map((S) => ({
     id: S.database_name,
     name: S.database_name
   })), Ae = J == null ? void 0 : J.schemas.map((S) => ({
     id: S.schema_name,
     name: S.schema_name
-  })), ys = E == null ? void 0 : E.tables.map((S) => ({
+  })), vs = A == null ? void 0 : A.tables.map((S) => ({
     id: S.table_name,
     name: S.table_name
   }));
   return {
     connectionItems: Ee,
-    isConnectionsLoading: O,
+    isConnectionsLoading: V,
     isConnectionsError: N,
     modelItems: He,
-    isModelsLoading: A,
+    isModelsLoading: L,
     isModelsError: h,
     databaseItems: $e,
     isDatabasesLoadingOrFetching: $ || B,
     isDatabaseError: Y,
     schemaItems: Ae,
-    isSchemaLoadingOrFetching: ne || w,
+    isSchemaLoadingOrFetching: ne || k,
     isSchemaError: _,
-    tableItems: ys,
-    isTableLoadingOrFetching: M || se,
+    tableItems: vs,
+    isTableLoadingOrFetching: D || se,
     isTableError: P,
     columns: a,
-    isColumnsLoadingOrFetching: Ce || Le,
-    isColumnsError: Ne,
-    isNonDbConnection: k,
+    isColumnsLoadingOrFetching: Ne || Le,
+    isColumnsError: Se,
+    isNonDbConnection: z,
     connectionType: p,
     tableName: Fe,
-    schemaName: Se,
+    schemaName: we,
     handleConnectionChange: he,
     handleDatamodelChange: es,
     handleDatabaseChange: ue,
@@ -1457,19 +1457,19 @@ function _a({
     isConnectionsLoading: m,
     isModelsLoading: g,
     isConnectionsError: j,
-    isModelsError: D,
+    isModelsError: T,
     isDatabasesLoadingOrFetching: C,
-    isDatabaseError: L,
+    isDatabaseError: M,
     isSchemaLoadingOrFetching: I,
-    isSchemaError: O,
+    isSchemaError: V,
     isColumnsError: N,
-    isColumnsLoadingOrFetching: T,
-    isTableLoadingOrFetching: A,
+    isColumnsLoadingOrFetching: w,
+    isTableLoadingOrFetching: L,
     isTableError: h,
     connectionType: v,
     isNonDbConnection: p,
-    handleConnectionChange: k,
-    handleDatabaseChange: V,
+    handleConnectionChange: z,
+    handleDatabaseChange: E,
     handleSchemaChange: $,
     handleDatamodelChange: B,
     tableName: Y,
@@ -1477,19 +1477,19 @@ function _a({
   } = Re();
   function J() {
     return s ? s(le, Y, f) : /* @__PURE__ */ e.jsx(
-      rl,
+      il,
       {
         schemaName: le,
         tableName: Y,
         columns: f,
-        status: T ? "Loading..." : N ? "Error" : "Success"
+        status: w ? "Loading..." : N ? "Error" : "Success"
       }
     );
   }
   function ne() {
     window.location.href = "mailto:support@semaphor.cloud?subject=Help&body=I need help with...";
   }
-  function w() {
+  function k() {
     if (!t || v === "S3" || v === "API")
       return null;
     if (!a || a === "none")
@@ -1497,8 +1497,8 @@ function _a({
         Ue,
         {
           showNone: !0,
-          onChange: V,
-          isError: L,
+          onChange: E,
+          isError: M,
           isLoading: C,
           items: d,
           value: n || "",
@@ -1523,7 +1523,7 @@ function _a({
         {
           showNone: !0,
           onChange: B,
-          isError: D,
+          isError: T,
           isLoading: g,
           items: o,
           value: a || "",
@@ -1531,12 +1531,12 @@ function _a({
         }
       );
   }
-  function E() {
+  function A() {
     return !t || v === "S3" || v === "API" || !n || n === "none" ? null : /* @__PURE__ */ e.jsx(
       Ue,
       {
         onChange: $,
-        isError: O,
+        isError: V,
         isLoading: I,
         items: x,
         value: l || "",
@@ -1544,7 +1544,7 @@ function _a({
       }
     );
   }
-  function M() {
+  function D() {
     function P() {
       let X = !1;
       return v === "API" ? (X = !1, X) : ((v === "S3" || t && n && n !== "none" && l) && (X = !0), X);
@@ -1555,7 +1555,7 @@ function _a({
         onChange: r,
         isError: h,
         items: y,
-        isLoading: A,
+        isLoading: L,
         value: i || "",
         title: "Table"
       }
@@ -1569,7 +1569,7 @@ function _a({
           items: c,
           title: "Connection",
           value: t || "",
-          onChange: k,
+          onChange: z,
           isLoading: m,
           isError: j,
           connectionTooltip: ((se = c == null ? void 0 : c.find(
@@ -1579,9 +1579,9 @@ function _a({
       ),
       ee(),
       _(),
-      w(),
-      E(),
-      M()
+      k(),
+      A(),
+      D()
     ] }),
     J(),
     /* @__PURE__ */ e.jsx("div", { className: "flex items-end justify-center gap-2 px-6 py-4", children: /* @__PURE__ */ e.jsxs(
@@ -1592,14 +1592,14 @@ function _a({
         variant: "secondary",
         className: "w-full",
         children: [
-          /* @__PURE__ */ e.jsx(Hn, { className: "mr-2 size-4" }),
+          /* @__PURE__ */ e.jsx($n, { className: "mr-2 size-4" }),
           "Help"
         ]
       }
     ) })
   ] });
 }
-function il(s) {
+function ol(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) {
@@ -1615,16 +1615,16 @@ function il(s) {
     return `${r} {{ filters | where }} ${c}`;
   }
 }
-function ol({
+function cl({
   error: s,
   setShowAIDialog: t,
   setUserInputforAI: a,
   setTriggerAIRun: n
 }) {
-  return /* @__PURE__ */ e.jsxs(_s, { openDelay: 0, children: [
-    /* @__PURE__ */ e.jsx(Hs, { asChild: !0, children: /* @__PURE__ */ e.jsx(F, { variant: "link", className: "h-5 p-0", children: /* @__PURE__ */ e.jsx(On, { className: "h-4 w-4 text-red-500" }) }) }),
-    /* @__PURE__ */ e.jsx($s, { align: "start", className: "min-w-fit max-w-[500px]", children: /* @__PURE__ */ e.jsx("div", { className: "flex justify-between space-x-4", children: /* @__PURE__ */ e.jsxs("div", { className: "flex grow flex-col space-y-2", children: [
-      /* @__PURE__ */ e.jsx(Ps, { className: "max-h-[250px] min-h-0 overflow-scroll", children: /* @__PURE__ */ e.jsx("p", { className: "overflow-auto rounded-md bg-muted p-2 text-xs leading-relaxed", children: s }) }),
+  return /* @__PURE__ */ e.jsxs(Hs, { openDelay: 0, children: [
+    /* @__PURE__ */ e.jsx($s, { asChild: !0, children: /* @__PURE__ */ e.jsx(F, { variant: "link", className: "h-5 p-0", children: /* @__PURE__ */ e.jsx(Fn, { className: "h-4 w-4 text-red-500" }) }) }),
+    /* @__PURE__ */ e.jsx(Ps, { align: "start", className: "min-w-fit max-w-[500px]", children: /* @__PURE__ */ e.jsx("div", { className: "flex justify-between space-x-4", children: /* @__PURE__ */ e.jsxs("div", { className: "flex grow flex-col space-y-2", children: [
+      /* @__PURE__ */ e.jsx(ms, { className: "max-h-[250px] min-h-0 overflow-scroll", children: /* @__PURE__ */ e.jsx("p", { className: "overflow-auto rounded-md bg-muted p-2 text-xs leading-relaxed", children: s }) }),
       /* @__PURE__ */ e.jsxs(
         F,
         {
@@ -1634,7 +1634,7 @@ function ol({
           size: "sm",
           variant: "outline",
           children: [
-            /* @__PURE__ */ e.jsx(En, { className: "mr-2 h-4 w-4" }),
+            /* @__PURE__ */ e.jsx(An, { className: "mr-2 h-4 w-4" }),
             "Debug with AI"
           ]
         }
@@ -1642,22 +1642,22 @@ function ol({
     ] }) }) })
   ] });
 }
-function cl({
+function dl({
   text: s,
   onCheckedChange: t,
   checked: a
 }) {
   return /* @__PURE__ */ e.jsxs("div", { className: "xbg-red-100 ml-6 flex items-center gap-2", children: [
-    /* @__PURE__ */ e.jsx(ms, { checked: a, onCheckedChange: t }),
+    /* @__PURE__ */ e.jsx(xs, { checked: a, onCheckedChange: t }),
     /* @__PURE__ */ e.jsx("label", { className: "text-xs leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", children: s })
   ] });
 }
-function dl() {
-  const { authToken: s } = Oe(), t = u(
+function ul() {
+  const { authToken: s } = ve(), t = u(
     (i) => i.selectedConnectionId
   ), { data: a } = me({
     queryKey: ["connections"],
-    queryFn: () => we(
+    queryFn: () => ke(
       "https://semaphor.cloud/api/v1/connections",
       (s == null ? void 0 : s.accessToken) || ""
     ),
@@ -1668,10 +1668,10 @@ function dl() {
   );
   return n == null ? void 0 : n.type;
 }
-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();
+function hl() {
+  const { authToken: s } = ve(), t = Xe(null), a = u((o) => o.applyFilters), [n, l] = R(""), i = u((o) => o.filterValues), r = u((o) => o.card.sql), c = ul();
   return /* @__PURE__ */ e.jsxs(
-    _s,
+    Hs,
     {
       openDelay: 0,
       onOpenChange: async (o) => {
@@ -1690,8 +1690,8 @@ function ul() {
         console.log(x), x.sql ? (console.log(x.records), l(x.sql)) : l("Error");
       },
       children: [
-        /* @__PURE__ */ e.jsx(Hs, { asChild: !0, children: a && /* @__PURE__ */ e.jsx("p", { className: "p-0 text-xs hover:cursor-pointer", children: "|  Filter Query" }) }),
-        /* @__PURE__ */ e.jsxs($s, { align: "end", className: "w-[600px]", children: [
+        /* @__PURE__ */ e.jsx($s, { asChild: !0, children: a && /* @__PURE__ */ e.jsx("p", { className: "p-0 text-xs hover:cursor-pointer", children: "|  Filter Query" }) }),
+        /* @__PURE__ */ e.jsxs(Ps, { align: "end", className: "w-[600px]", children: [
           /* @__PURE__ */ e.jsx("div", { className: "flex justify-between space-x-4", children: /* @__PURE__ */ e.jsx("div", { className: "rounded-sm bg-muted p-2", children: /* @__PURE__ */ e.jsxs("code", { ref: t, className: "font-mono text-sm", children: [
             n,
             /* @__PURE__ */ e.jsx(
@@ -1711,7 +1711,7 @@ function ul() {
     }
   );
 }
-const hl = `
+const ml = `
 
 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.
 
@@ -1758,7 +1758,7 @@ SELECT label, measure FROM table
 - Label - Category 
 - Measure - Number 
 `;
-function ml({
+function xl({
   open: s,
   setOpen: t,
   userInput: a,
@@ -1766,64 +1766,64 @@ function ml({
   triggerAIRun: l,
   setTriggerAIRun: i
 }) {
-  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 = `
+  const r = Xe(null), c = Xe(null), { authToken: o } = ve(), [x, d] = R(!1), y = u((k) => k.actions.setCardSql), f = O((k) => k.dashboard.baseQueries), m = u((k) => k.actions.setRunSql), g = u((k) => k.actions.setCardType), [j, T] = R([]), C = u((k) => k.currentColumns), M = u((k) => k.card.sql), I = u((k) => k.selectedTableName), V = `
   ${a}
 
   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}  
+  Table Columns: ${C == null ? void 0 : C.map((k) => `${k.column_name} | ${k.data_type}`).join(", ")}
+  User SQL: ${M}  
   ${f && `Base Queries: ${JSON.stringify(f)} `}`, N = ` When the user asks for a specific chart please use the following query structure to generate the chart query. Do not make up the column names. Use only the table columns provided above for the query. Replace x-axis, y-axis, and lables with the appropriate column names.
-  Visual Query Syntax: ${hl}`, { data: T, isLoading: A, isFetching: h, isError: v, refetch: p } = me({
+  Visual Query Syntax: ${ml}`, { data: w, isLoading: L, isFetching: h, isError: v, refetch: p } = me({
     queryKey: ["ai-query"],
-    queryFn: () => we(
+    queryFn: () => ke(
       "https://semaphor.cloud/api/v1/ai",
       (o == null ? void 0 : o.accessToken) || "",
       {
-        user_content: `userContent: ${O} ${x ? N : ""}`
+        user_content: `userContent: ${V} ${x ? N : ""}`
       }
     ),
     enabled: !1
     // Do not run by default.
   });
-  function k(w) {
-    if (w.toLowerCase().includes("bar"))
+  function z(k) {
+    if (k.toLowerCase().includes("bar"))
       g("bar");
-    else if (w.toLowerCase().includes("line"))
+    else if (k.toLowerCase().includes("line"))
       g("line");
-    else if (w.toLowerCase().includes("bubble"))
+    else if (k.toLowerCase().includes("bubble"))
       g("bubble");
-    else if (w.toLowerCase().includes("scatter"))
+    else if (k.toLowerCase().includes("scatter"))
       g("scatter");
-    else if (w.toLowerCase().includes("stacked"))
+    else if (k.toLowerCase().includes("stacked"))
       g("stackedBar");
-    else if (w.toLowerCase().includes("pie"))
+    else if (k.toLowerCase().includes("pie"))
       g("pie");
-    else if (w.toLowerCase().includes("donut") || w.toLowerCase().includes("doughnut"))
+    else if (k.toLowerCase().includes("donut") || k.toLowerCase().includes("doughnut"))
       g("doughnut");
-    else if (w.toLowerCase().includes("radar"))
+    else if (k.toLowerCase().includes("radar"))
       g("radar");
     else
       return g("bar"), !1;
     return !0;
   }
   Z(() => {
-    T && D((w) => [...w, { role: "ai", content: T.response }]);
-  }, [T]), Z(() => {
-    const w = setTimeout(() => {
+    w && T((k) => [...k, { role: "ai", content: w.response }]);
+  }, [w]), Z(() => {
+    const k = setTimeout(() => {
       var _;
       c.current && (c.current.scroll({
         top: c.current.scrollHeight,
         behavior: "smooth"
       }), (_ = r.current) == null || _.focus());
     }, 100);
-    return () => clearTimeout(w);
+    return () => clearTimeout(k);
   }, [j]);
-  function V() {
-    a && (D((w) => [...w, { role: "user", content: a }]), k(a) && d(!0), n(""), p());
+  function E() {
+    a && (T((k) => [...k, { role: "user", content: a }]), z(a) && d(!0), n(""), p());
   }
   Z(() => {
-    l && (V(), i(!1));
+    l && (E(), i(!1));
   }, [l, i]);
   const $ = {
     //seleect a darker color
@@ -1852,9 +1852,9 @@ function ml({
     listStyleType: "disc"
   }, le = {
     // Override how paragraphs are rendered
-    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: [
+    p: ({ node: k, ..._ }) => /* @__PURE__ */ e.jsx("p", { style: $, ..._ }),
+    code: ({ node: k, ..._ }) => /* @__PURE__ */ e.jsx("code", { className: "rounded-sm bg-muted px-2 py-1 text-sm", ..._ }),
+    pre: ({ node: k, ..._ }) => /* @__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, {}) }),
@@ -1862,8 +1862,8 @@ function ml({
           F,
           {
             onClick: (ee) => {
-              const E = J(ee);
-              E && (t(!1), y(E), m(!0));
+              const A = J(ee);
+              A && (t(!1), y(A), m(!0));
             },
             size: "sm",
             variant: "outline",
@@ -1872,39 +1872,39 @@ function ml({
         )
       ] })
     ] }),
-    li: ({ node: w, ..._ }) => /* @__PURE__ */ e.jsx("li", { style: Y, ..._ })
+    li: ({ node: k, ..._ }) => /* @__PURE__ */ e.jsx("li", { style: Y, ..._ })
     // You can add more overrides for other elements like h1, h2, etc.
   };
-  function J(w) {
-    const _ = w.currentTarget.closest("pre");
+  function J(k) {
+    const _ = k.currentTarget.closest("pre");
     if (!_)
       return;
     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;
+    return navigator.clipboard.writeText(ee).then(() => console.log("Text copied to clipboard")).catch((A) => console.error("Error in copying text: ", A)), ee;
   }
   function ne() {
-    return j == null ? void 0 : j.map((w, _) => w.role === "user" ? /* @__PURE__ */ e.jsxs(
+    return j == null ? void 0 : j.map((k, _) => k.role === "user" ? /* @__PURE__ */ e.jsxs(
       "div",
       {
         className: "flex items-start rounded-md bg-muted p-3 text-sm",
         children: [
-          /* @__PURE__ */ e.jsx(Yn, { className: "mr-2 h-5 w-5" }),
-          /* @__PURE__ */ e.jsx("div", { children: w.content })
+          /* @__PURE__ */ e.jsx(Xn, { className: "mr-2 h-5 w-5" }),
+          /* @__PURE__ */ e.jsx("div", { children: k.content })
         ]
       },
       _
-    ) : w.role === "ai" ? /* @__PURE__ */ e.jsx(
+    ) : k.role === "ai" ? /* @__PURE__ */ e.jsx(
       yt,
       {
         className: "w-full overflow-auto py-1",
         components: le,
-        children: T == null ? void 0 : T.response.replace(/DuckDB/gi, "Semaphor")
+        children: w == null ? void 0 : w.response.replace(/DuckDB/gi, "Semaphor")
       },
       _
     ) : /* @__PURE__ */ e.jsx("div", {}, _));
   }
-  return /* @__PURE__ */ e.jsxs(Is, { open: s, onOpenChange: t, children: [
-    /* @__PURE__ */ e.jsx(Ts, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+  return /* @__PURE__ */ e.jsxs(Ts, { open: s, onOpenChange: t, children: [
+    /* @__PURE__ */ e.jsx(Ds, { asChild: !0, children: /* @__PURE__ */ e.jsx(
       F,
       {
         size: "sm",
@@ -1914,13 +1914,13 @@ function ml({
       }
     ) }),
     /* @__PURE__ */ e.jsxs(
-      Ms,
+      Ls,
       {
         className: "flex flex-col justify-between overflow-auto sm:max-w-[425px] md:max-h-[625px] md:min-w-[625px]",
         children: [
-          /* @__PURE__ */ e.jsxs(Ls, { children: [
-            /* @__PURE__ */ e.jsx(Es, { children: "Assistant" }),
-            /* @__PURE__ */ e.jsx(As, { children: "What can I help you with?" })
+          /* @__PURE__ */ e.jsxs(Es, { children: [
+            /* @__PURE__ */ e.jsx(As, { children: "Assistant" }),
+            /* @__PURE__ */ e.jsx(Vs, { children: "What can I help you with?" })
           ] }),
           /* @__PURE__ */ e.jsx(
             "div",
@@ -1939,20 +1939,20 @@ function ml({
                   {
                     autoFocus: !0,
                     ref: r,
-                    onKeyDown: (w) => {
-                      w.key === "Enter" && !w.shiftKey && (w.preventDefault(), n(""), V());
+                    onKeyDown: (k) => {
+                      k.key === "Enter" && !k.shiftKey && (k.preventDefault(), n(""), E());
                     },
                     placeholder: "Type your question here...",
-                    onFocus: (w) => {
-                      const _ = w.target, ee = _.value.length;
+                    onFocus: (k) => {
+                      const _ = k.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"
                     ),
-                    disabled: A || h,
+                    disabled: L || h,
                     value: a,
-                    onChange: (w) => n(w.target.value)
+                    onChange: (k) => n(k.target.value)
                   }
                 ),
                 " ",
@@ -1962,8 +1962,8 @@ function ml({
                     className: "h-8",
                     size: "sm",
                     variant: "ghost",
-                    onClick: V,
-                    children: !A && !h ? /* @__PURE__ */ e.jsx(bt, {}) : /* @__PURE__ */ e.jsx(Ze, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" })
+                    onClick: E,
+                    children: !L && !h ? /* @__PURE__ */ e.jsx(bt, {}) : /* @__PURE__ */ e.jsx(Ze, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" })
                   }
                 )
               ] })
@@ -1980,11 +1980,11 @@ var Ha = {
   className: void 0,
   style: void 0,
   attr: void 0
-}, na = ze.createContext && /* @__PURE__ */ ze.createContext(Ha), xl = ["attr", "size", "title"];
-function pl(s, t) {
+}, na = Oe.createContext && /* @__PURE__ */ Oe.createContext(Ha), pl = ["attr", "size", "title"];
+function fl(s, t) {
   if (s == null)
     return {};
-  var a = fl(s, t), n, l;
+  var a = gl(s, t), n, l;
   if (Object.getOwnPropertySymbols) {
     var i = Object.getOwnPropertySymbols(s);
     for (l = 0; l < i.length; l++)
@@ -1992,7 +1992,7 @@ function pl(s, t) {
   }
   return a;
 }
-function fl(s, t) {
+function gl(s, t) {
   if (s == null)
     return {};
   var a = {}, n = Object.keys(s), l, i;
@@ -2024,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) {
-      gl(s, n, a[n]);
+      jl(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 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 jl(s, t, a) {
+  return t = bl(t), t in s ? Object.defineProperty(s, t, { value: a, enumerable: !0, configurable: !0, writable: !0 }) : s[t] = a, s;
 }
-function jl(s) {
-  var t = bl(s, "string");
+function bl(s) {
+  var t = yl(s, "string");
   return typeof t == "symbol" ? t : String(t);
 }
-function bl(s, t) {
+function yl(s, t) {
   if (typeof s != "object" || s === null)
     return s;
   var a = s[Symbol.toPrimitive];
@@ -2051,23 +2051,23 @@ function bl(s, t) {
   return (t === "string" ? String : Number)(s);
 }
 function $a(s) {
-  return s && s.map((t, a) => /* @__PURE__ */ ze.createElement(t.tag, us({
+  return s && s.map((t, a) => /* @__PURE__ */ Oe.createElement(t.tag, us({
     key: a
   }, t.attr), $a(t.child)));
 }
-function ve(s) {
-  return (t) => /* @__PURE__ */ ze.createElement(yl, ds({
+function Ce(s) {
+  return (t) => /* @__PURE__ */ Oe.createElement(vl, ds({
     attr: us({}, s.attr)
   }, t), $a(s.child));
 }
-function yl(s) {
+function vl(s) {
   var t = (a) => {
     var {
       attr: n,
       size: l,
       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({
+    } = s, r = fl(s, pl), c = l || a.size || "1em", o;
+    return a.className && (o = a.className), s.className && (o = (o ? o + " " : "") + s.className), /* @__PURE__ */ Oe.createElement("svg", ds({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
@@ -2079,52 +2079,52 @@ function yl(s) {
       height: c,
       width: c,
       xmlns: "http://www.w3.org/2000/svg"
-    }), i && /* @__PURE__ */ ze.createElement("title", null, i), s.children);
+    }), i && /* @__PURE__ */ Oe.createElement("title", null, i), s.children);
   };
-  return na !== void 0 ? /* @__PURE__ */ ze.createElement(na.Consumer, null, (a) => t(a)) : t(Ha);
+  return na !== void 0 ? /* @__PURE__ */ Oe.createElement(na.Consumer, null, (a) => t(a)) : t(Ha);
 }
-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 Cl(s) {
+  return Ce({ 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 Cl() {
+function Nl() {
   const [s, t] = R({
     queryKey: [],
     queryData: null
-  }), { theme: a } = Ct(), n = Nt(), l = Xe(), i = Xe(), [r, c] = R(!1), [o, x] = R(!1), [d, y] = R(!1), [f, m] = R(""), [g, j] = R(!1), D = z((b) => b.selectedSheetId);
-  z((b) => b.dashboard.baseQueries);
-  const C = u((b) => b.card), L = z((b) => b.theme), I = u((b) => b.isShowingVisual);
-  z((b) => b.onAcceptChanges);
-  const O = u(
+  }), { 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), T = O((b) => b.selectedSheetId);
+  O((b) => b.dashboard.baseQueries);
+  const C = u((b) => b.card), M = O((b) => b.theme), I = u((b) => b.isShowingVisual);
+  O((b) => b.onAcceptChanges);
+  const V = u(
     (b) => b.selectedConnectionId
   ), N = u(
     (b) => b.selectedDatabaseName
-  ), T = u(
+  ), w = u(
     (b) => b.selectedDatamodelId
-  ), A = u(
+  ), L = u(
     (b) => b.selectedSchemaName
   );
-  z(
+  O(
     (b) => b.actions.updateFrameCard
   );
-  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
+  const h = u((b) => b.selectedTableName), v = u((b) => b.card.sql), p = u((b) => b.card.python), z = u((b) => b.frame), E = O((b) => b.dashboard.filters), $ = O((b) => b.filterValues), B = E == null ? void 0 : E.filter(
+    (b) => b.sheetId === T || !b.sheetId
   ), Y = $ == null ? void 0 : $.filter(
-    (b) => (B == null ? void 0 : B.some((te) => te.id === b.filterId)) || b.filterId.endsWith(D)
+    (b) => (B == null ? void 0 : B.some((te) => te.id === b.filterId)) || b.filterId.endsWith(T)
   ), le = u((b) => b.applyFilters), {
     setCardCustomCfg: J,
     setQueryResultColumns: ne,
-    setFilterValues: w,
+    setFilterValues: k,
     setCardSql: _,
     setCard: ee,
-    setCardPython: E,
-    setQueryError: M,
+    setCardPython: A,
+    setQueryError: D,
     setPythonStdOut: se,
     setCardPreferences: P
   } = u((b) => b.actions), X = u((b) => b.onSave), ie = u(
     (b) => b.actions.setApplyFilters
-  ), Ce = u((b) => b.onClose), Le = u((b) => b.actions.setSqlGen), Ne = u((b) => b.runSql), Fe = u((b) => b.actions.setRunSql);
+  ), Ne = u((b) => b.onClose), Le = u((b) => b.actions.setSqlGen), Se = u((b) => b.runSql), Fe = u((b) => b.actions.setRunSql);
   u((b) => b.actions.setCardCfg);
-  const Se = u(
+  const we = u(
     (b) => b.actions.setIsSqlRunning
   ), {
     data: ae,
@@ -2141,7 +2141,7 @@ function Cl() {
       position: "top-center",
       richColors: !0
     }), se((ae == null ? void 0 : ae.output) || ""), ae.records.length > 0)) {
-      const { dimensionKeys: b } = Ss(ae.records);
+      const { dimensionKeys: b } = ws(ae.records);
       ne(b);
     }
   }, [
@@ -2150,7 +2150,7 @@ function Cl() {
     ne,
     se
   ]), Z(() => {
-    (ue || he) && Se(!0), (Ee || es) && Se(!1), Ee ? (M(He.message), ne([]), se("")) : M("");
+    (ue || he) && we(!0), (Ee || es) && we(!1), Ee ? (D(He.message), ne([]), se("")) : D("");
   }, [
     ue,
     he,
@@ -2158,14 +2158,14 @@ function Cl() {
     se,
     Ee,
     es,
-    Se,
+    we,
     ne,
-    M,
+    D,
     He
   ]), Z(() => {
-    Ne && (Ae(), Fe(!1));
-  }, [Ne, Ae, Fe]);
-  function ys() {
+    Se && (Ae(), Fe(!1));
+  }, [Se, Ae, Fe]);
+  function vs() {
     const b = n.getQueryData($e);
     s.queryData || t({
       queryKey: $e,
@@ -2197,34 +2197,34 @@ function Cl() {
   }
   function as() {
     let b = v;
-    v && !v.includes("{{") && (b = il(v), _(b));
+    v && !v.includes("{{") && (b = ol(v), _(b));
     const te = {
       ...C,
-      lastSelectedSchema: A,
-      lastSelectedDatamodelId: T,
+      lastSelectedSchema: L,
+      lastSelectedDatamodelId: w,
       lastSelectedDatabase: N,
       lastSelectedTable: h,
-      connectionId: O,
+      connectionId: V,
       type: I ? C.type : "table",
       sql: b,
       customCfg: I ? C.customCfg : null
-    }, Ie = k.cards.map(
-      (vs) => vs.id === C.id ? te : vs
+    }, Ie = z.cards.map(
+      (Cs) => Cs.id === C.id ? te : Cs
     ), oe = {
-      ...k,
+      ...z,
       cards: Ie,
-      activeCardId: ss(Ie, k.activeCardId)
+      activeCardId: ss(Ie, z.activeCardId)
     };
     X == null || X(oe);
   }
   function ts() {
     const { queryKey: b, queryData: te } = s;
-    b && te && n.setQueryData(b, te), Ce == null || Ce();
+    b && te && n.setQueryData(b, te), Ne == null || Ne();
   }
   Z(() => {
     const b = l.current, te = i.current;
     if (b) {
-      const Ie = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", oe = L === "system" ? Ie : L;
+      const Ie = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", oe = M === "system" ? Ie : M;
       b.editor.defineTheme("default", {
         // base: theme === 'light' ? 'hc-light' : 'vs-dark',
         base: oe === "light" ? "vs" : "vs-dark",
@@ -2243,7 +2243,7 @@ function Cl() {
       }
     ), () => {
     };
-  }, [a, L, l.current]);
+  }, [a, M, l.current]);
   function Be(b) {
     l.current = b;
   }
@@ -2257,14 +2257,14 @@ function Cl() {
           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(
-                cl,
+                dl,
                 {
                   checked: le,
                   onCheckedChange: () => ie(!le),
                   text: "Apply Filters"
                 }
               ),
-              /* @__PURE__ */ e.jsx(ul, {}),
+              /* @__PURE__ */ e.jsx(hl, {}),
               Y && o && /* @__PURE__ */ e.jsx(
                 Je,
                 {
@@ -2280,7 +2280,7 @@ function Cl() {
                 onChange: (b) => {
                   if (b)
                     try {
-                      JSON.parse(b), w(JSON.parse(b));
+                      JSON.parse(b), k(JSON.parse(b));
                     } catch {
                     }
                 },
@@ -2323,7 +2323,7 @@ function Cl() {
   }
   function tt() {
     return /* @__PURE__ */ e.jsxs(
-      ws,
+      ks,
       {
         className: "flex grow pb-1",
         direction: "vertical",
@@ -2375,7 +2375,7 @@ function Cl() {
             }
           ),
           r && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-            /* @__PURE__ */ e.jsx(ks, { withHandle: !0, className: "border" }),
+            /* @__PURE__ */ e.jsx(zs, { withHandle: !0, className: "border" }),
             /* @__PURE__ */ e.jsxs(
               Ve,
               {
@@ -2395,7 +2395,7 @@ function Cl() {
                           className: "pt-3",
                           theme: "default",
                           onChange: (b) => {
-                            E(b && b.trim() || "");
+                            A(b && b.trim() || "");
                           },
                           value: p || kt,
                           options: {
@@ -2464,13 +2464,13 @@ function Cl() {
                       size: "sm",
                       variant: "outline",
                       children: [
-                        ue || he ? /* @__PURE__ */ e.jsx(Ze, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(Pn, { className: "mr-2 h-4 w-4" }),
+                        ue || he ? /* @__PURE__ */ e.jsx(Ze, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(Bn, { className: "mr-2 h-4 w-4" }),
                         "Run"
                       ]
                     }
                   ),
                   Ee && /* @__PURE__ */ e.jsx(
-                    ol,
+                    cl,
                     {
                       error: He.message,
                       setShowAIDialog: y,
@@ -2481,12 +2481,12 @@ function Cl() {
                   /* @__PURE__ */ e.jsxs(
                     F,
                     {
-                      onClick: ys,
+                      onClick: vs,
                       className: "",
                       size: "sm",
                       variant: "outline",
                       children: [
-                        /* @__PURE__ */ e.jsx(Tn, { className: "mr-2 size-4" }),
+                        /* @__PURE__ */ e.jsx(Dn, { className: "mr-2 size-4" }),
                         "Clear"
                       ]
                     }
@@ -2499,11 +2499,11 @@ function Cl() {
                       className: "",
                       size: "sm",
                       variant: "outline",
-                      children: /* @__PURE__ */ e.jsx(vl, { className: "size-4 text-foreground/70" })
+                      children: /* @__PURE__ */ e.jsx(Cl, { className: "size-4 text-foreground/70" })
                     }
                   ),
                   /* @__PURE__ */ e.jsx(
-                    ml,
+                    xl,
                     {
                       open: d,
                       setOpen: y,
@@ -2549,9 +2549,9 @@ function Cl() {
     )
   );
 }
-function Nl({ data: s }) {
+function Sl({ data: s }) {
   var r;
-  const [t, a] = ze.useState([]), l = Object.keys(s[0]).map((c) => ({
+  const [t, a] = Oe.useState([]), l = Object.keys(s[0]).map((c) => ({
     // header: key,
     accessorKey: c,
     header: ({ column: o }) => {
@@ -2581,74 +2581,75 @@ function Nl({ data: s }) {
     }
   });
   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(
+    /* @__PURE__ */ e.jsx(Tt, { children: i.getHeaderGroups().map((c) => /* @__PURE__ */ e.jsx(Ns, { 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,
+      Ns,
       {
         className: "whitespace-nowrap py-2",
         "data-state": c.getIsSelected() && "selected",
         children: c.getVisibleCells().map((o) => /* @__PURE__ */ e.jsx(ea, { children: Zs(o.column.columnDef.cell, o.getContext()) }, o.id))
       },
       c.id
-    )) : /* @__PURE__ */ e.jsx(Cs, { children: /* @__PURE__ */ e.jsx(ea, { colSpan: l.length, className: "h-24 text-center", children: "No results." }) }) })
+    )) : /* @__PURE__ */ e.jsx(Ns, { children: /* @__PURE__ */ e.jsx(ea, { colSpan: l.length, className: "h-24 text-center", children: "No results." }) }) })
   ] });
 }
-function Sl({ card: s }) {
-  var d, y, f, m, g, j, D, C, L, I;
-  const t = z((O) => O.themeStyle), a = {
-    colors: ((y = (d = t == null ? void 0 : t.chart) == null ? void 0 : d.dataset) == null ? void 0 : y.backgroundColor) || []
+function wl({ card: s }) {
+  var f, m, g, j, T, C, M, I, V, N;
+  const { authToken: t } = ve(), a = Vt(t == null ? void 0 : t.accessToken), n = O((w) => w.themeStyle), l = {
+    colors: ((m = (f = n == null ? void 0 : n.chart) == null ? void 0 : f.dataset) == null ? void 0 : m.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", i = u((O) => O.frame);
+  (g = s.customCardPreferences) != null && g.inputData;
+  const { getCard: i } = va(((j = s.customCardPreferences) == null ? void 0 : j.url) || ""), r = ((T = s.customCardPreferences) == null ? void 0 : T.visualType) || "single", c = u((w) => w.frame);
   ce();
-  const { data: r } = qe(s);
-  if (!((j = s.customCardPreferences) != null && j.componentName))
+  const { data: o } = qe(s);
+  if (!((C = s.customCardPreferences) != null && C.componentName))
     return null;
-  const c = n(
-    (D = s.customCardPreferences) == null ? void 0 : D.componentName
-  ), o = (O) => {
-    console.log("data", O), s.customCardPreferences;
-  }, x = Object.keys(
-    ((C = s.customCardPreferences) == null ? void 0 : C.dataInputCardIds) || {}
-  ).map((O) => {
-    var A, h, v;
-    const N = (h = (A = s.customCardPreferences) == null ? void 0 : A.dataInputCardIds) == null ? void 0 : h[O].cardId, T = (v = i == null ? void 0 : i.cards) == null ? void 0 : v.find((p) => p.id === N);
-    return T || null;
+  const x = i(
+    (M = s.customCardPreferences) == null ? void 0 : M.componentName
+  ), d = (w) => {
+    console.log("data", w), s.customCardPreferences;
+  }, y = Object.keys(
+    ((I = s.customCardPreferences) == null ? void 0 : I.dataInputCardIds) || {}
+  ).map((w) => {
+    var v, p, z;
+    const L = (p = (v = s.customCardPreferences) == null ? void 0 : v.dataInputCardIds) == null ? void 0 : p[w].cardId, h = (z = c == null ? void 0 : c.cards) == null ? void 0 : z.find((E) => E.id === L);
+    return h || 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,
+    kn,
     {
       fallback: /* @__PURE__ */ e.jsx(e.Fragment, {}),
       children: [
-        c && l === "single" && /* @__PURE__ */ e.jsx(
-          c,
+        x && r === "single" && /* @__PURE__ */ e.jsx(
+          x,
           {
-            theme: a,
-            settings: (L = s.customCardPreferences) == null ? void 0 : L.settings,
-            onDataChange: o,
-            data: (r == null ? void 0 : r.records) || []
+            params: a,
+            theme: l,
+            settings: (V = s.customCardPreferences) == null ? void 0 : V.settings,
+            onDataChange: d,
+            data: (o == null ? void 0 : o.records) || []
           }
         ),
-        c && l === "multiple" && /* @__PURE__ */ e.jsx("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ e.jsx(
-          c,
+        x && r === "multiple" && /* @__PURE__ */ e.jsx("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ e.jsx(
+          x,
           {
-            theme: a,
-            onDataChange: o,
-            settings: x.map(
-              (O) => {
-                var N;
-                return (N = O == null ? void 0 : O.customCardPreferences) == null ? void 0 : N.settings;
+            theme: l,
+            onDataChange: d,
+            settings: y.map(
+              (w) => {
+                var L;
+                return (L = w == null ? void 0 : w.customCardPreferences) == null ? void 0 : L.settings;
               }
             ),
-            data: x.map((O) => (O == null ? void 0 : O.data) || [])
+            data: y.map((w) => (w == null ? void 0 : w.data) || [])
           }
         ) })
       ]
     },
-    (I = s.customCardPreferences) == null ? void 0 : I.componentName
+    (N = s.customCardPreferences) == null ? void 0 : N.componentName
   ) });
 }
 function Pa({
@@ -2658,9 +2659,9 @@ function Pa({
   ...t
 }) {
   var m, g;
-  const a = u((j) => j.card), n = ((m = a.customCardPreferences) == null ? void 0 : m.showCardHeader) ?? !0, l = u((j) => j.frame), i = z((j) => j.dashboard.filters);
+  const a = u((j) => j.card), n = ((m = a.customCardPreferences) == null ? void 0 : m.showCardHeader) ?? !0, l = u((j) => j.frame), i = O((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);
+  const { updateFilter: r } = Is(), 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;
@@ -2673,23 +2674,23 @@ function Pa({
     topoJson: d
   }));
   function f(j) {
-    return /* @__PURE__ */ e.jsx(Sl, { card: j });
+    return /* @__PURE__ */ e.jsx(wl, { card: j });
   }
   return /* @__PURE__ */ e.jsxs(
-    Vt,
+    qt,
     {
       role: "editor-visual-card",
       className: W("relative flex h-full flex-col rounded-none", s),
       ...t,
       children: [
-        n && /* @__PURE__ */ e.jsxs(qt, { className: "flex flex-row items-start justify-between py-4", children: [
+        n && /* @__PURE__ */ e.jsxs(Rt, { className: "flex flex-row items-start justify-between py-4", children: [
           /* @__PURE__ */ e.jsxs("div", { children: [
             /* @__PURE__ */ e.jsx(
               rs,
               {
                 text: a.title,
                 onSave: (j) => x({ ...a, title: j }),
-                children: /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-5", children: /* @__PURE__ */ e.jsx(Rt, { className: "text-base", children: a.title || "Edit title..." }) })
+                children: /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-5", children: /* @__PURE__ */ e.jsx(_t, { className: "text-base", children: a.title || "Edit title..." }) })
               },
               a.title
             ),
@@ -2698,7 +2699,7 @@ function Pa({
               {
                 text: a.description || "",
                 onSave: (j) => x({ ...a, description: j }),
-                children: /* @__PURE__ */ e.jsx(_t, { children: a.description || "Edit description..." })
+                children: /* @__PURE__ */ e.jsx(Ht, { children: a.description || "Edit description..." })
               },
               a.description
             )
@@ -2713,33 +2714,33 @@ function Pa({
                 children: /* @__PURE__ */ e.jsx(H, { children: c.title })
               }
             ),
-            Ht(c)
+            $t(c)
           ] })
         ] }),
-        /* @__PURE__ */ e.jsxs($t, { className: "flex grow flex-col", children: [
+        /* @__PURE__ */ e.jsxs(Pt, { className: "flex grow flex-col", children: [
           a.type === "custom" && f(a),
           !["table", "custom"].includes(a.type) && y && // <ChartJsVisual key={visualKey} cfg={cfg} />
           /* @__PURE__ */ e.jsx(
-            Pt,
+            Bt,
             {
               cfg: y
             },
             JSON.stringify(y) + JSON.stringify(a.preferences) + ((g = a == null ? void 0 : a.preferences) == null ? void 0 : g.customVisualCode)
           ),
           a.type === "table" && (o == null ? void 0 : o.records) && (o == null ? void 0 : o.records.length) > 0 && // All of the below css classes are #IMPORTANT for the table to scroll properly
-          /* @__PURE__ */ e.jsx(Bt, { className: "flex min-h-0 flex-1 grow basis-0", children: /* @__PURE__ */ e.jsx(Ut, { card: a, data: o == null ? void 0 : o.records }) })
+          /* @__PURE__ */ e.jsx(Ut, { className: "flex min-h-0 flex-1 grow basis-0", children: /* @__PURE__ */ e.jsx(Gt, { card: a, data: o == null ? void 0 : o.records }) })
         ] })
       ]
     }
   );
 }
-function wl() {
+function kl() {
   const [s, t] = R(!1), [a, n] = R(""), [l, i] = R(""), [r, c] = R(""), [o, x] = R(""), d = u((N) => N.card), y = u(
     (N) => N.card.customCfg
   ), { data: f } = qe(d), { data: m } = Bs(d), { setCardCustomCfg: g, setCustomVisualCode: j } = ce();
-  function D(N) {
+  function T(N) {
     var h, v;
-    const T = {
+    const w = {
       ...N,
       data: {
         ...N == null ? void 0 : N.data,
@@ -2749,10 +2750,10 @@ function wl() {
         }))
       }
     };
-    return JSON.stringify(T, null, 1);
+    return JSON.stringify(w, null, 1);
   }
   function C() {
-    var T, A;
+    var w, L;
     if (!(f != null && f.records) || (f == null ? void 0 : f.records.length) === 0)
       return;
     const N = Ca({
@@ -2762,9 +2763,9 @@ function wl() {
       preferences: d.preferences,
       topoJson: m
     });
-    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)));
+    N && (n(JSON.stringify(N, null, 1)), (w = d == null ? void 0 : d.preferences) != null && w.customVisualCode && c((L = d == null ? void 0 : d.preferences) == null ? void 0 : L.customVisualCode), y && i(JSON.stringify(y, null, 1)));
   }
-  function L() {
+  function M() {
     if (r && j(r), !!l)
       try {
         const N = JSON.parse(l);
@@ -2776,34 +2777,34 @@ function wl() {
   function I() {
     i(""), g(null);
   }
-  function O() {
+  function V() {
     let N;
     if (y) {
-      const T = sa.cloneDeep(d.cfg), A = sa.merge(T, y);
-      return N = D(A), N;
+      const w = sa.cloneDeep(d.cfg), L = sa.merge(w, y);
+      return N = T(L), N;
     }
-    return a ? (N = D(JSON.parse(a)), N) : "";
+    return a ? (N = T(JSON.parse(a)), N) : "";
   }
-  return /* @__PURE__ */ e.jsxs(Is, { open: s, onOpenChange: t, children: [
-    /* @__PURE__ */ e.jsx(Ts, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+  return /* @__PURE__ */ e.jsxs(Ts, { open: s, onOpenChange: t, children: [
+    /* @__PURE__ */ e.jsx(Ds, { asChild: !0, children: /* @__PURE__ */ e.jsx(
       F,
       {
         onClick: C,
         className: ` ${y && "border-foreground/50 dark:border-foreground/70"}`,
         size: "sm",
         variant: "outline",
-        children: /* @__PURE__ */ e.jsx(Gt, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ e.jsx(Kt, { className: "h-4 w-4" })
       }
     ) }),
     /* @__PURE__ */ e.jsxs(
-      Ms,
+      Ls,
       {
         className: "max-h-[70vh] min-h-[70vh] overflow-auto sm:min-w-[900px] lg:min-w-[1200px]",
         children: [
-          /* @__PURE__ */ e.jsxs(Ls, { className: "", children: [
+          /* @__PURE__ */ e.jsxs(Es, { className: "", children: [
             /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ e.jsx(Es, { children: "Customize Card" }),
-              /* @__PURE__ */ e.jsxs(Vs, { children: [
+              /* @__PURE__ */ e.jsx(As, { children: "Customize Card" }),
+              /* @__PURE__ */ e.jsxs(qs, { children: [
                 /* @__PURE__ */ e.jsx(ma, { children: /* @__PURE__ */ e.jsx(
                   La,
                   {
@@ -2813,10 +2814,10 @@ function wl() {
                     className: "size-3 cursor-pointer text-muted-foreground/70 transition-colors hover:text-muted-foreground"
                   }
                 ) }),
-                /* @__PURE__ */ e.jsx(qs, { side: "right", align: "center", children: /* @__PURE__ */ e.jsx("p", { className: "text-xs", children: "Copy Card ID" }) })
+                /* @__PURE__ */ e.jsx(Rs, { side: "right", align: "center", children: /* @__PURE__ */ e.jsx("p", { className: "text-xs", children: "Copy Card ID" }) })
               ] })
             ] }),
-            /* @__PURE__ */ e.jsxs(As, { children: [
+            /* @__PURE__ */ e.jsxs(Vs, { children: [
               "See the configuration options and documentation",
               /* @__PURE__ */ e.jsx(
                 "a",
@@ -2830,7 +2831,7 @@ function wl() {
             ] })
           ] }),
           /* @__PURE__ */ e.jsxs("div", { className: "flex grow gap-2", children: [
-            /* @__PURE__ */ e.jsx(xs, { FallbackComponent: Na, children: /* @__PURE__ */ e.jsx(Pa, { className: "w-1/2 rounded shadow-none" }) }),
+            /* @__PURE__ */ e.jsx(ps, { FallbackComponent: Na, children: /* @__PURE__ */ e.jsx(Pa, { className: "w-1/2 rounded shadow-none" }) }),
             /* @__PURE__ */ e.jsxs(Sa, { defaultValue: "custom-config", className: "flex w-1/2 flex-col", children: [
               /* @__PURE__ */ e.jsxs(wa, { className: "justify-start rounded-sm rounded-b-none border border-b-0", children: [
                 /* @__PURE__ */ e.jsxs(is, { value: "custom-config", children: [
@@ -2878,7 +2879,7 @@ function wl() {
                         renderLineHighlight: "none"
                       },
                       defaultLanguage: "json",
-                      value: O(),
+                      value: V(),
                       onChange: (N) => i(N)
                     }
                   )
@@ -2926,7 +2927,7 @@ function wl() {
                 children: "Reset"
               }
             ),
-            /* @__PURE__ */ e.jsx(F, { onClick: L, variant: "outline", children: "Apply" }),
+            /* @__PURE__ */ e.jsx(F, { onClick: M, variant: "outline", children: "Apply" }),
             /* @__PURE__ */ e.jsx(F, { onClick: () => t(!1), variant: "outline", children: "Close" })
           ] })
         ]
@@ -2935,47 +2936,47 @@ function wl() {
   ] });
 }
 function Ba(s) {
-  return ve({ tag: "svg", attr: { viewBox: "0 0 1024 1024" }, child: [{ tag: "path", attr: { d: "M926.8 397.1l-396-288a31.81 31.81 0 0 0-37.6 0l-396 288a31.99 31.99 0 0 0-11.6 35.8l151.3 466a32 32 0 0 0 30.4 22.1h489.5c13.9 0 26.1-8.9 30.4-22.1l151.3-466c4.2-13.2-.5-27.6-11.7-35.8zM838.6 417l-98.5 32-200-144.7V199.9L838.6 417zM466 567.2l-89.1 122.3-55.2-169.2L466 567.2zm-116.3-96.8L484 373.3v140.8l-134.3-43.7zM512 599.2l93.9 128.9H418.1L512 599.2zm28.1-225.9l134.2 97.1L540.1 514V373.3zM558 567.2l144.3-46.9-55.2 169.2L558 567.2zm-74-367.3v104.4L283.9 449l-98.5-32L484 199.9zM169.3 470.8l86.5 28.1 80.4 246.4-53.8 73.9-113.1-348.4zM327.1 853l50.3-69h269.3l50.3 69H327.1zm414.5-33.8l-53.8-73.9 80.4-246.4 86.5-28.1-113.1 348.4z" }, child: [] }] })(s);
+  return Ce({ tag: "svg", attr: { viewBox: "0 0 1024 1024" }, child: [{ tag: "path", attr: { d: "M926.8 397.1l-396-288a31.81 31.81 0 0 0-37.6 0l-396 288a31.99 31.99 0 0 0-11.6 35.8l151.3 466a32 32 0 0 0 30.4 22.1h489.5c13.9 0 26.1-8.9 30.4-22.1l151.3-466c4.2-13.2-.5-27.6-11.7-35.8zM838.6 417l-98.5 32-200-144.7V199.9L838.6 417zM466 567.2l-89.1 122.3-55.2-169.2L466 567.2zm-116.3-96.8L484 373.3v140.8l-134.3-43.7zM512 599.2l93.9 128.9H418.1L512 599.2zm28.1-225.9l134.2 97.1L540.1 514V373.3zM558 567.2l144.3-46.9-55.2 169.2L558 567.2zm-74-367.3v104.4L283.9 449l-98.5-32L484 199.9zM169.3 470.8l86.5 28.1 80.4 246.4-53.8 73.9-113.1-348.4zM327.1 853l50.3-69h269.3l50.3 69H327.1zm414.5-33.8l-53.8-73.9 80.4-246.4 86.5-28.1-113.1 348.4z" }, child: [] }] })(s);
 }
 function Ua(s) {
-  return ve({ tag: "svg", attr: { viewBox: "0 0 256 256", fill: "currentColor" }, child: [{ tag: "path", attr: { d: "M137.39,24.06A16,16,0,0,0,120,40V80.67a15.86,15.86,0,0,0,13.25,15.76A32,32,0,1,1,96,129.68c-.41-8.22,1.27-15,5-20.26h0a15.86,15.86,0,0,0-1.69-20.47L71.69,60.68a16,16,0,0,0-23.63,1.1A103.6,103.6,0,0,0,55,202.05,103.24,103.24,0,0,0,128,232h1.49A104.3,104.3,0,0,0,232,129.48C232.75,75.18,191.19,28.88,137.39,24.06ZM60.32,71.94l27.61,28.19,0,.06A43.29,43.29,0,0,0,80.44,120H40.36A87.13,87.13,0,0,1,60.32,71.94ZM40.37,136h40.3A48,48,0,0,0,120,175.34v40.3A88,88,0,0,1,40.37,136Zm149.77,54.14A87.45,87.45,0,0,1,136,215.61V175.34a47.55,47.55,0,0,0,24.73-12.23A48,48,0,0,0,136,80.66L136,40c45.52,4.08,80.67,43.28,80,89.25A87.45,87.45,0,0,1,190.14,190.14Z" }, child: [] }] })(s);
+  return Ce({ tag: "svg", attr: { viewBox: "0 0 256 256", fill: "currentColor" }, child: [{ tag: "path", attr: { d: "M137.39,24.06A16,16,0,0,0,120,40V80.67a15.86,15.86,0,0,0,13.25,15.76A32,32,0,1,1,96,129.68c-.41-8.22,1.27-15,5-20.26h0a15.86,15.86,0,0,0-1.69-20.47L71.69,60.68a16,16,0,0,0-23.63,1.1A103.6,103.6,0,0,0,55,202.05,103.24,103.24,0,0,0,128,232h1.49A104.3,104.3,0,0,0,232,129.48C232.75,75.18,191.19,28.88,137.39,24.06ZM60.32,71.94l27.61,28.19,0,.06A43.29,43.29,0,0,0,80.44,120H40.36A87.13,87.13,0,0,1,60.32,71.94ZM40.37,136h40.3A48,48,0,0,0,120,175.34v40.3A88,88,0,0,1,40.37,136Zm149.77,54.14A87.45,87.45,0,0,1,136,215.61V175.34a47.55,47.55,0,0,0,24.73-12.23A48,48,0,0,0,136,80.66L136,40c45.52,4.08,80.67,43.28,80,89.25A87.45,87.45,0,0,1,190.14,190.14Z" }, child: [] }] })(s);
 }
 function Ga(s) {
-  return ve({ tag: "svg", attr: { viewBox: "0 0 256 256", fill: "currentColor" }, child: [{ tag: "path", attr: { d: "M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm87.63,96H191.48A64.1,64.1,0,0,0,136,64.52V40.37A88.13,88.13,0,0,1,215.63,120ZM120,120H80.68A48.09,48.09,0,0,1,120,80.68Zm0,16v39.32A48.09,48.09,0,0,1,80.68,136Zm16,0h39.32A48.09,48.09,0,0,1,136,175.32Zm0-16V80.68A48.09,48.09,0,0,1,175.32,120ZM120,40.37V64.52A64.1,64.1,0,0,0,64.52,120H40.37A88.13,88.13,0,0,1,120,40.37ZM40.37,136H64.52A64.1,64.1,0,0,0,120,191.48v24.15A88.13,88.13,0,0,1,40.37,136ZM136,215.63V191.48A64.1,64.1,0,0,0,191.48,136h24.15A88.13,88.13,0,0,1,136,215.63Z" }, child: [] }] })(s);
+  return Ce({ tag: "svg", attr: { viewBox: "0 0 256 256", fill: "currentColor" }, child: [{ tag: "path", attr: { d: "M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm87.63,96H191.48A64.1,64.1,0,0,0,136,64.52V40.37A88.13,88.13,0,0,1,215.63,120ZM120,120H80.68A48.09,48.09,0,0,1,120,80.68Zm0,16v39.32A48.09,48.09,0,0,1,80.68,136Zm16,0h39.32A48.09,48.09,0,0,1,136,175.32Zm0-16V80.68A48.09,48.09,0,0,1,175.32,120ZM120,40.37V64.52A64.1,64.1,0,0,0,64.52,120H40.37A88.13,88.13,0,0,1,120,40.37ZM40.37,136H64.52A64.1,64.1,0,0,0,120,191.48v24.15A88.13,88.13,0,0,1,40.37,136ZM136,215.63V191.48A64.1,64.1,0,0,0,191.48,136h24.15A88.13,88.13,0,0,1,136,215.63Z" }, child: [] }] })(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);
+  return Ce({ 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 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);
+  return Ce({ 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 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);
+  return Ce({ 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) {
-  return ve({ tag: "svg", attr: { version: "1.2", baseProfile: "tiny", viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M4 18c-.552 0-1-.448-1-1v-6.382l-.553.276c-.495.248-1.095.046-1.342-.447-.247-.494-.046-1.094.448-1.342l2-1c.31-.155.678-.139.973.044.294.183.474.504.474.851v8c0 .552-.448 1-1 1zM13 18h-5c-.404 0-.769-.244-.924-.617-.155-.374-.069-.804.217-1.09l4-4c.254-.254.394-.591.394-.95 0-.358-.14-.695-.394-.949-.508-.508-1.39-.508-1.9.001-.253.252-.393.589-.393.948 0 .552-.448 1-1 1s-1-.448-1-1c0-.894.348-1.733.98-2.364 1.265-1.263 3.464-1.263 4.727.001.632.631.979 1.471.979 2.363 0 .893-.348 1.733-.979 2.364l-2.293 2.293h2.586c.552 0 1 .448 1 1s-.448 1-1 1zM20.955 12.377c.338-.457.545-1.016.545-1.627 0-1.517-1.234-2.75-2.75-2.75-1.031 0-1.966.569-2.44 1.484-.254.49-.063 1.094.428 1.348.49.254 1.094.062 1.348-.428.128-.249.383-.404.664-.404.414 0 .75.336.75.75s-.336.75-.75.75c-.552 0-1 .448-1 1s.448 1 1 1c.689 0 1.25.561 1.25 1.25s-.561 1.25-1.25 1.25-1.25-.561-1.25-1.25c0-.552-.448-1-1-1s-1 .448-1 1c0 1.792 1.458 3.25 3.25 3.25s3.25-1.458 3.25-3.25c0-.939-.406-1.779-1.045-2.373z" }, child: [] }] })(s);
+  return Ce({ tag: "svg", attr: { version: "1.2", baseProfile: "tiny", viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M4 18c-.552 0-1-.448-1-1v-6.382l-.553.276c-.495.248-1.095.046-1.342-.447-.247-.494-.046-1.094.448-1.342l2-1c.31-.155.678-.139.973.044.294.183.474.504.474.851v8c0 .552-.448 1-1 1zM13 18h-5c-.404 0-.769-.244-.924-.617-.155-.374-.069-.804.217-1.09l4-4c.254-.254.394-.591.394-.95 0-.358-.14-.695-.394-.949-.508-.508-1.39-.508-1.9.001-.253.252-.393.589-.393.948 0 .552-.448 1-1 1s-1-.448-1-1c0-.894.348-1.733.98-2.364 1.265-1.263 3.464-1.263 4.727.001.632.631.979 1.471.979 2.363 0 .893-.348 1.733-.979 2.364l-2.293 2.293h2.586c.552 0 1 .448 1 1s-.448 1-1 1zM20.955 12.377c.338-.457.545-1.016.545-1.627 0-1.517-1.234-2.75-2.75-2.75-1.031 0-1.966.569-2.44 1.484-.254.49-.063 1.094.428 1.348.49.254 1.094.062 1.348-.428.128-.249.383-.404.664-.404.414 0 .75.336.75.75s-.336.75-.75.75c-.552 0-1 .448-1 1s.448 1 1 1c.689 0 1.25.561 1.25 1.25s-.561 1.25-1.25 1.25-1.25-.561-1.25-1.25c0-.552-.448-1-1-1s-1 .448-1 1c0 1.792 1.458 3.25 3.25 3.25s3.25-1.458 3.25-3.25c0-.939-.406-1.779-1.045-2.373z" }, child: [] }] })(s);
 }
 function Ya(s) {
-  return ve({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M217 25v14h78V25h-78zm0 32v46h14V71h50v32h14V57h-78zm32 32v14h14V89h-14zm-64 32v46h30v-46h-30zm48 0v14h46v-14h-46zm64 0v46h30v-46h-30zm-64 32v14h46v-14h-46zm-80 32v46h62v-46h-62zm80 0v14h46v-14h-46zm64 0v46h62v-46h-62zm-64 32v14h46v-14h-46zm-112 32v46h94v-46h-94zm112 0v14h46v-14h-46zm64 0v46h94v-46h-94zm-64 32v14h46v-14h-46zM89 313v46h126v-46H89zm144 0v14h46v-14h-46zm64 0v46h126v-46H297zm-64 32v14h46v-14h-46zM57 377v46h158v-46H57zm176 0v14h46v-14h-46zm64 0v46h158v-46H297zm-64 32v14h46v-14h-46zM25 441v46h190v-46H25zm208 0v14h46v-14h-46zm64 0v46h190v-46H297zm-64 32v14h46v-14h-46z" }, child: [] }] })(s);
+  return Ce({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M217 25v14h78V25h-78zm0 32v46h14V71h50v32h14V57h-78zm32 32v14h14V89h-14zm-64 32v46h30v-46h-30zm48 0v14h46v-14h-46zm64 0v46h30v-46h-30zm-64 32v14h46v-14h-46zm-80 32v46h62v-46h-62zm80 0v14h46v-14h-46zm64 0v46h62v-46h-62zm-64 32v14h46v-14h-46zm-112 32v46h94v-46h-94zm112 0v14h46v-14h-46zm64 0v46h94v-46h-94zm-64 32v14h46v-14h-46zM89 313v46h126v-46H89zm144 0v14h46v-14h-46zm64 0v46h126v-46H297zm-64 32v14h46v-14h-46zM57 377v46h158v-46H57zm176 0v14h46v-14h-46zm64 0v46h158v-46H297zm-64 32v14h46v-14h-46zM25 441v46h190v-46H25zm208 0v14h46v-14h-46zm64 0v46h190v-46H297zm-64 32v14h46v-14h-46z" }, child: [] }] })(s);
 }
 function Xa(s) {
   const [t, a] = R(null);
   return Z(() => {
     s && (async () => {
-      const i = (await import("./lucide-react-Mpu2F2_p.js"))[s];
+      const i = (await import("./lucide-react-bxB0wxx1.js"))[s];
       a(i);
     })();
   }, [s]), t;
 }
 function Za() {
-  const { authToken: s } = Oe(), { data: t, isLoading: a, isFetching: n, isError: l } = me({
+  const { authToken: s } = ve(), { data: t, isLoading: a, isFetching: n, isError: l } = me({
     queryKey: ["plugins", s == null ? void 0 : s.accessToken],
-    queryFn: () => Kt(s == null ? void 0 : s.accessToken)
+    queryFn: () => Qt(s == null ? void 0 : s.accessToken)
     // staleTime: Infinity,
   });
   return { data: t, isLoading: a, isFetching: n, isError: l };
 }
-function kl({
+function zl({
   onChartTypeChange: s
 }) {
   const [t, a] = R([]), { data: n } = Za();
@@ -2984,7 +2985,7 @@ function kl({
       var i;
       if (n) {
         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) => ({
+          (i = n == null ? void 0 : n.plugins) == null ? void 0 : i.map(async (o) => (await Jt(o.value)).visuals.map((y) => ({
             name: y.name,
             icon: y.icon,
             url: o.value
@@ -2996,7 +2997,7 @@ function kl({
   }, [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, i) => /* @__PURE__ */ e.jsx(
-      zl,
+      Ol,
       {
         text: l.name,
         onClick: () => s("custom", l),
@@ -3006,7 +3007,7 @@ function kl({
     )) })
   ] });
 }
-const zl = ({
+const Ol = ({
   text: s,
   icon: t,
   onClick: a
@@ -3014,7 +3015,7 @@ const zl = ({
   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 Ol() {
+function Fl() {
   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) {
@@ -3026,9 +3027,9 @@ function Ol() {
       icon: m.icon
     }), t(!1);
   }
-  return /* @__PURE__ */ e.jsxs(ps, { open: s, onOpenChange: t, children: [
-    /* @__PURE__ */ e.jsx(fs, { asChild: !0, children: /* @__PURE__ */ e.jsx(F, { size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(
-      Fl,
+  return /* @__PURE__ */ e.jsxs(fs, { open: s, onOpenChange: t, children: [
+    /* @__PURE__ */ e.jsx(gs, { asChild: !0, children: /* @__PURE__ */ e.jsx(F, { size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(
+      Il,
       {
         className: "h-4 w-4",
         chartType: n,
@@ -3036,7 +3037,7 @@ function Ol() {
         componentName: (y = a.customCardPreferences) == null ? void 0 : y.componentName
       }
     ) }) }),
-    /* @__PURE__ */ e.jsxs(gs, { className: "w-50", children: [
+    /* @__PURE__ */ e.jsxs(js, { className: "w-50", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-4 place-items-center", children: [
         /* @__PURE__ */ e.jsx(
           F,
@@ -3146,7 +3147,7 @@ function Ol() {
           {
             onClick: () => x("table"),
             variant: "ghost",
-            children: /* @__PURE__ */ e.jsx(Rs, { className: "size-5" })
+            children: /* @__PURE__ */ e.jsx(_s, { className: "size-5" })
           }
         ),
         /* @__PURE__ */ e.jsx(
@@ -3182,11 +3183,11 @@ function Ol() {
           }
         )
       ] }),
-      /* @__PURE__ */ e.jsx(kl, { onChartTypeChange: x })
+      /* @__PURE__ */ e.jsx(zl, { onChartTypeChange: x })
     ] })
   ] });
 }
-function Fl({
+function Il({
   chartType: s,
   className: t,
   customIcon: a,
@@ -3227,10 +3228,10 @@ function Fl({
     case "custom":
       return a && l ? /* @__PURE__ */ e.jsx(l, { className: t }) : n ? n == null ? void 0 : n.charAt(0).toUpperCase() : /* @__PURE__ */ e.jsx(Va, { className: t });
     default:
-      return /* @__PURE__ */ e.jsx(Rs, { className: t });
+      return /* @__PURE__ */ e.jsx(_s, { className: t });
   }
 }
-function Il() {
+function Tl() {
   var l;
   const s = u((i) => i.card), t = ((l = s.customCardPreferences) == null ? void 0 : l.showCardHeader) ?? !0, { setCustomCardPreferences: a } = ce(), n = (i) => {
     s.customCardPreferences && a({
@@ -3242,7 +3243,7 @@ function Il() {
     /* @__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(
-        Jt,
+        Wt,
         {
           checked: t,
           onCheckedChange: n,
@@ -3250,7 +3251,7 @@ function Il() {
         }
       ),
       /* @__PURE__ */ e.jsxs(
-        Wt,
+        Yt,
         {
           onClick: () => {
             navigator.clipboard.writeText(s.id), Ye.success("Card ID copied to clipboard");
@@ -3308,35 +3309,35 @@ function ra() {
     };
     g(h);
   }
-  function D(h) {
-    const v = s.cards.filter((V) => V.id !== h), p = v[0], k = {
+  function T(h) {
+    const v = s.cards.filter((E) => E.id !== h), p = v[0], z = {
       ...s,
       cards: v,
       // update the active card to the first card in the frame
       activeCardId: p.id
     };
-    c(k), o(p);
+    c(z), o(p);
   }
   function C(h) {
     const v = {
       ...s,
-      cards: s.cards.map((k) => k.id === t.id ? t : k),
+      cards: s.cards.map((z) => z.id === t.id ? t : z),
       activeCardId: h
     };
     c(v);
-    const p = v.cards.find((k) => k.id === h);
+    const p = v.cards.find((z) => z.id === h);
     p.sql && r(!0), o(p);
   }
-  const L = (h, v) => {
+  const M = (h, v) => {
     console.log("handleDragStart", v), h.dataTransfer.setData("tabIndex", v.toString());
   }, I = (h) => {
     h.preventDefault();
-  }, O = (h, v) => {
+  }, V = (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), c({ ...s, cards: k });
+    const z = Array.from(s.cards), [E] = z.splice(parseInt(p), 1);
+    z.splice(v, 0, E), c({ ...s, cards: z });
   };
   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(
@@ -3349,11 +3350,11 @@ function ra() {
             displayTab: p
           });
         },
-        children: v.displayTab === !0 || v.displayTab === void 0 ? /* @__PURE__ */ e.jsx(Mn, { className: "mr-2 size-3.5 text-muted-foreground hover:text-foreground" }) : /* @__PURE__ */ e.jsx(Dn, { className: "mr-2 size-3.5 text-muted-foreground hover:text-foreground" })
+        children: v.displayTab === !0 || v.displayTab === void 0 ? /* @__PURE__ */ e.jsx(Ln, { className: "mr-2 size-3.5 text-muted-foreground hover:text-foreground" }) : /* @__PURE__ */ e.jsx(Mn, { className: "mr-2 size-3.5 text-muted-foreground hover:text-foreground" })
       }
     );
   }
-  function T() {
+  function w() {
     return /* @__PURE__ */ e.jsxs(
       Sa,
       {
@@ -3361,7 +3362,7 @@ function ra() {
         value: s.activeCardId,
         className: "flex grow flex-col",
         children: [
-          s.cards.map((h) => /* @__PURE__ */ e.jsx(os, { className: "mt-0 grow", value: h.id, children: A() }, h.id)),
+          s.cards.map((h) => /* @__PURE__ */ e.jsx(os, { className: "mt-0 grow", value: h.id, children: L() }, h.id)),
           /* @__PURE__ */ e.jsx(wa, { className: "group mx-6 justify-between", children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center", children: [
             s.cards.map((h, v) => /* @__PURE__ */ e.jsx(
               rs,
@@ -3374,9 +3375,9 @@ function ra() {
                   is,
                   {
                     draggable: !0,
-                    onDragStart: (p) => L(p, v),
+                    onDragStart: (p) => M(p, v),
                     onDragOver: I,
-                    onDrop: (p) => O(p, v),
+                    onDrop: (p) => V(p, v),
                     className: "",
                     value: h.id,
                     children: [
@@ -3386,7 +3387,7 @@ function ra() {
                         za,
                         {
                           className: "ml-2 size-3.5 text-muted-foreground hover:text-foreground",
-                          onClick: () => D(h.id)
+                          onClick: () => T(h.id)
                         }
                       )
                     ]
@@ -3401,7 +3402,7 @@ function ra() {
                 className: "ml-1 h-8 px-2 hover:bg-muted-foreground/50",
                 variant: "outline",
                 onClick: m,
-                children: /* @__PURE__ */ e.jsx(Ds, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ e.jsx(Ms, { className: "h-4 w-4" })
               }
             ),
             /* @__PURE__ */ e.jsx(
@@ -3410,7 +3411,7 @@ function ra() {
                 className: "invisible ml-1 h-8 px-2 hover:bg-muted-foreground/50 group-hover:visible",
                 variant: "outline",
                 onClick: j,
-                children: /* @__PURE__ */ e.jsx(Fn, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ e.jsx(In, { className: "h-4 w-4" })
               }
             )
           ] }) })
@@ -3418,34 +3419,34 @@ function ra() {
       }
     );
   }
-  function A() {
-    return t.type === "kpi" ? /* @__PURE__ */ e.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e.jsx(Yt, { card: t, data: 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,
+  function L() {
+    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(Xt, { 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(ms, { className: "mx-3 my-6 h-[300px] overflow-y-auto break-words px-3", children: /* @__PURE__ */ e.jsx(
+      Zt,
       {
         isLoading: n,
         card: t,
         data: d == null ? void 0 : d.records
       }
-    ) }) }) : /* @__PURE__ */ e.jsx(xs, { FallbackComponent: Na, children: /* @__PURE__ */ e.jsx(Pa, { className: "grow border-none shadow-none" }) });
+    ) }) }) }) : /* @__PURE__ */ e.jsx(ps, { FallbackComponent: Na, children: /* @__PURE__ */ e.jsx(Pa, { className: "grow border-none shadow-none" }) });
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "relative flex h-full flex-col py-3", children: [
     (y || f) && /* @__PURE__ */ e.jsx(Ze, { className: "absolute bottom-0 left-0 right-0 top-0 z-50 m-auto h-10 w-10 animate-spin text-foreground/10" }),
     /* @__PURE__ */ e.jsxs("div", { className: "mb-0 flex min-h-10 items-center justify-end gap-2 px-6", children: [
       a && /* @__PURE__ */ e.jsxs("div", { className: "flex grow items-center gap-2", children: [
-        /* @__PURE__ */ e.jsx(Ol, {}),
-        !["table", "custom"].includes(t.type) && /* @__PURE__ */ e.jsx(wl, {}),
-        /* @__PURE__ */ e.jsx(Il, {})
+        /* @__PURE__ */ e.jsx(Fl, {}),
+        !["table", "custom"].includes(t.type) && /* @__PURE__ */ e.jsx(kl, {}),
+        /* @__PURE__ */ e.jsx(Tl, {})
       ] }),
-      /* @__PURE__ */ e.jsx(Dl, {})
+      /* @__PURE__ */ e.jsx(Ml, {})
     ] }),
-    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) || [] }),
+    a ? w() : /* @__PURE__ */ e.jsxs("div", { className: "flex min-h-0 w-full flex-1 grow basis-0 px-6", children: [
+      i && /* @__PURE__ */ e.jsx(Dl, {}),
+      (d == null ? void 0 : d.records) && (d == null ? void 0 : d.records.length) > 0 && /* @__PURE__ */ e.jsx(Sl, { data: (d == null ? void 0 : d.records) || [] }),
       l && /* @__PURE__ */ e.jsx("span", { className: "font-mono text-sm", children: l })
     ] })
   ] });
 }
-function Tl() {
+function Dl() {
   const s = u((a) => a.pythonStdOut);
   if (!s)
     return null;
@@ -3462,14 +3463,14 @@ function Tl() {
     /* @__PURE__ */ e.jsx(de, { className: "mb-2" })
   ] });
 }
-function Dl() {
+function Ml() {
   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(H, { htmlFor: "visualize", children: "Chart" }),
     /* @__PURE__ */ e.jsx(
-      Zt,
+      en,
       {
         checked: s,
         onCheckedChange: () => t(!s),
@@ -3479,13 +3480,13 @@ function Dl() {
     )
   ] });
 }
-function Ml({
+function Ll({
   options: s,
   value: t,
   onValueChange: a
 }) {
   return /* @__PURE__ */ e.jsx(
-    js,
+    bs,
     {
       value: t,
       onValueChange: a,
@@ -3513,7 +3514,7 @@ function pe({
         children: /* @__PURE__ */ e.jsx(je, { placeholder: s })
       }
     ),
-    /* @__PURE__ */ e.jsx(be, { children: /* @__PURE__ */ e.jsxs(ke, { children: [
+    /* @__PURE__ */ e.jsx(be, { children: /* @__PURE__ */ e.jsxs(ze, { children: [
       /* @__PURE__ */ e.jsx(ye, { children: s }),
       t.map((i) => /* @__PURE__ */ e.jsx(Q, { value: i.value, children: i.label }, i.value))
     ] }) })
@@ -3533,15 +3534,15 @@ function Qe({
       children: [
         /* @__PURE__ */ e.jsxs("summary", { className: "flex cursor-pointer list-none items-center justify-between gap-4", children: [
           /* @__PURE__ */ e.jsx(H, { children: t }),
-          /* @__PURE__ */ e.jsx(en, { className: "h-4 w-4" })
+          /* @__PURE__ */ e.jsx(sn, { className: "h-4 w-4" })
         ] }),
         /* @__PURE__ */ e.jsx("div", { className: "transition-all ease-in-out", children: s })
       ]
     }
   );
 }
-function Ll() {
-  var j, D;
+function El() {
+  var j, T;
   const s = u(
     (C) => C.card.customCardPreferences
   ), { data: t } = Za(), a = (t == null ? void 0 : t.plugins) || [], n = u((C) => C.card), l = u((C) => C.frame), i = (s == null ? void 0 : s.visualType) || "single", { setCustomCardPreferences: r } = ce(), { components: c, manifest: o } = va(
@@ -3549,32 +3550,32 @@ function Ll() {
   ), x = (j = o == null ? void 0 : o.visuals) == null ? void 0 : j.find(
     (C) => C.name === (s == null ? void 0 : s.componentName)
   );
-  function d(C, L) {
+  function d(C, M) {
     if (!s)
       return;
-    const O = {
+    const V = {
       ...(s == null ? void 0 : s.dataInputCardIds) || {},
       [C]: {
-        cardId: L,
+        cardId: M,
         hookRef: null
       }
     };
     r({
       ...s,
-      dataInputCardIds: O
+      dataInputCardIds: V
     });
   }
   function y(C) {
-    var I, O;
-    const L = (I = l == null ? void 0 : l.cards) == null ? void 0 : I.filter((N) => {
-      var T;
-      return ((T = N == null ? void 0 : N.customCardPreferences) == null ? void 0 : T.visualType) !== "multiple";
+    var I, V;
+    const M = (I = l == null ? void 0 : l.cards) == null ? void 0 : I.filter((N) => {
+      var w;
+      return ((w = N == null ? void 0 : N.customCardPreferences) == null ? void 0 : w.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, T) => {
-      var A, h;
+    return /* @__PURE__ */ e.jsx("div", { className: "space-y-2", children: (V = C == null ? void 0 : C.dataInputs) == null ? void 0 : V.map((N, w) => {
+      var L, h;
       return /* @__PURE__ */ e.jsxs(
         "div",
         {
@@ -3586,59 +3587,59 @@ function Ll() {
               {
                 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[T]) == null ? void 0 : h.cardId) || "",
-                onValueChange: (v) => d(T, v)
+                options: M || [],
+                value: ((h = (L = s == null ? void 0 : s.dataInputCardIds) == null ? void 0 : L[w]) == null ? void 0 : h.cardId) || "",
+                onValueChange: (v) => d(w, v)
               }
             )
           ]
         },
-        T + Math.random()
+        w + Math.random()
       );
     }) });
   }
-  function f(C, L, I = []) {
-    var O, N;
+  function f(C, M, I = []) {
+    var V, 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: (T) => {
+        value: ((V = s == null ? void 0 : s.settings) == null ? void 0 : V[M]) || "",
+        onChange: (w) => {
           r({
             ...s,
             settings: {
               ...s == null ? void 0 : s.settings,
-              [L]: T.target.value
+              [M]: w.target.value
             }
           });
         }
       },
-      L
+      M
     ) : C === "select" ? /* @__PURE__ */ e.jsx(
       pe,
       {
         className: "h-8 w-full",
         label: "",
         options: I,
-        value: ((N = s == null ? void 0 : s.settings) == null ? void 0 : N[L]) || "",
-        onValueChange: (T) => {
+        value: ((N = s == null ? void 0 : s.settings) == null ? void 0 : N[M]) || "",
+        onValueChange: (w) => {
           r({
             ...s,
-            settings: { ...s == null ? void 0 : s.settings, [L]: T }
+            settings: { ...s == null ? void 0 : s.settings, [M]: w }
           });
         }
       }
     ) : null : null;
   }
   function m(C) {
-    const L = Object.entries((C == null ? void 0 : C.settings) || {});
-    return /* @__PURE__ */ e.jsx("div", { className: "space-y-3", children: L.map(([I, O]) => /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ e.jsx(H, { children: O.title }),
+    const M = Object.entries((C == null ? void 0 : C.settings) || {});
+    return /* @__PURE__ */ e.jsx("div", { className: "space-y-3", children: M.map(([I, V]) => /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ e.jsx(H, { children: V.title }),
       f(
-        O.ui,
+        V.ui,
         I,
-        O.options
+        V.options
       )
     ] }, I)) });
   }
@@ -3672,7 +3673,7 @@ function Ll() {
             }
           ) }) }),
           ((s == null ? void 0 : s.type) === "component" || (s == null ? void 0 : s.type) === void 0) && /* @__PURE__ */ e.jsx(
-            Ml,
+            Ll,
             {
               options: [
                 { value: "single", label: "Single Visual" },
@@ -3707,7 +3708,7 @@ function Ll() {
           ] }) })
         ] }) }) }),
         /* @__PURE__ */ e.jsx(de, { className: "my-4" }),
-        ((D = n == null ? void 0 : n.customCardPreferences) == null ? void 0 : D.componentName) && /* @__PURE__ */ e.jsxs(Qe, { summary: "Component Settings", children: [
+        ((T = n == null ? void 0 : n.customCardPreferences) == null ? void 0 : T.componentName) && /* @__PURE__ */ e.jsxs(Qe, { summary: "Component Settings", children: [
           x && x.dataInputs && /* @__PURE__ */ e.jsxs("div", { className: "space-y-3", children: [
             /* @__PURE__ */ e.jsx(H, { children: "Input Mapping" }),
             /* @__PURE__ */ e.jsx("div", { className: "px-2", children: y(x) })
@@ -3799,7 +3800,7 @@ function Me() {
           children: /* @__PURE__ */ e.jsxs("div", { className: "grow", children: [
             /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2 py-2", children: [
               /* @__PURE__ */ e.jsx(
-                ms,
+                xs,
                 {
                   checked: !!((f = a == null ? void 0 : a.onClickFilter) != null && f.find(
                     (g) => g.columnIndex === y
@@ -3837,7 +3838,7 @@ function Me() {
     })
   ] });
 }
-function bs() {
+function ys() {
   var r, c, o;
   const s = u((x) => x.card.preferences), t = u(
     (x) => x.card.cfg
@@ -3847,7 +3848,7 @@ function bs() {
     l(x);
   }
   return /* @__PURE__ */ e.jsxs(
-    js,
+    bs,
     {
       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,
@@ -3873,39 +3874,39 @@ function ia(s, t) {
   return ((i = (l = (n = s == null ? void 0 : s.chartOptions) == null ? void 0 : n.scales) == null ? void 0 : l[a]) == null ? void 0 : i.type) || "linear";
 }
 function et() {
-  var le, J, ne, w, _, ee;
-  const [s, t] = R(!1), a = u((E) => {
-    var M;
-    return (M = E.card) == null ? void 0 : M.preferences;
-  }), n = u((E) => {
-    var M;
-    return (M = E.card) == null ? void 0 : M.cfg;
+  var le, J, ne, k, _, ee;
+  const [s, t] = R(!1), a = u((A) => {
+    var D;
+    return (D = A.card) == null ? void 0 : D.preferences;
+  }), n = u((A) => {
+    var D;
+    return (D = A.card) == null ? void 0 : D.cfg;
   }), l = Oa(a, n), [i, r] = R(
     ia(a)
   ), [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, 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 = u((E) => E.card), p = u((E) => {
-    var M;
-    return (M = E.card) == null ? void 0 : M.type;
-  }), k = ["pie", "doughnut", "polarArea"].includes(p);
+    ((ee = (_ = (k = a == null ? void 0 : a.chartOptions) == null ? void 0 : k.scales) == null ? void 0 : _[l]) == null ? void 0 : ee.max) || ""
+  ), [y, f] = R(c || x ? "custom" : "auto"), [m, g] = R(""), [j, T] = R(0), [C, M] = R(""), [I, V] = R(""), [N, w] = R(""), L = u(
+    (A) => A.actions.setCardPreferences
+  ), { updateCardInFrame: h } = ce(), v = u((A) => A.card), p = u((A) => {
+    var D;
+    return (D = A.card) == null ? void 0 : D.type;
+  }), z = ["pie", "doughnut", "polarArea"].includes(p);
   Z(() => {
-    var E, M, se, P, X, ie, Ce, Le, Ne, Fe, Se, ae, ue, he;
+    var A, D, se, P, X, ie, Ne, Le, Se, Fe, we, ae, ue, he;
     r(ia(a)), o(
-      ((se = (M = (E = a == null ? void 0 : a.chartOptions) == null ? void 0 : E.scales) == null ? void 0 : M[l]) == null ? void 0 : se.min) === 0 ? 0 : ""
+      ((se = (D = (A = a == null ? void 0 : a.chartOptions) == null ? void 0 : A.scales) == null ? void 0 : D[l]) == null ? void 0 : se.min) === 0 ? 0 : ""
     ), 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) || ""), T(((he = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : he.locale) || "");
+      ((Fe = (Se = (Le = (Ne = a == null ? void 0 : a.chartOptions) == null ? void 0 : Ne.scales) == null ? void 0 : Le[l]) == null ? void 0 : Se.ticks) == null ? void 0 : Fe.stepSize) || ""
+    ), T(((we = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : we.decimalPlaces) || 0), M(((ae = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : ae.suffix) || ""), V(((ue = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : ue.currency) || ""), w(((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);
+  function E(A, D) {
+    return D === "" || /^[0-9\b]+$/.test(D) ? Number(D) : Number(A);
   }
   function $() {
-    const E = [
-      ...new Set(cs.map((M) => M.currency))
+    const A = [
+      ...new Set(cs.map((D) => D.currency))
     ];
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-6 items-center gap-2", children: [
@@ -3928,18 +3929,18 @@ function et() {
           fe,
           {
             value: I || "none",
-            onValueChange: (M) => O(M === "none" ? "" : M),
+            onValueChange: (D) => V(D === "none" ? "" : D),
             children: [
               /* @__PURE__ */ e.jsx(ge, { className: "col-span-2 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(je, {}) }),
-              /* @__PURE__ */ e.jsx(be, { children: /* @__PURE__ */ e.jsxs(ke, { children: [
+              /* @__PURE__ */ e.jsx(be, { children: /* @__PURE__ */ e.jsxs(ze, { children: [
                 /* @__PURE__ */ e.jsx(ye, { children: "Currency" }),
                 /* @__PURE__ */ e.jsx(Q, { value: "none", children: "None" }),
-                E.map((M) => /* @__PURE__ */ e.jsx(Q, { value: M, children: M }, M))
+                A.map((D) => /* @__PURE__ */ e.jsx(Q, { value: D, children: D }, D))
               ] }) })
             ]
           }
         ),
-        /* @__PURE__ */ e.jsxs(fe, { value: N, onValueChange: (M) => T(M), children: [
+        /* @__PURE__ */ e.jsxs(fe, { value: N, onValueChange: (D) => w(D), children: [
           /* @__PURE__ */ e.jsx(
             ge,
             {
@@ -3947,9 +3948,9 @@ function et() {
               children: /* @__PURE__ */ e.jsx(je, {})
             }
           ),
-          /* @__PURE__ */ e.jsx(be, { children: /* @__PURE__ */ e.jsxs(ke, { children: [
+          /* @__PURE__ */ e.jsx(be, { children: /* @__PURE__ */ e.jsxs(ze, { children: [
             /* @__PURE__ */ e.jsx(ye, { children: "Locale" }),
-            cs.map((M) => /* @__PURE__ */ e.jsx(Q, { value: M.locale, children: M.locale }, M.locale))
+            cs.map((D) => /* @__PURE__ */ e.jsx(Q, { value: D.locale, children: D.locale }, D.locale))
           ] }) })
         ] })
       ] }),
@@ -3959,7 +3960,7 @@ function et() {
           re,
           {
             value: j,
-            onChange: (M) => D(Number(M.target.value)),
+            onChange: (D) => T(Number(D.target.value)),
             id: "format",
             className: `col-span-6 h-8 w-full tracking-wide ${ns}`
           }
@@ -3976,7 +3977,7 @@ function et() {
           {
             id: "min",
             value: c,
-            onChange: (E) => o((M) => V(M, E.target.value)),
+            onChange: (A) => o((D) => E(D, A.target.value)),
             className: `col-span-1 h-8 w-full ${ns}`
           }
         ),
@@ -3984,7 +3985,7 @@ function et() {
           re,
           {
             value: x,
-            onChange: (E) => d((M) => V(M, E.target.value)),
+            onChange: (A) => d((D) => E(D, A.target.value)),
             id: "max",
             className: `col-span-1 h-8 w-full ${ns}`
           }
@@ -3996,7 +3997,7 @@ function et() {
           re,
           {
             value: m,
-            onChange: (E) => g((M) => V(M, E.target.value)),
+            onChange: (A) => g((D) => E(D, A.target.value)),
             id: "step-size",
             className: `col-span-1 h-8 w-full ${ns}`
           }
@@ -4006,15 +4007,15 @@ function et() {
   }
   function Y() {
     var P;
-    let E = {};
-    y === "custom" && (E = {
+    let A = {};
+    y === "custom" && (A = {
       min: c,
       max: x,
       ticks: {
         stepSize: m
       }
     });
-    const M = {
+    const D = {
       ...a || {},
       chartOptions: {
         ...a == null ? void 0 : a.chartOptions,
@@ -4023,7 +4024,7 @@ function et() {
           [l]: {
             // ...cardPreferences?.chartOptions?.scales?.[axis],
             type: i,
-            ...i === "linear" ? E : {}
+            ...i === "linear" ? A : {}
           }
         }
       },
@@ -4034,16 +4035,16 @@ function et() {
         locale: N
       }
     };
-    console.log(M), A(M);
+    console.log(D), L(D);
     const se = {
       ...v,
-      preferences: M
+      preferences: D
     };
     h(se);
   }
-  return /* @__PURE__ */ e.jsxs(ps, { onOpenChange: (E) => t(E), children: [
-    /* @__PURE__ */ e.jsx(fs, { asChild: !0, children: /* @__PURE__ */ e.jsx(sn, { className: "size-4 cursor-pointer text-muted-foreground hover:text-foreground" }) }),
-    /* @__PURE__ */ e.jsx(gs, { align: "center", className: "max-w-65", children: /* @__PURE__ */ e.jsxs("div", { className: "grid gap-4", children: [
+  return /* @__PURE__ */ e.jsxs(fs, { onOpenChange: (A) => t(A), children: [
+    /* @__PURE__ */ e.jsx(gs, { asChild: !0, children: /* @__PURE__ */ e.jsx(an, { className: "size-4 cursor-pointer text-muted-foreground hover:text-foreground" }) }),
+    /* @__PURE__ */ e.jsx(js, { align: "center", className: "max-w-65", children: /* @__PURE__ */ e.jsxs("div", { className: "grid gap-4", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
         /* @__PURE__ */ e.jsx("h4", { className: "font-medium leading-none", children: "Scale Options" }),
         /* @__PURE__ */ e.jsx("p", { className: "text-sm text-muted-foreground", children: "Set the scale for the number axis" })
@@ -4054,12 +4055,12 @@ function et() {
           /* @__PURE__ */ e.jsxs(
             fe,
             {
-              disabled: k,
+              disabled: z,
               value: i,
-              onValueChange: (E) => r(E),
+              onValueChange: (A) => r(A),
               children: [
                 /* @__PURE__ */ e.jsx(ge, { className: "col-span-2 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(je, {}) }),
-                /* @__PURE__ */ e.jsx(be, { id: "type", children: /* @__PURE__ */ e.jsxs(ke, { children: [
+                /* @__PURE__ */ e.jsx(be, { id: "type", children: /* @__PURE__ */ e.jsxs(ze, { children: [
                   /* @__PURE__ */ e.jsx(ye, { children: "Option" }),
                   /* @__PURE__ */ e.jsx(Q, { value: "linear", children: "Linear" }),
                   /* @__PURE__ */ e.jsx(Q, { value: "logarithmic", children: "Logarithmic" })
@@ -4071,12 +4072,12 @@ function et() {
         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,
+            bs,
             {
-              disabled: k,
+              disabled: z,
               id: "scale-option",
               value: y,
-              onValueChange: (E) => f(E),
+              onValueChange: (A) => f(A),
               className: "col-span-2 flex gap-3",
               defaultValue: "x",
               children: [
@@ -4094,7 +4095,7 @@ function et() {
         ] }),
         y === "custom" && i == "linear" && B(),
         $(),
-        /* @__PURE__ */ e.jsx(an, {}),
+        /* @__PURE__ */ e.jsx(tn, {}),
         /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-3", children: /* @__PURE__ */ e.jsx(
           F,
           {
@@ -4108,7 +4109,7 @@ function et() {
     ] }) })
   ] });
 }
-function El({ idx: s }) {
+function Al({ idx: s }) {
   var c;
   const t = u((o) => {
     var x;
@@ -4122,7 +4123,7 @@ function El({ idx: s }) {
     (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());
+    (o === "end" || o === "start") && nn(ln());
     const d = {
       display: o !== "none",
       align: o,
@@ -4152,9 +4153,9 @@ function El({ idx: s }) {
       });
     }
   }
-  return /* @__PURE__ */ e.jsxs(ps, { children: [
-    /* @__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: [
+  return /* @__PURE__ */ e.jsxs(fs, { children: [
+    /* @__PURE__ */ e.jsx(gs, { children: /* @__PURE__ */ e.jsx(Wn, { className: "invisible size-4 rotate-[135deg] cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible" }) }),
+    /* @__PURE__ */ e.jsx(js, { className: "w-fit p-1", children: /* @__PURE__ */ e.jsxs("div", { className: "flex gap-1", children: [
       /* @__PURE__ */ e.jsx(
         F,
         {
@@ -4173,7 +4174,7 @@ function El({ idx: s }) {
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
           children: /* @__PURE__ */ e.jsx(
-            qn,
+            Rn,
             {
               className: W("h-4 w-4", {
                 "rotate-90": l === "y"
@@ -4190,7 +4191,7 @@ function El({ idx: s }) {
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
           children: /* @__PURE__ */ e.jsx(
-            _n,
+            Hn,
             {
               className: W("h-4 w-4", {
                 "rotate-90": l === "y"
@@ -4207,7 +4208,7 @@ function El({ idx: s }) {
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
           children: /* @__PURE__ */ e.jsx(
-            Rn,
+            _n,
             {
               className: W("h-4 w-4", {
                 "rotate-90": l === "y"
@@ -4229,15 +4230,15 @@ function st() {
     keys: i,
     metricKeys: r,
     dimensionKeys: c
-  } = Ss((a == null ? void 0 : a.records) || []);
+  } = ws((a == null ? void 0 : a.records) || []);
   let o = r;
   if (["stackedBar", "stackedLine"].includes(s.type)) {
-    const x = ln({
+    const x = rn({
       dataArray: (a == null ? void 0 : a.records) || [],
       groupKey: c[0],
       pivotKey: c[1],
       valueKey: o[0]
-    }), { metricKeys: d } = Ss(x);
+    }), { metricKeys: d } = ws(x);
     o = d;
   }
   return i.length === 0 ? null : /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
@@ -4250,11 +4251,11 @@ function st() {
         /* @__PURE__ */ e.jsx(H, { children: l }),
         /* @__PURE__ */ e.jsx(et, {})
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: o.map((x, d) => /* @__PURE__ */ e.jsx(Al, { col: x, idx: d }, x)) })
+      /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: o.map((x, d) => /* @__PURE__ */ e.jsx(Vl, { col: x, idx: d }, x)) })
     ] })
   ] });
 }
-function Al({ col: s, idx: t }) {
+function Vl({ col: s, idx: t }) {
   const a = u((c) => {
     var o;
     return (o = c.card) == null ? void 0 : o.preferences;
@@ -4307,7 +4308,7 @@ function Al({ col: s, idx: t }) {
         }
       ),
       /* @__PURE__ */ e.jsx(
-        zn,
+        On,
         {
           onClick: () => r("area"),
           className: "invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"
@@ -4320,35 +4321,35 @@ function Al({ col: s, idx: t }) {
           className: "invisible size-4 cursor-pointer py-2 text-muted-foreground hover:text-foreground group-hover:visible"
         }
       ),
-      /* @__PURE__ */ e.jsx(El, { idx: t })
+      /* @__PURE__ */ e.jsx(Al, { idx: t })
     ] })
   ] });
 }
 function at() {
-  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(
+  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 = O((f) => f.dashboard.filters) || [], r = O((f) => f.actions.addFilter), c = O((f) => f.actions.removeFilter), o = O(
     (f) => f.actions.removeFilterValue
   ), { modelItems: x, tableName: d } = Re();
   function y(f, m = "dashboard") {
-    var T;
-    const g = xe(f.column_name), j = xe(a || ""), D = xe(n || ""), C = xe(d);
-    let L = ja(
-      D,
+    var w;
+    const g = xe(f.column_name), j = xe(a || ""), T = xe(n || ""), C = xe(d);
+    let M = ja(
+      T,
       C
-    ), I = `${L}.${g}`;
-    const O = (T = x == null ? void 0 : x.find(
-      (A) => A.id === t
-    )) == null ? void 0 : T.name;
-    t && t !== "none" && (I = `${Ns}.${O}.${g}`, L = `${Ns}.${O}`);
+    ), I = `${M}.${g}`;
+    const V = (w = x == null ? void 0 : x.find(
+      (L) => L.id === t
+    )) == null ? void 0 : w.name;
+    t && t !== "none" && (I = `${Ss}.${V}.${g}`, M = `${Ss}.${V}`);
     const N = i == null ? void 0 : i.find(
-      (A) => A.column === I && A.table === C && (A.database === j || A.database === a)
+      (L) => L.column === I && L.table === C && (L.database === j || L.database === a)
     );
     if (N)
       o(N.id), c(N.id);
     else {
-      const A = We();
+      const L = We();
       return d === "api" && s ? (r({
         location: m,
-        id: A,
+        id: L,
         //uuidv4(),
         column: I,
         title: f.column_name,
@@ -4360,12 +4361,12 @@ function at() {
         operation: "in",
         sql: aa(
           f.data_type,
-          L,
+          M,
           g
         )
         //DATE_DATA_TYPES.includes(column.data_type) ? dateSql : sql,
-      }), A) : (r({
-        id: A,
+      }), L) : (r({
+        id: L,
         //uuidv4(),
         location: m,
         column: I,
@@ -4378,17 +4379,17 @@ function at() {
         operation: "in",
         sql: aa(
           f.data_type,
-          L,
+          M,
           g
         )
         //DATE_DATA_TYPES.includes(column.data_type) ? dateSql : sql,
-      }), A);
+      }), L);
     }
   }
   return { assignFilter: y };
 }
 function _e() {
-  const s = z(
+  const s = O(
     (c) => c.dashboard.filters
   ), t = u((c) => c.frame), { setFrame: a } = ce(), { columns: n } = Re(), { assignFilter: l } = at();
   function i(c) {
@@ -4398,18 +4399,18 @@ function _e() {
   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(H, { children: "Card Filter" }),
-    /* @__PURE__ */ e.jsx(Vl, { onSelect: i, columns: n }),
-    r && /* @__PURE__ */ e.jsx(rn, { filter: r })
+    /* @__PURE__ */ e.jsx(ql, { onSelect: i, columns: n }),
+    r && /* @__PURE__ */ e.jsx(on, { filter: r })
   ] });
 }
-function Vl({
+function ql({
   columns: s,
   onSelect: t
 }) {
   var r;
   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(
+  return /* @__PURE__ */ e.jsxs(fs, { open: a, onOpenChange: n, children: [
+    /* @__PURE__ */ e.jsx(gs, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
       F,
       {
         size: "sm",
@@ -4419,16 +4420,16 @@ function Vl({
         className: "w-full justify-between font-normal",
         children: [
           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" })
+          /* @__PURE__ */ e.jsx(cn, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
         ]
       }
     ) }),
-    /* @__PURE__ */ e.jsx(gs, { className: "w-[200px] p-0", children: /* @__PURE__ */ e.jsxs(cn, { children: [
-      /* @__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((c) => /* @__PURE__ */ e.jsxs(
-          xn,
+    /* @__PURE__ */ e.jsx(js, { className: "w-[200px] p-0", children: /* @__PURE__ */ e.jsxs(dn, { children: [
+      /* @__PURE__ */ e.jsx(un, { placeholder: "Search column", className: "h-9" }),
+      /* @__PURE__ */ e.jsxs(hn, { children: [
+        /* @__PURE__ */ e.jsx(mn, { children: "No framework found." }),
+        /* @__PURE__ */ e.jsx(xn, { children: s.map((c) => /* @__PURE__ */ e.jsxs(
+          pn,
           {
             value: c.column_name,
             onSelect: (o) => {
@@ -4454,7 +4455,7 @@ function Vl({
     ] }) })
   ] });
 }
-function ql({
+function Rl({
   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: [
@@ -4486,7 +4487,7 @@ function ql({
     /* @__PURE__ */ e.jsxs(U, { value: "item-2", children: [
       /* @__PURE__ */ e.jsx(G, { children: "Settings" }),
       /* @__PURE__ */ e.jsxs(K, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e.jsx(bs, {}),
+        /* @__PURE__ */ e.jsx(ys, {}),
         /* @__PURE__ */ e.jsx(st, {})
       ] })
     ] }),
@@ -4538,7 +4539,7 @@ function Js() {
         defaultValue: "none",
         children: [
           /* @__PURE__ */ e.jsx(ge, { className: "h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(je, { placeholder: "Select position" }) }),
-          /* @__PURE__ */ e.jsx(be, { children: /* @__PURE__ */ e.jsxs(ke, { children: [
+          /* @__PURE__ */ e.jsx(be, { children: /* @__PURE__ */ e.jsxs(ze, { children: [
             /* @__PURE__ */ e.jsx(ye, { children: "Data Labels" }),
             /* @__PURE__ */ e.jsx(Q, { value: "none", children: "None" }),
             a !== "pyramid" && /* @__PURE__ */ e.jsx(Q, { value: "start", children: "Start" }),
@@ -4550,7 +4551,7 @@ function Js() {
     )
   ] });
 }
-function Rl({
+function _l({
   cardType: s
 }) {
   function t(a) {
@@ -4598,7 +4599,7 @@ function Rl({
     ] })
   ] }) });
 }
-const _l = {
+const Hl = {
   datasets: [
     {
       type: "line",
@@ -4611,7 +4612,7 @@ const _l = {
       data: []
     }
   ]
-}, Hl = {
+}, $l = {
   datasets: [
     {
       fill: "origin",
@@ -4621,7 +4622,7 @@ const _l = {
     }
   ]
 };
-function $l() {
+function Pl() {
   const s = u((t) => t.card.type);
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-6 p-6", children: [
     /* @__PURE__ */ e.jsx(
@@ -4630,10 +4631,10 @@ function $l() {
         className: " ",
         type: "single",
         collapsible: !0,
-        children: Pl(s)
+        children: Bl(s)
       }
     ),
-    /* @__PURE__ */ e.jsx("section", { className: "", children: ["line", "bar"].includes(s) && /* @__PURE__ */ e.jsx(bs, {}) }),
+    /* @__PURE__ */ e.jsx("section", { className: "", children: ["line", "bar"].includes(s) && /* @__PURE__ */ e.jsx(ys, {}) }),
     !["kpi"].includes(s) && /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
       /* @__PURE__ */ e.jsx(Js, {}),
       /* @__PURE__ */ e.jsx(Me, {}),
@@ -4641,7 +4642,7 @@ function $l() {
     ] })
   ] });
 }
-function Pl(s) {
+function Bl(s) {
   if (["line", "bar"].includes(s))
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs(U, { value: "item-1", children: [
@@ -4662,7 +4663,7 @@ function Pl(s) {
             /* @__PURE__ */ e.jsx("b", { children: "Customize" }),
             " and change the `type` property in the dataset."
           ] }),
-          /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify(_l, null, 2) })
+          /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify(Hl, null, 2) })
         ] })
       ] }),
       /* @__PURE__ */ e.jsxs(U, { value: "item-3", children: [
@@ -4683,7 +4684,7 @@ function Pl(s) {
             ),
             "for more options."
           ] }),
-          /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify(Hl, null, 2) })
+          /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify($l, null, 2) })
         ] })
       ] })
     ] });
@@ -4738,7 +4739,7 @@ function Pl(s) {
       ] })
     ] }) });
 }
-function Bl() {
+function Ul() {
   var o, x, d, y, f;
   const s = u((m) => m.card.preferences), t = u(
     (m) => m.actions.setCardPreferences
@@ -4776,7 +4777,7 @@ function Bl() {
   return /* @__PURE__ */ e.jsxs("div", { children: [
     /* @__PURE__ */ e.jsxs("div", { className: "mb-3 flex items-center gap-2", children: [
       /* @__PURE__ */ e.jsx(
-        ms,
+        xs,
         {
           checked: !!((o = s == null ? void 0 : s.formatNumber) != null && o.enabled),
           onCheckedChange: (m) => {
@@ -4802,17 +4803,17 @@ function Bl() {
               {
                 value: n || "none",
                 onValueChange: (m) => {
-                  var g, j, D;
+                  var g, j, T;
                   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,
-                    ((D = s == null ? void 0 : s.formatNumber) == null ? void 0 : D.suffix) || ""
+                    ((T = s == null ? void 0 : s.formatNumber) == null ? void 0 : T.suffix) || ""
                   );
                 },
                 children: [
                   /* @__PURE__ */ e.jsx(ge, { className: "col-span-6 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(je, {}) }),
-                  /* @__PURE__ */ e.jsx(be, { children: /* @__PURE__ */ e.jsxs(ke, { children: [
+                  /* @__PURE__ */ e.jsx(be, { children: /* @__PURE__ */ e.jsxs(ze, { 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))
@@ -4828,17 +4829,17 @@ function Bl() {
               {
                 value: l || "none",
                 onValueChange: (m) => {
-                  var g, j, D;
+                  var g, j, T;
                   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) || "",
-                    ((D = s == null ? void 0 : s.formatNumber) == null ? void 0 : D.suffix) || ""
+                    ((T = s == null ? void 0 : s.formatNumber) == null ? void 0 : T.suffix) || ""
                   );
                 },
                 children: [
                   /* @__PURE__ */ e.jsx(ge, { className: "col-span-6 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(je, {}) }),
-                  /* @__PURE__ */ e.jsx(be, { children: /* @__PURE__ */ e.jsxs(ke, { children: [
+                  /* @__PURE__ */ e.jsx(be, { children: /* @__PURE__ */ e.jsxs(ze, { children: [
                     /* @__PURE__ */ e.jsx(ye, { children: "Currency" }),
                     /* @__PURE__ */ e.jsx(Q, { value: "none", children: "None" }, "none"),
                     c.map((m) => /* @__PURE__ */ e.jsx(Q, { value: m, children: m }, m))
@@ -4856,12 +4857,12 @@ function Bl() {
               {
                 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;
+                  var g, j, T;
                   return a(
                     Number(m),
                     ((g = s == null ? void 0 : s.formatNumber) == null ? void 0 : g.currency) || "",
                     ((j = s == null ? void 0 : s.formatNumber) == null ? void 0 : j.locale) || "",
-                    ((D = s == null ? void 0 : s.formatNumber) == null ? void 0 : D.suffix) || ""
+                    ((T = s == null ? void 0 : s.formatNumber) == null ? void 0 : T.suffix) || ""
                   );
                 },
                 children: [
@@ -4880,11 +4881,11 @@ function Bl() {
                 className: "h-8 font-mono text-xs focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0",
                 placeholder: "K, M, B, %",
                 onChange: (m) => {
-                  var g, j, D;
+                  var g, j, T;
                   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) || "",
-                    ((D = s == null ? void 0 : s.formatNumber) == null ? void 0 : D.locale) || "",
+                    ((T = s == null ? void 0 : s.formatNumber) == null ? void 0 : T.locale) || "",
                     m.target.value
                   );
                 }
@@ -4895,7 +4896,7 @@ function Bl() {
       ] }) }),
       /* @__PURE__ */ e.jsx(de, { className: "my-3" }),
       /* @__PURE__ */ e.jsx(
-        pn,
+        fn,
         {
           colorRanges: i,
           setColorRanges: r
@@ -4904,7 +4905,7 @@ function Bl() {
     ] })
   ] });
 }
-function Ul() {
+function Gl() {
   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" }),
@@ -4930,12 +4931,12 @@ function Ul() {
         ] })
       ] })
     ] }) }),
-    /* @__PURE__ */ e.jsx("section", { className: "", children: /* @__PURE__ */ e.jsx(Bl, {}) }),
+    /* @__PURE__ */ e.jsx("section", { className: "", children: /* @__PURE__ */ e.jsx(Ul, {}) }),
     /* @__PURE__ */ e.jsx("div", {}),
     /* @__PURE__ */ e.jsx("div", {})
   ] });
 }
-const Gl = [
+const Kl = [
   {
     label: "Mercator",
     value: "mercator"
@@ -4992,7 +4993,7 @@ const Gl = [
     label: "Natural Earth 1",
     value: "naturalEarth1"
   }
-], Kl = [
+], Ql = [
   "blues",
   "brBG",
   "buGn",
@@ -5031,12 +5032,12 @@ const Gl = [
   "ylGnBu",
   "ylOrBr",
   "ylOrRd"
-], Ql = Kl.map((s) => ({
+], Jl = Ql.map((s) => ({
   label: s,
   value: s
 }));
-function Jl() {
-  var o, x, d, y, f, m, g, j, D, C, L, I, O, N, T, A, h, v;
+function Wl() {
+  var o, x, d, y, f, m, g, j, T, C, M, I, V, N, w, L, 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) => ({
@@ -5110,11 +5111,11 @@ function Jl() {
               value: ((m = (f = s.preferences) == null ? void 0 : f.mapVisualOptions) == null ? void 0 : m.objectKey) || "",
               label: "Map Object",
               onValueChange: (p) => {
-                var k;
+                var z;
                 l({
                   ...s.preferences,
                   mapVisualOptions: {
-                    ...(k = s.preferences) == null ? void 0 : k.mapVisualOptions,
+                    ...(z = s.preferences) == null ? void 0 : z.mapVisualOptions,
                     objectKey: p
                   }
                 });
@@ -5128,15 +5129,15 @@ function Jl() {
             pe,
             {
               className: "h-9",
-              options: Gl,
+              options: Kl,
               value: ((j = (g = s.preferences) == null ? void 0 : g.mapVisualOptions) == null ? void 0 : j.projection) || "",
               label: "Projection",
               onValueChange: (p) => {
-                var k;
+                var z;
                 l({
                   ...s.preferences,
                   mapVisualOptions: {
-                    ...(k = s.preferences) == null ? void 0 : k.mapVisualOptions,
+                    ...(z = s.preferences) == null ? void 0 : z.mapVisualOptions,
                     projection: p
                   }
                 });
@@ -5150,15 +5151,15 @@ function Jl() {
             pe,
             {
               className: "h-9",
-              options: Ql,
-              value: ((C = (D = s.preferences) == null ? void 0 : D.mapVisualOptions) == null ? void 0 : C.colorScale) || "",
+              options: Jl,
+              value: ((C = (T = s.preferences) == null ? void 0 : T.mapVisualOptions) == null ? void 0 : C.colorScale) || "",
               label: "Select Color Scale",
               onValueChange: (p) => {
-                var k;
+                var z;
                 l({
                   ...s.preferences,
                   mapVisualOptions: {
-                    ...(k = s.preferences) == null ? void 0 : k.mapVisualOptions,
+                    ...(z = s.preferences) == null ? void 0 : z.mapVisualOptions,
                     colorScale: p
                   }
                 });
@@ -5176,13 +5177,13 @@ function Jl() {
           className: `h-9 w-full ${Ge}`,
           type: "number",
           step: 0.1,
-          value: ((I = (L = s.preferences) == null ? void 0 : L.mapVisualOptions) == null ? void 0 : I.projectionScale) || 1,
+          value: ((I = (M = s.preferences) == null ? void 0 : M.mapVisualOptions) == null ? void 0 : I.projectionScale) || 1,
           onChange: (p) => {
-            var k;
+            var z;
             l({
               ...s.preferences,
               mapVisualOptions: {
-                ...(k = s.preferences) == null ? void 0 : k.mapVisualOptions,
+                ...(z = s.preferences) == null ? void 0 : z.mapVisualOptions,
                 projectionScale: Number(p.target.value)
               }
             });
@@ -5196,16 +5197,16 @@ function Jl() {
           className: `h-9 w-full ${Ge}`,
           type: "number",
           step: 10,
-          value: ((T = (N = (O = s.preferences) == null ? void 0 : O.mapVisualOptions) == null ? void 0 : N.projectionOffset) == null ? void 0 : T[0]) || 0,
+          value: ((w = (N = (V = s.preferences) == null ? void 0 : V.mapVisualOptions) == null ? void 0 : N.projectionOffset) == null ? void 0 : w[0]) || 0,
           onChange: (p) => {
-            var k, V, $, B;
+            var z, E, $, B;
             l({
               ...s.preferences,
               mapVisualOptions: {
-                ...(k = s.preferences) == null ? void 0 : k.mapVisualOptions,
+                ...(z = s.preferences) == null ? void 0 : z.mapVisualOptions,
                 projectionOffset: [
                   Number(p.target.value),
-                  ((B = ($ = (V = s.preferences) == null ? void 0 : V.mapVisualOptions) == null ? void 0 : $.projectionOffset) == null ? void 0 : B[1]) || 0
+                  ((B = ($ = (E = s.preferences) == null ? void 0 : E.mapVisualOptions) == null ? void 0 : $.projectionOffset) == null ? void 0 : B[1]) || 0
                 ]
               }
             });
@@ -5219,15 +5220,15 @@ function Jl() {
           className: `h-9 w-full ${Ge}`,
           type: "number",
           step: 10,
-          value: ((v = (h = (A = s.preferences) == null ? void 0 : A.mapVisualOptions) == null ? void 0 : h.projectionOffset) == null ? void 0 : v[1]) || 0,
+          value: ((v = (h = (L = s.preferences) == null ? void 0 : L.mapVisualOptions) == null ? void 0 : h.projectionOffset) == null ? void 0 : v[1]) || 0,
           onChange: (p) => {
-            var k, V, $, B;
+            var z, E, $, B;
             l({
               ...s.preferences,
               mapVisualOptions: {
-                ...(k = s.preferences) == null ? void 0 : k.mapVisualOptions,
+                ...(z = s.preferences) == null ? void 0 : z.mapVisualOptions,
                 projectionOffset: [
-                  ((B = ($ = (V = s.preferences) == null ? void 0 : V.mapVisualOptions) == null ? void 0 : $.projectionOffset) == null ? void 0 : B[0]) || 0,
+                  ((B = ($ = (E = s.preferences) == null ? void 0 : E.mapVisualOptions) == null ? void 0 : $.projectionOffset) == null ? void 0 : B[0]) || 0,
                   Number(p.target.value)
                 ]
               }
@@ -5240,7 +5241,7 @@ function Jl() {
     /* @__PURE__ */ e.jsx(Me, {})
   ] });
 }
-function Wl() {
+function Yl() {
   var n;
   const s = u((l) => l.card.preferences), { setCardPreferences: t } = u((l) => l.actions);
   function a(l) {
@@ -5253,7 +5254,7 @@ function Wl() {
     });
   }
   return /* @__PURE__ */ e.jsxs(
-    js,
+    bs,
     {
       value: (n = s == null ? void 0 : s.textVisualOptions) != null && n.isDynamicText ? "dynamic" : "static",
       onValueChange: a,
@@ -5305,9 +5306,9 @@ function ls({
     /* @__PURE__ */ e.jsxs(U, { value: "item-2", children: [
       /* @__PURE__ */ e.jsx(G, { children: "Settings" }),
       /* @__PURE__ */ e.jsxs(K, { className: "space-y-4 px-2", children: [
-        s === "range" && /* @__PURE__ */ e.jsx(bs, {}),
+        s === "range" && /* @__PURE__ */ e.jsx(ys, {}),
         s !== "text" && /* @__PURE__ */ e.jsx(Js, {}),
-        s === "text" && /* @__PURE__ */ e.jsx(Wl, {})
+        s === "text" && /* @__PURE__ */ e.jsx(Yl, {})
       ] })
     ] }),
     !["range", "text"].includes(s) && /* @__PURE__ */ e.jsxs(U, { value: "item-3", children: [
@@ -5319,7 +5320,7 @@ function ls({
     ] })
   ] }) });
 }
-function Yl() {
+function Xl() {
   const s = u(
     (n) => {
       var l, i;
@@ -5385,7 +5386,7 @@ function Yl() {
     /* @__PURE__ */ e.jsxs(U, { value: "item-2", children: [
       /* @__PURE__ */ e.jsx(G, { children: "Settings" }),
       /* @__PURE__ */ e.jsxs(K, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e.jsx(bs, {}),
+        /* @__PURE__ */ e.jsx(ys, {}),
         a(),
         /* @__PURE__ */ e.jsx(st, {})
       ] })
@@ -5399,7 +5400,7 @@ function Yl() {
     ] })
   ] }) });
 }
-function Xl({}) {
+function Zl({}) {
   const s = u((n) => {
     var l;
     return (l = n.card) == null ? void 0 : l.preferences;
@@ -5420,7 +5421,7 @@ function Xl({}) {
       ] })
     ] }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-      /* @__PURE__ */ e.jsx(ms, { onCheckedChange: a, id: "allow-download" }),
+      /* @__PURE__ */ e.jsx(xs, { onCheckedChange: a, id: "allow-download" }),
       /* @__PURE__ */ e.jsx(
         "label",
         {
@@ -5432,7 +5433,7 @@ function Xl({}) {
     ] })
   ] });
 }
-const Zl = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
+const 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 dimension, cohort, metric FROM table" }),
   /* @__PURE__ */ e.jsxs("div", { children: [
     "See ",
@@ -5448,7 +5449,7 @@ const Zl = /* @__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 y-axis, label, range-from, range-to, range-value FROM table" }),
   /* @__PURE__ */ e.jsxs("div", { children: [
     "See ",
@@ -5464,7 +5465,7 @@ const Zl = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-
     ),
     " in the docs."
   ] })
-] }), sr = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
+] }), ar = /* @__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 ",
@@ -5481,22 +5482,22 @@ const Zl = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-
     " in the docs."
   ] })
 ] });
-function ar() {
+function tr() {
   const s = u((a) => a.card.type);
   function t(a) {
     switch (a) {
       case "stackedBar":
       case "stackedLine":
-        return /* @__PURE__ */ e.jsx(Yl, {});
+        return /* @__PURE__ */ e.jsx(Xl, {});
       case "pyramid":
-        return /* @__PURE__ */ e.jsx(ls, { docContent: Zl, cardType: a });
+        return /* @__PURE__ */ e.jsx(ls, { docContent: er, cardType: a });
       case "kpi":
-        return /* @__PURE__ */ e.jsx(Ul, {});
+        return /* @__PURE__ */ e.jsx(Gl, {});
       case "line":
       case "bar":
-        return /* @__PURE__ */ e.jsx(ql, { cardType: a });
+        return /* @__PURE__ */ e.jsx(Rl, { cardType: a });
       case "range":
-        return /* @__PURE__ */ e.jsx(ls, { docContent: er, cardType: a });
+        return /* @__PURE__ */ e.jsx(ls, { docContent: sr, cardType: a });
       case "pie":
       case "doughnut":
       case "polarArea":
@@ -5504,32 +5505,32 @@ function ar() {
         return /* @__PURE__ */ e.jsx(ls, { cardType: a });
       case "bubble":
       case "scatter":
-        return /* @__PURE__ */ e.jsx(Rl, { cardType: a });
+        return /* @__PURE__ */ e.jsx(_l, { cardType: a });
       case "table":
-        return /* @__PURE__ */ e.jsx(Xl, { cardType: a });
+        return /* @__PURE__ */ e.jsx(Zl, { cardType: a });
       case "text":
         return /* @__PURE__ */ e.jsx(
           ls,
           {
-            docContent: sr,
+            docContent: ar,
             cardType: a,
             suffix: "Visual"
           }
         );
       case "map":
-        return /* @__PURE__ */ e.jsx(Jl, {});
+        return /* @__PURE__ */ e.jsx(Wl, {});
       case "custom":
-        return /* @__PURE__ */ e.jsx(Ll, {});
+        return /* @__PURE__ */ e.jsx(El, {});
       default:
-        return /* @__PURE__ */ e.jsx($l, {});
+        return /* @__PURE__ */ e.jsx(Pl, {});
     }
   }
-  return /* @__PURE__ */ e.jsx(Ps, { className: "h-full w-full text-sm", children: t(s) });
+  return /* @__PURE__ */ e.jsx(ms, { className: "h-full w-full text-sm", children: t(s) });
 }
-function tr() {
+function nr() {
   const s = u((t) => t.isShowingVisual);
   return /* @__PURE__ */ e.jsxs(
-    ws,
+    ks,
     {
       direction: "vertical",
       className: "min-h-[250px] min-w-full max-w-lg",
@@ -5541,10 +5542,10 @@ function tr() {
             className: "flex",
             minSize: 20,
             defaultSize: 40,
-            children: /* @__PURE__ */ e.jsx(Cl, {})
+            children: /* @__PURE__ */ e.jsx(Nl, {})
           }
         ),
-        /* @__PURE__ */ e.jsx(ks, { withHandle: !0, className: "border" }),
+        /* @__PURE__ */ e.jsx(zs, { withHandle: !0, className: "border" }),
         /* @__PURE__ */ e.jsx(
           Ve,
           {
@@ -5552,7 +5553,7 @@ function tr() {
             role: "visual-section",
             minSize: 0,
             defaultSize: 60,
-            children: s ? /* @__PURE__ */ e.jsxs(ws, { direction: "horizontal", children: [
+            children: s ? /* @__PURE__ */ e.jsxs(ks, { direction: "horizontal", children: [
               /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(
                 Ve,
                 {
@@ -5560,10 +5561,10 @@ function tr() {
                   minSize: 20,
                   defaultSize: 25,
                   maxSize: 30,
-                  children: /* @__PURE__ */ e.jsx(ar, {})
+                  children: /* @__PURE__ */ e.jsx(tr, {})
                 }
               ) }),
-              /* @__PURE__ */ e.jsx(ks, { className: "border" }),
+              /* @__PURE__ */ e.jsx(zs, { className: "border" }),
               /* @__PURE__ */ e.jsx(Ve, { minSize: 40, defaultSize: 75, maxSize: 100, children: /* @__PURE__ */ e.jsx(ra, {}) })
             ] }) : /* @__PURE__ */ e.jsx(ra, {})
           }
@@ -5572,15 +5573,15 @@ function tr() {
     }
   );
 }
-function nr({ authToken: s, onSave: t, onClose: a }) {
-  z((r) => r.themeStyle);
-  const n = u((r) => r.actions.setOnSave), l = u((r) => r.actions.setOnClose), i = z((r) => r.actions.setAuthToken);
+function lr({ authToken: s, onSave: t, onClose: a }) {
+  O((r) => r.themeStyle);
+  const n = u((r) => r.actions.setOnSave), l = u((r) => r.actions.setOnClose), i = O((r) => r.actions.setAuthToken);
   return Z(() => {
     t && n(t), a && l(a);
   }, [t, n, a, l]), Z(() => {
     s && s.accessToken && i(s);
-  }, [s, i]), /* @__PURE__ */ e.jsx(xs, { FallbackComponent: Fa, children: /* @__PURE__ */ e.jsxs(
-    fn,
+  }, [s, i]), /* @__PURE__ */ e.jsx(ps, { FallbackComponent: Fa, children: /* @__PURE__ */ e.jsxs(
+    gn,
     {
       style: {
         // borderRadius: currentStyle?.chart?.options?.borderRadius,
@@ -5589,15 +5590,15 @@ function nr({ authToken: s, onSave: t, onClose: a }) {
       className: "rounded-none",
       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(tr, {}) })
+        /* @__PURE__ */ e.jsx(jn, { className: "rounded-none border-r-[1.5px]", children: /* @__PURE__ */ e.jsx(_a, {}) }),
+        /* @__PURE__ */ e.jsx(bn, { children: /* @__PURE__ */ e.jsx(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 rr() {
+  O((r) => r.selectedCardId);
+  const s = O((r) => r.selectedSheetId), { setIsVisualEditing: t } = O((r) => r.actions), a = O((r) => r.isVisualEditing), n = O((r) => r.actions.updateFrame);
   function l(r) {
     s && (n(s, r), t(!1));
   }
@@ -5611,16 +5612,16 @@ function lr() {
       className: W("flex grow", {
         "max-h-0 overflow-hidden": !a
       }),
-      children: /* @__PURE__ */ e.jsx(nr, { onSave: l, onClose: i })
+      children: /* @__PURE__ */ e.jsx(lr, { onSave: l, onClose: i })
     }
   );
 }
-function rr() {
+function ir() {
   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(
+  const t = u((r) => r.selectedTableName), a = O((r) => r.dashboard.filters) || [];
+  O((r) => r.actions.addFilter), O((r) => r.actions.removeFilter), O(
     (r) => r.actions.removeFilterValue
   );
   const { modelItems: n, columns: l } = Re(), { assignFilter: i } = at();
@@ -5647,9 +5648,9 @@ function rr() {
     );
   }) });
 }
-function ir() {
-  z((t) => t.showFilters);
-  const s = z(
+function or() {
+  O((t) => t.showFilters);
+  const s = O(
     (t) => t.actions.setShowFilters
   );
   return /* @__PURE__ */ e.jsxs("section", { className: "relative flex grow flex-col border-l px-4", children: [
@@ -5671,7 +5672,7 @@ function ir() {
         ColumnsComponent: () => (
           // schemaName, tableName, columns
           /* @__PURE__ */ e.jsx(
-            rr,
+            ir,
             {}
           )
         )
@@ -5679,8 +5680,8 @@ function ir() {
     ) })
   ] });
 }
-function or() {
-  const s = z((a) => a.showFilters), t = z((a) => a.isVisualEditing);
+function cr() {
+  const s = O((a) => a.showFilters), t = O((a) => a.isVisualEditing);
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -5690,17 +5691,17 @@ function or() {
         "flex grow": !t
       }),
       children: [
-        /* @__PURE__ */ e.jsx(bn, {}),
-        s && /* @__PURE__ */ e.jsx("div", { role: "filter-aside-container", className: "flex", children: /* @__PURE__ */ e.jsx(ir, {}) })
+        /* @__PURE__ */ e.jsx(yn, {}),
+        s && /* @__PURE__ */ e.jsx("div", { role: "filter-aside-container", className: "flex", children: /* @__PURE__ */ e.jsx(or, {}) })
       ]
     }
   );
 }
-function cr() {
-  const s = z((n) => n.dashboard), t = z((n) => n.actions.setDashboard), a = z(
+function dr() {
+  const s = O((n) => n.dashboard), t = O((n) => n.actions.setDashboard), a = O(
     (n) => n.showDashboardJSON
   );
-  return z(
+  return O(
     (n) => n.actions.setShowDashboardJSON
   ), /* @__PURE__ */ e.jsx(
     "div",
@@ -5709,7 +5710,7 @@ function cr() {
         hidden: !a
       }),
       children: /* @__PURE__ */ e.jsx(
-        yn,
+        vn,
         {
           onChange: (n) => {
             if (n)
@@ -5740,65 +5741,65 @@ function cr() {
     }
   );
 }
-function mr({
+function xr({
   showControls: s = !1,
   showFooter: t = !0,
   ...a
 }) {
-  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(cr, {}),
-      /* @__PURE__ */ e.jsxs(Sn, { ...a, children: [
-        s && /* @__PURE__ */ e.jsx(nl, {}),
-        /* @__PURE__ */ e.jsx(lr, {}),
-        /* @__PURE__ */ e.jsx(or, {})
+  return /* @__PURE__ */ e.jsx(ps, { FallbackComponent: Fa, children: /* @__PURE__ */ e.jsxs(Cn, { dashboardProps: a, children: [
+    /* @__PURE__ */ e.jsx(Nn, {}),
+    /* @__PURE__ */ e.jsxs(Sn, { children: [
+      /* @__PURE__ */ e.jsx(dr, {}),
+      /* @__PURE__ */ e.jsxs(wn, { ...a, children: [
+        s && /* @__PURE__ */ e.jsx(ll, {}),
+        /* @__PURE__ */ e.jsx(rr, {}),
+        /* @__PURE__ */ e.jsx(cr, {})
       ] })
     ] })
   ] }) });
 }
 export {
   Ue as A,
-  kn as B,
-  zn as C,
-  mr as D,
+  zn as B,
+  On as C,
+  xr as D,
   Ma as E,
   qa as F,
-  Ln as G,
-  En as H,
-  Xn as I,
+  En as G,
+  An as H,
+  Zn as I,
   La as K,
-  qn as L,
+  Rn as L,
   Ea as M,
-  $n as N,
+  Pn as N,
   Aa as P,
-  Un as S,
-  Jn as T,
-  Yn as U,
+  Gn as S,
+  Wn as T,
+  Xn as U,
   Gs as a,
   Ks as b,
   Ia as c,
   Ta as d,
   Da as e,
-  On as f,
-  Fn as g,
-  In as h,
-  Tn as i,
-  Mn as j,
-  Dn as k,
-  An as l,
-  Vn as m,
-  Rn as n,
-  _n as o,
+  Fn as f,
+  In as g,
+  Tn as h,
+  Dn as i,
+  Ln as j,
+  Mn as k,
+  Vn as l,
+  qn as m,
+  _n as n,
+  Hn as o,
   Ze as p,
-  Hn as q,
-  Pn as r,
-  Bn as s,
+  $n as q,
+  Bn as r,
+  Un as s,
   Va as t,
-  Gn as u,
-  Kn as v,
-  Qn as w,
-  Wn as x,
+  Kn as u,
+  Qn as v,
+  Jn as w,
+  Yn as x,
   Qs as y,
   Re as z
 };