react-semaphor 0.0.172 → 0.0.173

package/dist/chunks/{dashboard-plus--7LpBCrZ.js → dashboard-plus-0J3J9ZJQ.js}

@@ -1,12 +1,12 @@
-import { P as z, b as S, 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 _, _ as Q, $ as Bs, J as $s, O as ze, a0 as Et, a1 as Lt, a2 as Dt, a3 as It, a4 as qt, a5 as Vt, a6 as Os, 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 W, ac as fs, ad as gs, ae as js, af as Ke, ag as xe, G as l, ah as qe, ai as Ve, aj as Rt, ak as Re, w as Ks, v as Us, t as ce, al as _t, r as Ht, N as Gs, s as Bt, am as $t, B as Kt, an as Js, L as De, S as bs, z as Ut, n as zs, A as as, u as Ye, ao as Ne, ap as Fe, aq as Gt, ar as Jt, as as Qt, at as Qs, au as Ws, av as Ps, aw as Ys, ax as Xs, ay as Wt, az as Zs, aA as et, aB as Pt, aC as Yt, aD as Xt, aE as Zt, aF as ea, aG as ns, aH as sa, aI as Be, aJ as Ms, aK as ta, aL as aa, aM as na, aN as ra, aO as la, aP as ts, aQ as ia, aR as Ts, aS as oa, aT as As, aU as ca, aV as da, aW as ha, aX as st, l as ua, C as ma, E as Es, d as xa, h as pa, i as fa, o as ga, aY as ja, m as ba, aZ as ya, a_ as va, a$ as Na, b0 as Ls, b1 as Ca, b2 as Ds, b3 as Is, K as Sa, b4 as tt, b5 as ka, b6 as at, b7 as Ue, b8 as nt, b9 as wa, ba as Fa, bb as Oa, bc as za, bd as Ma, be as Ta, bf as Ce, bg as I, bh as q, bi as ys, bj as V, bk as Aa, bl as Ea, bm as La, bn as qs, bo as Da, bp as Ia, bq as qa, br as Va, bs as Ra } from "./index-eANGYKf6.js";
-import de, { useState as O, useEffect as B, useMemo as _a, useRef as Ie } from "react";
+import { P as M, b as S, 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 H, _ as W, $ as Bs, J as $s, O as ze, a0 as Et, a1 as Lt, a2 as Dt, a3 as It, a4 as qt, a5 as Vt, a6 as Os, 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 K, ac as fs, ad as gs, ae as js, af as Ke, ag as xe, ah as bs, G as l, ai as qe, aj as Ve, ak as Rt, al as Re, w as Ks, v as Us, t as ce, am as _t, r as Ht, N as Gs, s as Bt, an as $t, B as Kt, ao as Js, ap as Ut, L as De, S as ys, z as Gt, n as zs, A as as, u as Ye, aq as Ne, ar as Fe, as as Jt, at as Qt, au as Wt, av as Qs, aw as Ws, ax as Ps, ay as Ys, az as Xs, aA as Pt, aB as Zs, aC as et, aD as Yt, aE as Xt, aF as Zt, aG as ea, aH as sa, aI as ns, aJ as ta, aK as Be, aL as Ms, aM as aa, aN as na, aO as ra, aP as la, aQ as ia, aR as ts, aS as oa, aT as Ts, aU as ca, aV as As, aW as da, aX as ha, aY as ua, aZ as st, l as ma, C as xa, E as Es, d as pa, h as fa, i as ga, o as ja, a_ as ba, m as ya, a$ as va, b0 as Na, b1 as Ca, b2 as Ls, b3 as Sa, b4 as Ds, b5 as Is, K as ka, b6 as tt, b7 as wa, b8 as at, b9 as Ue, ba as nt, bb as Fa, bc as Oa, bd as za, be as Ma, bf as Ta, bg as Aa, bh as Ce, bi as q, bj as V, bk as vs, bl as R, bm as Ea, bn as La, bo as Da, bp as qs, bq as Ia, br as qa, bs as Va, bt as Ra, bu as _a } from "./index-YLj7M7ho.js";
+import de, { useState as z, useEffect as $, useMemo as Ha, 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 Ha = z("Activity", [
+const Ba = M("Activity", [
   [
     "path",
     {
@@ -21,7 +21,7 @@ const Ha = z("Activity", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ba = z("AreaChart", [
+const $a = M("AreaChart", [
   ["path", { d: "M3 3v18h18", key: "1s2lah" }],
   ["path", { d: "M7 12v5h12V8l-5 5-4-4Z", key: "zxz28u" }]
 ]);
@@ -31,7 +31,7 @@ const Ba = z("AreaChart", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const vs = z("BarChart4", [
+const Ns = M("BarChart4", [
   ["path", { d: "M3 3v18h18", key: "1s2lah" }],
   ["path", { d: "M13 17V9", key: "1fwyjl" }],
   ["path", { d: "M18 17V5", key: "sfb6ij" }],
@@ -43,16 +43,7 @@ const vs = z("BarChart4", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const $a = z("Bookmark", [
-  ["path", { d: "m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z", key: "1fy3hk" }]
-]);
-/**
- * @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 = z("CircleX", [
+const Ka = M("CircleX", [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
   ["path", { d: "m9 9 6 6", key: "z0biqf" }]
@@ -63,7 +54,7 @@ const Ka = z("CircleX", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ua = z("Database", [
+const Ua = M("Database", [
   ["ellipse", { cx: "12", cy: "5", rx: "9", ry: "3", key: "msslwz" }],
   ["path", { d: "M3 5V19A9 3 0 0 0 21 19V5", key: "1wlel7" }],
   ["path", { d: "M3 12A9 3 0 0 0 21 12", key: "mv7ke4" }]
@@ -74,7 +65,7 @@ const Ua = z("Database", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ga = z("Eraser", [
+const Ga = M("Eraser", [
   [
     "path",
     {
@@ -91,7 +82,7 @@ const Ga = z("Eraser", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const rt = z("Filter", [
+const rt = M("Filter", [
   ["polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3", key: "1yg77f" }]
 ]);
 /**
@@ -100,7 +91,7 @@ const rt = z("Filter", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ja = z("Glasses", [
+const Ja = M("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" }],
@@ -113,7 +104,7 @@ const Ja = z("Glasses", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Qa = z("GripVertical", [
+const Qa = M("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" }],
@@ -127,7 +118,7 @@ const Qa = z("GripVertical", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Wa = z("Hammer", [
+const Wa = M("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" }],
   [
@@ -144,7 +135,7 @@ const Wa = z("Hammer", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Pa = z("Hash", [
+const Pa = M("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" }],
@@ -156,7 +147,7 @@ const Pa = z("Hash", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ya = z("Key", [
+const Ya = M("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" }]
@@ -167,7 +158,7 @@ const Ya = z("Key", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ns = z("LineChart", [
+const Cs = M("LineChart", [
   ["path", { d: "M3 3v18h18", key: "1s2lah" }],
   ["path", { d: "m19 9-5 5-4-4-3 3", key: "2osh9i" }]
 ]);
@@ -177,7 +168,7 @@ const Ns = z("LineChart", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Xa = z("ListEnd", [
+const Xa = M("ListEnd", [
   ["path", { d: "M16 12H3", key: "1a2rj7" }],
   ["path", { d: "M16 6H3", key: "1wxfjs" }],
   ["path", { d: "M10 18H3", key: "13769t" }],
@@ -190,7 +181,7 @@ const Xa = z("ListEnd", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Za = z("ListStart", [
+const Za = M("ListStart", [
   ["path", { d: "M16 12H3", key: "1a2rj7" }],
   ["path", { d: "M16 18H3", key: "12xzn7" }],
   ["path", { d: "M10 6H3", key: "lf8lx7" }],
@@ -203,7 +194,7 @@ const Za = z("ListStart", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const en = z("ListX", [
+const en = M("ListX", [
   ["path", { d: "M11 12H3", key: "51ecnj" }],
   ["path", { d: "M16 6H3", key: "1wxfjs" }],
   ["path", { d: "M16 18H3", key: "12xzn7" }],
@@ -216,7 +207,7 @@ const en = z("ListX", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const sn = z("MessageSquareMore", [
+const sn = M("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" }],
@@ -228,7 +219,7 @@ const sn = z("MessageSquareMore", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const tn = z("Network", [
+const tn = M("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" }],
@@ -241,7 +232,7 @@ const tn = z("Network", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const lt = z("Pencil", [
+const lt = M("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" }]
 ]);
@@ -251,7 +242,7 @@ const lt = z("Pencil", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const it = z("PieChart", [
+const it = M("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" }]
 ]);
@@ -261,7 +252,7 @@ const it = z("PieChart", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const an = z("Play", [
+const an = M("Play", [
   ["polygon", { points: "6 3 20 12 6 21 6 3", key: "1oa8hb" }]
 ]);
 /**
@@ -270,7 +261,7 @@ const an = z("Play", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const nn = z("Plug2", [
+const nn = M("Plug2", [
   ["path", { d: "M9 2v6", key: "17ngun" }],
   ["path", { d: "M15 2v6", key: "s7yy2p" }],
   ["path", { d: "M12 17v5", key: "bb1du9" }],
@@ -283,7 +274,7 @@ const nn = z("Plug2", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ot = z("Plus", [
+const ot = M("Plus", [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "M12 5v14", key: "s699le" }]
 ]);
@@ -293,7 +284,7 @@ const ot = z("Plus", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const rn = z("Save", [
+const rn = M("Save", [
   [
     "path",
     {
@@ -310,7 +301,7 @@ const rn = z("Save", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ct = z("ScatterChart", [
+const ct = M("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" }],
@@ -324,7 +315,7 @@ const ct = z("ScatterChart", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ln = z("ShieldQuestion", [
+const ln = M("ShieldQuestion", [
   [
     "path",
     {
@@ -341,19 +332,7 @@ const ln = z("ShieldQuestion", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Cs = z("Table", [
-  ["path", { d: "M12 3v18", key: "108xh3" }],
-  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
-  ["path", { d: "M3 9h18", key: "1pudct" }],
-  ["path", { d: "M3 15h18", key: "5xshup" }]
-]);
-/**
- * @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 = z("Tag", [
+const on = M("Tag", [
   [
     "path",
     {
@@ -369,7 +348,7 @@ const on = z("Tag", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const cn = z("ToggleLeft", [
+const cn = M("ToggleLeft", [
   ["rect", { width: "20", height: "12", x: "2", y: "6", rx: "6", ry: "6", key: "f2vt7d" }],
   ["circle", { cx: "8", cy: "12", r: "2", key: "1nvbw3" }]
 ]);
@@ -379,7 +358,7 @@ const cn = z("ToggleLeft", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const dn = z("Type", [
+const dn = M("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" }]
@@ -390,16 +369,16 @@ const dn = z("Type", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const hn = z("User", [
+const hn = M("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 un() {
-  const [s, n] = O(""), [t, a] = O(!1), [i, o] = O(!1), r = S((c) => c.dashboard);
+  const [s, n] = z(""), [t, a] = z(!1), [i, o] = z(!1), r = S((c) => c.dashboard);
   function d() {
     const c = $s(r), m = ze(r.id), h = JSON.parse(localStorage.getItem(m) || "[]");
     if (h.some(
-      (j) => j.name === s
+      (g) => g.name === s
     )) {
       a(!0);
       return;
@@ -428,9 +407,9 @@ function un() {
         /* @__PURE__ */ e.jsx(us, { children: "Lenses are private by default and are only visible to you." })
       ] }),
       /* @__PURE__ */ e.jsx("div", { className: "grid gap-4 py-4", children: /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-8 items-center gap-4", children: [
-        /* @__PURE__ */ e.jsx(_, { className: "text-right", children: "Name" }),
+        /* @__PURE__ */ e.jsx(H, { className: "text-right", children: "Name" }),
         /* @__PURE__ */ e.jsx(
-          Q,
+          W,
           {
             value: s,
             onChange: (c) => {
@@ -456,15 +435,15 @@ function un() {
   ] });
 }
 function mn() {
-  const [s, n] = O(!1), [t, a] = O(""), i = S((f) => f.dashboard), o = S((f) => f.bookmarkKey), [r, d] = O([]), c = S((f) => f.actions.setDashboard), m = S(
+  const [s, n] = z(!1), [t, a] = z(""), i = S((f) => f.dashboard), o = S((f) => f.bookmarkKey), [r, d] = z([]), c = S((f) => f.actions.setDashboard), m = S(
     (f) => f.actions.setFilterValues
   ), h = S(
     (f) => f.actions.setBookmarkKey
   );
-  B(() => {
-    const f = ze(i.id), b = JSON.parse(localStorage.getItem(f) || "[]");
-    d(b);
-    const C = b.find(
+  $(() => {
+    const f = ze(i.id), j = JSON.parse(localStorage.getItem(f) || "[]");
+    d(j);
+    const C = j.find(
       (v) => v.default
     );
     C && C.name === o && a(C.name);
@@ -472,14 +451,14 @@ function mn() {
   function u(f) {
     if (f === t)
       return;
-    const b = r.find((v) => v.name === f), C = b == null ? void 0 : b.template;
-    C && (c(C), m(b.filterValues || []), h(f === "Original" ? "" : f)), a(f);
+    const j = r.find((v) => v.name === f), C = j == null ? void 0 : j.template;
+    C && (c(C), m(j.filterValues || []), h(f === "Original" ? "" : f)), a(f);
   }
-  function j(f) {
-    const b = ze(i.id), v = JSON.parse(localStorage.getItem(b) || "[]").filter(
-      (y) => y.name !== f
+  function g(f) {
+    const j = ze(i.id), v = JSON.parse(localStorage.getItem(j) || "[]").filter(
+      (b) => b.name !== f
     );
-    localStorage.setItem(b, JSON.stringify(v)), d(v);
+    localStorage.setItem(j, JSON.stringify(v)), d(v);
   }
   return /* @__PURE__ */ e.jsxs(Et, { open: s, onOpenChange: n, children: [
     /* @__PURE__ */ e.jsx(Lt, { asChild: !0, children: /* @__PURE__ */ e.jsx(w, { variant: "outline", className: "h-7 p-2", children: /* @__PURE__ */ e.jsx(Ja, { className: "h-4 w-4", strokeWidth: 1.5 }) }) }),
@@ -493,7 +472,7 @@ function mn() {
           onValueChange: u,
           children: [
             /* @__PURE__ */ e.jsx(Os, { value: "Original", children: "Original" }),
-            r.filter((f) => f.name != "Original").map((f, b) => /* @__PURE__ */ e.jsxs(
+            r.filter((f) => f.name != "Original").map((f, j) => /* @__PURE__ */ e.jsxs(
               Os,
               {
                 className: "xbg-red-100 flex justify-between",
@@ -505,7 +484,7 @@ function mn() {
                     Le,
                     {
                       onClick: (C) => {
-                        C.preventDefault(), j(f.name);
+                        C.preventDefault(), g(f.name);
                       },
                       className: "h-3 w-3 hover:cursor-pointer",
                       strokeWidth: 1.5
@@ -513,7 +492,7 @@ function mn() {
                   )
                 ]
               },
-              b
+              j
             ))
           ]
         }
@@ -522,8 +501,8 @@ function mn() {
   ] });
 }
 function xn() {
-  const [s, n] = O(!1), t = S((o) => o.dashboard), a = S((o) => o.bookmarkKey);
-  B(() => {
+  const [s, n] = z(!1), t = S((o) => o.dashboard), a = S((o) => o.bookmarkKey);
+  $(() => {
     if (!a) {
       n(!1);
       return;
@@ -563,22 +542,22 @@ function xn() {
   ] });
 }
 function pn() {
-  const s = S((y) => y.bookmarkKey), n = S((y) => y.dashboard);
-  S((y) => y.selectedSheetId);
+  const s = S((b) => b.bookmarkKey), n = S((b) => b.dashboard);
+  S((b) => b.selectedSheetId);
   const t = S(
-    (y) => y.isDashboardEditing
-  ), a = S((y) => y.filterValues), i = S((y) => y.isVisualEditing), o = S((y) => y.showFilters);
+    (b) => b.isDashboardEditing
+  ), a = S((b) => b.filterValues), i = S((b) => b.isVisualEditing), o = S((b) => b.showFilters);
   S(
-    (y) => y.showDashboardJSON
+    (b) => b.showDashboardJSON
   );
-  const r = S((y) => y.onSaveFunction), d = S(
-    (y) => y.actions.setShowFilters
+  const r = S((b) => b.onSaveFunction), d = S(
+    (b) => b.actions.setShowFilters
   ), { addFrame: c, setSelectedFrameId: m } = S(
-    (y) => y.actions
-  ), { getSelectedSheet: h, setIsDashboardEditing: u, setShowDashboardJSON: j } = S((y) => y.actions), f = h(), b = () => {
+    (b) => b.actions
+  ), { getSelectedSheet: h, setIsDashboardEditing: u, setShowDashboardJSON: g } = S((b) => b.actions), f = h(), j = () => {
     if (!t || !f)
       return;
-    const y = {
+    const b = {
       id: $e(),
       title: "Title",
       description: "Description",
@@ -595,8 +574,8 @@ function pn() {
       data: []
     }, E = {
       id: $e(),
-      cards: [y],
-      activeCardId: y.id
+      cards: [b],
+      activeCardId: b.id
     };
     c(f.id, E), m(E.id);
   }, C = () => {
@@ -605,19 +584,19 @@ function pn() {
   function v() {
     if (!s || s === "")
       return;
-    const y = $s(n), E = ze(n.id), T = JSON.parse(localStorage.getItem(E) || "[]"), g = T.findIndex(
-      (F) => F.name === s
+    const b = $s(n), E = ze(n.id), T = JSON.parse(localStorage.getItem(E) || "[]"), O = T.findIndex(
+      (y) => y.name === s
     );
-    g !== -1 ? T[g] = {
+    O !== -1 ? T[O] = {
       name: s,
-      template: y,
-      default: T[g].default,
+      template: b,
+      default: T[O].default,
       filterValues: a
     } : T.push({
       name: s,
-      template: y,
+      template: b,
       filterValues: a
-    }), localStorage.setItem(E, JSON.stringify(T)), r == null || r(y);
+    }), localStorage.setItem(E, JSON.stringify(T)), r == null || r(b);
   }
   return i ? null : /* @__PURE__ */ e.jsxs(
     "div",
@@ -626,7 +605,7 @@ function pn() {
       role: "dashboard-controls",
       children: [
         !i && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ e.jsx(_, { children: s }),
+          /* @__PURE__ */ e.jsx(H, { children: s }),
           !!s && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
             /* @__PURE__ */ e.jsx("span", { className: "text-muted-foreground", children: "|" }),
             /* @__PURE__ */ e.jsx(xn, {})
@@ -642,7 +621,7 @@ function pn() {
               className: "h-7 p-2",
               size: "sm",
               disabled: !t,
-              onClick: b,
+              onClick: j,
               children: [
                 /* @__PURE__ */ e.jsx(ot, { className: "mr-2 h-4 w-4", strokeWidth: 1.5 }),
                 "Add Frame"
@@ -666,7 +645,7 @@ function pn() {
               role: "close",
               className: "h-7 p-2",
               onClick: () => {
-                u(!1), j(!1);
+                u(!1), g(!1);
               },
               size: "sm",
               children: /* @__PURE__ */ e.jsx(Le, { className: "h-4 w-4", strokeWidth: 1.5 })
@@ -720,7 +699,7 @@ function He({
     if (s === "Schema")
       return /* @__PURE__ */ e.jsx(tn, { className: "size-4" });
     if (s === "Table")
-      return /* @__PURE__ */ e.jsx(Cs, { className: "size-4" });
+      return /* @__PURE__ */ e.jsx(bs, { className: "size-4" });
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
     c && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: o ? /* @__PURE__ */ e.jsxs(We, { children: [
@@ -731,7 +710,7 @@ function He({
       /* @__PURE__ */ e.jsx(
         ps,
         {
-          className: W(
+          className: K(
             "h-9 w-[190px] focus:ring-1 focus:ring-offset-0",
             d
           ),
@@ -745,21 +724,21 @@ function He({
       ),
       /* @__PURE__ */ e.jsx(gs, { children: /* @__PURE__ */ e.jsxs(js, { children: [
         a ? /* @__PURE__ */ e.jsx(Ke, { children: "Loading..." }) : /* @__PURE__ */ e.jsx(Ke, { children: s }),
-        /* @__PURE__ */ e.jsx(e.Fragment, { children: n && n.map((j, f) => /* @__PURE__ */ e.jsx(xe, { value: j.id, children: j.name }, f)) }),
+        /* @__PURE__ */ e.jsx(e.Fragment, { children: n && n.map((g, f) => /* @__PURE__ */ e.jsx(xe, { value: g.id, children: g.name }, f)) }),
         (a || i) && /* @__PURE__ */ e.jsx(xe, { value: h, children: h })
       ] }) })
     ] })
   ] });
 }
 function fn({ column: s }) {
-  const [n, t] = O(!1), a = l((h) => h.selectedTableName), i = l(
+  const [n, t] = z(!1), a = l((h) => h.selectedTableName), i = l(
     (h) => h.selectedSchemaName
   ), o = l((h) => h.sqlGen), r = l((h) => h.actions.setSqlGen), d = l((h) => h.actions.setCardSql), c = l((h) => h.actions.setRunSql);
   function m(h, u) {
-    const j = Ks(h, o, u);
-    r(j);
+    const g = Ks(h, o, u);
+    r(g);
     const f = Us(
-      j,
+      g,
       ce(i || ""),
       ce(a)
     );
@@ -836,69 +815,83 @@ function gn({
   columns: t,
   status: a
 }) {
-  const i = l((g) => g.sqlGen), o = l(
-    (g) => g.selectedConnectionId
+  const i = l((y) => y.sqlGen), o = l(
+    (y) => y.selectedConnectionId
   ), r = l(
-    (g) => g.selectedDatabaseName
+    (y) => y.selectedDatabaseName
   ), d = l(
-    (g) => g.selectedSchemaName
-  ), c = l((g) => g.selectedTableName), m = S(
-    (g) => g.dashboard.aiScopeTables
-  ), { setAIScopeTables: h } = S((g) => g.actions), u = l((g) => g.actions.setRunSql), j = l((g) => g.actions.setSqlGen), f = l(
-    (g) => g.actions.setIsShowingVisual
-  ), b = l((g) => g.actions.setCardSql), { connectionType: C } = ht();
-  function v(g) {
-    const F = Ks(g, i);
-    j(F);
-    const M = Us(F, ce(s), ce(n));
-    M && (b(M), u(!0));
+    (y) => y.selectedSchemaName
+  ), c = l((y) => y.selectedTableName), m = S(
+    (y) => y.dashboard.aiScopeTables
+  ), { setAIScopeTables: h } = S((y) => y.actions), u = l((y) => y.actions.setRunSql), g = l((y) => y.actions.setSqlGen), f = l(
+    (y) => y.actions.setIsShowingVisual
+  ), j = l((y) => y.actions.setCardSql), { connectionType: C } = ht();
+  function v(y) {
+    const F = Ks(y, i);
+    g(F);
+    const A = Us(F, ce(s), ce(n));
+    A && (j(A), u(!0));
+  }
+  function b() {
+    return (m == null ? void 0 : m.find(
+      (y) => y.connectinonId === o && y.tableName === c
+    )) !== void 0;
   }
-  function y(g) {
-    if (g === !0 && c && o) {
+  function E(y) {
+    if (y === !0 && c && o) {
       const F = {
         connectinonId: o,
         connectionType: C,
         databaseName: r,
         schemaName: d,
         tableName: c
-      }, A = [...m || [], F].filter(
-        ($, X, U) => U.findIndex(
-          (K) => K.connectinonId === $.connectinonId && K.tableName === $.tableName
-        ) === X
+      }, I = [...m || [], F].filter(
+        (P, U, G) => G.findIndex(
+          (L) => L.connectinonId === P.connectinonId && L.tableName === P.tableName
+        ) === U
       );
-      h(A);
+      h(I);
     } else {
       const F = (m || []).filter(
-        (M) => M.connectinonId !== o && M.tableName !== c
+        (A) => A.connectinonId !== o && A.tableName !== c
       );
       h(F);
     }
   }
-  function E() {
+  function T() {
     let F = as(s, n);
-    ((A) => A.charAt(0) === A.charAt(0).toUpperCase())(n) && (F = `"${n}"`), f(!1), b(`SELECT * FROM ${F} LIMIT 10`), u(!0);
+    ((I) => I.charAt(0) === I.charAt(0).toUpperCase())(n) && (F = `"${n}"`), f(!1), j(`SELECT * FROM ${F} LIMIT 10`), u(!0);
   }
-  function T() {
+  function O() {
     let F = as(s, n);
-    ((A) => A.charAt(0) === A.charAt(0).toUpperCase())(n) && (F = `"${n}"`), f(!1), b(`SELECT COUNT(*) FROM ${F}`), u(!0);
+    ((I) => I.charAt(0) === I.charAt(0).toUpperCase())(n) && (F = `"${n}"`), f(!1), j(`SELECT COUNT(*) FROM ${F}`), u(!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: [
       /* @__PURE__ */ e.jsx(
         Js,
         {
-          title: "Add to AI Scope",
-          onPressedChange: y,
+          title: `${b() ? "Remove from" : "Add to"} AI Scope`,
+          pressed: b(),
+          onPressedChange: E,
           variant: "outline",
           className: "h-9 px-2",
-          children: /* @__PURE__ */ e.jsx($a, { className: "size-4" })
+          children: /* @__PURE__ */ e.jsx(
+            Ut,
+            {
+              className: K("size-4", {
+                "text-primary": b(),
+                "text-muted-foreground": !b()
+              })
+            }
+          )
         }
       ),
       /* @__PURE__ */ e.jsxs(
         w,
         {
           disabled: a !== "Success",
-          onClick: E,
+          onClick: T,
           size: "sm",
           variant: "secondary",
           className: "flex w-full",
@@ -912,7 +905,7 @@ function gn({
         w,
         {
           disabled: a !== "Success",
-          onClick: T,
+          onClick: O,
           size: "sm",
           variant: "secondary",
           className: "flex w-full",
@@ -924,36 +917,36 @@ function gn({
       )
     ] }),
     /* @__PURE__ */ e.jsxs(
-      bs,
+      ys,
       {
         className: "flex-1 basis-0 overflow-y-auto border-b border-t border-muted py-3",
         children: [
-          t == null ? void 0 : t.map((g) => /* @__PURE__ */ e.jsxs(
+          t == null ? void 0 : t.map((y) => /* @__PURE__ */ e.jsxs(
             "div",
             {
-              onClick: () => v(g),
-              className: W(
+              onClick: () => v(y),
+              className: K(
                 "mx-3 flex cursor-pointer items-center justify-between rounded px-2 py-[6px] text-sm transition-colors hover:bg-muted/50",
                 {
-                  "bg-muted": Ut(g, i)
+                  "bg-muted": Gt(y, i)
                 }
               ),
               children: [
                 /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-                  /* @__PURE__ */ e.jsx(dt, { column: g }),
-                  /* @__PURE__ */ e.jsx("span", { children: g.column_name })
+                  /* @__PURE__ */ e.jsx(dt, { column: y }),
+                  /* @__PURE__ */ e.jsx("span", { children: y.column_name })
                 ] }),
-                Gs.includes(g.data_type) && /* @__PURE__ */ e.jsx(
+                Gs.includes(y.data_type) && /* @__PURE__ */ e.jsx(
                   "div",
                   {
                     onClick: (F) => F.stopPropagation(),
                     className: "flex items-center justify-end",
-                    children: /* @__PURE__ */ e.jsx(fn, { column: g })
+                    children: /* @__PURE__ */ e.jsx(fn, { column: y })
                   }
                 )
               ]
             },
-            g.column_name
+            y.column_name
           )),
           /* @__PURE__ */ e.jsx(zs, { orientation: "vertical" }),
           /* @__PURE__ */ e.jsx(zs, { orientation: "horizontal" })
@@ -964,7 +957,7 @@ function gn({
 }
 function ht(s, n) {
   var Xe, be, _e, Ae;
-  let t = _a(() => [], []);
+  let t = Ha(() => [], []);
   const a = Ye().authToken || s, i = l(
     (N) => N.selectedConnectionId
   ), o = l(
@@ -979,10 +972,10 @@ function ht(s, n) {
     (N) => N.actions.setSelectedDatabaseName
   ), u = l(
     (N) => N.actions.setSelectedSchemaName
-  ), j = l(
+  ), g = l(
     (N) => N.actions.setSelectedTableName
   ), f = l((N) => N.actions.setCardSql);
-  function b(N) {
+  function j(N) {
     return i && o && r && o !== "NA" ? !0 : i && N === "API" ? !1 : !!(i && N === "S3");
   }
   function C(N) {
@@ -992,7 +985,7 @@ function ht(s, n) {
     return i && N ? !(N === "API" || N === "S3") : !1;
   }
   const {
-    data: y,
+    data: b,
     isLoading: E,
     isError: T
   } = Ne({
@@ -1003,14 +996,14 @@ function ht(s, n) {
     ),
     enabled: !!(a != null && a.accessToken)
     // Only fetch if authToken is present
-  }), g = y == null ? void 0 : y.connections.find(
+  }), O = b == null ? void 0 : b.connections.find(
     (N) => N.id === i
-  ), F = g == null ? void 0 : g.type, M = (g == null ? void 0 : g.type) === "API" || (g == null ? void 0 : g.type) === "S3", {
+  ), y = O == null ? void 0 : O.type, F = (O == null ? void 0 : O.type) === "API" || (O == null ? void 0 : O.type) === "S3", {
     data: A,
-    isLoading: $,
-    isFetching: X,
+    isLoading: I,
+    isFetching: P,
     isError: U,
-    refetch: K
+    refetch: G
   } = Ne({
     queryKey: ["databases", i],
     queryFn: () => Fe(
@@ -1020,12 +1013,12 @@ function ht(s, n) {
         connection_id: i
       }
     ),
-    enabled: v(F)
+    enabled: v(y)
     // !!selectedConnectionId && !isNonDbConnection, //currentConnection?.type !== 'API', // Only fetch if connectionId is present
   }), {
-    data: D,
+    data: L,
     isLoading: ee,
-    isFetching: P,
+    isFetching: Y,
     isError: se,
     refetch: Z
   } = Ne({
@@ -1038,14 +1031,14 @@ function ht(s, n) {
         database_name: o
       }
     ),
-    enabled: !!i && !!o && !M && o !== "NA"
+    enabled: !!i && !!o && !F && o !== "NA"
     //currentConnection?.type !== 'API', // Only fetch if connectionId and database is present
   }), {
-    data: G,
-    isLoading: L,
+    data: J,
+    isLoading: D,
     isFetching: x,
     isError: k,
-    refetch: R
+    refetch: _
   } = Ne({
     queryKey: [
       "tables",
@@ -1062,9 +1055,9 @@ function ht(s, n) {
         schema_name: r
       }
     ),
-    enabled: b(F)
+    enabled: j(y)
   }), {
-    data: H,
+    data: B,
     isLoading: he,
     isFetching: te,
     isError: pe
@@ -1086,7 +1079,7 @@ function ht(s, n) {
         table_name: d
       }
     ),
-    enabled: C(F)
+    enabled: C(y)
     // (!!selectedConnectionId &&
     //   !!selectedDatabaseName &&
     //   !!selectedSchemaName &&
@@ -1095,32 +1088,32 @@ function ht(s, n) {
     //currentConnection?.type === 'API',
     // && currentConnection?.type !== 'API', // Only fetch if connectionId, database, and table is present
   });
-  B(() => {
+  $(() => {
     c(t);
-  }, [H, c, t]), B(() => {
+  }, [B, c, t]), $(() => {
   }, [
-    M,
+    F,
     f,
-    j,
+    g,
     u,
     h,
-    g
+    O
   ]);
-  const fe = (g == null ? void 0 : g.type) === "API" ? (Xe = g == null ? void 0 : g.type) == null ? void 0 : Xe.toLowerCase() : d || "", ge = M ? "" : r || "";
+  const fe = (O == null ? void 0 : O.type) === "API" ? (Xe = O == null ? void 0 : O.type) == null ? void 0 : Xe.toLowerCase() : d || "", ge = F ? "" : r || "";
   function ue(N) {
-    u(N), j("");
+    u(N), g("");
   }
-  function J(N) {
-    h(N), u(""), j("");
+  function Q(N) {
+    h(N), u(""), g("");
   }
   function ae(N) {
     m(N);
   }
-  A && ((be = A == null ? void 0 : A.databases) == null ? void 0 : be.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((N) => ({
+  A && ((be = A == null ? void 0 : A.databases) == null ? void 0 : be.length) > 0, L && ((_e = L == null ? void 0 : L.schemas) == null ? void 0 : _e.length) > 0, B && ((Ae = B == null ? void 0 : B.columns) == null ? void 0 : Ae.length) > 0 && (t = B.columns.map((N) => ({
     ...N,
     data_type: N.data_type.toLowerCase()
   }))), U && (t = []), (pe || T) && (t = []);
-  const ne = y == null ? void 0 : y.connections.map(
+  const ne = b == null ? void 0 : b.connections.map(
     (N) => ({
       id: N.id,
       name: N.name,
@@ -1129,10 +1122,10 @@ function ht(s, n) {
   ), je = A == null ? void 0 : A.databases.map((N) => ({
     id: N.database_name,
     name: N.database_name
-  })), ke = D == null ? void 0 : D.schemas.map((N) => ({
+  })), ke = L == null ? void 0 : L.schemas.map((N) => ({
     id: N.schema_name,
     name: N.schema_name
-  })), Te = G == null ? void 0 : G.tables.map((N) => ({
+  })), Te = J == null ? void 0 : J.tables.map((N) => ({
     id: N.table_name,
     name: N.table_name
   }));
@@ -1141,38 +1134,38 @@ function ht(s, n) {
     isConnectionsLoading: E,
     isConnectionsError: T,
     databaseItems: je,
-    isDatabasesLoadingOrFetching: $ || X,
+    isDatabasesLoadingOrFetching: I || P,
     isDatabaseError: U,
     schemaItems: ke,
-    isSchemaLoadingOrFetching: ee || P,
+    isSchemaLoadingOrFetching: ee || Y,
     isSchemaError: se,
     tableItems: Te,
-    isTableLoadingOrFetching: L || x,
+    isTableLoadingOrFetching: D || x,
     isTableError: k,
     columns: t,
     isColumnsLoadingOrFetching: he || te,
     isColumnsError: pe,
-    isNonDbConnection: M,
-    connectionType: F,
+    isNonDbConnection: F,
+    connectionType: y,
     tableName: fe,
     schemaName: ge,
     handleConnectionChange: ae,
-    handleDatabaseChange: J,
+    handleDatabaseChange: Q,
     handleSchemaChange: ue
   };
 }
 function ut({
   ColumnsComponent: s
 }) {
-  var G;
+  var J;
   const n = l(
-    (L) => L.selectedConnectionId
+    (D) => D.selectedConnectionId
   ), t = l(
-    (L) => L.selectedDatabaseName
+    (D) => D.selectedDatabaseName
   ), a = l(
-    (L) => L.selectedSchemaName
-  ), i = l((L) => L.selectedTableName), o = l(
-    (L) => L.actions.setSelectedTableName
+    (D) => D.selectedSchemaName
+  ), i = l((D) => D.selectedTableName), o = l(
+    (D) => D.actions.setSelectedTableName
   ), {
     connectionItems: r,
     schemaItems: d,
@@ -1180,43 +1173,43 @@ function ut({
     tableItems: m,
     columns: h,
     isConnectionsLoading: u,
-    isConnectionsError: j,
+    isConnectionsError: g,
     isDatabasesLoadingOrFetching: f,
-    isDatabaseError: b,
+    isDatabaseError: j,
     isSchemaLoadingOrFetching: C,
     isSchemaError: v,
-    isColumnsError: y,
+    isColumnsError: b,
     isColumnsLoadingOrFetching: E,
     isTableLoadingOrFetching: T,
-    isTableError: g,
-    connectionType: F,
-    isNonDbConnection: M,
+    isTableError: O,
+    connectionType: y,
+    isNonDbConnection: F,
     handleConnectionChange: A,
-    handleDatabaseChange: $,
-    handleSchemaChange: X,
+    handleDatabaseChange: I,
+    handleSchemaChange: P,
     tableName: U,
-    schemaName: K
+    schemaName: G
   } = ht();
-  function D() {
-    return s ? s(K, U, h) : /* @__PURE__ */ e.jsx(
+  function L() {
+    return s ? s(G, U, h) : /* @__PURE__ */ e.jsx(
       gn,
       {
-        schemaName: K,
+        schemaName: G,
         tableName: U,
         columns: h,
-        status: E ? "Loading..." : y ? "Error" : "Success"
+        status: E ? "Loading..." : b ? "Error" : "Success"
       }
     );
   }
   function ee() {
     window.location.href = "mailto:support@semaphor.cloud?subject=Help&body=I need help with...";
   }
-  function P() {
-    return F === "S3" || F === "API" ? null : /* @__PURE__ */ e.jsx(
+  function Y() {
+    return y === "S3" || y === "API" ? null : /* @__PURE__ */ e.jsx(
       He,
       {
-        onChange: $,
-        isError: b,
+        onChange: I,
+        isError: j,
         isLoading: f,
         items: c,
         value: t || "",
@@ -1225,10 +1218,10 @@ function ut({
     );
   }
   function se() {
-    return F === "S3" || F === "API" ? null : /* @__PURE__ */ e.jsx(
+    return y === "S3" || y === "API" ? null : /* @__PURE__ */ e.jsx(
       He,
       {
-        onChange: X,
+        onChange: P,
         isError: v,
         isLoading: C,
         items: d,
@@ -1238,11 +1231,11 @@ function ut({
     );
   }
   function Z() {
-    return F === "API" ? null : /* @__PURE__ */ e.jsx(
+    return y === "API" ? null : /* @__PURE__ */ e.jsx(
       He,
       {
         onChange: o,
-        isError: g,
+        isError: O,
         items: m,
         isLoading: T,
         value: i || "",
@@ -1260,17 +1253,17 @@ function ut({
           value: n || "",
           onChange: A,
           isLoading: u,
-          isError: j,
-          connectionTooltip: ((G = r == null ? void 0 : r.find(
-            (L) => L.id === n
-          )) == null ? void 0 : G.type) || ""
+          isError: g,
+          connectionTooltip: ((J = r == null ? void 0 : r.find(
+            (D) => D.id === n
+          )) == null ? void 0 : J.type) || ""
         }
       ),
-      P(),
+      Y(),
       se(),
       Z()
     ] }),
-    D(),
+    L(),
     /* @__PURE__ */ e.jsx("div", { className: "flex items-end justify-center gap-2 px-6 py-4", children: /* @__PURE__ */ e.jsxs(
       w,
       {
@@ -1290,22 +1283,22 @@ const rs = ({
   className: s,
   ...n
 }) => /* @__PURE__ */ e.jsx(
-  Gt,
+  Jt,
   {
-    className: W(
+    className: K(
       "flex h-full w-full data-[panel-group-direction=vertical]:flex-col",
       s
     ),
     ...n
   }
-), Oe = Jt, ls = ({
+), Oe = Qt, ls = ({
   withHandle: s,
   className: n,
   ...t
 }) => /* @__PURE__ */ e.jsx(
-  Qt,
+  Wt,
   {
-    className: W(
+    className: K(
       "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",
       n
     ),
@@ -1352,7 +1345,7 @@ function bn({
           ]
         }
       ),
-      /* @__PURE__ */ e.jsx(bs, { className: " min-h-0 max-h-[250px] overflow-scroll ", children: /* @__PURE__ */ e.jsx("p", { className: " overflow-auto text-sm leading-relaxed  font-mono ", children: s }) })
+      /* @__PURE__ */ e.jsx(ys, { className: " min-h-0 max-h-[250px] overflow-scroll ", children: /* @__PURE__ */ e.jsx("p", { className: " overflow-auto text-sm leading-relaxed  font-mono ", children: s }) })
     ] }) }) })
   ] });
 }
@@ -1367,7 +1360,7 @@ function yn({
   ] });
 }
 function vn() {
-  const { authToken: s } = Ye(), n = Ie(null), t = l((d) => d.applyFilters), [a, i] = O(""), o = l((d) => d.filterValues), r = l((d) => d.card.sql);
+  const { authToken: s } = Ye(), n = Ie(null), t = l((d) => d.applyFilters), [a, i] = z(""), o = l((d) => d.filterValues), r = l((d) => d.card.sql);
   return /* @__PURE__ */ e.jsxs(
     Qs,
     {
@@ -1394,7 +1387,7 @@ function vn() {
             /* @__PURE__ */ e.jsx(
               Xs,
               {
-                onClick: () => Wt(n),
+                onClick: () => Pt(n),
                 className: "ml-3 inline-block h-4 w-4 opacity-70 hover:cursor-pointer hover:opacity-100"
               }
             )
@@ -1463,50 +1456,50 @@ function Cn({
   triggerAIRun: i,
   setTriggerAIRun: o
 }) {
-  const r = Ie(null), d = Ie(null), { authToken: c } = Ye(), [m, h] = O(!1), u = l((x) => x.actions.setCardSql), j = S((x) => x.dashboard.baseQueries), f = l((x) => x.actions.setRunSql), b = l((x) => x.actions.setCardType), [C, v] = O([]), y = l((x) => x.currentColumns), E = l((x) => x.card.sql), T = l((x) => x.selectedTableName), g = `
+  const r = Ie(null), d = Ie(null), { authToken: c } = Ye(), [m, h] = z(!1), u = l((x) => x.actions.setCardSql), g = S((x) => x.dashboard.baseQueries), f = l((x) => x.actions.setRunSql), j = l((x) => x.actions.setCardType), [C, v] = z([]), b = l((x) => x.currentColumns), E = l((x) => x.card.sql), T = l((x) => x.selectedTableName), O = `
   ${t}
 
   Database Query Dialect: ${T === "api" || T === "s3" ? "DuckDb" : ""}
   Table Name: ${T}   
-  Table Columns: ${y == null ? void 0 : y.map((x) => `${x.column_name} | ${x.data_type}`).join(", ")}
+  Table Columns: ${b == null ? void 0 : b.map((x) => `${x.column_name} | ${x.data_type}`).join(", ")}
   User SQL: ${E}  
-  ${j && `Base Queries: ${JSON.stringify(j)} `}`, F = ` When the user asks for a specific chart please use the following query structure to generate the chart query. Do not make up the column names. Use only the table columns provided above for the query. Replace x-axis, y-axis, and lables with the appropriate column names.
-  Visual Query Syntax: ${Nn}`, { data: M, isLoading: A, isFetching: $, isError: X, refetch: U } = Ne({
+  ${g && `Base Queries: ${JSON.stringify(g)} `}`, y = ` When the user asks for a specific chart please use the following query structure to generate the chart query. Do not make up the column names. Use only the table columns provided above for the query. Replace x-axis, y-axis, and lables with the appropriate column names.
+  Visual Query Syntax: ${Nn}`, { data: F, isLoading: A, isFetching: I, isError: P, refetch: U } = Ne({
     queryKey: ["ai-query"],
     queryFn: () => Fe(
       "https://semaphor.cloud/api/v1/ai",
       (c == null ? void 0 : c.accessToken) || "",
       {
-        user_content: `userContent: ${g} ${m ? F : ""}`
+        user_content: `userContent: ${O} ${m ? y : ""}`
       }
     ),
     enabled: !1
     // Do not run by default.
   });
-  function K(x) {
+  function G(x) {
     if (x.toLowerCase().includes("bar"))
-      b("bar");
+      j("bar");
     else if (x.toLowerCase().includes("line"))
-      b("line");
+      j("line");
     else if (x.toLowerCase().includes("bubble"))
-      b("bubble");
+      j("bubble");
     else if (x.toLowerCase().includes("scatter"))
-      b("scatter");
+      j("scatter");
     else if (x.toLowerCase().includes("stacked"))
-      b("stackedBar");
+      j("stackedBar");
     else if (x.toLowerCase().includes("pie"))
-      b("pie");
+      j("pie");
     else if (x.toLowerCase().includes("donut") || x.toLowerCase().includes("doughnut"))
-      b("doughnut");
+      j("doughnut");
     else if (x.toLowerCase().includes("radar"))
-      b("radar");
+      j("radar");
     else
-      return b("bar"), !1;
+      return j("bar"), !1;
     return !0;
   }
-  B(() => {
-    M && v((x) => [...x, { role: "ai", content: M.response }]);
-  }, [M]), B(() => {
+  $(() => {
+    F && v((x) => [...x, { role: "ai", content: F.response }]);
+  }, [F]), $(() => {
     const x = setTimeout(() => {
       var k;
       d.current && (d.current.scroll({
@@ -1516,11 +1509,11 @@ function Cn({
     }, 100);
     return () => clearTimeout(x);
   }, [C]);
-  function D() {
-    t && (v((x) => [...x, { role: "user", content: t }]), K(t) && h(!0), a(""), U());
+  function L() {
+    t && (v((x) => [...x, { role: "user", content: t }]), G(t) && h(!0), a(""), U());
   }
-  B(() => {
-    i && (D(), o(!1));
+  $(() => {
+    i && (L(), o(!1));
   }, [i, o]);
   const ee = {
     //seleect a darker color
@@ -1530,7 +1523,7 @@ function Cn({
     fontSize: 15,
     // padding: '5px',
     width: "100%"
-  }, P = {
+  }, Y = {
     // background: '#f6f8fa',
     // color: '#000',
     fontFamily: "monospace",
@@ -1551,20 +1544,20 @@ function Cn({
     // Override how paragraphs are rendered
     p: ({ node: x, ...k }) => /* @__PURE__ */ e.jsx("p", { style: ee, ...k }),
     code: ({ node: x, ...k }) => /* @__PURE__ */ e.jsx("code", { className: "rounded-sm bg-muted px-2 py-1 text-sm", ...k }),
-    pre: ({ node: x, ...k }) => /* @__PURE__ */ e.jsxs("pre", { className: "space-y-2 rounded-sm bg-muted/50 p-3", style: P, children: [
+    pre: ({ node: x, ...k }) => /* @__PURE__ */ e.jsxs("pre", { className: "space-y-2 rounded-sm bg-muted/50 p-3", style: Y, children: [
       /* @__PURE__ */ e.jsx("code", { className: "whitespace-normal text-sm", children: k.children }),
       /* @__PURE__ */ e.jsxs("div", { className: "flex justify-start gap-2", children: [
-        /* @__PURE__ */ e.jsx(w, { onClick: G, size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(Xs, {}) }),
+        /* @__PURE__ */ e.jsx(w, { onClick: J, size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(Xs, {}) }),
         /* @__PURE__ */ e.jsx(
           w,
           {
-            onClick: (R) => {
-              const H = G(R);
-              H && (n(!1), u(H), f(!0));
+            onClick: (_) => {
+              const B = J(_);
+              B && (n(!1), u(B), f(!0));
             },
             size: "sm",
             variant: "outline",
-            children: /* @__PURE__ */ e.jsx(Xt, {})
+            children: /* @__PURE__ */ e.jsx(Zt, {})
           }
         )
       ] })
@@ -1572,14 +1565,14 @@ function Cn({
     li: ({ node: x, ...k }) => /* @__PURE__ */ e.jsx("li", { style: se, ...k })
     // You can add more overrides for other elements like h1, h2, etc.
   };
-  function G(x) {
+  function J(x) {
     const k = x.currentTarget.closest("pre");
     if (!k)
       return;
-    const R = k.textContent || k.innerText;
-    return navigator.clipboard.writeText(R).then(() => console.log("Text copied to clipboard")).catch((H) => console.error("Error in copying text: ", H)), R;
+    const _ = k.textContent || k.innerText;
+    return navigator.clipboard.writeText(_).then(() => console.log("Text copied to clipboard")).catch((B) => console.error("Error in copying text: ", B)), _;
   }
-  function L() {
+  function D() {
     return C == null ? void 0 : C.map((x, k) => x.role === "user" ? /* @__PURE__ */ e.jsxs(
       "div",
       {
@@ -1591,11 +1584,11 @@ function Cn({
       },
       k
     ) : x.role === "ai" ? /* @__PURE__ */ e.jsx(
-      Yt,
+      Xt,
       {
         className: "w-full overflow-auto py-1",
         components: Z,
-        children: M == null ? void 0 : M.response.replace(/DuckDB/gi, "Semaphor")
+        children: F == null ? void 0 : F.response.replace(/DuckDB/gi, "Semaphor")
       },
       k
     ) : /* @__PURE__ */ e.jsx("div", {}, k));
@@ -1624,7 +1617,7 @@ function Cn({
             {
               ref: d,
               className: "h-[625px] w-full overflow-auto border-t border-t-muted",
-              children: /* @__PURE__ */ e.jsx("div", { className: "space-y-4 py-2 pr-3", role: "messages", children: L() })
+              children: /* @__PURE__ */ e.jsx("div", { className: "space-y-4 py-2 pr-3", role: "messages", children: D() })
             }
           ),
           /* @__PURE__ */ e.jsx(
@@ -1637,17 +1630,17 @@ function Cn({
                     autoFocus: !0,
                     ref: r,
                     onKeyDown: (x) => {
-                      x.key === "Enter" && !x.shiftKey && (x.preventDefault(), a(""), D());
+                      x.key === "Enter" && !x.shiftKey && (x.preventDefault(), a(""), L());
                     },
                     placeholder: "Type your question here...",
                     onFocus: (x) => {
-                      const k = x.target, R = k.value.length;
-                      k.setSelectionRange(R, R);
+                      const k = x.target, _ = k.value.length;
+                      k.setSelectionRange(_, _);
                     },
-                    className: W(
+                    className: K(
                       "max-h-10 min-h-7 resize-none border-none focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0"
                     ),
-                    disabled: A || $,
+                    disabled: A || I,
                     value: t,
                     onChange: (x) => a(x.target.value)
                   }
@@ -1659,8 +1652,8 @@ function Cn({
                     className: "h-8",
                     size: "sm",
                     variant: "ghost",
-                    onClick: D,
-                    children: !A && !$ ? /* @__PURE__ */ e.jsx(Pt, {}) : /* @__PURE__ */ e.jsx(De, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" })
+                    onClick: L,
+                    children: !A && !I ? /* @__PURE__ */ e.jsx(Yt, {}) : /* @__PURE__ */ e.jsx(De, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" })
                   }
                 )
               ] })
@@ -1784,33 +1777,33 @@ function Tn(s) {
   return Se({ 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 An() {
-  const { theme: s } = Zt(), n = Ie(), t = Ie(), [a, i] = O(!1), [o, r] = O(!1), [d, c] = O(!1), [m, h] = O(""), [u, j] = O(!1), { authToken: f } = Ye();
+  const { theme: s } = ea(), n = Ie(), t = Ie(), [a, i] = z(!1), [o, r] = z(!1), [d, c] = z(!1), [m, h] = z(""), [u, g] = z(!1), { authToken: f } = Ye();
   S((p) => p.selectedSheetId);
-  const b = S((p) => p.dashboard.baseQueries), C = l((p) => p.card), v = S((p) => p.theme), y = l((p) => p.isShowingVisual), E = l(
+  const j = S((p) => p.dashboard.baseQueries), C = l((p) => p.card), v = S((p) => p.theme), b = l((p) => p.isShowingVisual), E = l(
     (p) => p.selectedConnectionId
   ), T = l(
     (p) => p.selectedDatabaseName
-  ), g = l(
+  ), O = l(
     (p) => p.selectedSchemaName
   );
   S(
     (p) => p.actions.updateFrameCard
   );
-  const F = l((p) => p.selectedTableName), M = l((p) => p.card.sql), A = l((p) => p.card.python), $ = ea(M, b), X = l((p) => p.selectedConnectionId), U = l((p) => p.frame), K = l((p) => p.filterValues), D = l((p) => p.applyFilters), {
+  const y = l((p) => p.selectedTableName), F = l((p) => p.card.sql), A = l((p) => p.card.python), I = sa(F, j), P = l((p) => p.selectedConnectionId), U = l((p) => p.frame), G = l((p) => p.filterValues), L = l((p) => p.applyFilters), {
     setCardCustomCfg: ee,
-    setQueryResultColumns: P,
+    setQueryResultColumns: Y,
     setFilterValues: se,
     setCardSql: Z,
-    setCardPython: G,
-    setQueryError: L,
+    setCardPython: J,
+    setQueryError: D,
     setPythonStdOut: x,
     setCardPreferences: k
-  } = l((p) => p.actions), R = l((p) => p.onSave), H = l(
+  } = l((p) => p.actions), _ = l((p) => p.onSave), B = l(
     (p) => p.actions.setApplyFilters
   ), he = l((p) => p.onClose), te = l((p) => p.actions.setCardData), pe = l((p) => p.actions.setSqlGen), fe = l((p) => p.runSql), ge = l((p) => p.actions.setRunSql), ue = l(
     (p) => p.actions.setIsSqlRunning
   ), {
-    data: J,
+    data: Q,
     isLoading: ae,
     isFetching: ne,
     isSuccess: je,
@@ -1819,40 +1812,40 @@ function An() {
     status: Xe,
     refetch: be
   } = Ne({
-    queryKey: [$, A],
+    queryKey: [I, A],
     queryFn: () => Ys(
       "https://semaphor.cloud/api/v1/query",
       (f == null ? void 0 : f.accessToken) || "",
       {
-        connection_id: X,
-        sql: $,
+        connection_id: P,
+        sql: I,
         python: A === Ms ? "" : A,
-        active_filters: D ? K : []
+        active_filters: L ? G : []
       }
     ),
     enabled: !1,
     retry: !1
   });
-  B(() => {
-    if (J && (te(J.records), x((J == null ? void 0 : J.output) || ""), J.records.length > 0)) {
-      const { dimensionKeys: p } = ns(J.records);
-      P(p);
+  $(() => {
+    if (Q && (te(Q.records), x((Q == null ? void 0 : Q.output) || ""), Q.records.length > 0)) {
+      const { dimensionKeys: p } = ns(Q.records);
+      Y(p);
     }
-  }, [J, te, P, x]), B(() => {
+  }, [Q, te, Y, x]), $(() => {
     fe && (be(), ge(!1));
-  }, [fe, be, ge]), B(() => {
-    (ae || ne) && ue(!0), (ke || je) && ue(!1), ke ? (L(Te.message), te([]), P([]), x("")) : L("");
+  }, [fe, be, ge]), $(() => {
+    (ae || ne) && ue(!0), (ke || je) && ue(!1), ke ? (D(Te.message), te([]), Y([]), x("")) : D("");
   }, [
     ae,
     ne,
-    J,
+    Q,
     x,
     ke,
     je,
     ue,
     te,
-    P,
-    L,
+    Y,
+    D,
     Te
   ]);
   function _e() {
@@ -1862,21 +1855,21 @@ function An() {
     t.current = p;
   };
   function N() {
-    let p = M;
-    M && !M.includes("{{") && (p = jn(M), Z(p));
+    let p = F;
+    F && !F.includes("{{") && (p = jn(F), Z(p));
     const re = {
       ...C,
-      lastSelectedSchema: g,
+      lastSelectedSchema: O,
       lastSelectedDatabase: T,
-      lastSelectedTable: F,
+      lastSelectedTable: y,
       connectionId: E,
-      type: y ? C.type : "table",
+      type: b ? C.type : "table",
       sql: p,
-      customCfg: y ? C.customCfg : null
+      customCfg: b ? C.customCfg : null
     }, Ee = U.cards.map(
       (ye) => ye.id === C.id ? re : ye
     );
-    R == null || R({
+    _ == null || _({
       ...U,
       cards: Ee
     });
@@ -1891,16 +1884,16 @@ function An() {
     return wt(re);
   }
   function wt(p) {
-    const [re, Ee, ye] = p.split(" "), Y = parseFloat(re), zt = parseFloat(Ee), Mt = parseFloat(ye), Tt = zt / 100, Fs = Mt / 100, me = (1 - Math.abs(2 * Fs - 1)) * Tt, we = me * (1 - Math.abs(Y / 60 % 2 - 1)), Ze = Fs - me / 2;
+    const [re, Ee, ye] = p.split(" "), X = parseFloat(re), zt = parseFloat(Ee), Mt = parseFloat(ye), Tt = zt / 100, Fs = Mt / 100, me = (1 - Math.abs(2 * Fs - 1)) * Tt, we = me * (1 - Math.abs(X / 60 % 2 - 1)), Ze = Fs - me / 2;
     let le = 0, ie = 0, oe = 0;
-    0 <= Y && Y < 60 ? (le = me, ie = we, oe = 0) : 60 <= Y && Y < 120 ? (le = we, ie = me, oe = 0) : 120 <= Y && Y < 180 ? (le = 0, ie = me, oe = we) : 180 <= Y && Y < 240 ? (le = 0, ie = we, oe = me) : 240 <= Y && Y < 300 ? (le = we, ie = 0, oe = me) : 300 <= Y && Y < 360 && (le = me, ie = 0, oe = we), le = Math.round((le + Ze) * 255), ie = Math.round((ie + Ze) * 255), oe = Math.round((oe + Ze) * 255);
+    0 <= X && X < 60 ? (le = me, ie = we, oe = 0) : 60 <= X && X < 120 ? (le = we, ie = me, oe = 0) : 120 <= X && X < 180 ? (le = 0, ie = me, oe = we) : 180 <= X && X < 240 ? (le = 0, ie = we, oe = me) : 240 <= X && X < 300 ? (le = we, ie = 0, oe = me) : 300 <= X && X < 360 && (le = me, ie = 0, oe = we), le = Math.round((le + Ze) * 255), ie = Math.round((ie + Ze) * 255), oe = Math.round((oe + Ze) * 255);
     const es = (At) => {
       const ss = At.toString(16);
       return ss.length == 1 ? "0" + ss : ss;
     };
     return `#${es(le)}${es(ie)}${es(oe)}`;
   }
-  B(() => {
+  $(() => {
     const p = n.current, re = t.current;
     if (p) {
       const Ee = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", ye = v === "system" ? Ee : v;
@@ -1938,13 +1931,13 @@ function An() {
               /* @__PURE__ */ e.jsx(
                 yn,
                 {
-                  checked: D,
-                  onCheckedChange: () => H(!D),
+                  checked: L,
+                  onCheckedChange: () => B(!L),
                   text: "Apply Filters"
                 }
               ),
               /* @__PURE__ */ e.jsx(vn, {}),
-              K && o && /* @__PURE__ */ e.jsx(
+              G && o && /* @__PURE__ */ e.jsx(
                 Le,
                 {
                   onClick: () => r(!1),
@@ -1965,7 +1958,7 @@ function An() {
                 },
                 defaultLanguage: "json",
                 className: "mt-1 min-h-[220px]",
-                value: JSON.stringify(K, null, 2),
+                value: JSON.stringify(G, null, 2),
                 options: {
                   readOnly: !0,
                   minimap: {
@@ -1986,14 +1979,14 @@ function An() {
           ] })
         }
       ),
-      K && !o && /* @__PURE__ */ e.jsx(
+      G && !o && /* @__PURE__ */ e.jsx(
         rt,
         {
           onClick: () => r(!0),
-          className: W(
+          className: K(
             "absolute bottom-4 right-6 h-3 w-3 text-foreground/50 hover:cursor-pointer hover:text-foreground",
             {
-              "font-bold text-red-800": D
+              "font-bold text-red-800": L
             }
           )
         }
@@ -2029,7 +2022,7 @@ function An() {
                         onChange: (p) => {
                           Z(p);
                         },
-                        value: M,
+                        value: F,
                         options: {
                           minimap: {
                             enabled: !1
@@ -2075,7 +2068,7 @@ function An() {
                           className: "pt-3",
                           theme: "default",
                           onChange: (p) => {
-                            G(p && p.trim() || "");
+                            J(p && p.trim() || "");
                           },
                           value: A || Ms,
                           options: {
@@ -2154,7 +2147,7 @@ function An() {
                     {
                       error: Te.message,
                       setShowAIDialog: c,
-                      setTriggerAIRun: j,
+                      setTriggerAIRun: g,
                       setUserInputforAI: h
                     }
                   ),
@@ -2189,7 +2182,7 @@ function An() {
                       setOpen: c,
                       userInput: m,
                       triggerAIRun: u,
-                      setTriggerAIRun: j,
+                      setTriggerAIRun: g,
                       setUserInput: (p) => h(p)
                     }
                   )
@@ -2202,7 +2195,7 @@ function An() {
                       size: "sm",
                       variant: "outline",
                       children: [
-                        /* @__PURE__ */ e.jsx(sa, { 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"
                       ]
                     }
@@ -2243,29 +2236,29 @@ function En({ data: s }) {
           onClick: () => c.toggleSorting(c.getIsSorted() === "asc"),
           children: [
             d,
-            m === "asc" ? /* @__PURE__ */ e.jsx(ta, { className: "ml-2 h-5 w-5" }) : m === "desc" ? /* @__PURE__ */ e.jsx(aa, { className: "ml-2 h-5 w-5" }) : null
+            m === "asc" ? /* @__PURE__ */ e.jsx(aa, { className: "ml-2 h-5 w-5" }) : m === "desc" ? /* @__PURE__ */ e.jsx(na, { className: "ml-2 h-5 w-5" }) : null
           ]
         }
       ) });
     }
-  })), o = na({
+  })), o = ra({
     data: s,
     columns: i,
-    getCoreRowModel: ca(),
-    getPaginationRowModel: da(),
+    getCoreRowModel: da(),
+    getPaginationRowModel: ha(),
     onSortingChange: t,
-    getSortedRowModel: ha(),
+    getSortedRowModel: ua(),
     manualPagination: !0,
     state: {
       sorting: n
     }
   });
-  return /* @__PURE__ */ e.jsxs(ra, { children: [
-    /* @__PURE__ */ e.jsx(la, { children: o.getHeaderGroups().map((d) => /* @__PURE__ */ e.jsx(ts, { children: d.headers.map((c) => /* @__PURE__ */ e.jsx(ia, { className: "sticky top-0 bg-muted", children: c.isPlaceholder ? null : Ts(
+  return /* @__PURE__ */ e.jsxs(la, { children: [
+    /* @__PURE__ */ e.jsx(ia, { children: o.getHeaderGroups().map((d) => /* @__PURE__ */ e.jsx(ts, { children: d.headers.map((c) => /* @__PURE__ */ e.jsx(oa, { className: "sticky top-0 bg-muted", children: c.isPlaceholder ? null : Ts(
       c.column.columnDef.header,
       c.getContext()
     ) }, c.id)) }, d.id)) }),
-    /* @__PURE__ */ e.jsx(oa, { children: (r = o.getRowModel().rows) != null && r.length ? o.getRowModel().rows.map((d) => /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx(ca, { children: (r = o.getRowModel().rows) != null && r.length ? o.getRowModel().rows.map((d) => /* @__PURE__ */ e.jsx(
       ts,
       {
         className: "whitespace-nowrap py-2",
@@ -2283,7 +2276,7 @@ function pt({
 }) {
   de.useState(0);
   const t = S((r) => r.themeStyle), a = l((r) => r.card), i = l((r) => r.actions.setCard);
-  if (B(() => {
+  if ($(() => {
   }, [
     a.data,
     a.type,
@@ -2301,19 +2294,19 @@ function pt({
     customCfg: a.customCfg,
     preferences: a.preferences
   })), /* @__PURE__ */ e.jsxs(
-    ua,
+    ma,
     {
       role: "editor-visual-card",
-      className: W("relative flex h-full flex-col rounded-none", s),
+      className: K("relative flex h-full flex-col rounded-none", s),
       ...n,
       children: [
-        /* @__PURE__ */ e.jsxs(ma, { className: "py-4", children: [
+        /* @__PURE__ */ e.jsxs(xa, { className: "py-4", children: [
           /* @__PURE__ */ e.jsx(
             Es,
             {
               text: a.title,
               onSave: (r) => i({ ...a, title: r }),
-              children: /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e.jsx(xa, { className: "text-base", children: a.title }) })
+              children: /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e.jsx(pa, { className: "text-base", children: a.title }) })
             },
             a.title
           ),
@@ -2322,7 +2315,7 @@ function pt({
             {
               text: a.description || "",
               onSave: (r) => i({ ...a, description: r }),
-              children: /* @__PURE__ */ e.jsxs(pa, { children: [
+              children: /* @__PURE__ */ e.jsxs(fa, { children: [
                 " ",
                 a.description
               ] })
@@ -2330,43 +2323,43 @@ function pt({
             a.description
           )
         ] }),
-        /* @__PURE__ */ e.jsxs(fa, { className: "flex grow flex-col pb-3", children: [
+        /* @__PURE__ */ e.jsxs(ga, { className: "flex grow flex-col pb-3", children: [
           a.type !== "table" && o && // <ChartJsVisual key={visualKey} cfg={cfg} />
           /* @__PURE__ */ e.jsx(
-            ga,
+            ja,
             {
               cfg: o
             },
             JSON.stringify(o) + JSON.stringify(a.preferences)
           ),
           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(ja, { className: "flex min-h-0 flex-1 grow basis-0", children: /* @__PURE__ */ e.jsx(ba, { card: a, data: a == null ? void 0 : a.data }) })
+          /* @__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 Ln() {
-  const [s, n] = O(!1), [t, a] = O(""), [i, o] = O(""), [r, d] = O(""), c = l((v) => v.card), m = l(
+  const [s, n] = z(!1), [t, a] = z(""), [i, o] = z(""), [r, d] = z(""), c = l((v) => v.card), m = l(
     (v) => v.card.customCfg
   ), h = l(
     (v) => v.actions.setCardCustomCfg
   );
   function u(v) {
-    var T, g;
-    const y = {
+    var T, O;
+    const b = {
       ...v,
       data: {
         ...v == null ? void 0 : v.data,
-        datasets: (g = (T = v == null ? void 0 : v.data) == null ? void 0 : T.datasets) == null ? void 0 : g.map((F) => ({
-          ...F,
+        datasets: (O = (T = v == null ? void 0 : v.data) == null ? void 0 : T.datasets) == null ? void 0 : O.map((y) => ({
+          ...y,
           data: []
         }))
       }
     };
-    return JSON.stringify(y, null, 1);
+    return JSON.stringify(b, null, 1);
   }
-  function j() {
+  function g() {
     if (!c.data || c.data.length === 0)
       return;
     const v = st({
@@ -2386,13 +2379,13 @@ function Ln() {
         console.log(v), d("Invalid JSON");
       }
   }
-  function b() {
+  function j() {
     o(""), h(null);
   }
   function C() {
     let v;
     if (m) {
-      const y = Is.cloneDeep(c.cfg), E = Is.merge(y, m);
+      const b = Is.cloneDeep(c.cfg), E = Is.merge(b, m);
       return v = u(E), v;
     }
     return t ? (v = u(JSON.parse(t)), v) : "";
@@ -2401,11 +2394,11 @@ function Ln() {
     /* @__PURE__ */ e.jsx(os, { asChild: !0, children: /* @__PURE__ */ e.jsx(
       w,
       {
-        onClick: j,
+        onClick: g,
         className: ` ${m && "border-foreground/50 dark:border-foreground/70"}`,
         size: "sm",
         variant: "outline",
-        children: /* @__PURE__ */ e.jsx(ya, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ e.jsx(va, { className: "h-4 w-4" })
       }
     ) }),
     /* @__PURE__ */ e.jsxs(
@@ -2444,10 +2437,10 @@ function Ln() {
           ] }),
           /* @__PURE__ */ e.jsxs("div", { className: "flex grow gap-2", children: [
             /* @__PURE__ */ e.jsx(pt, { className: "w-1/2 rounded shadow-none" }),
-            /* @__PURE__ */ e.jsxs(va, { defaultValue: "custom-config", className: "flex w-1/2 flex-col", children: [
-              /* @__PURE__ */ e.jsxs(Na, { className: "justify-start rounded-sm rounded-b-none border border-b-0", children: [
+            /* @__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(Ls, { value: "custom-config", children: [
-                  m && /* @__PURE__ */ e.jsx(Ca, { className: "mr-1 h-5 w-5 text-green-600" }),
+                  m && /* @__PURE__ */ e.jsx(Sa, { className: "mr-1 h-5 w-5 text-green-600" }),
                   m ? "Custom Config" : "Default Config"
                 ] }),
                 /* @__PURE__ */ e.jsx(Ls, { className: "", value: "output", children: "Output" })
@@ -2499,12 +2492,12 @@ function Ln() {
             ] })
           ] }),
           /* @__PURE__ */ e.jsxs(Bs, { className: "flex items-center", children: [
-            /* @__PURE__ */ e.jsx(_, { className: "mr-2 text-red-500", children: r }),
+            /* @__PURE__ */ e.jsx(H, { className: "mr-2 text-red-500", children: r }),
             /* @__PURE__ */ e.jsx(
               w,
               {
                 disabled: !m,
-                onClick: b,
+                onClick: j,
                 variant: "outline",
                 children: "Reset"
               }
@@ -2536,7 +2529,7 @@ function vt(s) {
   return Se({ 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 Dn() {
-  const [s, n] = O(!1), t = l((d) => d.card.type), { setCardType: a, setCardPreferences: i } = l(
+  const [s, n] = z(!1), t = l((d) => d.card.type), { setCardType: a, setCardPreferences: i } = l(
     (d) => d.actions
   ), o = l(
     (d) => d.actions.setCardCustomCfg
@@ -2553,7 +2546,7 @@ function Dn() {
           onClick: () => r("bar"),
           className: "font-normal",
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(vs, { className: "size-5" })
+          children: /* @__PURE__ */ e.jsx(Ns, { className: "size-5" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2561,7 +2554,7 @@ function Dn() {
         {
           onClick: () => r("line"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Ns, { className: "size-5" })
+          children: /* @__PURE__ */ e.jsx(Cs, { className: "size-5" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2631,7 +2624,7 @@ function Dn() {
         {
           onClick: () => r("table"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Cs, { className: "size-5" })
+          children: /* @__PURE__ */ e.jsx(bs, { className: "size-5" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2648,9 +2641,9 @@ function Dn() {
 function In({ chartType: s, className: n }) {
   switch (s) {
     case "bar":
-      return /* @__PURE__ */ e.jsx(vs, { className: n });
-    case "line":
       return /* @__PURE__ */ e.jsx(Ns, { className: n });
+    case "line":
+      return /* @__PURE__ */ e.jsx(Cs, { className: n });
     case "pie":
       return /* @__PURE__ */ e.jsx(it, { className: n });
     case "radar":
@@ -2668,7 +2661,7 @@ function In({ chartType: s, className: n }) {
     case "kpi":
       return /* @__PURE__ */ e.jsx(vt, { className: n });
     default:
-      return /* @__PURE__ */ e.jsx(Cs, { className: n });
+      return /* @__PURE__ */ e.jsx(bs, { className: n });
   }
 }
 function qn() {
@@ -2678,11 +2671,11 @@ function qn() {
     (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(Ha, { className: "w-4 h-4" }) }) }),
+    /* @__PURE__ */ e.jsx(Ve, { asChild: !0, children: /* @__PURE__ */ e.jsx(w, { size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(Ba, { 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(_, { className: "col-span-3", htmlFor: "width", children: "Refresh Every" }),
+      /* @__PURE__ */ e.jsx(H, { className: "col-span-3", htmlFor: "width", children: "Refresh Every" }),
       /* @__PURE__ */ e.jsx(
-        Q,
+        W,
         {
           value: s || "",
           onChange: (t) => n(t.target.value),
@@ -2707,7 +2700,7 @@ function _s() {
       ] }),
       /* @__PURE__ */ e.jsx(Rn, {})
     ] }),
-    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(Sa, { isLoading: a, card: s }) }) }) : /* @__PURE__ */ e.jsx(pt, { 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: [
+    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(pt, { 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: [
       o && /* @__PURE__ */ e.jsx(Vn, {}),
       s.data && s.data.length > 0 && /* @__PURE__ */ e.jsx(En, { data: n || [] }),
       i && /* @__PURE__ */ e.jsx("span", { className: "font-mono text-sm", children: i })
@@ -2736,9 +2729,9 @@ function Rn() {
     (t) => t.actions.setIsShowingVisual
   );
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-    /* @__PURE__ */ e.jsx(_, { htmlFor: "visualize", children: "Chart" }),
+    /* @__PURE__ */ e.jsx(H, { htmlFor: "visualize", children: "Chart" }),
     /* @__PURE__ */ e.jsx(
-      ka,
+      wa,
       {
         checked: s,
         onCheckedChange: () => n(!s),
@@ -2749,7 +2742,7 @@ function Rn() {
   ] });
 }
 function Me() {
-  const [s, n] = O([]);
+  const [s, n] = z([]);
   l(
     (h) => h.card.cfg
   );
@@ -2761,12 +2754,12 @@ function Me() {
       var u;
       return (u = h.card.preferences) == null ? void 0 : u.filterOnClickColumnIndex;
     }
-  ), B(() => {
+  ), $(() => {
     r && n(new Array(r.length).fill(!1));
   }, [r]);
   function d(h, u) {
-    var j, f;
-    u ? t != null && t.onClickFilter && ((j = t == null ? void 0 : t.onClickFilter) == null ? void 0 : j.length) > 0 ? o({
+    var g, f;
+    u ? t != null && t.onClickFilter && ((g = t == null ? void 0 : t.onClickFilter) == null ? void 0 : g.length) > 0 ? o({
       ...t,
       onClickFilter: [
         ...t.onClickFilter,
@@ -2786,31 +2779,31 @@ function Me() {
     }) : (o({
       ...t,
       onClickFilter: (f = t == null ? void 0 : t.onClickFilter) == null ? void 0 : f.filter(
-        (b) => b.columnIndex !== h
+        (j) => j.columnIndex !== h
       )
-    }), n((b) => {
-      const C = [...b];
+    }), n((j) => {
+      const C = [...j];
       return C[h] = !1, C;
     }));
   }
   function c(h, u) {
     var f;
-    const j = (f = t == null ? void 0 : t.onClickFilter) == null ? void 0 : f.map((b) => b.columnIndex === h ? {
-      ...b,
+    const g = (f = t == null ? void 0 : t.onClickFilter) == null ? void 0 : f.map((j) => j.columnIndex === h ? {
+      ...j,
       expression: u.target.value
-    } : b);
+    } : j);
     o({
       ...t,
-      onClickFilter: j
+      onClickFilter: g
     });
   }
   function m(h) {
-    var u, j, f, b;
-    if (s != null && s[h] || (j = (u = t == null ? void 0 : t.onClickFilter) == null ? void 0 : u.find((C) => C.columnIndex === h)) != null && j.expression)
+    var u, g, f, j;
+    if (s != null && s[h] || (g = (u = t == null ? void 0 : t.onClickFilter) == null ? void 0 : u.find((C) => C.columnIndex === h)) != null && g.expression)
       return /* @__PURE__ */ e.jsx(
-        Q,
+        W,
         {
-          value: (b = (f = t == null ? void 0 : t.onClickFilter) == null ? void 0 : f.find((C) => C.columnIndex === h)) == null ? void 0 : b.expression,
+          value: (j = (f = t == null ? void 0 : t.onClickFilter) == null ? void 0 : f.find((C) => C.columnIndex === h)) == null ? void 0 : j.expression,
           onChange: (C) => c(h, C),
           type: "text",
           className: " h-9 w-full focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0 font-mono text-xs",
@@ -2819,7 +2812,7 @@ function Me() {
       );
   }
   return /* @__PURE__ */ e.jsx(e.Fragment, { children: r == null ? void 0 : r.map((h, u) => {
-    var j, f;
+    var g, f;
     return /* @__PURE__ */ e.jsx(
       "div",
       {
@@ -2829,10 +2822,10 @@ function Me() {
             /* @__PURE__ */ e.jsx(
               Qe,
               {
-                checked: !!((j = t == null ? void 0 : t.onClickFilter) != null && j.find(
-                  (b) => b.columnIndex === u
+                checked: !!((g = t == null ? void 0 : t.onClickFilter) != null && g.find(
+                  (j) => j.columnIndex === u
                 )),
-                onCheckedChange: (b) => d(u, b)
+                onCheckedChange: (j) => d(u, j)
               }
             ),
             /* @__PURE__ */ e.jsx(
@@ -2843,14 +2836,14 @@ function Me() {
               }
             ),
             /* @__PURE__ */ e.jsx("div", { className: "flex gap-2 items-center ", children: ((f = t == null ? void 0 : t.onClickFilter) == null ? void 0 : f.find(
-              (b) => b.columnIndex === u
+              (j) => j.columnIndex === u
             )) && /* @__PURE__ */ e.jsx(
               lt,
               {
                 onClick: () => {
-                  n((b) => {
-                    const C = [...b];
-                    return C[u] = !b[u], C;
+                  n((j) => {
+                    const C = [...j];
+                    return C[u] = !j[u], C;
                   });
                 },
                 className: " invisible group-hover:visible size-3 text-gray-400 cursor-pointer"
@@ -2873,11 +2866,11 @@ function Ss() {
   );
   (o = n == null ? void 0 : n.options) != null && o.indexAxis;
   function i(d) {
-    var h, u, j, f, b, C;
+    var h, u, g, f, j, C;
     let c = {};
     (h = s == null ? void 0 : s.chartOptions) != null && h.scales && (c = {
-      x: (j = (u = s == null ? void 0 : s.chartOptions) == null ? void 0 : u.scales) == null ? void 0 : j.y,
-      y: (b = (f = s == null ? void 0 : s.chartOptions) == null ? void 0 : f.scales) == null ? void 0 : b.x
+      x: (g = (u = s == null ? void 0 : s.chartOptions) == null ? void 0 : u.scales) == null ? void 0 : g.y,
+      y: (j = (f = s == null ? void 0 : s.chartOptions) == null ? void 0 : f.scales) == null ? void 0 : j.x
     });
     const m = {
       ...s,
@@ -2919,41 +2912,41 @@ function Hs(s) {
   return ((i = (a = (t = s == null ? void 0 : s.chartOptions) == null ? void 0 : t.scales) == null ? void 0 : a[n]) == null ? void 0 : i.type) || "linear";
 }
 function Nt() {
-  var ee, P, se, Z, G, L;
-  const [s, n] = O(!1), t = l((x) => {
+  var ee, Y, se, Z, J, D;
+  const [s, n] = z(!1), t = l((x) => {
     var k;
     return (k = x.card) == null ? void 0 : k.preferences;
-  }), a = nt(t), [i, o] = O(
+  }), a = nt(t), [i, o] = z(
     Hs(t)
-  ), [r, d] = O(
-    ((se = (P = (ee = t == null ? void 0 : t.chartOptions) == null ? void 0 : ee.scales) == null ? void 0 : P[a]) == null ? void 0 : se.min) || ""
-  ), [c, m] = O(
-    ((L = (G = (Z = t == null ? void 0 : t.chartOptions) == null ? void 0 : Z.scales) == null ? void 0 : G[a]) == null ? void 0 : L.max) || ""
-  ), [h, u] = O(r || c ? "custom" : "auto"), [j, f] = O(""), [b, C] = O(""), [v, y] = O(""), [E, T] = O(""), [g, F] = O(""), M = l(
+  ), [r, d] = z(
+    ((se = (Y = (ee = t == null ? void 0 : t.chartOptions) == null ? void 0 : ee.scales) == null ? void 0 : Y[a]) == null ? void 0 : se.min) || ""
+  ), [c, m] = z(
+    ((D = (J = (Z = t == null ? void 0 : t.chartOptions) == null ? void 0 : Z.scales) == null ? void 0 : J[a]) == null ? void 0 : D.max) || ""
+  ), [h, u] = z(r || c ? "custom" : "auto"), [g, f] = z(""), [j, C] = z(""), [v, b] = z(""), [E, T] = z(""), [O, y] = z(""), F = l(
     (x) => x.actions.setCardPreferences
   ), A = l((x) => {
     var k;
     return (k = x.card) == null ? void 0 : k.type;
-  }), $ = ["pie", "doughnut", "polarArea"].includes(A);
-  B(() => {
-    var x, k, R, H, he, te, pe, fe, ge, ue, J, ae, ne, je;
+  }), I = ["pie", "doughnut", "polarArea"].includes(A);
+  $(() => {
+    var x, k, _, B, he, te, pe, fe, ge, ue, Q, ae, ne, je;
     o(Hs(t)), d(
-      ((R = (k = (x = t == null ? void 0 : t.chartOptions) == null ? void 0 : x.scales) == null ? void 0 : k[a]) == null ? void 0 : R.min) === 0 ? 0 : ""
-    ), m(((te = (he = (H = t == null ? void 0 : t.chartOptions) == null ? void 0 : H.scales) == null ? void 0 : he[a]) == null ? void 0 : te.max) || ""), f(
+      ((_ = (k = (x = t == null ? void 0 : t.chartOptions) == null ? void 0 : x.scales) == null ? void 0 : k[a]) == null ? void 0 : _.min) === 0 ? 0 : ""
+    ), m(((te = (he = (B = t == null ? void 0 : t.chartOptions) == null ? void 0 : B.scales) == null ? void 0 : he[a]) == null ? void 0 : te.max) || ""), f(
       ((ue = (ge = (fe = (pe = t == null ? void 0 : t.chartOptions) == null ? void 0 : pe.scales) == null ? void 0 : fe[a]) == null ? void 0 : ge.ticks) == null ? void 0 : ue.stepSize) || ""
-    ), C(((J = t == null ? void 0 : t.numberAxisFormat) == null ? void 0 : J.format) || ""), y(((ae = t == null ? void 0 : t.numberAxisFormat) == null ? void 0 : ae.suffix) || ""), T(((ne = t == null ? void 0 : t.numberAxisFormat) == null ? void 0 : ne.currency) || ""), F(((je = t == null ? void 0 : t.numberAxisFormat) == null ? void 0 : je.locale) || "");
+    ), C(((Q = t == null ? void 0 : t.numberAxisFormat) == null ? void 0 : Q.format) || ""), b(((ae = t == null ? void 0 : t.numberAxisFormat) == null ? void 0 : ae.suffix) || ""), T(((ne = t == null ? void 0 : t.numberAxisFormat) == null ? void 0 : ne.currency) || ""), y(((je = t == null ? void 0 : t.numberAxisFormat) == null ? void 0 : je.locale) || "");
   }, [s, t, a]);
-  function X(x, k) {
+  function P(x, k) {
     return k === "" || /^[0-9\b]+$/.test(k) ? Number(k) : Number(x);
   }
   function U() {
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-9 items-center gap-2", children: [
-        /* @__PURE__ */ e.jsx(_, { className: "col-span-3", htmlFor: "format", children: "Format" }),
+        /* @__PURE__ */ e.jsx(H, { className: "col-span-3", htmlFor: "format", children: "Format" }),
         /* @__PURE__ */ e.jsx(
-          Q,
+          W,
           {
-            value: b,
+            value: j,
             placeholder: "000,0.00",
             onChange: (x) => C(x.target.value),
             id: "format",
@@ -2961,11 +2954,11 @@ function Nt() {
           }
         ),
         /* @__PURE__ */ e.jsx(
-          Q,
+          W,
           {
             value: v,
             placeholder: "M",
-            onChange: (x) => y(x.target.value),
+            onChange: (x) => b(x.target.value),
             id: "unit",
             className: `col-span-2 h-8 w-full ${ve}`
           }
@@ -2973,7 +2966,7 @@ function Nt() {
       ] }),
       /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-6 items-center gap-2", children: [
         /* @__PURE__ */ e.jsx(
-          _,
+          H,
           {
             className: "col-span-2 hover:cursor-pointer hover:underline",
             htmlFor: "currency",
@@ -2988,7 +2981,7 @@ function Nt() {
           }
         ),
         /* @__PURE__ */ e.jsx(
-          Q,
+          W,
           {
             value: E,
             placeholder: "USD",
@@ -2998,11 +2991,11 @@ function Nt() {
           }
         ),
         /* @__PURE__ */ e.jsx(
-          Q,
+          W,
           {
-            value: g,
+            value: O,
             placeholder: "en-US",
-            onChange: (x) => F(x.target.value),
+            onChange: (x) => y(x.target.value),
             id: "locale",
             className: `col-span-2 h-8 w-full ${ve}`
           }
@@ -3010,36 +3003,36 @@ function Nt() {
       ] })
     ] });
   }
-  function K() {
+  function G() {
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 items-center gap-2", children: [
-        /* @__PURE__ */ e.jsx(_, { htmlFor: "range", children: "Range" }),
+        /* @__PURE__ */ e.jsx(H, { htmlFor: "range", children: "Range" }),
         /* @__PURE__ */ e.jsx(
-          Q,
+          W,
           {
             id: "min",
             value: r,
-            onChange: (x) => d((k) => X(k, x.target.value)),
+            onChange: (x) => d((k) => P(k, x.target.value)),
             className: `col-span-1 h-8 w-full ${ve}`
           }
         ),
         /* @__PURE__ */ e.jsx(
-          Q,
+          W,
           {
             value: c,
-            onChange: (x) => m((k) => X(k, x.target.value)),
+            onChange: (x) => m((k) => P(k, x.target.value)),
             id: "max",
             className: `col-span-1 h-8 w-full ${ve}`
           }
         )
       ] }),
       /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 items-center gap-2", children: [
-        /* @__PURE__ */ e.jsx(_, { htmlFor: "step-size", children: "Step Size" }),
+        /* @__PURE__ */ e.jsx(H, { htmlFor: "step-size", children: "Step Size" }),
         /* @__PURE__ */ e.jsx(
-          Q,
+          W,
           {
-            value: j,
-            onChange: (x) => f((k) => X(k, x.target.value)),
+            value: g,
+            onChange: (x) => f((k) => P(k, x.target.value)),
             id: "step-size",
             className: `col-span-1 h-8 w-full ${ve}`
           }
@@ -3047,14 +3040,14 @@ function Nt() {
       ] })
     ] });
   }
-  function D() {
-    var R;
+  function L() {
+    var _;
     let x = {};
     h === "custom" && (x = {
       min: r,
       max: c,
       ticks: {
-        stepSize: j
+        stepSize: g
       }
     });
     const k = {
@@ -3062,7 +3055,7 @@ function Nt() {
       chartOptions: {
         ...t == null ? void 0 : t.chartOptions,
         scales: {
-          ...(R = t == null ? void 0 : t.chartOptions) == null ? void 0 : R.scales,
+          ...(_ = t == null ? void 0 : t.chartOptions) == null ? void 0 : _.scales,
           [a]: {
             // ...cardPreferences?.chartOptions?.scales?.[axis],
             type: i,
@@ -3071,16 +3064,16 @@ function Nt() {
         }
       },
       numberAxisFormat: {
-        format: b,
+        format: j,
         suffix: v,
         currency: E,
-        locale: g
+        locale: O
       }
     };
-    M(k);
+    F(k);
   }
   return /* @__PURE__ */ e.jsxs(qe, { onOpenChange: (x) => n(x), children: [
-    /* @__PURE__ */ e.jsx(Ve, { asChild: !0, children: /* @__PURE__ */ e.jsx(wa, { className: "size-4 cursor-pointer text-muted-foreground hover:text-foreground" }) }),
+    /* @__PURE__ */ e.jsx(Ve, { asChild: !0, children: /* @__PURE__ */ e.jsx(Fa, { 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" }),
@@ -3088,11 +3081,11 @@ function Nt() {
       ] }),
       /* @__PURE__ */ e.jsxs("div", { className: "grid gap-2", children: [
         /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 items-center gap-2", children: [
-          /* @__PURE__ */ e.jsx(_, { htmlFor: "scale", children: "Type" }),
+          /* @__PURE__ */ e.jsx(H, { htmlFor: "scale", children: "Type" }),
           /* @__PURE__ */ e.jsxs(
             xs,
             {
-              disabled: $,
+              disabled: I,
               value: i,
               onValueChange: (x) => o(x),
               children: [
@@ -3107,11 +3100,11 @@ function Nt() {
           )
         ] }),
         i == "linear" && /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 items-center gap-2 py-1", children: [
-          /* @__PURE__ */ e.jsx(_, { htmlFor: "scale-option", children: "Setup" }),
+          /* @__PURE__ */ e.jsx(H, { htmlFor: "scale-option", children: "Setup" }),
           /* @__PURE__ */ e.jsxs(
             at,
             {
-              disabled: $,
+              disabled: I,
               id: "scale-option",
               value: h,
               onValueChange: (x) => u(x),
@@ -3130,13 +3123,13 @@ function Nt() {
             }
           )
         ] }),
-        h === "custom" && i == "linear" && K(),
+        h === "custom" && i == "linear" && G(),
         U(),
-        /* @__PURE__ */ e.jsx(Fa, {}),
+        /* @__PURE__ */ e.jsx(Oa, {}),
         /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-3", children: /* @__PURE__ */ e.jsx(
           w,
           {
-            onClick: D,
+            onClick: L,
             variant: "secondary",
             className: "col-span-1 col-start-3 h-8 w-full",
             children: "Apply"
@@ -3160,7 +3153,7 @@ function _n({ idx: s }) {
     (c) => c.actions.setCardPreferences
   ), i = (d = n == null ? void 0 : n.chartOptions) == null ? void 0 : d.indexAxis, o = t == null ? void 0 : t.find((c) => c.idx === s);
   function r(c, m) {
-    (c === "end" || c === "start") && za(Ma());
+    (c === "end" || c === "start") && Ma(Ta());
     const h = {
       display: c !== "none",
       align: c,
@@ -3181,12 +3174,12 @@ function _n({ idx: s }) {
     else {
       const u = { ...o };
       u.datalabels = h;
-      const j = t == null ? void 0 : t.map(
+      const g = t == null ? void 0 : t.map(
         (f) => f.idx === m ? u : f
       );
       a({
         ...n,
-        datasetOptions: j
+        datasetOptions: g
       });
     }
   }
@@ -3200,7 +3193,7 @@ function _n({ idx: s }) {
           size: "sm",
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
-          children: /* @__PURE__ */ e.jsx(Oa, { className: "size-4" })
+          children: /* @__PURE__ */ e.jsx(za, { className: "size-4" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -3213,7 +3206,7 @@ function _n({ idx: s }) {
           children: /* @__PURE__ */ e.jsx(
             Xa,
             {
-              className: W("h-4 w-4", {
+              className: K("h-4 w-4", {
                 "rotate-90": i === "y"
               })
             }
@@ -3230,7 +3223,7 @@ function _n({ idx: s }) {
           children: /* @__PURE__ */ e.jsx(
             en,
             {
-              className: W("h-4 w-4", {
+              className: K("h-4 w-4", {
                 "rotate-90": i === "y"
               })
             }
@@ -3247,7 +3240,7 @@ function _n({ idx: s }) {
           children: /* @__PURE__ */ e.jsx(
             Za,
             {
-              className: W("h-4 w-4", {
+              className: K("h-4 w-4", {
                 "rotate-90": i === "y"
               })
             }
@@ -3270,7 +3263,7 @@ function Ct() {
   } = ns(s.data || []);
   let d = o;
   if (s.type === "stackedBar") {
-    const c = Ta({
+    const c = Aa({
       dataArray: s.data || [],
       groupKey: r[0],
       pivotKey: r[1],
@@ -3280,12 +3273,12 @@ function Ct() {
   }
   return i.length === 0 ? null : /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ e.jsx(_, { children: t }),
+      /* @__PURE__ */ e.jsx(H, { children: t }),
       /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: /* @__PURE__ */ e.jsx("div", { className: "rounded-md bg-muted/70 px-2 py-1 hover:bg-muted", children: /* @__PURE__ */ e.jsx("p", { children: r[0] }) }) })
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between gap-5", children: [
-        /* @__PURE__ */ e.jsx(_, { children: a }),
+        /* @__PURE__ */ e.jsx(H, { children: a }),
         /* @__PURE__ */ e.jsx(Nt, {})
       ] }),
       /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: d.map((c, m) => /* @__PURE__ */ e.jsx(Hn, { col: c, idx: m }, c)) })
@@ -3331,21 +3324,21 @@ function Hn({ col: s, idx: n }) {
     /* @__PURE__ */ e.jsx("p", { children: s }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
       /* @__PURE__ */ e.jsx(
-        vs,
+        Ns,
         {
           onClick: () => r("bar"),
           className: "invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"
         }
       ),
       /* @__PURE__ */ e.jsx(
-        Ns,
+        Cs,
         {
           onClick: () => r("line"),
           className: "invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"
         }
       ),
       /* @__PURE__ */ e.jsx(
-        Ba,
+        $a,
         {
           onClick: () => r("area"),
           className: "invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"
@@ -3366,9 +3359,9 @@ function Bn({
   cardType: s
 }) {
   return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(Ce, { defaultValue: ["item-2"], type: "multiple", children: [
-    /* @__PURE__ */ e.jsxs(I, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx(q, { children: `${ys(s)} Chart` }),
-      /* @__PURE__ */ e.jsxs(V, { className: "space-y-4 font-mono text-xs", children: [
+    /* @__PURE__ */ e.jsxs(q, { value: "item-1", children: [
+      /* @__PURE__ */ e.jsx(V, { children: `${vs(s)} Chart` }),
+      /* @__PURE__ */ e.jsxs(R, { 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 x-axis, y-axis-1, y-axis-2,... FROM table" }),
         /* @__PURE__ */ e.jsxs("ul", { className: "ml-6 list-disc text-xs [&>li]:mt-2", children: [
           /* @__PURE__ */ e.jsx("li", { children: "x-axis - category" }),
@@ -3391,16 +3384,16 @@ function Bn({
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ e.jsxs(I, { value: "item-2", children: [
-      /* @__PURE__ */ e.jsx(q, { children: "Settings" }),
-      /* @__PURE__ */ e.jsxs(V, { className: "space-y-4 px-2", children: [
+    /* @__PURE__ */ e.jsxs(q, { value: "item-2", children: [
+      /* @__PURE__ */ e.jsx(V, { children: "Settings" }),
+      /* @__PURE__ */ e.jsxs(R, { className: "space-y-4 px-2", children: [
         /* @__PURE__ */ e.jsx(Ss, {}),
         /* @__PURE__ */ e.jsx(Ct, {})
       ] })
     ] }),
-    /* @__PURE__ */ e.jsxs(I, { value: "item-3", children: [
-      /* @__PURE__ */ e.jsx(q, { children: "Filter on click" }),
-      /* @__PURE__ */ e.jsx(V, { className: "px-2", children: /* @__PURE__ */ e.jsx(Me, {}) })
+    /* @__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, {}) })
     ] })
   ] }) });
 }
@@ -3486,17 +3479,17 @@ function $n({
     ] });
   }
   return /* @__PURE__ */ e.jsx("div", { className: "px-6 py-2 space-y-6", children: /* @__PURE__ */ e.jsxs(Ce, { defaultValue: ["item-2"], type: "multiple", children: [
-    /* @__PURE__ */ e.jsxs(I, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx(q, { children: `${ys(s)} Chart` }),
-      /* @__PURE__ */ e.jsx(V, { className: " space-y-4 font-mono text-xs ", children: n(s) })
+    /* @__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: n(s) })
     ] }),
-    /* @__PURE__ */ e.jsxs(I, { value: "item-2", children: [
-      /* @__PURE__ */ e.jsx(q, { children: "Settings" }),
-      /* @__PURE__ */ e.jsx(V, { className: "px-2", children: /* @__PURE__ */ e.jsx(ks, {}) })
+    /* @__PURE__ */ e.jsxs(q, { value: "item-2", children: [
+      /* @__PURE__ */ e.jsx(V, { children: "Settings" }),
+      /* @__PURE__ */ e.jsx(R, { className: "px-2", children: /* @__PURE__ */ e.jsx(ks, {}) })
     ] }),
-    /* @__PURE__ */ e.jsxs(I, { value: "item-3", children: [
-      /* @__PURE__ */ e.jsx(q, { children: "Filter on click" }),
-      /* @__PURE__ */ e.jsx(V, { className: "px-2", children: /* @__PURE__ */ e.jsx(Me, {}) })
+    /* @__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, {}) })
     ] })
   ] }) });
 }
@@ -3543,9 +3536,9 @@ function Gn() {
 function Jn(s) {
   if (["line", "bar"].includes(s))
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      /* @__PURE__ */ e.jsxs(I, { value: "item-1", children: [
-        /* @__PURE__ */ e.jsx(q, { className: " font-normal", children: /* @__PURE__ */ e.jsx("p", { children: "Chart Query" }) }),
-        /* @__PURE__ */ e.jsxs(V, { className: " ", children: [
+      /* @__PURE__ */ e.jsxs(q, { value: "item-1", children: [
+        /* @__PURE__ */ e.jsx(V, { className: " font-normal", children: /* @__PURE__ */ e.jsx("p", { children: "Chart Query" }) }),
+        /* @__PURE__ */ e.jsxs(R, { className: " ", children: [
           /* @__PURE__ */ e.jsx("div", { className: "bg-muted px-2 py-1 rounded  font-mono font-semibold text-xs", children: "SELECT x-axis, y-axis-1, y-axis-2, y-axis-3,... FROM table" }),
           /* @__PURE__ */ e.jsxs("ul", { className: "my-6 ml-6 list-disc [&>li]:mt-2 font-normal text-xs", children: [
             /* @__PURE__ */ e.jsx("li", { children: "X-axis - Category (ex. city)" }),
@@ -3553,9 +3546,9 @@ function Jn(s) {
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ e.jsxs(I, { value: "item-2", children: [
-        /* @__PURE__ */ e.jsx(q, { className: " font-normal", children: "Mixed Chart" }),
-        /* @__PURE__ */ e.jsxs(V, { className: " text-xs space-y-2", children: [
+      /* @__PURE__ */ e.jsxs(q, { value: "item-2", children: [
+        /* @__PURE__ */ e.jsx(V, { className: " font-normal", children: "Mixed Chart" }),
+        /* @__PURE__ */ e.jsxs(R, { className: " text-xs space-y-2", children: [
           /* @__PURE__ */ e.jsxs("p", { children: [
             "Click ",
             /* @__PURE__ */ e.jsx("b", { children: "Customize" }),
@@ -3564,9 +3557,9 @@ function Jn(s) {
           /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify(Kn, null, 2) })
         ] })
       ] }),
-      /* @__PURE__ */ e.jsxs(I, { value: "item-3", children: [
-        /* @__PURE__ */ e.jsx(q, { className: " font-normal", children: "Area Chart" }),
-        /* @__PURE__ */ e.jsxs(V, { className: "  text-xs space-y-2", children: [
+      /* @__PURE__ */ e.jsxs(q, { value: "item-3", children: [
+        /* @__PURE__ */ e.jsx(V, { className: " font-normal", children: "Area Chart" }),
+        /* @__PURE__ */ e.jsxs(R, { className: "  text-xs space-y-2", children: [
           /* @__PURE__ */ e.jsxs("p", { children: [
             "Click ",
             /* @__PURE__ */ e.jsx("b", { children: "Customize" }),
@@ -3587,13 +3580,13 @@ function Jn(s) {
       ] })
     ] });
   if (s === "bubble")
-    return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(I, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx(q, { className: " font-normal", children: /* @__PURE__ */ e.jsxs("p", { children: [
+    return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(q, { value: "item-1", children: [
+      /* @__PURE__ */ e.jsx(V, { className: " font-normal", children: /* @__PURE__ */ e.jsxs("p", { children: [
         "How to create a ",
         /* @__PURE__ */ e.jsx("span", { children: s }),
         " chart query?"
       ] }) }),
-      /* @__PURE__ */ e.jsxs(V, { className: " ", children: [
+      /* @__PURE__ */ e.jsxs(R, { className: " ", children: [
         /* @__PURE__ */ e.jsx("div", { className: "bg-muted px-2 py-1 rounded  font-mono font-semibold text-xs", children: "SELECT label, x-axis, y-axis, radius FROM table" }),
         /* @__PURE__ */ e.jsxs("ul", { className: "my-6 ml-6 list-disc [&>li]:mt-2 font-normal text-xs", children: [
           /* @__PURE__ */ e.jsx("li", { children: "Label - Category (ex. city)" }),
@@ -3605,13 +3598,13 @@ function Jn(s) {
       ] })
     ] }) });
   if (s === "scatter")
-    return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(I, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx(q, { className: " font-normal", children: /* @__PURE__ */ e.jsxs("p", { children: [
+    return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(q, { value: "item-1", children: [
+      /* @__PURE__ */ e.jsx(V, { className: " font-normal", children: /* @__PURE__ */ e.jsxs("p", { children: [
         "How to create a ",
         /* @__PURE__ */ e.jsx("span", { children: s }),
         " chart query?"
       ] }) }),
-      /* @__PURE__ */ e.jsxs(V, { className: " ", children: [
+      /* @__PURE__ */ e.jsxs(R, { className: " ", children: [
         /* @__PURE__ */ e.jsx("div", { className: "bg-muted px-2 py-1 rounded  font-mono font-semibold text-xs", children: "SELECT label, x-axis, y-axis FROM table" }),
         /* @__PURE__ */ e.jsxs("ul", { className: "my-6 ml-6 list-disc [&>li]:mt-2 font-normal text-xs", children: [
           /* @__PURE__ */ e.jsx("li", { children: "Label - Category (ex. city)" }),
@@ -3622,13 +3615,13 @@ function Jn(s) {
       ] })
     ] }) });
   if (["pie", "doughnut", "polarArea"].includes(s))
-    return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(I, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx(q, { className: " font-normal", children: /* @__PURE__ */ e.jsxs("p", { children: [
+    return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(q, { value: "item-1", children: [
+      /* @__PURE__ */ e.jsx(V, { className: " font-normal", children: /* @__PURE__ */ e.jsxs("p", { children: [
         /* @__PURE__ */ e.jsx("span", { children: s === "polarArea" ? "Polar" : s.charAt(0).toUpperCase() + s.slice(1) }),
         " ",
         "chart query"
       ] }) }),
-      /* @__PURE__ */ e.jsxs(V, { className: " ", children: [
+      /* @__PURE__ */ e.jsxs(R, { className: " ", children: [
         /* @__PURE__ */ e.jsx("div", { className: "bg-muted px-2 py-1 rounded  font-mono font-semibold text-xs", children: "SELECT label, measure FROM table" }),
         /* @__PURE__ */ e.jsxs("ul", { className: "my-6 ml-6 list-disc [&>li]:mt-2 font-normal text-xs", children: [
           /* @__PURE__ */ e.jsx("li", { children: "Label - Category (ex. city)" }),
@@ -3678,42 +3671,42 @@ function Qn() {
           }
         }
       ),
-      /* @__PURE__ */ e.jsx(_, { children: "Format Number" })
+      /* @__PURE__ */ e.jsx(H, { children: "Format Number" })
     ] }),
     ((d = s == null ? void 0 : s.formatNumber) == null ? void 0 : d.enabled) === !0 && /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2", children: [
       /* @__PURE__ */ e.jsxs("div", { children: [
-        /* @__PURE__ */ e.jsx(_, { className: "text-xs", children: "Currency" }),
+        /* @__PURE__ */ e.jsx(H, { className: "text-xs", children: "Currency" }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex gap-1", children: [
           /* @__PURE__ */ e.jsx(
-            Q,
+            W,
             {
               value: o || "",
               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, j;
+                var h, u, g;
                 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) || "",
-                  ((j = s == null ? void 0 : s.formatNumber) == null ? void 0 : j.suffix) || ""
+                  ((g = s == null ? void 0 : s.formatNumber) == null ? void 0 : g.suffix) || ""
                 );
               }
             }
           ),
           /* @__PURE__ */ e.jsx(
-            Q,
+            W,
             {
               value: i || "",
               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, j;
+                var h, u, g;
                 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,
-                  ((j = s == null ? void 0 : s.formatNumber) == null ? void 0 : j.suffix) || ""
+                  ((g = s == null ? void 0 : s.formatNumber) == null ? void 0 : g.suffix) || ""
                 );
               }
             }
@@ -3722,7 +3715,7 @@ function Qn() {
       ] }),
       /* @__PURE__ */ e.jsxs("div", { children: [
         /* @__PURE__ */ e.jsxs("div", { className: "flex gap-1", children: [
-          /* @__PURE__ */ e.jsx(_, { className: "text-xs", children: "Format" }),
+          /* @__PURE__ */ e.jsx(H, { className: "text-xs", children: "Format" }),
           /* @__PURE__ */ e.jsxs(We, { children: [
             /* @__PURE__ */ e.jsx(ms, { children: /* @__PURE__ */ e.jsx(
               Zs,
@@ -3738,37 +3731,37 @@ function Qn() {
           ] })
         ] }),
         /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(
-          Q,
+          W,
           {
             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, j;
+              var h, u, g;
               return t(
                 m.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) || "",
-                ((j = s == null ? void 0 : s.formatNumber) == null ? void 0 : j.suffix) || ""
+                ((g = s == null ? void 0 : s.formatNumber) == null ? void 0 : g.suffix) || ""
               );
             }
           }
         ) })
       ] }),
       /* @__PURE__ */ e.jsxs("div", { children: [
-        /* @__PURE__ */ e.jsx(_, { className: "text-xs", children: "Suffix" }),
+        /* @__PURE__ */ e.jsx(H, { className: "text-xs", children: "Suffix" }),
         /* @__PURE__ */ e.jsx(
-          Q,
+          W,
           {
             value: ((c = s == null ? void 0 : s.formatNumber) == null ? void 0 : c.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, j;
+              var h, u, g;
               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) || "",
-                ((j = s == null ? void 0 : s.formatNumber) == null ? void 0 : j.locale) || "",
+                ((g = s == null ? void 0 : s.formatNumber) == null ? void 0 : g.locale) || "",
                 m.target.value
               );
             }
@@ -3780,9 +3773,9 @@ function Qn() {
 }
 function Wn() {
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-6 px-6 py-2", children: [
-    /* @__PURE__ */ e.jsx(Ce, { type: "single", collapsible: !0, children: /* @__PURE__ */ e.jsxs(I, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx(q, { className: "", children: "KPI Query" }),
-      /* @__PURE__ */ e.jsxs(V, { className: "font-mono", children: [
+    /* @__PURE__ */ e.jsx(Ce, { type: "single", collapsible: !0, children: /* @__PURE__ */ e.jsxs(q, { value: "item-1", children: [
+      /* @__PURE__ */ e.jsx(V, { className: "", children: "KPI Query" }),
+      /* @__PURE__ */ e.jsxs(R, { className: "font-mono", children: [
         /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 font-mono text-xs", children: "SELECT current, previous FROM table" }),
         /* @__PURE__ */ e.jsxs("ul", { className: "my-6 ml-6 list-disc text-xs [&>li]:mt-2", children: [
           /* @__PURE__ */ e.jsx("li", { children: "current - number" }),
@@ -3813,9 +3806,9 @@ function Pn({
   cardType: s
 }) {
   return /* @__PURE__ */ e.jsx("div", { className: "px-6 py-2 space-y-6", children: /* @__PURE__ */ e.jsxs(Ce, { defaultValue: ["item-2"], type: "multiple", children: [
-    /* @__PURE__ */ e.jsxs(I, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx(q, { children: `${ys(s)} Chart` }),
-      /* @__PURE__ */ e.jsxs(V, { className: " space-y-4 font-mono text-xs ", children: [
+    /* @__PURE__ */ e.jsxs(q, { value: "item-1", children: [
+      /* @__PURE__ */ e.jsx(V, { children: `${vs(s)} Chart` }),
+      /* @__PURE__ */ e.jsxs(R, { className: " space-y-4 font-mono text-xs ", children: [
         /* @__PURE__ */ e.jsx("div", { className: "bg-muted px-2 py-1 rounded    text-xs", children: "SELECT label, measure FROM table" }),
         /* @__PURE__ */ e.jsxs("ul", { className: " ml-6 list-disc [&>li]:mt-2 text-xs", children: [
           /* @__PURE__ */ e.jsx("li", { children: "label - category" }),
@@ -3837,21 +3830,21 @@ function Pn({
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ e.jsxs(I, { value: "item-2", children: [
-      /* @__PURE__ */ e.jsx(q, { children: "Settings" }),
-      /* @__PURE__ */ e.jsx(V, { className: "px-2", children: /* @__PURE__ */ e.jsx(ks, {}) })
+    /* @__PURE__ */ e.jsxs(q, { value: "item-2", children: [
+      /* @__PURE__ */ e.jsx(V, { children: "Settings" }),
+      /* @__PURE__ */ e.jsx(R, { className: "px-2", children: /* @__PURE__ */ e.jsx(ks, {}) })
     ] }),
-    /* @__PURE__ */ e.jsxs(I, { value: "item-3", children: [
-      /* @__PURE__ */ e.jsx(q, { children: "Filter on click" }),
-      /* @__PURE__ */ e.jsx(V, { className: "px-2", children: /* @__PURE__ */ e.jsx(Me, {}) })
+    /* @__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, {}) })
     ] })
   ] }) });
 }
 function Yn() {
   return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(Ce, { defaultValue: ["item-2"], type: "multiple", children: [
-    /* @__PURE__ */ e.jsxs(I, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx(q, { children: "Stacked Chart" }),
-      /* @__PURE__ */ e.jsxs(V, { className: "space-y-4 font-mono text-xs", children: [
+    /* @__PURE__ */ e.jsxs(q, { value: "item-1", children: [
+      /* @__PURE__ */ e.jsx(V, { children: "Stacked Chart" }),
+      /* @__PURE__ */ e.jsxs(R, { 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 x-axis, stack-by, y-axis FROM table" }),
         /* @__PURE__ */ e.jsxs("ul", { className: "ml-6 list-disc text-xs [&>li]:mt-2", children: [
           /* @__PURE__ */ e.jsx("li", { children: "x-axis - category" }),
@@ -3874,25 +3867,25 @@ function Yn() {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ e.jsxs(I, { value: "item-2", children: [
-      /* @__PURE__ */ e.jsx(q, { children: "Settings" }),
-      /* @__PURE__ */ e.jsxs(V, { className: "space-y-4 px-2", children: [
+    /* @__PURE__ */ e.jsxs(q, { value: "item-2", children: [
+      /* @__PURE__ */ e.jsx(V, { children: "Settings" }),
+      /* @__PURE__ */ e.jsxs(R, { className: "space-y-4 px-2", children: [
         /* @__PURE__ */ e.jsx(Ss, {}),
         /* @__PURE__ */ e.jsx(Ct, {})
       ] })
     ] }),
-    /* @__PURE__ */ e.jsxs(I, { value: "item-3", children: [
-      /* @__PURE__ */ e.jsx(q, { children: "Filter on click" }),
-      /* @__PURE__ */ e.jsx(V, { className: "px-2", children: /* @__PURE__ */ e.jsx(Me, {}) })
+    /* @__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, {}) })
     ] })
   ] }) });
 }
 function Xn({
   cardType: s
 }) {
-  return console.log("TableVisualSettings", s), /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsx(Ce, { defaultValue: ["item-3"], type: "multiple", children: /* @__PURE__ */ e.jsxs(I, { value: "item-3", children: [
-    /* @__PURE__ */ e.jsx(q, { children: "Filter on click" }),
-    /* @__PURE__ */ e.jsx(V, { className: "px-2", children: /* @__PURE__ */ e.jsx(Me, {}) })
+  return console.log("TableVisualSettings", s), /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsx(Ce, { 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, {}) })
   ] }) }) });
 }
 function Zn() {
@@ -3920,7 +3913,7 @@ function Zn() {
         return /* @__PURE__ */ e.jsx(Gn, {});
     }
   }
-  return /* @__PURE__ */ e.jsx(bs, { className: "h-full w-full text-sm", children: n(s) });
+  return /* @__PURE__ */ e.jsx(ys, { className: "h-full w-full text-sm", children: n(s) });
 }
 function er() {
   const s = l((n) => n.isShowingVisual);
@@ -3970,13 +3963,13 @@ function er() {
 }
 function sr({ authToken: s, onSave: n, onClose: t }) {
   const a = l((r) => r.actions.setOnSave), i = l((r) => r.actions.setOnClose), o = S((r) => r.actions.setAuthToken);
-  return B(() => {
+  return $(() => {
     n && a(n), t && i(t);
-  }, [n, a, t, i]), B(() => {
+  }, [n, a, t, i]), $(() => {
     s && s.accessToken && o(s);
-  }, [s, o]), /* @__PURE__ */ e.jsxs(Aa, { className: "rounded-none", role: "editor-panel", children: [
-    /* @__PURE__ */ e.jsx(Ea, { className: "rounded-none border-r-[1.5px]", children: /* @__PURE__ */ e.jsx(ut, {}) }),
-    /* @__PURE__ */ e.jsx(La, { children: /* @__PURE__ */ e.jsx(er, {}) })
+  }, [s, o]), /* @__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(ut, {}) }),
+    /* @__PURE__ */ e.jsx(Da, { children: /* @__PURE__ */ e.jsx(er, {}) })
   ] });
 }
 function tr() {
@@ -3992,7 +3985,7 @@ function tr() {
     "div",
     {
       role: "editor-container",
-      className: W("flex grow", {
+      className: K("flex grow", {
         block: t,
         hidden: !t
       }),
@@ -4008,18 +4001,18 @@ function ar({
     (u) => u.actions.removeFilterValue
   );
   function h(u) {
-    const j = ce(u.column_name), f = ce(a || ""), b = ce(i || ""), C = ce(n), v = as(
-      b,
+    const g = ce(u.column_name), f = ce(a || ""), j = ce(i || ""), C = ce(n), v = as(
+      j,
       C
-    ), y = `${v}.${j}`;
+    ), b = `${v}.${g}`;
     console.log(
       "find",
-      y,
+      b,
       C,
       f
     );
     const E = r == null ? void 0 : r.find(
-      (T) => T.column === y && T.table === C && (T.database === f || T.database === a)
+      (T) => T.column === b && T.table === C && (T.database === f || T.database === a)
     );
     if (E)
       m(E.id), c(E.id);
@@ -4027,7 +4020,7 @@ function ar({
       if (n === "api" && t) {
         d({
           id: $e(),
-          column: y,
+          column: b,
           title: u.column_name,
           dataType: u.data_type,
           table: "api",
@@ -4038,7 +4031,7 @@ function ar({
           sql: qs(
             u.data_type,
             v,
-            j
+            g
           )
           //DATE_DATA_TYPES.includes(column.data_type) ? dateSql : sql,
         });
@@ -4046,7 +4039,7 @@ function ar({
       }
       d({
         id: $e(),
-        column: `${v}.${j}`,
+        column: `${v}.${g}`,
         title: u.column_name,
         dataType: u.data_type,
         table: o || "",
@@ -4056,24 +4049,24 @@ function ar({
         sql: qs(
           u.data_type,
           v,
-          j
+          g
         )
         //DATE_DATA_TYPES.includes(column.data_type) ? dateSql : sql,
       });
     }
   }
   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) => {
-    const j = r == null ? void 0 : r.find(
+    const g = r == null ? void 0 : r.find(
       (f) => f.column === ce(u.column_name) && f.table === o && f.database === a
     );
     return /* @__PURE__ */ e.jsx(
       "div",
       {
         onClick: () => h(u),
-        className: W(
+        className: K(
           "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": j
+            "bg-muted": g
           }
         ),
         children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
@@ -4092,7 +4085,7 @@ function nr() {
   );
   return /* @__PURE__ */ e.jsxs("section", { className: "relative flex grow flex-col border-l px-4", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "mt-4 flex items-center justify-between gap-2 px-3", children: [
-      /* @__PURE__ */ e.jsx(_, { className: "text-lg", children: "Filters" }),
+      /* @__PURE__ */ e.jsx(H, { className: "text-lg", children: "Filters" }),
       /* @__PURE__ */ e.jsx(
         w,
         {
@@ -4125,12 +4118,12 @@ function rr() {
     "div",
     {
       role: "dashboard-plus-main",
-      className: W("grow", {
+      className: K("grow", {
         hidden: n,
         flex: !n
       }),
       children: [
-        /* @__PURE__ */ e.jsx(Da, {}),
+        /* @__PURE__ */ e.jsx(Ia, {}),
         s && /* @__PURE__ */ e.jsx("div", { role: "filter-aside-container", className: "flex", children: /* @__PURE__ */ e.jsx(nr, {}) })
       ]
     }
@@ -4145,11 +4138,11 @@ function lr() {
   ), /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: W(" p-2", {
+      className: K(" p-2", {
         hidden: !t
       }),
       children: /* @__PURE__ */ e.jsx(
-        Ia,
+        qa,
         {
           onChange: (a) => {
             if (a)
@@ -4185,9 +4178,9 @@ function cr({
   showFooter: n = !0,
   ...t
 }) {
-  return /* @__PURE__ */ e.jsx(qa, { dashboardProps: t, children: /* @__PURE__ */ e.jsxs(Va, { children: [
+  return /* @__PURE__ */ e.jsx(Va, { dashboardProps: t, children: /* @__PURE__ */ e.jsxs(Ra, { children: [
     /* @__PURE__ */ e.jsx(lr, {}),
-    /* @__PURE__ */ e.jsxs(Ra, { ...t, children: [
+    /* @__PURE__ */ e.jsxs(_a, { ...t, children: [
       s && /* @__PURE__ */ e.jsx(pn, {}),
       /* @__PURE__ */ e.jsx(tr, {}),
       /* @__PURE__ */ e.jsx(rr, {})