react-semaphor 0.0.213 → 0.0.214

package/dist/chunks/{dashboard-plus-3lAlCfBG.js → dashboard-plus-8EUxxbn_.js}

@@ -1,12 +1,12 @@
-import { P as L, b as w, j as e, Q as ys, R as vs, U as k, V as Xs, W as Ns, X as Cs, Y as Ss, Z as ks, _ as $, $ as re, a0 as Zs, J as ea, O as Le, a1 as Ra, a2 as _a, a3 as Ha, a4 as Ba, a5 as $a, a6 as Pa, a7 as Rs, a8 as _e, a9 as Pe, aa as es, T as ws, e as sa, g as zs, ab as Fe, ac as Oe, f as Y, ad as Me, ae as Te, af as He, ag as Ae, ah as W, ai as Fs, G as i, aj as Ke, ak as Ue, al as Ka, am as Ge, w as aa, v as ta, t as me, an as Ua, r as Ga, N as na, s as Ja, ao as Qa, B as Wa, ap as ra, aq as Ya, L as Be, S as Os, z as Xa, n as _s, ar as ps, A as fs, u as ts, as as ge, at as ye, au as la, av as ia, aw as oa, ax as ca, ay as da, az as Za, aA as et, aB as ha, aC as st, aD as at, aE as tt, aF as nt, aG as rt, aH as gs, aI as lt, aJ as Re, aK as js, aL as ze, aM as bs, aN as Hs, aO as it, aP as ot, aQ as ct, aR as dt, aS as ht, aT as ms, aU as mt, aV as Bs, aW as ut, aX as $s, aY as xt, aZ as pt, a_ as ft, a$ as ma, l as gt, C as jt, E as Ps, d as bt, h as yt, i as vt, o as Nt, b0 as Ct, m as St, H as kt, b1 as wt, b2 as zt, b3 as Ft, b4 as us, b5 as Ot, b6 as xs, b7 as Ks, K as Mt, b8 as Tt, b9 as Ms, ba as Lt, bb as Ts, bc as Ee, bd as ua, be as At, bf as Et, bg as Dt, bh as It, bi as Vt, bj as qt, bk as ve, bl as R, bm as _, bn as Ls, bo as H, bp as Us, bq as Rt, br as _t, bs as Ht, bt as Bt, bu as Gs, bv as $t, bw as Pt, bx as Kt, by as Ut, bz as Gt, bA as Jt } from "./index-icDf4hJ3.js";
-import ue, { useState as T, useEffect as G, useMemo as Qt, useRef as $e } from "react";
+import { P as T, b as w, j as e, Q as vs, R as Ns, U as k, V as Xs, W as Cs, X as Ss, Y as ks, Z as ws, _ as R, $ as le, a0 as Zs, J as ea, O as Te, a1 as Ra, a2 as _a, a3 as Ha, a4 as Ba, a5 as $a, a6 as Pa, a7 as Rs, a8 as He, a9 as Ue, aa as ss, T as zs, e as sa, g as Fs, ab as Fe, ac as Oe, f as Z, ad as Me, ae as Le, af as Be, ag as Ae, ah as X, ai as Os, G as i, aj as Ge, ak as Je, al as Ka, am as Qe, w as aa, v as ta, t as ue, an as Ua, r as Ga, N as na, s as Ja, ao as Qa, B as Wa, ap as ra, aq as Ya, L as $e, S as Ms, z as Xa, n as _s, ar as fs, A as gs, u as ns, as as je, at as ve, au as Pe, av as la, aw as ia, ax as oa, ay as ca, az as da, aA as Za, aB as et, aC as ha, aD as st, aE as at, aF as tt, aG as nt, aH as rt, aI as js, aJ as lt, aK as _e, aL as bs, aM as ze, aN as ys, aO as Hs, aP as it, aQ as ot, aR as ct, aS as dt, aT as ht, aU as us, aV as mt, aW as Bs, aX as ut, aY as $s, aZ as xt, a_ as pt, a$ as ft, b0 as ma, l as gt, C as jt, E as Ps, d as bt, h as yt, i as vt, o as Nt, b1 as Ct, m as St, H as kt, b2 as wt, b3 as zt, b4 as Ft, b5 as xs, b6 as Ot, b7 as ps, b8 as Ks, K as Mt, b9 as Lt, ba as Tt, bb as Ls, bc as Ee, bd as ua, be as At, bf as Et, bg as Dt, bh as It, bi as Vt, bj as qt, bk as Ne, bl as _, bm as H, bn as Ts, bo as B, bp as Us, bq as Rt, br as _t, bs as Ht, bt as Bt, bu as Gs, bv as $t, bw as Pt, bx as Kt, by as Ut, bz as Gt, bA as Jt } from "./index--jPf_GGf.js";
+import xe, { useState as L, useEffect as G, useMemo as Qt, useRef as Ke } 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 Wt = L("Activity", [
+const Wt = T("Activity", [
   [
     "path",
     {
@@ -21,7 +21,7 @@ const Wt = L("Activity", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Yt = L("AreaChart", [
+const Yt = T("AreaChart", [
   ["path", { d: "M3 3v18h18", key: "1s2lah" }],
   ["path", { d: "M7 12v5h12V8l-5 5-4-4Z", key: "zxz28u" }]
 ]);
@@ -31,7 +31,7 @@ const Yt = L("AreaChart", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const As = L("BarChart4", [
+const As = T("BarChart4", [
   ["path", { d: "M3 3v18h18", key: "1s2lah" }],
   ["path", { d: "M13 17V9", key: "1fwyjl" }],
   ["path", { d: "M18 17V5", key: "sfb6ij" }],
@@ -43,7 +43,7 @@ const As = L("BarChart4", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Xt = L("Box", [
+const Xt = T("Box", [
   [
     "path",
     {
@@ -60,7 +60,7 @@ const Xt = L("Box", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Zt = L("CircleX", [
+const Zt = T("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" }]
@@ -71,7 +71,7 @@ const Zt = L("CircleX", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const en = L("Database", [
+const en = T("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" }]
@@ -82,7 +82,7 @@ const en = L("Database", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const sn = L("Eraser", [
+const sn = T("Eraser", [
   [
     "path",
     {
@@ -99,7 +99,7 @@ const sn = L("Eraser", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const xa = L("Filter", [
+const xa = T("Filter", [
   ["polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3", key: "1yg77f" }]
 ]);
 /**
@@ -108,7 +108,7 @@ const xa = L("Filter", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const pa = L("GanttChart", [
+const pa = T("GanttChart", [
   ["path", { d: "M8 6h10", key: "9lnwnk" }],
   ["path", { d: "M6 12h9", key: "1g9pqf" }],
   ["path", { d: "M11 18h7", key: "c8dzvl" }]
@@ -119,7 +119,7 @@ const pa = L("GanttChart", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const an = L("Glasses", [
+const an = T("Glasses", [
   ["circle", { cx: "6", cy: "15", r: "4", key: "vux9w4" }],
   ["circle", { cx: "18", cy: "15", r: "4", key: "18o8ve" }],
   ["path", { d: "M14 15a2 2 0 0 0-2-2 2 2 0 0 0-2 2", key: "1ag4bs" }],
@@ -132,7 +132,7 @@ const an = L("Glasses", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const tn = L("Hammer", [
+const tn = T("Hammer", [
   ["path", { d: "m15 12-8.373 8.373a1 1 0 1 1-3-3L12 9", key: "eefl8a" }],
   ["path", { d: "m18 15 4-4", key: "16gjal" }],
   [
@@ -149,7 +149,7 @@ const tn = L("Hammer", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const nn = L("Hash", [
+const nn = T("Hash", [
   ["line", { x1: "4", x2: "20", y1: "9", y2: "9", key: "4lhtct" }],
   ["line", { x1: "4", x2: "20", y1: "15", y2: "15", key: "vyu0kd" }],
   ["line", { x1: "10", x2: "8", y1: "3", y2: "21", key: "1ggp8o" }],
@@ -161,7 +161,7 @@ const nn = L("Hash", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const rn = L("Key", [
+const rn = T("Key", [
   ["path", { d: "m15.5 7.5 2.3 2.3a1 1 0 0 0 1.4 0l2.1-2.1a1 1 0 0 0 0-1.4L19 4", key: "g0fldk" }],
   ["path", { d: "m21 2-9.6 9.6", key: "1j0ho8" }],
   ["circle", { cx: "7.5", cy: "15.5", r: "5.5", key: "yqb3hr" }]
@@ -172,7 +172,7 @@ const rn = L("Key", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Es = L("LineChart", [
+const Es = T("LineChart", [
   ["path", { d: "M3 3v18h18", key: "1s2lah" }],
   ["path", { d: "m19 9-5 5-4-4-3 3", key: "2osh9i" }]
 ]);
@@ -182,7 +182,7 @@ const Es = L("LineChart", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ln = L("ListEnd", [
+const ln = T("ListEnd", [
   ["path", { d: "M16 12H3", key: "1a2rj7" }],
   ["path", { d: "M16 6H3", key: "1wxfjs" }],
   ["path", { d: "M10 18H3", key: "13769t" }],
@@ -195,7 +195,7 @@ const ln = L("ListEnd", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const on = L("ListStart", [
+const on = T("ListStart", [
   ["path", { d: "M16 12H3", key: "1a2rj7" }],
   ["path", { d: "M16 18H3", key: "12xzn7" }],
   ["path", { d: "M10 6H3", key: "lf8lx7" }],
@@ -208,7 +208,7 @@ const on = L("ListStart", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const cn = L("ListX", [
+const cn = T("ListX", [
   ["path", { d: "M11 12H3", key: "51ecnj" }],
   ["path", { d: "M16 6H3", key: "1wxfjs" }],
   ["path", { d: "M16 18H3", key: "12xzn7" }],
@@ -221,7 +221,7 @@ const cn = L("ListX", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const dn = L("MessageSquareMore", [
+const dn = T("MessageSquareMore", [
   ["path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z", key: "1lielz" }],
   ["path", { d: "M8 10h.01", key: "19clt8" }],
   ["path", { d: "M12 10h.01", key: "1nrarc" }],
@@ -233,7 +233,7 @@ const dn = L("MessageSquareMore", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const hn = L("Network", [
+const hn = T("Network", [
   ["rect", { x: "16", y: "16", width: "6", height: "6", rx: "1", key: "4q2zg0" }],
   ["rect", { x: "2", y: "16", width: "6", height: "6", rx: "1", key: "8cvhb9" }],
   ["rect", { x: "9", y: "2", width: "6", height: "6", rx: "1", key: "1egb70" }],
@@ -246,7 +246,7 @@ const hn = L("Network", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const fa = L("Pencil", [
+const fa = T("Pencil", [
   ["path", { d: "M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z", key: "5qss01" }],
   ["path", { d: "m15 5 4 4", key: "1mk7zo" }]
 ]);
@@ -256,7 +256,7 @@ const fa = L("Pencil", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ga = L("PieChart", [
+const ga = T("PieChart", [
   ["path", { d: "M21.21 15.89A10 10 0 1 1 8 2.83", key: "k2fpak" }],
   ["path", { d: "M22 12A10 10 0 0 0 12 2v10z", key: "1rfc4y" }]
 ]);
@@ -266,7 +266,7 @@ const ga = L("PieChart", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const mn = L("Play", [
+const mn = T("Play", [
   ["polygon", { points: "6 3 20 12 6 21 6 3", key: "1oa8hb" }]
 ]);
 /**
@@ -275,7 +275,7 @@ const mn = L("Play", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const un = L("Plug2", [
+const un = T("Plug2", [
   ["path", { d: "M9 2v6", key: "17ngun" }],
   ["path", { d: "M15 2v6", key: "s7yy2p" }],
   ["path", { d: "M12 17v5", key: "bb1du9" }],
@@ -288,7 +288,7 @@ const un = L("Plug2", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const xn = L("Save", [
+const xn = T("Save", [
   [
     "path",
     {
@@ -305,7 +305,7 @@ const xn = L("Save", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ja = L("ScatterChart", [
+const ja = T("ScatterChart", [
   ["circle", { cx: "7.5", cy: "7.5", r: ".5", fill: "currentColor", key: "kqv944" }],
   ["circle", { cx: "18.5", cy: "5.5", r: ".5", fill: "currentColor", key: "lysivs" }],
   ["circle", { cx: "11.5", cy: "11.5", r: ".5", fill: "currentColor", key: "byv1b8" }],
@@ -319,7 +319,7 @@ const ja = L("ScatterChart", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const pn = L("ShieldQuestion", [
+const pn = T("ShieldQuestion", [
   [
     "path",
     {
@@ -336,7 +336,7 @@ const pn = L("ShieldQuestion", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const fn = L("Sigma", [
+const fn = T("Sigma", [
   ["path", { d: "M18 7V4H6l6 8-6 8h12v-3", key: "zis8ev" }]
 ]);
 /**
@@ -345,7 +345,7 @@ const fn = L("Sigma", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const gn = L("SwatchBook", [
+const gn = T("SwatchBook", [
   ["path", { d: "M11 17a4 4 0 0 1-8 0V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2Z", key: "1ldrpk" }],
   ["path", { d: "M16.7 13H19a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H7", key: "11i5po" }],
   ["path", { d: "M 7 17h0.01", key: "10821z" }],
@@ -363,7 +363,7 @@ const gn = L("SwatchBook", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const jn = L("Tag", [
+const jn = T("Tag", [
   [
     "path",
     {
@@ -379,7 +379,7 @@ const jn = L("Tag", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const bn = L("ToggleLeft", [
+const bn = T("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" }]
 ]);
@@ -389,7 +389,7 @@ const bn = L("ToggleLeft", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ds = L("Type", [
+const Ds = T("Type", [
   ["polyline", { points: "4 7 4 4 20 4 20 7", key: "1nosan" }],
   ["line", { x1: "9", x2: "15", y1: "20", y2: "20", key: "swin9y" }],
   ["line", { x1: "12", x2: "12", y1: "4", y2: "20", key: "1tx1rr" }]
@@ -400,14 +400,14 @@ const Ds = L("Type", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const yn = L("User", [
+const yn = T("User", [
   ["path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2", key: "975kel" }],
   ["circle", { cx: "12", cy: "7", r: "4", key: "17ys0d" }]
 ]);
 function vn() {
-  const [s, n] = T(""), [a, t] = T(!1), [l, h] = T(!1), d = w((o) => o.dashboard);
+  const [s, n] = L(""), [a, t] = L(!1), [l, h] = L(!1), c = w((o) => o.dashboard);
   function r() {
-    const o = ea(d), f = Le(d.id), m = JSON.parse(localStorage.getItem(f) || "[]");
+    const o = ea(c), f = Te(c.id), m = JSON.parse(localStorage.getItem(f) || "[]");
     if (m.some(
       (S) => S.name === s
     )) {
@@ -419,8 +419,8 @@ function vn() {
       template: o
     }), localStorage.setItem(f, JSON.stringify(m)), h(!1);
   }
-  return /* @__PURE__ */ e.jsxs(ys, { open: l, onOpenChange: h, children: [
-    /* @__PURE__ */ e.jsx(vs, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
+  return /* @__PURE__ */ e.jsxs(vs, { open: l, onOpenChange: h, children: [
+    /* @__PURE__ */ e.jsx(Ns, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
       k,
       {
         variant: "outline",
@@ -432,15 +432,15 @@ function vn() {
         ]
       }
     ) }),
-    /* @__PURE__ */ e.jsxs(Ns, { className: "sm:max-w-[425px]", children: [
-      /* @__PURE__ */ e.jsxs(Cs, { children: [
-        /* @__PURE__ */ e.jsx(Ss, { children: "Add a Lens" }),
-        /* @__PURE__ */ e.jsx(ks, { children: "Lenses are private by default and are only visible to you." })
+    /* @__PURE__ */ e.jsxs(Cs, { className: "sm:max-w-[425px]", children: [
+      /* @__PURE__ */ e.jsxs(Ss, { children: [
+        /* @__PURE__ */ e.jsx(ks, { children: "Add a Lens" }),
+        /* @__PURE__ */ e.jsx(ws, { 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(R, { className: "text-right", children: "Name" }),
         /* @__PURE__ */ e.jsx(
-          re,
+          le,
           {
             value: s,
             onChange: (o) => {
@@ -466,28 +466,28 @@ function vn() {
   ] });
 }
 function Nn() {
-  const [s, n] = T(!1), [a, t] = T(""), l = w((c) => c.dashboard), h = w((c) => c.bookmarkKey), [d, r] = T([]), o = w((c) => c.actions.setDashboard), f = w(
-    (c) => c.actions.setFilterValues
+  const [s, n] = L(!1), [a, t] = L(""), l = w((d) => d.dashboard), h = w((d) => d.bookmarkKey), [c, r] = L([]), o = w((d) => d.actions.setDashboard), f = w(
+    (d) => d.actions.setFilterValues
   ), m = w(
-    (c) => c.actions.setBookmarkKey
+    (d) => d.actions.setBookmarkKey
   );
   G(() => {
-    const c = Le(l.id), x = JSON.parse(localStorage.getItem(c) || "[]");
+    const d = Te(l.id), x = JSON.parse(localStorage.getItem(d) || "[]");
     r(x);
     const j = x.find(
       (z) => z.default
     );
     j && j.name === h && t(j.name);
   }, [s, l, h]);
-  function u(c) {
-    if (c === a)
+  function u(d) {
+    if (d === a)
       return;
-    const x = d.find((z) => z.name === c), j = x == null ? void 0 : x.template;
-    j && (o(j), f(x.filterValues || []), m(c === "Original" ? "" : c)), t(c);
+    const x = c.find((z) => z.name === d), j = x == null ? void 0 : x.template;
+    j && (o(j), f(x.filterValues || []), m(d === "Original" ? "" : d)), t(d);
   }
-  function S(c) {
-    const x = Le(l.id), z = JSON.parse(localStorage.getItem(x) || "[]").filter(
-      (C) => C.name !== c
+  function S(d) {
+    const x = Te(l.id), z = JSON.parse(localStorage.getItem(x) || "[]").filter(
+      (C) => C.name !== d
     );
     localStorage.setItem(x, JSON.stringify(z)), r(z);
   }
@@ -503,19 +503,19 @@ function Nn() {
           onValueChange: u,
           children: [
             /* @__PURE__ */ e.jsx(Rs, { value: "Original", children: "Original" }),
-            d.filter((c) => c.name != "Original").map((c, x) => /* @__PURE__ */ e.jsxs(
+            c.filter((d) => d.name != "Original").map((d, x) => /* @__PURE__ */ e.jsxs(
               Rs,
               {
                 className: "xbg-red-100 flex justify-between",
-                value: c.name,
-                defaultChecked: c.name === h,
+                value: d.name,
+                defaultChecked: d.name === h,
                 children: [
-                  /* @__PURE__ */ e.jsx("p", { children: c.name }),
+                  /* @__PURE__ */ e.jsx("p", { children: d.name }),
                   /* @__PURE__ */ e.jsx(
-                    _e,
+                    He,
                     {
                       onClick: (j) => {
-                        j.preventDefault(), S(c.name);
+                        j.preventDefault(), S(d.name);
                       },
                       className: "h-3 w-3 hover:cursor-pointer",
                       strokeWidth: 1.5
@@ -532,13 +532,13 @@ function Nn() {
   ] });
 }
 function Cn() {
-  const [s, n] = T(!1), a = w((h) => h.dashboard), t = w((h) => h.bookmarkKey);
+  const [s, n] = L(!1), a = w((h) => h.dashboard), t = w((h) => h.bookmarkKey);
   G(() => {
     if (!t) {
       n(!1);
       return;
     }
-    const h = Le(a.id), r = JSON.parse(
+    const h = Te(a.id), r = JSON.parse(
       localStorage.getItem(h) || "[]"
     ).find(
       (o) => o.name === t
@@ -548,14 +548,14 @@ function Cn() {
   function l(h) {
     if (n(h), !t)
       return;
-    const d = Le(a.id), o = JSON.parse(
-      localStorage.getItem(d) || "[]"
+    const c = Te(a.id), o = JSON.parse(
+      localStorage.getItem(c) || "[]"
     ).map((f) => (f.name === t ? f.default = h : f.default = !1, f));
-    console.log(o), localStorage.setItem(d, JSON.stringify(o));
+    console.log(o), localStorage.setItem(c, JSON.stringify(o));
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
     /* @__PURE__ */ e.jsx(
-      Pe,
+      Ue,
       {
         checked: s,
         onCheckedChange: l,
@@ -581,15 +581,15 @@ function Sn() {
   w(
     (C) => C.showDashboardJSON
   );
-  const d = w((C) => C.onSaveFunction), r = w(
+  const c = w((C) => C.onSaveFunction), r = w(
     (C) => C.actions.setShowFilters
   ), { addFrame: o, setSelectedFrameId: f } = w(
     (C) => C.actions
-  ), { getSelectedSheet: m, setIsDashboardEditing: u, setShowDashboardJSON: S } = w((C) => C.actions), c = m(), x = () => {
-    if (!a || !c)
+  ), { getSelectedSheet: m, setIsDashboardEditing: u, setShowDashboardJSON: S } = w((C) => C.actions), d = m(), x = () => {
+    if (!a || !d)
       return;
     const C = {
-      id: es(),
+      id: ss(),
       title: "Title",
       description: "Description",
       preferences: {
@@ -604,18 +604,18 @@ function Sn() {
       sql: "select COUNT(*) from YOUR_TABLE",
       data: []
     }, E = {
-      id: es(),
+      id: ss(),
       cards: [C],
       activeCardId: C.id
     };
-    o(c.id, E), f(E.id);
+    o(d.id, E), f(E.id);
   }, j = () => {
     u(!0);
   };
   function z() {
     if (!s || s === "")
       return;
-    const C = ea(n), E = Le(n.id), v = JSON.parse(localStorage.getItem(E) || "[]"), D = v.findIndex(
+    const C = ea(n), E = Te(n.id), v = JSON.parse(localStorage.getItem(E) || "[]"), D = v.findIndex(
       (N) => N.name === s
     );
     D !== -1 ? v[D] = {
@@ -627,7 +627,7 @@ function Sn() {
       name: s,
       template: C,
       filterValues: t
-    }), localStorage.setItem(E, JSON.stringify(v)), d == null || d(C);
+    }), localStorage.setItem(E, JSON.stringify(v)), c == null || c(C);
   }
   return l ? null : /* @__PURE__ */ e.jsxs(
     "div",
@@ -636,7 +636,7 @@ function Sn() {
       role: "dashboard-controls",
       children: [
         !l && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ e.jsx($, { children: s }),
+          /* @__PURE__ */ e.jsx(R, { children: s }),
           !!s && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
             /* @__PURE__ */ e.jsx("span", { className: "text-muted-foreground", children: "|" }),
             /* @__PURE__ */ e.jsx(Cn, {})
@@ -679,7 +679,7 @@ function Sn() {
                 u(!1), S(!1);
               },
               size: "sm",
-              children: /* @__PURE__ */ e.jsx(_e, { className: "h-4 w-4", strokeWidth: 1.5 })
+              children: /* @__PURE__ */ e.jsx(He, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
           a && !l && /* @__PURE__ */ e.jsx(
@@ -709,14 +709,14 @@ function Sn() {
     }
   );
 }
-function Xe({
+function Re({
   title: s,
   items: n,
   value: a,
   isLoading: t,
   isError: l,
   connectionTooltip: h,
-  onChange: d,
+  onChange: c,
   showNone: r = !1,
   className: o,
   showIcon: f = !0,
@@ -731,20 +731,20 @@ function Xe({
     if (s === "Schema")
       return /* @__PURE__ */ e.jsx(hn, { className: "size-4" });
     if (s === "Table")
-      return /* @__PURE__ */ e.jsx(Fs, { className: "size-4" });
+      return /* @__PURE__ */ e.jsx(Os, { className: "size-4" });
     if (s === "Dataset")
       return /* @__PURE__ */ e.jsx(Xt, { className: "size-4" });
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-    f && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: h ? /* @__PURE__ */ e.jsxs(ws, { children: [
+    f && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: h ? /* @__PURE__ */ e.jsxs(zs, { children: [
       /* @__PURE__ */ e.jsx(sa, { children: S() }),
-      /* @__PURE__ */ e.jsx(zs, { className: "text-xs", align: "start", children: h })
+      /* @__PURE__ */ e.jsx(Fs, { className: "text-xs", align: "start", children: h })
     ] }) : S() }),
-    /* @__PURE__ */ e.jsxs(Fe, { disabled: m, value: u, onValueChange: d, children: [
+    /* @__PURE__ */ e.jsxs(Fe, { disabled: m, value: u, onValueChange: c, children: [
       /* @__PURE__ */ e.jsx(
         Oe,
         {
-          className: Y(
+          className: Z(
             "h-9 w-full focus:ring-1 focus:ring-offset-0",
             o
           ),
@@ -756,35 +756,35 @@ function Xe({
           )
         }
       ),
-      /* @__PURE__ */ e.jsx(Te, { children: /* @__PURE__ */ e.jsxs(He, { children: [
+      /* @__PURE__ */ e.jsx(Le, { children: /* @__PURE__ */ e.jsxs(Be, { children: [
         t ? /* @__PURE__ */ e.jsx(Ae, { children: "Loading..." }) : /* @__PURE__ */ e.jsx(Ae, { children: s }),
         /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-          r && /* @__PURE__ */ e.jsx(W, { value: "none", children: "None" }, "none"),
-          n && n.map((c, x) => /* @__PURE__ */ e.jsx(W, { value: c.id, children: c.name }, x))
+          r && /* @__PURE__ */ e.jsx(X, { value: "none", children: "None" }, "none"),
+          n && n.map((d, x) => /* @__PURE__ */ e.jsx(X, { value: d.id, children: d.name }, x))
         ] }),
-        (t || l) && /* @__PURE__ */ e.jsx(W, { value: u, children: u })
+        (t || l) && /* @__PURE__ */ e.jsx(X, { value: u, children: u })
       ] }) })
     ] })
   ] });
 }
 function kn({ column: s }) {
-  const [n, a] = T(!1), t = i((m) => m.selectedTableName), l = i(
+  const [n, a] = L(!1), t = i((m) => m.selectedTableName), l = i(
     (m) => m.selectedSchemaName
-  ), h = i((m) => m.sqlGen), d = i((m) => m.actions.setSqlGen), r = i((m) => m.actions.setCardSql), o = i((m) => m.actions.setRunSql);
+  ), h = i((m) => m.sqlGen), c = i((m) => m.actions.setSqlGen), r = i((m) => m.actions.setCardSql), o = i((m) => m.actions.setRunSql);
   function f(m, u) {
     const S = aa(m, h, u);
-    d(S);
-    const c = ta(
+    c(S);
+    const d = ta(
       S,
-      me(l || ""),
-      me(t)
+      ue(l || ""),
+      ue(t)
     );
-    c && (r(c), o(!0)), a(!1);
+    d && (r(d), o(!0)), a(!1);
   }
-  return /* @__PURE__ */ e.jsxs(Ke, { open: n, onOpenChange: a, children: [
-    /* @__PURE__ */ e.jsx(Ue, { asChild: !0, children: /* @__PURE__ */ e.jsx(Ka, { className: "h-4 w-4 cursor-pointer text-foreground/40" }) }),
+  return /* @__PURE__ */ e.jsxs(Ge, { open: n, onOpenChange: a, children: [
+    /* @__PURE__ */ e.jsx(Je, { asChild: !0, children: /* @__PURE__ */ e.jsx(Ka, { className: "h-4 w-4 cursor-pointer text-foreground/40" }) }),
     /* @__PURE__ */ e.jsx(
-      Ge,
+      Qe,
       {
         align: "center",
         className: "w-18 rounded-md p-0 shadow-none",
@@ -835,7 +835,7 @@ function kn({ column: s }) {
   ] });
 }
 function ba({ column: s }) {
-  return /* @__PURE__ */ e.jsxs(ws, { children: [
+  return /* @__PURE__ */ e.jsxs(zs, { children: [
     /* @__PURE__ */ e.jsx(Ua, { asChild: !0, children: Ga.includes(s.data_type.toLowerCase()) ? (
       // <span className=" font-thin">T</span>
       /* @__PURE__ */ e.jsx(Ds, { className: "size-3" })
@@ -843,7 +843,7 @@ function ba({ column: s }) {
       //
       /* @__PURE__ */ e.jsx(nn, { className: "size-3" })
     ) : Ja.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(Qa, { className: "size-3" }) : Wa.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(bn, { className: "size-3" }) : /* @__PURE__ */ e.jsx(pn, { className: "size-3" }) }),
-    /* @__PURE__ */ e.jsx(zs, { children: /* @__PURE__ */ e.jsx("p", { className: "font-mono text-xs", children: s.data_type }) })
+    /* @__PURE__ */ e.jsx(Fs, { children: /* @__PURE__ */ e.jsx("p", { className: "font-mono text-xs", children: s.data_type }) })
   ] });
 }
 function wn({
@@ -854,19 +854,19 @@ function wn({
 }) {
   const l = i((N) => N.sqlGen), h = i(
     (N) => N.selectedConnectionId
-  ), d = i(
+  ), c = i(
     (N) => N.selectedDatabaseName
   ), r = i(
     (N) => N.selectedSchemaName
   ), o = i((N) => N.selectedTableName), f = w(
     (N) => N.dashboard.aiScopeTables
-  ), { setAIScopeTables: m } = w((N) => N.actions), u = i((N) => N.actions.setRunSql), S = i((N) => N.actions.setSqlGen), c = i(
+  ), { setAIScopeTables: m } = w((N) => N.actions), u = i((N) => N.actions.setRunSql), S = i((N) => N.actions.setSqlGen), d = i(
     (N) => N.actions.setIsShowingVisual
   ), x = i((N) => N.actions.setCardSql), { connectionType: j } = ya();
   function z(N) {
     const F = aa(N, l);
     S(F);
-    const A = ta(F, me(s), me(n));
+    const A = ta(F, ue(s), ue(n));
     A && (x(A), u(!0));
   }
   function C() {
@@ -879,15 +879,15 @@ function wn({
       const F = {
         connectinonId: h,
         connectionType: j,
-        databaseName: d,
+        databaseName: c,
         schemaName: r,
         tableName: o
-      }, q = [...f || [], F].filter(
+      }, V = [...f || [], F].filter(
         (M, U, P) => P.findIndex(
           (I) => I.connectinonId === M.connectinonId && I.tableName === M.tableName
         ) === U
       );
-      m(q), ps.success(`Added '${o}' to AI Scope`, {
+      m(V), fs.success(`Added '${o}' to AI Scope`, {
         position: "top-right",
         duration: 2500,
         richColors: !0
@@ -896,7 +896,7 @@ function wn({
       const F = (f || []).filter(
         (A) => A.connectinonId !== h && A.tableName !== o
       );
-      m(F), ps(`Removed '${o}' from AI Scope`, {
+      m(F), fs(`Removed '${o}' from AI Scope`, {
         position: "top-right",
         duration: 2e3,
         richColors: !0
@@ -904,14 +904,14 @@ function wn({
     }
   }
   function v() {
-    let F = fs(s, n);
-    ((M) => M.charAt(0) === M.charAt(0).toUpperCase())(n) && (F = `"${n}"`), c(!1);
-    const q = j === "MSSQL" ? `SELECT top 10 * FROM ${F}` : `SELECT * FROM ${F} LIMIT 10`;
-    x(q), u(!0);
+    let F = gs(s, n);
+    ((M) => M.charAt(0) === M.charAt(0).toUpperCase())(n) && (F = `"${n}"`), d(!1);
+    const V = j === "MSSQL" ? `SELECT top 10 * FROM ${F}` : `SELECT * FROM ${F} LIMIT 10`;
+    x(V), u(!0);
   }
   function D() {
-    let F = fs(s, n);
-    ((q) => q.charAt(0) === q.charAt(0).toUpperCase())(n) && (F = `"${n}"`), c(!1), x(`SELECT COUNT(*) as count FROM ${F}`), u(!0);
+    let F = gs(s, n);
+    ((V) => V.charAt(0) === V.charAt(0).toUpperCase())(n) && (F = `"${n}"`), d(!1), x(`SELECT COUNT(*) as count FROM ${F}`), u(!0);
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "flex grow flex-col space-y-4 px-4", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-center gap-1", children: [
@@ -926,7 +926,7 @@ function wn({
           children: /* @__PURE__ */ e.jsx(
             Ya,
             {
-              className: Y("size-4", {
+              className: Z("size-4", {
                 "text-primary": C(),
                 "text-muted-foreground": !C()
               })
@@ -943,7 +943,7 @@ function wn({
           variant: "secondary",
           className: "flex",
           children: [
-            t !== "Success" ? /* @__PURE__ */ e.jsx(Be, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(gn, { className: "mr-2 size-4" }),
+            t !== "Success" ? /* @__PURE__ */ e.jsx($e, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(gn, { className: "mr-2 size-4" }),
             "Top 10"
           ]
         }
@@ -957,14 +957,14 @@ function wn({
           variant: "secondary",
           className: "flex",
           children: [
-            t !== "Success" ? /* @__PURE__ */ e.jsx(Be, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(fn, { className: "mr-2 size-4" }),
+            t !== "Success" ? /* @__PURE__ */ e.jsx($e, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(fn, { className: "mr-2 size-4" }),
             "Count"
           ]
         }
       )
     ] }),
     /* @__PURE__ */ e.jsxs(
-      Os,
+      Ms,
       {
         className: "flex-1 basis-0 overflow-y-auto border-b border-t border-muted py-3",
         children: [
@@ -972,7 +972,7 @@ function wn({
             "div",
             {
               onClick: () => z(N),
-              className: Y(
+              className: Z(
                 "mx-3 flex cursor-pointer items-center justify-between rounded px-2 py-[6px] text-sm transition-colors hover:bg-muted/50",
                 {
                   "bg-muted": Xa(N, l)
@@ -1003,13 +1003,13 @@ function wn({
   ] });
 }
 function ya(s, n) {
-  var Qe, Ve, We, Ye, p;
+  var Ye, Ve, Xe, Ze, p;
   let a = Qt(() => [], []);
-  const t = ts().authToken || s, l = i(
+  const t = ns().authToken || s, l = i(
     (g) => g.selectedConnectionId
   ), h = i(
     (g) => g.selectedDatamodelId
-  ), d = i(
+  ), c = i(
     (g) => g.selectedDatabaseName
   ), r = i(
     (g) => g.selectedSchemaName
@@ -1021,16 +1021,16 @@ function ya(s, n) {
     (g) => g.actions.setSelectedDatamodelId
   ), S = i(
     (g) => g.actions.setSelectedDatabaseName
-  ), c = i(
+  ), d = i(
     (g) => g.actions.setSelectedSchemaName
   ), x = i(
     (g) => g.actions.setSelectedTableName
   ), j = i((g) => g.actions.setCardSql);
   function z(g) {
-    return l && d && r && d !== "NA" ? !0 : l && g === "API" ? !1 : !!(l && g === "S3");
+    return l && c && r && c !== "NA" ? !0 : l && g === "API" ? !1 : !!(l && g === "S3");
   }
   function C(g) {
-    return !!(l && d && d !== "NA" && r && o || l && (g === "S3" || g === "API") || h && h);
+    return !!(l && c && c !== "NA" && r && o || l && (g === "S3" || g === "API") || h && h);
   }
   function E(g) {
     return l && g ? !(g === "API" || g === "S3") : !1;
@@ -1039,9 +1039,9 @@ function ya(s, n) {
     data: v,
     isLoading: D,
     isError: N
-  } = ge({
+  } = je({
     queryKey: ["connections"],
-    queryFn: () => ye(
+    queryFn: () => ve(
       "https://semaphor.cloud/api/v1/connections",
       (t == null ? void 0 : t.accessToken) || ""
     ),
@@ -1050,10 +1050,10 @@ function ya(s, n) {
   }), {
     data: F,
     isLoading: A,
-    isError: q
-  } = ge({
+    isError: V
+  } = je({
     queryKey: ["models", l],
-    queryFn: () => ye(
+    queryFn: () => ve(
       "https://semaphor.cloud/api/v1/datamodels",
       (t == null ? void 0 : t.accessToken) || "",
       {
@@ -1066,13 +1066,13 @@ function ya(s, n) {
     (g) => g.id === l
   ), U = M == null ? void 0 : M.type, P = (M == null ? void 0 : M.type) === "API" || (M == null ? void 0 : M.type) === "S3", {
     data: I,
-    isLoading: le,
-    isFetching: X,
-    isError: Z,
-    refetch: ee
-  } = ge({
+    isLoading: ie,
+    isFetching: Q,
+    isError: ee,
+    refetch: se
+  } = je({
     queryKey: ["databases", l],
-    queryFn: () => ye(
+    queryFn: () => ve(
       "https://semaphor.cloud/api/v1/databases",
       (t == null ? void 0 : t.accessToken) || "",
       {
@@ -1083,66 +1083,66 @@ function ya(s, n) {
     // !!selectedConnectionId && !isNonDbConnection, //currentConnection?.type !== 'API', // Only fetch if connectionId is present
   }), {
     data: K,
-    isLoading: se,
+    isLoading: ae,
     isFetching: b,
     isError: y,
     refetch: O
-  } = ge({
-    queryKey: ["schemas", l, d],
-    queryFn: () => ye(
+  } = je({
+    queryKey: ["schemas", l, c],
+    queryFn: () => ve(
       "https://semaphor.cloud/api/v1/schemas",
       (t == null ? void 0 : t.accessToken) || "",
       {
         connection_id: l,
-        database_name: d
+        database_name: c
       }
     ),
-    enabled: !!l && !!d && !P && d !== "NA"
+    enabled: !!l && !!c && !P && c !== "NA"
     //currentConnection?.type !== 'API', // Only fetch if connectionId and database is present
   }), {
-    data: B,
-    isLoading: V,
-    isFetching: te,
-    isError: Ne,
+    data: $,
+    isLoading: ne,
+    isFetching: W,
+    isError: q,
     refetch: Ce
-  } = ge({
+  } = je({
     queryKey: [
       "tables",
       l,
-      d,
+      c,
       r
     ],
-    queryFn: () => ye(
+    queryFn: () => ve(
       "https://semaphor.cloud/api/v1/tables",
       (t == null ? void 0 : t.accessToken) || "",
       {
         connection_id: l,
-        database_name: d,
+        database_name: c,
         schema_name: r
       }
     ),
     enabled: z(U)
   }), {
-    data: ae,
-    isLoading: pe,
+    data: te,
+    isLoading: fe,
     isFetching: J,
-    isError: ne
-  } = ge({
+    isError: re
+  } = je({
     queryKey: [
       "columns",
       l,
-      d,
+      c,
       r,
       o
     ],
-    queryFn: () => ye(
+    queryFn: () => ve(
       "https://semaphor.cloud/api/v1/columns",
       (t == null ? void 0 : t.accessToken) || "",
       {
         connection_id: l,
         datamodel_id: h || "",
         // don't pass undefined. Pass empty string
-        database_name: d,
+        database_name: c,
         schema_name: r,
         table_name: o
       }
@@ -1158,94 +1158,94 @@ function ya(s, n) {
   });
   G(() => {
     f(a);
-  }, [ae, f, a]), G(() => {
+  }, [te, f, a]), G(() => {
   }, [
     P,
     j,
     x,
-    c,
+    d,
     S,
     M
   ]);
-  const ie = (M == null ? void 0 : M.type) === "API" ? (Qe = M == null ? void 0 : M.type) == null ? void 0 : Qe.toLowerCase() : o || "", je = P ? "" : r || "";
-  function oe(g) {
-    c(g), x("");
+  const oe = (M == null ? void 0 : M.type) === "API" ? (Ye = M == null ? void 0 : M.type) == null ? void 0 : Ye.toLowerCase() : o || "", be = P ? "" : r || "";
+  function ce(g) {
+    d(g), x("");
   }
   function Ie(g) {
-    S(g === "none" ? "" : g), c(""), x(""), g !== "none" && g !== "" && u("");
+    S(g === "none" ? "" : g), d(""), x(""), g !== "none" && g !== "" && u("");
   }
   function Vs(g) {
-    m(g), S(""), u(""), c(""), x("");
+    m(g);
   }
   function Se(g) {
     u(g === "none" ? "" : g), g !== "none" && g !== "" && S("");
   }
-  I && ((Ve = I == null ? void 0 : I.databases) == null ? void 0 : Ve.length) > 0, K && ((We = K == null ? void 0 : K.schemas) == null ? void 0 : We.length) > 0, ae && ((Ye = ae == null ? void 0 : ae.columns) == null ? void 0 : Ye.length) > 0 && (a = ae.columns.map((g) => ({
+  I && ((Ve = I == null ? void 0 : I.databases) == null ? void 0 : Ve.length) > 0, K && ((Xe = K == null ? void 0 : K.schemas) == null ? void 0 : Xe.length) > 0, te && ((Ze = te == null ? void 0 : te.columns) == null ? void 0 : Ze.length) > 0 && (a = te.columns.map((g) => ({
     ...g,
     data_type: g.data_type.toLowerCase()
-  }))), Z && (a = []), (ne || N) && (a = []);
-  const rs = v == null ? void 0 : v.connections.map(
+  }))), ee && (a = []), (re || N) && (a = []);
+  const ls = v == null ? void 0 : v.connections.map(
     (g) => ({
       id: g.id,
       name: g.name,
       type: g.type
     })
-  ), Je = (p = F == null ? void 0 : F.datamodels) == null ? void 0 : p.map((g) => ({
+  ), We = (p = F == null ? void 0 : F.datamodels) == null ? void 0 : p.map((g) => ({
     id: g.id,
     name: g.name
-  })), ls = I == null ? void 0 : I.databases.map((g) => ({
+  })), is = I == null ? void 0 : I.databases.map((g) => ({
     id: g.database_name,
     name: g.database_name
-  })), is = K == null ? void 0 : K.schemas.map((g) => ({
+  })), os = K == null ? void 0 : K.schemas.map((g) => ({
     id: g.schema_name,
     name: g.schema_name
-  })), os = B == null ? void 0 : B.tables.map((g) => ({
+  })), cs = $ == null ? void 0 : $.tables.map((g) => ({
     id: g.table_name,
     name: g.table_name
   }));
   return {
-    connectionItems: rs,
+    connectionItems: ls,
     isConnectionsLoading: D,
     isConnectionsError: N,
-    modelItems: Je,
+    modelItems: We,
     isModelsLoading: A,
-    isModelsError: q,
-    databaseItems: ls,
-    isDatabasesLoadingOrFetching: le || X,
-    isDatabaseError: Z,
-    schemaItems: is,
-    isSchemaLoadingOrFetching: se || b,
+    isModelsError: V,
+    databaseItems: is,
+    isDatabasesLoadingOrFetching: ie || Q,
+    isDatabaseError: ee,
+    schemaItems: os,
+    isSchemaLoadingOrFetching: ae || b,
     isSchemaError: y,
-    tableItems: os,
-    isTableLoadingOrFetching: V || te,
-    isTableError: Ne,
+    tableItems: cs,
+    isTableLoadingOrFetching: ne || W,
+    isTableError: q,
     columns: a,
-    isColumnsLoadingOrFetching: pe || J,
-    isColumnsError: ne,
+    isColumnsLoadingOrFetching: fe || J,
+    isColumnsError: re,
     isNonDbConnection: P,
     connectionType: U,
-    tableName: ie,
-    schemaName: je,
+    tableName: oe,
+    schemaName: be,
     handleConnectionChange: Vs,
     handleDatamodelChange: Se,
     handleDatabaseChange: Ie,
-    handleSchemaChange: oe
+    handleSchemaChange: ce
   };
 }
 function va({
   ColumnsComponent: s
 }) {
-  var B;
+  var W;
   const n = i(
-    (V) => V.selectedConnectionId
+    (q) => q.selectedConnectionId
   ), a = i(
-    (V) => V.selectedDatamodelId
+    (q) => q.selectedDatamodelId
   ), t = i(
-    (V) => V.selectedDatabaseName
+    (q) => q.selectedDatabaseName
   ), l = i(
-    (V) => V.selectedSchemaName
-  ), h = i((V) => V.selectedTableName), d = i(
-    (V) => V.actions.setSelectedTableName
+    (q) => q.selectedSchemaName
+  ), h = i((q) => q.selectedTableName), c = i(
+    (q) => q.actions.setSelectedTableName
   ), {
     connectionItems: r,
     modelItems: o,
@@ -1253,7 +1253,7 @@ function va({
     databaseItems: m,
     tableItems: u,
     columns: S,
-    isConnectionsLoading: c,
+    isConnectionsLoading: d,
     isModelsLoading: x,
     isConnectionsError: j,
     isModelsError: z,
@@ -1264,33 +1264,33 @@ function va({
     isColumnsError: N,
     isColumnsLoadingOrFetching: F,
     isTableLoadingOrFetching: A,
-    isTableError: q,
+    isTableError: V,
     connectionType: M,
     isNonDbConnection: U,
     handleConnectionChange: P,
     handleDatabaseChange: I,
-    handleSchemaChange: le,
-    handleDatamodelChange: X,
-    tableName: Z,
-    schemaName: ee
+    handleSchemaChange: ie,
+    handleDatamodelChange: Q,
+    tableName: ee,
+    schemaName: se
   } = ya();
   function K() {
-    return s ? s(ee, Z, S) : /* @__PURE__ */ e.jsx(
+    return s ? s(se, ee, S) : /* @__PURE__ */ e.jsx(
       wn,
       {
-        schemaName: ee,
-        tableName: Z,
+        schemaName: se,
+        tableName: ee,
         columns: S,
         status: F ? "Loading..." : N ? "Error" : "Success"
       }
     );
   }
-  function se() {
+  function ae() {
     window.location.href = "mailto:support@semaphor.cloud?subject=Help&body=I need help with...";
   }
   function b() {
     return M === "S3" || M === "API" || !n || n === "none" || a && a !== "none" ? null : /* @__PURE__ */ e.jsx(
-      Xe,
+      Re,
       {
         showNone: !0,
         onChange: I,
@@ -1303,10 +1303,32 @@ function va({
     );
   }
   function y() {
+    if (n && (!t || t === "none") && (!a || a === "none"))
+      return /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3", children: [
+        /* @__PURE__ */ e.jsx("div", { className: "col-span-1 grid place-items-center", children: /* @__PURE__ */ e.jsx(Pe, {}) }),
+        /* @__PURE__ */ e.jsx("div", { className: "col-span-1 grid place-items-center", children: /* @__PURE__ */ e.jsx(R, { children: "OR" }) }),
+        /* @__PURE__ */ e.jsx("div", { className: "col-span-1 grid place-items-center", children: /* @__PURE__ */ e.jsx(Pe, {}) })
+      ] });
+  }
+  function O() {
+    return M === "S3" || M === "API" || !n || n === "none" || t && t !== "none" ? null : /* @__PURE__ */ e.jsx(
+      Re,
+      {
+        showNone: !0,
+        onChange: Q,
+        isError: z,
+        isLoading: x,
+        items: o,
+        value: a || "",
+        title: "Dataset"
+      }
+    );
+  }
+  function $() {
     return M === "S3" || M === "API" || !t || n === "none" || t === "none" ? null : /* @__PURE__ */ e.jsx(
-      Xe,
+      Re,
       {
-        onChange: le,
+        onChange: ie,
         isError: D,
         isLoading: v,
         items: f,
@@ -1315,12 +1337,12 @@ function va({
       }
     );
   }
-  function O() {
+  function ne() {
     return M === "API" || !l || l === "none" || n === "none" || t === "none" ? null : /* @__PURE__ */ e.jsx(
-      Xe,
+      Re,
       {
-        onChange: d,
-        isError: q,
+        onChange: c,
+        isError: V,
         items: u,
         isLoading: A,
         value: h || "",
@@ -1331,28 +1353,30 @@ function va({
   return /* @__PURE__ */ e.jsxs("aside", { className: "xbg-red-100 flex grow flex-col justify-between", children: [
     /* @__PURE__ */ e.jsxs("section", { className: "space-y-3 px-6 py-4", children: [
       /* @__PURE__ */ e.jsx(
-        Xe,
+        Re,
         {
           items: r,
           title: "Connection",
           value: n || "",
           onChange: P,
-          isLoading: c,
+          isLoading: d,
           isError: j,
-          connectionTooltip: ((B = r == null ? void 0 : r.find(
-            (V) => V.id === n
-          )) == null ? void 0 : B.type) || ""
+          connectionTooltip: ((W = r == null ? void 0 : r.find(
+            (q) => q.id === n
+          )) == null ? void 0 : W.type) || ""
         }
       ),
-      b(),
+      O(),
       y(),
-      O()
+      b(),
+      $(),
+      ne()
     ] }),
     K(),
     /* @__PURE__ */ e.jsx("div", { className: "flex items-end justify-center gap-2 px-6 py-4", children: /* @__PURE__ */ e.jsxs(
       k,
       {
-        onClick: se,
+        onClick: ae,
         size: "sm",
         variant: "secondary",
         className: "w-full",
@@ -1368,16 +1392,16 @@ function zn(s) {
   const n = s.toUpperCase().indexOf("WHERE"), a = s.toUpperCase().indexOf("GROUP BY"), t = s.toUpperCase().indexOf("LIMIT"), l = s.toUpperCase().indexOf("ORDER BY");
   let h = s.length;
   if (l !== -1 && (h = l), t !== -1 && t < h && (h = t), n !== -1) {
-    const d = s.substring(0, n), r = s.substring(n);
-    return `${d} {{ filters | where }} AND ${r.substring(
+    const c = s.substring(0, n), r = s.substring(n);
+    return `${c} {{ filters | where }} AND ${r.substring(
       6
     )}`;
   } else if (a !== -1) {
-    const d = s.substring(0, a), r = s.substring(a);
-    return `${d} {{ filters | where }} ${r}`;
+    const c = s.substring(0, a), r = s.substring(a);
+    return `${c} {{ filters | where }} ${r}`;
   } else {
-    const d = s.substring(0, h), r = s.substring(h);
-    return `${d} {{ filters | where }} ${r}`;
+    const c = s.substring(0, h), r = s.substring(h);
+    return `${c} {{ filters | where }} ${r}`;
   }
 }
 function Fn({
@@ -1403,7 +1427,7 @@ function Fn({
           ]
         }
       ),
-      /* @__PURE__ */ e.jsx(Os, { 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(Ms, { 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 }) })
     ] }) }) })
   ] });
 }
@@ -1413,12 +1437,12 @@ function On({
   checked: a
 }) {
   return /* @__PURE__ */ e.jsxs("div", { className: "xbg-red-100 ml-6 flex items-center gap-2", children: [
-    /* @__PURE__ */ e.jsx(Pe, { checked: a, onCheckedChange: n }),
+    /* @__PURE__ */ e.jsx(Ue, { checked: a, onCheckedChange: n }),
     /* @__PURE__ */ e.jsx("label", { className: "text-xs leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", children: s })
   ] });
 }
 function Mn() {
-  const { authToken: s } = ts(), n = $e(null), a = i((r) => r.applyFilters), [t, l] = T(""), h = i((r) => r.filterValues), d = i((r) => r.card.sql);
+  const { authToken: s } = ns(), n = Ke(null), a = i((r) => r.applyFilters), [t, l] = L(""), h = i((r) => r.filterValues), c = i((r) => r.card.sql);
   return /* @__PURE__ */ e.jsxs(
     la,
     {
@@ -1431,7 +1455,7 @@ function Mn() {
           "https://semaphor.cloud/api/v1/filter-sql",
           (s == null ? void 0 : s.accessToken) || "",
           {
-            sql: d,
+            sql: c,
             active_filters: h
           }
         );
@@ -1459,7 +1483,7 @@ function Mn() {
     }
   );
 }
-const Tn = `
+const Ln = `
 
 Use the following syntax to create a chart query. Please replace the x-axis, y-axis, stack-by, label, and measure with the actual column names of the table.
 
@@ -1506,7 +1530,7 @@ SELECT label, measure FROM table
 - Label - Category 
 - Measure - Number 
 `;
-function Ln({
+function Tn({
   open: s,
   setOpen: n,
   userInput: a,
@@ -1514,7 +1538,7 @@ function Ln({
   triggerAIRun: l,
   setTriggerAIRun: h
 }) {
-  const d = $e(null), r = $e(null), { authToken: o } = ts(), [f, m] = T(!1), u = i((b) => b.actions.setCardSql), S = w((b) => b.dashboard.baseQueries), c = i((b) => b.actions.setRunSql), x = i((b) => b.actions.setCardType), [j, z] = T([]), C = i((b) => b.currentColumns), E = i((b) => b.card.sql), v = i((b) => b.selectedTableName), D = `
+  const c = Ke(null), r = Ke(null), { authToken: o } = ns(), [f, m] = L(!1), u = i((b) => b.actions.setCardSql), S = w((b) => b.dashboard.baseQueries), d = i((b) => b.actions.setRunSql), x = i((b) => b.actions.setCardType), [j, z] = L([]), C = i((b) => b.currentColumns), E = i((b) => b.card.sql), v = i((b) => b.selectedTableName), D = `
   ${a}
 
   Database Query Dialect: ${v === "api" || v === "s3" ? "DuckDb" : ""}
@@ -1522,9 +1546,9 @@ function Ln({
   Table Columns: ${C == null ? void 0 : C.map((b) => `${b.column_name} | ${b.data_type}`).join(", ")}
   User SQL: ${E}  
   ${S && `Base Queries: ${JSON.stringify(S)} `}`, N = ` When the user asks for a specific chart please use the following query structure to generate the chart query. Do not make up the column names. Use only the table columns provided above for the query. Replace x-axis, y-axis, and lables with the appropriate column names.
-  Visual Query Syntax: ${Tn}`, { data: F, isLoading: A, isFetching: q, isError: M, refetch: U } = ge({
+  Visual Query Syntax: ${Ln}`, { data: F, isLoading: A, isFetching: V, isError: M, refetch: U } = je({
     queryKey: ["ai-query"],
-    queryFn: () => ye(
+    queryFn: () => ve(
       "https://semaphor.cloud/api/v1/ai",
       (o == null ? void 0 : o.accessToken) || "",
       {
@@ -1563,7 +1587,7 @@ function Ln({
       r.current && (r.current.scroll({
         top: r.current.scrollHeight,
         behavior: "smooth"
-      }), (y = d.current) == null || y.focus());
+      }), (y = c.current) == null || y.focus());
     }, 100);
     return () => clearTimeout(b);
   }, [j]);
@@ -1573,7 +1597,7 @@ function Ln({
   G(() => {
     l && (I(), h(!1));
   }, [l, h]);
-  const le = {
+  const ie = {
     //seleect a darker color
     // color: '#000',
     fontFamily: "Arial, sans-serif",
@@ -1581,14 +1605,14 @@ function Ln({
     fontSize: 15,
     // padding: '5px',
     width: "100%"
-  }, X = {
+  }, Q = {
     // background: '#f6f8fa',
     // color: '#000',
     fontFamily: "monospace",
     fontSize: 14,
     lineHeight: 1.6
     // padding: 20,
-  }, Z = {
+  }, ee = {
     // color: '#000',
     fontFamily: "Arial, sans-serif",
     lineHeight: 1.6,
@@ -1598,11 +1622,11 @@ function Ln({
     marginLeft: 20,
     // add bullet points for unordered lists
     listStyleType: "disc"
-  }, ee = {
+  }, se = {
     // Override how paragraphs are rendered
-    p: ({ node: b, ...y }) => /* @__PURE__ */ e.jsx("p", { style: le, ...y }),
+    p: ({ node: b, ...y }) => /* @__PURE__ */ e.jsx("p", { style: ie, ...y }),
     code: ({ node: b, ...y }) => /* @__PURE__ */ e.jsx("code", { className: "rounded-sm bg-muted px-2 py-1 text-sm", ...y }),
-    pre: ({ node: b, ...y }) => /* @__PURE__ */ e.jsxs("pre", { className: "space-y-2 rounded-sm bg-muted/50 p-3", style: X, children: [
+    pre: ({ node: b, ...y }) => /* @__PURE__ */ e.jsxs("pre", { className: "space-y-2 rounded-sm bg-muted/50 p-3", style: Q, children: [
       /* @__PURE__ */ e.jsx("code", { className: "whitespace-normal text-sm", children: y.children }),
       /* @__PURE__ */ e.jsxs("div", { className: "flex justify-start gap-2", children: [
         /* @__PURE__ */ e.jsx(k, { onClick: K, size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(da, {}) }),
@@ -1610,8 +1634,8 @@ function Ln({
           k,
           {
             onClick: (O) => {
-              const B = K(O);
-              B && (n(!1), u(B), c(!0));
+              const $ = K(O);
+              $ && (n(!1), u($), d(!0));
             },
             size: "sm",
             variant: "outline",
@@ -1620,7 +1644,7 @@ function Ln({
         )
       ] })
     ] }),
-    li: ({ node: b, ...y }) => /* @__PURE__ */ e.jsx("li", { style: Z, ...y })
+    li: ({ node: b, ...y }) => /* @__PURE__ */ e.jsx("li", { style: ee, ...y })
     // You can add more overrides for other elements like h1, h2, etc.
   };
   function K(b) {
@@ -1628,9 +1652,9 @@ function Ln({
     if (!y)
       return;
     const O = y.textContent || y.innerText;
-    return navigator.clipboard.writeText(O).then(() => console.log("Text copied to clipboard")).catch((B) => console.error("Error in copying text: ", B)), O;
+    return navigator.clipboard.writeText(O).then(() => console.log("Text copied to clipboard")).catch(($) => console.error("Error in copying text: ", $)), O;
   }
-  function se() {
+  function ae() {
     return j == null ? void 0 : j.map((b, y) => b.role === "user" ? /* @__PURE__ */ e.jsxs(
       "div",
       {
@@ -1645,14 +1669,14 @@ function Ln({
       at,
       {
         className: "w-full overflow-auto py-1",
-        components: ee,
+        components: se,
         children: F == null ? void 0 : F.response.replace(/DuckDB/gi, "Semaphor")
       },
       y
     ) : /* @__PURE__ */ e.jsx("div", {}, y));
   }
-  return /* @__PURE__ */ e.jsxs(ys, { open: s, onOpenChange: n, children: [
-    /* @__PURE__ */ e.jsx(vs, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+  return /* @__PURE__ */ e.jsxs(vs, { open: s, onOpenChange: n, children: [
+    /* @__PURE__ */ e.jsx(Ns, { asChild: !0, children: /* @__PURE__ */ e.jsx(
       k,
       {
         size: "sm",
@@ -1662,20 +1686,20 @@ function Ln({
       }
     ) }),
     /* @__PURE__ */ e.jsxs(
-      Ns,
+      Cs,
       {
         className: "flex flex-col justify-between overflow-auto sm:max-w-[425px] md:max-h-[625px] md:min-w-[625px]",
         children: [
-          /* @__PURE__ */ e.jsxs(Cs, { children: [
-            /* @__PURE__ */ e.jsx(Ss, { children: "Assistant" }),
-            /* @__PURE__ */ e.jsx(ks, { children: "What can I help you with?" })
+          /* @__PURE__ */ e.jsxs(Ss, { children: [
+            /* @__PURE__ */ e.jsx(ks, { children: "Assistant" }),
+            /* @__PURE__ */ e.jsx(ws, { children: "What can I help you with?" })
           ] }),
           /* @__PURE__ */ e.jsx(
             "div",
             {
               ref: r,
               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: se() })
+              children: /* @__PURE__ */ e.jsx("div", { className: "space-y-4 py-2 pr-3", role: "messages", children: ae() })
             }
           ),
           /* @__PURE__ */ e.jsx(
@@ -1686,7 +1710,7 @@ function Ln({
                   ha,
                   {
                     autoFocus: !0,
-                    ref: d,
+                    ref: c,
                     onKeyDown: (b) => {
                       b.key === "Enter" && !b.shiftKey && (b.preventDefault(), t(""), I());
                     },
@@ -1695,10 +1719,10 @@ function Ln({
                       const y = b.target, O = y.value.length;
                       y.setSelectionRange(O, O);
                     },
-                    className: Y(
+                    className: Z(
                       "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 || q,
+                    disabled: A || V,
                     value: a,
                     onChange: (b) => t(b.target.value)
                   }
@@ -1711,7 +1735,7 @@ function Ln({
                     size: "sm",
                     variant: "ghost",
                     onClick: I,
-                    children: !A && !q ? /* @__PURE__ */ e.jsx(st, {}) : /* @__PURE__ */ e.jsx(Be, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" })
+                    children: !A && !V ? /* @__PURE__ */ e.jsx(st, {}) : /* @__PURE__ */ e.jsx($e, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" })
                   }
                 )
               ] })
@@ -1728,7 +1752,7 @@ var Na = {
   className: void 0,
   style: void 0,
   attr: void 0
-}, Js = ue.createContext && /* @__PURE__ */ ue.createContext(Na), An = ["attr", "size", "title"];
+}, Js = xe.createContext && /* @__PURE__ */ xe.createContext(Na), An = ["attr", "size", "title"];
 function En(s, n) {
   if (s == null)
     return {};
@@ -1748,15 +1772,15 @@ function Dn(s, n) {
     l = t[h], !(n.indexOf(l) >= 0) && (a[l] = s[l]);
   return a;
 }
-function ss() {
-  return ss = Object.assign ? Object.assign.bind() : function(s) {
+function as() {
+  return as = Object.assign ? Object.assign.bind() : function(s) {
     for (var n = 1; n < arguments.length; n++) {
       var a = arguments[n];
       for (var t in a)
         Object.prototype.hasOwnProperty.call(a, t) && (s[t] = a[t]);
     }
     return s;
-  }, ss.apply(this, arguments);
+  }, as.apply(this, arguments);
 }
 function Qs(s, n) {
   var a = Object.keys(s);
@@ -1768,7 +1792,7 @@ function Qs(s, n) {
   }
   return a;
 }
-function as(s) {
+function ts(s) {
   for (var n = 1; n < arguments.length; n++) {
     var a = arguments[n] != null ? arguments[n] : {};
     n % 2 ? Qs(Object(a), !0).forEach(function(t) {
@@ -1799,13 +1823,13 @@ function qn(s, n) {
   return (n === "string" ? String : Number)(s);
 }
 function Ca(s) {
-  return s && s.map((n, a) => /* @__PURE__ */ ue.createElement(n.tag, as({
+  return s && s.map((n, a) => /* @__PURE__ */ xe.createElement(n.tag, ts({
     key: a
   }, n.attr), Ca(n.child)));
 }
-function xe(s) {
-  return (n) => /* @__PURE__ */ ue.createElement(Rn, ss({
-    attr: as({}, s.attr)
+function pe(s) {
+  return (n) => /* @__PURE__ */ xe.createElement(Rn, as({
+    attr: ts({}, s.attr)
   }, n), Ca(s.child));
 }
 function Rn(s) {
@@ -1814,28 +1838,28 @@ function Rn(s) {
       attr: t,
       size: l,
       title: h
-    } = s, d = En(s, An), r = l || a.size || "1em", o;
-    return a.className && (o = a.className), s.className && (o = (o ? o + " " : "") + s.className), /* @__PURE__ */ ue.createElement("svg", ss({
+    } = s, c = En(s, An), r = l || a.size || "1em", o;
+    return a.className && (o = a.className), s.className && (o = (o ? o + " " : "") + s.className), /* @__PURE__ */ xe.createElement("svg", as({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
-    }, a.attr, t, d, {
+    }, a.attr, t, c, {
       className: o,
-      style: as(as({
+      style: ts(ts({
         color: s.color || a.color
       }, a.style), s.style),
       height: r,
       width: r,
       xmlns: "http://www.w3.org/2000/svg"
-    }), h && /* @__PURE__ */ ue.createElement("title", null, h), s.children);
+    }), h && /* @__PURE__ */ xe.createElement("title", null, h), s.children);
   };
-  return Js !== void 0 ? /* @__PURE__ */ ue.createElement(Js.Consumer, null, (a) => n(a)) : n(Na);
+  return Js !== void 0 ? /* @__PURE__ */ xe.createElement(Js.Consumer, null, (a) => n(a)) : n(Na);
 }
 function _n(s) {
-  return xe({ 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);
+  return pe({ 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 Hn() {
-  const { theme: s } = nt(), n = $e(), a = $e(), [t, l] = T(!1), [h, d] = T(!1), [r, o] = T(!1), [f, m] = T(""), [u, S] = T(!1), { authToken: c } = ts();
+  const { theme: s } = nt(), n = Ke(), a = Ke(), [t, l] = L(!1), [h, c] = L(!1), [r, o] = L(!1), [f, m] = L(""), [u, S] = L(!1), { authToken: d } = ns();
   w((p) => p.selectedSheetId);
   const x = w((p) => p.dashboard.baseQueries), j = i((p) => p.card), z = w((p) => p.theme), C = i((p) => p.isShowingVisual), E = i(
     (p) => p.selectedConnectionId
@@ -1847,36 +1871,36 @@ function Hn() {
   w(
     (p) => p.actions.updateFrameCard
   );
-  const N = i((p) => p.selectedTableName), F = i((p) => p.card.sql), A = i((p) => p.card.python), q = rt(F, x), M = i((p) => p.selectedConnectionId), U = i((p) => p.frame), P = i((p) => p.filterValues), I = i((p) => p.applyFilters), {
-    setCardCustomCfg: le,
-    setQueryResultColumns: X,
-    setFilterValues: Z,
-    setCardSql: ee,
+  const N = i((p) => p.selectedTableName), F = i((p) => p.card.sql), A = i((p) => p.card.python), V = rt(F, x), M = i((p) => p.selectedConnectionId), U = i((p) => p.frame), P = i((p) => p.filterValues), I = i((p) => p.applyFilters), {
+    setCardCustomCfg: ie,
+    setQueryResultColumns: Q,
+    setFilterValues: ee,
+    setCardSql: se,
     setCardPython: K,
-    setQueryError: se,
+    setQueryError: ae,
     setPythonStdOut: b,
     setCardPreferences: y
-  } = i((p) => p.actions), O = i((p) => p.onSave), B = i(
+  } = i((p) => p.actions), O = i((p) => p.onSave), $ = i(
     (p) => p.actions.setApplyFilters
-  ), V = i((p) => p.onClose), te = i((p) => p.actions.setCardData), Ne = i((p) => p.actions.setSqlGen), Ce = i((p) => p.runSql), ae = i((p) => p.actions.setRunSql), pe = i(
+  ), ne = i((p) => p.onClose), W = i((p) => p.actions.setCardData), q = i((p) => p.actions.setSqlGen), Ce = i((p) => p.runSql), te = i((p) => p.actions.setRunSql), fe = i(
     (p) => p.actions.setIsSqlRunning
   ), {
     data: J,
-    isLoading: ne,
-    isFetching: ie,
-    isSuccess: je,
-    isError: oe,
+    isLoading: re,
+    isFetching: oe,
+    isSuccess: be,
+    isError: ce,
     error: Ie,
     status: Vs,
     refetch: Se
-  } = ge({
-    queryKey: [q, A],
+  } = je({
+    queryKey: [V, A],
     queryFn: () => ca(
       "https://semaphor.cloud/api/v1/query",
-      (c == null ? void 0 : c.accessToken) || "",
+      (d == null ? void 0 : d.accessToken) || "",
       {
         connection_id: M,
-        sql: q,
+        sql: V,
         python: A === Hs ? "" : A,
         active_filters: I ? P : []
       }
@@ -1885,39 +1909,39 @@ function Hn() {
     retry: !1
   });
   G(() => {
-    if (J && (te(J.records), J.rowLimitExceeded && ps.error("Row limit (10,000) exceeded. Refine your query.", {
+    if (J && (W(J.records), J.rowLimitExceeded && fs.error("Row limit (10,000) exceeded. Refine your query.", {
       position: "top-center",
       richColors: !0
     }), b((J == null ? void 0 : J.output) || ""), J.records.length > 0)) {
-      const { dimensionKeys: p } = gs(J.records);
-      X(p);
+      const { dimensionKeys: p } = js(J.records);
+      Q(p);
     }
-  }, [J, te, X, b]), G(() => {
-    Ce && (Se(), ae(!1));
-  }, [Ce, Se, ae]), G(() => {
-    (ne || ie) && pe(!0), (oe || je) && pe(!1), oe ? (se(Ie.message), te([]), X([]), b("")) : se("");
+  }, [J, W, Q, b]), G(() => {
+    Ce && (Se(), te(!1));
+  }, [Ce, Se, te]), G(() => {
+    (re || oe) && fe(!0), (ce || be) && fe(!1), ce ? (ae(Ie.message), W([]), Q([]), b("")) : ae("");
   }, [
-    ne,
-    ie,
+    re,
+    oe,
     J,
     b,
-    oe,
-    je,
-    pe,
-    te,
-    X,
-    se,
+    ce,
+    be,
+    fe,
+    W,
+    Q,
+    ae,
     Ie
   ]);
-  function rs() {
-    ee(""), te([]), Ne({}), le(""), y({});
+  function ls() {
+    se(""), W([]), q({}), ie(""), y({});
   }
-  const Je = (p) => {
+  const We = (p) => {
     a.current = p;
   };
-  function ls() {
+  function is() {
     let p = F;
-    F && !F.includes("{{") && (p = zn(F), ee(p));
+    F && !F.includes("{{") && (p = zn(F), se(p));
     const g = {
       ...j,
       lastSelectedSchema: D,
@@ -1928,44 +1952,44 @@ function Hn() {
       sql: p,
       customCfg: C ? j.customCfg : null
     }, qe = U.cards.map(
-      (be) => be.id === j.id ? g : be
+      (ye) => ye.id === j.id ? g : ye
     );
     O == null || O({
       ...U,
       cards: qe
     });
   }
-  function is() {
-    V == null || V();
+  function os() {
+    ne == null || ne();
   }
-  function os(p) {
+  function cs(p) {
     const g = getComputedStyle(
       document.documentElement
     ).getPropertyValue(p);
-    return Qe(g);
+    return Ye(g);
   }
-  function Qe(p) {
-    const [g, qe, be] = p.split(" "), Q = parseFloat(g), Da = parseFloat(qe), Ia = parseFloat(be), Va = Da / 100, qs = Ia / 100, fe = (1 - Math.abs(2 * qs - 1)) * Va, ke = fe * (1 - Math.abs(Q / 60 % 2 - 1)), cs = qs - fe / 2;
-    let ce = 0, de = 0, he = 0;
-    0 <= Q && Q < 60 ? (ce = fe, de = ke, he = 0) : 60 <= Q && Q < 120 ? (ce = ke, de = fe, he = 0) : 120 <= Q && Q < 180 ? (ce = 0, de = fe, he = ke) : 180 <= Q && Q < 240 ? (ce = 0, de = ke, he = fe) : 240 <= Q && Q < 300 ? (ce = ke, de = 0, he = fe) : 300 <= Q && Q < 360 && (ce = fe, de = 0, he = ke), ce = Math.round((ce + cs) * 255), de = Math.round((de + cs) * 255), he = Math.round((he + cs) * 255);
-    const ds = (qa) => {
-      const hs = qa.toString(16);
-      return hs.length == 1 ? "0" + hs : hs;
+  function Ye(p) {
+    const [g, qe, ye] = p.split(" "), Y = parseFloat(g), Da = parseFloat(qe), Ia = parseFloat(ye), Va = Da / 100, qs = Ia / 100, ge = (1 - Math.abs(2 * qs - 1)) * Va, ke = ge * (1 - Math.abs(Y / 60 % 2 - 1)), ds = qs - ge / 2;
+    let de = 0, he = 0, me = 0;
+    0 <= Y && Y < 60 ? (de = ge, he = ke, me = 0) : 60 <= Y && Y < 120 ? (de = ke, he = ge, me = 0) : 120 <= Y && Y < 180 ? (de = 0, he = ge, me = ke) : 180 <= Y && Y < 240 ? (de = 0, he = ke, me = ge) : 240 <= Y && Y < 300 ? (de = ke, he = 0, me = ge) : 300 <= Y && Y < 360 && (de = ge, he = 0, me = ke), de = Math.round((de + ds) * 255), he = Math.round((he + ds) * 255), me = Math.round((me + ds) * 255);
+    const hs = (qa) => {
+      const ms = qa.toString(16);
+      return ms.length == 1 ? "0" + ms : ms;
     };
-    return `#${ds(ce)}${ds(de)}${ds(he)}`;
+    return `#${hs(de)}${hs(he)}${hs(me)}`;
   }
   G(() => {
     const p = n.current, g = a.current;
     if (p) {
-      const qe = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", be = z === "system" ? qe : z;
+      const qe = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", ye = z === "system" ? qe : z;
       p.editor.defineTheme("default", {
         // base: theme === 'light' ? 'hc-light' : 'vs-dark',
-        base: be === "light" ? "vs" : "vs-dark",
+        base: ye === "light" ? "vs" : "vs-dark",
         inherit: !0,
         rules: [],
         colors: {
           // 'editor.background': activeTheme === 'light' ? '#ffffff' : '#020817',
-          "editor.background": be === "light" ? "#ffffff" : os("--semaphor-background")
+          "editor.background": ye === "light" ? "#ffffff" : cs("--semaphor-background")
         }
       }), p.editor.setTheme("default");
     }
@@ -1980,7 +2004,7 @@ function Hn() {
   function Ve(p) {
     n.current = p;
   }
-  function We() {
+  function Xe() {
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       h && /* @__PURE__ */ e.jsx(
         "div",
@@ -1993,27 +2017,27 @@ function Hn() {
                 On,
                 {
                   checked: I,
-                  onCheckedChange: () => B(!I),
+                  onCheckedChange: () => $(!I),
                   text: "Apply Filters"
                 }
               ),
               /* @__PURE__ */ e.jsx(Mn, {}),
               P && h && /* @__PURE__ */ e.jsx(
-                _e,
+                He,
                 {
-                  onClick: () => d(!1),
+                  onClick: () => c(!1),
                   className: "bg-background/50 text-foreground/50 hover:cursor-pointer hover:text-foreground"
                 }
               )
             ] }),
             /* @__PURE__ */ e.jsx(
-              Re,
+              _e,
               {
                 theme: "default",
                 onChange: (p) => {
                   if (p)
                     try {
-                      JSON.parse(p), Z(JSON.parse(p));
+                      JSON.parse(p), ee(JSON.parse(p));
                     } catch {
                     }
                 },
@@ -2043,8 +2067,8 @@ function Hn() {
       P && !h && /* @__PURE__ */ e.jsx(
         xa,
         {
-          onClick: () => d(!0),
-          className: Y(
+          onClick: () => c(!0),
+          className: Z(
             "absolute bottom-4 right-6 h-3 w-3 text-foreground/50 hover:cursor-pointer hover:text-foreground",
             {
               "font-bold text-red-800": I
@@ -2054,9 +2078,9 @@ function Hn() {
       )
     ] });
   }
-  function Ye() {
+  function Ze() {
     return /* @__PURE__ */ e.jsxs(
-      js,
+      bs,
       {
         className: "flex grow pb-1",
         direction: "vertical",
@@ -2076,12 +2100,12 @@ function Hn() {
                     role: "sql-container",
                     className: "relative flex w-[99%]",
                     children: /* @__PURE__ */ e.jsx(
-                      Re,
+                      _e,
                       {
                         theme: "default",
                         className: "pt-3",
                         onChange: (p) => {
-                          ee(p);
+                          se(p);
                         },
                         value: F,
                         options: {
@@ -2099,7 +2123,7 @@ function Hn() {
                         defaultLanguage: "sql",
                         defaultValue: "SELECT * FROM table",
                         beforeMount: Ve,
-                        onMount: Je
+                        onMount: We
                       }
                     )
                   }
@@ -2109,7 +2133,7 @@ function Hn() {
             }
           ),
           t && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-            /* @__PURE__ */ e.jsx(bs, { withHandle: !0, className: "border" }),
+            /* @__PURE__ */ e.jsx(ys, { withHandle: !0, className: "border" }),
             /* @__PURE__ */ e.jsxs(
               ze,
               {
@@ -2124,7 +2148,7 @@ function Hn() {
                       role: "python-container",
                       className: "relative flex w-[99%] pt-0",
                       children: /* @__PURE__ */ e.jsx(
-                        Re,
+                        _e,
                         {
                           className: "pt-3",
                           theme: "default",
@@ -2146,7 +2170,7 @@ function Hn() {
                           },
                           defaultLanguage: "python",
                           beforeMount: Ve,
-                          onMount: Je
+                          onMount: We
                         }
                       )
                     }
@@ -2174,8 +2198,8 @@ function Hn() {
               role: "sql-editor",
               className: "relative flex grow justify-between overflow-y-scroll",
               children: [
-                Ye(),
-                We()
+                Ze(),
+                Xe()
               ]
             }
           ),
@@ -2190,7 +2214,7 @@ function Hn() {
                     k,
                     {
                       title: "Shift + Enter",
-                      disabled: ne || ie,
+                      disabled: re || oe,
                       onClick: () => {
                         Se();
                       },
@@ -2198,12 +2222,12 @@ function Hn() {
                       size: "sm",
                       variant: "outline",
                       children: [
-                        ne || ie ? /* @__PURE__ */ e.jsx(Be, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(mn, { className: "mr-2 h-4 w-4" }),
+                        re || oe ? /* @__PURE__ */ e.jsx($e, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(mn, { className: "mr-2 h-4 w-4" }),
                         "Run"
                       ]
                     }
                   ),
-                  oe && /* @__PURE__ */ e.jsx(
+                  ce && /* @__PURE__ */ e.jsx(
                     Fn,
                     {
                       error: Ie.message,
@@ -2215,7 +2239,7 @@ function Hn() {
                   /* @__PURE__ */ e.jsxs(
                     k,
                     {
-                      onClick: rs,
+                      onClick: ls,
                       className: "",
                       size: "sm",
                       variant: "outline",
@@ -2237,7 +2261,7 @@ function Hn() {
                     }
                   ),
                   /* @__PURE__ */ e.jsx(
-                    Ln,
+                    Tn,
                     {
                       open: r,
                       setOpen: o,
@@ -2252,7 +2276,7 @@ function Hn() {
                   /* @__PURE__ */ e.jsxs(
                     k,
                     {
-                      onClick: ls,
+                      onClick: is,
                       size: "sm",
                       variant: "outline",
                       children: [
@@ -2264,12 +2288,12 @@ function Hn() {
                   /* @__PURE__ */ e.jsxs(
                     k,
                     {
-                      onClick: is,
+                      onClick: os,
                       className: "w-full",
                       size: "sm",
                       variant: "outline",
                       children: [
-                        /* @__PURE__ */ e.jsx(_e, { className: "mr-2 size-4" }),
+                        /* @__PURE__ */ e.jsx(He, { className: "mr-2 size-4" }),
                         "Close"
                       ]
                     }
@@ -2284,8 +2308,8 @@ function Hn() {
   );
 }
 function Bn({ data: s }) {
-  var d;
-  const [n, a] = ue.useState([]), l = Object.keys(s[0]).map((r) => ({
+  var c;
+  const [n, a] = xe.useState([]), l = Object.keys(s[0]).map((r) => ({
     // header: key,
     accessorKey: r,
     header: ({ column: o }) => {
@@ -2315,19 +2339,19 @@ function Bn({ data: s }) {
     }
   });
   return /* @__PURE__ */ e.jsxs(dt, { children: [
-    /* @__PURE__ */ e.jsx(ht, { children: h.getHeaderGroups().map((r) => /* @__PURE__ */ e.jsx(ms, { children: r.headers.map((o) => /* @__PURE__ */ e.jsx(mt, { className: "sticky top-0 bg-muted", children: o.isPlaceholder ? null : Bs(
+    /* @__PURE__ */ e.jsx(ht, { children: h.getHeaderGroups().map((r) => /* @__PURE__ */ e.jsx(us, { children: r.headers.map((o) => /* @__PURE__ */ e.jsx(mt, { className: "sticky top-0 bg-muted", children: o.isPlaceholder ? null : Bs(
       o.column.columnDef.header,
       o.getContext()
     ) }, o.id)) }, r.id)) }),
-    /* @__PURE__ */ e.jsx(ut, { children: (d = h.getRowModel().rows) != null && d.length ? h.getRowModel().rows.map((r) => /* @__PURE__ */ e.jsx(
-      ms,
+    /* @__PURE__ */ e.jsx(ut, { children: (c = h.getRowModel().rows) != null && c.length ? h.getRowModel().rows.map((r) => /* @__PURE__ */ e.jsx(
+      us,
       {
         className: "whitespace-nowrap py-2",
         "data-state": r.getIsSelected() && "selected",
         children: r.getVisibleCells().map((o) => /* @__PURE__ */ e.jsx($s, { children: Bs(o.column.columnDef.cell, o.getContext()) }, o.id))
       },
       r.id
-    )) : /* @__PURE__ */ e.jsx(ms, { children: /* @__PURE__ */ e.jsx($s, { colSpan: l.length, className: "h-24 text-center", children: "No results." }) }) })
+    )) : /* @__PURE__ */ e.jsx(us, { children: /* @__PURE__ */ e.jsx($s, { colSpan: l.length, className: "h-24 text-center", children: "No results." }) }) })
   ] });
 }
 function Sa({
@@ -2335,8 +2359,8 @@ function Sa({
   className: s,
   ...n
 }) {
-  var d;
-  ue.useState(0);
+  var c;
+  xe.useState(0);
   const a = w((r) => r.themeStyle), t = i((r) => r.card), l = i((r) => r.actions.setCard);
   if (G(() => {
   }, [
@@ -2359,7 +2383,7 @@ function Sa({
     gt,
     {
       role: "editor-visual-card",
-      className: Y("relative flex h-full flex-col rounded-none", s),
+      className: Z("relative flex h-full flex-col rounded-none", s),
       ...n,
       children: [
         /* @__PURE__ */ e.jsxs(jt, { className: "py-4", children: [
@@ -2392,7 +2416,7 @@ function Sa({
             {
               cfg: h
             },
-            JSON.stringify(h) + JSON.stringify(t.preferences) + ((d = t == null ? void 0 : t.preferences) == null ? void 0 : d.customVisualCode)
+            JSON.stringify(h) + JSON.stringify(t.preferences) + ((c = t == null ? void 0 : t.preferences) == null ? void 0 : c.customVisualCode)
           ),
           t.type === "table" && t.data && t.data.length > 0 && // All of the below css classes are #IMPORTANT for the table to scroll properly
           /* @__PURE__ */ e.jsx(Ct, { className: "flex min-h-0 flex-1 grow basis-0", children: /* @__PURE__ */ e.jsx(St, { card: t, data: t == null ? void 0 : t.data }) })
@@ -2402,17 +2426,17 @@ function Sa({
   );
 }
 function $n() {
-  const [s, n] = T(!1), [a, t] = T(""), [l, h] = T(""), [d, r] = T(""), [o, f] = T(""), m = i((v) => v.card), u = i(
+  const [s, n] = L(!1), [a, t] = L(""), [l, h] = L(""), [c, r] = L(""), [o, f] = L(""), m = i((v) => v.card), u = i(
     (v) => v.card.customCfg
-  ), { setCardCustomCfg: S, setCustomVisualCode: c } = kt();
+  ), { setCardCustomCfg: S, setCustomVisualCode: d } = kt();
   function x(v) {
     var F, A;
     const D = {
       ...v,
       data: {
         ...v == null ? void 0 : v.data,
-        datasets: (A = (F = v == null ? void 0 : v.data) == null ? void 0 : F.datasets) == null ? void 0 : A.map((q) => ({
-          ...q,
+        datasets: (A = (F = v == null ? void 0 : v.data) == null ? void 0 : F.datasets) == null ? void 0 : A.map((V) => ({
+          ...V,
           data: []
         }))
       }
@@ -2432,7 +2456,7 @@ function $n() {
     v && (t(JSON.stringify(v, null, 1)), (D = m == null ? void 0 : m.preferences) != null && D.customVisualCode && r((N = m == null ? void 0 : m.preferences) == null ? void 0 : N.customVisualCode), u && h(JSON.stringify(u, null, 1)));
   }
   function z() {
-    if (d && c(d), !!l)
+    if (c && d(c), !!l)
       try {
         const v = JSON.parse(l);
         return v ? (S(v), f(""), h(""), v) : void 0;
@@ -2451,8 +2475,8 @@ function $n() {
     }
     return a ? (v = x(JSON.parse(a)), v) : "";
   }
-  return /* @__PURE__ */ e.jsxs(ys, { open: s, onOpenChange: n, children: [
-    /* @__PURE__ */ e.jsx(vs, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+  return /* @__PURE__ */ e.jsxs(vs, { open: s, onOpenChange: n, children: [
+    /* @__PURE__ */ e.jsx(Ns, { asChild: !0, children: /* @__PURE__ */ e.jsx(
       k,
       {
         onClick: j,
@@ -2463,14 +2487,14 @@ function $n() {
       }
     ) }),
     /* @__PURE__ */ e.jsxs(
-      Ns,
+      Cs,
       {
         className: "max-h-[70vh] min-h-[70vh] overflow-auto sm:min-w-[900px] lg:min-w-[1200px]",
         children: [
-          /* @__PURE__ */ e.jsxs(Cs, { className: "", children: [
+          /* @__PURE__ */ e.jsxs(Ss, { className: "", children: [
             /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ e.jsx(Ss, { children: "Customize Card" }),
-              /* @__PURE__ */ e.jsxs(ws, { children: [
+              /* @__PURE__ */ e.jsx(ks, { children: "Customize Card" }),
+              /* @__PURE__ */ e.jsxs(zs, { children: [
                 /* @__PURE__ */ e.jsx(sa, { children: /* @__PURE__ */ e.jsx(
                   rn,
                   {
@@ -2480,10 +2504,10 @@ function $n() {
                     className: "size-3 cursor-pointer text-muted-foreground/70 transition-colors hover:text-muted-foreground"
                   }
                 ) }),
-                /* @__PURE__ */ e.jsx(zs, { side: "right", align: "center", children: /* @__PURE__ */ e.jsx("p", { className: "text-xs", children: "Copy Card ID" }) })
+                /* @__PURE__ */ e.jsx(Fs, { side: "right", align: "center", children: /* @__PURE__ */ e.jsx("p", { className: "text-xs", children: "Copy Card ID" }) })
               ] })
             ] }),
-            /* @__PURE__ */ e.jsxs(ks, { children: [
+            /* @__PURE__ */ e.jsxs(ws, { children: [
               "See the configuration options and documentation",
               /* @__PURE__ */ e.jsx(
                 "a",
@@ -2500,15 +2524,15 @@ function $n() {
             /* @__PURE__ */ e.jsx(Sa, { className: "w-1/2 rounded shadow-none" }),
             /* @__PURE__ */ e.jsxs(zt, { defaultValue: "custom-config", className: "flex w-1/2 flex-col", children: [
               /* @__PURE__ */ e.jsxs(Ft, { className: "justify-start rounded-sm rounded-b-none border border-b-0", children: [
-                /* @__PURE__ */ e.jsxs(us, { value: "custom-config", children: [
+                /* @__PURE__ */ e.jsxs(xs, { value: "custom-config", children: [
                   u && /* @__PURE__ */ e.jsx(Ot, { className: "mr-1 h-5 w-5 text-green-600" }),
                   u ? "Custom Config" : "Default Config"
                 ] }),
-                /* @__PURE__ */ e.jsx(us, { className: "", value: "output", children: "Output" }),
-                /* @__PURE__ */ e.jsx(us, { className: "", value: "custom-code", children: "Custom Code" })
+                /* @__PURE__ */ e.jsx(xs, { className: "", value: "output", children: "Output" }),
+                /* @__PURE__ */ e.jsx(xs, { className: "", value: "custom-code", children: "Custom Code" })
               ] }),
               /* @__PURE__ */ e.jsx(
-                xs,
+                ps,
                 {
                   className: "bg-red-x mt-0 grow rounded-b border border-t-0 p-2",
                   value: "output",
@@ -2523,12 +2547,12 @@ function $n() {
                 }
               ),
               /* @__PURE__ */ e.jsx(
-                xs,
+                ps,
                 {
                   className: "mt-0 grow rounded-b border border-t-0",
                   value: "custom-config",
                   children: /* @__PURE__ */ e.jsx(
-                    Re,
+                    _e,
                     {
                       className: "h-full w-full overflow-hidden",
                       theme: "default",
@@ -2552,12 +2576,12 @@ function $n() {
                 }
               ),
               /* @__PURE__ */ e.jsx(
-                xs,
+                ps,
                 {
                   className: "mt-0 grow rounded-b border border-t-0",
                   value: "custom-code",
                   children: /* @__PURE__ */ e.jsx(
-                    Re,
+                    _e,
                     {
                       className: "h-full w-full overflow-hidden",
                       theme: "default",
@@ -2574,7 +2598,7 @@ function $n() {
                         renderLineHighlight: "none"
                       },
                       defaultLanguage: "javascript",
-                      value: d,
+                      value: c,
                       onChange: (v) => r(v || "")
                     }
                   )
@@ -2583,7 +2607,7 @@ function $n() {
             ] })
           ] }),
           /* @__PURE__ */ e.jsxs(Zs, { className: "flex items-center", children: [
-            /* @__PURE__ */ e.jsx($, { className: "mr-2 text-red-500", children: o }),
+            /* @__PURE__ */ e.jsx(R, { className: "mr-2 text-red-500", children: o }),
             /* @__PURE__ */ e.jsx(
               k,
               {
@@ -2602,39 +2626,39 @@ function $n() {
   ] });
 }
 function ka(s) {
-  return xe({ tag: "svg", attr: { viewBox: "0 0 1024 1024" }, child: [{ tag: "path", attr: { d: "M926.8 397.1l-396-288a31.81 31.81 0 0 0-37.6 0l-396 288a31.99 31.99 0 0 0-11.6 35.8l151.3 466a32 32 0 0 0 30.4 22.1h489.5c13.9 0 26.1-8.9 30.4-22.1l151.3-466c4.2-13.2-.5-27.6-11.7-35.8zM838.6 417l-98.5 32-200-144.7V199.9L838.6 417zM466 567.2l-89.1 122.3-55.2-169.2L466 567.2zm-116.3-96.8L484 373.3v140.8l-134.3-43.7zM512 599.2l93.9 128.9H418.1L512 599.2zm28.1-225.9l134.2 97.1L540.1 514V373.3zM558 567.2l144.3-46.9-55.2 169.2L558 567.2zm-74-367.3v104.4L283.9 449l-98.5-32L484 199.9zM169.3 470.8l86.5 28.1 80.4 246.4-53.8 73.9-113.1-348.4zM327.1 853l50.3-69h269.3l50.3 69H327.1zm414.5-33.8l-53.8-73.9 80.4-246.4 86.5-28.1-113.1 348.4z" }, child: [] }] })(s);
+  return pe({ tag: "svg", attr: { viewBox: "0 0 1024 1024" }, child: [{ tag: "path", attr: { d: "M926.8 397.1l-396-288a31.81 31.81 0 0 0-37.6 0l-396 288a31.99 31.99 0 0 0-11.6 35.8l151.3 466a32 32 0 0 0 30.4 22.1h489.5c13.9 0 26.1-8.9 30.4-22.1l151.3-466c4.2-13.2-.5-27.6-11.7-35.8zM838.6 417l-98.5 32-200-144.7V199.9L838.6 417zM466 567.2l-89.1 122.3-55.2-169.2L466 567.2zm-116.3-96.8L484 373.3v140.8l-134.3-43.7zM512 599.2l93.9 128.9H418.1L512 599.2zm28.1-225.9l134.2 97.1L540.1 514V373.3zM558 567.2l144.3-46.9-55.2 169.2L558 567.2zm-74-367.3v104.4L283.9 449l-98.5-32L484 199.9zM169.3 470.8l86.5 28.1 80.4 246.4-53.8 73.9-113.1-348.4zM327.1 853l50.3-69h269.3l50.3 69H327.1zm414.5-33.8l-53.8-73.9 80.4-246.4 86.5-28.1-113.1 348.4z" }, child: [] }] })(s);
 }
 function wa(s) {
-  return xe({ tag: "svg", attr: { viewBox: "0 0 256 256", fill: "currentColor" }, child: [{ tag: "path", attr: { d: "M137.39,24.06A16,16,0,0,0,120,40V80.67a15.86,15.86,0,0,0,13.25,15.76A32,32,0,1,1,96,129.68c-.41-8.22,1.27-15,5-20.26h0a15.86,15.86,0,0,0-1.69-20.47L71.69,60.68a16,16,0,0,0-23.63,1.1A103.6,103.6,0,0,0,55,202.05,103.24,103.24,0,0,0,128,232h1.49A104.3,104.3,0,0,0,232,129.48C232.75,75.18,191.19,28.88,137.39,24.06ZM60.32,71.94l27.61,28.19,0,.06A43.29,43.29,0,0,0,80.44,120H40.36A87.13,87.13,0,0,1,60.32,71.94ZM40.37,136h40.3A48,48,0,0,0,120,175.34v40.3A88,88,0,0,1,40.37,136Zm149.77,54.14A87.45,87.45,0,0,1,136,215.61V175.34a47.55,47.55,0,0,0,24.73-12.23A48,48,0,0,0,136,80.66L136,40c45.52,4.08,80.67,43.28,80,89.25A87.45,87.45,0,0,1,190.14,190.14Z" }, child: [] }] })(s);
+  return pe({ tag: "svg", attr: { viewBox: "0 0 256 256", fill: "currentColor" }, child: [{ tag: "path", attr: { d: "M137.39,24.06A16,16,0,0,0,120,40V80.67a15.86,15.86,0,0,0,13.25,15.76A32,32,0,1,1,96,129.68c-.41-8.22,1.27-15,5-20.26h0a15.86,15.86,0,0,0-1.69-20.47L71.69,60.68a16,16,0,0,0-23.63,1.1A103.6,103.6,0,0,0,55,202.05,103.24,103.24,0,0,0,128,232h1.49A104.3,104.3,0,0,0,232,129.48C232.75,75.18,191.19,28.88,137.39,24.06ZM60.32,71.94l27.61,28.19,0,.06A43.29,43.29,0,0,0,80.44,120H40.36A87.13,87.13,0,0,1,60.32,71.94ZM40.37,136h40.3A48,48,0,0,0,120,175.34v40.3A88,88,0,0,1,40.37,136Zm149.77,54.14A87.45,87.45,0,0,1,136,215.61V175.34a47.55,47.55,0,0,0,24.73-12.23A48,48,0,0,0,136,80.66L136,40c45.52,4.08,80.67,43.28,80,89.25A87.45,87.45,0,0,1,190.14,190.14Z" }, child: [] }] })(s);
 }
 function za(s) {
-  return xe({ tag: "svg", attr: { viewBox: "0 0 256 256", fill: "currentColor" }, child: [{ tag: "path", attr: { d: "M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm87.63,96H191.48A64.1,64.1,0,0,0,136,64.52V40.37A88.13,88.13,0,0,1,215.63,120ZM120,120H80.68A48.09,48.09,0,0,1,120,80.68Zm0,16v39.32A48.09,48.09,0,0,1,80.68,136Zm16,0h39.32A48.09,48.09,0,0,1,136,175.32Zm0-16V80.68A48.09,48.09,0,0,1,175.32,120ZM120,40.37V64.52A64.1,64.1,0,0,0,64.52,120H40.37A88.13,88.13,0,0,1,120,40.37ZM40.37,136H64.52A64.1,64.1,0,0,0,120,191.48v24.15A88.13,88.13,0,0,1,40.37,136ZM136,215.63V191.48A64.1,64.1,0,0,0,191.48,136h24.15A88.13,88.13,0,0,1,136,215.63Z" }, child: [] }] })(s);
+  return pe({ tag: "svg", attr: { viewBox: "0 0 256 256", fill: "currentColor" }, child: [{ tag: "path", attr: { d: "M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm87.63,96H191.48A64.1,64.1,0,0,0,136,64.52V40.37A88.13,88.13,0,0,1,215.63,120ZM120,120H80.68A48.09,48.09,0,0,1,120,80.68Zm0,16v39.32A48.09,48.09,0,0,1,80.68,136Zm16,0h39.32A48.09,48.09,0,0,1,136,175.32Zm0-16V80.68A48.09,48.09,0,0,1,175.32,120ZM120,40.37V64.52A64.1,64.1,0,0,0,64.52,120H40.37A88.13,88.13,0,0,1,120,40.37ZM40.37,136H64.52A64.1,64.1,0,0,0,120,191.48v24.15A88.13,88.13,0,0,1,40.37,136ZM136,215.63V191.48A64.1,64.1,0,0,0,191.48,136h24.15A88.13,88.13,0,0,1,136,215.63Z" }, child: [] }] })(s);
 }
 function Fa(s) {
-  return xe({ tag: "svg", attr: { viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }, child: [] }, { tag: "path", attr: { d: "M6 16m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0" }, child: [] }, { tag: "path", attr: { d: "M16 19m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" }, child: [] }, { tag: "path", attr: { d: "M14.5 7.5m-4.5 0a4.5 4.5 0 1 0 9 0a4.5 4.5 0 1 0 -9 0" }, child: [] }] })(s);
+  return pe({ tag: "svg", attr: { viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }, child: [] }, { tag: "path", attr: { d: "M6 16m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0" }, child: [] }, { tag: "path", attr: { d: "M16 19m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" }, child: [] }, { tag: "path", attr: { d: "M14.5 7.5m-4.5 0a4.5 4.5 0 1 0 9 0a4.5 4.5 0 1 0 -9 0" }, child: [] }] })(s);
 }
 function Oa(s) {
-  return xe({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" }, child: [] }, { tag: "path", attr: { d: "m2 19.99 7.5-7.51 4 4 7.09-7.97L22 9.92l-8.5 9.56-4-4-6 6.01-1.5-1.5zm1.5-4.5 6-6.01 4 4L22 3.92l-1.41-1.41-7.09 7.97-4-4L2 13.99l1.5 1.5z" }, child: [] }] })(s);
+  return pe({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" }, child: [] }, { tag: "path", attr: { d: "m2 19.99 7.5-7.51 4 4 7.09-7.97L22 9.92l-8.5 9.56-4-4-6 6.01-1.5-1.5zm1.5-4.5 6-6.01 4 4L22 3.92l-1.41-1.41-7.09 7.97-4-4L2 13.99l1.5 1.5z" }, child: [] }] })(s);
 }
 function Ma(s) {
-  return xe({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" }, child: [] }, { tag: "path", attr: { d: "M4 9h4v11H4zM4 4h4v4H4zM10 7h4v4h-4zM16 10h4v4h-4zM16 15h4v5h-4zM10 12h4v8h-4z" }, child: [] }] })(s);
-}
-function Ta(s) {
-  return xe({ tag: "svg", attr: { version: "1.2", baseProfile: "tiny", viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M4 18c-.552 0-1-.448-1-1v-6.382l-.553.276c-.495.248-1.095.046-1.342-.447-.247-.494-.046-1.094.448-1.342l2-1c.31-.155.678-.139.973.044.294.183.474.504.474.851v8c0 .552-.448 1-1 1zM13 18h-5c-.404 0-.769-.244-.924-.617-.155-.374-.069-.804.217-1.09l4-4c.254-.254.394-.591.394-.95 0-.358-.14-.695-.394-.949-.508-.508-1.39-.508-1.9.001-.253.252-.393.589-.393.948 0 .552-.448 1-1 1s-1-.448-1-1c0-.894.348-1.733.98-2.364 1.265-1.263 3.464-1.263 4.727.001.632.631.979 1.471.979 2.363 0 .893-.348 1.733-.979 2.364l-2.293 2.293h2.586c.552 0 1 .448 1 1s-.448 1-1 1zM20.955 12.377c.338-.457.545-1.016.545-1.627 0-1.517-1.234-2.75-2.75-2.75-1.031 0-1.966.569-2.44 1.484-.254.49-.063 1.094.428 1.348.49.254 1.094.062 1.348-.428.128-.249.383-.404.664-.404.414 0 .75.336.75.75s-.336.75-.75.75c-.552 0-1 .448-1 1s.448 1 1 1c.689 0 1.25.561 1.25 1.25s-.561 1.25-1.25 1.25-1.25-.561-1.25-1.25c0-.552-.448-1-1-1s-1 .448-1 1c0 1.792 1.458 3.25 3.25 3.25s3.25-1.458 3.25-3.25c0-.939-.406-1.779-1.045-2.373z" }, child: [] }] })(s);
+  return pe({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" }, child: [] }, { tag: "path", attr: { d: "M4 9h4v11H4zM4 4h4v4H4zM10 7h4v4h-4zM16 10h4v4h-4zM16 15h4v5h-4zM10 12h4v8h-4z" }, child: [] }] })(s);
 }
 function La(s) {
-  return xe({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M217 25v14h78V25h-78zm0 32v46h14V71h50v32h14V57h-78zm32 32v14h14V89h-14zm-64 32v46h30v-46h-30zm48 0v14h46v-14h-46zm64 0v46h30v-46h-30zm-64 32v14h46v-14h-46zm-80 32v46h62v-46h-62zm80 0v14h46v-14h-46zm64 0v46h62v-46h-62zm-64 32v14h46v-14h-46zm-112 32v46h94v-46h-94zm112 0v14h46v-14h-46zm64 0v46h94v-46h-94zm-64 32v14h46v-14h-46zM89 313v46h126v-46H89zm144 0v14h46v-14h-46zm64 0v46h126v-46H297zm-64 32v14h46v-14h-46zM57 377v46h158v-46H57zm176 0v14h46v-14h-46zm64 0v46h158v-46H297zm-64 32v14h46v-14h-46zM25 441v46h190v-46H25zm208 0v14h46v-14h-46zm64 0v46h190v-46H297zm-64 32v14h46v-14h-46z" }, child: [] }] })(s);
+  return pe({ 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 Ta(s) {
+  return pe({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M217 25v14h78V25h-78zm0 32v46h14V71h50v32h14V57h-78zm32 32v14h14V89h-14zm-64 32v46h30v-46h-30zm48 0v14h46v-14h-46zm64 0v46h30v-46h-30zm-64 32v14h46v-14h-46zm-80 32v46h62v-46h-62zm80 0v14h46v-14h-46zm64 0v46h62v-46h-62zm-64 32v14h46v-14h-46zm-112 32v46h94v-46h-94zm112 0v14h46v-14h-46zm64 0v46h94v-46h-94zm-64 32v14h46v-14h-46zM89 313v46h126v-46H89zm144 0v14h46v-14h-46zm64 0v46h126v-46H297zm-64 32v14h46v-14h-46zM57 377v46h158v-46H57zm176 0v14h46v-14h-46zm64 0v46h158v-46H297zm-64 32v14h46v-14h-46zM25 441v46h190v-46H25zm208 0v14h46v-14h-46zm64 0v46h190v-46H297zm-64 32v14h46v-14h-46z" }, child: [] }] })(s);
 }
 function Pn() {
-  const [s, n] = T(!1), a = i((o) => o.card.type), { setCardType: t, setCardPreferences: l, setChartOrientation: h } = i((o) => o.actions), d = i(
+  const [s, n] = L(!1), a = i((o) => o.card.type), { setCardType: t, setCardPreferences: l, setChartOrientation: h } = i((o) => o.actions), c = i(
     (o) => o.actions.setCardCustomCfg
   );
   function r(o) {
-    d(null), l({}), t(o), n(!1);
+    c(null), l({}), t(o), n(!1);
   }
-  return /* @__PURE__ */ e.jsxs(Ke, { open: s, onOpenChange: n, children: [
-    /* @__PURE__ */ e.jsx(Ue, { asChild: !0, children: /* @__PURE__ */ e.jsx(k, { size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(Kn, { className: "h-4 w-4", chartType: a }) }) }),
-    /* @__PURE__ */ e.jsx(Ge, { className: "w-50", children: /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 place-items-center", children: [
+  return /* @__PURE__ */ e.jsxs(Ge, { open: s, onOpenChange: n, children: [
+    /* @__PURE__ */ e.jsx(Je, { asChild: !0, children: /* @__PURE__ */ e.jsx(k, { size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(Kn, { className: "h-4 w-4", chartType: a }) }) }),
+    /* @__PURE__ */ e.jsx(Qe, { className: "w-50", children: /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 place-items-center", children: [
       /* @__PURE__ */ e.jsx(
         k,
         {
@@ -2727,7 +2751,7 @@ function Pn() {
         {
           onClick: () => r("pyramid"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(La, { className: "size-5" })
+          children: /* @__PURE__ */ e.jsx(Ta, { className: "size-5" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2743,7 +2767,7 @@ function Pn() {
         {
           onClick: () => r("table"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Fs, { className: "size-5" })
+          children: /* @__PURE__ */ e.jsx(Os, { className: "size-5" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2751,7 +2775,7 @@ function Pn() {
         {
           onClick: () => r("kpi"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Ta, { className: "size-6" })
+          children: /* @__PURE__ */ e.jsx(La, { className: "size-6" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2788,15 +2812,15 @@ function Kn({ chartType: s, className: n }) {
     case "polarArea":
       return /* @__PURE__ */ e.jsx(za, { className: n });
     case "pyramid":
-      return /* @__PURE__ */ e.jsx(La, { className: n });
+      return /* @__PURE__ */ e.jsx(Ta, { className: n });
     case "range":
       return /* @__PURE__ */ e.jsx(pa, { className: n });
     case "kpi":
-      return /* @__PURE__ */ e.jsx(Ta, { className: n });
+      return /* @__PURE__ */ e.jsx(La, { className: n });
     case "text":
       return /* @__PURE__ */ e.jsx(Ds, { className: n });
     default:
-      return /* @__PURE__ */ e.jsx(Fs, { className: n });
+      return /* @__PURE__ */ e.jsx(Os, { className: n });
   }
 }
 function Un() {
@@ -2805,12 +2829,12 @@ function Un() {
   ), n = i(
     (a) => a.actions.setCardRefreshInterval
   );
-  return /* @__PURE__ */ e.jsxs(Ke, { children: [
-    /* @__PURE__ */ e.jsx(Ue, { asChild: !0, children: /* @__PURE__ */ e.jsx(k, { size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(Wt, { className: "w-4 h-4" }) }) }),
-    /* @__PURE__ */ e.jsx(Ge, { 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" }),
+  return /* @__PURE__ */ e.jsxs(Ge, { children: [
+    /* @__PURE__ */ e.jsx(Je, { asChild: !0, children: /* @__PURE__ */ e.jsx(k, { size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(Wt, { className: "w-4 h-4" }) }) }),
+    /* @__PURE__ */ e.jsx(Qe, { 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(R, { className: "col-span-3", htmlFor: "width", children: "Refresh Every" }),
       /* @__PURE__ */ e.jsx(
-        re,
+        le,
         {
           value: s || "",
           onChange: (a) => n(a.target.value),
@@ -2827,11 +2851,11 @@ function Ws() {
   const s = i((r) => r.card), n = i((r) => r.card.data), a = i((r) => r.isShowingVisual), t = i((r) => r.isSqlRunning), l = i((r) => r.queryError), h = i((r) => r.pythonStdOut);
   if (i((r) => r.onSave), i((r) => r.onClose), i((r) => r.actions.setCardSql), i((r) => r.actions.setCardType), i((r) => r.actions.setSqlGen), !s)
     return /* @__PURE__ */ e.jsx(e.Fragment, { children: "No Active Card" });
-  function d() {
-    return 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(Mt, { isLoading: t, card: s }) }) }) : s.type === "text" ? /* @__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(Tt, { isLoading: t, card: s }) }) }) : /* @__PURE__ */ e.jsx(Sa, { className: "grow border-none shadow-none" });
+  function c() {
+    return 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(Mt, { isLoading: t, card: s }) }) }) : s.type === "text" ? /* @__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(Lt, { isLoading: t, card: s }) }) }) : /* @__PURE__ */ e.jsx(Sa, { className: "grow border-none shadow-none" });
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "relative flex h-full flex-col pt-3", children: [
-    t && /* @__PURE__ */ e.jsx(Be, { className: "absolute bottom-0 left-0 right-0 top-0 z-10 m-auto h-10 w-10 animate-spin text-foreground/10" }),
+    t && /* @__PURE__ */ e.jsx($e, { className: "absolute bottom-0 left-0 right-0 top-0 z-10 m-auto h-10 w-10 animate-spin text-foreground/10" }),
     /* @__PURE__ */ e.jsxs("div", { className: "mb-0 flex min-h-10 items-center justify-end gap-2 px-6", children: [
       a && /* @__PURE__ */ e.jsxs("div", { className: "flex grow items-center gap-2", children: [
         /* @__PURE__ */ e.jsx(Pn, {}),
@@ -2840,7 +2864,7 @@ function Ws() {
       ] }),
       /* @__PURE__ */ e.jsx(Jn, {})
     ] }),
-    a ? d() : (
+    a ? c() : (
       // card.type === 'kpi' ? (
       //   <div className="flex grow items-center justify-center">
       //     <div className="w-1/2 rounded-md border">
@@ -2872,7 +2896,7 @@ function Gn() {
         className: "bg-muted p-2 font-mono text-sm"
       }
     ),
-    /* @__PURE__ */ e.jsx(Ms, { className: "mb-2" })
+    /* @__PURE__ */ e.jsx(Pe, { className: "mb-2" })
   ] });
 }
 function Jn() {
@@ -2880,9 +2904,9 @@ function Jn() {
     (a) => a.actions.setIsShowingVisual
   );
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-    /* @__PURE__ */ e.jsx($, { htmlFor: "visualize", children: "Chart" }),
+    /* @__PURE__ */ e.jsx(R, { htmlFor: "visualize", children: "Chart" }),
     /* @__PURE__ */ e.jsx(
-      Lt,
+      Tt,
       {
         checked: s,
         onCheckedChange: () => n(!s),
@@ -2893,11 +2917,11 @@ function Jn() {
   ] });
 }
 function De() {
-  const [s, n] = T([]);
+  const [s, n] = L([]);
   i(
     (m) => m.card.cfg
   );
-  const a = i((m) => m.card.preferences), { setCardCfg: t, setFilterOnClickColumnIndex: l, setCardPreferences: h } = i((m) => m.actions), d = i(
+  const a = i((m) => m.card.preferences), { setCardCfg: t, setFilterOnClickColumnIndex: l, setCardPreferences: h } = i((m) => m.actions), c = i(
     (m) => m.queryResultColumns
   );
   i(
@@ -2906,10 +2930,10 @@ function De() {
       return (u = m.card.preferences) == null ? void 0 : u.filterOnClickColumnIndex;
     }
   ), G(() => {
-    d && n(new Array(d.length).fill(!1));
-  }, [d]);
+    c && n(new Array(c.length).fill(!1));
+  }, [c]);
   function r(m, u) {
-    var S, c;
+    var S, d;
     u ? a != null && a.onClickFilter && ((S = a == null ? void 0 : a.onClickFilter) == null ? void 0 : S.length) > 0 ? h({
       ...a,
       onClickFilter: [
@@ -2929,7 +2953,7 @@ function De() {
       ]
     }) : (h({
       ...a,
-      onClickFilter: (c = a == null ? void 0 : a.onClickFilter) == null ? void 0 : c.filter(
+      onClickFilter: (d = a == null ? void 0 : a.onClickFilter) == null ? void 0 : d.filter(
         (x) => x.columnIndex !== m
       )
     }), n((x) => {
@@ -2938,8 +2962,8 @@ function De() {
     }));
   }
   function o(m, u) {
-    var c;
-    const S = (c = a == null ? void 0 : a.onClickFilter) == null ? void 0 : c.map((x) => x.columnIndex === m ? {
+    var d;
+    const S = (d = a == null ? void 0 : a.onClickFilter) == null ? void 0 : d.map((x) => x.columnIndex === m ? {
       ...x,
       expression: u.target.value
     } : x);
@@ -2949,12 +2973,12 @@ function De() {
     });
   }
   function f(m) {
-    var u, S, c, x;
+    var u, S, d, x;
     if (s != null && s[m] || (S = (u = a == null ? void 0 : a.onClickFilter) == null ? void 0 : u.find((j) => j.columnIndex === m)) != null && S.expression)
       return /* @__PURE__ */ e.jsx(
-        re,
+        le,
         {
-          value: (x = (c = a == null ? void 0 : a.onClickFilter) == null ? void 0 : c.find((j) => j.columnIndex === m)) == null ? void 0 : x.expression,
+          value: (x = (d = a == null ? void 0 : a.onClickFilter) == null ? void 0 : d.find((j) => j.columnIndex === m)) == null ? void 0 : x.expression,
           onChange: (j) => o(m, j),
           type: "text",
           className: " h-9 w-full focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0 font-mono text-xs",
@@ -2962,8 +2986,8 @@ function De() {
         }
       );
   }
-  return /* @__PURE__ */ e.jsx(e.Fragment, { children: d == null ? void 0 : d.map((m, u) => {
-    var S, c;
+  return /* @__PURE__ */ e.jsx(e.Fragment, { children: c == null ? void 0 : c.map((m, u) => {
+    var S, d;
     return /* @__PURE__ */ e.jsx(
       "div",
       {
@@ -2971,7 +2995,7 @@ function De() {
         children: /* @__PURE__ */ e.jsxs("div", { className: " grow", children: [
           /* @__PURE__ */ e.jsxs("div", { className: "flex items-center py-2 space-x-2", children: [
             /* @__PURE__ */ e.jsx(
-              Pe,
+              Ue,
               {
                 checked: !!((S = a == null ? void 0 : a.onClickFilter) != null && S.find(
                   (x) => x.columnIndex === u
@@ -2986,7 +3010,7 @@ function De() {
                 children: m
               }
             ),
-            /* @__PURE__ */ e.jsx("div", { className: "flex gap-2 items-center ", children: ((c = a == null ? void 0 : a.onClickFilter) == null ? void 0 : c.find(
+            /* @__PURE__ */ e.jsx("div", { className: "flex gap-2 items-center ", children: ((d = a == null ? void 0 : a.onClickFilter) == null ? void 0 : d.find(
               (x) => x.columnIndex === u
             )) && /* @__PURE__ */ e.jsx(
               fa,
@@ -3008,17 +3032,17 @@ function De() {
     );
   }) });
 }
-function ns() {
-  var d, r, o;
+function rs() {
+  var c, r, o;
   const s = i((f) => f.card.preferences), n = i(
     (f) => f.card.cfg
   ), { setCardCfg: a, setCardPreferences: t, setChartOrientation: l } = i((f) => f.actions);
-  (d = n == null ? void 0 : n.options) != null && d.indexAxis;
+  (c = n == null ? void 0 : n.options) != null && c.indexAxis;
   function h(f) {
     l(f);
   }
   return /* @__PURE__ */ e.jsxs(
-    Ts,
+    Ls,
     {
       value: ((r = s == null ? void 0 : s.chartOptions) == null ? void 0 : r.indexAxis) || ((o = n == null ? void 0 : n.options) == null ? void 0 : o.indexAxis) || "x",
       onValueChange: h,
@@ -3044,32 +3068,32 @@ function Ys(s, n) {
   return ((h = (l = (t = s == null ? void 0 : s.chartOptions) == null ? void 0 : t.scales) == null ? void 0 : l[a]) == null ? void 0 : h.type) || "linear";
 }
 function Aa() {
-  var X, Z, ee, K, se, b;
-  const [s, n] = T(!1), a = i((y) => {
+  var Q, ee, se, K, ae, b;
+  const [s, n] = L(!1), a = i((y) => {
     var O;
     return (O = y.card) == null ? void 0 : O.preferences;
   }), t = i((y) => {
     var O;
     return (O = y.card) == null ? void 0 : O.cfg;
-  }), l = ua(a, t), [h, d] = T(
+  }), l = ua(a, t), [h, c] = L(
     Ys(a)
-  ), [r, o] = T(
-    ((ee = (Z = (X = a == null ? void 0 : a.chartOptions) == null ? void 0 : X.scales) == null ? void 0 : Z[l]) == null ? void 0 : ee.min) || ""
-  ), [f, m] = T(
-    ((b = (se = (K = a == null ? void 0 : a.chartOptions) == null ? void 0 : K.scales) == null ? void 0 : se[l]) == null ? void 0 : b.max) || ""
-  ), [u, S] = T(r || f ? "custom" : "auto"), [c, x] = T(""), [j, z] = T(0), [C, E] = T(""), [v, D] = T(""), [N, F] = T(""), A = i(
+  ), [r, o] = L(
+    ((se = (ee = (Q = a == null ? void 0 : a.chartOptions) == null ? void 0 : Q.scales) == null ? void 0 : ee[l]) == null ? void 0 : se.min) || ""
+  ), [f, m] = L(
+    ((b = (ae = (K = a == null ? void 0 : a.chartOptions) == null ? void 0 : K.scales) == null ? void 0 : ae[l]) == null ? void 0 : b.max) || ""
+  ), [u, S] = L(r || f ? "custom" : "auto"), [d, x] = L(""), [j, z] = L(0), [C, E] = L(""), [v, D] = L(""), [N, F] = L(""), A = i(
     (y) => y.actions.setCardPreferences
-  ), q = i((y) => {
+  ), V = i((y) => {
     var O;
     return (O = y.card) == null ? void 0 : O.type;
-  }), M = ["pie", "doughnut", "polarArea"].includes(q);
+  }), M = ["pie", "doughnut", "polarArea"].includes(V);
   G(() => {
-    var y, O, B, V, te, Ne, Ce, ae, pe, J, ne, ie, je, oe;
-    d(Ys(a)), o(
-      ((B = (O = (y = a == null ? void 0 : a.chartOptions) == null ? void 0 : y.scales) == null ? void 0 : O[l]) == null ? void 0 : B.min) === 0 ? 0 : ""
-    ), m(((Ne = (te = (V = a == null ? void 0 : a.chartOptions) == null ? void 0 : V.scales) == null ? void 0 : te[l]) == null ? void 0 : Ne.max) || ""), x(
-      ((J = (pe = (ae = (Ce = a == null ? void 0 : a.chartOptions) == null ? void 0 : Ce.scales) == null ? void 0 : ae[l]) == null ? void 0 : pe.ticks) == null ? void 0 : J.stepSize) || ""
-    ), z(((ne = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : ne.decimalPlaces) || 0), E(((ie = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : ie.suffix) || ""), D(((je = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : je.currency) || ""), F(((oe = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : oe.locale) || "");
+    var y, O, $, ne, W, q, Ce, te, fe, J, re, oe, be, ce;
+    c(Ys(a)), o(
+      (($ = (O = (y = a == null ? void 0 : a.chartOptions) == null ? void 0 : y.scales) == null ? void 0 : O[l]) == null ? void 0 : $.min) === 0 ? 0 : ""
+    ), m(((q = (W = (ne = a == null ? void 0 : a.chartOptions) == null ? void 0 : ne.scales) == null ? void 0 : W[l]) == null ? void 0 : q.max) || ""), x(
+      ((J = (fe = (te = (Ce = a == null ? void 0 : a.chartOptions) == null ? void 0 : Ce.scales) == null ? void 0 : te[l]) == null ? void 0 : fe.ticks) == null ? void 0 : J.stepSize) || ""
+    ), z(((re = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : re.decimalPlaces) || 0), E(((oe = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : oe.suffix) || ""), D(((be = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : be.currency) || ""), F(((ce = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : ce.locale) || "");
   }, [s, a, l]);
   function U(y, O) {
     return O === "" || /^[0-9\b]+$/.test(O) ? Number(O) : Number(y);
@@ -3078,7 +3102,7 @@ function Aa() {
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-6 items-center gap-2", children: [
         /* @__PURE__ */ e.jsx(
-          $,
+          R,
           {
             className: "col-span-2 hover:cursor-pointer hover:underline",
             htmlFor: "currency",
@@ -3093,7 +3117,7 @@ function Aa() {
           }
         ),
         /* @__PURE__ */ e.jsx(
-          re,
+          le,
           {
             value: v,
             placeholder: "USD",
@@ -3103,7 +3127,7 @@ function Aa() {
           }
         ),
         /* @__PURE__ */ e.jsx(
-          re,
+          le,
           {
             value: N,
             placeholder: "en-US",
@@ -3114,9 +3138,9 @@ function Aa() {
         )
       ] }),
       /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-9 items-center gap-2", children: [
-        /* @__PURE__ */ e.jsx($, { className: "col-span-3", htmlFor: "format", children: "Decimals" }),
+        /* @__PURE__ */ e.jsx(R, { className: "col-span-3", htmlFor: "format", children: "Decimals" }),
         /* @__PURE__ */ e.jsx(
-          re,
+          le,
           {
             value: j,
             onChange: (y) => z(Number(y.target.value)),
@@ -3130,9 +3154,9 @@ function Aa() {
   function I() {
     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(R, { htmlFor: "range", children: "Range" }),
         /* @__PURE__ */ e.jsx(
-          re,
+          le,
           {
             id: "min",
             value: r,
@@ -3141,7 +3165,7 @@ function Aa() {
           }
         ),
         /* @__PURE__ */ e.jsx(
-          re,
+          le,
           {
             value: f,
             onChange: (y) => m((O) => U(O, y.target.value)),
@@ -3151,11 +3175,11 @@ function Aa() {
         )
       ] }),
       /* @__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(R, { htmlFor: "step-size", children: "Step Size" }),
         /* @__PURE__ */ e.jsx(
-          re,
+          le,
           {
-            value: c,
+            value: d,
             onChange: (y) => x((O) => U(O, y.target.value)),
             id: "step-size",
             className: `col-span-1 h-8 w-full ${we}`
@@ -3164,14 +3188,14 @@ function Aa() {
       ] })
     ] });
   }
-  function le() {
-    var B;
+  function ie() {
+    var $;
     let y = {};
     u === "custom" && (y = {
       min: r,
       max: f,
       ticks: {
-        stepSize: c
+        stepSize: d
       }
     });
     const O = {
@@ -3179,7 +3203,7 @@ function Aa() {
       chartOptions: {
         ...a == null ? void 0 : a.chartOptions,
         scales: {
-          ...(B = a == null ? void 0 : a.chartOptions) == null ? void 0 : B.scales,
+          ...($ = a == null ? void 0 : a.chartOptions) == null ? void 0 : $.scales,
           [l]: {
             // ...cardPreferences?.chartOptions?.scales?.[axis],
             type: h,
@@ -3196,37 +3220,37 @@ function Aa() {
     };
     console.log(O), A(O);
   }
-  return /* @__PURE__ */ e.jsxs(Ke, { onOpenChange: (y) => n(y), children: [
-    /* @__PURE__ */ e.jsx(Ue, { asChild: !0, children: /* @__PURE__ */ e.jsx(At, { className: "size-4 cursor-pointer text-muted-foreground hover:text-foreground" }) }),
-    /* @__PURE__ */ e.jsx(Ge, { align: "center", className: "max-w-65", children: /* @__PURE__ */ e.jsxs("div", { className: "grid gap-4", children: [
+  return /* @__PURE__ */ e.jsxs(Ge, { onOpenChange: (y) => n(y), children: [
+    /* @__PURE__ */ e.jsx(Je, { asChild: !0, children: /* @__PURE__ */ e.jsx(At, { className: "size-4 cursor-pointer text-muted-foreground hover:text-foreground" }) }),
+    /* @__PURE__ */ e.jsx(Qe, { align: "center", className: "max-w-65", children: /* @__PURE__ */ e.jsxs("div", { className: "grid gap-4", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
         /* @__PURE__ */ e.jsx("h4", { className: "font-medium leading-none", children: "Scale Options" }),
         /* @__PURE__ */ e.jsx("p", { className: "text-sm text-muted-foreground", children: "Set the scale for the number axis" })
       ] }),
       /* @__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(R, { htmlFor: "scale", children: "Type" }),
           /* @__PURE__ */ e.jsxs(
             Fe,
             {
               disabled: M,
               value: h,
-              onValueChange: (y) => d(y),
+              onValueChange: (y) => c(y),
               children: [
                 /* @__PURE__ */ e.jsx(Oe, { className: "col-span-2 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(Me, {}) }),
-                /* @__PURE__ */ e.jsx(Te, { id: "type", children: /* @__PURE__ */ e.jsxs(He, { children: [
+                /* @__PURE__ */ e.jsx(Le, { id: "type", children: /* @__PURE__ */ e.jsxs(Be, { children: [
                   /* @__PURE__ */ e.jsx(Ae, { children: "Option" }),
-                  /* @__PURE__ */ e.jsx(W, { value: "linear", children: "Linear" }),
-                  /* @__PURE__ */ e.jsx(W, { value: "logarithmic", children: "Logarithmic" })
+                  /* @__PURE__ */ e.jsx(X, { value: "linear", children: "Linear" }),
+                  /* @__PURE__ */ e.jsx(X, { value: "logarithmic", children: "Logarithmic" })
                 ] }) })
               ]
             }
           )
         ] }),
         h == "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(R, { htmlFor: "scale-option", children: "Setup" }),
           /* @__PURE__ */ e.jsxs(
-            Ts,
+            Ls,
             {
               disabled: M,
               id: "scale-option",
@@ -3253,7 +3277,7 @@ function Aa() {
         /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-3", children: /* @__PURE__ */ e.jsx(
           k,
           {
-            onClick: le,
+            onClick: ie,
             variant: "secondary",
             className: "col-span-1 col-start-3 h-8 w-full",
             children: "Apply"
@@ -3276,7 +3300,7 @@ function Qn({ idx: s }) {
   ), t = i(
     (o) => o.actions.setCardPreferences
   ), l = (r = n == null ? void 0 : n.chartOptions) == null ? void 0 : r.indexAxis, h = a == null ? void 0 : a.find((o) => o.idx === s);
-  function d(o, f) {
+  function c(o, f) {
     (o === "end" || o === "start") && It(Vt());
     const m = {
       display: o !== "none",
@@ -3299,7 +3323,7 @@ function Qn({ idx: s }) {
       const u = { ...h };
       u.datalabels = m;
       const S = a == null ? void 0 : a.map(
-        (c) => c.idx === f ? u : c
+        (d) => d.idx === f ? u : d
       );
       t({
         ...n,
@@ -3307,13 +3331,13 @@ function Qn({ idx: s }) {
       });
     }
   }
-  return /* @__PURE__ */ e.jsxs(Ke, { children: [
-    /* @__PURE__ */ e.jsx(Ue, { children: /* @__PURE__ */ e.jsx(jn, { className: "invisible size-4 rotate-[135deg] cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible" }) }),
-    /* @__PURE__ */ e.jsx(Ge, { className: "w-fit p-1", children: /* @__PURE__ */ e.jsxs("div", { className: "flex gap-1", children: [
+  return /* @__PURE__ */ e.jsxs(Ge, { children: [
+    /* @__PURE__ */ e.jsx(Je, { children: /* @__PURE__ */ e.jsx(jn, { className: "invisible size-4 rotate-[135deg] cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible" }) }),
+    /* @__PURE__ */ e.jsx(Qe, { className: "w-fit p-1", children: /* @__PURE__ */ e.jsxs("div", { className: "flex gap-1", children: [
       /* @__PURE__ */ e.jsx(
         k,
         {
-          onClick: () => d("none", s),
+          onClick: () => c("none", s),
           size: "sm",
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
@@ -3323,14 +3347,14 @@ function Qn({ idx: s }) {
       /* @__PURE__ */ e.jsx(
         k,
         {
-          onClick: () => d("start", s),
+          onClick: () => c("start", s),
           size: "sm",
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
           children: /* @__PURE__ */ e.jsx(
             ln,
             {
-              className: Y("h-4 w-4", {
+              className: Z("h-4 w-4", {
                 "rotate-90": l === "y"
               })
             }
@@ -3340,14 +3364,14 @@ function Qn({ idx: s }) {
       /* @__PURE__ */ e.jsx(
         k,
         {
-          onClick: () => d("center", s),
+          onClick: () => c("center", s),
           size: "sm",
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
           children: /* @__PURE__ */ e.jsx(
             cn,
             {
-              className: Y("h-4 w-4", {
+              className: Z("h-4 w-4", {
                 "rotate-90": l === "y"
               })
             }
@@ -3357,14 +3381,14 @@ function Qn({ idx: s }) {
       /* @__PURE__ */ e.jsx(
         k,
         {
-          onClick: () => d("end", s),
+          onClick: () => c("end", s),
           size: "sm",
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
           children: /* @__PURE__ */ e.jsx(
             on,
             {
-              className: Y("h-4 w-4", {
+              className: Z("h-4 w-4", {
                 "rotate-90": l === "y"
               })
             }
@@ -3383,26 +3407,26 @@ function Ea() {
   ), a = n === "y" ? "Y axis" : "X axis", t = n === "y" ? "X axis" : "Y axis", {
     keys: l,
     metricKeys: h,
-    dimensionKeys: d
-  } = gs(s.data || []);
+    dimensionKeys: c
+  } = js(s.data || []);
   let r = h;
   if (["stackedBar", "stackedLine"].includes(s.type)) {
     const o = qt({
       dataArray: s.data || [],
-      groupKey: d[0],
-      pivotKey: d[1],
+      groupKey: c[0],
+      pivotKey: c[1],
       valueKey: r[0]
-    }), { metricKeys: f } = gs(o);
+    }), { metricKeys: f } = js(o);
     r = f;
   }
   return l.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: a }),
-      /* @__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: d[0] }) }) })
+      /* @__PURE__ */ e.jsx(R, { children: a }),
+      /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: /* @__PURE__ */ e.jsx("div", { className: "rounded-md bg-muted/70 px-2 py-1 hover:bg-muted", children: /* @__PURE__ */ e.jsx("p", { children: c[0] }) }) })
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between gap-5", children: [
-        /* @__PURE__ */ e.jsx($, { children: t }),
+        /* @__PURE__ */ e.jsx(R, { children: t }),
         /* @__PURE__ */ e.jsx(Aa, {})
       ] }),
       /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: r.map((o, f) => /* @__PURE__ */ e.jsx(Wn, { col: o, idx: f }, o)) })
@@ -3419,7 +3443,7 @@ function Wn({ col: s, idx: n }) {
       return (o = r.card.preferences) == null ? void 0 : o.datasetOptions;
     }
   ), l = t == null ? void 0 : t.find((r) => r.idx === n), { setCardPreferences: h } = i((r) => r.actions);
-  function d(r) {
+  function c(r) {
     if (!l)
       h({
         ...a,
@@ -3450,26 +3474,26 @@ function Wn({ col: s, idx: n }) {
       /* @__PURE__ */ e.jsx(
         As,
         {
-          onClick: () => d("bar"),
+          onClick: () => c("bar"),
           className: "invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"
         }
       ),
       /* @__PURE__ */ e.jsx(
         Es,
         {
-          onClick: () => d("line"),
+          onClick: () => c("line"),
           className: "invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"
         }
       ),
       /* @__PURE__ */ e.jsx(
         Yt,
         {
-          onClick: () => d("area"),
+          onClick: () => c("area"),
           className: "invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"
         }
       ),
       /* @__PURE__ */ e.jsx(
-        Ms,
+        Pe,
         {
           orientation: "vertical",
           className: "invisible size-4 cursor-pointer py-2 text-muted-foreground hover:text-foreground group-hover:visible"
@@ -3482,10 +3506,10 @@ function Wn({ col: s, idx: n }) {
 function Yn({
   cardType: s
 }) {
-  return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(ve, { defaultValue: ["item-2"], type: "multiple", children: [
-    /* @__PURE__ */ e.jsxs(R, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx(_, { children: `${Ls(s)} Chart` }),
-      /* @__PURE__ */ e.jsxs(H, { className: "space-y-4 font-mono text-xs", children: [
+  return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(Ne, { defaultValue: ["item-2"], type: "multiple", children: [
+    /* @__PURE__ */ e.jsxs(_, { value: "item-1", children: [
+      /* @__PURE__ */ e.jsx(H, { children: `${Ts(s)} Chart` }),
+      /* @__PURE__ */ e.jsxs(B, { 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" }),
@@ -3508,21 +3532,21 @@ function Yn({
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ e.jsxs(R, { value: "item-2", children: [
-      /* @__PURE__ */ e.jsx(_, { children: "Settings" }),
-      /* @__PURE__ */ e.jsxs(H, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e.jsx(ns, {}),
+    /* @__PURE__ */ e.jsxs(_, { value: "item-2", children: [
+      /* @__PURE__ */ e.jsx(H, { children: "Settings" }),
+      /* @__PURE__ */ e.jsxs(B, { className: "space-y-4 px-2", children: [
+        /* @__PURE__ */ e.jsx(rs, {}),
         /* @__PURE__ */ e.jsx(Ea, {})
       ] })
     ] }),
-    /* @__PURE__ */ e.jsxs(R, { value: "item-3", children: [
-      /* @__PURE__ */ e.jsx(_, { children: "Filter on click" }),
-      /* @__PURE__ */ e.jsx(H, { className: "px-2", children: /* @__PURE__ */ e.jsx(De, {}) })
+    /* @__PURE__ */ e.jsxs(_, { value: "item-3", children: [
+      /* @__PURE__ */ e.jsx(H, { children: "Filter on click" }),
+      /* @__PURE__ */ e.jsx(B, { className: "px-2", children: /* @__PURE__ */ e.jsx(De, {}) })
     ] })
   ] }) });
 }
 function Is() {
-  var l, h, d;
+  var l, h, c;
   const s = i(
     (r) => r.card.cfg
   ), n = i((r) => r.actions.setCardCfg), a = i((r) => r.card.type);
@@ -3555,17 +3579,17 @@ function Is() {
     /* @__PURE__ */ e.jsxs(
       Fe,
       {
-        value: (d = (h = (l = s == null ? void 0 : s.options) == null ? void 0 : l.plugins) == null ? void 0 : h.datalabels) == null ? void 0 : d.anchor,
+        value: (c = (h = (l = s == null ? void 0 : s.options) == null ? void 0 : l.plugins) == null ? void 0 : h.datalabels) == null ? void 0 : c.anchor,
         onValueChange: t,
         defaultValue: "none",
         children: [
           /* @__PURE__ */ e.jsx(Oe, { className: "h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(Me, { placeholder: "Select position" }) }),
-          /* @__PURE__ */ e.jsx(Te, { children: /* @__PURE__ */ e.jsxs(He, { children: [
+          /* @__PURE__ */ e.jsx(Le, { children: /* @__PURE__ */ e.jsxs(Be, { children: [
             /* @__PURE__ */ e.jsx(Ae, { children: "Data Labels" }),
-            /* @__PURE__ */ e.jsx(W, { value: "none", children: "None" }),
-            a !== "pyramid" && /* @__PURE__ */ e.jsx(W, { value: "start", children: "Start" }),
-            /* @__PURE__ */ e.jsx(W, { value: "center", children: "Center" }),
-            a !== "pyramid" && /* @__PURE__ */ e.jsx(W, { value: "end", children: "End" })
+            /* @__PURE__ */ e.jsx(X, { value: "none", children: "None" }),
+            a !== "pyramid" && /* @__PURE__ */ e.jsx(X, { value: "start", children: "Start" }),
+            /* @__PURE__ */ e.jsx(X, { value: "center", children: "Center" }),
+            a !== "pyramid" && /* @__PURE__ */ e.jsx(X, { value: "end", children: "End" })
           ] }) })
         ]
       }
@@ -3602,18 +3626,18 @@ function Xn({
       ] })
     ] });
   }
-  return /* @__PURE__ */ e.jsx("div", { className: "px-6 py-2 space-y-6", children: /* @__PURE__ */ e.jsxs(ve, { defaultValue: ["item-2"], type: "multiple", children: [
-    /* @__PURE__ */ e.jsxs(R, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx(_, { children: `${Ls(s)} Chart` }),
-      /* @__PURE__ */ e.jsx(H, { className: " space-y-4 font-mono text-xs ", children: n(s) })
+  return /* @__PURE__ */ e.jsx("div", { className: "px-6 py-2 space-y-6", children: /* @__PURE__ */ e.jsxs(Ne, { defaultValue: ["item-2"], type: "multiple", children: [
+    /* @__PURE__ */ e.jsxs(_, { value: "item-1", children: [
+      /* @__PURE__ */ e.jsx(H, { children: `${Ts(s)} Chart` }),
+      /* @__PURE__ */ e.jsx(B, { className: " space-y-4 font-mono text-xs ", children: n(s) })
     ] }),
-    /* @__PURE__ */ e.jsxs(R, { value: "item-2", children: [
-      /* @__PURE__ */ e.jsx(_, { children: "Settings" }),
-      /* @__PURE__ */ e.jsx(H, { className: "px-2", children: /* @__PURE__ */ e.jsx(Is, {}) })
+    /* @__PURE__ */ e.jsxs(_, { value: "item-2", children: [
+      /* @__PURE__ */ e.jsx(H, { children: "Settings" }),
+      /* @__PURE__ */ e.jsx(B, { className: "px-2", children: /* @__PURE__ */ e.jsx(Is, {}) })
     ] }),
-    /* @__PURE__ */ e.jsxs(R, { value: "item-3", children: [
-      /* @__PURE__ */ e.jsx(_, { children: "Filter on click" }),
-      /* @__PURE__ */ e.jsx(H, { className: "px-2", children: /* @__PURE__ */ e.jsx(De, {}) })
+    /* @__PURE__ */ e.jsxs(_, { value: "item-3", children: [
+      /* @__PURE__ */ e.jsx(H, { children: "Filter on click" }),
+      /* @__PURE__ */ e.jsx(B, { className: "px-2", children: /* @__PURE__ */ e.jsx(De, {}) })
     ] })
   ] }) });
 }
@@ -3644,7 +3668,7 @@ function sr() {
   const s = i((n) => n.card.type);
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-6 p-6", children: [
     /* @__PURE__ */ e.jsx(
-      ve,
+      Ne,
       {
         className: " ",
         type: "single",
@@ -3652,7 +3676,7 @@ function sr() {
         children: ar(s)
       }
     ),
-    /* @__PURE__ */ e.jsx("section", { className: "", children: ["line", "bar"].includes(s) && /* @__PURE__ */ e.jsx(ns, {}) }),
+    /* @__PURE__ */ e.jsx("section", { className: "", children: ["line", "bar"].includes(s) && /* @__PURE__ */ e.jsx(rs, {}) }),
     /* @__PURE__ */ e.jsx("div", { children: !["kpi"].includes(s) && /* @__PURE__ */ e.jsx(Is, {}) }),
     /* @__PURE__ */ e.jsx("div", { children: !["kpi"].includes(s) && /* @__PURE__ */ e.jsx(De, {}) })
   ] });
@@ -3660,9 +3684,9 @@ function sr() {
 function ar(s) {
   if (["line", "bar"].includes(s))
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      /* @__PURE__ */ e.jsxs(R, { value: "item-1", children: [
-        /* @__PURE__ */ e.jsx(_, { className: "font-normal", children: /* @__PURE__ */ e.jsx("p", { children: "Chart Query" }) }),
-        /* @__PURE__ */ e.jsxs(H, { className: " ", children: [
+      /* @__PURE__ */ e.jsxs(_, { value: "item-1", children: [
+        /* @__PURE__ */ e.jsx(H, { className: "font-normal", children: /* @__PURE__ */ e.jsx("p", { children: "Chart Query" }) }),
+        /* @__PURE__ */ e.jsxs(B, { className: " ", children: [
           /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 font-mono text-xs font-semibold", 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 text-xs font-normal [&>li]:mt-2", children: [
             /* @__PURE__ */ e.jsx("li", { children: "X-axis - Category (ex. city)" }),
@@ -3670,9 +3694,9 @@ function ar(s) {
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ e.jsxs(R, { value: "item-2", children: [
-        /* @__PURE__ */ e.jsx(_, { className: "font-normal", children: "Mixed Chart" }),
-        /* @__PURE__ */ e.jsxs(H, { className: "space-y-2 text-xs", children: [
+      /* @__PURE__ */ e.jsxs(_, { value: "item-2", children: [
+        /* @__PURE__ */ e.jsx(H, { className: "font-normal", children: "Mixed Chart" }),
+        /* @__PURE__ */ e.jsxs(B, { className: "space-y-2 text-xs", children: [
           /* @__PURE__ */ e.jsxs("p", { children: [
             "Click ",
             /* @__PURE__ */ e.jsx("b", { children: "Customize" }),
@@ -3681,9 +3705,9 @@ function ar(s) {
           /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify(Zn, null, 2) })
         ] })
       ] }),
-      /* @__PURE__ */ e.jsxs(R, { value: "item-3", children: [
-        /* @__PURE__ */ e.jsx(_, { className: "font-normal", children: "Area Chart" }),
-        /* @__PURE__ */ e.jsxs(H, { className: "space-y-2 text-xs", children: [
+      /* @__PURE__ */ e.jsxs(_, { value: "item-3", children: [
+        /* @__PURE__ */ e.jsx(H, { className: "font-normal", children: "Area Chart" }),
+        /* @__PURE__ */ e.jsxs(B, { className: "space-y-2 text-xs", children: [
           /* @__PURE__ */ e.jsxs("p", { children: [
             "Click ",
             /* @__PURE__ */ e.jsx("b", { children: "Customize" }),
@@ -3704,13 +3728,13 @@ function ar(s) {
       ] })
     ] });
   if (s === "bubble")
-    return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(R, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx(_, { className: "font-normal", children: /* @__PURE__ */ e.jsxs("p", { children: [
+    return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(_, { value: "item-1", children: [
+      /* @__PURE__ */ e.jsx(H, { className: "font-normal", children: /* @__PURE__ */ e.jsxs("p", { children: [
         "How to create a ",
         /* @__PURE__ */ e.jsx("span", { children: s }),
         " chart query?"
       ] }) }),
-      /* @__PURE__ */ e.jsxs(H, { className: " ", children: [
+      /* @__PURE__ */ e.jsxs(B, { className: " ", children: [
         /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 font-mono text-xs font-semibold", children: "SELECT label, x-axis, y-axis, radius FROM table" }),
         /* @__PURE__ */ e.jsxs("ul", { className: "my-6 ml-6 list-disc text-xs font-normal [&>li]:mt-2", children: [
           /* @__PURE__ */ e.jsx("li", { children: "Label - Category (ex. city)" }),
@@ -3722,13 +3746,13 @@ function ar(s) {
       ] })
     ] }) });
   if (s === "scatter")
-    return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(R, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx(_, { className: "font-normal", children: /* @__PURE__ */ e.jsxs("p", { children: [
+    return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(_, { value: "item-1", children: [
+      /* @__PURE__ */ e.jsx(H, { className: "font-normal", children: /* @__PURE__ */ e.jsxs("p", { children: [
         "How to create a ",
         /* @__PURE__ */ e.jsx("span", { children: s }),
         " chart query?"
       ] }) }),
-      /* @__PURE__ */ e.jsxs(H, { className: " ", children: [
+      /* @__PURE__ */ e.jsxs(B, { className: " ", children: [
         /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 font-mono text-xs font-semibold", children: "SELECT label, x-axis, y-axis FROM table" }),
         /* @__PURE__ */ e.jsxs("ul", { className: "my-6 ml-6 list-disc text-xs font-normal [&>li]:mt-2", children: [
           /* @__PURE__ */ e.jsx("li", { children: "Label - Category (ex. city)" }),
@@ -3739,13 +3763,13 @@ function ar(s) {
       ] })
     ] }) });
   if (["pie", "doughnut", "polarArea"].includes(s))
-    return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(R, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx(_, { className: "font-normal", children: /* @__PURE__ */ e.jsxs("p", { children: [
+    return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(_, { value: "item-1", children: [
+      /* @__PURE__ */ e.jsx(H, { 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(H, { className: " ", children: [
+      /* @__PURE__ */ e.jsxs(B, { className: " ", children: [
         /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 font-mono text-xs font-semibold", children: "SELECT label, measure FROM table" }),
         /* @__PURE__ */ e.jsxs("ul", { className: "my-6 ml-6 list-disc text-xs font-normal [&>li]:mt-2", children: [
           /* @__PURE__ */ e.jsx("li", { children: "Label - Category (ex. city)" }),
@@ -3756,107 +3780,107 @@ function ar(s) {
 }
 function tr() {
   var o, f, m, u, S;
-  const s = i((c) => c.card.preferences), n = i(
-    (c) => c.actions.setCardPreferences
+  const s = i((d) => d.card.preferences), n = i(
+    (d) => d.actions.setCardPreferences
   ), a = i(
-    (c) => c.actions.setNumberFormat
+    (d) => d.actions.setNumberFormat
   );
   i(
-    (c) => {
+    (d) => {
       var x, j;
-      return (j = (x = c.card.preferences) == null ? void 0 : x.formatNumber) == null ? void 0 : j.decimalPlaces;
+      return (j = (x = d.card.preferences) == null ? void 0 : x.formatNumber) == null ? void 0 : j.decimalPlaces;
     }
   );
   const t = i(
-    (c) => {
+    (d) => {
       var x, j;
-      return (j = (x = c.card.preferences) == null ? void 0 : x.formatNumber) == null ? void 0 : j.locale;
+      return (j = (x = d.card.preferences) == null ? void 0 : x.formatNumber) == null ? void 0 : j.locale;
     }
   ), l = i(
-    (c) => {
+    (d) => {
       var x, j;
-      return (j = (x = c.card.preferences) == null ? void 0 : x.formatNumber) == null ? void 0 : j.currency;
+      return (j = (x = d.card.preferences) == null ? void 0 : x.formatNumber) == null ? void 0 : j.currency;
     }
   );
   i(
-    (c) => c.actions.setFilterOnClickField
+    (d) => d.actions.setFilterOnClickField
   );
   const h = i(
-    (c) => {
+    (d) => {
       var x, j;
-      return (j = (x = c.card.preferences) == null ? void 0 : x.formatNumber) == null ? void 0 : j.colorRanges;
+      return (j = (x = d.card.preferences) == null ? void 0 : x.formatNumber) == null ? void 0 : j.colorRanges;
     }
-  ) || [], d = i(
-    (c) => c.actions.setColorRanges
-  ), r = [...new Set(Us.map((c) => c.currency))];
+  ) || [], c = i(
+    (d) => d.actions.setColorRanges
+  ), r = [...new Set(Us.map((d) => d.currency))];
   return /* @__PURE__ */ e.jsxs("div", { children: [
     /* @__PURE__ */ e.jsxs("div", { className: "mb-3 flex items-center gap-2", children: [
       /* @__PURE__ */ e.jsx(
-        Pe,
+        Ue,
         {
           checked: !!((o = s == null ? void 0 : s.formatNumber) != null && o.enabled),
-          onCheckedChange: (c) => {
+          onCheckedChange: (d) => {
             n({
               ...s,
               formatNumber: {
                 ...s == null ? void 0 : s.formatNumber,
-                enabled: c
+                enabled: d
               }
             });
           }
         }
       ),
-      /* @__PURE__ */ e.jsx($, { children: "Format Number" })
+      /* @__PURE__ */ e.jsx(R, { children: "Format Number" })
     ] }),
     ((f = s == null ? void 0 : s.formatNumber) == null ? void 0 : f.enabled) === !0 && /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2", children: [
       /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 p-2", children: [
         /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ e.jsxs("div", { className: "w-full space-y-1", children: [
-            /* @__PURE__ */ e.jsx($, { children: "Locale" }),
+            /* @__PURE__ */ e.jsx(R, { children: "Locale" }),
             /* @__PURE__ */ e.jsxs(
               Fe,
               {
                 value: t || "en-US",
-                onValueChange: (c) => {
+                onValueChange: (d) => {
                   var x, j, z;
                   return a(
                     ((x = s == null ? void 0 : s.formatNumber) == null ? void 0 : x.decimalPlaces) || 0,
                     ((j = s == null ? void 0 : s.formatNumber) == null ? void 0 : j.currency) || "",
-                    c || "en-US",
+                    d || "en-US",
                     ((z = s == null ? void 0 : s.formatNumber) == null ? void 0 : z.suffix) || ""
                   );
                 },
                 children: [
                   /* @__PURE__ */ e.jsx(Oe, { className: "col-span-6 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(Me, {}) }),
-                  /* @__PURE__ */ e.jsx(Te, { children: /* @__PURE__ */ e.jsxs(He, { children: [
+                  /* @__PURE__ */ e.jsx(Le, { children: /* @__PURE__ */ e.jsxs(Be, { children: [
                     /* @__PURE__ */ e.jsx(Ae, { children: "Format" }),
-                    Us.map((c) => /* @__PURE__ */ e.jsx(W, { value: c.locale, children: c.locale }, c.locale))
+                    Us.map((d) => /* @__PURE__ */ e.jsx(X, { value: d.locale, children: d.locale }, d.locale))
                   ] }) })
                 ]
               }
             )
           ] }),
           /* @__PURE__ */ e.jsxs("div", { className: "w-full space-y-1", children: [
-            /* @__PURE__ */ e.jsx($, { children: "Currency" }),
+            /* @__PURE__ */ e.jsx(R, { children: "Currency" }),
             /* @__PURE__ */ e.jsxs(
               Fe,
               {
                 value: l || "none",
-                onValueChange: (c) => {
+                onValueChange: (d) => {
                   var x, j, z;
                   return a(
                     ((x = s == null ? void 0 : s.formatNumber) == null ? void 0 : x.decimalPlaces) || 0,
-                    c === "none" ? "" : c,
+                    d === "none" ? "" : d,
                     ((j = s == null ? void 0 : s.formatNumber) == null ? void 0 : j.locale) || "",
                     ((z = s == null ? void 0 : s.formatNumber) == null ? void 0 : z.suffix) || ""
                   );
                 },
                 children: [
                   /* @__PURE__ */ e.jsx(Oe, { className: "col-span-6 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(Me, {}) }),
-                  /* @__PURE__ */ e.jsx(Te, { children: /* @__PURE__ */ e.jsxs(He, { children: [
+                  /* @__PURE__ */ e.jsx(Le, { children: /* @__PURE__ */ e.jsxs(Be, { children: [
                     /* @__PURE__ */ e.jsx(Ae, { children: "Currency" }),
-                    /* @__PURE__ */ e.jsx(W, { value: "none", children: "None" }, "none"),
-                    r.map((c) => /* @__PURE__ */ e.jsx(W, { value: c, children: c }, c))
+                    /* @__PURE__ */ e.jsx(X, { value: "none", children: "None" }, "none"),
+                    r.map((d) => /* @__PURE__ */ e.jsx(X, { value: d, children: d }, d))
                   ] }) })
                 ]
               }
@@ -3865,15 +3889,15 @@ function tr() {
         ] }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
           /* @__PURE__ */ e.jsxs("div", { className: "w-full space-y-1", children: [
-            /* @__PURE__ */ e.jsx($, { children: "Decimals" }),
+            /* @__PURE__ */ e.jsx(R, { children: "Decimals" }),
             /* @__PURE__ */ e.jsxs(
               Fe,
               {
                 value: ((u = (m = s == null ? void 0 : s.formatNumber) == null ? void 0 : m.decimalPlaces) == null ? void 0 : u.toString()) || "0",
-                onValueChange: (c) => {
+                onValueChange: (d) => {
                   var x, j, z;
                   return a(
-                    Number(c),
+                    Number(d),
                     ((x = s == null ? void 0 : s.formatNumber) == null ? void 0 : x.currency) || "",
                     ((j = s == null ? void 0 : s.formatNumber) == null ? void 0 : j.locale) || "",
                     ((z = s == null ? void 0 : s.formatNumber) == null ? void 0 : z.suffix) || ""
@@ -3881,26 +3905,26 @@ function tr() {
                 },
                 children: [
                   /* @__PURE__ */ e.jsx(Oe, { className: "col-span-3 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(Me, {}) }),
-                  /* @__PURE__ */ e.jsx(Te, { children: ["0", "1", "2", "3", "4"].map((c) => /* @__PURE__ */ e.jsx(W, { value: c, children: c }, c)) })
+                  /* @__PURE__ */ e.jsx(Le, { children: ["0", "1", "2", "3", "4"].map((d) => /* @__PURE__ */ e.jsx(X, { value: d, children: d }, d)) })
                 ]
               }
             )
           ] }),
           /* @__PURE__ */ e.jsxs("div", { className: "w-full space-y-1", children: [
-            /* @__PURE__ */ e.jsx($, { children: "Suffix" }),
+            /* @__PURE__ */ e.jsx(R, { children: "Suffix" }),
             /* @__PURE__ */ e.jsx(
-              re,
+              le,
               {
                 value: ((S = s == null ? void 0 : s.formatNumber) == null ? void 0 : S.suffix) || "",
                 className: "h-8 font-mono text-xs focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0",
                 placeholder: "K, M, B, %",
-                onChange: (c) => {
+                onChange: (d) => {
                   var x, j, z;
                   return a(
                     ((x = s == null ? void 0 : s.formatNumber) == null ? void 0 : x.decimalPlaces) || 0,
                     ((j = s == null ? void 0 : s.formatNumber) == null ? void 0 : j.currency) || "",
                     ((z = s == null ? void 0 : s.formatNumber) == null ? void 0 : z.locale) || "",
-                    c.target.value
+                    d.target.value
                   );
                 }
               }
@@ -3908,12 +3932,12 @@ function tr() {
           ] })
         ] })
       ] }) }),
-      /* @__PURE__ */ e.jsx(Ms, { className: "my-3" }),
+      /* @__PURE__ */ e.jsx(Pe, { className: "my-3" }),
       /* @__PURE__ */ e.jsx(
         Rt,
         {
           colorRanges: h,
-          setColorRanges: d
+          setColorRanges: c
         }
       )
     ] })
@@ -3921,9 +3945,9 @@ function tr() {
 }
 function nr() {
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-6 px-6 py-2", children: [
-    /* @__PURE__ */ e.jsx(ve, { type: "single", collapsible: !0, children: /* @__PURE__ */ e.jsxs(R, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx(_, { className: "", children: "KPI Query" }),
-      /* @__PURE__ */ e.jsxs(H, { className: "font-mono", children: [
+    /* @__PURE__ */ e.jsx(Ne, { type: "single", collapsible: !0, children: /* @__PURE__ */ e.jsxs(_, { value: "item-1", children: [
+      /* @__PURE__ */ e.jsx(H, { className: "", children: "KPI Query" }),
+      /* @__PURE__ */ e.jsxs(B, { 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" }),
@@ -3963,7 +3987,7 @@ function rr() {
     });
   }
   return /* @__PURE__ */ e.jsxs(
-    Ts,
+    Ls,
     {
       value: (t = s == null ? void 0 : s.textVisualOptions) != null && t.isDynamicText ? "dynamic" : "static",
       onValueChange: a,
@@ -3982,15 +4006,15 @@ function rr() {
     }
   );
 }
-function Ze({
+function es({
   cardType: s,
   docContent: n,
   suffix: a = "Chart"
 }) {
-  return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(ve, { defaultValue: ["item-2"], type: "multiple", children: [
-    /* @__PURE__ */ e.jsxs(R, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx(_, { children: `${Ls(s)} ${a}` }),
-      /* @__PURE__ */ e.jsx(H, { children: n || /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
+  return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(Ne, { defaultValue: ["item-2"], type: "multiple", children: [
+    /* @__PURE__ */ e.jsxs(_, { value: "item-1", children: [
+      /* @__PURE__ */ e.jsx(H, { children: `${Ts(s)} ${a}` }),
+      /* @__PURE__ */ e.jsx(B, { children: n || /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
         /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 text-xs", children: "SELECT label, measure FROM table" }),
         /* @__PURE__ */ e.jsxs("ul", { className: "ml-6 list-disc text-xs [&>li]:mt-2", children: [
           /* @__PURE__ */ e.jsx("li", { children: "label - category" }),
@@ -4012,25 +4036,25 @@ function Ze({
         ] })
       ] }) })
     ] }),
-    /* @__PURE__ */ e.jsxs(R, { value: "item-2", children: [
-      /* @__PURE__ */ e.jsx(_, { children: "Settings" }),
-      /* @__PURE__ */ e.jsxs(H, { className: "space-y-4 px-2", children: [
-        s === "range" && /* @__PURE__ */ e.jsx(ns, {}),
+    /* @__PURE__ */ e.jsxs(_, { value: "item-2", children: [
+      /* @__PURE__ */ e.jsx(H, { children: "Settings" }),
+      /* @__PURE__ */ e.jsxs(B, { className: "space-y-4 px-2", children: [
+        s === "range" && /* @__PURE__ */ e.jsx(rs, {}),
         s !== "text" && /* @__PURE__ */ e.jsx(Is, {}),
         s === "text" && /* @__PURE__ */ e.jsx(rr, {})
       ] })
     ] }),
-    !["range", "text"].includes(s) && /* @__PURE__ */ e.jsxs(R, { value: "item-3", children: [
-      /* @__PURE__ */ e.jsx(_, { children: "Filter on click" }),
-      /* @__PURE__ */ e.jsx(H, { className: "px-2", children: /* @__PURE__ */ e.jsx(De, {}) })
+    !["range", "text"].includes(s) && /* @__PURE__ */ e.jsxs(_, { value: "item-3", children: [
+      /* @__PURE__ */ e.jsx(H, { children: "Filter on click" }),
+      /* @__PURE__ */ e.jsx(B, { className: "px-2", children: /* @__PURE__ */ e.jsx(De, {}) })
     ] })
   ] }) });
 }
 function lr() {
-  return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(ve, { defaultValue: ["item-2"], type: "multiple", children: [
-    /* @__PURE__ */ e.jsxs(R, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx(_, { children: "Stacked Chart" }),
-      /* @__PURE__ */ e.jsxs(H, { className: "space-y-4 font-mono text-xs", children: [
+  return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(Ne, { defaultValue: ["item-2"], type: "multiple", children: [
+    /* @__PURE__ */ e.jsxs(_, { value: "item-1", children: [
+      /* @__PURE__ */ e.jsx(H, { children: "Stacked Chart" }),
+      /* @__PURE__ */ e.jsxs(B, { 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" }),
@@ -4053,16 +4077,16 @@ function lr() {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ e.jsxs(R, { value: "item-2", children: [
-      /* @__PURE__ */ e.jsx(_, { children: "Settings" }),
-      /* @__PURE__ */ e.jsxs(H, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e.jsx(ns, {}),
+    /* @__PURE__ */ e.jsxs(_, { value: "item-2", children: [
+      /* @__PURE__ */ e.jsx(H, { children: "Settings" }),
+      /* @__PURE__ */ e.jsxs(B, { className: "space-y-4 px-2", children: [
+        /* @__PURE__ */ e.jsx(rs, {}),
         /* @__PURE__ */ e.jsx(Ea, {})
       ] })
     ] }),
-    /* @__PURE__ */ e.jsxs(R, { value: "item-3", children: [
-      /* @__PURE__ */ e.jsx(_, { children: "Filter on click" }),
-      /* @__PURE__ */ e.jsx(H, { className: "px-2", children: /* @__PURE__ */ e.jsx(De, {}) })
+    /* @__PURE__ */ e.jsxs(_, { value: "item-3", children: [
+      /* @__PURE__ */ e.jsx(H, { children: "Filter on click" }),
+      /* @__PURE__ */ e.jsx(B, { className: "px-2", children: /* @__PURE__ */ e.jsx(De, {}) })
     ] })
   ] }) });
 }
@@ -4079,12 +4103,12 @@ function ir({}) {
     });
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-6 px-6 py-2", children: [
-    /* @__PURE__ */ e.jsx(ve, { defaultValue: ["item-3"], type: "multiple", children: /* @__PURE__ */ e.jsxs(R, { value: "item-3", children: [
-      /* @__PURE__ */ e.jsx(_, { children: "Filter on click" }),
-      /* @__PURE__ */ e.jsx(H, { className: "px-2", children: /* @__PURE__ */ e.jsx(De, {}) })
+    /* @__PURE__ */ e.jsx(Ne, { defaultValue: ["item-3"], type: "multiple", children: /* @__PURE__ */ e.jsxs(_, { value: "item-3", children: [
+      /* @__PURE__ */ e.jsx(H, { children: "Filter on click" }),
+      /* @__PURE__ */ e.jsx(B, { className: "px-2", children: /* @__PURE__ */ e.jsx(De, {}) })
     ] }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-      /* @__PURE__ */ e.jsx(Pe, { onCheckedChange: a, id: "allow-download" }),
+      /* @__PURE__ */ e.jsx(Ue, { onCheckedChange: a, id: "allow-download" }),
       /* @__PURE__ */ e.jsx(
         "label",
         {
@@ -4153,19 +4177,19 @@ function hr() {
       case "stackedLine":
         return /* @__PURE__ */ e.jsx(lr, {});
       case "pyramid":
-        return /* @__PURE__ */ e.jsx(Ze, { docContent: or, cardType: a });
+        return /* @__PURE__ */ e.jsx(es, { docContent: or, cardType: a });
       case "kpi":
         return /* @__PURE__ */ e.jsx(nr, {});
       case "line":
       case "bar":
         return /* @__PURE__ */ e.jsx(Yn, { cardType: a });
       case "range":
-        return /* @__PURE__ */ e.jsx(Ze, { docContent: cr, cardType: a });
+        return /* @__PURE__ */ e.jsx(es, { docContent: cr, cardType: a });
       case "pie":
       case "doughnut":
       case "polarArea":
       case "radar":
-        return /* @__PURE__ */ e.jsx(Ze, { cardType: a });
+        return /* @__PURE__ */ e.jsx(es, { cardType: a });
       case "bubble":
       case "scatter":
         return /* @__PURE__ */ e.jsx(Xn, { cardType: a });
@@ -4173,7 +4197,7 @@ function hr() {
         return /* @__PURE__ */ e.jsx(ir, { cardType: a });
       case "text":
         return /* @__PURE__ */ e.jsx(
-          Ze,
+          es,
           {
             docContent: dr,
             cardType: a,
@@ -4184,12 +4208,12 @@ function hr() {
         return /* @__PURE__ */ e.jsx(sr, {});
     }
   }
-  return /* @__PURE__ */ e.jsx(Os, { className: "h-full w-full text-sm", children: n(s) });
+  return /* @__PURE__ */ e.jsx(Ms, { className: "h-full w-full text-sm", children: n(s) });
 }
 function mr() {
   const s = i((n) => n.isShowingVisual);
   return /* @__PURE__ */ e.jsxs(
-    js,
+    bs,
     {
       direction: "vertical",
       className: "min-h-[250px] min-w-full max-w-lg",
@@ -4204,7 +4228,7 @@ function mr() {
             children: /* @__PURE__ */ e.jsx(Hn, {})
           }
         ),
-        /* @__PURE__ */ e.jsx(bs, { withHandle: !0, className: "border" }),
+        /* @__PURE__ */ e.jsx(ys, { withHandle: !0, className: "border" }),
         /* @__PURE__ */ e.jsx(
           ze,
           {
@@ -4212,7 +4236,7 @@ function mr() {
             role: "visual-section",
             minSize: 0,
             defaultSize: 60,
-            children: s ? /* @__PURE__ */ e.jsxs(js, { direction: "horizontal", children: [
+            children: s ? /* @__PURE__ */ e.jsxs(bs, { direction: "horizontal", children: [
               /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(
                 ze,
                 {
@@ -4223,7 +4247,7 @@ function mr() {
                   children: /* @__PURE__ */ e.jsx(hr, {})
                 }
               ) }),
-              /* @__PURE__ */ e.jsx(bs, { className: "border" }),
+              /* @__PURE__ */ e.jsx(ys, { className: "border" }),
               /* @__PURE__ */ e.jsx(ze, { minSize: 40, defaultSize: 75, maxSize: 100, children: /* @__PURE__ */ e.jsx(Ws, {}) })
             ] }) : /* @__PURE__ */ e.jsx(Ws, {})
           }
@@ -4233,7 +4257,7 @@ function mr() {
   );
 }
 function ur({ authToken: s, onSave: n, onClose: a }) {
-  const t = i((d) => d.actions.setOnSave), l = i((d) => d.actions.setOnClose), h = w((d) => d.actions.setAuthToken);
+  const t = i((c) => c.actions.setOnSave), l = i((c) => c.actions.setOnClose), h = w((c) => c.actions.setAuthToken);
   return G(() => {
     n && t(n), a && l(a);
   }, [n, t, a, l]), G(() => {
@@ -4244,10 +4268,10 @@ function ur({ authToken: s, onSave: n, onClose: a }) {
   ] });
 }
 function xr() {
-  w((d) => d.selectedCardId);
-  const s = w((d) => d.selectedSheetId), { setIsVisualEditing: n } = w((d) => d.actions), a = w((d) => d.isVisualEditing), t = w((d) => d.actions.updateFrame);
-  function l(d) {
-    s && (t(s, d), n(!1));
+  w((c) => c.selectedCardId);
+  const s = w((c) => c.selectedSheetId), { setIsVisualEditing: n } = w((c) => c.actions), a = w((c) => c.isVisualEditing), t = w((c) => c.actions.updateFrame);
+  function l(c) {
+    s && (t(s, c), n(!1));
   }
   function h() {
     n(!1);
@@ -4256,7 +4280,7 @@ function xr() {
     "div",
     {
       role: "editor-container",
-      className: Y("flex grow", {
+      className: Z("flex grow", {
         block: a,
         hidden: !a
       }),
@@ -4268,11 +4292,11 @@ function pr({
   columns: s,
   tableName: n
 }) {
-  const a = i((u) => u.selectedConnectionId), t = i((u) => u.selectedDatabaseName), l = i((u) => u.selectedSchemaName), h = i((u) => u.selectedTableName), d = w((u) => u.dashboard.filters) || [], r = w((u) => u.actions.addFilter), o = w((u) => u.actions.removeFilter), f = w(
+  const a = i((u) => u.selectedConnectionId), t = i((u) => u.selectedDatabaseName), l = i((u) => u.selectedSchemaName), h = i((u) => u.selectedTableName), c = w((u) => u.dashboard.filters) || [], r = w((u) => u.actions.addFilter), o = w((u) => u.actions.removeFilter), f = w(
     (u) => u.actions.removeFilterValue
   );
   function m(u) {
-    const S = me(u.column_name), c = me(t || ""), x = me(l || ""), j = me(n), z = fs(
+    const S = ue(u.column_name), d = ue(t || ""), x = ue(l || ""), j = ue(n), z = gs(
       x,
       j
     ), C = `${z}.${S}`;
@@ -4280,17 +4304,17 @@ function pr({
       "find",
       C,
       j,
-      c
+      d
     );
-    const E = d == null ? void 0 : d.find(
-      (v) => v.column === C && v.table === j && (v.database === c || v.database === t)
+    const E = c == null ? void 0 : c.find(
+      (v) => v.column === C && v.table === j && (v.database === d || v.database === t)
     );
     if (E)
       f(E.id), o(E.id);
     else {
       if (n === "api" && a) {
         r({
-          id: es(),
+          id: ss(),
           column: C,
           title: u.column_name,
           dataType: u.data_type,
@@ -4309,7 +4333,7 @@ function pr({
         return;
       }
       r({
-        id: es(),
+        id: ss(),
         column: `${z}.${S}`,
         title: u.column_name,
         dataType: u.data_type,
@@ -4327,14 +4351,14 @@ function pr({
     }
   }
   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 S = d == null ? void 0 : d.find(
-      (c) => c.column === me(u.column_name) && c.table === h && c.database === t
+    const S = c == null ? void 0 : c.find(
+      (d) => d.column === ue(u.column_name) && d.table === h && d.database === t
     );
     return /* @__PURE__ */ e.jsx(
       "div",
       {
         onClick: () => m(u),
-        className: Y(
+        className: Z(
           "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": S
@@ -4356,14 +4380,14 @@ function fr() {
   );
   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(R, { className: "text-lg", children: "Filters" }),
       /* @__PURE__ */ e.jsx(
         k,
         {
           onClick: () => s(!1),
           className: "h-7 w-7 p-0",
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(_e, {})
+          children: /* @__PURE__ */ e.jsx(He, {})
         }
       )
     ] }),
@@ -4389,7 +4413,7 @@ function gr() {
     "div",
     {
       role: "dashboard-plus-main",
-      className: Y("grow", {
+      className: Z("grow", {
         hidden: n,
         flex: !n
       }),
@@ -4409,7 +4433,7 @@ function jr() {
   ), /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: Y(" p-2", {
+      className: Z(" p-2", {
         hidden: !a
       }),
       children: /* @__PURE__ */ e.jsx(
@@ -4463,6 +4487,6 @@ function vr({
 }
 export {
   vr as D,
-  Xe as S,
+  Re as S,
   ya as u
 };