react-semaphor 0.0.174 → 0.0.175

package/dist/chunks/{dashboard-plus-2zqNv1xS.js → dashboard-plus-vrq99B-z.js}

@@ -1,12 +1,12 @@
-import { P as T, b as k, j as e, Q as is, R as os, U as w, V as cs, W as ds, X as hs, Y as us, Z as B, _ as W, $ as $s, J as Ks, O as Oe, a0 as Dt, a1 as It, a2 as qt, a3 as Vt, a4 as Rt, a5 as _t, a6 as Fs, a7 as Le, a8 as Qe, a9 as $e, T as We, e as ms, g as Pe, aa as xs, ab as ps, f as G, ac as fs, ad as gs, ae as js, af as Ke, ag as pe, ah as bs, G as i, ai as qe, aj as Ve, ak as Ht, al as Re, w as Gs, v as Us, t as de, am as Bt, r as $t, N as Js, s as Kt, an as Gt, B as Ut, ao as Qs, ap as Jt, L as De, S as ys, z as Qt, n as Os, A as as, u as Ye, aq as Se, ar as ze, as as Wt, at as Pt, au as Yt, av as Ws, aw as Ps, ax as Ys, ay as Xs, az as Zs, aA as Xt, aB as et, aC as st, aD as Zt, aE as ea, aF as sa, aG as ta, aH as aa, aI as ns, aJ as na, aK as Be, aL as Ms, aM as ra, aN as la, aO as ia, aP as oa, aQ as ca, aR as ts, aS as da, aT as Ts, aU as ha, aV as As, aW as ua, aX as ma, aY as xa, aZ as tt, l as pa, C as fa, E as Es, d as ga, h as ja, i as ba, o as ya, a_ as va, m as Na, a$ as Ca, b0 as Sa, b1 as ka, b2 as Ls, b3 as wa, b4 as Ds, b5 as Is, K as za, b6 as at, b7 as Fa, b8 as nt, b9 as Ge, ba as rt, bb as Oa, bc as Ma, bd as Ta, be as Aa, bf as Ea, bg as La, bh as ke, bi as q, bj as V, bk as vs, bl as R, bm as Da, bn as Ia, bo as qa, bp as qs, bq as Va, br as Ra, bs as _a, bt as Ha, bu as Ba } from "./index-5sxgge2v.js";
-import he, { useState as M, useEffect as K, useMemo as $a, useRef as Ie } from "react";
+import { P as T, b as k, j as e, Q as ls, R as os, U as w, V as cs, W as ds, X as hs, Y as ms, Z as B, _ as Q, $ as Ks, J as Us, O as Oe, a0 as It, a1 as qt, a2 as Vt, a3 as Rt, a4 as _t, a5 as Ht, a6 as Fs, a7 as Le, a8 as Qe, a9 as $e, T as We, e as us, g as Pe, aa as xs, ab as ps, f as Y, ac as fs, ad as gs, ae as js, af as Ke, ag as pe, ah as bs, G as l, ai as qe, aj as Ve, ak as Bt, al as Re, w as Js, v as Gs, t as de, am as $t, r as Kt, N as Qs, s as Ut, an as Jt, B as Gt, ao as Ws, ap as Qt, L as De, S as ys, z as Wt, n as Os, aq as Ms, A as as, u as Ye, ar as Se, as as ze, at as Ps, au as Ys, av as Xs, aw as Zs, ax as et, ay as Pt, az as st, aA as tt, aB as Yt, aC as Xt, aD as Zt, aE as ea, aF as sa, aG as ns, aH as ta, aI as Be, aJ as rs, aK as Fe, aL as is, aM as Ts, aN as aa, aO as na, aP as ra, aQ as ia, aR as la, aS as ts, aT as oa, aU as As, aV as ca, aW as Es, aX as da, aY as ha, aZ as ma, a_ as at, l as ua, C as xa, E as Ls, d as pa, h as fa, i as ga, o as ja, a$ as ba, m as ya, b0 as va, b1 as Na, b2 as Ca, b3 as Ds, b4 as Sa, b5 as Is, b6 as qs, K as ka, b7 as nt, b8 as wa, b9 as rt, ba as Ue, bb as it, bc as za, bd as Fa, be as Oa, bf as Ma, bg as Ta, bh as Aa, bi as ke, bj as q, bk as V, bl as vs, bm as R, bn as Ea, bo as La, bp as Da, bq as Vs, br as Ia, bs as qa, bt as Va, bu as Ra, bv as _a, bw as Ha } from "./index-a_OFIKki.js";
+import he, { useState as M, useEffect as K, useMemo as Ba, useRef as Ie } from "react";
 /**
  * @license lucide-react v0.379.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ka = T("Activity", [
+const $a = T("Activity", [
   [
     "path",
     {
@@ -21,7 +21,7 @@ const Ka = T("Activity", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ga = T("AreaChart", [
+const Ka = T("AreaChart", [
   ["path", { d: "M3 3v18h18", key: "1s2lah" }],
   ["path", { d: "M7 12v5h12V8l-5 5-4-4Z", key: "zxz28u" }]
 ]);
@@ -65,7 +65,7 @@ const Ja = T("Database", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Qa = T("Eraser", [
+const Ga = T("Eraser", [
   [
     "path",
     {
@@ -91,7 +91,7 @@ const lt = T("Filter", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Wa = T("Glasses", [
+const Qa = T("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" }],
@@ -104,21 +104,7 @@ const Wa = T("Glasses", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Pa = T("GripVertical", [
-  ["circle", { cx: "9", cy: "12", r: "1", key: "1vctgf" }],
-  ["circle", { cx: "9", cy: "5", r: "1", key: "hp0tcf" }],
-  ["circle", { cx: "9", cy: "19", r: "1", key: "fkjjf6" }],
-  ["circle", { cx: "15", cy: "12", r: "1", key: "1tmaij" }],
-  ["circle", { cx: "15", cy: "5", r: "1", key: "19l28e" }],
-  ["circle", { cx: "15", cy: "19", r: "1", key: "f4zoj3" }]
-]);
-/**
- * @license lucide-react v0.379.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Ya = T("Hammer", [
+const Wa = T("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" }],
   [
@@ -135,7 +121,7 @@ const Ya = T("Hammer", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Xa = T("Hash", [
+const Pa = T("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" }],
@@ -147,7 +133,7 @@ const Xa = T("Hash", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Za = T("Key", [
+const Ya = T("Key", [
   ["path", { d: "m15.5 7.5 2.3 2.3a1 1 0 0 0 1.4 0l2.1-2.1a1 1 0 0 0 0-1.4L19 4", key: "g0fldk" }],
   ["path", { d: "m21 2-9.6 9.6", key: "1j0ho8" }],
   ["circle", { cx: "7.5", cy: "15.5", r: "5.5", key: "yqb3hr" }]
@@ -168,7 +154,7 @@ const Cs = T("LineChart", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const en = T("ListEnd", [
+const Xa = T("ListEnd", [
   ["path", { d: "M16 12H3", key: "1a2rj7" }],
   ["path", { d: "M16 6H3", key: "1wxfjs" }],
   ["path", { d: "M10 18H3", key: "13769t" }],
@@ -181,7 +167,7 @@ const en = T("ListEnd", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const sn = T("ListStart", [
+const Za = T("ListStart", [
   ["path", { d: "M16 12H3", key: "1a2rj7" }],
   ["path", { d: "M16 18H3", key: "12xzn7" }],
   ["path", { d: "M10 6H3", key: "lf8lx7" }],
@@ -194,7 +180,7 @@ const sn = T("ListStart", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const tn = T("ListX", [
+const en = T("ListX", [
   ["path", { d: "M11 12H3", key: "51ecnj" }],
   ["path", { d: "M16 6H3", key: "1wxfjs" }],
   ["path", { d: "M16 18H3", key: "12xzn7" }],
@@ -207,7 +193,7 @@ const tn = T("ListX", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const an = T("MessageSquareMore", [
+const sn = T("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" }],
@@ -219,7 +205,7 @@ const an = T("MessageSquareMore", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const nn = T("Network", [
+const tn = T("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" }],
@@ -232,7 +218,7 @@ const nn = T("Network", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const it = T("Pencil", [
+const ot = T("Pencil", [
   ["path", { d: "M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z", key: "5qss01" }],
   ["path", { d: "m15 5 4 4", key: "1mk7zo" }]
 ]);
@@ -242,7 +228,7 @@ const it = T("Pencil", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ot = T("PieChart", [
+const ct = T("PieChart", [
   ["path", { d: "M21.21 15.89A10 10 0 1 1 8 2.83", key: "k2fpak" }],
   ["path", { d: "M22 12A10 10 0 0 0 12 2v10z", key: "1rfc4y" }]
 ]);
@@ -252,7 +238,7 @@ const ot = T("PieChart", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const rn = T("Play", [
+const an = T("Play", [
   ["polygon", { points: "6 3 20 12 6 21 6 3", key: "1oa8hb" }]
 ]);
 /**
@@ -261,7 +247,7 @@ const rn = T("Play", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ln = T("Plug2", [
+const nn = T("Plug2", [
   ["path", { d: "M9 2v6", key: "17ngun" }],
   ["path", { d: "M15 2v6", key: "s7yy2p" }],
   ["path", { d: "M12 17v5", key: "bb1du9" }],
@@ -274,7 +260,7 @@ const ln = T("Plug2", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ct = T("Plus", [
+const dt = T("Plus", [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "M12 5v14", key: "s699le" }]
 ]);
@@ -284,7 +270,7 @@ const ct = T("Plus", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const on = T("Save", [
+const rn = T("Save", [
   [
     "path",
     {
@@ -301,7 +287,7 @@ const on = T("Save", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const dt = T("ScatterChart", [
+const ht = T("ScatterChart", [
   ["circle", { cx: "7.5", cy: "7.5", r: ".5", fill: "currentColor", key: "kqv944" }],
   ["circle", { cx: "18.5", cy: "5.5", r: ".5", fill: "currentColor", key: "lysivs" }],
   ["circle", { cx: "11.5", cy: "11.5", r: ".5", fill: "currentColor", key: "byv1b8" }],
@@ -315,7 +301,7 @@ const dt = T("ScatterChart", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const cn = T("ShieldQuestion", [
+const ln = T("ShieldQuestion", [
   [
     "path",
     {
@@ -326,6 +312,33 @@ const cn = T("ShieldQuestion", [
   ["path", { d: "M9.1 9a3 3 0 0 1 5.82 1c0 2-3 3-3 3", key: "mhlwft" }],
   ["path", { d: "M12 17h.01", key: "p32p05" }]
 ]);
+/**
+ * @license lucide-react v0.379.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const on = T("Sigma", [
+  ["path", { d: "M18 7V4H6l6 8-6 8h12v-3", key: "zis8ev" }]
+]);
+/**
+ * @license lucide-react v0.379.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const cn = T("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 17h0.01", key: "10821z" }],
+  [
+    "path",
+    {
+      d: "m11 8 2.3-2.3a2.4 2.4 0 0 1 3.404.004L18.6 7.6a2.4 2.4 0 0 1 .026 3.434L9.9 19.8",
+      key: "o2gii7"
+    }
+  ]
+]);
 /**
  * @license lucide-react v0.379.0 - ISC
  *
@@ -358,7 +371,7 @@ const hn = T("ToggleLeft", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const un = T("Type", [
+const mn = T("Type", [
   ["polyline", { points: "4 7 4 4 20 4 20 7", key: "1nosan" }],
   ["line", { x1: "9", x2: "15", y1: "20", y2: "20", key: "swin9y" }],
   ["line", { x1: "12", x2: "12", y1: "4", y2: "20", key: "1tx1rr" }]
@@ -369,26 +382,26 @@ const un = T("Type", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const mn = T("User", [
+const un = T("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" }]
 ]);
 function xn() {
-  const [s, a] = M(""), [t, n] = M(!1), [o, l] = M(!1), r = k((d) => d.dashboard);
+  const [s, n] = M(""), [t, a] = M(!1), [o, i] = M(!1), r = k((d) => d.dashboard);
   function c() {
-    const d = Ks(r), m = Oe(r.id), h = JSON.parse(localStorage.getItem(m) || "[]");
+    const d = Us(r), u = Oe(r.id), h = JSON.parse(localStorage.getItem(u) || "[]");
     if (h.some(
       (f) => f.name === s
     )) {
-      n(!0);
+      a(!0);
       return;
     }
     h.push({
       name: s,
       template: d
-    }), localStorage.setItem(m, JSON.stringify(h)), l(!1);
+    }), localStorage.setItem(u, JSON.stringify(h)), i(!1);
   }
-  return /* @__PURE__ */ e.jsxs(is, { open: o, onOpenChange: l, children: [
+  return /* @__PURE__ */ e.jsxs(ls, { open: o, onOpenChange: i, children: [
     /* @__PURE__ */ e.jsx(os, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
       w,
       {
@@ -396,7 +409,7 @@ function xn() {
         className: "h-7 p-2",
         size: "sm",
         children: [
-          /* @__PURE__ */ e.jsx(ct, { className: " mr-2 h-4 w-4", strokeWidth: 1.5 }),
+          /* @__PURE__ */ e.jsx(dt, { className: " mr-2 h-4 w-4", strokeWidth: 1.5 }),
           "Add Lens"
         ]
       }
@@ -404,16 +417,16 @@ function xn() {
     /* @__PURE__ */ e.jsxs(cs, { className: "sm:max-w-[425px]", children: [
       /* @__PURE__ */ e.jsxs(ds, { children: [
         /* @__PURE__ */ e.jsx(hs, { children: "Add a Lens" }),
-        /* @__PURE__ */ e.jsx(us, { children: "Lenses are private by default and are only visible to you." })
+        /* @__PURE__ */ e.jsx(ms, { 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(B, { className: "text-right", children: "Name" }),
         /* @__PURE__ */ e.jsx(
-          W,
+          Q,
           {
             value: s,
             onChange: (d) => {
-              t && n(!1), a(d.target.value);
+              t && a(!1), n(d.target.value);
             },
             id: "name",
             className: "col-span-7 focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0"
@@ -421,7 +434,7 @@ function xn() {
         )
       ] }) }),
       t && /* @__PURE__ */ e.jsx("p", { className: "text-sm", children: "The bookmark name already exists. Use a differnet name." }),
-      /* @__PURE__ */ e.jsx($s, { children: /* @__PURE__ */ e.jsx(
+      /* @__PURE__ */ e.jsx(Ks, { children: /* @__PURE__ */ e.jsx(
         w,
         {
           variant: "outline",
@@ -435,7 +448,7 @@ function xn() {
   ] });
 }
 function pn() {
-  const [s, a] = M(!1), [t, n] = M(""), o = k((p) => p.dashboard), l = k((p) => p.bookmarkKey), [r, c] = M([]), d = k((p) => p.actions.setDashboard), m = k(
+  const [s, n] = M(!1), [t, a] = M(""), o = k((p) => p.dashboard), i = k((p) => p.bookmarkKey), [r, c] = M([]), d = k((p) => p.actions.setDashboard), u = k(
     (p) => p.actions.setFilterValues
   ), h = k(
     (p) => p.actions.setBookmarkKey
@@ -446,13 +459,13 @@ function pn() {
     const S = g.find(
       (N) => N.default
     );
-    S && S.name === l && n(S.name);
-  }, [s, o, l]);
-  function u(p) {
+    S && S.name === i && a(S.name);
+  }, [s, o, i]);
+  function m(p) {
     if (p === t)
       return;
     const g = r.find((N) => N.name === p), S = g == null ? void 0 : g.template;
-    S && (d(S), m(g.filterValues || []), h(p === "Original" ? "" : p)), n(p);
+    S && (d(S), u(g.filterValues || []), h(p === "Original" ? "" : p)), a(p);
   }
   function f(p) {
     const g = Oe(o.id), N = JSON.parse(localStorage.getItem(g) || "[]").filter(
@@ -460,16 +473,16 @@ function pn() {
     );
     localStorage.setItem(g, JSON.stringify(N)), c(N);
   }
-  return /* @__PURE__ */ e.jsxs(Dt, { open: s, onOpenChange: a, children: [
-    /* @__PURE__ */ e.jsx(It, { asChild: !0, children: /* @__PURE__ */ e.jsx(w, { variant: "outline", className: "h-7 p-2", children: /* @__PURE__ */ e.jsx(Wa, { className: "h-4 w-4", strokeWidth: 1.5 }) }) }),
-    /* @__PURE__ */ e.jsxs(qt, { className: "w-56", children: [
-      /* @__PURE__ */ e.jsx(Vt, { children: "Lenses" }),
-      /* @__PURE__ */ e.jsx(Rt, {}),
+  return /* @__PURE__ */ e.jsxs(It, { open: s, onOpenChange: n, children: [
+    /* @__PURE__ */ e.jsx(qt, { asChild: !0, children: /* @__PURE__ */ e.jsx(w, { variant: "outline", className: "h-7 p-2", children: /* @__PURE__ */ e.jsx(Qa, { className: "h-4 w-4", strokeWidth: 1.5 }) }) }),
+    /* @__PURE__ */ e.jsxs(Vt, { className: "w-56", children: [
+      /* @__PURE__ */ e.jsx(Rt, { children: "Lenses" }),
+      /* @__PURE__ */ e.jsx(_t, {}),
       /* @__PURE__ */ e.jsxs(
-        _t,
+        Ht,
         {
           value: t,
-          onValueChange: u,
+          onValueChange: m,
           children: [
             /* @__PURE__ */ e.jsx(Fs, { value: "Original", children: "Original" }),
             r.filter((p) => p.name != "Original").map((p, g) => /* @__PURE__ */ e.jsxs(
@@ -477,7 +490,7 @@ function pn() {
               {
                 className: "xbg-red-100 flex justify-between",
                 value: p.name,
-                defaultChecked: p.name === l,
+                defaultChecked: p.name === i,
                 children: [
                   /* @__PURE__ */ e.jsx("p", { children: p.name }),
                   /* @__PURE__ */ e.jsx(
@@ -501,25 +514,25 @@ function pn() {
   ] });
 }
 function fn() {
-  const [s, a] = M(!1), t = k((l) => l.dashboard), n = k((l) => l.bookmarkKey);
+  const [s, n] = M(!1), t = k((i) => i.dashboard), a = k((i) => i.bookmarkKey);
   K(() => {
-    if (!n) {
-      a(!1);
+    if (!a) {
+      n(!1);
       return;
     }
-    const l = Oe(t.id), c = JSON.parse(
-      localStorage.getItem(l) || "[]"
+    const i = Oe(t.id), c = JSON.parse(
+      localStorage.getItem(i) || "[]"
     ).find(
-      (d) => d.name === n
+      (d) => d.name === a
     );
-    a(c ? c.default : !1);
-  }, [n, t.id]);
-  function o(l) {
-    if (a(l), !n)
+    n(c ? c.default : !1);
+  }, [a, t.id]);
+  function o(i) {
+    if (n(i), !a)
       return;
     const r = Oe(t.id), d = JSON.parse(
       localStorage.getItem(r) || "[]"
-    ).map((m) => (m.name === n ? m.default = l : m.default = !1, m));
+    ).map((u) => (u.name === a ? u.default = i : u.default = !1, u));
     console.log(d), localStorage.setItem(r, JSON.stringify(d));
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
@@ -542,19 +555,19 @@ function fn() {
   ] });
 }
 function gn() {
-  const s = k((j) => j.bookmarkKey), a = k((j) => j.dashboard);
+  const s = k((j) => j.bookmarkKey), n = k((j) => j.dashboard);
   k((j) => j.selectedSheetId);
   const t = k(
     (j) => j.isDashboardEditing
-  ), n = k((j) => j.filterValues), o = k((j) => j.isVisualEditing), l = k((j) => j.showFilters);
+  ), a = k((j) => j.filterValues), o = k((j) => j.isVisualEditing), i = k((j) => j.showFilters);
   k(
     (j) => j.showDashboardJSON
   );
   const r = k((j) => j.onSaveFunction), c = k(
     (j) => j.actions.setShowFilters
-  ), { addFrame: d, setSelectedFrameId: m } = k(
+  ), { addFrame: d, setSelectedFrameId: u } = k(
     (j) => j.actions
-  ), { getSelectedSheet: h, setIsDashboardEditing: u, setShowDashboardJSON: f } = k((j) => j.actions), p = h(), g = () => {
+  ), { getSelectedSheet: h, setIsDashboardEditing: m, setShowDashboardJSON: f } = k((j) => j.actions), p = h(), g = () => {
     if (!t || !p)
       return;
     const j = {
@@ -577,31 +590,31 @@ function gn() {
       cards: [j],
       activeCardId: j.id
     };
-    d(p.id, L), m(L.id);
+    d(p.id, L), u(L.id);
   }, S = () => {
-    u(!0);
+    m(!0);
   };
   function N() {
     if (!s || s === "")
       return;
-    const j = Ks(a), L = Oe(a.id), A = JSON.parse(localStorage.getItem(L) || "[]"), O = A.findIndex(
+    const j = Us(n), L = Oe(n.id), A = JSON.parse(localStorage.getItem(L) || "[]"), O = A.findIndex(
       (y) => y.name === s
     );
     O !== -1 ? A[O] = {
       name: s,
       template: j,
       default: A[O].default,
-      filterValues: n
+      filterValues: a
     } : A.push({
       name: s,
       template: j,
-      filterValues: n
+      filterValues: a
     }), localStorage.setItem(L, JSON.stringify(A)), r == null || r(j);
   }
   return o ? null : /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: "flex items-center justify-between gap-2 px-2 pt-2",
+      className: "flex items-center justify-between gap-2 border-b bg-muted/50 px-2 py-2",
       role: "dashboard-controls",
       children: [
         !o && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
@@ -623,7 +636,7 @@ function gn() {
               disabled: !t,
               onClick: g,
               children: [
-                /* @__PURE__ */ e.jsx(ct, { className: "mr-2 h-4 w-4", strokeWidth: 1.5 }),
+                /* @__PURE__ */ e.jsx(dt, { className: "mr-2 h-4 w-4", strokeWidth: 1.5 }),
                 "Add Frame"
               ]
             }
@@ -635,7 +648,7 @@ function gn() {
               className: "h-7 p-2",
               onClick: S,
               size: "sm",
-              children: /* @__PURE__ */ e.jsx(it, { className: "h-4 w-4", strokeWidth: 1.5 })
+              children: /* @__PURE__ */ e.jsx(ot, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
           t && !o && /* @__PURE__ */ e.jsx(
@@ -645,7 +658,7 @@ function gn() {
               role: "close",
               className: "h-7 p-2",
               onClick: () => {
-                u(!1), f(!1);
+                m(!1), f(!1);
               },
               size: "sm",
               children: /* @__PURE__ */ e.jsx(Le, { className: "h-4 w-4", strokeWidth: 1.5 })
@@ -658,10 +671,10 @@ function gn() {
               variant: "outline",
               onClick: N,
               size: "sm",
-              children: /* @__PURE__ */ e.jsx(on, { className: "h-4 w-4", strokeWidth: 1.5 })
+              children: /* @__PURE__ */ e.jsx(rn, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          !l && !o && t && /* @__PURE__ */ e.jsx(
+          !i && !o && t && /* @__PURE__ */ e.jsx(
             w,
             {
               className: "h-7 p-2",
@@ -680,72 +693,72 @@ function gn() {
 }
 function He({
   title: s,
-  items: a,
+  items: n,
   value: t,
-  isLoading: n,
+  isLoading: a,
   isError: o,
-  connectionTooltip: l,
+  connectionTooltip: i,
   onChange: r,
   className: c,
   showIcon: d = !0,
-  disabled: m = !1
+  disabled: u = !1
 }) {
-  const h = n ? "Loading..." : o ? "Error" : t;
-  function u() {
+  const h = a ? "Loading..." : o ? "Error" : t;
+  function m() {
     if (s === "Connection")
-      return /* @__PURE__ */ e.jsx(ln, { className: "size-4 rotate-90" });
+      return /* @__PURE__ */ e.jsx(nn, { className: "size-4 rotate-90" });
     if (s === "Database")
       return /* @__PURE__ */ e.jsx(Ja, { className: "size-4" });
     if (s === "Schema")
-      return /* @__PURE__ */ e.jsx(nn, { className: "size-4" });
+      return /* @__PURE__ */ e.jsx(tn, { className: "size-4" });
     if (s === "Table")
       return /* @__PURE__ */ e.jsx(bs, { className: "size-4" });
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-    d && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: l ? /* @__PURE__ */ e.jsxs(We, { children: [
-      /* @__PURE__ */ e.jsx(ms, { children: u() }),
-      /* @__PURE__ */ e.jsx(Pe, { className: "text-xs", align: "start", children: l })
-    ] }) : u() }),
-    /* @__PURE__ */ e.jsxs(xs, { disabled: m, value: h, onValueChange: r, children: [
+    d && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: i ? /* @__PURE__ */ e.jsxs(We, { children: [
+      /* @__PURE__ */ e.jsx(us, { children: m() }),
+      /* @__PURE__ */ e.jsx(Pe, { className: "text-xs", align: "start", children: i })
+    ] }) : m() }),
+    /* @__PURE__ */ e.jsxs(xs, { disabled: u, value: h, onValueChange: r, children: [
       /* @__PURE__ */ e.jsx(
         ps,
         {
-          className: G(
-            "h-9 w-[190px] focus:ring-1 focus:ring-offset-0",
+          className: Y(
+            "h-9 w-full focus:ring-1 focus:ring-offset-0",
             c
           ),
           children: /* @__PURE__ */ e.jsx(
             fs,
             {
-              placeholder: n ? "Loading..." : o ? "Error" : `Select ${s}`
+              placeholder: a ? "Loading..." : o ? "Error" : `Select ${s}`
             }
           )
         }
       ),
       /* @__PURE__ */ e.jsx(gs, { children: /* @__PURE__ */ e.jsxs(js, { children: [
-        n ? /* @__PURE__ */ e.jsx(Ke, { children: "Loading..." }) : /* @__PURE__ */ e.jsx(Ke, { children: s }),
-        /* @__PURE__ */ e.jsx(e.Fragment, { children: a && a.map((f, p) => /* @__PURE__ */ e.jsx(pe, { value: f.id, children: f.name }, p)) }),
-        (n || o) && /* @__PURE__ */ e.jsx(pe, { value: h, children: h })
+        a ? /* @__PURE__ */ e.jsx(Ke, { children: "Loading..." }) : /* @__PURE__ */ e.jsx(Ke, { children: s }),
+        /* @__PURE__ */ e.jsx(e.Fragment, { children: n && n.map((f, p) => /* @__PURE__ */ e.jsx(pe, { value: f.id, children: f.name }, p)) }),
+        (a || o) && /* @__PURE__ */ e.jsx(pe, { value: h, children: h })
       ] }) })
     ] })
   ] });
 }
 function jn({ column: s }) {
-  const [a, t] = M(!1), n = i((h) => h.selectedTableName), o = i(
+  const [n, t] = M(!1), a = l((h) => h.selectedTableName), o = l(
     (h) => h.selectedSchemaName
-  ), l = i((h) => h.sqlGen), r = i((h) => h.actions.setSqlGen), c = i((h) => h.actions.setCardSql), d = i((h) => h.actions.setRunSql);
-  function m(h, u) {
-    const f = Gs(h, l, u);
+  ), i = l((h) => h.sqlGen), r = l((h) => h.actions.setSqlGen), c = l((h) => h.actions.setCardSql), d = l((h) => h.actions.setRunSql);
+  function u(h, m) {
+    const f = Js(h, i, m);
     r(f);
-    const p = Us(
+    const p = Gs(
       f,
       de(o || ""),
-      de(n)
+      de(a)
     );
     p && (c(p), d(!0)), t(!1);
   }
-  return /* @__PURE__ */ e.jsxs(qe, { open: a, onOpenChange: t, children: [
-    /* @__PURE__ */ e.jsx(Ve, { asChild: !0, children: /* @__PURE__ */ e.jsx(Ht, { className: "h-4 w-4 cursor-pointer text-foreground/40" }) }),
+  return /* @__PURE__ */ e.jsxs(qe, { open: n, onOpenChange: t, children: [
+    /* @__PURE__ */ e.jsx(Ve, { asChild: !0, children: /* @__PURE__ */ e.jsx(Bt, { className: "h-4 w-4 cursor-pointer text-foreground/40" }) }),
     /* @__PURE__ */ e.jsx(
       Re,
       {
@@ -755,7 +768,7 @@ function jn({ column: s }) {
           /* @__PURE__ */ e.jsx(
             "li",
             {
-              onClick: () => m(s, "COUNT"),
+              onClick: () => u(s, "COUNT"),
               className: "cursor-pointer p-1 px-3 transition-colors hover:bg-muted",
               children: "Count"
             }
@@ -763,7 +776,7 @@ function jn({ column: s }) {
           /* @__PURE__ */ e.jsx(
             "li",
             {
-              onClick: () => m(s, "AVG"),
+              onClick: () => u(s, "AVG"),
               className: "cursor-pointer p-1 px-3 transition-colors hover:bg-muted",
               children: "Avg"
             }
@@ -771,7 +784,7 @@ function jn({ column: s }) {
           /* @__PURE__ */ e.jsx(
             "li",
             {
-              onClick: () => m(s, "SUM"),
+              onClick: () => u(s, "SUM"),
               className: "cursor-pointer p-1 px-3 transition-colors hover:bg-muted",
               children: "Sum"
             }
@@ -779,7 +792,7 @@ function jn({ column: s }) {
           /* @__PURE__ */ e.jsx(
             "li",
             {
-              onClick: () => m(s, "MAX"),
+              onClick: () => u(s, "MAX"),
               className: "cursor-pointer p-1 px-3 transition-colors hover:bg-muted",
               children: "Max"
             }
@@ -787,7 +800,7 @@ function jn({ column: s }) {
           /* @__PURE__ */ e.jsx(
             "li",
             {
-              onClick: () => m(s, "MIN"),
+              onClick: () => u(s, "MIN"),
               className: "cursor-pointer p-1 px-3 transition-colors hover:bg-muted",
               children: "Min"
             }
@@ -797,79 +810,87 @@ function jn({ column: s }) {
     )
   ] });
 }
-function ht({ column: s }) {
+function mt({ column: s }) {
   return /* @__PURE__ */ e.jsxs(We, { children: [
-    /* @__PURE__ */ e.jsx(Bt, { asChild: !0, children: $t.includes(s.data_type.toLowerCase()) ? (
+    /* @__PURE__ */ e.jsx($t, { asChild: !0, children: Kt.includes(s.data_type.toLowerCase()) ? (
       // <span className=" font-thin">T</span>
-      /* @__PURE__ */ e.jsx(un, { className: "size-3" })
-    ) : Js.includes(s.data_type.toLowerCase()) ? (
+      /* @__PURE__ */ e.jsx(mn, { className: "size-3" })
+    ) : Qs.includes(s.data_type.toLowerCase()) ? (
       //
-      /* @__PURE__ */ e.jsx(Xa, { className: "size-3" })
-    ) : Kt.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(Gt, { className: "size-3" }) : Ut.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(hn, { className: "size-3" }) : /* @__PURE__ */ e.jsx(cn, { className: "size-3" }) }),
+      /* @__PURE__ */ e.jsx(Pa, { className: "size-3" })
+    ) : Ut.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(Jt, { className: "size-3" }) : Gt.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(hn, { className: "size-3" }) : /* @__PURE__ */ e.jsx(ln, { className: "size-3" }) }),
     /* @__PURE__ */ e.jsx(Pe, { children: /* @__PURE__ */ e.jsx("p", { className: "font-mono text-xs", children: s.data_type }) })
   ] });
 }
 function bn({
   schemaName: s,
-  tableName: a,
+  tableName: n,
   columns: t,
-  status: n
+  status: a
 }) {
-  const o = i((y) => y.sqlGen), l = i(
+  const o = l((y) => y.sqlGen), i = l(
     (y) => y.selectedConnectionId
-  ), r = i(
+  ), r = l(
     (y) => y.selectedDatabaseName
-  ), c = i(
+  ), c = l(
     (y) => y.selectedSchemaName
-  ), d = i((y) => y.selectedTableName), m = k(
+  ), d = l((y) => y.selectedTableName), u = k(
     (y) => y.dashboard.aiScopeTables
-  ), { setAIScopeTables: h } = k((y) => y.actions), u = i((y) => y.actions.setRunSql), f = i((y) => y.actions.setSqlGen), p = i(
+  ), { setAIScopeTables: h } = k((y) => y.actions), m = l((y) => y.actions.setRunSql), f = l((y) => y.actions.setSqlGen), p = l(
     (y) => y.actions.setIsShowingVisual
-  ), g = i((y) => y.actions.setCardSql), { connectionType: S } = ut();
+  ), g = l((y) => y.actions.setCardSql), { connectionType: S } = ut();
   function N(y) {
-    const z = Gs(y, o);
+    const z = Js(y, o);
     f(z);
-    const E = Us(z, de(s), de(a));
-    E && (g(E), u(!0));
+    const E = Gs(z, de(s), de(n));
+    E && (g(E), m(!0));
   }
   function j() {
-    return (m == null ? void 0 : m.find(
-      (y) => y.connectinonId === l && y.tableName === d
+    return (u == null ? void 0 : u.find(
+      (y) => y.connectinonId === i && y.tableName === d
     )) !== void 0;
   }
   function L(y) {
-    if (y === !0 && d && l) {
+    if (y === !0 && d && i) {
       const z = {
-        connectinonId: l,
+        connectinonId: i,
         connectionType: S,
         databaseName: r,
         schemaName: c,
         tableName: d
-      }, _ = [...m || [], z].filter(
+      }, _ = [...u || [], z].filter(
         (X, $, U) => U.findIndex(
           (D) => D.connectinonId === X.connectinonId && D.tableName === X.tableName
         ) === $
       );
-      h(_);
+      h(_), Ms.success(`Added '${d}' to AI Scope`, {
+        position: "top-right",
+        duration: 2500,
+        richColors: !0
+      });
     } else {
-      const z = (m || []).filter(
-        (E) => E.connectinonId !== l && E.tableName !== d
+      const z = (u || []).filter(
+        (E) => E.connectinonId !== i && E.tableName !== d
       );
-      h(z);
+      h(z), Ms(`Removed '${d}' from AI Scope`, {
+        position: "top-right",
+        duration: 2e3,
+        richColors: !0
+      });
     }
   }
   function A() {
-    let z = as(s, a);
-    ((_) => _.charAt(0) === _.charAt(0).toUpperCase())(a) && (z = `"${a}"`), p(!1), g(`SELECT * FROM ${z} LIMIT 10`), u(!0);
+    let z = as(s, n);
+    ((_) => _.charAt(0) === _.charAt(0).toUpperCase())(n) && (z = `"${n}"`), p(!1), g(`SELECT * FROM ${z} LIMIT 10`), m(!0);
   }
   function O() {
-    let z = as(s, a);
-    ((_) => _.charAt(0) === _.charAt(0).toUpperCase())(a) && (z = `"${a}"`), p(!1), g(`SELECT COUNT(*) FROM ${z}`), u(!0);
+    let z = as(s, n);
+    ((_) => _.charAt(0) === _.charAt(0).toUpperCase())(n) && (z = `"${n}"`), p(!1), g(`SELECT COUNT(*) FROM ${z}`), m(!0);
   }
-  return /* @__PURE__ */ e.jsxs("div", { className: "flex grow flex-col space-y-4 px-6", children: [
-    /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: "flex grow flex-col space-y-4 px-4", children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-center gap-1", children: [
       /* @__PURE__ */ e.jsx(
-        Qs,
+        Ws,
         {
           title: `${j() ? "Remove from" : "Add to"} AI Scope`,
           pressed: j(),
@@ -877,9 +898,9 @@ function bn({
           variant: "outline",
           className: "h-9 px-2",
           children: /* @__PURE__ */ e.jsx(
-            Jt,
+            Qt,
             {
-              className: G("size-4", {
+              className: Y("size-4", {
                 "text-primary": j(),
                 "text-muted-foreground": !j()
               })
@@ -890,13 +911,13 @@ function bn({
       /* @__PURE__ */ e.jsxs(
         w,
         {
-          disabled: n !== "Success",
+          disabled: a !== "Success",
           onClick: A,
           size: "sm",
           variant: "secondary",
-          className: "flex w-full",
+          className: "flex",
           children: [
-            n !== "Success" ? /* @__PURE__ */ e.jsx(De, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : null,
+            a !== "Success" ? /* @__PURE__ */ e.jsx(De, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(cn, { className: "mr-2 size-4" }),
             "Top 10"
           ]
         }
@@ -904,13 +925,13 @@ function bn({
       /* @__PURE__ */ e.jsxs(
         w,
         {
-          disabled: n !== "Success",
+          disabled: a !== "Success",
           onClick: O,
           size: "sm",
           variant: "secondary",
-          className: "flex w-full",
+          className: "flex",
           children: [
-            n !== "Success" ? /* @__PURE__ */ e.jsx(De, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : null,
+            a !== "Success" ? /* @__PURE__ */ e.jsx(De, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(on, { className: "mr-2 size-4" }),
             "Count"
           ]
         }
@@ -925,18 +946,18 @@ function bn({
             "div",
             {
               onClick: () => N(y),
-              className: G(
+              className: Y(
                 "mx-3 flex cursor-pointer items-center justify-between rounded px-2 py-[6px] text-sm transition-colors hover:bg-muted/50",
                 {
-                  "bg-muted": Qt(y, o)
+                  "bg-muted": Wt(y, o)
                 }
               ),
               children: [
                 /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-                  /* @__PURE__ */ e.jsx(ht, { column: y }),
+                  /* @__PURE__ */ e.jsx(mt, { column: y }),
                   /* @__PURE__ */ e.jsx("span", { children: y.column_name })
                 ] }),
-                Js.includes(y.data_type) && /* @__PURE__ */ e.jsx(
+                Qs.includes(y.data_type) && /* @__PURE__ */ e.jsx(
                   "div",
                   {
                     onClick: (z) => z.stopPropagation(),
@@ -955,31 +976,31 @@ function bn({
     )
   ] });
 }
-function ut(s, a) {
+function ut(s, n) {
   var Xe, ve, _e, Ae;
-  let t = $a(() => [], []);
-  const n = Ye().authToken || s, o = i(
+  let t = Ba(() => [], []);
+  const a = Ye().authToken || s, o = l(
     (C) => C.selectedConnectionId
-  ), l = i(
+  ), i = l(
     (C) => C.selectedDatabaseName
-  ), r = i(
+  ), r = l(
     (C) => C.selectedSchemaName
-  ), c = i((C) => C.selectedTableName), d = i(
+  ), c = l((C) => C.selectedTableName), d = l(
     (C) => C.actions.setCurrentColumns
-  ), m = i(
+  ), u = l(
     (C) => C.actions.setSelectedConnectionId
-  ), h = i(
+  ), h = l(
     (C) => C.actions.setSelectedDatabaseName
-  ), u = i(
+  ), m = l(
     (C) => C.actions.setSelectedSchemaName
-  ), f = i(
+  ), f = l(
     (C) => C.actions.setSelectedTableName
-  ), p = i((C) => C.actions.setCardSql);
+  ), p = l((C) => C.actions.setCardSql);
   function g(C) {
-    return o && l && r && l !== "NA" ? !0 : o && C === "API" ? !1 : !!(o && C === "S3");
+    return o && i && r && i !== "NA" ? !0 : o && C === "API" ? !1 : !!(o && C === "S3");
   }
   function S(C) {
-    return !!(o && l && l !== "NA" && r && c || o && (C === "S3" || C === "API"));
+    return !!(o && i && i !== "NA" && r && c || o && (C === "S3" || C === "API"));
   }
   function N(C) {
     return o && C ? !(C === "API" || C === "S3") : !1;
@@ -992,9 +1013,9 @@ function ut(s, a) {
     queryKey: ["connections"],
     queryFn: () => ze(
       "https://semaphor.cloud/api/v1/connections",
-      (n == null ? void 0 : n.accessToken) || ""
+      (a == null ? void 0 : a.accessToken) || ""
     ),
-    enabled: !!(n != null && n.accessToken)
+    enabled: !!(a != null && a.accessToken)
     // Only fetch if authToken is present
   }), O = j == null ? void 0 : j.connections.find(
     (C) => C.id === o
@@ -1008,7 +1029,7 @@ function ut(s, a) {
     queryKey: ["databases", o],
     queryFn: () => ze(
       "https://semaphor.cloud/api/v1/databases",
-      (n == null ? void 0 : n.accessToken) || "",
+      (a == null ? void 0 : a.accessToken) || "",
       {
         connection_id: o
       }
@@ -1018,20 +1039,20 @@ function ut(s, a) {
   }), {
     data: D,
     isLoading: te,
-    isFetching: P,
+    isFetching: W,
     isError: ee,
     refetch: Z
   } = Se({
-    queryKey: ["schemas", o, l],
+    queryKey: ["schemas", o, i],
     queryFn: () => ze(
       "https://semaphor.cloud/api/v1/schemas",
-      (n == null ? void 0 : n.accessToken) || "",
+      (a == null ? void 0 : a.accessToken) || "",
       {
         connection_id: o,
-        database_name: l
+        database_name: i
       }
     ),
-    enabled: !!o && !!l && !z && l !== "NA"
+    enabled: !!o && !!i && !z && i !== "NA"
     //currentConnection?.type !== 'API', // Only fetch if connectionId and database is present
   }), {
     data: J,
@@ -1043,38 +1064,38 @@ function ut(s, a) {
     queryKey: [
       "tables",
       o,
-      l,
+      i,
       r
     ],
     queryFn: () => ze(
       "https://semaphor.cloud/api/v1/tables",
-      (n == null ? void 0 : n.accessToken) || "",
+      (a == null ? void 0 : a.accessToken) || "",
       {
         connection_id: o,
-        database_name: l,
+        database_name: i,
         schema_name: r
       }
     ),
     enabled: g(y)
   }), {
     data: H,
-    isLoading: ue,
+    isLoading: me,
     isFetching: se,
     isError: ge
   } = Se({
     queryKey: [
       "columns",
       o,
-      l,
+      i,
       r,
       c
     ],
     queryFn: () => ze(
       "https://semaphor.cloud/api/v1/columns",
-      (n == null ? void 0 : n.accessToken) || "",
+      (a == null ? void 0 : a.accessToken) || "",
       {
         connection_id: o,
-        database_name: l,
+        database_name: i,
         schema_name: r,
         table_name: c
       }
@@ -1095,19 +1116,19 @@ function ut(s, a) {
     z,
     p,
     f,
-    u,
+    m,
     h,
     O
   ]);
   const je = (O == null ? void 0 : O.type) === "API" ? (Xe = O == null ? void 0 : O.type) == null ? void 0 : Xe.toLowerCase() : c || "", be = z ? "" : r || "";
-  function me(C) {
-    u(C), f("");
+  function ue(C) {
+    m(C), f("");
   }
-  function Q(C) {
-    h(C), u(""), f("");
+  function G(C) {
+    h(C), m(""), f("");
   }
   function ae(C) {
-    m(C);
+    u(C);
   }
   E && ((ve = E == null ? void 0 : E.databases) == null ? void 0 : ve.length) > 0, D && ((_e = D == null ? void 0 : D.schemas) == null ? void 0 : _e.length) > 0, H && ((Ae = H == null ? void 0 : H.columns) == null ? void 0 : Ae.length) > 0 && (t = H.columns.map((C) => ({
     ...C,
@@ -1137,42 +1158,42 @@ function ut(s, a) {
     isDatabasesLoadingOrFetching: _ || X,
     isDatabaseError: $,
     schemaItems: re,
-    isSchemaLoadingOrFetching: te || P,
+    isSchemaLoadingOrFetching: te || W,
     isSchemaError: ee,
     tableItems: Te,
     isTableLoadingOrFetching: I || v,
     isTableError: b,
     columns: t,
-    isColumnsLoadingOrFetching: ue || se,
+    isColumnsLoadingOrFetching: me || se,
     isColumnsError: ge,
     isNonDbConnection: z,
     connectionType: y,
     tableName: je,
     schemaName: be,
     handleConnectionChange: ae,
-    handleDatabaseChange: Q,
-    handleSchemaChange: me
+    handleDatabaseChange: G,
+    handleSchemaChange: ue
   };
 }
-function mt({
+function xt({
   ColumnsComponent: s
 }) {
   var J;
-  const a = i(
+  const n = l(
     (I) => I.selectedConnectionId
-  ), t = i(
+  ), t = l(
     (I) => I.selectedDatabaseName
-  ), n = i(
+  ), a = l(
     (I) => I.selectedSchemaName
-  ), o = i((I) => I.selectedTableName), l = i(
+  ), o = l((I) => I.selectedTableName), i = l(
     (I) => I.actions.setSelectedTableName
   ), {
     connectionItems: r,
     schemaItems: c,
     databaseItems: d,
-    tableItems: m,
+    tableItems: u,
     columns: h,
-    isConnectionsLoading: u,
+    isConnectionsLoading: m,
     isConnectionsError: f,
     isDatabasesLoadingOrFetching: p,
     isDatabaseError: g,
@@ -1204,7 +1225,7 @@ function mt({
   function te() {
     window.location.href = "mailto:support@semaphor.cloud?subject=Help&body=I need help with...";
   }
-  function P() {
+  function W() {
     return y === "S3" || y === "API" ? null : /* @__PURE__ */ e.jsx(
       He,
       {
@@ -1225,7 +1246,7 @@ function mt({
         isError: N,
         isLoading: S,
         items: c,
-        value: n || "",
+        value: a || "",
         title: "Schema"
       }
     );
@@ -1234,9 +1255,9 @@ function mt({
     return y === "API" ? null : /* @__PURE__ */ e.jsx(
       He,
       {
-        onChange: l,
+        onChange: i,
         isError: O,
-        items: m,
+        items: u,
         isLoading: A,
         value: o || "",
         title: "Table"
@@ -1250,16 +1271,16 @@ function mt({
         {
           items: r,
           title: "Connection",
-          value: a || "",
+          value: n || "",
           onChange: E,
-          isLoading: u,
+          isLoading: m,
           isError: f,
           connectionTooltip: ((J = r == null ? void 0 : r.find(
-            (I) => I.id === a
+            (I) => I.id === n
           )) == null ? void 0 : J.type) || ""
         }
       ),
-      P(),
+      W(),
       ee(),
       Z()
     ] }),
@@ -1272,45 +1293,18 @@ function mt({
         variant: "secondary",
         className: "w-full",
         children: [
-          /* @__PURE__ */ e.jsx(an, { className: "mr-2 size-4" }),
+          /* @__PURE__ */ e.jsx(sn, { className: "mr-2 size-4" }),
           "Help"
         ]
       }
     ) })
   ] });
 }
-const rs = ({
-  className: s,
-  ...a
-}) => /* @__PURE__ */ e.jsx(
-  Wt,
-  {
-    className: G(
-      "flex h-full w-full data-[panel-group-direction=vertical]:flex-col",
-      s
-    ),
-    ...a
-  }
-), Fe = Pt, ls = ({
-  withHandle: s,
-  className: a,
-  ...t
-}) => /* @__PURE__ */ e.jsx(
-  Yt,
-  {
-    className: G(
-      "relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",
-      a
-    ),
-    ...t,
-    children: s && /* @__PURE__ */ e.jsx("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ e.jsx(Pa, { className: "h-2.5 w-2.5" }) })
-  }
-);
 function yn(s) {
-  const a = s.toUpperCase().indexOf("WHERE"), t = s.toUpperCase().indexOf("GROUP BY"), n = s.toUpperCase().indexOf("LIMIT"), o = s.toUpperCase().indexOf("ORDER BY");
-  let l = s.length;
-  if (o !== -1 && (l = o), n !== -1 && n < l && (l = n), a !== -1) {
-    const r = s.substring(0, a), c = s.substring(a);
+  const n = s.toUpperCase().indexOf("WHERE"), t = s.toUpperCase().indexOf("GROUP BY"), a = s.toUpperCase().indexOf("LIMIT"), o = s.toUpperCase().indexOf("ORDER BY");
+  let i = s.length;
+  if (o !== -1 && (i = o), a !== -1 && a < i && (i = a), n !== -1) {
+    const r = s.substring(0, n), c = s.substring(n);
     return `${r} {{ filters | where }} AND ${c.substring(
       6
     )}`;
@@ -1318,29 +1312,29 @@ function yn(s) {
     const r = s.substring(0, t), c = s.substring(t);
     return `${r} {{ filters | where }} ${c}`;
   } else {
-    const r = s.substring(0, l), c = s.substring(l);
+    const r = s.substring(0, i), c = s.substring(i);
     return `${r} {{ filters | where }} ${c}`;
   }
 }
 function vn({
   error: s,
-  setShowAIDialog: a,
+  setShowAIDialog: n,
   setUserInputforAI: t,
-  setTriggerAIRun: n
+  setTriggerAIRun: a
 }) {
-  return /* @__PURE__ */ e.jsxs(Ws, { openDelay: 0, children: [
-    /* @__PURE__ */ e.jsx(Ps, { asChild: !0, children: /* @__PURE__ */ e.jsx(w, { variant: "link", className: " p-0 h-5", children: /* @__PURE__ */ e.jsx(Ua, { className: "h-4 w-4 text-red-500" }) }) }),
-    /* @__PURE__ */ e.jsx(Ys, { align: "start", className: "  min-w-fit max-w-[500px]", children: /* @__PURE__ */ e.jsx("div", { className: "flex justify-between space-x-4", children: /* @__PURE__ */ e.jsxs("div", { className: "grow space-y-1 flex flex-col  ", children: [
+  return /* @__PURE__ */ e.jsxs(Ps, { openDelay: 0, children: [
+    /* @__PURE__ */ e.jsx(Ys, { asChild: !0, children: /* @__PURE__ */ e.jsx(w, { variant: "link", className: " p-0 h-5", children: /* @__PURE__ */ e.jsx(Ua, { className: "h-4 w-4 text-red-500" }) }) }),
+    /* @__PURE__ */ e.jsx(Xs, { align: "start", className: "  min-w-fit max-w-[500px]", children: /* @__PURE__ */ e.jsx("div", { className: "flex justify-between space-x-4", children: /* @__PURE__ */ e.jsxs("div", { className: "grow space-y-1 flex flex-col  ", children: [
       /* @__PURE__ */ e.jsxs(
         w,
         {
           onClick: () => {
-            a(!0), t(s), n(!0);
+            n(!0), t(s), a(!0);
           },
           size: "sm",
           variant: "outline",
           children: [
-            /* @__PURE__ */ e.jsx(Ya, { className: "h-4 w-4 mr-2" }),
+            /* @__PURE__ */ e.jsx(Wa, { className: "h-4 w-4 mr-2" }),
             "Fix It"
           ]
         }
@@ -1351,49 +1345,49 @@ function vn({
 }
 function Nn({
   text: s,
-  onCheckedChange: a,
+  onCheckedChange: n,
   checked: t
 }) {
   return /* @__PURE__ */ e.jsxs("div", { className: "xbg-red-100 ml-6 flex items-center gap-2", children: [
-    /* @__PURE__ */ e.jsx(Qe, { checked: t, onCheckedChange: a }),
+    /* @__PURE__ */ e.jsx(Qe, { checked: t, onCheckedChange: n }),
     /* @__PURE__ */ e.jsx("label", { className: "text-xs leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", children: s })
   ] });
 }
 function Cn() {
-  const { authToken: s } = Ye(), a = Ie(null), t = i((c) => c.applyFilters), [n, o] = M(""), l = i((c) => c.filterValues), r = i((c) => c.card.sql);
+  const { authToken: s } = Ye(), n = Ie(null), t = l((c) => c.applyFilters), [a, o] = M(""), i = l((c) => c.filterValues), r = l((c) => c.card.sql);
   return /* @__PURE__ */ e.jsxs(
-    Ws,
+    Ps,
     {
       openDelay: 0,
       onOpenChange: async (c) => {
         if (!c)
           return;
         console.log("onOpenChange");
-        const d = await Xs(
+        const d = await Zs(
           "https://semaphor.cloud/api/v1/filter-sql",
           (s == null ? void 0 : s.accessToken) || "",
           {
             sql: r,
-            active_filters: l
+            active_filters: i
           }
         );
         console.log(d), d.sql ? (console.log(d.records), o(d.sql)) : o("Error");
       },
       children: [
-        /* @__PURE__ */ e.jsx(Ps, { asChild: !0, children: t && /* @__PURE__ */ e.jsx("p", { className: "p-0 text-xs hover:cursor-pointer", children: "|  Filter Query" }) }),
-        /* @__PURE__ */ e.jsxs(Ys, { 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: a, className: "font-mono text-sm", children: [
-            n,
+        /* @__PURE__ */ e.jsx(Ys, { asChild: !0, children: t && /* @__PURE__ */ e.jsx("p", { className: "p-0 text-xs hover:cursor-pointer", children: "|  Filter Query" }) }),
+        /* @__PURE__ */ e.jsxs(Xs, { 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: n, className: "font-mono text-sm", children: [
+            a,
             /* @__PURE__ */ e.jsx(
-              Zs,
+              et,
               {
-                onClick: () => Xt(a),
+                onClick: () => Pt(n),
                 className: "ml-3 inline-block h-4 w-4 opacity-70 hover:cursor-pointer hover:opacity-100"
               }
             )
           ] }) }) }),
           /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 pt-2", children: [
-            /* @__PURE__ */ e.jsx(et, { className: "h-4 w-4 opacity-70" }),
+            /* @__PURE__ */ e.jsx(st, { className: "h-4 w-4 opacity-70" }),
             /* @__PURE__ */ e.jsx("span", { className: "text-xs text-muted-foreground", children: "A preview of the query with filters applied." })
           ] })
         ] })
@@ -1450,13 +1444,13 @@ SELECT label, measure FROM table
 `;
 function kn({
   open: s,
-  setOpen: a,
+  setOpen: n,
   userInput: t,
-  setUserInput: n,
+  setUserInput: a,
   triggerAIRun: o,
-  setTriggerAIRun: l
+  setTriggerAIRun: i
 }) {
-  const r = Ie(null), c = Ie(null), { authToken: d } = Ye(), [m, h] = M(!1), u = i((v) => v.actions.setCardSql), f = k((v) => v.dashboard.baseQueries), p = i((v) => v.actions.setRunSql), g = i((v) => v.actions.setCardType), [S, N] = M([]), j = i((v) => v.currentColumns), L = i((v) => v.card.sql), A = i((v) => v.selectedTableName), O = `
+  const r = Ie(null), c = Ie(null), { authToken: d } = Ye(), [u, h] = M(!1), m = l((v) => v.actions.setCardSql), f = k((v) => v.dashboard.baseQueries), p = l((v) => v.actions.setRunSql), g = l((v) => v.actions.setCardType), [S, N] = M([]), j = l((v) => v.currentColumns), L = l((v) => v.card.sql), A = l((v) => v.selectedTableName), O = `
   ${t}
 
   Database Query Dialect: ${A === "api" || A === "s3" ? "DuckDb" : ""}
@@ -1470,7 +1464,7 @@ function kn({
       "https://semaphor.cloud/api/v1/ai",
       (d == null ? void 0 : d.accessToken) || "",
       {
-        user_content: `userContent: ${O} ${m ? y : ""}`
+        user_content: `userContent: ${O} ${u ? y : ""}`
       }
     ),
     enabled: !1
@@ -1510,11 +1504,11 @@ function kn({
     return () => clearTimeout(v);
   }, [S]);
   function D() {
-    t && (N((v) => [...v, { role: "user", content: t }]), U(t) && h(!0), n(""), $());
+    t && (N((v) => [...v, { role: "user", content: t }]), U(t) && h(!0), a(""), $());
   }
   K(() => {
-    o && (D(), l(!1));
-  }, [o, l]);
+    o && (D(), i(!1));
+  }, [o, i]);
   const te = {
     //seleect a darker color
     // color: '#000',
@@ -1523,7 +1517,7 @@ function kn({
     fontSize: 15,
     // padding: '5px',
     width: "100%"
-  }, P = {
+  }, W = {
     // background: '#f6f8fa',
     // color: '#000',
     fontFamily: "monospace",
@@ -1544,20 +1538,20 @@ function kn({
     // Override how paragraphs are rendered
     p: ({ node: v, ...b }) => /* @__PURE__ */ e.jsx("p", { style: te, ...b }),
     code: ({ node: v, ...b }) => /* @__PURE__ */ e.jsx("code", { className: "rounded-sm bg-muted px-2 py-1 text-sm", ...b }),
-    pre: ({ node: v, ...b }) => /* @__PURE__ */ e.jsxs("pre", { className: "space-y-2 rounded-sm bg-muted/50 p-3", style: P, children: [
+    pre: ({ node: v, ...b }) => /* @__PURE__ */ e.jsxs("pre", { className: "space-y-2 rounded-sm bg-muted/50 p-3", style: W, children: [
       /* @__PURE__ */ e.jsx("code", { className: "whitespace-normal text-sm", children: b.children }),
       /* @__PURE__ */ e.jsxs("div", { className: "flex justify-start gap-2", children: [
-        /* @__PURE__ */ e.jsx(w, { onClick: J, size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(Zs, {}) }),
+        /* @__PURE__ */ e.jsx(w, { onClick: J, size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(et, {}) }),
         /* @__PURE__ */ e.jsx(
           w,
           {
             onClick: (F) => {
               const H = J(F);
-              H && (a(!1), u(H), p(!0));
+              H && (n(!1), m(H), p(!0));
             },
             size: "sm",
             variant: "outline",
-            children: /* @__PURE__ */ e.jsx(sa, {})
+            children: /* @__PURE__ */ e.jsx(Zt, {})
           }
         )
       ] })
@@ -1578,13 +1572,13 @@ function kn({
       {
         className: "flex items-start rounded-md bg-muted p-3 text-sm",
         children: [
-          /* @__PURE__ */ e.jsx(mn, { className: "mr-2 h-5 w-5" }),
+          /* @__PURE__ */ e.jsx(un, { className: "mr-2 h-5 w-5" }),
           /* @__PURE__ */ e.jsx("div", { children: v.content })
         ]
       },
       b
     ) : v.role === "ai" ? /* @__PURE__ */ e.jsx(
-      ea,
+      Xt,
       {
         className: "w-full overflow-auto py-1",
         components: Z,
@@ -1593,7 +1587,7 @@ function kn({
       b
     ) : /* @__PURE__ */ e.jsx("div", {}, b));
   }
-  return /* @__PURE__ */ e.jsxs(is, { open: s, onOpenChange: a, children: [
+  return /* @__PURE__ */ e.jsxs(ls, { open: s, onOpenChange: n, children: [
     /* @__PURE__ */ e.jsx(os, { asChild: !0, children: /* @__PURE__ */ e.jsx(
       w,
       {
@@ -1610,7 +1604,7 @@ function kn({
         children: [
           /* @__PURE__ */ e.jsxs(ds, { children: [
             /* @__PURE__ */ e.jsx(hs, { children: "Assistant" }),
-            /* @__PURE__ */ e.jsx(us, { children: "What can I help you with?" })
+            /* @__PURE__ */ e.jsx(ms, { children: "What can I help you with?" })
           ] }),
           /* @__PURE__ */ e.jsx(
             "div",
@@ -1625,24 +1619,24 @@ function kn({
             {
               children: /* @__PURE__ */ e.jsxs("div", { className: "flex w-full items-center rounded-md border", children: [
                 /* @__PURE__ */ e.jsx(
-                  st,
+                  tt,
                   {
                     autoFocus: !0,
                     ref: r,
                     onKeyDown: (v) => {
-                      v.key === "Enter" && !v.shiftKey && (v.preventDefault(), n(""), D());
+                      v.key === "Enter" && !v.shiftKey && (v.preventDefault(), a(""), D());
                     },
                     placeholder: "Type your question here...",
                     onFocus: (v) => {
                       const b = v.target, F = b.value.length;
                       b.setSelectionRange(F, F);
                     },
-                    className: G(
+                    className: Y(
                       "max-h-10 min-h-7 resize-none border-none focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0"
                     ),
                     disabled: E || _,
                     value: t,
-                    onChange: (v) => n(v.target.value)
+                    onChange: (v) => a(v.target.value)
                   }
                 ),
                 " ",
@@ -1653,7 +1647,7 @@ function kn({
                     size: "sm",
                     variant: "ghost",
                     onClick: D,
-                    children: !E && !_ ? /* @__PURE__ */ e.jsx(Zt, {}) : /* @__PURE__ */ e.jsx(De, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" })
+                    children: !E && !_ ? /* @__PURE__ */ e.jsx(Yt, {}) : /* @__PURE__ */ e.jsx(De, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" })
                   }
                 )
               ] })
@@ -1664,146 +1658,146 @@ function kn({
     )
   ] });
 }
-var xt = {
+var pt = {
   color: void 0,
   size: void 0,
   className: void 0,
   style: void 0,
   attr: void 0
-}, Vs = he.createContext && /* @__PURE__ */ he.createContext(xt), wn = ["attr", "size", "title"];
-function zn(s, a) {
+}, Rs = he.createContext && /* @__PURE__ */ he.createContext(pt), wn = ["attr", "size", "title"];
+function zn(s, n) {
   if (s == null)
     return {};
-  var t = Fn(s, a), n, o;
+  var t = Fn(s, n), a, o;
   if (Object.getOwnPropertySymbols) {
-    var l = Object.getOwnPropertySymbols(s);
-    for (o = 0; o < l.length; o++)
-      n = l[o], !(a.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(s, n) && (t[n] = s[n]);
+    var i = Object.getOwnPropertySymbols(s);
+    for (o = 0; o < i.length; o++)
+      a = i[o], !(n.indexOf(a) >= 0) && Object.prototype.propertyIsEnumerable.call(s, a) && (t[a] = s[a]);
   }
   return t;
 }
-function Fn(s, a) {
+function Fn(s, n) {
   if (s == null)
     return {};
-  var t = {}, n = Object.keys(s), o, l;
-  for (l = 0; l < n.length; l++)
-    o = n[l], !(a.indexOf(o) >= 0) && (t[o] = s[o]);
+  var t = {}, a = Object.keys(s), o, i;
+  for (i = 0; i < a.length; i++)
+    o = a[i], !(n.indexOf(o) >= 0) && (t[o] = s[o]);
   return t;
 }
-function Ue() {
-  return Ue = Object.assign ? Object.assign.bind() : function(s) {
-    for (var a = 1; a < arguments.length; a++) {
-      var t = arguments[a];
-      for (var n in t)
-        Object.prototype.hasOwnProperty.call(t, n) && (s[n] = t[n]);
+function Je() {
+  return Je = Object.assign ? Object.assign.bind() : function(s) {
+    for (var n = 1; n < arguments.length; n++) {
+      var t = arguments[n];
+      for (var a in t)
+        Object.prototype.hasOwnProperty.call(t, a) && (s[a] = t[a]);
     }
     return s;
-  }, Ue.apply(this, arguments);
+  }, Je.apply(this, arguments);
 }
-function Rs(s, a) {
+function _s(s, n) {
   var t = Object.keys(s);
   if (Object.getOwnPropertySymbols) {
-    var n = Object.getOwnPropertySymbols(s);
-    a && (n = n.filter(function(o) {
+    var a = Object.getOwnPropertySymbols(s);
+    n && (a = a.filter(function(o) {
       return Object.getOwnPropertyDescriptor(s, o).enumerable;
-    })), t.push.apply(t, n);
+    })), t.push.apply(t, a);
   }
   return t;
 }
-function Je(s) {
-  for (var a = 1; a < arguments.length; a++) {
-    var t = arguments[a] != null ? arguments[a] : {};
-    a % 2 ? Rs(Object(t), !0).forEach(function(n) {
-      On(s, n, t[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(s, Object.getOwnPropertyDescriptors(t)) : Rs(Object(t)).forEach(function(n) {
-      Object.defineProperty(s, n, Object.getOwnPropertyDescriptor(t, n));
+function Ge(s) {
+  for (var n = 1; n < arguments.length; n++) {
+    var t = arguments[n] != null ? arguments[n] : {};
+    n % 2 ? _s(Object(t), !0).forEach(function(a) {
+      On(s, a, t[a]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(s, Object.getOwnPropertyDescriptors(t)) : _s(Object(t)).forEach(function(a) {
+      Object.defineProperty(s, a, Object.getOwnPropertyDescriptor(t, a));
     });
   }
   return s;
 }
-function On(s, a, t) {
-  return a = Mn(a), a in s ? Object.defineProperty(s, a, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : s[a] = t, s;
+function On(s, n, t) {
+  return n = Mn(n), n in s ? Object.defineProperty(s, n, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : s[n] = t, s;
 }
 function Mn(s) {
-  var a = Tn(s, "string");
-  return typeof a == "symbol" ? a : String(a);
+  var n = Tn(s, "string");
+  return typeof n == "symbol" ? n : String(n);
 }
-function Tn(s, a) {
+function Tn(s, n) {
   if (typeof s != "object" || s === null)
     return s;
   var t = s[Symbol.toPrimitive];
   if (t !== void 0) {
-    var n = t.call(s, a || "default");
-    if (typeof n != "object")
-      return n;
+    var a = t.call(s, n || "default");
+    if (typeof a != "object")
+      return a;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (a === "string" ? String : Number)(s);
+  return (n === "string" ? String : Number)(s);
 }
-function pt(s) {
-  return s && s.map((a, t) => /* @__PURE__ */ he.createElement(a.tag, Je({
+function ft(s) {
+  return s && s.map((n, t) => /* @__PURE__ */ he.createElement(n.tag, Ge({
     key: t
-  }, a.attr), pt(a.child)));
+  }, n.attr), ft(n.child)));
 }
 function fe(s) {
-  return (a) => /* @__PURE__ */ he.createElement(An, Ue({
-    attr: Je({}, s.attr)
-  }, a), pt(s.child));
+  return (n) => /* @__PURE__ */ he.createElement(An, Je({
+    attr: Ge({}, s.attr)
+  }, n), ft(s.child));
 }
 function An(s) {
-  var a = (t) => {
+  var n = (t) => {
     var {
-      attr: n,
+      attr: a,
       size: o,
-      title: l
+      title: i
     } = s, r = zn(s, wn), c = o || t.size || "1em", d;
-    return t.className && (d = t.className), s.className && (d = (d ? d + " " : "") + s.className), /* @__PURE__ */ he.createElement("svg", Ue({
+    return t.className && (d = t.className), s.className && (d = (d ? d + " " : "") + s.className), /* @__PURE__ */ he.createElement("svg", Je({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
-    }, t.attr, n, r, {
+    }, t.attr, a, r, {
       className: d,
-      style: Je(Je({
+      style: Ge(Ge({
         color: s.color || t.color
       }, t.style), s.style),
       height: c,
       width: c,
       xmlns: "http://www.w3.org/2000/svg"
-    }), l && /* @__PURE__ */ he.createElement("title", null, l), s.children);
+    }), i && /* @__PURE__ */ he.createElement("title", null, i), s.children);
   };
-  return Vs !== void 0 ? /* @__PURE__ */ he.createElement(Vs.Consumer, null, (t) => a(t)) : a(xt);
+  return Rs !== void 0 ? /* @__PURE__ */ he.createElement(Rs.Consumer, null, (t) => n(t)) : n(pt);
 }
 function En(s) {
   return fe({ tag: "svg", attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M439.8 200.5c-7.7-30.9-22.3-54.2-53.4-54.2h-40.1v47.4c0 36.8-31.2 67.8-66.8 67.8H172.7c-29.2 0-53.4 25-53.4 54.3v101.8c0 29 25.2 46 53.4 54.3 33.8 9.9 66.3 11.7 106.8 0 26.9-7.8 53.4-23.5 53.4-54.3v-40.7H226.2v-13.6h160.2c31.1 0 42.6-21.7 53.4-54.2 11.2-33.5 10.7-65.7 0-108.6zM286.2 404c11.1 0 20.1 9.1 20.1 20.3 0 11.3-9 20.4-20.1 20.4-11 0-20.1-9.2-20.1-20.4.1-11.3 9.1-20.3 20.1-20.3zM167.8 248.1h106.8c29.7 0 53.4-24.5 53.4-54.3V91.9c0-29-24.4-50.7-53.4-55.6-35.8-5.9-74.7-5.6-106.8.1-45.2 8-53.4 24.7-53.4 55.6v40.7h106.9v13.6h-147c-31.1 0-58.3 18.7-66.8 54.2-9.8 40.7-10.2 66.1 0 108.6 7.6 31.6 25.7 54.2 56.8 54.2H101v-48.8c0-35.3 30.5-66.4 66.8-66.4zm-6.7-142.6c-11.1 0-20.1-9.1-20.1-20.3.1-11.3 9-20.4 20.1-20.4 11 0 20.1 9.2 20.1 20.4s-9 20.3-20.1 20.3z" }, child: [] }] })(s);
 }
 function Ln() {
-  const { theme: s } = ta(), a = Ie(), t = Ie(), [n, o] = M(!1), [l, r] = M(!1), [c, d] = M(!1), [m, h] = M(""), [u, f] = M(!1), { authToken: p } = Ye();
+  const { theme: s } = ea(), n = Ie(), t = Ie(), [a, o] = M(!1), [i, r] = M(!1), [c, d] = M(!1), [u, h] = M(""), [m, f] = M(!1), { authToken: p } = Ye();
   k((x) => x.selectedSheetId);
-  const g = k((x) => x.dashboard.baseQueries), S = i((x) => x.card), N = k((x) => x.theme), j = i((x) => x.isShowingVisual), L = i(
+  const g = k((x) => x.dashboard.baseQueries), S = l((x) => x.card), N = k((x) => x.theme), j = l((x) => x.isShowingVisual), L = l(
     (x) => x.selectedConnectionId
-  ), A = i(
+  ), A = l(
     (x) => x.selectedDatabaseName
-  ), O = i(
+  ), O = l(
     (x) => x.selectedSchemaName
   );
   k(
     (x) => x.actions.updateFrameCard
   );
-  const y = i((x) => x.selectedTableName), z = i((x) => x.card.sql), E = i((x) => x.card.python), _ = aa(z, g), X = i((x) => x.selectedConnectionId), $ = i((x) => x.frame), U = i((x) => x.filterValues), D = i((x) => x.applyFilters), {
+  const y = l((x) => x.selectedTableName), z = l((x) => x.card.sql), E = l((x) => x.card.python), _ = sa(z, g), X = l((x) => x.selectedConnectionId), $ = l((x) => x.frame), U = l((x) => x.filterValues), D = l((x) => x.applyFilters), {
     setCardCustomCfg: te,
-    setQueryResultColumns: P,
+    setQueryResultColumns: W,
     setFilterValues: ee,
     setCardSql: Z,
     setCardPython: J,
     setQueryError: I,
     setPythonStdOut: v,
     setCardPreferences: b
-  } = i((x) => x.actions), F = i((x) => x.onSave), H = i(
+  } = l((x) => x.actions), F = l((x) => x.onSave), H = l(
     (x) => x.actions.setApplyFilters
-  ), ue = i((x) => x.onClose), se = i((x) => x.actions.setCardData), ge = i((x) => x.actions.setSqlGen), je = i((x) => x.runSql), be = i((x) => x.actions.setRunSql), me = i(
+  ), me = l((x) => x.onClose), se = l((x) => x.actions.setCardData), ge = l((x) => x.actions.setSqlGen), je = l((x) => x.runSql), be = l((x) => x.actions.setRunSql), ue = l(
     (x) => x.actions.setIsSqlRunning
   ), {
-    data: Q,
+    data: G,
     isLoading: ae,
     isFetching: ne,
     isSuccess: ye,
@@ -1813,13 +1807,13 @@ function Ln() {
     refetch: ve
   } = Se({
     queryKey: [_, E],
-    queryFn: () => Xs(
+    queryFn: () => Zs(
       "https://semaphor.cloud/api/v1/query",
       (p == null ? void 0 : p.accessToken) || "",
       {
         connection_id: X,
         sql: _,
-        python: E === Ms ? "" : E,
+        python: E === Ts ? "" : E,
         active_filters: D ? U : []
       }
     ),
@@ -1827,24 +1821,24 @@ function Ln() {
     retry: !1
   });
   K(() => {
-    if (Q && (se(Q.records), v((Q == null ? void 0 : Q.output) || ""), Q.records.length > 0)) {
-      const { dimensionKeys: x } = ns(Q.records);
-      P(x);
+    if (G && (se(G.records), v((G == null ? void 0 : G.output) || ""), G.records.length > 0)) {
+      const { dimensionKeys: x } = ns(G.records);
+      W(x);
     }
-  }, [Q, se, P, v]), K(() => {
+  }, [G, se, W, v]), K(() => {
     je && (ve(), be(!1));
   }, [je, ve, be]), K(() => {
-    (ae || ne) && me(!0), (re || ye) && me(!1), re ? (I(Te.message), se([]), P([]), v("")) : I("");
+    (ae || ne) && ue(!0), (re || ye) && ue(!1), re ? (I(Te.message), se([]), W([]), v("")) : I("");
   }, [
     ae,
     ne,
-    Q,
+    G,
     v,
     re,
     ye,
-    me,
+    ue,
     se,
-    P,
+    W,
     I,
     Te
   ]);
@@ -1857,7 +1851,7 @@ function Ln() {
   function C() {
     let x = z;
     z && !z.includes("{{") && (x = yn(z), Z(x));
-    const le = {
+    const ie = {
       ...S,
       lastSelectedSchema: O,
       lastSelectedDatabase: A,
@@ -1867,34 +1861,34 @@ function Ln() {
       sql: x,
       customCfg: j ? S.customCfg : null
     }, Ee = $.cards.map(
-      (Ne) => Ne.id === S.id ? le : Ne
+      (Ne) => Ne.id === S.id ? ie : Ne
     );
     F == null || F({
       ...$,
       cards: Ee
     });
   }
-  function wt() {
-    ue == null || ue();
+  function zt() {
+    me == null || me();
   }
-  function zt(x) {
-    const le = getComputedStyle(
+  function Ft(x) {
+    const ie = getComputedStyle(
       document.documentElement
     ).getPropertyValue(x);
-    return Ft(le);
+    return Ot(ie);
   }
-  function Ft(x) {
-    const [le, Ee, Ne] = x.split(" "), Y = parseFloat(le), Tt = parseFloat(Ee), At = parseFloat(Ne), Et = Tt / 100, zs = At / 100, xe = (1 - Math.abs(2 * zs - 1)) * Et, we = xe * (1 - Math.abs(Y / 60 % 2 - 1)), Ze = zs - xe / 2;
-    let ie = 0, oe = 0, ce = 0;
-    0 <= Y && Y < 60 ? (ie = xe, oe = we, ce = 0) : 60 <= Y && Y < 120 ? (ie = we, oe = xe, ce = 0) : 120 <= Y && Y < 180 ? (ie = 0, oe = xe, ce = we) : 180 <= Y && Y < 240 ? (ie = 0, oe = we, ce = xe) : 240 <= Y && Y < 300 ? (ie = we, oe = 0, ce = xe) : 300 <= Y && Y < 360 && (ie = xe, oe = 0, ce = we), ie = Math.round((ie + Ze) * 255), oe = Math.round((oe + Ze) * 255), ce = Math.round((ce + Ze) * 255);
-    const es = (Lt) => {
-      const ss = Lt.toString(16);
+  function Ot(x) {
+    const [ie, Ee, Ne] = x.split(" "), P = parseFloat(ie), At = parseFloat(Ee), Et = parseFloat(Ne), Lt = At / 100, zs = Et / 100, xe = (1 - Math.abs(2 * zs - 1)) * Lt, we = xe * (1 - Math.abs(P / 60 % 2 - 1)), Ze = zs - xe / 2;
+    let le = 0, oe = 0, ce = 0;
+    0 <= P && P < 60 ? (le = xe, oe = we, ce = 0) : 60 <= P && P < 120 ? (le = we, oe = xe, ce = 0) : 120 <= P && P < 180 ? (le = 0, oe = xe, ce = we) : 180 <= P && P < 240 ? (le = 0, oe = we, ce = xe) : 240 <= P && P < 300 ? (le = we, oe = 0, ce = xe) : 300 <= P && P < 360 && (le = xe, oe = 0, ce = we), le = Math.round((le + Ze) * 255), oe = Math.round((oe + Ze) * 255), ce = Math.round((ce + Ze) * 255);
+    const es = (Dt) => {
+      const ss = Dt.toString(16);
       return ss.length == 1 ? "0" + ss : ss;
     };
-    return `#${es(ie)}${es(oe)}${es(ce)}`;
+    return `#${es(le)}${es(oe)}${es(ce)}`;
   }
   K(() => {
-    const x = a.current, le = t.current;
+    const x = n.current, ie = t.current;
     if (x) {
       const Ee = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", Ne = N === "system" ? Ee : N;
       x.editor.defineTheme("default", {
@@ -1904,24 +1898,24 @@ function Ln() {
         rules: [],
         colors: {
           // 'editor.background': activeTheme === 'light' ? '#ffffff' : '#020817',
-          "editor.background": Ne === "light" ? "#ffffff" : zt("--background")
+          "editor.background": Ne === "light" ? "#ffffff" : Ft("--background")
         }
       }), x.editor.setTheme("default");
     }
-    return le && x && le.addCommand(
+    return ie && x && ie.addCommand(
       x.KeyMod.Shift | x.KeyCode.Enter,
       function() {
         return console.log("Executing query..."), ve(), !1;
       }
     ), () => {
     };
-  }, [s, N, a.current]);
+  }, [s, N, n.current]);
   function ws(x) {
-    a.current = x;
+    n.current = x;
   }
-  function Ot() {
+  function Mt() {
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      l && /* @__PURE__ */ e.jsx(
+      i && /* @__PURE__ */ e.jsx(
         "div",
         {
           className: "xbg-yellow-100 relative flex w-1/3 min-w-0 grow overflow-hidden border-l p-1 text-xs",
@@ -1937,7 +1931,7 @@ function Ln() {
                 }
               ),
               /* @__PURE__ */ e.jsx(Cn, {}),
-              U && l && /* @__PURE__ */ e.jsx(
+              U && i && /* @__PURE__ */ e.jsx(
                 Le,
                 {
                   onClick: () => r(!1),
@@ -1979,11 +1973,11 @@ function Ln() {
           ] })
         }
       ),
-      U && !l && /* @__PURE__ */ e.jsx(
+      U && !i && /* @__PURE__ */ e.jsx(
         lt,
         {
           onClick: () => r(!0),
-          className: G(
+          className: Y(
             "absolute bottom-4 right-6 h-3 w-3 text-foreground/50 hover:cursor-pointer hover:text-foreground",
             {
               "font-bold text-red-800": D
@@ -1993,7 +1987,7 @@ function Ln() {
       )
     ] });
   }
-  function Mt() {
+  function Tt() {
     return /* @__PURE__ */ e.jsxs(
       rs,
       {
@@ -2006,7 +2000,7 @@ function Ln() {
             {
               id: "1",
               order: 1,
-              defaultSize: n ? 20 : 100,
+              defaultSize: a ? 20 : 100,
               className: "relative flex grow",
               children: [
                 /* @__PURE__ */ e.jsx(
@@ -2043,12 +2037,12 @@ function Ln() {
                     )
                   }
                 ),
-                n && /* @__PURE__ */ e.jsx("code", { className: "absolute right-6 top-3 text-sm text-muted-foreground/70", children: "sql" })
+                a && /* @__PURE__ */ e.jsx("code", { className: "absolute right-6 top-3 text-sm text-muted-foreground/70", children: "sql" })
               ]
             }
           ),
-          n && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-            /* @__PURE__ */ e.jsx(ls, { withHandle: !0, className: "border" }),
+          a && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+            /* @__PURE__ */ e.jsx(is, { withHandle: !0, className: "border" }),
             /* @__PURE__ */ e.jsxs(
               Fe,
               {
@@ -2070,7 +2064,7 @@ function Ln() {
                           onChange: (x) => {
                             J(x && x.trim() || "");
                           },
-                          value: E || Ms,
+                          value: E || Ts,
                           options: {
                             minimap: {
                               enabled: !1
@@ -2113,8 +2107,8 @@ function Ln() {
               role: "sql-editor",
               className: "relative flex grow justify-between overflow-y-scroll",
               children: [
-                Mt(),
-                Ot()
+                Tt(),
+                Mt()
               ]
             }
           ),
@@ -2137,7 +2131,7 @@ function Ln() {
                       size: "sm",
                       variant: "outline",
                       children: [
-                        ae || ne ? /* @__PURE__ */ e.jsx(De, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(rn, { className: "mr-2 h-4 w-4" }),
+                        ae || ne ? /* @__PURE__ */ e.jsx(De, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(an, { className: "mr-2 h-4 w-4" }),
                         "Run"
                       ]
                     }
@@ -2159,15 +2153,15 @@ function Ln() {
                       size: "sm",
                       variant: "outline",
                       children: [
-                        /* @__PURE__ */ e.jsx(Qa, { className: "mr-2 size-4" }),
+                        /* @__PURE__ */ e.jsx(Ga, { className: "mr-2 size-4" }),
                         "Clear"
                       ]
                     }
                   ),
                   /* @__PURE__ */ e.jsx(
-                    Qs,
+                    Ws,
                     {
-                      pressed: n,
+                      pressed: a,
                       onPressedChange: (x) => o(x),
                       className: "",
                       size: "sm",
@@ -2180,8 +2174,8 @@ function Ln() {
                     {
                       open: c,
                       setOpen: d,
-                      userInput: m,
-                      triggerAIRun: u,
+                      userInput: u,
+                      triggerAIRun: m,
                       setTriggerAIRun: f,
                       setUserInput: (x) => h(x)
                     }
@@ -2195,7 +2189,7 @@ function Ln() {
                       size: "sm",
                       variant: "outline",
                       children: [
-                        /* @__PURE__ */ e.jsx(na, { className: "mr-2 size-4 font-bold text-green-600" }),
+                        /* @__PURE__ */ e.jsx(ta, { className: "mr-2 size-4 font-bold text-green-600" }),
                         "Accept"
                       ]
                     }
@@ -2203,7 +2197,7 @@ function Ln() {
                   /* @__PURE__ */ e.jsxs(
                     w,
                     {
-                      onClick: wt,
+                      onClick: zt,
                       className: "w-full",
                       size: "sm",
                       variant: "outline",
@@ -2224,11 +2218,11 @@ function Ln() {
 }
 function Dn({ data: s }) {
   var r;
-  const [a, t] = he.useState([]), o = Object.keys(s[0]).map((c) => ({
+  const [n, t] = he.useState([]), o = Object.keys(s[0]).map((c) => ({
     // header: key,
     accessorKey: c,
     header: ({ column: d }) => {
-      const m = d.getIsSorted();
+      const u = d.getIsSorted();
       return /* @__PURE__ */ e.jsx("div", { className: "flex gap-2", children: /* @__PURE__ */ e.jsxs(
         "div",
         {
@@ -2236,116 +2230,116 @@ function Dn({ data: s }) {
           onClick: () => d.toggleSorting(d.getIsSorted() === "asc"),
           children: [
             c,
-            m === "asc" ? /* @__PURE__ */ e.jsx(ra, { className: "ml-2 h-5 w-5" }) : m === "desc" ? /* @__PURE__ */ e.jsx(la, { className: "ml-2 h-5 w-5" }) : null
+            u === "asc" ? /* @__PURE__ */ e.jsx(aa, { className: "ml-2 h-5 w-5" }) : u === "desc" ? /* @__PURE__ */ e.jsx(na, { className: "ml-2 h-5 w-5" }) : null
           ]
         }
       ) });
     }
-  })), l = ia({
+  })), i = ra({
     data: s,
     columns: o,
-    getCoreRowModel: ua(),
-    getPaginationRowModel: ma(),
+    getCoreRowModel: da(),
+    getPaginationRowModel: ha(),
     onSortingChange: t,
-    getSortedRowModel: xa(),
+    getSortedRowModel: ma(),
     manualPagination: !0,
     state: {
-      sorting: a
+      sorting: n
     }
   });
-  return /* @__PURE__ */ e.jsxs(oa, { children: [
-    /* @__PURE__ */ e.jsx(ca, { children: l.getHeaderGroups().map((c) => /* @__PURE__ */ e.jsx(ts, { children: c.headers.map((d) => /* @__PURE__ */ e.jsx(da, { className: "sticky top-0 bg-muted", children: d.isPlaceholder ? null : Ts(
+  return /* @__PURE__ */ e.jsxs(ia, { children: [
+    /* @__PURE__ */ e.jsx(la, { children: i.getHeaderGroups().map((c) => /* @__PURE__ */ e.jsx(ts, { children: c.headers.map((d) => /* @__PURE__ */ e.jsx(oa, { className: "sticky top-0 bg-muted", children: d.isPlaceholder ? null : As(
       d.column.columnDef.header,
       d.getContext()
     ) }, d.id)) }, c.id)) }),
-    /* @__PURE__ */ e.jsx(ha, { children: (r = l.getRowModel().rows) != null && r.length ? l.getRowModel().rows.map((c) => /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx(ca, { children: (r = i.getRowModel().rows) != null && r.length ? i.getRowModel().rows.map((c) => /* @__PURE__ */ e.jsx(
       ts,
       {
         className: "whitespace-nowrap py-2",
         "data-state": c.getIsSelected() && "selected",
-        children: c.getVisibleCells().map((d) => /* @__PURE__ */ e.jsx(As, { children: Ts(d.column.columnDef.cell, d.getContext()) }, d.id))
+        children: c.getVisibleCells().map((d) => /* @__PURE__ */ e.jsx(Es, { children: As(d.column.columnDef.cell, d.getContext()) }, d.id))
       },
       c.id
-    )) : /* @__PURE__ */ e.jsx(ts, { children: /* @__PURE__ */ e.jsx(As, { colSpan: o.length, className: "h-24 text-center", children: "No results." }) }) })
+    )) : /* @__PURE__ */ e.jsx(ts, { children: /* @__PURE__ */ e.jsx(Es, { colSpan: o.length, className: "h-24 text-center", children: "No results." }) }) })
   ] });
 }
-function ft({
+function gt({
   // card,
   className: s,
-  ...a
+  ...n
 }) {
   he.useState(0);
-  const t = k((r) => r.themeStyle), n = i((r) => r.card), o = i((r) => r.actions.setCard);
+  const t = k((r) => r.themeStyle), a = l((r) => r.card), o = l((r) => r.actions.setCard);
   if (K(() => {
   }, [
-    n.data,
-    n.type,
-    n.cfg,
-    n.customCfg,
+    a.data,
+    a.type,
+    a.cfg,
+    a.customCfg,
     t,
-    n.preferences
-  ]), !n.id)
+    a.preferences
+  ]), !a.id)
     return null;
-  let l;
-  return n.data && n.data.length > 0 && (l = tt({
-    data: n.data,
-    cardType: n.type,
-    cfg: n.cfg,
-    customCfg: n.customCfg,
-    preferences: n.preferences
+  let i;
+  return a.data && a.data.length > 0 && (i = at({
+    data: a.data,
+    cardType: a.type,
+    cfg: a.cfg,
+    customCfg: a.customCfg,
+    preferences: a.preferences
   })), /* @__PURE__ */ e.jsxs(
-    pa,
+    ua,
     {
       role: "editor-visual-card",
-      className: G("relative flex h-full flex-col rounded-none", s),
-      ...a,
+      className: Y("relative flex h-full flex-col rounded-none", s),
+      ...n,
       children: [
-        /* @__PURE__ */ e.jsxs(fa, { className: "py-4", children: [
+        /* @__PURE__ */ e.jsxs(xa, { className: "py-4", children: [
           /* @__PURE__ */ e.jsx(
-            Es,
+            Ls,
             {
-              text: n.title,
-              onSave: (r) => o({ ...n, title: r }),
-              children: /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e.jsx(ga, { className: "text-base", children: n.title }) })
+              text: a.title,
+              onSave: (r) => o({ ...a, title: r }),
+              children: /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e.jsx(pa, { className: "text-base", children: a.title }) })
             },
-            n.title
+            a.title
           ),
           /* @__PURE__ */ e.jsx(
-            Es,
+            Ls,
             {
-              text: n.description || "",
-              onSave: (r) => o({ ...n, description: r }),
-              children: /* @__PURE__ */ e.jsxs(ja, { children: [
+              text: a.description || "",
+              onSave: (r) => o({ ...a, description: r }),
+              children: /* @__PURE__ */ e.jsxs(fa, { children: [
                 " ",
-                n.description
+                a.description
               ] })
             },
-            n.description
+            a.description
           )
         ] }),
-        /* @__PURE__ */ e.jsxs(ba, { className: "flex grow flex-col pb-3", children: [
-          n.type !== "table" && l && // <ChartJsVisual key={visualKey} cfg={cfg} />
+        /* @__PURE__ */ e.jsxs(ga, { className: "flex grow flex-col pb-3", children: [
+          a.type !== "table" && i && // <ChartJsVisual key={visualKey} cfg={cfg} />
           /* @__PURE__ */ e.jsx(
-            ya,
+            ja,
             {
-              cfg: l
+              cfg: i
             },
-            JSON.stringify(l) + JSON.stringify(n.preferences)
+            JSON.stringify(i) + JSON.stringify(a.preferences)
           ),
-          n.type === "table" && n.data && n.data.length > 0 && // All of the below css classes are #IMPORTANT for the table to scroll properly
-          /* @__PURE__ */ e.jsx(va, { className: "flex min-h-0 flex-1 grow basis-0", children: /* @__PURE__ */ e.jsx(Na, { card: n, data: n == null ? void 0 : n.data }) })
+          a.type === "table" && a.data && a.data.length > 0 && // All of the below css classes are #IMPORTANT for the table to scroll properly
+          /* @__PURE__ */ e.jsx(ba, { className: "flex min-h-0 flex-1 grow basis-0", children: /* @__PURE__ */ e.jsx(ya, { card: a, data: a == null ? void 0 : a.data }) })
         ] })
       ]
     }
   );
 }
 function In() {
-  const [s, a] = M(!1), [t, n] = M(""), [o, l] = M(""), [r, c] = M(""), d = i((N) => N.card), m = i(
+  const [s, n] = M(!1), [t, a] = M(""), [o, i] = M(""), [r, c] = M(""), d = l((N) => N.card), u = l(
     (N) => N.card.customCfg
-  ), h = i(
+  ), h = l(
     (N) => N.actions.setCardCustomCfg
   );
-  function u(N) {
+  function m(N) {
     var A, O;
     const j = {
       ...N,
@@ -2362,43 +2356,43 @@ function In() {
   function f() {
     if (!d.data || d.data.length === 0)
       return;
-    const N = tt({
+    const N = at({
       data: d.data,
       cardType: d.type,
       cfg: d.cfg,
       preferences: d.preferences
     });
-    N && (n(JSON.stringify(N, null, 1)), m && l(JSON.stringify(m, null, 1)));
+    N && (a(JSON.stringify(N, null, 1)), u && i(JSON.stringify(u, null, 1)));
   }
   function p() {
     if (o)
       try {
         const N = JSON.parse(o);
-        return N ? (h(N), c(""), l(""), N) : void 0;
+        return N ? (h(N), c(""), i(""), N) : void 0;
       } catch (N) {
         console.log(N), c("Invalid JSON");
       }
   }
   function g() {
-    l(""), h(null);
+    i(""), h(null);
   }
   function S() {
     let N;
-    if (m) {
-      const j = Is.cloneDeep(d.cfg), L = Is.merge(j, m);
-      return N = u(L), N;
+    if (u) {
+      const j = qs.cloneDeep(d.cfg), L = qs.merge(j, u);
+      return N = m(L), N;
     }
-    return t ? (N = u(JSON.parse(t)), N) : "";
+    return t ? (N = m(JSON.parse(t)), N) : "";
   }
-  return /* @__PURE__ */ e.jsxs(is, { open: s, onOpenChange: a, children: [
+  return /* @__PURE__ */ e.jsxs(ls, { open: s, onOpenChange: n, children: [
     /* @__PURE__ */ e.jsx(os, { asChild: !0, children: /* @__PURE__ */ e.jsx(
       w,
       {
         onClick: f,
-        className: ` ${m && "border-foreground/50 dark:border-foreground/70"}`,
+        className: ` ${u && "border-foreground/50 dark:border-foreground/70"}`,
         size: "sm",
         variant: "outline",
-        children: /* @__PURE__ */ e.jsx(Ca, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ e.jsx(va, { className: "h-4 w-4" })
       }
     ) }),
     /* @__PURE__ */ e.jsxs(
@@ -2410,8 +2404,8 @@ function In() {
             /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
               /* @__PURE__ */ e.jsx(hs, { children: "Customize Card" }),
               /* @__PURE__ */ e.jsxs(We, { children: [
-                /* @__PURE__ */ e.jsx(ms, { children: /* @__PURE__ */ e.jsx(
-                  Za,
+                /* @__PURE__ */ e.jsx(us, { children: /* @__PURE__ */ e.jsx(
+                  Ya,
                   {
                     onClick: () => {
                       navigator.clipboard.writeText(d.id);
@@ -2422,7 +2416,7 @@ function In() {
                 /* @__PURE__ */ e.jsx(Pe, { side: "right", align: "center", children: /* @__PURE__ */ e.jsx("p", { className: "text-xs", children: "Copy Card ID" }) })
               ] })
             ] }),
-            /* @__PURE__ */ e.jsxs(us, { children: [
+            /* @__PURE__ */ e.jsxs(ms, { children: [
               "See the configuration options and documentation",
               /* @__PURE__ */ e.jsx(
                 "a",
@@ -2436,22 +2430,22 @@ function In() {
             ] })
           ] }),
           /* @__PURE__ */ e.jsxs("div", { className: "flex grow gap-2", children: [
-            /* @__PURE__ */ e.jsx(ft, { 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(ka, { className: "justify-start rounded-sm rounded-b-none border border-b-0", children: [
-                /* @__PURE__ */ e.jsxs(Ls, { value: "custom-config", children: [
-                  m && /* @__PURE__ */ e.jsx(wa, { className: "mr-1 h-5 w-5 text-green-600" }),
-                  m ? "Custom Config" : "Default Config"
+            /* @__PURE__ */ e.jsx(gt, { className: "w-1/2 rounded shadow-none" }),
+            /* @__PURE__ */ e.jsxs(Na, { defaultValue: "custom-config", className: "flex w-1/2 flex-col", children: [
+              /* @__PURE__ */ e.jsxs(Ca, { className: "justify-start rounded-sm rounded-b-none border border-b-0", children: [
+                /* @__PURE__ */ e.jsxs(Ds, { value: "custom-config", children: [
+                  u && /* @__PURE__ */ e.jsx(Sa, { className: "mr-1 h-5 w-5 text-green-600" }),
+                  u ? "Custom Config" : "Default Config"
                 ] }),
-                /* @__PURE__ */ e.jsx(Ls, { className: "", value: "output", children: "Output" })
+                /* @__PURE__ */ e.jsx(Ds, { className: "", value: "output", children: "Output" })
               ] }),
               /* @__PURE__ */ e.jsx(
-                Ds,
+                Is,
                 {
                   className: "bg-red-x mt-0 grow rounded-b border border-t-0 p-2",
                   value: "output",
                   children: /* @__PURE__ */ e.jsx(
-                    st,
+                    tt,
                     {
                       disabled: !0,
                       value: t,
@@ -2461,7 +2455,7 @@ function In() {
                 }
               ),
               /* @__PURE__ */ e.jsx(
-                Ds,
+                Is,
                 {
                   className: "mt-0 grow rounded-b border border-t-0",
                   value: "custom-config",
@@ -2484,63 +2478,63 @@ function In() {
                       },
                       defaultLanguage: "json",
                       value: S(),
-                      onChange: (N) => l(N)
+                      onChange: (N) => i(N)
                     }
                   )
                 }
               )
             ] })
           ] }),
-          /* @__PURE__ */ e.jsxs($s, { className: "flex items-center", children: [
+          /* @__PURE__ */ e.jsxs(Ks, { className: "flex items-center", children: [
             /* @__PURE__ */ e.jsx(B, { className: "mr-2 text-red-500", children: r }),
             /* @__PURE__ */ e.jsx(
               w,
               {
-                disabled: !m,
+                disabled: !u,
                 onClick: g,
                 variant: "outline",
                 children: "Reset"
               }
             ),
             /* @__PURE__ */ e.jsx(w, { onClick: p, variant: "outline", children: "Apply" }),
-            /* @__PURE__ */ e.jsx(w, { onClick: () => a(!1), variant: "outline", children: "Close" })
+            /* @__PURE__ */ e.jsx(w, { onClick: () => n(!1), variant: "outline", children: "Close" })
           ] })
         ]
       }
     )
   ] });
 }
-function gt(s) {
+function jt(s) {
   return fe({ 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 jt(s) {
+function bt(s) {
   return fe({ 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 bt(s) {
+function yt(s) {
   return fe({ 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 yt(s) {
+function vt(s) {
   return fe({ 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 vt(s) {
+function Nt(s) {
   return fe({ 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 Nt(s) {
+function Ct(s) {
   return fe({ 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 Ct(s) {
+function St(s) {
   return fe({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M217 25v14h78V25h-78zm0 32v46h14V71h50v32h14V57h-78zm32 32v14h14V89h-14zm-64 32v46h30v-46h-30zm48 0v14h46v-14h-46zm64 0v46h30v-46h-30zm-64 32v14h46v-14h-46zm-80 32v46h62v-46h-62zm80 0v14h46v-14h-46zm64 0v46h62v-46h-62zm-64 32v14h46v-14h-46zm-112 32v46h94v-46h-94zm112 0v14h46v-14h-46zm64 0v46h94v-46h-94zm-64 32v14h46v-14h-46zM89 313v46h126v-46H89zm144 0v14h46v-14h-46zm64 0v46h126v-46H297zm-64 32v14h46v-14h-46zM57 377v46h158v-46H57zm176 0v14h46v-14h-46zm64 0v46h158v-46H297zm-64 32v14h46v-14h-46zM25 441v46h190v-46H25zm208 0v14h46v-14h-46zm64 0v46h190v-46H297zm-64 32v14h46v-14h-46z" }, child: [] }] })(s);
 }
 function qn() {
-  const [s, a] = M(!1), t = i((c) => c.card.type), { setCardType: n, setCardPreferences: o } = i(
+  const [s, n] = M(!1), t = l((c) => c.card.type), { setCardType: a, setCardPreferences: o } = l(
     (c) => c.actions
-  ), l = i(
+  ), i = l(
     (c) => c.actions.setCardCustomCfg
   );
   function r(c) {
-    n(c), l(null), o({}), a(!1);
+    a(c), i(null), o({}), n(!1);
   }
-  return /* @__PURE__ */ e.jsxs(qe, { open: s, onOpenChange: a, children: [
+  return /* @__PURE__ */ e.jsxs(qe, { open: s, onOpenChange: n, children: [
     /* @__PURE__ */ e.jsx(Ve, { asChild: !0, children: /* @__PURE__ */ e.jsx(w, { size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(Vn, { className: "h-4 w-4", chartType: t }) }) }),
     /* @__PURE__ */ e.jsx(Re, { className: "w-50", children: /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 place-items-center", children: [
       /* @__PURE__ */ e.jsx(
@@ -2565,7 +2559,7 @@ function qn() {
         {
           onClick: () => r("stackedBar"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(vt, { className: "size-5", strokeWidth: 0 })
+          children: /* @__PURE__ */ e.jsx(Nt, { className: "size-5", strokeWidth: 0 })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2573,7 +2567,7 @@ function qn() {
         {
           onClick: () => r("scatter"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(dt, { className: "size-5" })
+          children: /* @__PURE__ */ e.jsx(ht, { className: "size-5" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2581,7 +2575,7 @@ function qn() {
         {
           onClick: () => r("bubble"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(yt, { className: "size-4" })
+          children: /* @__PURE__ */ e.jsx(vt, { className: "size-4" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2589,7 +2583,7 @@ function qn() {
         {
           onClick: () => r("pie"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(ot, { className: "size-5" })
+          children: /* @__PURE__ */ e.jsx(ct, { className: "size-5" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2597,7 +2591,7 @@ function qn() {
         {
           onClick: () => r("doughnut"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(jt, { className: "size-5", strokeWidth: 1 })
+          children: /* @__PURE__ */ e.jsx(bt, { className: "size-5", strokeWidth: 1 })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2606,7 +2600,7 @@ function qn() {
           onClick: () => r("radar"),
           variant: "ghost",
           children: /* @__PURE__ */ e.jsx(
-            gt,
+            jt,
             {
               className: "size-5 font-extralight",
               strokeWidth: 0.5
@@ -2619,7 +2613,7 @@ function qn() {
         {
           onClick: () => r("polarArea"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(bt, { className: "size-5" })
+          children: /* @__PURE__ */ e.jsx(yt, { className: "size-5" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2627,7 +2621,7 @@ function qn() {
         {
           onClick: () => r("pyramid"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Ct, { className: "size-5" })
+          children: /* @__PURE__ */ e.jsx(St, { className: "size-5" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2643,55 +2637,55 @@ function qn() {
         {
           onClick: () => r("kpi"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Nt, { className: "size-6" })
+          children: /* @__PURE__ */ e.jsx(Ct, { className: "size-6" })
         }
       )
     ] }) })
   ] });
 }
-function Vn({ chartType: s, className: a }) {
+function Vn({ chartType: s, className: n }) {
   switch (s) {
     case "bar":
-      return /* @__PURE__ */ e.jsx(Ns, { className: a });
+      return /* @__PURE__ */ e.jsx(Ns, { className: n });
     case "line":
-      return /* @__PURE__ */ e.jsx(Cs, { className: a });
+      return /* @__PURE__ */ e.jsx(Cs, { className: n });
     case "pie":
-      return /* @__PURE__ */ e.jsx(ot, { className: a });
+      return /* @__PURE__ */ e.jsx(ct, { className: n });
     case "radar":
-      return /* @__PURE__ */ e.jsx(gt, { className: a });
+      return /* @__PURE__ */ e.jsx(jt, { className: n });
     case "scatter":
-      return /* @__PURE__ */ e.jsx(dt, { className: a });
+      return /* @__PURE__ */ e.jsx(ht, { className: n });
     case "bubble":
-      return /* @__PURE__ */ e.jsx(yt, { className: a });
+      return /* @__PURE__ */ e.jsx(vt, { className: n });
     case "doughnut":
-      return /* @__PURE__ */ e.jsx(jt, { className: a });
+      return /* @__PURE__ */ e.jsx(bt, { className: n });
     case "stackedBar":
-      return /* @__PURE__ */ e.jsx(vt, { className: "size-4 text-foreground/70" });
+      return /* @__PURE__ */ e.jsx(Nt, { className: "size-4 text-foreground/70" });
     case "polarArea":
-      return /* @__PURE__ */ e.jsx(bt, { className: a });
+      return /* @__PURE__ */ e.jsx(yt, { className: n });
     case "pyramid":
-      return /* @__PURE__ */ e.jsx(Ct, { className: a });
+      return /* @__PURE__ */ e.jsx(St, { className: n });
     case "kpi":
-      return /* @__PURE__ */ e.jsx(Nt, { className: a });
+      return /* @__PURE__ */ e.jsx(Ct, { className: n });
     default:
-      return /* @__PURE__ */ e.jsx(bs, { className: a });
+      return /* @__PURE__ */ e.jsx(bs, { className: n });
   }
 }
 function Rn() {
-  const s = i(
+  const s = l(
     (t) => t.card.refreshInterval
-  ), a = i(
+  ), n = l(
     (t) => t.actions.setCardRefreshInterval
   );
   return /* @__PURE__ */ e.jsxs(qe, { children: [
-    /* @__PURE__ */ e.jsx(Ve, { asChild: !0, children: /* @__PURE__ */ e.jsx(w, { size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(Ka, { className: "w-4 h-4" }) }) }),
+    /* @__PURE__ */ e.jsx(Ve, { asChild: !0, children: /* @__PURE__ */ e.jsx(w, { size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx($a, { className: "w-4 h-4" }) }) }),
     /* @__PURE__ */ e.jsx(Re, { className: "w-[200px]", children: /* @__PURE__ */ e.jsx("div", { className: "grid gap-4", children: /* @__PURE__ */ e.jsx("div", { className: "grid gap-2", children: /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-5 items-center gap-1", children: [
       /* @__PURE__ */ e.jsx(B, { className: "col-span-3", htmlFor: "width", children: "Refresh Every" }),
       /* @__PURE__ */ e.jsx(
-        W,
+        Q,
         {
           value: s || "",
-          onChange: (t) => a(t.target.value),
+          onChange: (t) => n(t.target.value),
           id: "width",
           placeholder: "30s",
           className: "col-span-2 h-7 focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-0"
@@ -2700,11 +2694,11 @@ function Rn() {
     ] }) }) }) })
   ] });
 }
-function _s() {
-  i((r) => r.frame);
-  const s = i((r) => r.card), a = i((r) => r.card.data), t = i((r) => r.isShowingVisual), n = i((r) => r.isSqlRunning), o = i((r) => r.queryError), l = i((r) => r.pythonStdOut);
-  return i((r) => r.onSave), i((r) => r.onClose), i((r) => r.actions.setCardSql), i((r) => r.actions.setCardType), i((r) => r.actions.setSqlGen), s ? /* @__PURE__ */ e.jsxs("div", { className: "relative flex h-full flex-col pt-3", children: [
-    n && /* @__PURE__ */ e.jsx(De, { className: "absolute bottom-0 left-0 right-0 top-0 z-10 m-auto h-10 w-10 animate-spin text-foreground/10" }),
+function Hs() {
+  l((r) => r.frame);
+  const s = l((r) => r.card), n = l((r) => r.card.data), t = l((r) => r.isShowingVisual), a = l((r) => r.isSqlRunning), o = l((r) => r.queryError), i = l((r) => r.pythonStdOut);
+  return l((r) => r.onSave), l((r) => r.onClose), l((r) => r.actions.setCardSql), l((r) => r.actions.setCardType), l((r) => r.actions.setSqlGen), s ? /* @__PURE__ */ e.jsxs("div", { className: "relative flex h-full flex-col pt-3", children: [
+    a && /* @__PURE__ */ e.jsx(De, { className: "absolute bottom-0 left-0 right-0 top-0 z-10 m-auto h-10 w-10 animate-spin text-foreground/10" }),
     /* @__PURE__ */ e.jsxs("div", { className: "mb-0 flex min-h-10 items-center justify-end gap-2 px-6", children: [
       t && /* @__PURE__ */ e.jsxs("div", { className: "flex grow items-center gap-2", children: [
         /* @__PURE__ */ e.jsx(qn, {}),
@@ -2713,41 +2707,41 @@ function _s() {
       ] }),
       /* @__PURE__ */ e.jsx(Hn, {})
     ] }),
-    t ? s.type === "kpi" ? /* @__PURE__ */ e.jsx("div", { className: "flex grow items-center justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e.jsx(za, { isLoading: n, card: s }) }) }) : /* @__PURE__ */ e.jsx(ft, { className: "grow border-none shadow-none" }) : /* @__PURE__ */ e.jsxs("div", { className: "flex min-h-0 w-full flex-1 grow basis-0 px-6", children: [
-      l && /* @__PURE__ */ e.jsx(_n, {}),
-      s.data && s.data.length > 0 && /* @__PURE__ */ e.jsx(Dn, { data: a || [] }),
+    t ? s.type === "kpi" ? /* @__PURE__ */ e.jsx("div", { className: "flex grow items-center justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e.jsx(ka, { isLoading: a, card: s }) }) }) : /* @__PURE__ */ e.jsx(gt, { className: "grow border-none shadow-none" }) : /* @__PURE__ */ e.jsxs("div", { className: "flex min-h-0 w-full flex-1 grow basis-0 px-6", children: [
+      i && /* @__PURE__ */ e.jsx(_n, {}),
+      s.data && s.data.length > 0 && /* @__PURE__ */ e.jsx(Dn, { data: n || [] }),
       o && /* @__PURE__ */ e.jsx("span", { className: "font-mono text-sm", children: o })
     ] })
   ] }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: "No Active Card" });
 }
 function _n() {
-  const s = i((t) => t.pythonStdOut);
+  const s = l((t) => t.pythonStdOut);
   if (!s)
     return null;
-  const a = s.replace(/\n/g, "<br>");
+  const n = s.replace(/\n/g, "<br>");
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx("p", { className: "font-mono text-sm", children: "Output:" }),
     /* @__PURE__ */ e.jsx(
       "div",
       {
-        dangerouslySetInnerHTML: { __html: a },
+        dangerouslySetInnerHTML: { __html: n },
         className: "bg-muted p-2 font-mono text-sm"
       }
     ),
-    /* @__PURE__ */ e.jsx(at, { className: "mb-2" })
+    /* @__PURE__ */ e.jsx(nt, { className: "mb-2" })
   ] });
 }
 function Hn() {
-  const s = i((t) => t.isShowingVisual), a = i(
+  const s = l((t) => t.isShowingVisual), n = l(
     (t) => t.actions.setIsShowingVisual
   );
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
     /* @__PURE__ */ e.jsx(B, { htmlFor: "visualize", children: "Chart" }),
     /* @__PURE__ */ e.jsx(
-      Fa,
+      wa,
       {
         checked: s,
-        onCheckedChange: () => a(!s),
+        onCheckedChange: () => n(!s),
         id: "visualize",
         className: "data-[state=checked]:bg-foreground/50"
       }
@@ -2755,24 +2749,24 @@ function Hn() {
   ] });
 }
 function Me() {
-  const [s, a] = M([]);
-  i(
+  const [s, n] = M([]);
+  l(
     (h) => h.card.cfg
   );
-  const t = i((h) => h.card.preferences), { setCardCfg: n, setFilterOnClickColumnIndex: o, setCardPreferences: l } = i((h) => h.actions), r = i(
+  const t = l((h) => h.card.preferences), { setCardCfg: a, setFilterOnClickColumnIndex: o, setCardPreferences: i } = l((h) => h.actions), r = l(
     (h) => h.queryResultColumns
   );
-  i(
+  l(
     (h) => {
-      var u;
-      return (u = h.card.preferences) == null ? void 0 : u.filterOnClickColumnIndex;
+      var m;
+      return (m = h.card.preferences) == null ? void 0 : m.filterOnClickColumnIndex;
     }
   ), K(() => {
-    r && a(new Array(r.length).fill(!1));
+    r && n(new Array(r.length).fill(!1));
   }, [r]);
-  function c(h, u) {
+  function c(h, m) {
     var f, p;
-    u ? t != null && t.onClickFilter && ((f = t == null ? void 0 : t.onClickFilter) == null ? void 0 : f.length) > 0 ? l({
+    m ? t != null && t.onClickFilter && ((f = t == null ? void 0 : t.onClickFilter) == null ? void 0 : f.length) > 0 ? i({
       ...t,
       onClickFilter: [
         ...t.onClickFilter,
@@ -2781,7 +2775,7 @@ function Me() {
           expression: ""
         }
       ]
-    }) : l({
+    }) : i({
       ...t,
       onClickFilter: [
         {
@@ -2789,32 +2783,32 @@ function Me() {
           expression: ""
         }
       ]
-    }) : (l({
+    }) : (i({
       ...t,
       onClickFilter: (p = t == null ? void 0 : t.onClickFilter) == null ? void 0 : p.filter(
         (g) => g.columnIndex !== h
       )
-    }), a((g) => {
+    }), n((g) => {
       const S = [...g];
       return S[h] = !1, S;
     }));
   }
-  function d(h, u) {
+  function d(h, m) {
     var p;
     const f = (p = t == null ? void 0 : t.onClickFilter) == null ? void 0 : p.map((g) => g.columnIndex === h ? {
       ...g,
-      expression: u.target.value
+      expression: m.target.value
     } : g);
-    l({
+    i({
       ...t,
       onClickFilter: f
     });
   }
-  function m(h) {
-    var u, f, p, g;
-    if (s != null && s[h] || (f = (u = t == null ? void 0 : t.onClickFilter) == null ? void 0 : u.find((S) => S.columnIndex === h)) != null && f.expression)
+  function u(h) {
+    var m, f, p, g;
+    if (s != null && s[h] || (f = (m = t == null ? void 0 : t.onClickFilter) == null ? void 0 : m.find((S) => S.columnIndex === h)) != null && f.expression)
       return /* @__PURE__ */ e.jsx(
-        W,
+        Q,
         {
           value: (g = (p = t == null ? void 0 : t.onClickFilter) == null ? void 0 : p.find((S) => S.columnIndex === h)) == null ? void 0 : g.expression,
           onChange: (S) => d(h, S),
@@ -2824,7 +2818,7 @@ function Me() {
         }
       );
   }
-  return /* @__PURE__ */ e.jsx(e.Fragment, { children: r == null ? void 0 : r.map((h, u) => {
+  return /* @__PURE__ */ e.jsx(e.Fragment, { children: r == null ? void 0 : r.map((h, m) => {
     var f, p;
     return /* @__PURE__ */ e.jsx(
       "div",
@@ -2836,9 +2830,9 @@ function Me() {
               Qe,
               {
                 checked: !!((f = t == null ? void 0 : t.onClickFilter) != null && f.find(
-                  (g) => g.columnIndex === u
+                  (g) => g.columnIndex === m
                 )),
-                onCheckedChange: (g) => c(u, g)
+                onCheckedChange: (g) => c(m, g)
               }
             ),
             /* @__PURE__ */ e.jsx(
@@ -2849,21 +2843,21 @@ function Me() {
               }
             ),
             /* @__PURE__ */ e.jsx("div", { className: "flex gap-2 items-center ", children: ((p = t == null ? void 0 : t.onClickFilter) == null ? void 0 : p.find(
-              (g) => g.columnIndex === u
+              (g) => g.columnIndex === m
             )) && /* @__PURE__ */ e.jsx(
-              it,
+              ot,
               {
                 onClick: () => {
-                  a((g) => {
+                  n((g) => {
                     const S = [...g];
-                    return S[u] = !g[u], S;
+                    return S[m] = !g[m], S;
                   });
                 },
                 className: " invisible group-hover:visible size-3 text-gray-400 cursor-pointer"
               }
             ) })
           ] }),
-          m(u)
+          u(m)
         ] })
       },
       h
@@ -2871,21 +2865,21 @@ function Me() {
   }) });
 }
 function Ss() {
-  var l, r;
-  const s = i((c) => c.card.preferences), a = i(
+  var i, r;
+  const s = l((c) => c.card.preferences), n = l(
     (c) => c.card.cfg
-  ), { setCardCfg: t, setCardPreferences: n } = i(
+  ), { setCardCfg: t, setCardPreferences: a } = l(
     (c) => c.actions
   );
-  (l = a == null ? void 0 : a.options) != null && l.indexAxis;
+  (i = n == null ? void 0 : n.options) != null && i.indexAxis;
   function o(c) {
-    var h, u, f, p, g, S;
+    var h, m, f, p, g, S;
     let d = {};
     (h = s == null ? void 0 : s.chartOptions) != null && h.scales && (d = {
-      x: (f = (u = s == null ? void 0 : s.chartOptions) == null ? void 0 : u.scales) == null ? void 0 : f.y,
+      x: (f = (m = s == null ? void 0 : s.chartOptions) == null ? void 0 : m.scales) == null ? void 0 : f.y,
       y: (g = (p = s == null ? void 0 : s.chartOptions) == null ? void 0 : p.scales) == null ? void 0 : g.x
     });
-    const m = {
+    const u = {
       ...s,
       chartOptions: {
         ...s == null ? void 0 : s.chartOptions,
@@ -2896,10 +2890,10 @@ function Ss() {
         indexAxis: c
       }
     };
-    n(m);
+    a(u);
   }
   return /* @__PURE__ */ e.jsxs(
-    nt,
+    rt,
     {
       value: ((r = s == null ? void 0 : s.chartOptions) == null ? void 0 : r.indexAxis) || "x",
       onValueChange: o,
@@ -2907,11 +2901,11 @@ function Ss() {
       defaultValue: "x",
       children: [
         /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ e.jsx(Ge, { value: "x", id: "r1" }),
+          /* @__PURE__ */ e.jsx(Ue, { value: "x", id: "r1" }),
           /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: "r1", children: "Vertical" })
         ] }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ e.jsx(Ge, { value: "y", id: "r2" }),
+          /* @__PURE__ */ e.jsx(Ue, { value: "y", id: "r2" }),
           /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: "r2", children: "Horizontal" })
         ] })
       ]
@@ -2919,37 +2913,37 @@ function Ss() {
   );
 }
 const Ce = "focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0";
-function Hs(s, a) {
-  var n, o, l;
-  const t = rt(s, a);
-  return ((l = (o = (n = s == null ? void 0 : s.chartOptions) == null ? void 0 : n.scales) == null ? void 0 : o[t]) == null ? void 0 : l.type) || "linear";
+function Bs(s, n) {
+  var a, o, i;
+  const t = it(s, n);
+  return ((i = (o = (a = s == null ? void 0 : s.chartOptions) == null ? void 0 : a.scales) == null ? void 0 : o[t]) == null ? void 0 : i.type) || "linear";
 }
-function St() {
-  var P, ee, Z, J, I, v;
-  const [s, a] = M(!1), t = i((b) => {
+function kt() {
+  var W, ee, Z, J, I, v;
+  const [s, n] = M(!1), t = l((b) => {
     var F;
     return (F = b.card) == null ? void 0 : F.preferences;
-  }), n = i((b) => {
+  }), a = l((b) => {
     var F;
     return (F = b.card) == null ? void 0 : F.cfg;
-  }), o = rt(t, n), [l, r] = M(
-    Hs(t)
+  }), o = it(t, a), [i, r] = M(
+    Bs(t)
   ), [c, d] = M(
-    ((Z = (ee = (P = t == null ? void 0 : t.chartOptions) == null ? void 0 : P.scales) == null ? void 0 : ee[o]) == null ? void 0 : Z.min) || ""
-  ), [m, h] = M(
+    ((Z = (ee = (W = t == null ? void 0 : t.chartOptions) == null ? void 0 : W.scales) == null ? void 0 : ee[o]) == null ? void 0 : Z.min) || ""
+  ), [u, h] = M(
     ((v = (I = (J = t == null ? void 0 : t.chartOptions) == null ? void 0 : J.scales) == null ? void 0 : I[o]) == null ? void 0 : v.max) || ""
-  ), [u, f] = M(c || m ? "custom" : "auto"), [p, g] = M(""), [S, N] = M(""), [j, L] = M(""), [A, O] = M(""), [y, z] = M(""), E = i(
+  ), [m, f] = M(c || u ? "custom" : "auto"), [p, g] = M(""), [S, N] = M(""), [j, L] = M(""), [A, O] = M(""), [y, z] = M(""), E = l(
     (b) => b.actions.setCardPreferences
-  ), _ = i((b) => {
+  ), _ = l((b) => {
     var F;
     return (F = b.card) == null ? void 0 : F.type;
   }), X = ["pie", "doughnut", "polarArea"].includes(_);
   K(() => {
-    var b, F, H, ue, se, ge, je, be, me, Q, ae, ne, ye, re;
-    r(Hs(t)), d(
+    var b, F, H, me, se, ge, je, be, ue, G, ae, ne, ye, re;
+    r(Bs(t)), d(
       ((H = (F = (b = t == null ? void 0 : t.chartOptions) == null ? void 0 : b.scales) == null ? void 0 : F[o]) == null ? void 0 : H.min) === 0 ? 0 : ""
-    ), h(((ge = (se = (ue = t == null ? void 0 : t.chartOptions) == null ? void 0 : ue.scales) == null ? void 0 : se[o]) == null ? void 0 : ge.max) || ""), g(
-      ((Q = (me = (be = (je = t == null ? void 0 : t.chartOptions) == null ? void 0 : je.scales) == null ? void 0 : be[o]) == null ? void 0 : me.ticks) == null ? void 0 : Q.stepSize) || ""
+    ), h(((ge = (se = (me = t == null ? void 0 : t.chartOptions) == null ? void 0 : me.scales) == null ? void 0 : se[o]) == null ? void 0 : ge.max) || ""), g(
+      ((G = (ue = (be = (je = t == null ? void 0 : t.chartOptions) == null ? void 0 : je.scales) == null ? void 0 : be[o]) == null ? void 0 : ue.ticks) == null ? void 0 : G.stepSize) || ""
     ), N(((ae = t == null ? void 0 : t.numberAxisFormat) == null ? void 0 : ae.format) || ""), L(((ne = t == null ? void 0 : t.numberAxisFormat) == null ? void 0 : ne.suffix) || ""), O(((ye = t == null ? void 0 : t.numberAxisFormat) == null ? void 0 : ye.currency) || ""), z(((re = t == null ? void 0 : t.numberAxisFormat) == null ? void 0 : re.locale) || "");
   }, [s, t, o]);
   function $(b, F) {
@@ -2960,7 +2954,7 @@ function St() {
       /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-9 items-center gap-2", children: [
         /* @__PURE__ */ e.jsx(B, { className: "col-span-3", htmlFor: "format", children: "Format" }),
         /* @__PURE__ */ e.jsx(
-          W,
+          Q,
           {
             value: S,
             placeholder: "000,0.00",
@@ -2970,7 +2964,7 @@ function St() {
           }
         ),
         /* @__PURE__ */ e.jsx(
-          W,
+          Q,
           {
             value: j,
             placeholder: "M",
@@ -2997,7 +2991,7 @@ function St() {
           }
         ),
         /* @__PURE__ */ e.jsx(
-          W,
+          Q,
           {
             value: A,
             placeholder: "USD",
@@ -3007,7 +3001,7 @@ function St() {
           }
         ),
         /* @__PURE__ */ e.jsx(
-          W,
+          Q,
           {
             value: y,
             placeholder: "en-US",
@@ -3024,7 +3018,7 @@ function St() {
       /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 items-center gap-2", children: [
         /* @__PURE__ */ e.jsx(B, { htmlFor: "range", children: "Range" }),
         /* @__PURE__ */ e.jsx(
-          W,
+          Q,
           {
             id: "min",
             value: c,
@@ -3033,9 +3027,9 @@ function St() {
           }
         ),
         /* @__PURE__ */ e.jsx(
-          W,
+          Q,
           {
-            value: m,
+            value: u,
             onChange: (b) => h((F) => $(F, b.target.value)),
             id: "max",
             className: `col-span-1 h-8 w-full ${Ce}`
@@ -3045,7 +3039,7 @@ function St() {
       /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 items-center gap-2", children: [
         /* @__PURE__ */ e.jsx(B, { htmlFor: "step-size", children: "Step Size" }),
         /* @__PURE__ */ e.jsx(
-          W,
+          Q,
           {
             value: p,
             onChange: (b) => g((F) => $(F, b.target.value)),
@@ -3059,9 +3053,9 @@ function St() {
   function te() {
     var H;
     let b = {};
-    u === "custom" && (b = {
+    m === "custom" && (b = {
       min: c,
-      max: m,
+      max: u,
       ticks: {
         stepSize: p
       }
@@ -3074,8 +3068,8 @@ function St() {
           ...(H = t == null ? void 0 : t.chartOptions) == null ? void 0 : H.scales,
           [o]: {
             // ...cardPreferences?.chartOptions?.scales?.[axis],
-            type: l,
-            ...l === "linear" ? b : {}
+            type: i,
+            ...i === "linear" ? b : {}
           }
         }
       },
@@ -3088,8 +3082,8 @@ function St() {
     };
     E(F);
   }
-  return /* @__PURE__ */ e.jsxs(qe, { onOpenChange: (b) => a(b), children: [
-    /* @__PURE__ */ e.jsx(Ve, { asChild: !0, children: /* @__PURE__ */ e.jsx(Oa, { className: "size-4 cursor-pointer text-muted-foreground hover:text-foreground" }) }),
+  return /* @__PURE__ */ e.jsxs(qe, { onOpenChange: (b) => n(b), children: [
+    /* @__PURE__ */ e.jsx(Ve, { asChild: !0, children: /* @__PURE__ */ e.jsx(za, { className: "size-4 cursor-pointer text-muted-foreground hover:text-foreground" }) }),
     /* @__PURE__ */ e.jsx(Re, { 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" }),
@@ -3102,7 +3096,7 @@ function St() {
             xs,
             {
               disabled: X,
-              value: l,
+              value: i,
               onValueChange: (b) => r(b),
               children: [
                 /* @__PURE__ */ e.jsx(ps, { className: "col-span-2 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(fs, {}) }),
@@ -3115,33 +3109,33 @@ function St() {
             }
           )
         ] }),
-        l == "linear" && /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 items-center gap-2 py-1", children: [
+        i == "linear" && /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 items-center gap-2 py-1", children: [
           /* @__PURE__ */ e.jsx(B, { htmlFor: "scale-option", children: "Setup" }),
           /* @__PURE__ */ e.jsxs(
-            nt,
+            rt,
             {
               disabled: X,
               id: "scale-option",
-              value: u,
+              value: m,
               onValueChange: (b) => f(b),
               className: "col-span-2 flex gap-3",
               defaultValue: "x",
               children: [
                 /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-                  /* @__PURE__ */ e.jsx(Ge, { value: "auto", id: "r1" }),
+                  /* @__PURE__ */ e.jsx(Ue, { value: "auto", id: "r1" }),
                   /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: "r1", children: "Auto" })
                 ] }),
                 /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-                  /* @__PURE__ */ e.jsx(Ge, { value: "custom", id: "r2" }),
+                  /* @__PURE__ */ e.jsx(Ue, { value: "custom", id: "r2" }),
                   /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: "r2", children: "Custom" })
                 ] })
               ]
             }
           )
         ] }),
-        u === "custom" && l == "linear" && D(),
+        m === "custom" && i == "linear" && D(),
         U(),
-        /* @__PURE__ */ e.jsx(Ma, {}),
+        /* @__PURE__ */ e.jsx(Fa, {}),
         /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-3", children: /* @__PURE__ */ e.jsx(
           w,
           {
@@ -3157,44 +3151,44 @@ function St() {
 }
 function Bn({ idx: s }) {
   var c;
-  const a = i((d) => {
-    var m;
-    return (m = d.card) == null ? void 0 : m.preferences;
-  }), t = i(
+  const n = l((d) => {
+    var u;
+    return (u = d.card) == null ? void 0 : u.preferences;
+  }), t = l(
     (d) => {
-      var m;
-      return (m = d.card.preferences) == null ? void 0 : m.datasetOptions;
+      var u;
+      return (u = d.card.preferences) == null ? void 0 : u.datasetOptions;
     }
-  ), n = i(
+  ), a = l(
     (d) => d.actions.setCardPreferences
-  ), o = (c = a == null ? void 0 : a.chartOptions) == null ? void 0 : c.indexAxis, l = t == null ? void 0 : t.find((d) => d.idx === s);
-  function r(d, m) {
-    (d === "end" || d === "start") && Aa(Ea());
+  ), o = (c = n == null ? void 0 : n.chartOptions) == null ? void 0 : c.indexAxis, i = t == null ? void 0 : t.find((d) => d.idx === s);
+  function r(d, u) {
+    (d === "end" || d === "start") && Ma(Ta());
     const h = {
       display: d !== "none",
       align: d,
       anchor: d,
       clamp: !0
     };
-    if (!l)
-      n({
-        ...a,
+    if (!i)
+      a({
+        ...n,
         datasetOptions: [
           ...t || [],
           {
-            idx: m,
+            idx: u,
             datalabels: h
           }
         ]
       });
     else {
-      const u = { ...l };
-      u.datalabels = h;
+      const m = { ...i };
+      m.datalabels = h;
       const f = t == null ? void 0 : t.map(
-        (p) => p.idx === m ? u : p
+        (p) => p.idx === u ? m : p
       );
-      n({
-        ...a,
+      a({
+        ...n,
         datasetOptions: f
       });
     }
@@ -3209,7 +3203,7 @@ function Bn({ idx: s }) {
           size: "sm",
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
-          children: /* @__PURE__ */ e.jsx(Ta, { className: "size-4" })
+          children: /* @__PURE__ */ e.jsx(Oa, { className: "size-4" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -3220,9 +3214,9 @@ function Bn({ idx: s }) {
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
           children: /* @__PURE__ */ e.jsx(
-            en,
+            Xa,
             {
-              className: G("h-4 w-4", {
+              className: Y("h-4 w-4", {
                 "rotate-90": o === "y"
               })
             }
@@ -3237,9 +3231,9 @@ function Bn({ idx: s }) {
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
           children: /* @__PURE__ */ e.jsx(
-            tn,
+            en,
             {
-              className: G("h-4 w-4", {
+              className: Y("h-4 w-4", {
                 "rotate-90": o === "y"
               })
             }
@@ -3254,9 +3248,9 @@ function Bn({ idx: s }) {
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
           children: /* @__PURE__ */ e.jsx(
-            sn,
+            Za,
             {
-              className: G("h-4 w-4", {
+              className: Y("h-4 w-4", {
                 "rotate-90": o === "y"
               })
             }
@@ -3266,26 +3260,26 @@ function Bn({ idx: s }) {
     ] }) })
   ] });
 }
-function kt() {
-  const s = i((d) => d.card), a = i(
+function wt() {
+  const s = l((d) => d.card), n = l(
     (d) => {
-      var m, h, u;
-      return (u = (h = (m = d == null ? void 0 : d.card) == null ? void 0 : m.preferences) == null ? void 0 : h.chartOptions) == null ? void 0 : u.indexAxis;
+      var u, h, m;
+      return (m = (h = (u = d == null ? void 0 : d.card) == null ? void 0 : u.preferences) == null ? void 0 : h.chartOptions) == null ? void 0 : m.indexAxis;
     }
-  ), t = a === "y" ? "Y axis" : "X axis", n = a === "y" ? "X axis" : "Y axis", {
+  ), t = n === "y" ? "Y axis" : "X axis", a = n === "y" ? "X axis" : "Y axis", {
     keys: o,
-    metricKeys: l,
+    metricKeys: i,
     dimensionKeys: r
   } = ns(s.data || []);
-  let c = l;
+  let c = i;
   if (s.type === "stackedBar") {
-    const d = La({
+    const d = Aa({
       dataArray: s.data || [],
       groupKey: r[0],
       pivotKey: r[1],
       valueKey: c[0]
-    }), { metricKeys: m } = ns(d);
-    c = m;
+    }), { metricKeys: u } = ns(d);
+    c = u;
   }
   return o.length === 0 ? null : /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
@@ -3294,31 +3288,31 @@ function kt() {
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between gap-5", children: [
-        /* @__PURE__ */ e.jsx(B, { children: n }),
-        /* @__PURE__ */ e.jsx(St, {})
+        /* @__PURE__ */ e.jsx(B, { children: a }),
+        /* @__PURE__ */ e.jsx(kt, {})
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: c.map((d, m) => /* @__PURE__ */ e.jsx($n, { col: d, idx: m }, d)) })
+      /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: c.map((d, u) => /* @__PURE__ */ e.jsx($n, { col: d, idx: u }, d)) })
     ] })
   ] });
 }
-function $n({ col: s, idx: a }) {
-  const t = i((c) => {
+function $n({ col: s, idx: n }) {
+  const t = l((c) => {
     var d;
     return (d = c.card) == null ? void 0 : d.preferences;
-  }), n = i(
+  }), a = l(
     (c) => {
       var d;
       return (d = c.card.preferences) == null ? void 0 : d.datasetOptions;
     }
-  ), o = n == null ? void 0 : n.find((c) => c.idx === a), { setCardPreferences: l } = i((c) => c.actions);
+  ), o = a == null ? void 0 : a.find((c) => c.idx === n), { setCardPreferences: i } = l((c) => c.actions);
   function r(c) {
     if (!o)
-      l({
+      i({
         ...t,
         datasetOptions: [
-          ...n || [],
+          ...a || [],
           {
-            idx: a,
+            idx: n,
             type: c === "area" ? "line" : c,
             fill: c === "area" ? "origin" : ""
           }
@@ -3327,12 +3321,12 @@ function $n({ col: s, idx: a }) {
     else {
       const d = { ...o };
       d.type = c === "area" ? "line" : c, d.fill = c === "area" ? "origin" : "";
-      const m = n == null ? void 0 : n.map(
-        (h) => h.idx === a ? d : h
+      const u = a == null ? void 0 : a.map(
+        (h) => h.idx === n ? d : h
       );
-      l({
+      i({
         ...t,
-        datasetOptions: m
+        datasetOptions: u
       });
     }
   }
@@ -3354,20 +3348,20 @@ function $n({ col: s, idx: a }) {
         }
       ),
       /* @__PURE__ */ e.jsx(
-        Ga,
+        Ka,
         {
           onClick: () => r("area"),
           className: "invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"
         }
       ),
       /* @__PURE__ */ e.jsx(
-        at,
+        nt,
         {
           orientation: "vertical",
           className: "invisible size-4 cursor-pointer py-2 text-muted-foreground hover:text-foreground group-hover:visible"
         }
       ),
-      /* @__PURE__ */ e.jsx(Bn, { idx: a })
+      /* @__PURE__ */ e.jsx(Bn, { idx: n })
     ] })
   ] });
 }
@@ -3390,7 +3384,7 @@ function Kn({
             "a",
             {
               target: "_blank",
-              onClick: (a) => a.stopPropagation(),
+              onClick: (n) => n.stopPropagation(),
               className: "text-blue-700",
               href: "https://docs.semaphor.cloud/concepts/visuals#line-chart",
               children: "example"
@@ -3404,7 +3398,7 @@ function Kn({
       /* @__PURE__ */ e.jsx(V, { children: "Settings" }),
       /* @__PURE__ */ e.jsxs(R, { className: "space-y-4 px-2", children: [
         /* @__PURE__ */ e.jsx(Ss, {}),
-        /* @__PURE__ */ e.jsx(kt, {})
+        /* @__PURE__ */ e.jsx(wt, {})
       ] })
     ] }),
     /* @__PURE__ */ e.jsxs(q, { value: "item-3", children: [
@@ -3414,11 +3408,11 @@ function Kn({
   ] }) });
 }
 function ks() {
-  var o, l, r;
-  const s = i(
+  var o, i, r;
+  const s = l(
     (c) => c.card.cfg
-  ), a = i((c) => c.actions.setCardCfg), t = i((c) => c.card.type);
-  function n(c) {
+  ), n = l((c) => c.actions.setCardCfg), t = l((c) => c.card.type);
+  function a(c) {
     var h;
     const d = {
       datalabels: {
@@ -3427,7 +3421,7 @@ function ks() {
         anchor: c,
         clamp: !0
       }
-    }, m = {
+    }, u = {
       ...s,
       options: {
         ...s == null ? void 0 : s.options,
@@ -3437,18 +3431,18 @@ function ks() {
         }
       }
     };
-    a(m), console.log(c);
+    n(u), console.log(c);
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ e.jsx("label", { className: "font-medium", children: "Data Labels" }),
-      t !== "pyramid" && /* @__PURE__ */ e.jsx(St, {})
+      t !== "pyramid" && /* @__PURE__ */ e.jsx(kt, {})
     ] }),
     /* @__PURE__ */ e.jsxs(
       xs,
       {
-        value: (r = (l = (o = s == null ? void 0 : s.options) == null ? void 0 : o.plugins) == null ? void 0 : l.datalabels) == null ? void 0 : r.anchor,
-        onValueChange: n,
+        value: (r = (i = (o = s == null ? void 0 : s.options) == null ? void 0 : o.plugins) == null ? void 0 : i.datalabels) == null ? void 0 : r.anchor,
+        onValueChange: a,
         defaultValue: "none",
         children: [
           /* @__PURE__ */ e.jsx(ps, { className: "h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(fs, { placeholder: "Select position" }) }),
@@ -3464,13 +3458,13 @@ function ks() {
     )
   ] });
 }
-function Gn({
+function Un({
   cardType: s
 }) {
-  function a(t) {
-    const n = "SELECT label, [group], x-axis, y-axis, radius FROM table", o = "SELECT label, [group], x-axis, y-axis FROM table";
+  function n(t) {
+    const a = "SELECT label, [group], x-axis, y-axis, radius FROM table", o = "SELECT label, [group], x-axis, y-axis FROM table";
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      /* @__PURE__ */ e.jsx("div", { className: "bg-muted px-2 py-1 rounded    text-xs", children: t === "bubble" ? n : o }),
+      /* @__PURE__ */ e.jsx("div", { className: "bg-muted px-2 py-1 rounded    text-xs", children: t === "bubble" ? a : o }),
       /* @__PURE__ */ e.jsxs("ul", { className: " ml-6 list-disc [&>li]:mt-2 text-xs", children: [
         /* @__PURE__ */ e.jsx("li", { children: "label - category" }),
         /* @__PURE__ */ e.jsx("li", { children: "group - category" }),
@@ -3484,7 +3478,7 @@ function Gn({
           "a",
           {
             target: "_blank",
-            onClick: (l) => l.stopPropagation(),
+            onClick: (i) => i.stopPropagation(),
             className: "text-blue-700",
             href: "https://docs.semaphor.cloud/concepts/visuals#pie-chart",
             children: "example"
@@ -3497,7 +3491,7 @@ function Gn({
   return /* @__PURE__ */ e.jsx("div", { className: "px-6 py-2 space-y-6", children: /* @__PURE__ */ e.jsxs(ke, { defaultValue: ["item-2"], type: "multiple", children: [
     /* @__PURE__ */ e.jsxs(q, { value: "item-1", children: [
       /* @__PURE__ */ e.jsx(V, { children: `${vs(s)} Chart` }),
-      /* @__PURE__ */ e.jsx(R, { className: " space-y-4 font-mono text-xs ", children: a(s) })
+      /* @__PURE__ */ e.jsx(R, { className: " space-y-4 font-mono text-xs ", children: n(s) })
     ] }),
     /* @__PURE__ */ e.jsxs(q, { value: "item-2", children: [
       /* @__PURE__ */ e.jsx(V, { children: "Settings" }),
@@ -3509,7 +3503,7 @@ function Gn({
     ] })
   ] }) });
 }
-const Un = {
+const Jn = {
   datasets: [
     {
       type: "line",
@@ -3522,7 +3516,7 @@ const Un = {
       data: []
     }
   ]
-}, Jn = {
+}, Gn = {
   datasets: [
     {
       fill: "origin",
@@ -3533,7 +3527,7 @@ const Un = {
   ]
 };
 function Qn() {
-  const s = i((a) => a.card.type);
+  const s = l((n) => n.card.type);
   return /* @__PURE__ */ e.jsxs("div", { className: "p-6 space-y-6", children: [
     /* @__PURE__ */ e.jsx(
       ke,
@@ -3570,7 +3564,7 @@ function Wn(s) {
             /* @__PURE__ */ e.jsx("b", { children: "Customize" }),
             " and change the `type` property in the dataset."
           ] }),
-          /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify(Un, null, 2) })
+          /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify(Jn, null, 2) })
         ] })
       ] }),
       /* @__PURE__ */ e.jsxs(q, { value: "item-3", children: [
@@ -3591,7 +3585,7 @@ function Wn(s) {
             ),
             "for more options."
           ] }),
-          /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify(Jn, null, 2) })
+          /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify(Gn, null, 2) })
         ] })
       ] })
     ] });
@@ -3648,40 +3642,40 @@ function Wn(s) {
 }
 function Pn() {
   var r, c, d;
-  const s = i((m) => m.card.preferences), a = i(
-    (m) => m.actions.setCardPreferences
-  ), t = i(
-    (m) => m.actions.setNumberFormat
-  ), n = i(
-    (m) => {
-      var h, u;
-      return (u = (h = m.card.preferences) == null ? void 0 : h.formatNumber) == null ? void 0 : u.format;
+  const s = l((u) => u.card.preferences), n = l(
+    (u) => u.actions.setCardPreferences
+  ), t = l(
+    (u) => u.actions.setNumberFormat
+  ), a = l(
+    (u) => {
+      var h, m;
+      return (m = (h = u.card.preferences) == null ? void 0 : h.formatNumber) == null ? void 0 : m.format;
     }
-  ), o = i(
-    (m) => {
-      var h, u;
-      return (u = (h = m.card.preferences) == null ? void 0 : h.formatNumber) == null ? void 0 : u.locale;
+  ), o = l(
+    (u) => {
+      var h, m;
+      return (m = (h = u.card.preferences) == null ? void 0 : h.formatNumber) == null ? void 0 : m.locale;
     }
-  ), l = i(
-    (m) => {
-      var h, u;
-      return (u = (h = m.card.preferences) == null ? void 0 : h.formatNumber) == null ? void 0 : u.currency;
+  ), i = l(
+    (u) => {
+      var h, m;
+      return (m = (h = u.card.preferences) == null ? void 0 : h.formatNumber) == null ? void 0 : m.currency;
     }
   );
-  return i(
-    (m) => m.actions.setFilterOnClickField
+  return l(
+    (u) => u.actions.setFilterOnClickField
   ), /* @__PURE__ */ e.jsxs("div", { children: [
     /* @__PURE__ */ e.jsxs("div", { className: "mb-3 flex items-center gap-2", children: [
       /* @__PURE__ */ e.jsx(
         Qe,
         {
           checked: !!((r = s == null ? void 0 : s.formatNumber) != null && r.enabled),
-          onCheckedChange: (m) => {
-            a({
+          onCheckedChange: (u) => {
+            n({
               ...s,
               formatNumber: {
                 ...s == null ? void 0 : s.formatNumber,
-                enabled: m
+                enabled: u
               }
             });
           }
@@ -3694,34 +3688,34 @@ function Pn() {
         /* @__PURE__ */ e.jsx(B, { className: "text-xs", children: "Currency" }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex gap-1", children: [
           /* @__PURE__ */ e.jsx(
-            W,
+            Q,
             {
-              value: l || "",
+              value: i || "",
               className: "h-7 font-mono text-xs focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0",
               placeholder: "USD",
-              onChange: (m) => {
-                var h, u, f;
+              onChange: (u) => {
+                var h, m, f;
                 return t(
                   ((h = s == null ? void 0 : s.formatNumber) == null ? void 0 : h.format) || "",
-                  m.target.value,
-                  ((u = s == null ? void 0 : s.formatNumber) == null ? void 0 : u.locale) || "",
+                  u.target.value,
+                  ((m = s == null ? void 0 : s.formatNumber) == null ? void 0 : m.locale) || "",
                   ((f = s == null ? void 0 : s.formatNumber) == null ? void 0 : f.suffix) || ""
                 );
               }
             }
           ),
           /* @__PURE__ */ e.jsx(
-            W,
+            Q,
             {
               value: o || "",
               className: "h-7 font-mono text-xs focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0",
               placeholder: "en-US",
-              onChange: (m) => {
-                var h, u, f;
+              onChange: (u) => {
+                var h, m, f;
                 return t(
                   ((h = s == null ? void 0 : s.formatNumber) == null ? void 0 : h.format) || "",
-                  ((u = s == null ? void 0 : s.formatNumber) == null ? void 0 : u.currency) || "",
-                  m.target.value,
+                  ((m = s == null ? void 0 : s.formatNumber) == null ? void 0 : m.currency) || "",
+                  u.target.value,
                   ((f = s == null ? void 0 : s.formatNumber) == null ? void 0 : f.suffix) || ""
                 );
               }
@@ -3733,8 +3727,8 @@ function Pn() {
         /* @__PURE__ */ e.jsxs("div", { className: "flex gap-1", children: [
           /* @__PURE__ */ e.jsx(B, { className: "text-xs", children: "Format" }),
           /* @__PURE__ */ e.jsxs(We, { children: [
-            /* @__PURE__ */ e.jsx(ms, { children: /* @__PURE__ */ e.jsx(
-              et,
+            /* @__PURE__ */ e.jsx(us, { children: /* @__PURE__ */ e.jsx(
+              st,
               {
                 strokeWidth: 1,
                 className: "h-3 w-3 opacity-70"
@@ -3747,17 +3741,17 @@ function Pn() {
           ] })
         ] }),
         /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(
-          W,
+          Q,
           {
-            value: n || "",
+            value: a || "",
             className: "h-7 font-mono text-xs focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0",
             placeholder: "###,###.##",
-            onChange: (m) => {
-              var h, u, f;
+            onChange: (u) => {
+              var h, m, f;
               return t(
-                m.target.value,
+                u.target.value,
                 ((h = s == null ? void 0 : s.formatNumber) == null ? void 0 : h.currency) || "",
-                ((u = s == null ? void 0 : s.formatNumber) == null ? void 0 : u.locale) || "",
+                ((m = s == null ? void 0 : s.formatNumber) == null ? void 0 : m.locale) || "",
                 ((f = s == null ? void 0 : s.formatNumber) == null ? void 0 : f.suffix) || ""
               );
             }
@@ -3767,18 +3761,18 @@ function Pn() {
       /* @__PURE__ */ e.jsxs("div", { children: [
         /* @__PURE__ */ e.jsx(B, { className: "text-xs", children: "Suffix" }),
         /* @__PURE__ */ e.jsx(
-          W,
+          Q,
           {
             value: ((d = s == null ? void 0 : s.formatNumber) == null ? void 0 : d.suffix) || "",
             className: "h-7 font-mono text-xs focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0",
             placeholder: "K, M, B",
-            onChange: (m) => {
-              var h, u, f;
+            onChange: (u) => {
+              var h, m, f;
               return t(
                 ((h = s == null ? void 0 : s.formatNumber) == null ? void 0 : h.format) || "",
-                ((u = s == null ? void 0 : s.formatNumber) == null ? void 0 : u.currency) || "",
+                ((m = s == null ? void 0 : s.formatNumber) == null ? void 0 : m.currency) || "",
                 ((f = s == null ? void 0 : s.formatNumber) == null ? void 0 : f.locale) || "",
-                m.target.value
+                u.target.value
               );
             }
           }
@@ -3818,14 +3812,14 @@ function Yn() {
     /* @__PURE__ */ e.jsx("div", {})
   ] });
 }
-function Bs({
+function $s({
   cardType: s,
-  docContent: a
+  docContent: n
 }) {
   return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(ke, { defaultValue: ["item-2"], type: "multiple", children: [
     /* @__PURE__ */ e.jsxs(q, { value: "item-1", children: [
       /* @__PURE__ */ e.jsx(V, { children: `${vs(s)} Chart` }),
-      /* @__PURE__ */ e.jsx(R, { children: a || /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
+      /* @__PURE__ */ e.jsx(R, { children: n || /* @__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 label, measure FROM table" }),
         /* @__PURE__ */ e.jsxs("ul", { className: "ml-6 list-disc text-xs [&>li]:mt-2", children: [
           /* @__PURE__ */ e.jsx("li", { children: "label - category" }),
@@ -3888,7 +3882,7 @@ function Xn() {
       /* @__PURE__ */ e.jsx(V, { children: "Settings" }),
       /* @__PURE__ */ e.jsxs(R, { className: "space-y-4 px-2", children: [
         /* @__PURE__ */ e.jsx(Ss, {}),
-        /* @__PURE__ */ e.jsx(kt, {})
+        /* @__PURE__ */ e.jsx(wt, {})
       ] })
     ] }),
     /* @__PURE__ */ e.jsxs(q, { value: "item-3", children: [
@@ -3897,10 +3891,8 @@ function Xn() {
     ] })
   ] }) });
 }
-function Zn({
-  cardType: s
-}) {
-  return console.log("TableVisualSettings", s), /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsx(ke, { defaultValue: ["item-3"], type: "multiple", children: /* @__PURE__ */ e.jsxs(q, { value: "item-3", children: [
+function Zn({}) {
+  return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsx(ke, { defaultValue: ["item-3"], type: "multiple", children: /* @__PURE__ */ e.jsxs(q, { value: "item-3", children: [
     /* @__PURE__ */ e.jsx(V, { children: "Filter on click" }),
     /* @__PURE__ */ e.jsx(R, { className: "px-2", children: /* @__PURE__ */ e.jsx(Me, {}) })
   ] }) }) });
@@ -3923,14 +3915,14 @@ const er = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-
   ] })
 ] });
 function sr() {
-  const s = i((t) => t.card.type);
-  function a(t) {
+  const s = l((t) => t.card.type);
+  function n(t) {
     switch (t) {
       case "stackedBar":
         return /* @__PURE__ */ e.jsx(Xn, {});
       case "pyramid":
         return /* @__PURE__ */ e.jsx(
-          Bs,
+          $s,
           {
             docContent: er,
             cardType: t
@@ -3945,20 +3937,20 @@ function sr() {
       case "doughnut":
       case "polarArea":
       case "radar":
-        return /* @__PURE__ */ e.jsx(Bs, { cardType: t });
+        return /* @__PURE__ */ e.jsx($s, { cardType: t });
       case "bubble":
       case "scatter":
-        return /* @__PURE__ */ e.jsx(Gn, { cardType: t });
+        return /* @__PURE__ */ e.jsx(Un, { cardType: t });
       case "table":
         return /* @__PURE__ */ e.jsx(Zn, { cardType: t });
       default:
         return /* @__PURE__ */ e.jsx(Qn, {});
     }
   }
-  return /* @__PURE__ */ e.jsx(ys, { className: "h-full w-full text-sm", children: a(s) });
+  return /* @__PURE__ */ e.jsx(ys, { className: "h-full w-full text-sm", children: n(s) });
 }
 function tr() {
-  const s = i((a) => a.isShowingVisual);
+  const s = l((n) => n.isShowingVisual);
   return /* @__PURE__ */ e.jsxs(
     rs,
     {
@@ -3975,7 +3967,7 @@ function tr() {
             children: /* @__PURE__ */ e.jsx(Ln, {})
           }
         ),
-        /* @__PURE__ */ e.jsx(ls, { withHandle: !0, className: "border " }),
+        /* @__PURE__ */ e.jsx(is, { withHandle: !0, className: "border " }),
         /* @__PURE__ */ e.jsx(
           Fe,
           {
@@ -3994,56 +3986,56 @@ function tr() {
                   children: /* @__PURE__ */ e.jsx(sr, {})
                 }
               ) }),
-              /* @__PURE__ */ e.jsx(ls, { className: "border " }),
-              /* @__PURE__ */ e.jsx(Fe, { minSize: 40, defaultSize: 75, maxSize: 100, children: /* @__PURE__ */ e.jsx(_s, {}) })
-            ] }) : /* @__PURE__ */ e.jsx(_s, {})
+              /* @__PURE__ */ e.jsx(is, { className: "border " }),
+              /* @__PURE__ */ e.jsx(Fe, { minSize: 40, defaultSize: 75, maxSize: 100, children: /* @__PURE__ */ e.jsx(Hs, {}) })
+            ] }) : /* @__PURE__ */ e.jsx(Hs, {})
           }
         )
       ]
     }
   );
 }
-function ar({ authToken: s, onSave: a, onClose: t }) {
-  const n = i((r) => r.actions.setOnSave), o = i((r) => r.actions.setOnClose), l = k((r) => r.actions.setAuthToken);
+function ar({ authToken: s, onSave: n, onClose: t }) {
+  const a = l((r) => r.actions.setOnSave), o = l((r) => r.actions.setOnClose), i = k((r) => r.actions.setAuthToken);
   return K(() => {
-    a && n(a), t && o(t);
-  }, [a, n, t, o]), K(() => {
-    s && s.accessToken && l(s);
-  }, [s, l]), /* @__PURE__ */ e.jsxs(Da, { className: "rounded-none", role: "editor-panel", children: [
-    /* @__PURE__ */ e.jsx(Ia, { className: "rounded-none border-r-[1.5px]", children: /* @__PURE__ */ e.jsx(mt, {}) }),
-    /* @__PURE__ */ e.jsx(qa, { children: /* @__PURE__ */ e.jsx(tr, {}) })
+    n && a(n), t && o(t);
+  }, [n, a, t, o]), K(() => {
+    s && s.accessToken && i(s);
+  }, [s, i]), /* @__PURE__ */ e.jsxs(Ea, { className: "rounded-none", role: "editor-panel", children: [
+    /* @__PURE__ */ e.jsx(La, { className: "rounded-none border-r-[1.5px]", children: /* @__PURE__ */ e.jsx(xt, {}) }),
+    /* @__PURE__ */ e.jsx(Da, { children: /* @__PURE__ */ e.jsx(tr, {}) })
   ] });
 }
 function nr() {
   k((r) => r.selectedCardId);
-  const s = k((r) => r.selectedSheetId), { setIsVisualEditing: a } = k((r) => r.actions), t = k((r) => r.isVisualEditing), n = k((r) => r.actions.updateFrame);
+  const s = k((r) => r.selectedSheetId), { setIsVisualEditing: n } = k((r) => r.actions), t = k((r) => r.isVisualEditing), a = k((r) => r.actions.updateFrame);
   function o(r) {
-    s && (n(s, r), a(!1));
+    s && (a(s, r), n(!1));
   }
-  function l() {
-    a(!1);
+  function i() {
+    n(!1);
   }
   return /* @__PURE__ */ e.jsx(
     "div",
     {
       role: "editor-container",
-      className: G("flex grow", {
+      className: Y("flex grow", {
         block: t,
         hidden: !t
       }),
-      children: /* @__PURE__ */ e.jsx(ar, { onSave: o, onClose: l })
+      children: /* @__PURE__ */ e.jsx(ar, { onSave: o, onClose: i })
     }
   );
 }
 function rr({
   columns: s,
-  tableName: a
+  tableName: n
 }) {
-  const t = i((u) => u.selectedConnectionId), n = i((u) => u.selectedDatabaseName), o = i((u) => u.selectedSchemaName), l = i((u) => u.selectedTableName), r = k((u) => u.dashboard.filters) || [], c = k((u) => u.actions.addFilter), d = k((u) => u.actions.removeFilter), m = k(
-    (u) => u.actions.removeFilterValue
+  const t = l((m) => m.selectedConnectionId), a = l((m) => m.selectedDatabaseName), o = l((m) => m.selectedSchemaName), i = l((m) => m.selectedTableName), r = k((m) => m.dashboard.filters) || [], c = k((m) => m.actions.addFilter), d = k((m) => m.actions.removeFilter), u = k(
+    (m) => m.actions.removeFilterValue
   );
-  function h(u) {
-    const f = de(u.column_name), p = de(n || ""), g = de(o || ""), S = de(a), N = as(
+  function h(m) {
+    const f = de(m.column_name), p = de(a || ""), g = de(o || ""), S = de(n), N = as(
       g,
       S
     ), j = `${N}.${f}`;
@@ -4054,24 +4046,24 @@ function rr({
       p
     );
     const L = r == null ? void 0 : r.find(
-      (A) => A.column === j && A.table === S && (A.database === p || A.database === n)
+      (A) => A.column === j && A.table === S && (A.database === p || A.database === a)
     );
     if (L)
-      m(L.id), d(L.id);
+      u(L.id), d(L.id);
     else {
-      if (a === "api" && t) {
+      if (n === "api" && t) {
         c({
           id: $e(),
           column: j,
-          title: u.column_name,
-          dataType: u.data_type,
+          title: m.column_name,
+          dataType: m.data_type,
           table: "api",
           database: "",
           // database: 'NA',
           connectionId: t,
           operation: "in",
-          sql: qs(
-            u.data_type,
+          sql: Vs(
+            m.data_type,
             N,
             f
           )
@@ -4082,14 +4074,14 @@ function rr({
       c({
         id: $e(),
         column: `${N}.${f}`,
-        title: u.column_name,
-        dataType: u.data_type,
-        table: l || "",
-        database: n || "",
+        title: m.column_name,
+        dataType: m.data_type,
+        table: i || "",
+        database: a || "",
         connectionId: t || "",
         operation: "in",
-        sql: qs(
-          u.data_type,
+        sql: Vs(
+          m.data_type,
           N,
           f
         )
@@ -4097,33 +4089,33 @@ function rr({
       });
     }
   }
-  return /* @__PURE__ */ e.jsx("div", { className: "xbg-red-100 flex-1 basis-0 flex-col overflow-scroll px-3", children: s == null ? void 0 : s.map((u) => {
+  return /* @__PURE__ */ e.jsx("div", { className: "xbg-red-100 flex-1 basis-0 flex-col overflow-scroll px-3", children: s == null ? void 0 : s.map((m) => {
     const f = r == null ? void 0 : r.find(
-      (p) => p.column === de(u.column_name) && p.table === l && p.database === n
+      (p) => p.column === de(m.column_name) && p.table === i && p.database === a
     );
     return /* @__PURE__ */ e.jsx(
       "div",
       {
-        onClick: () => h(u),
-        className: G(
+        onClick: () => h(m),
+        className: Y(
           "group flex cursor-pointer items-center justify-between border border-dashed border-background px-3 py-[6px] text-sm transition-colors hover:bg-muted/50",
           {
             "bg-muted": f
           }
         ),
         children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ e.jsx(ht, { column: u }),
-          /* @__PURE__ */ e.jsx("span", { children: u.column_name })
+          /* @__PURE__ */ e.jsx(mt, { column: m }),
+          /* @__PURE__ */ e.jsx("span", { children: m.column_name })
         ] })
       },
-      u.column_name
+      m.column_name
     );
   }) });
 }
-function lr() {
-  k((a) => a.showFilters);
+function ir() {
+  k((n) => n.showFilters);
   const s = k(
-    (a) => a.actions.setShowFilters
+    (n) => n.actions.setShowFilters
   );
   return /* @__PURE__ */ e.jsxs("section", { className: "relative flex grow flex-col border-l px-4", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "mt-4 flex items-center justify-between gap-2 px-3", children: [
@@ -4139,57 +4131,57 @@ function lr() {
       )
     ] }),
     /* @__PURE__ */ e.jsx("div", { className: "flex grow", children: /* @__PURE__ */ e.jsx(
-      mt,
+      xt,
       {
-        ColumnsComponent: (a, t, n) => /* @__PURE__ */ e.jsx(
+        ColumnsComponent: (n, t, a) => /* @__PURE__ */ e.jsx(
           rr,
           {
-            schemaName: a,
+            schemaName: n,
             tableName: t,
-            columns: n
+            columns: a
           }
         )
       }
     ) })
   ] });
 }
-function ir() {
+function lr() {
   k((t) => t.dashboard);
-  const s = k((t) => t.showFilters), a = k((t) => t.isVisualEditing);
+  const s = k((t) => t.showFilters), n = k((t) => t.isVisualEditing);
   return k((t) => t.bookmarkKey), /* @__PURE__ */ e.jsxs(
     "div",
     {
       role: "dashboard-plus-main",
-      className: G("grow", {
-        hidden: a,
-        flex: !a
+      className: Y("grow", {
+        hidden: n,
+        flex: !n
       }),
       children: [
-        /* @__PURE__ */ e.jsx(Va, {}),
-        s && /* @__PURE__ */ e.jsx("div", { role: "filter-aside-container", className: "flex", children: /* @__PURE__ */ e.jsx(lr, {}) })
+        /* @__PURE__ */ e.jsx(Ia, {}),
+        s && /* @__PURE__ */ e.jsx("div", { role: "filter-aside-container", className: "flex", children: /* @__PURE__ */ e.jsx(ir, {}) })
       ]
     }
   );
 }
 function or() {
-  const s = k((n) => n.dashboard), a = k((n) => n.actions.setDashboard), t = k(
-    (n) => n.showDashboardJSON
+  const s = k((a) => a.dashboard), n = k((a) => a.actions.setDashboard), t = k(
+    (a) => a.showDashboardJSON
   );
   return k(
-    (n) => n.actions.setShowDashboardJSON
+    (a) => a.actions.setShowDashboardJSON
   ), /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: G(" p-2", {
+      className: Y(" p-2", {
         hidden: !t
       }),
       children: /* @__PURE__ */ e.jsx(
-        Ra,
+        qa,
         {
-          onChange: (n) => {
-            if (n)
+          onChange: (a) => {
+            if (a)
               try {
-                JSON.parse(n), a(JSON.parse(n));
+                JSON.parse(a), n(JSON.parse(a));
               } catch {
               }
           },
@@ -4217,17 +4209,20 @@ function or() {
 }
 function hr({
   showControls: s = !1,
-  showFooter: a = !0,
+  showFooter: n = !0,
   ...t
 }) {
-  return /* @__PURE__ */ e.jsx(_a, { dashboardProps: t, children: /* @__PURE__ */ e.jsxs(Ha, { children: [
-    /* @__PURE__ */ e.jsx(or, {}),
-    /* @__PURE__ */ e.jsxs(Ba, { ...t, children: [
-      s && /* @__PURE__ */ e.jsx(gn, {}),
-      /* @__PURE__ */ e.jsx(nr, {}),
-      /* @__PURE__ */ e.jsx(ir, {})
+  return /* @__PURE__ */ e.jsxs(Va, { dashboardProps: t, children: [
+    /* @__PURE__ */ e.jsx(Ra, {}),
+    /* @__PURE__ */ e.jsxs(_a, { children: [
+      /* @__PURE__ */ e.jsx(or, {}),
+      /* @__PURE__ */ e.jsxs(Ha, { ...t, children: [
+        s && /* @__PURE__ */ e.jsx(gn, {}),
+        /* @__PURE__ */ e.jsx(nr, {}),
+        /* @__PURE__ */ e.jsx(lr, {})
+      ] })
     ] })
-  ] }) });
+  ] });
 }
 export {
   hr as D,