react-semaphor 0.0.219 → 0.0.221

package/dist/chunks/{dashboard-plus--e-e-oPV.js → dashboard-plus-ITycN_eH.js}

@@ -1,12 +1,12 @@
-import { P as L, b as k, j as e, Q as Ns, R as Cs, U as S, V as ea, W as Ss, X as ks, Y as ws, Z as zs, _ as R, $ as le, a0 as sa, J as aa, O as Ae, a1 as _a, a2 as Ha, a3 as Ba, a4 as $a, a5 as Pa, a6 as Ka, a7 as Hs, a8 as Be, a9 as Ge, aa as ns, T as Fs, e as ta, g as Os, ab as Oe, ac as Me, f as X, ad as Te, ae as Le, af as $e, ag as De, ah as Y, ai as Ms, G as c, aj as Je, ak as Qe, al as Ua, am as We, w as na, v as la, t as ue, an as Ga, r as Ja, N as ra, s as Qa, ao as Wa, B as Ya, ap as ia, aq as Xa, L as Pe, S as Ts, z as Za, n as Bs, ar as gs, A as js, u as Ye, as as me, at as be, au as Ke, av as oa, aw as ca, ax as da, ay as ha, az as ma, aA as et, aB as st, aC as ua, aD as at, aE as tt, aF as nt, aG as lt, aH as rt, aI as bs, aJ as it, aK as He, aL as ys, aM as Fe, aN as vs, aO as $s, aP as ot, aQ as ct, aR as dt, aS as ht, aT as mt, aU as xs, aV as ut, aW as Ps, aX as xt, aY as Ks, aZ as pt, a_ as ft, a$ as gt, b0 as xa, l as jt, C as bt, E as Us, d as yt, h as vt, i as Nt, o as Ct, b1 as St, m as kt, H as wt, b2 as zt, b3 as Ft, b4 as Ot, b5 as ps, b6 as Mt, b7 as fs, b8 as Gs, K as Tt, b9 as Lt, ba as At, bb as Ls, bc as Ee, bd as pa, be as Dt, bf as Et, bg as It, bh as Vt, bi as qt, bj as Rt, bk as Ce, bl as _, bm as H, bn as As, bo as B, bp as Js, bq as _t, br as Ht, bs as Bt, bt as $t, bu as Qs, bv as Pt, bw as Kt, bx as Ut, by as Gt, bz as Jt, bA as Qt } from "./index-s35YyUnE.js";
-import xe, { useState as T, useEffect as U, useMemo as Wt, useRef as Ue } from "react";
+import { P as M, b as k, j as e, Q as Ns, R as Cs, U as S, V as Xs, W as Ss, X as ks, Y as ws, Z as zs, _ as H, $ as le, a0 as et, J as st, O as De, a1 as _t, a2 as Ht, a3 as Bt, a4 as $t, a5 as Pt, a6 as Kt, a7 as _s, a8 as Be, a9 as Je, aa as ns, T as Fs, e as tt, g as Os, ab as Oe, ac as Me, f as ee, ad as Te, ae as Le, af as $e, ag as Ae, ah as X, ai as Ms, G as c, aj as Ue, ak as Qe, al as Gt, am as We, w as at, v as nt, t as ue, an as Jt, r as Ut, N as lt, s as Qt, ao as Wt, B as Yt, ap as rt, aq as Zt, L as Pe, S as Ts, z as Xt, n as Hs, ar as js, A as it, u as Ye, as as me, at as be, au as Ke, av as ot, aw as ct, ax as dt, ay as ht, az as mt, aA as ea, aB as sa, aC as ut, aD as ta, aE as aa, aF as na, aG as la, aH as ra, aI as bs, aJ as ia, aK as He, aL as ys, aM as Fe, aN as vs, aO as Bs, aP as oa, aQ as ca, aR as da, aS as ha, aT as ma, aU as ps, aV as ua, aW as $s, aX as xa, aY as Ps, aZ as pa, a_ as fa, a$ as ga, b0 as xt, l as ja, C as ba, E as Ks, d as ya, h as va, i as Na, o as Ca, b1 as Sa, m as ka, H as wa, b2 as za, b3 as Fa, b4 as Oa, b5 as fs, b6 as Ma, b7 as gs, b8 as Gs, K as Ta, b9 as La, ba as Da, bb as Ls, bc as Ee, bd as pt, be as Aa, bf as Ea, bg as Ia, bh as Va, bi as qa, bj as Ra, bk as Ce, bl as B, bm as $, bn as Ds, bo as P, bp as Js, bq as _a, br as Ha, bs as Ba, bt as $a, bu as Us, bv as Pa, bw as Ka, bx as Ga, by as Ja, bz as Ua, bA as Qa } from "./index-eAsFa2Wk.js";
+import xe, { useState as O, useEffect as Q, useMemo as Wa, useRef as Ge } 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 Yt = L("Activity", [
+const Ya = M("Activity", [
   [
     "path",
     {
@@ -21,7 +21,7 @@ const Yt = L("Activity", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Xt = L("AreaChart", [
+const Za = M("AreaChart", [
   ["path", { d: "M3 3v18h18", key: "1s2lah" }],
   ["path", { d: "M7 12v5h12V8l-5 5-4-4Z", key: "zxz28u" }]
 ]);
@@ -31,7 +31,7 @@ const Xt = L("AreaChart", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ds = L("BarChart4", [
+const As = M("BarChart4", [
   ["path", { d: "M3 3v18h18", key: "1s2lah" }],
   ["path", { d: "M13 17V9", key: "1fwyjl" }],
   ["path", { d: "M18 17V5", key: "sfb6ij" }],
@@ -43,7 +43,7 @@ const Ds = L("BarChart4", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Zt = L("Box", [
+const Xa = M("Box", [
   [
     "path",
     {
@@ -60,7 +60,7 @@ const Zt = L("Box", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const en = L("CircleX", [
+const en = M("CircleX", [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
   ["path", { d: "m9 9 6 6", key: "z0biqf" }]
@@ -71,7 +71,7 @@ const en = L("CircleX", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const sn = L("Database", [
+const sn = M("Database", [
   ["ellipse", { cx: "12", cy: "5", rx: "9", ry: "3", key: "msslwz" }],
   ["path", { d: "M3 5V19A9 3 0 0 0 21 19V5", key: "1wlel7" }],
   ["path", { d: "M3 12A9 3 0 0 0 21 12", key: "mv7ke4" }]
@@ -82,7 +82,7 @@ const sn = L("Database", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const an = L("Eraser", [
+const tn = M("Eraser", [
   [
     "path",
     {
@@ -99,7 +99,7 @@ const an = L("Eraser", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const fa = L("Filter", [
+const ft = M("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 fa = L("Filter", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ga = L("GanttChart", [
+const gt = M("GanttChart", [
   ["path", { d: "M8 6h10", key: "9lnwnk" }],
   ["path", { d: "M6 12h9", key: "1g9pqf" }],
   ["path", { d: "M11 18h7", key: "c8dzvl" }]
@@ -119,7 +119,7 @@ const ga = L("GanttChart", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const tn = L("Glasses", [
+const an = M("Glasses", [
   ["circle", { cx: "6", cy: "15", r: "4", key: "vux9w4" }],
   ["circle", { cx: "18", cy: "15", r: "4", key: "18o8ve" }],
   ["path", { d: "M14 15a2 2 0 0 0-2-2 2 2 0 0 0-2 2", key: "1ag4bs" }],
@@ -132,7 +132,7 @@ const tn = L("Glasses", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const nn = L("Hammer", [
+const nn = M("Hammer", [
   ["path", { d: "m15 12-8.373 8.373a1 1 0 1 1-3-3L12 9", key: "eefl8a" }],
   ["path", { d: "m18 15 4-4", key: "16gjal" }],
   [
@@ -149,7 +149,7 @@ const nn = L("Hammer", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ln = L("Hash", [
+const ln = M("Hash", [
   ["line", { x1: "4", x2: "20", y1: "9", y2: "9", key: "4lhtct" }],
   ["line", { x1: "4", x2: "20", y1: "15", y2: "15", key: "vyu0kd" }],
   ["line", { x1: "10", x2: "8", y1: "3", y2: "21", key: "1ggp8o" }],
@@ -161,7 +161,7 @@ const ln = 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 = M("Key", [
   ["path", { d: "m15.5 7.5 2.3 2.3a1 1 0 0 0 1.4 0l2.1-2.1a1 1 0 0 0 0-1.4L19 4", key: "g0fldk" }],
   ["path", { d: "m21 2-9.6 9.6", key: "1j0ho8" }],
   ["circle", { cx: "7.5", cy: "15.5", r: "5.5", key: "yqb3hr" }]
@@ -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 = M("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 on = L("ListEnd", [
+const on = M("ListEnd", [
   ["path", { d: "M16 12H3", key: "1a2rj7" }],
   ["path", { d: "M16 6H3", key: "1wxfjs" }],
   ["path", { d: "M10 18H3", key: "13769t" }],
@@ -195,7 +195,7 @@ const on = L("ListEnd", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const cn = L("ListStart", [
+const cn = M("ListStart", [
   ["path", { d: "M16 12H3", key: "1a2rj7" }],
   ["path", { d: "M16 18H3", key: "12xzn7" }],
   ["path", { d: "M10 6H3", key: "lf8lx7" }],
@@ -208,7 +208,7 @@ const cn = L("ListStart", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const dn = L("ListX", [
+const dn = M("ListX", [
   ["path", { d: "M11 12H3", key: "51ecnj" }],
   ["path", { d: "M16 6H3", key: "1wxfjs" }],
   ["path", { d: "M16 18H3", key: "12xzn7" }],
@@ -221,7 +221,7 @@ const dn = L("ListX", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const hn = L("MessageSquareMore", [
+const hn = M("MessageSquareMore", [
   ["path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z", key: "1lielz" }],
   ["path", { d: "M8 10h.01", key: "19clt8" }],
   ["path", { d: "M12 10h.01", key: "1nrarc" }],
@@ -233,7 +233,7 @@ const hn = L("MessageSquareMore", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const mn = L("Network", [
+const mn = M("Network", [
   ["rect", { x: "16", y: "16", width: "6", height: "6", rx: "1", key: "4q2zg0" }],
   ["rect", { x: "2", y: "16", width: "6", height: "6", rx: "1", key: "8cvhb9" }],
   ["rect", { x: "9", y: "2", width: "6", height: "6", rx: "1", key: "1egb70" }],
@@ -246,7 +246,7 @@ const mn = L("Network", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ja = L("Pencil", [
+const jt = M("Pencil", [
   ["path", { d: "M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z", key: "5qss01" }],
   ["path", { d: "m15 5 4 4", key: "1mk7zo" }]
 ]);
@@ -256,7 +256,7 @@ const ja = L("Pencil", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ba = L("PieChart", [
+const bt = M("PieChart", [
   ["path", { d: "M21.21 15.89A10 10 0 1 1 8 2.83", key: "k2fpak" }],
   ["path", { d: "M22 12A10 10 0 0 0 12 2v10z", key: "1rfc4y" }]
 ]);
@@ -266,7 +266,7 @@ const ba = L("PieChart", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const un = L("Play", [
+const un = M("Play", [
   ["polygon", { points: "6 3 20 12 6 21 6 3", key: "1oa8hb" }]
 ]);
 /**
@@ -275,7 +275,7 @@ const un = L("Play", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const xn = L("Plug2", [
+const xn = M("Plug2", [
   ["path", { d: "M9 2v6", key: "17ngun" }],
   ["path", { d: "M15 2v6", key: "s7yy2p" }],
   ["path", { d: "M12 17v5", key: "bb1du9" }],
@@ -288,7 +288,7 @@ const xn = L("Plug2", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const pn = L("Save", [
+const pn = M("Save", [
   [
     "path",
     {
@@ -305,7 +305,7 @@ const pn = L("Save", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ya = L("ScatterChart", [
+const yt = M("ScatterChart", [
   ["circle", { cx: "7.5", cy: "7.5", r: ".5", fill: "currentColor", key: "kqv944" }],
   ["circle", { cx: "18.5", cy: "5.5", r: ".5", fill: "currentColor", key: "lysivs" }],
   ["circle", { cx: "11.5", cy: "11.5", r: ".5", fill: "currentColor", key: "byv1b8" }],
@@ -319,7 +319,7 @@ const ya = L("ScatterChart", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const fn = L("ShieldQuestion", [
+const fn = M("ShieldQuestion", [
   [
     "path",
     {
@@ -336,7 +336,7 @@ const fn = L("ShieldQuestion", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const gn = L("Sigma", [
+const gn = M("Sigma", [
   ["path", { d: "M18 7V4H6l6 8-6 8h12v-3", key: "zis8ev" }]
 ]);
 /**
@@ -345,7 +345,7 @@ const gn = L("Sigma", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const jn = L("SwatchBook", [
+const jn = M("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 jn = L("SwatchBook", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const bn = L("Tag", [
+const bn = M("Tag", [
   [
     "path",
     {
@@ -379,7 +379,7 @@ const bn = L("Tag", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const yn = L("ToggleLeft", [
+const yn = M("ToggleLeft", [
   ["rect", { width: "20", height: "12", x: "2", y: "6", rx: "6", ry: "6", key: "f2vt7d" }],
   ["circle", { cx: "8", cy: "12", r: "2", key: "1nvbw3" }]
 ]);
@@ -389,7 +389,7 @@ const yn = L("ToggleLeft", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Is = L("Type", [
+const Is = M("Type", [
   ["polyline", { points: "4 7 4 4 20 4 20 7", key: "1nosan" }],
   ["line", { x1: "9", x2: "15", y1: "20", y2: "20", key: "swin9y" }],
   ["line", { x1: "12", x2: "12", y1: "4", y2: "20", key: "1tx1rr" }]
@@ -400,24 +400,24 @@ const Is = L("Type", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const vn = L("User", [
+const vn = M("User", [
   ["path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2", key: "975kel" }],
   ["circle", { cx: "12", cy: "7", r: "4", key: "17ys0d" }]
 ]);
 function Nn() {
-  const [s, n] = T(""), [a, t] = T(!1), [o, h] = T(!1), m = k((d) => d.dashboard);
+  const [s, n] = O(""), [t, a] = O(!1), [o, h] = O(!1), m = k((d) => d.dashboard);
   function l() {
-    const d = aa(m), p = Ae(m.id), u = JSON.parse(localStorage.getItem(p) || "[]");
-    if (u.some(
-      (C) => C.name === s
+    const d = st(m), p = De(m.id), x = JSON.parse(localStorage.getItem(p) || "[]");
+    if (x.some(
+      (j) => j.name === s
     )) {
-      t(!0);
+      a(!0);
       return;
     }
-    u.push({
+    x.push({
       name: s,
       template: d
-    }), localStorage.setItem(p, JSON.stringify(u)), h(!1);
+    }), localStorage.setItem(p, JSON.stringify(x)), h(!1);
   }
   return /* @__PURE__ */ e.jsxs(Ns, { open: o, onOpenChange: h, children: [
     /* @__PURE__ */ e.jsx(Cs, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
@@ -427,7 +427,7 @@ function Nn() {
         className: "h-7 p-2",
         size: "sm",
         children: [
-          /* @__PURE__ */ e.jsx(ea, { className: " mr-2 h-4 w-4", strokeWidth: 1.5 }),
+          /* @__PURE__ */ e.jsx(Xs, { className: " mr-2 h-4 w-4", strokeWidth: 1.5 }),
           "Add Lens"
         ]
       }
@@ -438,21 +438,21 @@ function Nn() {
         /* @__PURE__ */ e.jsx(zs, { 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(R, { className: "text-right", children: "Name" }),
+        /* @__PURE__ */ e.jsx(H, { className: "text-right", children: "Name" }),
         /* @__PURE__ */ e.jsx(
           le,
           {
             value: s,
             onChange: (d) => {
-              a && t(!1), n(d.target.value);
+              t && a(!1), n(d.target.value);
             },
             id: "name",
             className: "col-span-7 focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0"
           }
         )
       ] }) }),
-      a && /* @__PURE__ */ e.jsx("p", { className: "text-sm", children: "The bookmark name already exists. Use a differnet name." }),
-      /* @__PURE__ */ e.jsx(sa, { children: /* @__PURE__ */ e.jsx(
+      t && /* @__PURE__ */ e.jsx("p", { className: "text-sm", children: "The bookmark name already exists. Use a differnet name." }),
+      /* @__PURE__ */ e.jsx(et, { children: /* @__PURE__ */ e.jsx(
         S,
         {
           variant: "outline",
@@ -466,45 +466,45 @@ function Nn() {
   ] });
 }
 function Cn() {
-  const [s, n] = T(!1), [a, t] = T(""), o = k((i) => i.dashboard), h = k((i) => i.bookmarkKey), [m, l] = T([]), d = k((i) => i.actions.setDashboard), p = k(
+  const [s, n] = O(!1), [t, a] = O(""), o = k((i) => i.dashboard), h = k((i) => i.bookmarkKey), [m, l] = O([]), d = k((i) => i.actions.setDashboard), p = k(
     (i) => i.actions.setFilterValues
-  ), u = k(
+  ), x = k(
     (i) => i.actions.setBookmarkKey
   );
-  U(() => {
-    const i = Ae(o.id), x = JSON.parse(localStorage.getItem(i) || "[]");
-    l(x);
-    const f = x.find(
-      (w) => w.default
+  Q(() => {
+    const i = De(o.id), u = JSON.parse(localStorage.getItem(i) || "[]");
+    l(u);
+    const f = u.find(
+      (z) => z.default
     );
-    f && f.name === h && t(f.name);
+    f && f.name === h && a(f.name);
   }, [s, o, h]);
   function g(i) {
-    if (i === a)
+    if (i === t)
       return;
-    const x = m.find((w) => w.name === i), f = x == null ? void 0 : x.template;
-    f && (d(f), p(x.filterValues || []), u(i === "Original" ? "" : i)), t(i);
+    const u = m.find((z) => z.name === i), f = u == null ? void 0 : u.template;
+    f && (d(f), p(u.filterValues || []), x(i === "Original" ? "" : i)), a(i);
   }
-  function C(i) {
-    const x = Ae(o.id), w = JSON.parse(localStorage.getItem(x) || "[]").filter(
+  function j(i) {
+    const u = De(o.id), z = JSON.parse(localStorage.getItem(u) || "[]").filter(
       (N) => N.name !== i
     );
-    localStorage.setItem(x, JSON.stringify(w)), l(w);
+    localStorage.setItem(u, JSON.stringify(z)), l(z);
   }
-  return /* @__PURE__ */ e.jsxs(_a, { open: s, onOpenChange: n, children: [
-    /* @__PURE__ */ e.jsx(Ha, { asChild: !0, children: /* @__PURE__ */ e.jsx(S, { variant: "outline", className: "h-7 p-2", children: /* @__PURE__ */ e.jsx(tn, { className: "h-4 w-4", strokeWidth: 1.5 }) }) }),
-    /* @__PURE__ */ e.jsxs(Ba, { className: "w-56", children: [
-      /* @__PURE__ */ e.jsx($a, { children: "Lenses" }),
-      /* @__PURE__ */ e.jsx(Pa, {}),
+  return /* @__PURE__ */ e.jsxs(_t, { open: s, onOpenChange: n, children: [
+    /* @__PURE__ */ e.jsx(Ht, { asChild: !0, children: /* @__PURE__ */ e.jsx(S, { variant: "outline", className: "h-7 p-2", children: /* @__PURE__ */ e.jsx(an, { className: "h-4 w-4", strokeWidth: 1.5 }) }) }),
+    /* @__PURE__ */ e.jsxs(Bt, { className: "w-56", children: [
+      /* @__PURE__ */ e.jsx($t, { children: "Lenses" }),
+      /* @__PURE__ */ e.jsx(Pt, {}),
       /* @__PURE__ */ e.jsxs(
-        Ka,
+        Kt,
         {
-          value: a,
+          value: t,
           onValueChange: g,
           children: [
-            /* @__PURE__ */ e.jsx(Hs, { value: "Original", children: "Original" }),
-            m.filter((i) => i.name != "Original").map((i, x) => /* @__PURE__ */ e.jsxs(
-              Hs,
+            /* @__PURE__ */ e.jsx(_s, { value: "Original", children: "Original" }),
+            m.filter((i) => i.name != "Original").map((i, u) => /* @__PURE__ */ e.jsxs(
+              _s,
               {
                 className: "xbg-red-100 flex justify-between",
                 value: i.name,
@@ -515,7 +515,7 @@ function Cn() {
                     Be,
                     {
                       onClick: (f) => {
-                        f.preventDefault(), C(i.name);
+                        f.preventDefault(), j(i.name);
                       },
                       className: "h-3 w-3 hover:cursor-pointer",
                       strokeWidth: 1.5
@@ -523,7 +523,7 @@ function Cn() {
                   )
                 ]
               },
-              x
+              u
             ))
           ]
         }
@@ -532,30 +532,30 @@ function Cn() {
   ] });
 }
 function Sn() {
-  const [s, n] = T(!1), a = k((h) => h.dashboard), t = k((h) => h.bookmarkKey);
-  U(() => {
-    if (!t) {
+  const [s, n] = O(!1), t = k((h) => h.dashboard), a = k((h) => h.bookmarkKey);
+  Q(() => {
+    if (!a) {
       n(!1);
       return;
     }
-    const h = Ae(a.id), l = JSON.parse(
+    const h = De(t.id), l = JSON.parse(
       localStorage.getItem(h) || "[]"
     ).find(
-      (d) => d.name === t
+      (d) => d.name === a
     );
     n(l ? l.default : !1);
-  }, [t, a.id]);
+  }, [a, t.id]);
   function o(h) {
-    if (n(h), !t)
+    if (n(h), !a)
       return;
-    const m = Ae(a.id), d = JSON.parse(
+    const m = De(t.id), d = JSON.parse(
       localStorage.getItem(m) || "[]"
-    ).map((p) => (p.name === t ? p.default = h : p.default = !1, p));
+    ).map((p) => (p.name === a ? p.default = h : p.default = !1, p));
     console.log(d), localStorage.setItem(m, JSON.stringify(d));
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
     /* @__PURE__ */ e.jsx(
-      Ge,
+      Je,
       {
         checked: s,
         onCheckedChange: o,
@@ -575,9 +575,9 @@ function Sn() {
 function kn() {
   const s = k((N) => N.bookmarkKey), n = k((N) => N.dashboard);
   k((N) => N.selectedSheetId);
-  const a = k(
+  const t = k(
     (N) => N.isDashboardEditing
-  ), t = k((N) => N.filterValues), o = k((N) => N.isVisualEditing), h = k((N) => N.showFilters);
+  ), a = k((N) => N.filterValues), o = k((N) => N.isVisualEditing), h = k((N) => N.showFilters);
   k(
     (N) => N.showDashboardJSON
   );
@@ -585,8 +585,8 @@ function kn() {
     (N) => N.actions.setShowFilters
   ), { addFrame: d, setSelectedFrameId: p } = k(
     (N) => N.actions
-  ), { getSelectedSheet: u, setIsDashboardEditing: g, setShowDashboardJSON: C } = k((N) => N.actions), i = u(), x = () => {
-    if (!a || !i)
+  ), { getSelectedSheet: x, setIsDashboardEditing: g, setShowDashboardJSON: j } = k((N) => N.actions), i = x(), u = () => {
+    if (!t || !i)
       return;
     const N = {
       id: ns(),
@@ -603,31 +603,31 @@ function kn() {
       type: "bar",
       sql: "select COUNT(*) from YOUR_TABLE",
       data: []
-    }, E = {
+    }, D = {
       id: ns(),
       cards: [N],
       activeCardId: N.id
     };
-    d(i.id, E), p(E.id);
+    d(i.id, D), p(D.id);
   }, f = () => {
     g(!0);
   };
-  function w() {
+  function z() {
     if (!s || s === "")
       return;
-    const N = aa(n), E = Ae(n.id), y = JSON.parse(localStorage.getItem(E) || "[]"), A = y.findIndex(
-      (b) => b.name === s
+    const N = st(n), D = De(n.id), b = JSON.parse(localStorage.getItem(D) || "[]"), A = b.findIndex(
+      (E) => E.name === s
     );
-    A !== -1 ? y[A] = {
+    A !== -1 ? b[A] = {
       name: s,
       template: N,
-      default: y[A].default,
-      filterValues: t
-    } : y.push({
+      default: b[A].default,
+      filterValues: a
+    } : b.push({
       name: s,
       template: N,
-      filterValues: t
-    }), localStorage.setItem(E, JSON.stringify(y)), m == null || m(N);
+      filterValues: a
+    }), localStorage.setItem(D, JSON.stringify(b)), m == null || m(N);
   }
   return o ? null : /* @__PURE__ */ e.jsxs(
     "div",
@@ -636,73 +636,73 @@ function kn() {
       role: "dashboard-controls",
       children: [
         !o && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ e.jsx(R, { children: s }),
+          /* @__PURE__ */ e.jsx(H, { children: s }),
           !!s && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
             /* @__PURE__ */ e.jsx("span", { className: "text-muted-foreground", children: "|" }),
             /* @__PURE__ */ e.jsx(Sn, {})
           ] })
         ] }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
-          a && !o && /* @__PURE__ */ e.jsx(Nn, {}),
+          t && !o && /* @__PURE__ */ e.jsx(Nn, {}),
           !o && /* @__PURE__ */ e.jsx(Cn, {}),
-          a && !o && /* @__PURE__ */ e.jsxs(
+          t && !o && /* @__PURE__ */ e.jsxs(
             S,
             {
               variant: "outline",
               className: "h-7 p-2",
               size: "sm",
-              disabled: !a,
-              onClick: x,
+              disabled: !t,
+              onClick: u,
               children: [
-                /* @__PURE__ */ e.jsx(ea, { className: "mr-2 h-4 w-4", strokeWidth: 1.5 }),
+                /* @__PURE__ */ e.jsx(Xs, { className: "mr-2 h-4 w-4", strokeWidth: 1.5 }),
                 "Add Frame"
               ]
             }
           ),
-          !a && /* @__PURE__ */ e.jsx(
+          !t && /* @__PURE__ */ e.jsx(
             S,
             {
               variant: "outline",
               className: "h-7 p-2",
               onClick: f,
               size: "sm",
-              children: /* @__PURE__ */ e.jsx(ja, { className: "h-4 w-4", strokeWidth: 1.5 })
+              children: /* @__PURE__ */ e.jsx(jt, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          a && !o && /* @__PURE__ */ e.jsx(
+          t && !o && /* @__PURE__ */ e.jsx(
             S,
             {
               variant: "outline",
               role: "close",
               className: "h-7 p-2",
               onClick: () => {
-                g(!1), C(!1);
+                g(!1), j(!1);
               },
               size: "sm",
               children: /* @__PURE__ */ e.jsx(Be, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          a && !o && /* @__PURE__ */ e.jsx(
+          t && !o && /* @__PURE__ */ e.jsx(
             S,
             {
               className: "h-7 p-2",
               variant: "outline",
-              onClick: w,
+              onClick: z,
               size: "sm",
               children: /* @__PURE__ */ e.jsx(pn, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          !h && !o && a && /* @__PURE__ */ e.jsx(
+          !h && !o && t && /* @__PURE__ */ e.jsx(
             S,
             {
               className: "h-7 p-2",
               variant: "outline",
               onClick: () => l(!0),
               size: "sm",
-              children: /* @__PURE__ */ e.jsx(fa, { className: "h-4 w-4", strokeWidth: 1.5 })
+              children: /* @__PURE__ */ e.jsx(ft, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          !o && a && !1,
+          !o && t && !1,
           !o && !1
         ] })
       ]
@@ -712,18 +712,18 @@ function kn() {
 function _e({
   title: s,
   items: n,
-  value: a,
-  isLoading: t,
+  value: t,
+  isLoading: a,
   isError: o,
   connectionTooltip: h,
   onChange: m,
   showNone: l = !1,
   className: d,
   showIcon: p = !0,
-  disabled: u = !1
+  disabled: x = !1
 }) {
-  const g = t ? "Loading..." : o ? "Error" : a;
-  function C() {
+  const g = a ? "Loading..." : o ? "Error" : t;
+  function j() {
     if (s === "Connection")
       return /* @__PURE__ */ e.jsx(xn, { className: "size-4 rotate-90" });
     if (s === "Database")
@@ -733,56 +733,62 @@ function _e({
     if (s === "Table")
       return /* @__PURE__ */ e.jsx(Ms, { className: "size-4" });
     if (s === "Dataset")
-      return /* @__PURE__ */ e.jsx(Zt, { className: "size-4" });
+      return /* @__PURE__ */ e.jsx(Xa, { className: "size-4" });
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
     p && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: h ? /* @__PURE__ */ e.jsxs(Fs, { children: [
-      /* @__PURE__ */ e.jsx(ta, { children: C() }),
+      /* @__PURE__ */ e.jsx(tt, { children: j() }),
       /* @__PURE__ */ e.jsx(Os, { className: "text-xs", align: "start", children: h })
-    ] }) : C() }),
-    /* @__PURE__ */ e.jsxs(Oe, { disabled: u, value: g, onValueChange: m, children: [
+    ] }) : j() }),
+    /* @__PURE__ */ e.jsxs(Oe, { disabled: x, value: g, onValueChange: m, children: [
       /* @__PURE__ */ e.jsx(
         Me,
         {
-          className: X(
+          className: ee(
             "h-9 w-full focus:ring-1 focus:ring-offset-0",
             d
           ),
           children: /* @__PURE__ */ e.jsx(
             Te,
             {
-              placeholder: t ? "Loading..." : o ? "Error" : `Select ${s}`
+              placeholder: a ? "Loading..." : o ? "Error" : `Select ${s}`
             }
           )
         }
       ),
       /* @__PURE__ */ e.jsx(Le, { children: /* @__PURE__ */ e.jsxs($e, { children: [
-        t ? /* @__PURE__ */ e.jsx(De, { children: "Loading..." }) : /* @__PURE__ */ e.jsx(De, { children: s }),
+        a ? /* @__PURE__ */ e.jsx(Ae, { children: "Loading..." }) : /* @__PURE__ */ e.jsx(Ae, { children: s }),
         /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-          l && /* @__PURE__ */ e.jsx(Y, { value: "none", children: "None" }, "none"),
-          n && n.map((i, x) => /* @__PURE__ */ e.jsx(Y, { value: i.id, children: i.name }, x))
+          l && /* @__PURE__ */ e.jsx(X, { value: "none", children: "None" }, "none"),
+          n && n.map((i, u) => /* @__PURE__ */ e.jsx(X, { value: i.id, children: i.name }, u))
         ] }),
-        (t || o) && /* @__PURE__ */ e.jsx(Y, { value: g, children: g })
+        (a || o) && /* @__PURE__ */ e.jsx(X, { value: g, children: g })
       ] }) })
     ] })
   ] });
 }
 function wn({ column: s }) {
-  const [n, a] = T(!1), t = c((u) => u.selectedTableName), o = c(
-    (u) => u.selectedSchemaName
-  ), h = c((u) => u.sqlGen), m = c((u) => u.actions.setSqlGen), l = c((u) => u.actions.setCardSql), d = c((u) => u.actions.setRunSql);
-  function p(u, g) {
-    const C = na(u, h, g);
-    m(C);
-    const i = la(
-      C,
+  const [n, t] = O(!1), a = c((j) => j.selectedTableName), o = c(
+    (j) => j.selectedSchemaName
+  ), h = c(
+    (j) => j.selectedDatamodelId
+  ), m = c((j) => j.sqlGen), { modelItems: l } = is(), d = c((j) => j.actions.setSqlGen), p = c((j) => j.actions.setCardSql), x = c((j) => j.actions.setRunSql);
+  function g(j, i) {
+    var N;
+    const u = at(j, m, i), f = (N = l == null ? void 0 : l.find(
+      (D) => D.id === h
+    )) == null ? void 0 : N.name;
+    d(u);
+    const z = nt(
+      u,
       ue(o || ""),
-      ue(t)
+      ue(a),
+      f
     );
-    i && (l(i), d(!0)), a(!1);
+    z && (p(z), x(!0)), t(!1);
   }
-  return /* @__PURE__ */ e.jsxs(Je, { open: n, onOpenChange: a, children: [
-    /* @__PURE__ */ e.jsx(Qe, { asChild: !0, children: /* @__PURE__ */ e.jsx(Ua, { className: "h-4 w-4 cursor-pointer text-foreground/40" }) }),
+  return /* @__PURE__ */ e.jsxs(Ue, { open: n, onOpenChange: t, children: [
+    /* @__PURE__ */ e.jsx(Qe, { asChild: !0, children: /* @__PURE__ */ e.jsx(Gt, { className: "h-4 w-4 cursor-pointer text-foreground/40" }) }),
     /* @__PURE__ */ e.jsx(
       We,
       {
@@ -792,7 +798,7 @@ function wn({ column: s }) {
           /* @__PURE__ */ e.jsx(
             "li",
             {
-              onClick: () => p(s, "COUNT"),
+              onClick: () => g(s, "COUNT"),
               className: "cursor-pointer p-1 px-3 transition-colors hover:bg-muted",
               children: "Count"
             }
@@ -800,7 +806,7 @@ function wn({ column: s }) {
           /* @__PURE__ */ e.jsx(
             "li",
             {
-              onClick: () => p(s, "AVG"),
+              onClick: () => g(s, "AVG"),
               className: "cursor-pointer p-1 px-3 transition-colors hover:bg-muted",
               children: "Avg"
             }
@@ -808,7 +814,7 @@ function wn({ column: s }) {
           /* @__PURE__ */ e.jsx(
             "li",
             {
-              onClick: () => p(s, "SUM"),
+              onClick: () => g(s, "SUM"),
               className: "cursor-pointer p-1 px-3 transition-colors hover:bg-muted",
               children: "Sum"
             }
@@ -816,7 +822,7 @@ function wn({ column: s }) {
           /* @__PURE__ */ e.jsx(
             "li",
             {
-              onClick: () => p(s, "MAX"),
+              onClick: () => g(s, "MAX"),
               className: "cursor-pointer p-1 px-3 transition-colors hover:bg-muted",
               children: "Max"
             }
@@ -824,7 +830,7 @@ function wn({ column: s }) {
           /* @__PURE__ */ e.jsx(
             "li",
             {
-              onClick: () => p(s, "MIN"),
+              onClick: () => g(s, "MIN"),
               className: "cursor-pointer p-1 px-3 transition-colors hover:bg-muted",
               children: "Min"
             }
@@ -834,101 +840,116 @@ function wn({ column: s }) {
     )
   ] });
 }
-function va({ column: s }) {
+function vt({ column: s }) {
   return /* @__PURE__ */ e.jsxs(Fs, { children: [
-    /* @__PURE__ */ e.jsx(Ga, { asChild: !0, children: Ja.includes(s.data_type.toLowerCase()) ? (
+    /* @__PURE__ */ e.jsx(Jt, { asChild: !0, children: Ut.includes(s.data_type.toLowerCase()) ? (
       // <span className=" font-thin">T</span>
       /* @__PURE__ */ e.jsx(Is, { className: "size-3" })
-    ) : ra.includes(s.data_type.toLowerCase()) ? (
+    ) : lt.includes(s.data_type.toLowerCase()) ? (
       //
       /* @__PURE__ */ e.jsx(ln, { className: "size-3" })
-    ) : Qa.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(Wa, { className: "size-3" }) : Ya.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(yn, { className: "size-3" }) : /* @__PURE__ */ e.jsx(fn, { className: "size-3" }) }),
+    ) : Qt.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(Wt, { className: "size-3" }) : Yt.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(yn, { className: "size-3" }) : /* @__PURE__ */ e.jsx(fn, { className: "size-3" }) }),
     /* @__PURE__ */ e.jsx(Os, { children: /* @__PURE__ */ e.jsx("p", { className: "font-mono text-xs", children: s.data_type }) })
   ] });
 }
 function zn({
   schemaName: s,
   tableName: n,
-  columns: a,
-  status: t
+  columns: t,
+  status: a
 }) {
-  const o = c((b) => b.sqlGen), h = c(
-    (b) => b.selectedConnectionId
+  const o = c((v) => v.sqlGen), h = c(
+    (v) => v.selectedConnectionId
   ), m = c(
-    (b) => b.selectedDatabaseName
+    (v) => v.selectedDatabaseName
   ), l = c(
-    (b) => b.selectedSchemaName
-  ), d = c((b) => b.selectedTableName), p = k(
-    (b) => b.dashboard.aiScopeTables
-  ), { setAIScopeTables: u } = k((b) => b.actions), g = c((b) => b.actions.setRunSql), C = c((b) => b.actions.setSqlGen), i = c(
-    (b) => b.actions.setIsShowingVisual
-  ), x = c((b) => b.actions.setCardSql), { connectionType: f } = Vs();
-  function w(b) {
-    const z = na(b, o);
-    C(z);
-    const M = la(z, ue(s), ue(n));
-    M && (x(M), g(!0));
+    (v) => v.selectedSchemaName
+  ), d = c((v) => v.selectedTableName), p = c(
+    (v) => v.selectedDatamodelId
+  ), x = k(
+    (v) => v.dashboard.aiScopeTables
+  ), { setAIScopeTables: g } = k((v) => v.actions), j = c((v) => v.actions.setRunSql), i = c((v) => v.actions.setSqlGen), u = c(
+    (v) => v.actions.setIsShowingVisual
+  ), f = c((v) => v.actions.setCardSql), { connectionType: z, modelItems: N } = is();
+  function D(v) {
+    var T;
+    const w = at(v, o);
+    i(w);
+    const q = (T = N == null ? void 0 : N.find(
+      (R) => R.id === p
+    )) == null ? void 0 : T.name, K = nt(w, ue(s), ue(n), q);
+    K && (f(K), j(!0));
   }
-  function N() {
-    return (p == null ? void 0 : p.find(
-      (b) => b.connectinonId === h && b.tableName === d
+  function b() {
+    return (x == null ? void 0 : x.find(
+      (v) => v.connectinonId === h && v.tableName === d
     )) !== void 0;
   }
-  function E(b) {
-    if (b === !0 && d && h) {
-      const z = {
+  function A(v) {
+    if (v === !0 && d && h) {
+      const w = {
         connectinonId: h,
-        connectionType: f,
+        connectionType: z,
         databaseName: m,
         schemaName: l,
         tableName: d
-      }, V = [...p || [], z].filter(
-        (F, P, G) => G.findIndex(
-          (I) => I.connectinonId === F.connectinonId && I.tableName === F.tableName
-        ) === P
+      }, K = [...x || [], w].filter(
+        (T, R, W) => W.findIndex(
+          (J) => J.connectinonId === T.connectinonId && J.tableName === T.tableName
+        ) === R
       );
-      u(V), gs.success(`Added '${d}' to AI Scope`, {
+      g(K), js.success(`Added '${d}' to AI Scope`, {
         position: "top-right",
         duration: 2500,
         richColors: !0
       });
     } else {
-      const z = (p || []).filter(
-        (M) => M.connectinonId !== h && M.tableName !== d
+      const w = (x || []).filter(
+        (q) => q.connectinonId !== h && q.tableName !== d
       );
-      u(z), gs(`Removed '${d}' from AI Scope`, {
+      g(w), js(`Removed '${d}' from AI Scope`, {
         position: "top-right",
         duration: 2e3,
         richColors: !0
       });
     }
   }
-  function y() {
-    let z = js(s, n);
-    ((F) => F.charAt(0) === F.charAt(0).toUpperCase())(n) && (z = `"${n}"`), i(!1);
-    const V = f === "MSSQL" ? `SELECT top 10 * FROM ${z}` : `SELECT * FROM ${z} LIMIT 10`;
-    x(V), g(!0);
+  function E() {
+    var T;
+    let v = it(s, n);
+    const w = (T = N == null ? void 0 : N.find(
+      (R) => R.id === p
+    )) == null ? void 0 : T.name;
+    console.log("modelName", w), p && p !== "none" && (v = `d.${w}`);
+    let q = v;
+    return ((R) => /[A-Z]/.test(R))(n) && (q = q.split(".").map((W) => `"${W}"`).join(".")), q;
   }
-  function A() {
-    let z = js(s, n);
-    ((V) => V.charAt(0) === V.charAt(0).toUpperCase())(n) && (z = `"${n}"`), i(!1), x(`SELECT COUNT(*) as count FROM ${z}`), g(!0);
+  function V() {
+    const v = E();
+    u(!1);
+    const w = z === "MSSQL" ? `SELECT top 10 * FROM ${v}` : `SELECT * FROM ${v} LIMIT 10`;
+    f(w), j(!0);
+  }
+  function L() {
+    const v = E();
+    u(!1), f(`SELECT COUNT(*) as count FROM ${v}`), j(!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: [
       /* @__PURE__ */ e.jsx(
-        ia,
+        rt,
         {
-          title: `${N() ? "Remove from" : "Add to"} AI Scope`,
-          pressed: N(),
-          onPressedChange: E,
+          title: `${b() ? "Remove from" : "Add to"} AI Scope`,
+          pressed: b(),
+          onPressedChange: A,
           variant: "outline",
           className: "h-9 px-2",
           children: /* @__PURE__ */ e.jsx(
-            Xa,
+            Zt,
             {
-              className: X("size-4", {
-                "text-primary": N(),
-                "text-muted-foreground": !N()
+              className: ee("size-4", {
+                "text-primary": b(),
+                "text-muted-foreground": !b()
               })
             }
           )
@@ -937,13 +958,13 @@ function zn({
       /* @__PURE__ */ e.jsxs(
         S,
         {
-          disabled: t !== "Success",
-          onClick: y,
+          disabled: a !== "Success",
+          onClick: V,
           size: "sm",
           variant: "secondary",
           className: "flex",
           children: [
-            t !== "Success" ? /* @__PURE__ */ e.jsx(Pe, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(jn, { className: "mr-2 size-4" }),
+            a !== "Success" ? /* @__PURE__ */ e.jsx(Pe, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(jn, { className: "mr-2 size-4" }),
             "Top 10"
           ]
         }
@@ -951,13 +972,13 @@ function zn({
       /* @__PURE__ */ e.jsxs(
         S,
         {
-          disabled: t !== "Success",
-          onClick: A,
+          disabled: a !== "Success",
+          onClick: L,
           size: "sm",
           variant: "secondary",
           className: "flex",
           children: [
-            t !== "Success" ? /* @__PURE__ */ e.jsx(Pe, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(gn, { className: "mr-2 size-4" }),
+            a !== "Success" ? /* @__PURE__ */ e.jsx(Pe, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(gn, { className: "mr-2 size-4" }),
             "Count"
           ]
         }
@@ -968,44 +989,44 @@ function zn({
       {
         className: "flex-1 basis-0 overflow-y-auto border-b border-t border-muted py-3",
         children: [
-          a == null ? void 0 : a.map((b) => /* @__PURE__ */ e.jsxs(
+          t == null ? void 0 : t.map((v) => /* @__PURE__ */ e.jsxs(
             "div",
             {
-              onClick: () => w(b),
-              className: X(
+              onClick: () => D(v),
+              className: ee(
                 "mx-3 flex cursor-pointer items-center justify-between rounded px-2 py-[6px] text-sm transition-colors hover:bg-muted/50",
                 {
-                  "bg-muted": Za(b, o)
+                  "bg-muted": Xt(v, o)
                 }
               ),
               children: [
                 /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-                  /* @__PURE__ */ e.jsx(va, { column: b }),
-                  /* @__PURE__ */ e.jsx("span", { children: b.column_name })
+                  /* @__PURE__ */ e.jsx(vt, { column: v }),
+                  /* @__PURE__ */ e.jsx("span", { children: v.column_name })
                 ] }),
-                ra.includes(b.data_type) && /* @__PURE__ */ e.jsx(
+                lt.includes(v.data_type) && /* @__PURE__ */ e.jsx(
                   "div",
                   {
-                    onClick: (z) => z.stopPropagation(),
+                    onClick: (w) => w.stopPropagation(),
                     className: "flex items-center justify-end",
-                    children: /* @__PURE__ */ e.jsx(wn, { column: b })
+                    children: /* @__PURE__ */ e.jsx(wn, { column: v })
                   }
                 )
               ]
             },
-            b.column_name
+            v.column_name
           )),
-          /* @__PURE__ */ e.jsx(Bs, { orientation: "vertical" }),
-          /* @__PURE__ */ e.jsx(Bs, { orientation: "horizontal" })
+          /* @__PURE__ */ e.jsx(Hs, { orientation: "vertical" }),
+          /* @__PURE__ */ e.jsx(Hs, { orientation: "horizontal" })
         ]
       }
     )
   ] });
 }
-function Vs(s, n) {
-  var Ze, es, qe, ss, as;
-  let a = Wt(() => [], []);
-  const t = Ye().authToken || s, o = c(
+function is(s, n) {
+  var Xe, es, qe, ss, ts;
+  let t = Wa(() => [], []);
+  const a = Ye().authToken || s, o = c(
     (r) => r.selectedConnectionId
   ), h = c(
     (r) => r.selectedDatamodelId
@@ -1015,96 +1036,96 @@ function Vs(s, n) {
     (r) => r.selectedSchemaName
   ), d = c((r) => r.selectedTableName), p = c(
     (r) => r.actions.setCurrentColumns
-  ), u = c(
+  ), x = c(
     (r) => r.actions.setSelectedConnectionId
   ), g = c(
     (r) => r.actions.setSelectedDatamodelId
-  ), C = c(
+  ), j = c(
     (r) => r.actions.setSelectedDatabaseName
   ), i = c(
     (r) => r.actions.setSelectedSchemaName
-  ), x = c(
+  ), u = c(
     (r) => r.actions.setSelectedTableName
   ), f = c((r) => r.actions.setCardSql);
-  function w(r) {
+  function z(r) {
     return o && m && l && m !== "NA" ? !0 : o && r === "API" ? !1 : !!(o && r === "S3");
   }
   function N(r) {
     return !!(o && m && m !== "NA" && l && d || o && (r === "S3" || r === "API") || h && h);
   }
-  function E(r) {
+  function D(r) {
     return o && r ? !(r === "API" || r === "S3") : !1;
   }
   const {
-    data: y,
+    data: b,
     isLoading: A,
-    isError: b
+    isError: E
   } = me({
     queryKey: ["connections"],
     queryFn: () => be(
       "https://semaphor.cloud/api/v1/connections",
-      (t == null ? void 0 : t.accessToken) || ""
+      (a == null ? void 0 : a.accessToken) || ""
     ),
-    enabled: !!(t != null && t.accessToken)
+    enabled: !!(a != null && a.accessToken)
     // Only fetch if authToken is present
   }), {
-    data: z,
-    isLoading: M,
-    isError: V
+    data: V,
+    isLoading: L,
+    isError: v
   } = me({
     queryKey: ["models", o],
     queryFn: () => be(
       "https://semaphor.cloud/api/v1/datamodels",
-      (t == null ? void 0 : t.accessToken) || "",
+      (a == null ? void 0 : a.accessToken) || "",
       {
         connection_id: o
       }
     ),
-    enabled: !!(t != null && t.accessToken) && !!o
+    enabled: !!(a != null && a.accessToken) && !!o
     // Only fetch if authToken is present
-  }), F = y == null ? void 0 : y.connections.find(
+  }), w = b == null ? void 0 : b.connections.find(
     (r) => r.id === o
-  ), P = F == null ? void 0 : F.type, G = (F == null ? void 0 : F.type) === "API" || (F == null ? void 0 : F.type) === "S3", {
-    data: I,
-    isLoading: Z,
-    isFetching: ae,
+  ), q = w == null ? void 0 : w.type, K = (w == null ? void 0 : w.type) === "API" || (w == null ? void 0 : w.type) === "S3", {
+    data: T,
+    isLoading: R,
+    isFetching: W,
     isError: J,
-    refetch: te
+    refetch: ae
   } = me({
     queryKey: ["databases", o],
     queryFn: () => be(
       "https://semaphor.cloud/api/v1/databases",
-      (t == null ? void 0 : t.accessToken) || "",
+      (a == null ? void 0 : a.accessToken) || "",
       {
         connection_id: o
       }
     ),
-    enabled: E(P)
+    enabled: D(q)
     // !!selectedConnectionId && !isNonDbConnection, //currentConnection?.type !== 'API', // Only fetch if connectionId is present
   }), {
-    data: $,
+    data: G,
     isLoading: ne,
-    isFetching: v,
-    isError: j,
-    refetch: O
+    isFetching: C,
+    isError: y,
+    refetch: F
   } = me({
     queryKey: ["schemas", o, m],
     queryFn: () => be(
       "https://semaphor.cloud/api/v1/schemas",
-      (t == null ? void 0 : t.accessToken) || "",
+      (a == null ? void 0 : a.accessToken) || "",
       {
         connection_id: o,
         database_name: m
       }
     ),
-    enabled: !!o && !!m && !G && m !== "NA"
+    enabled: !!o && !!m && !K && m !== "NA"
     //currentConnection?.type !== 'API', // Only fetch if connectionId and database is present
   }), {
-    data: q,
+    data: _,
     isLoading: fe,
-    isFetching: se,
-    isError: D,
-    refetch: Q
+    isFetching: te,
+    isError: I,
+    refetch: Y
   } = me({
     queryKey: [
       "tables",
@@ -1114,19 +1135,19 @@ function Vs(s, n) {
     ],
     queryFn: () => be(
       "https://semaphor.cloud/api/v1/tables",
-      (t == null ? void 0 : t.accessToken) || "",
+      (a == null ? void 0 : a.accessToken) || "",
       {
         connection_id: o,
         database_name: m,
         schema_name: l
       }
     ),
-    enabled: w(P)
+    enabled: z(q)
   }), {
-    data: ee,
+    data: se,
     isLoading: ye,
     isFetching: ge,
-    isError: K
+    isError: U
   } = me({
     queryKey: [
       "columns",
@@ -1138,7 +1159,7 @@ function Vs(s, n) {
     ],
     queryFn: () => be(
       "https://semaphor.cloud/api/v1/columns",
-      (t == null ? void 0 : t.accessToken) || "",
+      (a == null ? void 0 : a.accessToken) || "",
       {
         connection_id: o,
         datamodel_id: h || "",
@@ -1148,7 +1169,7 @@ function Vs(s, n) {
         table_name: d
       }
     ),
-    enabled: N(P)
+    enabled: N(q)
     // (!!selectedConnectionId &&
     //   !!selectedDatabaseName &&
     //   !!selectedSchemaName &&
@@ -1157,187 +1178,187 @@ function Vs(s, n) {
     //currentConnection?.type === 'API',
     // && currentConnection?.type !== 'API', // Only fetch if connectionId, database, and table is present
   });
-  U(() => {
-    p(a);
-  }, [ee, p, a]), U(() => {
+  Q(() => {
+    p(t);
+  }, [se, p, t]), Q(() => {
   }, [
-    G,
+    K,
     f,
-    x,
+    u,
     i,
-    C,
-    F
+    j,
+    w
   ]);
-  const re = (F == null ? void 0 : F.type) === "API" ? (Ze = F == null ? void 0 : F.type) == null ? void 0 : Ze.toLowerCase() : d || "", ie = G ? "" : l || "";
+  const re = (w == null ? void 0 : w.type) === "API" ? (Xe = w == null ? void 0 : w.type) == null ? void 0 : Xe.toLowerCase() : d || "", ie = K ? "" : l || "";
   function ve(r) {
-    i(r), x("");
+    i(r), u("");
   }
   function Se(r) {
-    C(r === "none" ? "" : r), i(""), x(""), r !== "none" && r !== "" && g("");
+    j(r === "none" ? "" : r), i(""), u(""), r !== "none" && r !== "" && g("");
   }
   function Ve(r) {
-    u(r);
+    x(r);
   }
-  function Rs(r) {
-    g(r === "none" ? "" : r), r !== "none" && r !== "" && C("");
+  function qs(r) {
+    g(r === "none" ? "" : r), r !== "none" && r !== "" && j("");
   }
-  I && ((es = I == null ? void 0 : I.databases) == null ? void 0 : es.length) > 0, $ && ((qe = $ == null ? void 0 : $.schemas) == null ? void 0 : qe.length) > 0, ee && ((ss = ee == null ? void 0 : ee.columns) == null ? void 0 : ss.length) > 0 && (a = ee.columns.map((r) => ({
+  T && ((es = T == null ? void 0 : T.databases) == null ? void 0 : es.length) > 0, G && ((qe = G == null ? void 0 : G.schemas) == null ? void 0 : qe.length) > 0, se && ((ss = se == null ? void 0 : se.columns) == null ? void 0 : ss.length) > 0 && (t = se.columns.map((r) => ({
     ...r,
     data_type: r.data_type.toLowerCase()
-  }))), J && (a = []), (K || b) && (a = []);
-  const ke = y == null ? void 0 : y.connections.map(
+  }))), J && (t = []), (U || E) && (t = []);
+  const ke = b == null ? void 0 : b.connections.map(
     (r) => ({
       id: r.id,
       name: r.name,
       type: r.type
     })
-  ), os = (as = z == null ? void 0 : z.datamodels) == null ? void 0 : as.map((r) => ({
+  ), cs = (ts = V == null ? void 0 : V.datamodels) == null ? void 0 : ts.map((r) => ({
     id: r.id,
     name: r.name
-  })), Xe = I == null ? void 0 : I.databases.map((r) => ({
+  })), Ze = T == null ? void 0 : T.databases.map((r) => ({
     id: r.database_name,
     name: r.database_name
-  })), cs = $ == null ? void 0 : $.schemas.map((r) => ({
+  })), ds = G == null ? void 0 : G.schemas.map((r) => ({
     id: r.schema_name,
     name: r.schema_name
-  })), ds = q == null ? void 0 : q.tables.map((r) => ({
+  })), hs = _ == null ? void 0 : _.tables.map((r) => ({
     id: r.table_name,
     name: r.table_name
   }));
   return {
     connectionItems: ke,
     isConnectionsLoading: A,
-    isConnectionsError: b,
-    modelItems: os,
-    isModelsLoading: M,
-    isModelsError: V,
-    databaseItems: Xe,
-    isDatabasesLoadingOrFetching: Z || ae,
+    isConnectionsError: E,
+    modelItems: cs,
+    isModelsLoading: L,
+    isModelsError: v,
+    databaseItems: Ze,
+    isDatabasesLoadingOrFetching: R || W,
     isDatabaseError: J,
-    schemaItems: cs,
-    isSchemaLoadingOrFetching: ne || v,
-    isSchemaError: j,
-    tableItems: ds,
-    isTableLoadingOrFetching: fe || se,
-    isTableError: D,
-    columns: a,
+    schemaItems: ds,
+    isSchemaLoadingOrFetching: ne || C,
+    isSchemaError: y,
+    tableItems: hs,
+    isTableLoadingOrFetching: fe || te,
+    isTableError: I,
+    columns: t,
     isColumnsLoadingOrFetching: ye || ge,
-    isColumnsError: K,
-    isNonDbConnection: G,
-    connectionType: P,
+    isColumnsError: U,
+    isNonDbConnection: K,
+    connectionType: q,
     tableName: re,
     schemaName: ie,
     handleConnectionChange: Ve,
-    handleDatamodelChange: Rs,
+    handleDatamodelChange: qs,
     handleDatabaseChange: Se,
     handleSchemaChange: ve
   };
 }
-function Na({
+function Nt({
   ColumnsComponent: s
 }) {
-  var se;
+  var te;
   const n = c(
-    (D) => D.selectedConnectionId
-  ), a = c(
-    (D) => D.selectedDatamodelId
+    (I) => I.selectedConnectionId
   ), t = c(
-    (D) => D.selectedDatabaseName
+    (I) => I.selectedDatamodelId
+  ), a = c(
+    (I) => I.selectedDatabaseName
   ), o = c(
-    (D) => D.selectedSchemaName
-  ), h = c((D) => D.selectedTableName), m = c(
-    (D) => D.actions.setSelectedTableName
+    (I) => I.selectedSchemaName
+  ), h = c((I) => I.selectedTableName), m = c(
+    (I) => I.actions.setSelectedTableName
   ), {
     connectionItems: l,
     modelItems: d,
     schemaItems: p,
-    databaseItems: u,
+    databaseItems: x,
     tableItems: g,
-    columns: C,
+    columns: j,
     isConnectionsLoading: i,
-    isModelsLoading: x,
+    isModelsLoading: u,
     isConnectionsError: f,
-    isModelsError: w,
+    isModelsError: z,
     isDatabasesLoadingOrFetching: N,
-    isDatabaseError: E,
-    isSchemaLoadingOrFetching: y,
+    isDatabaseError: D,
+    isSchemaLoadingOrFetching: b,
     isSchemaError: A,
-    isColumnsError: b,
-    isColumnsLoadingOrFetching: z,
-    isTableLoadingOrFetching: M,
-    isTableError: V,
-    connectionType: F,
-    isNonDbConnection: P,
-    handleConnectionChange: G,
-    handleDatabaseChange: I,
-    handleSchemaChange: Z,
-    handleDatamodelChange: ae,
+    isColumnsError: E,
+    isColumnsLoadingOrFetching: V,
+    isTableLoadingOrFetching: L,
+    isTableError: v,
+    connectionType: w,
+    isNonDbConnection: q,
+    handleConnectionChange: K,
+    handleDatabaseChange: T,
+    handleSchemaChange: R,
+    handleDatamodelChange: W,
     tableName: J,
-    schemaName: te
-  } = Vs();
-  function $() {
-    return s ? s(te, J, C) : /* @__PURE__ */ e.jsx(
+    schemaName: ae
+  } = is();
+  function G() {
+    return s ? s(ae, J, j) : /* @__PURE__ */ e.jsx(
       zn,
       {
-        schemaName: te,
+        schemaName: ae,
         tableName: J,
-        columns: C,
-        status: z ? "Loading..." : b ? "Error" : "Success"
+        columns: j,
+        status: V ? "Loading..." : E ? "Error" : "Success"
       }
     );
   }
   function ne() {
     window.location.href = "mailto:support@semaphor.cloud?subject=Help&body=I need help with...";
   }
-  function v() {
-    if (!n || F === "S3" || F === "API")
+  function C() {
+    if (!n || w === "S3" || w === "API")
       return null;
-    if (!a || a === "none")
+    if (!t || t === "none")
       return /* @__PURE__ */ e.jsx(
         _e,
         {
           showNone: !0,
-          onChange: I,
-          isError: E,
+          onChange: T,
+          isError: D,
           isLoading: N,
-          items: u,
-          value: t || "",
+          items: x,
+          value: a || "",
           title: "Database"
         }
       );
   }
-  function j() {
-    if (n && !P && (!t || t === "none") && (!a || a === "none"))
+  function y() {
+    if (n && !q && (!a || a === "none") && (!t || t === "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(Ke, {}) }),
-        /* @__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(H, { children: "OR" }) }),
         /* @__PURE__ */ e.jsx("div", { className: "col-span-1 grid place-items-center", children: /* @__PURE__ */ e.jsx(Ke, {}) })
       ] });
   }
-  function O() {
-    if (!n || F === "S3" || F === "API")
+  function F() {
+    if (!n || w === "S3" || w === "API")
       return null;
-    if (!t || t === "none")
+    if (!a || a === "none")
       return /* @__PURE__ */ e.jsx(
         _e,
         {
           showNone: !0,
-          onChange: ae,
-          isError: w,
-          isLoading: x,
+          onChange: W,
+          isError: z,
+          isLoading: u,
           items: d,
-          value: a || "",
+          value: t || "",
           title: "Dataset"
         }
       );
   }
-  function q() {
-    return !n || F === "S3" || F === "API" || !t || t === "none" ? null : /* @__PURE__ */ e.jsx(
+  function _() {
+    return !n || w === "S3" || w === "API" || !a || a === "none" ? null : /* @__PURE__ */ e.jsx(
       _e,
       {
-        onChange: Z,
+        onChange: R,
         isError: A,
-        isLoading: y,
+        isLoading: b,
         items: p,
         value: o || "",
         title: "Schema"
@@ -1345,17 +1366,17 @@ function Na({
     );
   }
   function fe() {
-    function D() {
-      let Q = !1;
-      return F === "API" ? (Q = !1, Q) : ((F === "S3" || n && t && t !== "none" && o) && (Q = !0), Q);
+    function I() {
+      let Y = !1;
+      return w === "API" ? (Y = !1, Y) : ((w === "S3" || n && a && a !== "none" && o) && (Y = !0), Y);
     }
-    return D() ? /* @__PURE__ */ e.jsx(
+    return I() ? /* @__PURE__ */ e.jsx(
       _e,
       {
         onChange: m,
-        isError: V,
+        isError: v,
         items: g,
-        isLoading: M,
+        isLoading: L,
         value: h || "",
         title: "Table"
       }
@@ -1369,21 +1390,21 @@ function Na({
           items: l,
           title: "Connection",
           value: n || "",
-          onChange: G,
+          onChange: K,
           isLoading: i,
           isError: f,
-          connectionTooltip: ((se = l == null ? void 0 : l.find(
-            (D) => D.id === n
-          )) == null ? void 0 : se.type) || ""
+          connectionTooltip: ((te = l == null ? void 0 : l.find(
+            (I) => I.id === n
+          )) == null ? void 0 : te.type) || ""
         }
       ),
-      O(),
-      j(),
-      v(),
-      q(),
+      F(),
+      y(),
+      C(),
+      _(),
       fe()
     ] }),
-    $(),
+    G(),
     /* @__PURE__ */ e.jsx("div", { className: "flex items-end justify-center gap-2 px-6 py-4", children: /* @__PURE__ */ e.jsxs(
       S,
       {
@@ -1400,15 +1421,15 @@ function Na({
   ] });
 }
 function Fn(s) {
-  const n = s.toUpperCase().indexOf("WHERE"), a = s.toUpperCase().indexOf("GROUP BY"), t = s.toUpperCase().indexOf("LIMIT"), o = s.toUpperCase().indexOf("ORDER BY");
+  const n = s.toUpperCase().indexOf("WHERE"), t = s.toUpperCase().indexOf("GROUP BY"), a = s.toUpperCase().indexOf("LIMIT"), o = s.toUpperCase().indexOf("ORDER BY");
   let h = s.length;
-  if (o !== -1 && (h = o), t !== -1 && t < h && (h = t), n !== -1) {
+  if (o !== -1 && (h = o), a !== -1 && a < h && (h = a), n !== -1) {
     const m = s.substring(0, n), l = s.substring(n);
     return `${m} {{ filters | where }} AND ${l.substring(
       6
     )}`;
-  } else if (a !== -1) {
-    const m = s.substring(0, a), l = s.substring(a);
+  } else if (t !== -1) {
+    const m = s.substring(0, t), l = s.substring(t);
     return `${m} {{ filters | where }} ${l}`;
   } else {
     const m = s.substring(0, h), l = s.substring(h);
@@ -1418,17 +1439,17 @@ function Fn(s) {
 function On({
   error: s,
   setShowAIDialog: n,
-  setUserInputforAI: a,
-  setTriggerAIRun: t
+  setUserInputforAI: t,
+  setTriggerAIRun: a
 }) {
-  return /* @__PURE__ */ e.jsxs(oa, { openDelay: 0, children: [
-    /* @__PURE__ */ e.jsx(ca, { asChild: !0, children: /* @__PURE__ */ e.jsx(S, { variant: "link", className: " p-0 h-5", children: /* @__PURE__ */ e.jsx(en, { className: "h-4 w-4 text-red-500" }) }) }),
-    /* @__PURE__ */ e.jsx(da, { align: "start", className: "  min-w-fit max-w-[500px]", children: /* @__PURE__ */ e.jsx("div", { className: "flex justify-between space-x-4", children: /* @__PURE__ */ e.jsxs("div", { className: "grow space-y-1 flex flex-col  ", children: [
+  return /* @__PURE__ */ e.jsxs(ot, { openDelay: 0, children: [
+    /* @__PURE__ */ e.jsx(ct, { asChild: !0, children: /* @__PURE__ */ e.jsx(S, { variant: "link", className: " p-0 h-5", children: /* @__PURE__ */ e.jsx(en, { className: "h-4 w-4 text-red-500" }) }) }),
+    /* @__PURE__ */ e.jsx(dt, { align: "start", className: "  min-w-fit max-w-[500px]", children: /* @__PURE__ */ e.jsx("div", { className: "flex justify-between space-x-4", children: /* @__PURE__ */ e.jsxs("div", { className: "grow space-y-1 flex flex-col  ", children: [
       /* @__PURE__ */ e.jsxs(
         S,
         {
           onClick: () => {
-            n(!0), a(s), t(!0);
+            n(!0), t(s), a(!0);
           },
           size: "sm",
           variant: "outline",
@@ -1445,17 +1466,17 @@ function On({
 function Mn({
   text: s,
   onCheckedChange: n,
-  checked: a
+  checked: t
 }) {
   return /* @__PURE__ */ e.jsxs("div", { className: "xbg-red-100 ml-6 flex items-center gap-2", children: [
-    /* @__PURE__ */ e.jsx(Ge, { checked: a, onCheckedChange: n }),
+    /* @__PURE__ */ e.jsx(Je, { checked: t, onCheckedChange: n }),
     /* @__PURE__ */ e.jsx("label", { className: "text-xs leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", children: s })
   ] });
 }
 function Tn() {
   const { authToken: s } = Ye(), n = c(
     (h) => h.selectedConnectionId
-  ), { data: a } = me({
+  ), { data: t } = me({
     queryKey: ["connections"],
     queryFn: () => be(
       "https://semaphor.cloud/api/v1/connections",
@@ -1463,22 +1484,22 @@ function Tn() {
     ),
     enabled: !!(s != null && s.accessToken)
     // Only fetch if authToken is present
-  }), t = a == null ? void 0 : a.connections.find(
+  }), a = t == null ? void 0 : t.connections.find(
     (h) => h.id === n
   );
-  return t == null ? void 0 : t.type;
+  return a == null ? void 0 : a.type;
 }
 function Ln() {
-  const { authToken: s } = Ye(), n = Ue(null), a = c((d) => d.applyFilters), [t, o] = T(""), h = c((d) => d.filterValues), m = c((d) => d.card.sql), l = Tn();
+  const { authToken: s } = Ye(), n = Ge(null), t = c((d) => d.applyFilters), [a, o] = O(""), h = c((d) => d.filterValues), m = c((d) => d.card.sql), l = Tn();
   return /* @__PURE__ */ e.jsxs(
-    oa,
+    ot,
     {
       openDelay: 0,
       onOpenChange: async (d) => {
         if (!d)
           return;
         console.log("onOpenChange");
-        const p = await ha(
+        const p = await ht(
           "https://semaphor.cloud/api/v1/filter-sql",
           (s == null ? void 0 : s.accessToken) || "",
           {
@@ -1490,20 +1511,20 @@ function Ln() {
         console.log(p), p.sql ? (console.log(p.records), o(p.sql)) : o("Error");
       },
       children: [
-        /* @__PURE__ */ e.jsx(ca, { asChild: !0, children: a && /* @__PURE__ */ e.jsx("p", { className: "p-0 text-xs hover:cursor-pointer", children: "|  Filter Query" }) }),
-        /* @__PURE__ */ e.jsxs(da, { align: "end", className: "w-[600px]", children: [
+        /* @__PURE__ */ e.jsx(ct, { asChild: !0, children: t && /* @__PURE__ */ e.jsx("p", { className: "p-0 text-xs hover:cursor-pointer", children: "|  Filter Query" }) }),
+        /* @__PURE__ */ e.jsxs(dt, { align: "end", className: "w-[600px]", children: [
           /* @__PURE__ */ e.jsx("div", { className: "flex justify-between space-x-4", children: /* @__PURE__ */ e.jsx("div", { className: "rounded-sm bg-muted p-2", children: /* @__PURE__ */ e.jsxs("code", { ref: n, className: "font-mono text-sm", children: [
-            t,
+            a,
             /* @__PURE__ */ e.jsx(
-              ma,
+              mt,
               {
-                onClick: () => et(n),
+                onClick: () => ea(n),
                 className: "ml-3 inline-block h-4 w-4 opacity-70 hover:cursor-pointer hover:opacity-100"
               }
             )
           ] }) }) }),
           /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 pt-2", children: [
-            /* @__PURE__ */ e.jsx(st, { className: "h-4 w-4 opacity-70" }),
+            /* @__PURE__ */ e.jsx(sa, { className: "h-4 w-4 opacity-70" }),
             /* @__PURE__ */ e.jsx("span", { className: "text-xs text-muted-foreground", children: "A preview of the query with filters applied." })
           ] })
         ] })
@@ -1511,7 +1532,7 @@ function Ln() {
     }
   );
 }
-const An = `
+const Dn = `
 
 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.
 
@@ -1558,74 +1579,74 @@ SELECT label, measure FROM table
 - Label - Category 
 - Measure - Number 
 `;
-function Dn({
+function An({
   open: s,
   setOpen: n,
-  userInput: a,
-  setUserInput: t,
+  userInput: t,
+  setUserInput: a,
   triggerAIRun: o,
   setTriggerAIRun: h
 }) {
-  const m = Ue(null), l = Ue(null), { authToken: d } = Ye(), [p, u] = T(!1), g = c((v) => v.actions.setCardSql), C = k((v) => v.dashboard.baseQueries), i = c((v) => v.actions.setRunSql), x = c((v) => v.actions.setCardType), [f, w] = T([]), N = c((v) => v.currentColumns), E = c((v) => v.card.sql), y = c((v) => v.selectedTableName), A = `
-  ${a}
+  const m = Ge(null), l = Ge(null), { authToken: d } = Ye(), [p, x] = O(!1), g = c((C) => C.actions.setCardSql), j = k((C) => C.dashboard.baseQueries), i = c((C) => C.actions.setRunSql), u = c((C) => C.actions.setCardType), [f, z] = O([]), N = c((C) => C.currentColumns), D = c((C) => C.card.sql), b = c((C) => C.selectedTableName), A = `
+  ${t}
 
-  Database Query Dialect: ${y === "api" || y === "s3" ? "DuckDb" : ""}
-  Table Name: ${y}   
-  Table Columns: ${N == null ? void 0 : N.map((v) => `${v.column_name} | ${v.data_type}`).join(", ")}
-  User SQL: ${E}  
-  ${C && `Base Queries: ${JSON.stringify(C)} `}`, b = ` 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: ${An}`, { data: z, isLoading: M, isFetching: V, isError: F, refetch: P } = me({
+  Database Query Dialect: ${b === "api" || b === "s3" ? "DuckDb" : ""}
+  Table Name: ${b}   
+  Table Columns: ${N == null ? void 0 : N.map((C) => `${C.column_name} | ${C.data_type}`).join(", ")}
+  User SQL: ${D}  
+  ${j && `Base Queries: ${JSON.stringify(j)} `}`, E = ` 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: ${Dn}`, { data: V, isLoading: L, isFetching: v, isError: w, refetch: q } = me({
     queryKey: ["ai-query"],
     queryFn: () => be(
       "https://semaphor.cloud/api/v1/ai",
       (d == null ? void 0 : d.accessToken) || "",
       {
-        user_content: `userContent: ${A} ${p ? b : ""}`
+        user_content: `userContent: ${A} ${p ? E : ""}`
       }
     ),
     enabled: !1
     // Do not run by default.
   });
-  function G(v) {
-    if (v.toLowerCase().includes("bar"))
-      x("bar");
-    else if (v.toLowerCase().includes("line"))
-      x("line");
-    else if (v.toLowerCase().includes("bubble"))
-      x("bubble");
-    else if (v.toLowerCase().includes("scatter"))
-      x("scatter");
-    else if (v.toLowerCase().includes("stacked"))
-      x("stackedBar");
-    else if (v.toLowerCase().includes("pie"))
-      x("pie");
-    else if (v.toLowerCase().includes("donut") || v.toLowerCase().includes("doughnut"))
-      x("doughnut");
-    else if (v.toLowerCase().includes("radar"))
-      x("radar");
+  function K(C) {
+    if (C.toLowerCase().includes("bar"))
+      u("bar");
+    else if (C.toLowerCase().includes("line"))
+      u("line");
+    else if (C.toLowerCase().includes("bubble"))
+      u("bubble");
+    else if (C.toLowerCase().includes("scatter"))
+      u("scatter");
+    else if (C.toLowerCase().includes("stacked"))
+      u("stackedBar");
+    else if (C.toLowerCase().includes("pie"))
+      u("pie");
+    else if (C.toLowerCase().includes("donut") || C.toLowerCase().includes("doughnut"))
+      u("doughnut");
+    else if (C.toLowerCase().includes("radar"))
+      u("radar");
     else
-      return x("bar"), !1;
+      return u("bar"), !1;
     return !0;
   }
-  U(() => {
-    z && w((v) => [...v, { role: "ai", content: z.response }]);
-  }, [z]), U(() => {
-    const v = setTimeout(() => {
-      var j;
+  Q(() => {
+    V && z((C) => [...C, { role: "ai", content: V.response }]);
+  }, [V]), Q(() => {
+    const C = setTimeout(() => {
+      var y;
       l.current && (l.current.scroll({
         top: l.current.scrollHeight,
         behavior: "smooth"
-      }), (j = m.current) == null || j.focus());
+      }), (y = m.current) == null || y.focus());
     }, 100);
-    return () => clearTimeout(v);
+    return () => clearTimeout(C);
   }, [f]);
-  function I() {
-    a && (w((v) => [...v, { role: "user", content: a }]), G(a) && u(!0), t(""), P());
+  function T() {
+    t && (z((C) => [...C, { role: "user", content: t }]), K(t) && x(!0), a(""), q());
   }
-  U(() => {
-    o && (I(), h(!1));
+  Q(() => {
+    o && (T(), h(!1));
   }, [o, h]);
-  const Z = {
+  const R = {
     //seleect a darker color
     // color: '#000',
     fontFamily: "Arial, sans-serif",
@@ -1633,7 +1654,7 @@ function Dn({
     fontSize: 15,
     // padding: '5px',
     width: "100%"
-  }, ae = {
+  }, W = {
     // background: '#f6f8fa',
     // color: '#000',
     fontFamily: "monospace",
@@ -1650,58 +1671,58 @@ function Dn({
     marginLeft: 20,
     // add bullet points for unordered lists
     listStyleType: "disc"
-  }, te = {
+  }, ae = {
     // Override how paragraphs are rendered
-    p: ({ node: v, ...j }) => /* @__PURE__ */ e.jsx("p", { style: Z, ...j }),
-    code: ({ node: v, ...j }) => /* @__PURE__ */ e.jsx("code", { className: "rounded-sm bg-muted px-2 py-1 text-sm", ...j }),
-    pre: ({ node: v, ...j }) => /* @__PURE__ */ e.jsxs("pre", { className: "space-y-2 rounded-sm bg-muted/50 p-3", style: ae, children: [
-      /* @__PURE__ */ e.jsx("code", { className: "whitespace-normal text-sm", children: j.children }),
+    p: ({ node: C, ...y }) => /* @__PURE__ */ e.jsx("p", { style: R, ...y }),
+    code: ({ node: C, ...y }) => /* @__PURE__ */ e.jsx("code", { className: "rounded-sm bg-muted px-2 py-1 text-sm", ...y }),
+    pre: ({ node: C, ...y }) => /* @__PURE__ */ e.jsxs("pre", { className: "space-y-2 rounded-sm bg-muted/50 p-3", style: W, children: [
+      /* @__PURE__ */ e.jsx("code", { className: "whitespace-normal text-sm", children: y.children }),
       /* @__PURE__ */ e.jsxs("div", { className: "flex justify-start gap-2", children: [
-        /* @__PURE__ */ e.jsx(S, { onClick: $, size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(ma, {}) }),
+        /* @__PURE__ */ e.jsx(S, { onClick: G, size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(mt, {}) }),
         /* @__PURE__ */ e.jsx(
           S,
           {
-            onClick: (O) => {
-              const q = $(O);
-              q && (n(!1), g(q), i(!0));
+            onClick: (F) => {
+              const _ = G(F);
+              _ && (n(!1), g(_), i(!0));
             },
             size: "sm",
             variant: "outline",
-            children: /* @__PURE__ */ e.jsx(nt, {})
+            children: /* @__PURE__ */ e.jsx(na, {})
           }
         )
       ] })
     ] }),
-    li: ({ node: v, ...j }) => /* @__PURE__ */ e.jsx("li", { style: J, ...j })
+    li: ({ node: C, ...y }) => /* @__PURE__ */ e.jsx("li", { style: J, ...y })
     // You can add more overrides for other elements like h1, h2, etc.
   };
-  function $(v) {
-    const j = v.currentTarget.closest("pre");
-    if (!j)
+  function G(C) {
+    const y = C.currentTarget.closest("pre");
+    if (!y)
       return;
-    const O = j.textContent || j.innerText;
-    return navigator.clipboard.writeText(O).then(() => console.log("Text copied to clipboard")).catch((q) => console.error("Error in copying text: ", q)), O;
+    const F = y.textContent || y.innerText;
+    return navigator.clipboard.writeText(F).then(() => console.log("Text copied to clipboard")).catch((_) => console.error("Error in copying text: ", _)), F;
   }
   function ne() {
-    return f == null ? void 0 : f.map((v, j) => v.role === "user" ? /* @__PURE__ */ e.jsxs(
+    return f == null ? void 0 : f.map((C, y) => C.role === "user" ? /* @__PURE__ */ e.jsxs(
       "div",
       {
         className: "flex items-start rounded-md bg-muted p-3 text-sm",
         children: [
           /* @__PURE__ */ e.jsx(vn, { className: "mr-2 h-5 w-5" }),
-          /* @__PURE__ */ e.jsx("div", { children: v.content })
+          /* @__PURE__ */ e.jsx("div", { children: C.content })
         ]
       },
-      j
-    ) : v.role === "ai" ? /* @__PURE__ */ e.jsx(
-      tt,
+      y
+    ) : C.role === "ai" ? /* @__PURE__ */ e.jsx(
+      aa,
       {
         className: "w-full overflow-auto py-1",
-        components: te,
-        children: z == null ? void 0 : z.response.replace(/DuckDB/gi, "Semaphor")
+        components: ae,
+        children: V == null ? void 0 : V.response.replace(/DuckDB/gi, "Semaphor")
       },
-      j
-    ) : /* @__PURE__ */ e.jsx("div", {}, j));
+      y
+    ) : /* @__PURE__ */ e.jsx("div", {}, y));
   }
   return /* @__PURE__ */ e.jsxs(Ns, { open: s, onOpenChange: n, children: [
     /* @__PURE__ */ e.jsx(Cs, { asChild: !0, children: /* @__PURE__ */ e.jsx(
@@ -1735,24 +1756,24 @@ function Dn({
             {
               children: /* @__PURE__ */ e.jsxs("div", { className: "flex w-full items-center rounded-md border", children: [
                 /* @__PURE__ */ e.jsx(
-                  ua,
+                  ut,
                   {
                     autoFocus: !0,
                     ref: m,
-                    onKeyDown: (v) => {
-                      v.key === "Enter" && !v.shiftKey && (v.preventDefault(), t(""), I());
+                    onKeyDown: (C) => {
+                      C.key === "Enter" && !C.shiftKey && (C.preventDefault(), a(""), T());
                     },
                     placeholder: "Type your question here...",
-                    onFocus: (v) => {
-                      const j = v.target, O = j.value.length;
-                      j.setSelectionRange(O, O);
+                    onFocus: (C) => {
+                      const y = C.target, F = y.value.length;
+                      y.setSelectionRange(F, F);
                     },
-                    className: X(
+                    className: ee(
                       "max-h-10 min-h-7 resize-none border-none focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0"
                     ),
-                    disabled: M || V,
-                    value: a,
-                    onChange: (v) => t(v.target.value)
+                    disabled: L || v,
+                    value: t,
+                    onChange: (C) => a(C.target.value)
                   }
                 ),
                 " ",
@@ -1762,8 +1783,8 @@ function Dn({
                     className: "h-8",
                     size: "sm",
                     variant: "ghost",
-                    onClick: I,
-                    children: !M && !V ? /* @__PURE__ */ e.jsx(at, {}) : /* @__PURE__ */ e.jsx(Pe, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" })
+                    onClick: T,
+                    children: !L && !v ? /* @__PURE__ */ e.jsx(ta, {}) : /* @__PURE__ */ e.jsx(Pe, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" })
                   }
                 )
               ] })
@@ -1774,65 +1795,65 @@ function Dn({
     )
   ] });
 }
-var Ca = {
+var Ct = {
   color: void 0,
   size: void 0,
   className: void 0,
   style: void 0,
   attr: void 0
-}, Ws = xe.createContext && /* @__PURE__ */ xe.createContext(Ca), En = ["attr", "size", "title"];
+}, Qs = xe.createContext && /* @__PURE__ */ xe.createContext(Ct), En = ["attr", "size", "title"];
 function In(s, n) {
   if (s == null)
     return {};
-  var a = Vn(s, n), t, o;
+  var t = Vn(s, n), a, o;
   if (Object.getOwnPropertySymbols) {
     var h = Object.getOwnPropertySymbols(s);
     for (o = 0; o < h.length; o++)
-      t = h[o], !(n.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(s, t) && (a[t] = s[t]);
+      a = h[o], !(n.indexOf(a) >= 0) && Object.prototype.propertyIsEnumerable.call(s, a) && (t[a] = s[a]);
   }
-  return a;
+  return t;
 }
 function Vn(s, n) {
   if (s == null)
     return {};
-  var a = {}, t = Object.keys(s), o, h;
-  for (h = 0; h < t.length; h++)
-    o = t[h], !(n.indexOf(o) >= 0) && (a[o] = s[o]);
-  return a;
+  var t = {}, a = Object.keys(s), o, h;
+  for (h = 0; h < a.length; h++)
+    o = a[h], !(n.indexOf(o) >= 0) && (t[o] = s[o]);
+  return t;
 }
 function ls() {
   return ls = 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]);
+      var t = arguments[n];
+      for (var a in t)
+        Object.prototype.hasOwnProperty.call(t, a) && (s[a] = t[a]);
     }
     return s;
   }, ls.apply(this, arguments);
 }
-function Ys(s, n) {
-  var a = Object.keys(s);
+function Ws(s, n) {
+  var t = Object.keys(s);
   if (Object.getOwnPropertySymbols) {
-    var t = Object.getOwnPropertySymbols(s);
-    n && (t = t.filter(function(o) {
+    var a = Object.getOwnPropertySymbols(s);
+    n && (a = a.filter(function(o) {
       return Object.getOwnPropertyDescriptor(s, o).enumerable;
-    })), a.push.apply(a, t);
+    })), t.push.apply(t, a);
   }
-  return a;
+  return t;
 }
 function rs(s) {
   for (var n = 1; n < arguments.length; n++) {
-    var a = arguments[n] != null ? arguments[n] : {};
-    n % 2 ? Ys(Object(a), !0).forEach(function(t) {
-      qn(s, t, a[t]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(s, Object.getOwnPropertyDescriptors(a)) : Ys(Object(a)).forEach(function(t) {
-      Object.defineProperty(s, t, Object.getOwnPropertyDescriptor(a, t));
+    var t = arguments[n] != null ? arguments[n] : {};
+    n % 2 ? Ws(Object(t), !0).forEach(function(a) {
+      qn(s, a, t[a]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(s, Object.getOwnPropertyDescriptors(t)) : Ws(Object(t)).forEach(function(a) {
+      Object.defineProperty(s, a, Object.getOwnPropertyDescriptor(t, a));
     });
   }
   return s;
 }
-function qn(s, n, a) {
-  return n = Rn(n), n in s ? Object.defineProperty(s, n, { value: a, enumerable: !0, configurable: !0, writable: !0 }) : s[n] = a, s;
+function qn(s, n, t) {
+  return n = Rn(n), n in s ? Object.defineProperty(s, n, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : s[n] = t, s;
 }
 function Rn(s) {
   var n = _n(s, "string");
@@ -1841,178 +1862,178 @@ function Rn(s) {
 function _n(s, n) {
   if (typeof s != "object" || s === null)
     return s;
-  var a = s[Symbol.toPrimitive];
-  if (a !== void 0) {
-    var t = a.call(s, n || "default");
-    if (typeof t != "object")
-      return t;
+  var t = s[Symbol.toPrimitive];
+  if (t !== void 0) {
+    var a = t.call(s, n || "default");
+    if (typeof a != "object")
+      return a;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return (n === "string" ? String : Number)(s);
 }
-function Sa(s) {
-  return s && s.map((n, a) => /* @__PURE__ */ xe.createElement(n.tag, rs({
-    key: a
-  }, n.attr), Sa(n.child)));
+function St(s) {
+  return s && s.map((n, t) => /* @__PURE__ */ xe.createElement(n.tag, rs({
+    key: t
+  }, n.attr), St(n.child)));
 }
 function pe(s) {
   return (n) => /* @__PURE__ */ xe.createElement(Hn, ls({
     attr: rs({}, s.attr)
-  }, n), Sa(s.child));
+  }, n), St(s.child));
 }
 function Hn(s) {
-  var n = (a) => {
+  var n = (t) => {
     var {
-      attr: t,
+      attr: a,
       size: o,
       title: h
-    } = s, m = In(s, En), l = o || a.size || "1em", d;
-    return a.className && (d = a.className), s.className && (d = (d ? d + " " : "") + s.className), /* @__PURE__ */ xe.createElement("svg", ls({
+    } = s, m = In(s, En), l = o || t.size || "1em", d;
+    return t.className && (d = t.className), s.className && (d = (d ? d + " " : "") + s.className), /* @__PURE__ */ xe.createElement("svg", ls({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
-    }, a.attr, t, m, {
+    }, t.attr, a, m, {
       className: d,
       style: rs(rs({
-        color: s.color || a.color
-      }, a.style), s.style),
+        color: s.color || t.color
+      }, t.style), s.style),
       height: l,
       width: l,
       xmlns: "http://www.w3.org/2000/svg"
     }), h && /* @__PURE__ */ xe.createElement("title", null, h), s.children);
   };
-  return Ws !== void 0 ? /* @__PURE__ */ xe.createElement(Ws.Consumer, null, (a) => n(a)) : n(Ca);
+  return Qs !== void 0 ? /* @__PURE__ */ xe.createElement(Qs.Consumer, null, (t) => n(t)) : n(Ct);
 }
 function Bn(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 $n() {
-  const { theme: s } = lt(), n = Ue(), a = Ue(), [t, o] = T(!1), [h, m] = T(!1), [l, d] = T(!1), [p, u] = T(""), [g, C] = T(!1), { authToken: i } = Ye();
+  const { theme: s } = la(), n = Ge(), t = Ge(), [a, o] = O(!1), [h, m] = O(!1), [l, d] = O(!1), [p, x] = O(""), [g, j] = O(!1), { authToken: i } = Ye();
   k((r) => r.selectedSheetId);
-  const x = k((r) => r.dashboard.baseQueries), f = c((r) => r.card), w = k((r) => r.theme), N = c((r) => r.isShowingVisual), E = c(
+  const u = k((r) => r.dashboard.baseQueries), f = c((r) => r.card), z = k((r) => r.theme), N = c((r) => r.isShowingVisual), D = c(
     (r) => r.selectedConnectionId
-  ), y = c(
+  ), b = c(
     (r) => r.selectedDatabaseName
   ), A = c(
     (r) => r.selectedDatamodelId
-  ), b = c(
+  ), E = c(
     (r) => r.selectedSchemaName
   );
   k(
     (r) => r.actions.updateFrameCard
   );
-  const z = c((r) => r.selectedTableName), M = c((r) => r.card.sql), V = c((r) => r.card.python), F = rt(M, x), P = c((r) => r.selectedConnectionId), G = c((r) => r.frame), I = c((r) => r.filterValues), Z = c((r) => r.applyFilters), {
-    setCardCustomCfg: ae,
+  const V = c((r) => r.selectedTableName), L = c((r) => r.card.sql), v = c((r) => r.card.python), w = ra(L, u), q = c((r) => r.selectedConnectionId), K = c((r) => r.frame), T = c((r) => r.filterValues), R = c((r) => r.applyFilters), {
+    setCardCustomCfg: W,
     setQueryResultColumns: J,
-    setFilterValues: te,
-    setCardSql: $,
+    setFilterValues: ae,
+    setCardSql: G,
     setCardPython: ne,
-    setQueryError: v,
-    setPythonStdOut: j,
-    setCardPreferences: O
-  } = c((r) => r.actions), q = c((r) => r.onSave), fe = c(
+    setQueryError: C,
+    setPythonStdOut: y,
+    setCardPreferences: F
+  } = c((r) => r.actions), _ = c((r) => r.onSave), fe = c(
     (r) => r.actions.setApplyFilters
-  ), se = c((r) => r.onClose), D = c((r) => r.actions.setCardData), Q = c((r) => r.actions.setSqlGen), ee = c((r) => r.runSql), ye = c((r) => r.actions.setRunSql), ge = c(
+  ), te = c((r) => r.onClose), I = c((r) => r.actions.setCardData), Y = c((r) => r.actions.setSqlGen), se = c((r) => r.runSql), ye = c((r) => r.actions.setRunSql), ge = c(
     (r) => r.actions.setIsSqlRunning
   ), {
-    data: K,
+    data: U,
     isLoading: re,
     isFetching: ie,
     isSuccess: ve,
     isError: Se,
     error: Ve,
-    status: Rs,
+    status: qs,
     refetch: ke
   } = me({
-    queryKey: [F, V],
-    queryFn: () => ha(
+    queryKey: [w, v],
+    queryFn: () => ht(
       "https://semaphor.cloud/api/v1/query",
       (i == null ? void 0 : i.accessToken) || "",
       {
-        connection_id: P,
-        sql: F,
-        python: V === $s ? "" : V,
-        active_filters: Z ? I : []
+        connection_id: q,
+        sql: w,
+        python: v === Bs ? "" : v,
+        active_filters: R ? T : []
       }
     ),
     enabled: !1,
     retry: !1
   });
-  U(() => {
-    if (K && (D(K.records), K.rowLimitExceeded && gs.error("Row limit (10,000) exceeded. Refine your query.", {
+  Q(() => {
+    if (U && (I(U.records), U.rowLimitExceeded && js.error("Row limit (10,000) exceeded. Refine your query.", {
       position: "top-center",
       richColors: !0
-    }), j((K == null ? void 0 : K.output) || ""), K.records.length > 0)) {
-      const { dimensionKeys: r } = bs(K.records);
+    }), y((U == null ? void 0 : U.output) || ""), U.records.length > 0)) {
+      const { dimensionKeys: r } = bs(U.records);
       J(r);
     }
-  }, [K, D, J, j]), U(() => {
-    ee && (ke(), ye(!1));
-  }, [ee, ke, ye]), U(() => {
-    (re || ie) && ge(!0), (Se || ve) && ge(!1), Se ? (v(Ve.message), D([]), J([]), j("")) : v("");
+  }, [U, I, J, y]), Q(() => {
+    se && (ke(), ye(!1));
+  }, [se, ke, ye]), Q(() => {
+    (re || ie) && ge(!0), (Se || ve) && ge(!1), Se ? (C(Ve.message), I([]), J([]), y("")) : C("");
   }, [
     re,
     ie,
-    K,
-    j,
+    U,
+    y,
     Se,
     ve,
     ge,
-    D,
+    I,
     J,
-    v,
+    C,
     Ve
   ]);
-  function os() {
-    $(""), D([]), Q({}), ae(""), O({});
+  function cs() {
+    G(""), I([]), Y({}), W(""), F({});
   }
-  const Xe = (r) => {
-    a.current = r;
+  const Ze = (r) => {
+    t.current = r;
   };
-  function cs() {
-    let r = M;
-    M && !M.includes("{{") && (r = Fn(M), $(r));
+  function ds() {
+    let r = L;
+    L && !L.includes("{{") && (r = Fn(L), G(r));
     const oe = {
       ...f,
-      lastSelectedSchema: b,
+      lastSelectedSchema: E,
       lastSelectedDatamodelId: A,
-      lastSelectedDatabase: y,
-      lastSelectedTable: z,
-      connectionId: E,
+      lastSelectedDatabase: b,
+      lastSelectedTable: V,
+      connectionId: D,
       type: N ? f.type : "table",
       sql: r,
       customCfg: N ? f.customCfg : null
-    }, Re = G.cards.map(
+    }, Re = K.cards.map(
       (Ne) => Ne.id === f.id ? oe : Ne
     );
-    q == null || q({
-      ...G,
+    _ == null || _({
+      ...K,
       cards: Re
     });
   }
-  function ds() {
-    se == null || se();
+  function hs() {
+    te == null || te();
   }
-  function Ze(r) {
+  function Xe(r) {
     const oe = getComputedStyle(
       document.documentElement
     ).getPropertyValue(r);
     return es(oe);
   }
   function es(r) {
-    const [oe, Re, Ne] = r.split(" "), W = parseFloat(oe), Ia = parseFloat(Re), Va = parseFloat(Ne), qa = Ia / 100, _s = Va / 100, je = (1 - Math.abs(2 * _s - 1)) * qa, we = je * (1 - Math.abs(W / 60 % 2 - 1)), hs = _s - je / 2;
+    const [oe, Re, Ne] = r.split(" "), Z = parseFloat(oe), It = parseFloat(Re), Vt = parseFloat(Ne), qt = It / 100, Rs = Vt / 100, je = (1 - Math.abs(2 * Rs - 1)) * qt, we = je * (1 - Math.abs(Z / 60 % 2 - 1)), ms = Rs - je / 2;
     let ce = 0, de = 0, he = 0;
-    0 <= W && W < 60 ? (ce = je, de = we, he = 0) : 60 <= W && W < 120 ? (ce = we, de = je, he = 0) : 120 <= W && W < 180 ? (ce = 0, de = je, he = we) : 180 <= W && W < 240 ? (ce = 0, de = we, he = je) : 240 <= W && W < 300 ? (ce = we, de = 0, he = je) : 300 <= W && W < 360 && (ce = je, de = 0, he = we), ce = Math.round((ce + hs) * 255), de = Math.round((de + hs) * 255), he = Math.round((he + hs) * 255);
-    const ms = (Ra) => {
-      const us = Ra.toString(16);
-      return us.length == 1 ? "0" + us : us;
+    0 <= Z && Z < 60 ? (ce = je, de = we, he = 0) : 60 <= Z && Z < 120 ? (ce = we, de = je, he = 0) : 120 <= Z && Z < 180 ? (ce = 0, de = je, he = we) : 180 <= Z && Z < 240 ? (ce = 0, de = we, he = je) : 240 <= Z && Z < 300 ? (ce = we, de = 0, he = je) : 300 <= Z && Z < 360 && (ce = je, de = 0, he = we), ce = Math.round((ce + ms) * 255), de = Math.round((de + ms) * 255), he = Math.round((he + ms) * 255);
+    const us = (Rt) => {
+      const xs = Rt.toString(16);
+      return xs.length == 1 ? "0" + xs : xs;
     };
-    return `#${ms(ce)}${ms(de)}${ms(he)}`;
+    return `#${us(ce)}${us(de)}${us(he)}`;
   }
-  U(() => {
-    const r = n.current, oe = a.current;
+  Q(() => {
+    const r = n.current, oe = t.current;
     if (r) {
-      const Re = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", Ne = w === "system" ? Re : w;
+      const Re = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", Ne = z === "system" ? Re : z;
       r.editor.defineTheme("default", {
         // base: theme === 'light' ? 'hc-light' : 'vs-dark',
         base: Ne === "light" ? "vs" : "vs-dark",
@@ -2020,7 +2041,7 @@ function $n() {
         rules: [],
         colors: {
           // 'editor.background': activeTheme === 'light' ? '#ffffff' : '#020817',
-          "editor.background": Ne === "light" ? "#ffffff" : Ze("--semaphor-background")
+          "editor.background": Ne === "light" ? "#ffffff" : Xe("--semaphor-background")
         }
       }), r.editor.setTheme("default");
     }
@@ -2031,7 +2052,7 @@ function $n() {
       }
     ), () => {
     };
-  }, [s, w, n.current]);
+  }, [s, z, n.current]);
   function qe(r) {
     n.current = r;
   }
@@ -2047,13 +2068,13 @@ function $n() {
               /* @__PURE__ */ e.jsx(
                 Mn,
                 {
-                  checked: Z,
-                  onCheckedChange: () => fe(!Z),
+                  checked: R,
+                  onCheckedChange: () => fe(!R),
                   text: "Apply Filters"
                 }
               ),
               /* @__PURE__ */ e.jsx(Ln, {}),
-              I && h && /* @__PURE__ */ e.jsx(
+              T && h && /* @__PURE__ */ e.jsx(
                 Be,
                 {
                   onClick: () => m(!1),
@@ -2068,13 +2089,13 @@ function $n() {
                 onChange: (r) => {
                   if (r)
                     try {
-                      JSON.parse(r), te(JSON.parse(r));
+                      JSON.parse(r), ae(JSON.parse(r));
                     } catch {
                     }
                 },
                 defaultLanguage: "json",
                 className: "mt-1 min-h-[220px]",
-                value: JSON.stringify(I, null, 2),
+                value: JSON.stringify(T, null, 2),
                 options: {
                   readOnly: !0,
                   minimap: {
@@ -2095,21 +2116,21 @@ function $n() {
           ] })
         }
       ),
-      I && !h && /* @__PURE__ */ e.jsx(
-        fa,
+      T && !h && /* @__PURE__ */ e.jsx(
+        ft,
         {
           onClick: () => m(!0),
-          className: X(
+          className: ee(
             "absolute bottom-4 right-6 h-3 w-3 text-foreground/50 hover:cursor-pointer hover:text-foreground",
             {
-              "font-bold text-red-800": Z
+              "font-bold text-red-800": R
             }
           )
         }
       )
     ] });
   }
-  function as() {
+  function ts() {
     return /* @__PURE__ */ e.jsxs(
       ys,
       {
@@ -2122,7 +2143,7 @@ function $n() {
             {
               id: "1",
               order: 1,
-              defaultSize: t ? 20 : 100,
+              defaultSize: a ? 20 : 100,
               className: "relative flex grow",
               children: [
                 /* @__PURE__ */ e.jsx(
@@ -2136,9 +2157,9 @@ function $n() {
                         theme: "default",
                         className: "pt-3",
                         onChange: (r) => {
-                          $(r);
+                          G(r);
                         },
-                        value: M,
+                        value: L,
                         options: {
                           minimap: {
                             enabled: !1
@@ -2154,16 +2175,16 @@ function $n() {
                         defaultLanguage: "sql",
                         defaultValue: "SELECT * FROM table",
                         beforeMount: qe,
-                        onMount: Xe
+                        onMount: Ze
                       }
                     )
                   }
                 ),
-                t && /* @__PURE__ */ e.jsx("code", { className: "absolute right-6 top-3 text-sm text-muted-foreground/70", children: "sql" })
+                a && /* @__PURE__ */ e.jsx("code", { className: "absolute right-6 top-3 text-sm text-muted-foreground/70", children: "sql" })
               ]
             }
           ),
-          t && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          a && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
             /* @__PURE__ */ e.jsx(vs, { withHandle: !0, className: "border" }),
             /* @__PURE__ */ e.jsxs(
               Fe,
@@ -2186,7 +2207,7 @@ function $n() {
                           onChange: (r) => {
                             ne(r && r.trim() || "");
                           },
-                          value: V || $s,
+                          value: v || Bs,
                           options: {
                             minimap: {
                               enabled: !1
@@ -2201,7 +2222,7 @@ function $n() {
                           },
                           defaultLanguage: "python",
                           beforeMount: qe,
-                          onMount: Xe
+                          onMount: Ze
                         }
                       )
                     }
@@ -2229,7 +2250,7 @@ function $n() {
               role: "sql-editor",
               className: "relative flex grow justify-between overflow-y-scroll",
               children: [
-                as(),
+                ts(),
                 ss()
               ]
             }
@@ -2263,27 +2284,27 @@ function $n() {
                     {
                       error: Ve.message,
                       setShowAIDialog: d,
-                      setTriggerAIRun: C,
-                      setUserInputforAI: u
+                      setTriggerAIRun: j,
+                      setUserInputforAI: x
                     }
                   ),
                   /* @__PURE__ */ e.jsxs(
                     S,
                     {
-                      onClick: os,
+                      onClick: cs,
                       className: "",
                       size: "sm",
                       variant: "outline",
                       children: [
-                        /* @__PURE__ */ e.jsx(an, { className: "mr-2 size-4" }),
+                        /* @__PURE__ */ e.jsx(tn, { className: "mr-2 size-4" }),
                         "Clear"
                       ]
                     }
                   ),
                   /* @__PURE__ */ e.jsx(
-                    ia,
+                    rt,
                     {
-                      pressed: t,
+                      pressed: a,
                       onPressedChange: (r) => o(r),
                       className: "",
                       size: "sm",
@@ -2292,14 +2313,14 @@ function $n() {
                     }
                   ),
                   /* @__PURE__ */ e.jsx(
-                    Dn,
+                    An,
                     {
                       open: l,
                       setOpen: d,
                       userInput: p,
                       triggerAIRun: g,
-                      setTriggerAIRun: C,
-                      setUserInput: (r) => u(r)
+                      setTriggerAIRun: j,
+                      setUserInput: (r) => x(r)
                     }
                   )
                 ] }),
@@ -2307,11 +2328,11 @@ function $n() {
                   /* @__PURE__ */ e.jsxs(
                     S,
                     {
-                      onClick: cs,
+                      onClick: ds,
                       size: "sm",
                       variant: "outline",
                       children: [
-                        /* @__PURE__ */ e.jsx(it, { className: "mr-2 size-4 font-bold text-green-600" }),
+                        /* @__PURE__ */ e.jsx(ia, { className: "mr-2 size-4 font-bold text-green-600" }),
                         "Accept"
                       ]
                     }
@@ -2319,7 +2340,7 @@ function $n() {
                   /* @__PURE__ */ e.jsxs(
                     S,
                     {
-                      onClick: ds,
+                      onClick: hs,
                       className: "w-full",
                       size: "sm",
                       variant: "outline",
@@ -2340,7 +2361,7 @@ function $n() {
 }
 function Pn({ data: s }) {
   var m;
-  const [n, a] = xe.useState([]), o = Object.keys(s[0]).map((l) => ({
+  const [n, t] = xe.useState([]), o = Object.keys(s[0]).map((l) => ({
     // header: key,
     accessorKey: l,
     header: ({ column: d }) => {
@@ -2352,122 +2373,122 @@ function Pn({ data: s }) {
           onClick: () => d.toggleSorting(d.getIsSorted() === "asc"),
           children: [
             l,
-            p === "asc" ? /* @__PURE__ */ e.jsx(ot, { className: "ml-2 h-5 w-5" }) : p === "desc" ? /* @__PURE__ */ e.jsx(ct, { className: "ml-2 h-5 w-5" }) : null
+            p === "asc" ? /* @__PURE__ */ e.jsx(oa, { className: "ml-2 h-5 w-5" }) : p === "desc" ? /* @__PURE__ */ e.jsx(ca, { className: "ml-2 h-5 w-5" }) : null
           ]
         }
       ) });
     }
-  })), h = dt({
+  })), h = da({
     data: s,
     columns: o,
-    getCoreRowModel: pt(),
-    getPaginationRowModel: ft(),
-    onSortingChange: a,
-    getSortedRowModel: gt(),
+    getCoreRowModel: pa(),
+    getPaginationRowModel: fa(),
+    onSortingChange: t,
+    getSortedRowModel: ga(),
     manualPagination: !0,
     state: {
       sorting: n
     }
   });
-  return /* @__PURE__ */ e.jsxs(ht, { children: [
-    /* @__PURE__ */ e.jsx(mt, { children: h.getHeaderGroups().map((l) => /* @__PURE__ */ e.jsx(xs, { children: l.headers.map((d) => /* @__PURE__ */ e.jsx(ut, { className: "sticky top-0 bg-muted", children: d.isPlaceholder ? null : Ps(
+  return /* @__PURE__ */ e.jsxs(ha, { children: [
+    /* @__PURE__ */ e.jsx(ma, { children: h.getHeaderGroups().map((l) => /* @__PURE__ */ e.jsx(ps, { children: l.headers.map((d) => /* @__PURE__ */ e.jsx(ua, { className: "sticky top-0 bg-muted", children: d.isPlaceholder ? null : $s(
       d.column.columnDef.header,
       d.getContext()
     ) }, d.id)) }, l.id)) }),
-    /* @__PURE__ */ e.jsx(xt, { children: (m = h.getRowModel().rows) != null && m.length ? h.getRowModel().rows.map((l) => /* @__PURE__ */ e.jsx(
-      xs,
+    /* @__PURE__ */ e.jsx(xa, { children: (m = h.getRowModel().rows) != null && m.length ? h.getRowModel().rows.map((l) => /* @__PURE__ */ e.jsx(
+      ps,
       {
         className: "whitespace-nowrap py-2",
         "data-state": l.getIsSelected() && "selected",
-        children: l.getVisibleCells().map((d) => /* @__PURE__ */ e.jsx(Ks, { children: Ps(d.column.columnDef.cell, d.getContext()) }, d.id))
+        children: l.getVisibleCells().map((d) => /* @__PURE__ */ e.jsx(Ps, { children: $s(d.column.columnDef.cell, d.getContext()) }, d.id))
       },
       l.id
-    )) : /* @__PURE__ */ e.jsx(xs, { children: /* @__PURE__ */ e.jsx(Ks, { colSpan: o.length, className: "h-24 text-center", children: "No results." }) }) })
+    )) : /* @__PURE__ */ e.jsx(ps, { children: /* @__PURE__ */ e.jsx(Ps, { colSpan: o.length, className: "h-24 text-center", children: "No results." }) }) })
   ] });
 }
-function ka({
+function kt({
   // card,
   className: s,
   ...n
 }) {
   var m;
   xe.useState(0);
-  const a = k((l) => l.themeStyle), t = c((l) => l.card), o = c((l) => l.actions.setCard);
-  if (U(() => {
+  const t = k((l) => l.themeStyle), a = c((l) => l.card), o = c((l) => l.actions.setCard);
+  if (Q(() => {
   }, [
-    t.data,
-    t.type,
-    t.cfg,
-    t.customCfg,
-    a,
-    t.preferences
-  ]), !t.id)
+    a.data,
+    a.type,
+    a.cfg,
+    a.customCfg,
+    t,
+    a.preferences
+  ]), !a.id)
     return null;
   let h;
-  return t.data && t.data.length > 0 && (h = xa({
-    data: t.data,
-    cardType: t.type,
-    cfg: t.cfg,
-    customCfg: t.customCfg,
-    preferences: t.preferences
+  return a.data && a.data.length > 0 && (h = xt({
+    data: a.data,
+    cardType: a.type,
+    cfg: a.cfg,
+    customCfg: a.customCfg,
+    preferences: a.preferences
   })), /* @__PURE__ */ e.jsxs(
-    jt,
+    ja,
     {
       role: "editor-visual-card",
-      className: X("relative flex h-full flex-col rounded-none", s),
+      className: ee("relative flex h-full flex-col rounded-none", s),
       ...n,
       children: [
-        /* @__PURE__ */ e.jsxs(bt, { className: "py-4", children: [
+        /* @__PURE__ */ e.jsxs(ba, { className: "py-4", children: [
           /* @__PURE__ */ e.jsx(
-            Us,
+            Ks,
             {
-              text: t.title,
-              onSave: (l) => o({ ...t, title: l }),
-              children: /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e.jsx(yt, { className: "text-base", children: t.title }) })
+              text: a.title,
+              onSave: (l) => o({ ...a, title: l }),
+              children: /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e.jsx(ya, { className: "text-base", children: a.title }) })
             },
-            t.title
+            a.title
           ),
           /* @__PURE__ */ e.jsx(
-            Us,
+            Ks,
             {
-              text: t.description || "",
-              onSave: (l) => o({ ...t, description: l }),
-              children: /* @__PURE__ */ e.jsxs(vt, { children: [
+              text: a.description || "",
+              onSave: (l) => o({ ...a, description: l }),
+              children: /* @__PURE__ */ e.jsxs(va, { children: [
                 " ",
-                t.description
+                a.description
               ] })
             },
-            t.description
+            a.description
           )
         ] }),
-        /* @__PURE__ */ e.jsxs(Nt, { className: "flex grow flex-col pb-3", children: [
-          t.type !== "table" && h && // <ChartJsVisual key={visualKey} cfg={cfg} />
+        /* @__PURE__ */ e.jsxs(Na, { className: "flex grow flex-col pb-3", children: [
+          a.type !== "table" && h && // <ChartJsVisual key={visualKey} cfg={cfg} />
           /* @__PURE__ */ e.jsx(
-            Ct,
+            Ca,
             {
               cfg: h
             },
-            JSON.stringify(h) + JSON.stringify(t.preferences) + ((m = t == null ? void 0 : t.preferences) == null ? void 0 : m.customVisualCode)
+            JSON.stringify(h) + JSON.stringify(a.preferences) + ((m = a == null ? void 0 : a.preferences) == null ? void 0 : m.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(St, { className: "flex min-h-0 flex-1 grow basis-0", children: /* @__PURE__ */ e.jsx(kt, { card: t, data: t == null ? void 0 : t.data }) })
+          a.type === "table" && a.data && a.data.length > 0 && // All of the below css classes are #IMPORTANT for the table to scroll properly
+          /* @__PURE__ */ e.jsx(Sa, { className: "flex min-h-0 flex-1 grow basis-0", children: /* @__PURE__ */ e.jsx(ka, { card: a, data: a == null ? void 0 : a.data }) })
         ] })
       ]
     }
   );
 }
 function Kn() {
-  const [s, n] = T(!1), [a, t] = T(""), [o, h] = T(""), [m, l] = T(""), [d, p] = T(""), u = c((y) => y.card), g = c(
-    (y) => y.card.customCfg
-  ), { setCardCustomCfg: C, setCustomVisualCode: i } = wt();
-  function x(y) {
-    var z, M;
+  const [s, n] = O(!1), [t, a] = O(""), [o, h] = O(""), [m, l] = O(""), [d, p] = O(""), x = c((b) => b.card), g = c(
+    (b) => b.card.customCfg
+  ), { setCardCustomCfg: j, setCustomVisualCode: i } = wa();
+  function u(b) {
+    var V, L;
     const A = {
-      ...y,
+      ...b,
       data: {
-        ...y == null ? void 0 : y.data,
-        datasets: (M = (z = y == null ? void 0 : y.data) == null ? void 0 : z.datasets) == null ? void 0 : M.map((V) => ({
-          ...V,
+        ...b == null ? void 0 : b.data,
+        datasets: (L = (V = b == null ? void 0 : b.data) == null ? void 0 : V.datasets) == null ? void 0 : L.map((v) => ({
+          ...v,
           data: []
         }))
       }
@@ -2475,36 +2496,36 @@ function Kn() {
     return JSON.stringify(A, null, 1);
   }
   function f() {
-    var A, b;
-    if (!u.data || u.data.length === 0)
+    var A, E;
+    if (!x.data || x.data.length === 0)
       return;
-    const y = xa({
-      data: u.data,
-      cardType: u.type,
-      cfg: u.cfg,
-      preferences: u.preferences
+    const b = xt({
+      data: x.data,
+      cardType: x.type,
+      cfg: x.cfg,
+      preferences: x.preferences
     });
-    y && (t(JSON.stringify(y, null, 1)), (A = u == null ? void 0 : u.preferences) != null && A.customVisualCode && l((b = u == null ? void 0 : u.preferences) == null ? void 0 : b.customVisualCode), g && h(JSON.stringify(g, null, 1)));
+    b && (a(JSON.stringify(b, null, 1)), (A = x == null ? void 0 : x.preferences) != null && A.customVisualCode && l((E = x == null ? void 0 : x.preferences) == null ? void 0 : E.customVisualCode), g && h(JSON.stringify(g, null, 1)));
   }
-  function w() {
+  function z() {
     if (m && i(m), !!o)
       try {
-        const y = JSON.parse(o);
-        return y ? (C(y), p(""), h(""), y) : void 0;
-      } catch (y) {
-        console.log(y), p("Invalid JSON");
+        const b = JSON.parse(o);
+        return b ? (j(b), p(""), h(""), b) : void 0;
+      } catch (b) {
+        console.log(b), p("Invalid JSON");
       }
   }
   function N() {
-    h(""), C(null);
+    h(""), j(null);
   }
-  function E() {
-    let y;
+  function D() {
+    let b;
     if (g) {
-      const A = Gs.cloneDeep(u.cfg), b = Gs.merge(A, g);
-      return y = x(b), y;
+      const A = Gs.cloneDeep(x.cfg), E = Gs.merge(A, g);
+      return b = u(E), b;
     }
-    return a ? (y = x(JSON.parse(a)), y) : "";
+    return t ? (b = u(JSON.parse(t)), b) : "";
   }
   return /* @__PURE__ */ e.jsxs(Ns, { open: s, onOpenChange: n, children: [
     /* @__PURE__ */ e.jsx(Cs, { asChild: !0, children: /* @__PURE__ */ e.jsx(
@@ -2514,7 +2535,7 @@ function Kn() {
         className: ` ${g && "border-foreground/50 dark:border-foreground/70"}`,
         size: "sm",
         variant: "outline",
-        children: /* @__PURE__ */ e.jsx(zt, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ e.jsx(za, { className: "h-4 w-4" })
       }
     ) }),
     /* @__PURE__ */ e.jsxs(
@@ -2526,11 +2547,11 @@ function Kn() {
             /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
               /* @__PURE__ */ e.jsx(ws, { children: "Customize Card" }),
               /* @__PURE__ */ e.jsxs(Fs, { children: [
-                /* @__PURE__ */ e.jsx(ta, { children: /* @__PURE__ */ e.jsx(
+                /* @__PURE__ */ e.jsx(tt, { children: /* @__PURE__ */ e.jsx(
                   rn,
                   {
                     onClick: () => {
-                      navigator.clipboard.writeText(u.id);
+                      navigator.clipboard.writeText(x.id);
                     },
                     className: "size-3 cursor-pointer text-muted-foreground/70 transition-colors hover:text-muted-foreground"
                   }
@@ -2552,33 +2573,33 @@ function Kn() {
             ] })
           ] }),
           /* @__PURE__ */ e.jsxs("div", { className: "flex grow gap-2", children: [
-            /* @__PURE__ */ e.jsx(ka, { className: "w-1/2 rounded shadow-none" }),
-            /* @__PURE__ */ e.jsxs(Ft, { defaultValue: "custom-config", className: "flex w-1/2 flex-col", children: [
-              /* @__PURE__ */ e.jsxs(Ot, { className: "justify-start rounded-sm rounded-b-none border border-b-0", children: [
-                /* @__PURE__ */ e.jsxs(ps, { value: "custom-config", children: [
-                  g && /* @__PURE__ */ e.jsx(Mt, { className: "mr-1 h-5 w-5 text-green-600" }),
+            /* @__PURE__ */ e.jsx(kt, { className: "w-1/2 rounded shadow-none" }),
+            /* @__PURE__ */ e.jsxs(Fa, { defaultValue: "custom-config", className: "flex w-1/2 flex-col", children: [
+              /* @__PURE__ */ e.jsxs(Oa, { className: "justify-start rounded-sm rounded-b-none border border-b-0", children: [
+                /* @__PURE__ */ e.jsxs(fs, { value: "custom-config", children: [
+                  g && /* @__PURE__ */ e.jsx(Ma, { className: "mr-1 h-5 w-5 text-green-600" }),
                   g ? "Custom Config" : "Default Config"
                 ] }),
-                /* @__PURE__ */ e.jsx(ps, { className: "", value: "output", children: "Output" }),
-                /* @__PURE__ */ e.jsx(ps, { className: "", value: "custom-code", children: "Custom Code" })
+                /* @__PURE__ */ e.jsx(fs, { className: "", value: "output", children: "Output" }),
+                /* @__PURE__ */ e.jsx(fs, { className: "", value: "custom-code", children: "Custom Code" })
               ] }),
               /* @__PURE__ */ e.jsx(
-                fs,
+                gs,
                 {
                   className: "bg-red-x mt-0 grow rounded-b border border-t-0 p-2",
                   value: "output",
                   children: /* @__PURE__ */ e.jsx(
-                    ua,
+                    ut,
                     {
                       disabled: !0,
-                      value: a,
+                      value: t,
                       className: "h-full resize-none border-none font-mono focus-visible:ring-0 focus-visible:ring-offset-0"
                     }
                   )
                 }
               ),
               /* @__PURE__ */ e.jsx(
-                fs,
+                gs,
                 {
                   className: "mt-0 grow rounded-b border border-t-0",
                   value: "custom-config",
@@ -2600,14 +2621,14 @@ function Kn() {
                         renderLineHighlight: "none"
                       },
                       defaultLanguage: "json",
-                      value: E(),
-                      onChange: (y) => h(y)
+                      value: D(),
+                      onChange: (b) => h(b)
                     }
                   )
                 }
               ),
               /* @__PURE__ */ e.jsx(
-                fs,
+                gs,
                 {
                   className: "mt-0 grow rounded-b border border-t-0",
                   value: "custom-code",
@@ -2630,15 +2651,15 @@ function Kn() {
                       },
                       defaultLanguage: "javascript",
                       value: m,
-                      onChange: (y) => l(y || "")
+                      onChange: (b) => l(b || "")
                     }
                   )
                 }
               )
             ] })
           ] }),
-          /* @__PURE__ */ e.jsxs(sa, { className: "flex items-center", children: [
-            /* @__PURE__ */ e.jsx(R, { className: "mr-2 text-red-500", children: d }),
+          /* @__PURE__ */ e.jsxs(et, { className: "flex items-center", children: [
+            /* @__PURE__ */ e.jsx(H, { className: "mr-2 text-red-500", children: d }),
             /* @__PURE__ */ e.jsx(
               S,
               {
@@ -2648,7 +2669,7 @@ function Kn() {
                 children: "Reset"
               }
             ),
-            /* @__PURE__ */ e.jsx(S, { onClick: w, variant: "outline", children: "Apply" }),
+            /* @__PURE__ */ e.jsx(S, { onClick: z, variant: "outline", children: "Apply" }),
             /* @__PURE__ */ e.jsx(S, { onClick: () => n(!1), variant: "outline", children: "Close" })
           ] })
         ]
@@ -2656,39 +2677,39 @@ function Kn() {
     )
   ] });
 }
-function wa(s) {
+function wt(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 za(s) {
+function zt(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 Fa(s) {
+function Ft(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 Oa(s) {
+function Ot(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 Ma(s) {
+function Mt(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 Ta(s) {
+function Tt(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) {
+function Lt(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 Aa(s) {
+function Dt(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 Un() {
-  const [s, n] = T(!1), a = c((d) => d.card.type), { setCardType: t, setCardPreferences: o, setChartOrientation: h } = c((d) => d.actions), m = c(
+function Gn() {
+  const [s, n] = O(!1), t = c((d) => d.card.type), { setCardType: a, setCardPreferences: o, setChartOrientation: h } = c((d) => d.actions), m = c(
     (d) => d.actions.setCardCustomCfg
   );
   function l(d) {
-    m(null), o({}), t(d), n(!1);
+    m(null), o({}), a(d), n(!1);
   }
-  return /* @__PURE__ */ e.jsxs(Je, { open: s, onOpenChange: n, children: [
-    /* @__PURE__ */ e.jsx(Qe, { asChild: !0, children: /* @__PURE__ */ e.jsx(S, { size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(Gn, { className: "h-4 w-4", chartType: a }) }) }),
+  return /* @__PURE__ */ e.jsxs(Ue, { open: s, onOpenChange: n, children: [
+    /* @__PURE__ */ e.jsx(Qe, { asChild: !0, children: /* @__PURE__ */ e.jsx(S, { size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(Jn, { className: "h-4 w-4", chartType: t }) }) }),
     /* @__PURE__ */ e.jsx(We, { className: "w-50", children: /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 place-items-center", children: [
       /* @__PURE__ */ e.jsx(
         S,
@@ -2696,7 +2717,7 @@ function Un() {
           onClick: () => l("bar"),
           className: "font-normal",
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Ds, { className: "size-5" })
+          children: /* @__PURE__ */ e.jsx(As, { className: "size-5" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2712,7 +2733,7 @@ function Un() {
         {
           onClick: () => l("stackedBar"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Ta, { className: "size-5", strokeWidth: 0 })
+          children: /* @__PURE__ */ e.jsx(Tt, { className: "size-5", strokeWidth: 0 })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2720,7 +2741,7 @@ function Un() {
         {
           onClick: () => l("stackedLine"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Ma, { className: "size-5", strokeWidth: 0 })
+          children: /* @__PURE__ */ e.jsx(Mt, { className: "size-5", strokeWidth: 0 })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2728,7 +2749,7 @@ function Un() {
         {
           onClick: () => l("scatter"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(ya, { className: "size-5" })
+          children: /* @__PURE__ */ e.jsx(yt, { className: "size-5" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2736,7 +2757,7 @@ function Un() {
         {
           onClick: () => l("bubble"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Oa, { className: "size-4" })
+          children: /* @__PURE__ */ e.jsx(Ot, { className: "size-4" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2744,7 +2765,7 @@ function Un() {
         {
           onClick: () => l("pie"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(ba, { className: "size-5" })
+          children: /* @__PURE__ */ e.jsx(bt, { className: "size-5" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2752,7 +2773,7 @@ function Un() {
         {
           onClick: () => l("doughnut"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(za, { className: "size-5", strokeWidth: 1 })
+          children: /* @__PURE__ */ e.jsx(zt, { className: "size-5", strokeWidth: 1 })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2761,7 +2782,7 @@ function Un() {
           onClick: () => l("radar"),
           variant: "ghost",
           children: /* @__PURE__ */ e.jsx(
-            wa,
+            wt,
             {
               className: "size-5 font-extralight",
               strokeWidth: 0.5
@@ -2774,7 +2795,7 @@ function Un() {
         {
           onClick: () => l("polarArea"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Fa, { className: "size-5" })
+          children: /* @__PURE__ */ e.jsx(Ft, { className: "size-5" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2782,7 +2803,7 @@ function Un() {
         {
           onClick: () => l("pyramid"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Aa, { className: "size-5" })
+          children: /* @__PURE__ */ e.jsx(Dt, { className: "size-5" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2790,7 +2811,7 @@ function Un() {
         {
           onClick: () => l("range"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(ga, { className: "size-5" })
+          children: /* @__PURE__ */ e.jsx(gt, { className: "size-5" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2806,7 +2827,7 @@ function Un() {
         {
           onClick: () => l("kpi"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(La, { className: "size-6" })
+          children: /* @__PURE__ */ e.jsx(Lt, { className: "size-6" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2820,55 +2841,55 @@ function Un() {
     ] }) })
   ] });
 }
-function Gn({ chartType: s, className: n }) {
+function Jn({ chartType: s, className: n }) {
   switch (s) {
     case "bar":
-      return /* @__PURE__ */ e.jsx(Ds, { className: n });
+      return /* @__PURE__ */ e.jsx(As, { className: n });
     case "line":
       return /* @__PURE__ */ e.jsx(Es, { className: n });
     case "pie":
-      return /* @__PURE__ */ e.jsx(ba, { className: n });
+      return /* @__PURE__ */ e.jsx(bt, { className: n });
     case "radar":
-      return /* @__PURE__ */ e.jsx(wa, { className: n });
+      return /* @__PURE__ */ e.jsx(wt, { className: n });
     case "scatter":
-      return /* @__PURE__ */ e.jsx(ya, { className: n });
+      return /* @__PURE__ */ e.jsx(yt, { className: n });
     case "bubble":
-      return /* @__PURE__ */ e.jsx(Oa, { className: n });
+      return /* @__PURE__ */ e.jsx(Ot, { className: n });
     case "doughnut":
-      return /* @__PURE__ */ e.jsx(za, { className: n });
+      return /* @__PURE__ */ e.jsx(zt, { className: n });
     case "stackedBar":
-      return /* @__PURE__ */ e.jsx(Ta, { className: "size-4 text-foreground/70" });
+      return /* @__PURE__ */ e.jsx(Tt, { className: "size-4 text-foreground/70" });
     case "stackedLine":
-      return /* @__PURE__ */ e.jsx(Ma, { className: "size-4 text-foreground/70" });
+      return /* @__PURE__ */ e.jsx(Mt, { className: "size-4 text-foreground/70" });
     case "polarArea":
-      return /* @__PURE__ */ e.jsx(Fa, { className: n });
+      return /* @__PURE__ */ e.jsx(Ft, { className: n });
     case "pyramid":
-      return /* @__PURE__ */ e.jsx(Aa, { className: n });
+      return /* @__PURE__ */ e.jsx(Dt, { className: n });
     case "range":
-      return /* @__PURE__ */ e.jsx(ga, { className: n });
+      return /* @__PURE__ */ e.jsx(gt, { className: n });
     case "kpi":
-      return /* @__PURE__ */ e.jsx(La, { className: n });
+      return /* @__PURE__ */ e.jsx(Lt, { className: n });
     case "text":
       return /* @__PURE__ */ e.jsx(Is, { className: n });
     default:
       return /* @__PURE__ */ e.jsx(Ms, { className: n });
   }
 }
-function Jn() {
+function Un() {
   const s = c(
-    (a) => a.card.refreshInterval
+    (t) => t.card.refreshInterval
   ), n = c(
-    (a) => a.actions.setCardRefreshInterval
+    (t) => t.actions.setCardRefreshInterval
   );
-  return /* @__PURE__ */ e.jsxs(Je, { children: [
-    /* @__PURE__ */ e.jsx(Qe, { asChild: !0, children: /* @__PURE__ */ e.jsx(S, { size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(Yt, { className: "w-4 h-4" }) }) }),
+  return /* @__PURE__ */ e.jsxs(Ue, { children: [
+    /* @__PURE__ */ e.jsx(Qe, { asChild: !0, children: /* @__PURE__ */ e.jsx(S, { size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(Ya, { className: "w-4 h-4" }) }) }),
     /* @__PURE__ */ e.jsx(We, { 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(H, { className: "col-span-3", htmlFor: "width", children: "Refresh Every" }),
       /* @__PURE__ */ e.jsx(
         le,
         {
           value: s || "",
-          onChange: (a) => n(a.target.value),
+          onChange: (t) => n(t.target.value),
           id: "width",
           placeholder: "30s",
           className: "col-span-2 h-7 focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-0"
@@ -2877,25 +2898,25 @@ function Jn() {
     ] }) }) }) })
   ] });
 }
-function Xs() {
+function Ys() {
   c((l) => l.frame);
-  const s = c((l) => l.card), n = c((l) => l.card.data), a = c((l) => l.isShowingVisual), t = c((l) => l.isSqlRunning), o = c((l) => l.queryError), h = c((l) => l.pythonStdOut);
+  const s = c((l) => l.card), n = c((l) => l.card.data), t = c((l) => l.isShowingVisual), a = c((l) => l.isSqlRunning), o = c((l) => l.queryError), h = c((l) => l.pythonStdOut);
   if (c((l) => l.onSave), c((l) => l.onClose), c((l) => l.actions.setCardSql), c((l) => l.actions.setCardType), c((l) => l.actions.setSqlGen), !s)
     return /* @__PURE__ */ e.jsx(e.Fragment, { children: "No Active Card" });
   function m() {
-    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(Tt, { 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(ka, { className: "grow border-none shadow-none" });
+    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(Ta, { isLoading: a, 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(La, { isLoading: a, card: s }) }) }) : /* @__PURE__ */ e.jsx(kt, { 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(Pe, { className: "absolute bottom-0 left-0 right-0 top-0 z-10 m-auto h-10 w-10 animate-spin text-foreground/10" }),
+    a && /* @__PURE__ */ e.jsx(Pe, { 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(Un, {}),
+      t && /* @__PURE__ */ e.jsxs("div", { className: "flex grow items-center gap-2", children: [
+        /* @__PURE__ */ e.jsx(Gn, {}),
         s.type !== "table" && /* @__PURE__ */ e.jsx(Kn, {}),
-        /* @__PURE__ */ e.jsx(Jn, {})
+        /* @__PURE__ */ e.jsx(Un, {})
       ] }),
       /* @__PURE__ */ e.jsx(Wn, {})
     ] }),
-    a ? m() : (
+    t ? m() : (
       // card.type === 'kpi' ? (
       //   <div className="flex grow items-center justify-center">
       //     <div className="w-1/2 rounded-md border">
@@ -2914,7 +2935,7 @@ function Xs() {
   ] });
 }
 function Qn() {
-  const s = c((a) => a.pythonStdOut);
+  const s = c((t) => t.pythonStdOut);
   if (!s)
     return null;
   const n = s.replace(/\n/g, "<br>");
@@ -2931,13 +2952,13 @@ function Qn() {
   ] });
 }
 function Wn() {
-  const s = c((a) => a.isShowingVisual), n = c(
-    (a) => a.actions.setIsShowingVisual
+  const s = c((t) => t.isShowingVisual), n = c(
+    (t) => t.actions.setIsShowingVisual
   );
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-    /* @__PURE__ */ e.jsx(R, { htmlFor: "visualize", children: "Chart" }),
+    /* @__PURE__ */ e.jsx(H, { htmlFor: "visualize", children: "Chart" }),
     /* @__PURE__ */ e.jsx(
-      At,
+      Da,
       {
         checked: s,
         onCheckedChange: () => n(!s),
@@ -2948,77 +2969,77 @@ function Wn() {
   ] });
 }
 function Ie() {
-  const [s, n] = T([]);
+  const [s, n] = O([]);
   c(
-    (u) => u.card.cfg
+    (x) => x.card.cfg
   );
-  const a = c((u) => u.card.preferences), { setCardCfg: t, setFilterOnClickColumnIndex: o, setCardPreferences: h } = c((u) => u.actions), m = c(
-    (u) => u.queryResultColumns
+  const t = c((x) => x.card.preferences), { setCardCfg: a, setFilterOnClickColumnIndex: o, setCardPreferences: h } = c((x) => x.actions), m = c(
+    (x) => x.queryResultColumns
   );
   c(
-    (u) => {
+    (x) => {
       var g;
-      return (g = u.card.preferences) == null ? void 0 : g.filterOnClickColumnIndex;
+      return (g = x.card.preferences) == null ? void 0 : g.filterOnClickColumnIndex;
     }
-  ), U(() => {
+  ), Q(() => {
     m && n(new Array(m.length).fill(!1));
   }, [m]);
-  function l(u, g) {
-    var C, i;
-    g ? a != null && a.onClickFilter && ((C = a == null ? void 0 : a.onClickFilter) == null ? void 0 : C.length) > 0 ? h({
-      ...a,
+  function l(x, g) {
+    var j, i;
+    g ? t != null && t.onClickFilter && ((j = t == null ? void 0 : t.onClickFilter) == null ? void 0 : j.length) > 0 ? h({
+      ...t,
       onClickFilter: [
-        ...a.onClickFilter,
+        ...t.onClickFilter,
         {
-          columnIndex: u,
+          columnIndex: x,
           expression: ""
         }
       ]
     }) : h({
-      ...a,
+      ...t,
       onClickFilter: [
         {
-          columnIndex: u,
+          columnIndex: x,
           expression: ""
         }
       ]
     }) : (h({
-      ...a,
-      onClickFilter: (i = a == null ? void 0 : a.onClickFilter) == null ? void 0 : i.filter(
-        (x) => x.columnIndex !== u
+      ...t,
+      onClickFilter: (i = t == null ? void 0 : t.onClickFilter) == null ? void 0 : i.filter(
+        (u) => u.columnIndex !== x
       )
-    }), n((x) => {
-      const f = [...x];
-      return f[u] = !1, f;
+    }), n((u) => {
+      const f = [...u];
+      return f[x] = !1, f;
     }));
   }
-  function d(u, g) {
+  function d(x, g) {
     var i;
-    const C = (i = a == null ? void 0 : a.onClickFilter) == null ? void 0 : i.map((x) => x.columnIndex === u ? {
-      ...x,
+    const j = (i = t == null ? void 0 : t.onClickFilter) == null ? void 0 : i.map((u) => u.columnIndex === x ? {
+      ...u,
       expression: g.target.value
-    } : x);
+    } : u);
     h({
-      ...a,
-      onClickFilter: C
+      ...t,
+      onClickFilter: j
     });
   }
-  function p(u) {
-    var g, C, i, x;
-    if (s != null && s[u] || (C = (g = a == null ? void 0 : a.onClickFilter) == null ? void 0 : g.find((f) => f.columnIndex === u)) != null && C.expression)
+  function p(x) {
+    var g, j, i, u;
+    if (s != null && s[x] || (j = (g = t == null ? void 0 : t.onClickFilter) == null ? void 0 : g.find((f) => f.columnIndex === x)) != null && j.expression)
       return /* @__PURE__ */ e.jsx(
         le,
         {
-          value: (x = (i = a == null ? void 0 : a.onClickFilter) == null ? void 0 : i.find((f) => f.columnIndex === u)) == null ? void 0 : x.expression,
-          onChange: (f) => d(u, f),
+          value: (u = (i = t == null ? void 0 : t.onClickFilter) == null ? void 0 : i.find((f) => f.columnIndex === x)) == null ? void 0 : u.expression,
+          onChange: (f) => d(x, f),
           type: "text",
           className: " h-9 w-full focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0 font-mono text-xs",
           placeholder: "Expression"
         }
       );
   }
-  return /* @__PURE__ */ e.jsx(e.Fragment, { children: m == null ? void 0 : m.map((u, g) => {
-    var C, i;
+  return /* @__PURE__ */ e.jsx(e.Fragment, { children: m == null ? void 0 : m.map((x, g) => {
+    var j, i;
     return /* @__PURE__ */ e.jsx(
       "div",
       {
@@ -3026,30 +3047,30 @@ function Ie() {
         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(
-              Ge,
+              Je,
               {
-                checked: !!((C = a == null ? void 0 : a.onClickFilter) != null && C.find(
-                  (x) => x.columnIndex === g
+                checked: !!((j = t == null ? void 0 : t.onClickFilter) != null && j.find(
+                  (u) => u.columnIndex === g
                 )),
-                onCheckedChange: (x) => l(g, x)
+                onCheckedChange: (u) => l(g, u)
               }
             ),
             /* @__PURE__ */ e.jsx(
               "label",
               {
                 className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
-                children: u
+                children: x
               }
             ),
-            /* @__PURE__ */ e.jsx("div", { className: "flex gap-2 items-center ", children: ((i = a == null ? void 0 : a.onClickFilter) == null ? void 0 : i.find(
-              (x) => x.columnIndex === g
+            /* @__PURE__ */ e.jsx("div", { className: "flex gap-2 items-center ", children: ((i = t == null ? void 0 : t.onClickFilter) == null ? void 0 : i.find(
+              (u) => u.columnIndex === g
             )) && /* @__PURE__ */ e.jsx(
-              ja,
+              jt,
               {
                 onClick: () => {
-                  n((x) => {
-                    const f = [...x];
-                    return f[g] = !x[g], f;
+                  n((u) => {
+                    const f = [...u];
+                    return f[g] = !u[g], f;
                   });
                 },
                 className: " invisible group-hover:visible size-3 text-gray-400 cursor-pointer"
@@ -3059,15 +3080,15 @@ function Ie() {
           p(g)
         ] })
       },
-      u
+      x
     );
   }) });
 }
-function is() {
+function os() {
   var m, l, d;
   const s = c((p) => p.card.preferences), n = c(
     (p) => p.card.cfg
-  ), { setCardCfg: a, setCardPreferences: t, setChartOrientation: o } = c((p) => p.actions);
+  ), { setCardCfg: t, setCardPreferences: a, setChartOrientation: o } = c((p) => p.actions);
   (m = n == null ? void 0 : n.options) != null && m.indexAxis;
   function h(p) {
     o(p);
@@ -3094,46 +3115,46 @@ function is() {
 }
 const ze = "focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0";
 function Zs(s, n) {
-  var t, o, h;
-  const a = pa(s, n);
-  return ((h = (o = (t = s == null ? void 0 : s.chartOptions) == null ? void 0 : t.scales) == null ? void 0 : o[a]) == null ? void 0 : h.type) || "linear";
+  var a, o, h;
+  const t = pt(s, n);
+  return ((h = (o = (a = s == null ? void 0 : s.chartOptions) == null ? void 0 : a.scales) == null ? void 0 : o[t]) == null ? void 0 : h.type) || "linear";
 }
-function Da() {
-  var ae, J, te, $, ne, v;
-  const [s, n] = T(!1), a = c((j) => {
-    var O;
-    return (O = j.card) == null ? void 0 : O.preferences;
-  }), t = c((j) => {
-    var O;
-    return (O = j.card) == null ? void 0 : O.cfg;
-  }), o = pa(a, t), [h, m] = T(
-    Zs(a)
-  ), [l, d] = T(
-    ((te = (J = (ae = a == null ? void 0 : a.chartOptions) == null ? void 0 : ae.scales) == null ? void 0 : J[o]) == null ? void 0 : te.min) || ""
-  ), [p, u] = T(
-    ((v = (ne = ($ = a == null ? void 0 : a.chartOptions) == null ? void 0 : $.scales) == null ? void 0 : ne[o]) == null ? void 0 : v.max) || ""
-  ), [g, C] = T(l || p ? "custom" : "auto"), [i, x] = T(""), [f, w] = T(0), [N, E] = T(""), [y, A] = T(""), [b, z] = T(""), M = c(
-    (j) => j.actions.setCardPreferences
-  ), V = c((j) => {
-    var O;
-    return (O = j.card) == null ? void 0 : O.type;
-  }), F = ["pie", "doughnut", "polarArea"].includes(V);
-  U(() => {
-    var j, O, q, fe, se, D, Q, ee, ye, ge, K, re, ie, ve;
-    m(Zs(a)), d(
-      ((q = (O = (j = a == null ? void 0 : a.chartOptions) == null ? void 0 : j.scales) == null ? void 0 : O[o]) == null ? void 0 : q.min) === 0 ? 0 : ""
-    ), u(((D = (se = (fe = a == null ? void 0 : a.chartOptions) == null ? void 0 : fe.scales) == null ? void 0 : se[o]) == null ? void 0 : D.max) || ""), x(
-      ((ge = (ye = (ee = (Q = a == null ? void 0 : a.chartOptions) == null ? void 0 : Q.scales) == null ? void 0 : ee[o]) == null ? void 0 : ye.ticks) == null ? void 0 : ge.stepSize) || ""
-    ), w(((K = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : K.decimalPlaces) || 0), E(((re = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : re.suffix) || ""), A(((ie = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : ie.currency) || ""), z(((ve = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : ve.locale) || "");
-  }, [s, a, o]);
-  function P(j, O) {
-    return O === "" || /^[0-9\b]+$/.test(O) ? Number(O) : Number(j);
+function At() {
+  var W, J, ae, G, ne, C;
+  const [s, n] = O(!1), t = c((y) => {
+    var F;
+    return (F = y.card) == null ? void 0 : F.preferences;
+  }), a = c((y) => {
+    var F;
+    return (F = y.card) == null ? void 0 : F.cfg;
+  }), o = pt(t, a), [h, m] = O(
+    Zs(t)
+  ), [l, d] = O(
+    ((ae = (J = (W = t == null ? void 0 : t.chartOptions) == null ? void 0 : W.scales) == null ? void 0 : J[o]) == null ? void 0 : ae.min) || ""
+  ), [p, x] = O(
+    ((C = (ne = (G = t == null ? void 0 : t.chartOptions) == null ? void 0 : G.scales) == null ? void 0 : ne[o]) == null ? void 0 : C.max) || ""
+  ), [g, j] = O(l || p ? "custom" : "auto"), [i, u] = O(""), [f, z] = O(0), [N, D] = O(""), [b, A] = O(""), [E, V] = O(""), L = c(
+    (y) => y.actions.setCardPreferences
+  ), v = c((y) => {
+    var F;
+    return (F = y.card) == null ? void 0 : F.type;
+  }), w = ["pie", "doughnut", "polarArea"].includes(v);
+  Q(() => {
+    var y, F, _, fe, te, I, Y, se, ye, ge, U, re, ie, ve;
+    m(Zs(t)), d(
+      ((_ = (F = (y = t == null ? void 0 : t.chartOptions) == null ? void 0 : y.scales) == null ? void 0 : F[o]) == null ? void 0 : _.min) === 0 ? 0 : ""
+    ), x(((I = (te = (fe = t == null ? void 0 : t.chartOptions) == null ? void 0 : fe.scales) == null ? void 0 : te[o]) == null ? void 0 : I.max) || ""), u(
+      ((ge = (ye = (se = (Y = t == null ? void 0 : t.chartOptions) == null ? void 0 : Y.scales) == null ? void 0 : se[o]) == null ? void 0 : ye.ticks) == null ? void 0 : ge.stepSize) || ""
+    ), z(((U = t == null ? void 0 : t.numberAxisFormat) == null ? void 0 : U.decimalPlaces) || 0), D(((re = t == null ? void 0 : t.numberAxisFormat) == null ? void 0 : re.suffix) || ""), A(((ie = t == null ? void 0 : t.numberAxisFormat) == null ? void 0 : ie.currency) || ""), V(((ve = t == null ? void 0 : t.numberAxisFormat) == null ? void 0 : ve.locale) || "");
+  }, [s, t, o]);
+  function q(y, F) {
+    return F === "" || /^[0-9\b]+$/.test(F) ? Number(F) : Number(y);
   }
-  function G() {
+  function K() {
     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,
+          H,
           {
             className: "col-span-2 hover:cursor-pointer hover:underline",
             htmlFor: "currency",
@@ -3150,9 +3171,9 @@ function Da() {
         /* @__PURE__ */ e.jsx(
           le,
           {
-            value: y,
+            value: b,
             placeholder: "USD",
-            onChange: (j) => A(j.target.value),
+            onChange: (y) => A(y.target.value),
             id: "currency",
             className: `col-span-2 h-8 w-full ${ze}`
           }
@@ -3160,21 +3181,21 @@ function Da() {
         /* @__PURE__ */ e.jsx(
           le,
           {
-            value: b,
+            value: E,
             placeholder: "en-US",
-            onChange: (j) => z(j.target.value),
+            onChange: (y) => V(y.target.value),
             id: "locale",
             className: `col-span-2 h-8 w-full ${ze}`
           }
         )
       ] }),
       /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-9 items-center gap-2", children: [
-        /* @__PURE__ */ e.jsx(R, { className: "col-span-3", htmlFor: "format", children: "Decimals" }),
+        /* @__PURE__ */ e.jsx(H, { className: "col-span-3", htmlFor: "format", children: "Decimals" }),
         /* @__PURE__ */ e.jsx(
           le,
           {
             value: f,
-            onChange: (j) => w(Number(j.target.value)),
+            onChange: (y) => z(Number(y.target.value)),
             id: "format",
             className: `col-span-6 h-8 w-full tracking-wide ${ze}`
           }
@@ -3182,16 +3203,16 @@ function Da() {
       ] })
     ] });
   }
-  function I() {
+  function T() {
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 items-center gap-2", children: [
-        /* @__PURE__ */ e.jsx(R, { htmlFor: "range", children: "Range" }),
+        /* @__PURE__ */ e.jsx(H, { htmlFor: "range", children: "Range" }),
         /* @__PURE__ */ e.jsx(
           le,
           {
             id: "min",
             value: l,
-            onChange: (j) => d((O) => P(O, j.target.value)),
+            onChange: (y) => d((F) => q(F, y.target.value)),
             className: `col-span-1 h-8 w-full ${ze}`
           }
         ),
@@ -3199,19 +3220,19 @@ function Da() {
           le,
           {
             value: p,
-            onChange: (j) => u((O) => P(O, j.target.value)),
+            onChange: (y) => x((F) => q(F, y.target.value)),
             id: "max",
             className: `col-span-1 h-8 w-full ${ze}`
           }
         )
       ] }),
       /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 items-center gap-2", children: [
-        /* @__PURE__ */ e.jsx(R, { htmlFor: "step-size", children: "Step Size" }),
+        /* @__PURE__ */ e.jsx(H, { htmlFor: "step-size", children: "Step Size" }),
         /* @__PURE__ */ e.jsx(
           le,
           {
             value: i,
-            onChange: (j) => x((O) => P(O, j.target.value)),
+            onChange: (y) => u((F) => q(F, y.target.value)),
             id: "step-size",
             className: `col-span-1 h-8 w-full ${ze}`
           }
@@ -3219,40 +3240,40 @@ function Da() {
       ] })
     ] });
   }
-  function Z() {
-    var q;
-    let j = {};
-    g === "custom" && (j = {
+  function R() {
+    var _;
+    let y = {};
+    g === "custom" && (y = {
       min: l,
       max: p,
       ticks: {
         stepSize: i
       }
     });
-    const O = {
-      ...a || {},
+    const F = {
+      ...t || {},
       chartOptions: {
-        ...a == null ? void 0 : a.chartOptions,
+        ...t == null ? void 0 : t.chartOptions,
         scales: {
-          ...(q = a == null ? void 0 : a.chartOptions) == null ? void 0 : q.scales,
+          ...(_ = t == null ? void 0 : t.chartOptions) == null ? void 0 : _.scales,
           [o]: {
             // ...cardPreferences?.chartOptions?.scales?.[axis],
             type: h,
-            ...h === "linear" ? j : {}
+            ...h === "linear" ? y : {}
           }
         }
       },
       numberAxisFormat: {
         decimalPlaces: f,
         suffix: N,
-        currency: y,
-        locale: b
+        currency: b,
+        locale: E
       }
     };
-    console.log(O), M(O);
+    console.log(F), L(F);
   }
-  return /* @__PURE__ */ e.jsxs(Je, { onOpenChange: (j) => n(j), children: [
-    /* @__PURE__ */ e.jsx(Qe, { asChild: !0, children: /* @__PURE__ */ e.jsx(Dt, { className: "size-4 cursor-pointer text-muted-foreground hover:text-foreground" }) }),
+  return /* @__PURE__ */ e.jsxs(Ue, { onOpenChange: (y) => n(y), children: [
+    /* @__PURE__ */ e.jsx(Qe, { asChild: !0, children: /* @__PURE__ */ e.jsx(Aa, { className: "size-4 cursor-pointer text-muted-foreground hover:text-foreground" }) }),
     /* @__PURE__ */ e.jsx(We, { 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" }),
@@ -3260,33 +3281,33 @@ function Da() {
       ] }),
       /* @__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(R, { htmlFor: "scale", children: "Type" }),
+          /* @__PURE__ */ e.jsx(H, { htmlFor: "scale", children: "Type" }),
           /* @__PURE__ */ e.jsxs(
             Oe,
             {
-              disabled: F,
+              disabled: w,
               value: h,
-              onValueChange: (j) => m(j),
+              onValueChange: (y) => m(y),
               children: [
                 /* @__PURE__ */ e.jsx(Me, { className: "col-span-2 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(Te, {}) }),
                 /* @__PURE__ */ e.jsx(Le, { id: "type", children: /* @__PURE__ */ e.jsxs($e, { children: [
-                  /* @__PURE__ */ e.jsx(De, { children: "Option" }),
-                  /* @__PURE__ */ e.jsx(Y, { value: "linear", children: "Linear" }),
-                  /* @__PURE__ */ e.jsx(Y, { value: "logarithmic", children: "Logarithmic" })
+                  /* @__PURE__ */ e.jsx(Ae, { children: "Option" }),
+                  /* @__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(R, { htmlFor: "scale-option", children: "Setup" }),
+          /* @__PURE__ */ e.jsx(H, { htmlFor: "scale-option", children: "Setup" }),
           /* @__PURE__ */ e.jsxs(
             Ls,
             {
-              disabled: F,
+              disabled: w,
               id: "scale-option",
               value: g,
-              onValueChange: (j) => C(j),
+              onValueChange: (y) => j(y),
               className: "col-span-2 flex gap-3",
               defaultValue: "x",
               children: [
@@ -3302,13 +3323,13 @@ function Da() {
             }
           )
         ] }),
-        g === "custom" && h == "linear" && I(),
-        G(),
-        /* @__PURE__ */ e.jsx(Et, {}),
+        g === "custom" && h == "linear" && T(),
+        K(),
+        /* @__PURE__ */ e.jsx(Ea, {}),
         /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-3", children: /* @__PURE__ */ e.jsx(
           S,
           {
-            onClick: Z,
+            onClick: R,
             variant: "secondary",
             className: "col-span-1 col-start-3 h-8 w-full",
             children: "Apply"
@@ -3323,46 +3344,46 @@ function Yn({ idx: s }) {
   const n = c((d) => {
     var p;
     return (p = d.card) == null ? void 0 : p.preferences;
-  }), a = c(
+  }), t = c(
     (d) => {
       var p;
       return (p = d.card.preferences) == null ? void 0 : p.datasetOptions;
     }
-  ), t = c(
+  ), a = c(
     (d) => d.actions.setCardPreferences
-  ), o = (l = n == null ? void 0 : n.chartOptions) == null ? void 0 : l.indexAxis, h = a == null ? void 0 : a.find((d) => d.idx === s);
+  ), o = (l = n == null ? void 0 : n.chartOptions) == null ? void 0 : l.indexAxis, h = t == null ? void 0 : t.find((d) => d.idx === s);
   function m(d, p) {
-    (d === "end" || d === "start") && Vt(qt());
-    const u = {
+    (d === "end" || d === "start") && Va(qa());
+    const x = {
       display: d !== "none",
       align: d,
       anchor: d,
       clamp: !0
     };
     if (!h)
-      t({
+      a({
         ...n,
         datasetOptions: [
-          ...a || [],
+          ...t || [],
           {
             idx: p,
-            datalabels: u
+            datalabels: x
           }
         ]
       });
     else {
       const g = { ...h };
-      g.datalabels = u;
-      const C = a == null ? void 0 : a.map(
+      g.datalabels = x;
+      const j = t == null ? void 0 : t.map(
         (i) => i.idx === p ? g : i
       );
-      t({
+      a({
         ...n,
-        datasetOptions: C
+        datasetOptions: j
       });
     }
   }
-  return /* @__PURE__ */ e.jsxs(Je, { children: [
+  return /* @__PURE__ */ e.jsxs(Ue, { children: [
     /* @__PURE__ */ e.jsx(Qe, { children: /* @__PURE__ */ e.jsx(bn, { className: "invisible size-4 rotate-[135deg] cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible" }) }),
     /* @__PURE__ */ e.jsx(We, { className: "w-fit p-1", children: /* @__PURE__ */ e.jsxs("div", { className: "flex gap-1", children: [
       /* @__PURE__ */ e.jsx(
@@ -3372,7 +3393,7 @@ function Yn({ idx: s }) {
           size: "sm",
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
-          children: /* @__PURE__ */ e.jsx(It, { className: "size-4" })
+          children: /* @__PURE__ */ e.jsx(Ia, { className: "size-4" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -3385,7 +3406,7 @@ function Yn({ idx: s }) {
           children: /* @__PURE__ */ e.jsx(
             on,
             {
-              className: X("h-4 w-4", {
+              className: ee("h-4 w-4", {
                 "rotate-90": o === "y"
               })
             }
@@ -3402,7 +3423,7 @@ function Yn({ idx: s }) {
           children: /* @__PURE__ */ e.jsx(
             dn,
             {
-              className: X("h-4 w-4", {
+              className: ee("h-4 w-4", {
                 "rotate-90": o === "y"
               })
             }
@@ -3419,7 +3440,7 @@ function Yn({ idx: s }) {
           children: /* @__PURE__ */ e.jsx(
             cn,
             {
-              className: X("h-4 w-4", {
+              className: ee("h-4 w-4", {
                 "rotate-90": o === "y"
               })
             }
@@ -3429,20 +3450,20 @@ function Yn({ idx: s }) {
     ] }) })
   ] });
 }
-function Ea() {
+function Et() {
   const s = c((d) => d.card), n = c(
     (d) => {
-      var p, u, g;
-      return (g = (u = (p = d == null ? void 0 : d.card) == null ? void 0 : p.preferences) == null ? void 0 : u.chartOptions) == null ? void 0 : g.indexAxis;
+      var p, x, g;
+      return (g = (x = (p = d == null ? void 0 : d.card) == null ? void 0 : p.preferences) == null ? void 0 : x.chartOptions) == null ? void 0 : g.indexAxis;
     }
-  ), a = n === "y" ? "Y axis" : "X axis", t = n === "y" ? "X axis" : "Y axis", {
+  ), t = n === "y" ? "Y axis" : "X axis", a = n === "y" ? "X axis" : "Y axis", {
     keys: o,
     metricKeys: h,
     dimensionKeys: m
   } = bs(s.data || []);
   let l = h;
   if (["stackedBar", "stackedLine"].includes(s.type)) {
-    const d = Rt({
+    const d = Ra({
       dataArray: s.data || [],
       groupKey: m[0],
       pivotKey: m[1],
@@ -3452,34 +3473,34 @@ function Ea() {
   }
   return o.length === 0 ? null : /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ e.jsx(R, { children: a }),
+      /* @__PURE__ */ e.jsx(H, { children: t }),
       /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: /* @__PURE__ */ e.jsx("div", { className: "rounded-md bg-muted/70 px-2 py-1 hover:bg-muted", children: /* @__PURE__ */ e.jsx("p", { children: m[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(R, { children: t }),
-        /* @__PURE__ */ e.jsx(Da, {})
+        /* @__PURE__ */ e.jsx(H, { children: a }),
+        /* @__PURE__ */ e.jsx(At, {})
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: l.map((d, p) => /* @__PURE__ */ e.jsx(Xn, { col: d, idx: p }, d)) })
+      /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: l.map((d, p) => /* @__PURE__ */ e.jsx(Zn, { col: d, idx: p }, d)) })
     ] })
   ] });
 }
-function Xn({ col: s, idx: n }) {
-  const a = c((l) => {
+function Zn({ col: s, idx: n }) {
+  const t = c((l) => {
     var d;
     return (d = l.card) == null ? void 0 : d.preferences;
-  }), t = c(
+  }), a = c(
     (l) => {
       var d;
       return (d = l.card.preferences) == null ? void 0 : d.datasetOptions;
     }
-  ), o = t == null ? void 0 : t.find((l) => l.idx === n), { setCardPreferences: h } = c((l) => l.actions);
+  ), o = a == null ? void 0 : a.find((l) => l.idx === n), { setCardPreferences: h } = c((l) => l.actions);
   function m(l) {
     if (!o)
       h({
-        ...a,
+        ...t,
         datasetOptions: [
-          ...t || [],
+          ...a || [],
           {
             idx: n,
             type: l === "area" ? "line" : l,
@@ -3490,11 +3511,11 @@ function Xn({ col: s, idx: n }) {
     else {
       const d = { ...o };
       d.type = l === "area" ? "line" : l, d.fill = l === "area" ? "origin" : "";
-      const p = t == null ? void 0 : t.map(
-        (u) => u.idx === n ? d : u
+      const p = a == null ? void 0 : a.map(
+        (x) => x.idx === n ? d : x
       );
       h({
-        ...a,
+        ...t,
         datasetOptions: p
       });
     }
@@ -3503,7 +3524,7 @@ function Xn({ col: s, idx: n }) {
     /* @__PURE__ */ e.jsx("p", { children: s }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
       /* @__PURE__ */ e.jsx(
-        Ds,
+        As,
         {
           onClick: () => m("bar"),
           className: "invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"
@@ -3517,7 +3538,7 @@ function Xn({ col: s, idx: n }) {
         }
       ),
       /* @__PURE__ */ e.jsx(
-        Xt,
+        Za,
         {
           onClick: () => m("area"),
           className: "invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"
@@ -3534,13 +3555,13 @@ function Xn({ col: s, idx: n }) {
     ] })
   ] });
 }
-function Zn({
+function Xn({
   cardType: s
 }) {
   return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(Ce, { defaultValue: ["item-2"], type: "multiple", children: [
-    /* @__PURE__ */ e.jsxs(_, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx(H, { children: `${As(s)} Chart` }),
-      /* @__PURE__ */ e.jsxs(B, { className: "space-y-4 font-mono text-xs", children: [
+    /* @__PURE__ */ e.jsxs(B, { value: "item-1", children: [
+      /* @__PURE__ */ e.jsx($, { children: `${Ds(s)} Chart` }),
+      /* @__PURE__ */ e.jsxs(P, { 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" }),
@@ -3563,26 +3584,26 @@ function Zn({
         ] })
       ] })
     ] }),
-    /* @__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(is, {}),
-        /* @__PURE__ */ e.jsx(Ea, {})
+    /* @__PURE__ */ e.jsxs(B, { value: "item-2", children: [
+      /* @__PURE__ */ e.jsx($, { children: "Settings" }),
+      /* @__PURE__ */ e.jsxs(P, { className: "space-y-4 px-2", children: [
+        /* @__PURE__ */ e.jsx(os, {}),
+        /* @__PURE__ */ e.jsx(Et, {})
       ] })
     ] }),
-    /* @__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(Ie, {}) })
+    /* @__PURE__ */ e.jsxs(B, { value: "item-3", children: [
+      /* @__PURE__ */ e.jsx($, { children: "Filter on click" }),
+      /* @__PURE__ */ e.jsx(P, { className: "px-2", children: /* @__PURE__ */ e.jsx(Ie, {}) })
     ] })
   ] }) });
 }
-function qs() {
+function Vs() {
   var o, h, m;
   const s = c(
     (l) => l.card.cfg
-  ), n = c((l) => l.actions.setCardCfg), a = c((l) => l.card.type);
-  function t(l) {
-    var u;
+  ), n = c((l) => l.actions.setCardCfg), t = c((l) => l.card.type);
+  function a(l) {
+    var x;
     const d = {
       datalabels: {
         display: l !== "none",
@@ -3595,7 +3616,7 @@ function qs() {
       options: {
         ...s == null ? void 0 : s.options,
         plugins: {
-          ...(u = s == null ? void 0 : s.options) == null ? void 0 : u.plugins,
+          ...(x = s == null ? void 0 : s.options) == null ? void 0 : x.plugins,
           ...d
         }
       }
@@ -3605,22 +3626,22 @@ function qs() {
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ e.jsx("label", { className: "font-medium", children: "Data Labels" }),
-      !["pyramid"].includes(a) && /* @__PURE__ */ e.jsx(Da, {})
+      !["pyramid"].includes(t) && /* @__PURE__ */ e.jsx(At, {})
     ] }),
     /* @__PURE__ */ e.jsxs(
       Oe,
       {
         value: (m = (h = (o = s == null ? void 0 : s.options) == null ? void 0 : o.plugins) == null ? void 0 : h.datalabels) == null ? void 0 : m.anchor,
-        onValueChange: t,
+        onValueChange: a,
         defaultValue: "none",
         children: [
           /* @__PURE__ */ e.jsx(Me, { className: "h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(Te, { placeholder: "Select position" }) }),
           /* @__PURE__ */ e.jsx(Le, { children: /* @__PURE__ */ e.jsxs($e, { children: [
-            /* @__PURE__ */ e.jsx(De, { children: "Data Labels" }),
-            /* @__PURE__ */ e.jsx(Y, { value: "none", children: "None" }),
-            a !== "pyramid" && /* @__PURE__ */ e.jsx(Y, { value: "start", children: "Start" }),
-            /* @__PURE__ */ e.jsx(Y, { value: "center", children: "Center" }),
-            a !== "pyramid" && /* @__PURE__ */ e.jsx(Y, { value: "end", children: "End" })
+            /* @__PURE__ */ e.jsx(Ae, { children: "Data Labels" }),
+            /* @__PURE__ */ e.jsx(X, { value: "none", children: "None" }),
+            t !== "pyramid" && /* @__PURE__ */ e.jsx(X, { value: "start", children: "Start" }),
+            /* @__PURE__ */ e.jsx(X, { value: "center", children: "Center" }),
+            t !== "pyramid" && /* @__PURE__ */ e.jsx(X, { value: "end", children: "End" })
           ] }) })
         ]
       }
@@ -3630,16 +3651,16 @@ function qs() {
 function el({
   cardType: s
 }) {
-  function n(a) {
-    const t = "SELECT label, [group], x-axis, y-axis, radius FROM table", o = "SELECT label, [group], x-axis, y-axis FROM table";
+  function n(t) {
+    const a = "SELECT label, [group], x-axis, y-axis, radius FROM table", o = "SELECT label, [group], x-axis, y-axis FROM table";
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      /* @__PURE__ */ e.jsx("div", { className: "bg-muted px-2 py-1 rounded    text-xs", children: a === "bubble" ? t : o }),
+      /* @__PURE__ */ e.jsx("div", { className: "bg-muted px-2 py-1 rounded    text-xs", children: t === "bubble" ? a : o }),
       /* @__PURE__ */ e.jsxs("ul", { className: " ml-6 list-disc [&>li]:mt-2 text-xs", children: [
         /* @__PURE__ */ e.jsx("li", { children: "label - category" }),
         /* @__PURE__ */ e.jsx("li", { children: "group - category" }),
         /* @__PURE__ */ e.jsx("li", { children: "x-axis - category" }),
         /* @__PURE__ */ e.jsx("li", { children: "y-axis - category" }),
-        a === "bubble" && /* @__PURE__ */ e.jsx("li", { children: "radius - number" })
+        t === "bubble" && /* @__PURE__ */ e.jsx("li", { children: "radius - number" })
       ] }),
       /* @__PURE__ */ e.jsxs("div", { children: [
         "See ",
@@ -3658,17 +3679,17 @@ function el({
     ] });
   }
   return /* @__PURE__ */ e.jsx("div", { className: "px-6 py-2 space-y-6", children: /* @__PURE__ */ e.jsxs(Ce, { defaultValue: ["item-2"], type: "multiple", children: [
-    /* @__PURE__ */ e.jsxs(_, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx(H, { children: `${As(s)} Chart` }),
-      /* @__PURE__ */ e.jsx(B, { className: " space-y-4 font-mono text-xs ", children: n(s) })
+    /* @__PURE__ */ e.jsxs(B, { value: "item-1", children: [
+      /* @__PURE__ */ e.jsx($, { children: `${Ds(s)} Chart` }),
+      /* @__PURE__ */ e.jsx(P, { className: " space-y-4 font-mono text-xs ", children: n(s) })
     ] }),
-    /* @__PURE__ */ e.jsxs(_, { value: "item-2", children: [
-      /* @__PURE__ */ e.jsx(H, { children: "Settings" }),
-      /* @__PURE__ */ e.jsx(B, { className: "px-2", children: /* @__PURE__ */ e.jsx(qs, {}) })
+    /* @__PURE__ */ e.jsxs(B, { value: "item-2", children: [
+      /* @__PURE__ */ e.jsx($, { children: "Settings" }),
+      /* @__PURE__ */ e.jsx(P, { className: "px-2", children: /* @__PURE__ */ e.jsx(Vs, {}) })
     ] }),
-    /* @__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(Ie, {}) })
+    /* @__PURE__ */ e.jsxs(B, { value: "item-3", children: [
+      /* @__PURE__ */ e.jsx($, { children: "Filter on click" }),
+      /* @__PURE__ */ e.jsx(P, { className: "px-2", children: /* @__PURE__ */ e.jsx(Ie, {}) })
     ] })
   ] }) });
 }
@@ -3685,7 +3706,7 @@ const sl = {
       data: []
     }
   ]
-}, al = {
+}, tl = {
   datasets: [
     {
       fill: "origin",
@@ -3695,7 +3716,7 @@ const sl = {
     }
   ]
 };
-function tl() {
+function al() {
   const s = c((n) => n.card.type);
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-6 p-6", children: [
     /* @__PURE__ */ e.jsx(
@@ -3707,17 +3728,17 @@ function tl() {
         children: nl(s)
       }
     ),
-    /* @__PURE__ */ e.jsx("section", { className: "", children: ["line", "bar"].includes(s) && /* @__PURE__ */ e.jsx(is, {}) }),
-    /* @__PURE__ */ e.jsx("div", { children: !["kpi"].includes(s) && /* @__PURE__ */ e.jsx(qs, {}) }),
+    /* @__PURE__ */ e.jsx("section", { className: "", children: ["line", "bar"].includes(s) && /* @__PURE__ */ e.jsx(os, {}) }),
+    /* @__PURE__ */ e.jsx("div", { children: !["kpi"].includes(s) && /* @__PURE__ */ e.jsx(Vs, {}) }),
     /* @__PURE__ */ e.jsx("div", { children: !["kpi"].includes(s) && /* @__PURE__ */ e.jsx(Ie, {}) })
   ] });
 }
 function nl(s) {
   if (["line", "bar"].includes(s))
     return /* @__PURE__ */ e.jsxs(e.Fragment, { 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.jsxs(B, { value: "item-1", children: [
+        /* @__PURE__ */ e.jsx($, { className: "font-normal", children: /* @__PURE__ */ e.jsx("p", { children: "Chart Query" }) }),
+        /* @__PURE__ */ e.jsxs(P, { 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)" }),
@@ -3725,9 +3746,9 @@ function nl(s) {
           ] })
         ] })
       ] }),
-      /* @__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(B, { value: "item-2", children: [
+        /* @__PURE__ */ e.jsx($, { className: "font-normal", children: "Mixed Chart" }),
+        /* @__PURE__ */ e.jsxs(P, { className: "space-y-2 text-xs", children: [
           /* @__PURE__ */ e.jsxs("p", { children: [
             "Click ",
             /* @__PURE__ */ e.jsx("b", { children: "Customize" }),
@@ -3736,9 +3757,9 @@ function nl(s) {
           /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify(sl, null, 2) })
         ] })
       ] }),
-      /* @__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(B, { value: "item-3", children: [
+        /* @__PURE__ */ e.jsx($, { className: "font-normal", children: "Area Chart" }),
+        /* @__PURE__ */ e.jsxs(P, { className: "space-y-2 text-xs", children: [
           /* @__PURE__ */ e.jsxs("p", { children: [
             "Click ",
             /* @__PURE__ */ e.jsx("b", { children: "Customize" }),
@@ -3754,18 +3775,18 @@ function nl(s) {
             ),
             "for more options."
           ] }),
-          /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify(al, null, 2) })
+          /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify(tl, null, 2) })
         ] })
       ] })
     ] });
   if (s === "bubble")
-    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: [
+    return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(B, { value: "item-1", children: [
+      /* @__PURE__ */ e.jsx($, { className: "font-normal", children: /* @__PURE__ */ e.jsxs("p", { children: [
         "How to create a ",
         /* @__PURE__ */ e.jsx("span", { children: s }),
         " chart query?"
       ] }) }),
-      /* @__PURE__ */ e.jsxs(B, { className: " ", children: [
+      /* @__PURE__ */ e.jsxs(P, { 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)" }),
@@ -3777,13 +3798,13 @@ function nl(s) {
       ] })
     ] }) });
   if (s === "scatter")
-    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: [
+    return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(B, { value: "item-1", children: [
+      /* @__PURE__ */ e.jsx($, { className: "font-normal", children: /* @__PURE__ */ e.jsxs("p", { children: [
         "How to create a ",
         /* @__PURE__ */ e.jsx("span", { children: s }),
         " chart query?"
       ] }) }),
-      /* @__PURE__ */ e.jsxs(B, { className: " ", children: [
+      /* @__PURE__ */ e.jsxs(P, { 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)" }),
@@ -3794,13 +3815,13 @@ function nl(s) {
       ] })
     ] }) });
   if (["pie", "doughnut", "polarArea"].includes(s))
-    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: [
+    return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(B, { value: "item-1", children: [
+      /* @__PURE__ */ e.jsx($, { 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(B, { className: " ", children: [
+      /* @__PURE__ */ e.jsxs(P, { 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)" }),
@@ -3810,27 +3831,27 @@ function nl(s) {
     ] }) });
 }
 function ll() {
-  var d, p, u, g, C;
+  var d, p, x, g, j;
   const s = c((i) => i.card.preferences), n = c(
     (i) => i.actions.setCardPreferences
-  ), a = c(
+  ), t = c(
     (i) => i.actions.setNumberFormat
   );
   c(
     (i) => {
-      var x, f;
-      return (f = (x = i.card.preferences) == null ? void 0 : x.formatNumber) == null ? void 0 : f.decimalPlaces;
+      var u, f;
+      return (f = (u = i.card.preferences) == null ? void 0 : u.formatNumber) == null ? void 0 : f.decimalPlaces;
     }
   );
-  const t = c(
+  const a = c(
     (i) => {
-      var x, f;
-      return (f = (x = i.card.preferences) == null ? void 0 : x.formatNumber) == null ? void 0 : f.locale;
+      var u, f;
+      return (f = (u = i.card.preferences) == null ? void 0 : u.formatNumber) == null ? void 0 : f.locale;
     }
   ), o = c(
     (i) => {
-      var x, f;
-      return (f = (x = i.card.preferences) == null ? void 0 : x.formatNumber) == null ? void 0 : f.currency;
+      var u, f;
+      return (f = (u = i.card.preferences) == null ? void 0 : u.formatNumber) == null ? void 0 : f.currency;
     }
   );
   c(
@@ -3838,8 +3859,8 @@ function ll() {
   );
   const h = c(
     (i) => {
-      var x, f;
-      return (f = (x = i.card.preferences) == null ? void 0 : x.formatNumber) == null ? void 0 : f.colorRanges;
+      var u, f;
+      return (f = (u = i.card.preferences) == null ? void 0 : u.formatNumber) == null ? void 0 : f.colorRanges;
     }
   ) || [], m = c(
     (i) => i.actions.setColorRanges
@@ -3847,7 +3868,7 @@ function ll() {
   return /* @__PURE__ */ e.jsxs("div", { children: [
     /* @__PURE__ */ e.jsxs("div", { className: "mb-3 flex items-center gap-2", children: [
       /* @__PURE__ */ e.jsx(
-        Ge,
+        Je,
         {
           checked: !!((d = s == null ? void 0 : s.formatNumber) != null && d.enabled),
           onCheckedChange: (i) => {
@@ -3861,57 +3882,57 @@ function ll() {
           }
         }
       ),
-      /* @__PURE__ */ e.jsx(R, { children: "Format Number" })
+      /* @__PURE__ */ e.jsx(H, { children: "Format Number" })
     ] }),
     ((p = s == null ? void 0 : s.formatNumber) == null ? void 0 : p.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(R, { children: "Locale" }),
+            /* @__PURE__ */ e.jsx(H, { children: "Locale" }),
             /* @__PURE__ */ e.jsxs(
               Oe,
               {
-                value: t || "en-US",
+                value: a || "en-US",
                 onValueChange: (i) => {
-                  var x, f, w;
-                  return a(
-                    ((x = s == null ? void 0 : s.formatNumber) == null ? void 0 : x.decimalPlaces) || 0,
+                  var u, f, z;
+                  return t(
+                    ((u = s == null ? void 0 : s.formatNumber) == null ? void 0 : u.decimalPlaces) || 0,
                     ((f = s == null ? void 0 : s.formatNumber) == null ? void 0 : f.currency) || "",
                     i || "en-US",
-                    ((w = s == null ? void 0 : s.formatNumber) == null ? void 0 : w.suffix) || ""
+                    ((z = s == null ? void 0 : s.formatNumber) == null ? void 0 : z.suffix) || ""
                   );
                 },
                 children: [
                   /* @__PURE__ */ e.jsx(Me, { className: "col-span-6 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(Te, {}) }),
                   /* @__PURE__ */ e.jsx(Le, { children: /* @__PURE__ */ e.jsxs($e, { children: [
-                    /* @__PURE__ */ e.jsx(De, { children: "Format" }),
-                    Js.map((i) => /* @__PURE__ */ e.jsx(Y, { value: i.locale, children: i.locale }, i.locale))
+                    /* @__PURE__ */ e.jsx(Ae, { children: "Format" }),
+                    Js.map((i) => /* @__PURE__ */ e.jsx(X, { value: i.locale, children: i.locale }, i.locale))
                   ] }) })
                 ]
               }
             )
           ] }),
           /* @__PURE__ */ e.jsxs("div", { className: "w-full space-y-1", children: [
-            /* @__PURE__ */ e.jsx(R, { children: "Currency" }),
+            /* @__PURE__ */ e.jsx(H, { children: "Currency" }),
             /* @__PURE__ */ e.jsxs(
               Oe,
               {
                 value: o || "none",
                 onValueChange: (i) => {
-                  var x, f, w;
-                  return a(
-                    ((x = s == null ? void 0 : s.formatNumber) == null ? void 0 : x.decimalPlaces) || 0,
+                  var u, f, z;
+                  return t(
+                    ((u = s == null ? void 0 : s.formatNumber) == null ? void 0 : u.decimalPlaces) || 0,
                     i === "none" ? "" : i,
                     ((f = s == null ? void 0 : s.formatNumber) == null ? void 0 : f.locale) || "",
-                    ((w = s == null ? void 0 : s.formatNumber) == null ? void 0 : w.suffix) || ""
+                    ((z = s == null ? void 0 : s.formatNumber) == null ? void 0 : z.suffix) || ""
                   );
                 },
                 children: [
                   /* @__PURE__ */ e.jsx(Me, { className: "col-span-6 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(Te, {}) }),
                   /* @__PURE__ */ e.jsx(Le, { children: /* @__PURE__ */ e.jsxs($e, { children: [
-                    /* @__PURE__ */ e.jsx(De, { children: "Currency" }),
-                    /* @__PURE__ */ e.jsx(Y, { value: "none", children: "None" }, "none"),
-                    l.map((i) => /* @__PURE__ */ e.jsx(Y, { value: i, children: i }, i))
+                    /* @__PURE__ */ e.jsx(Ae, { children: "Currency" }),
+                    /* @__PURE__ */ e.jsx(X, { value: "none", children: "None" }, "none"),
+                    l.map((i) => /* @__PURE__ */ e.jsx(X, { value: i, children: i }, i))
                   ] }) })
                 ]
               }
@@ -3920,41 +3941,41 @@ function ll() {
         ] }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
           /* @__PURE__ */ e.jsxs("div", { className: "w-full space-y-1", children: [
-            /* @__PURE__ */ e.jsx(R, { children: "Decimals" }),
+            /* @__PURE__ */ e.jsx(H, { children: "Decimals" }),
             /* @__PURE__ */ e.jsxs(
               Oe,
               {
-                value: ((g = (u = s == null ? void 0 : s.formatNumber) == null ? void 0 : u.decimalPlaces) == null ? void 0 : g.toString()) || "0",
+                value: ((g = (x = s == null ? void 0 : s.formatNumber) == null ? void 0 : x.decimalPlaces) == null ? void 0 : g.toString()) || "0",
                 onValueChange: (i) => {
-                  var x, f, w;
-                  return a(
+                  var u, f, z;
+                  return t(
                     Number(i),
-                    ((x = s == null ? void 0 : s.formatNumber) == null ? void 0 : x.currency) || "",
+                    ((u = s == null ? void 0 : s.formatNumber) == null ? void 0 : u.currency) || "",
                     ((f = s == null ? void 0 : s.formatNumber) == null ? void 0 : f.locale) || "",
-                    ((w = s == null ? void 0 : s.formatNumber) == null ? void 0 : w.suffix) || ""
+                    ((z = s == null ? void 0 : s.formatNumber) == null ? void 0 : z.suffix) || ""
                   );
                 },
                 children: [
                   /* @__PURE__ */ e.jsx(Me, { className: "col-span-3 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(Te, {}) }),
-                  /* @__PURE__ */ e.jsx(Le, { children: ["0", "1", "2", "3", "4"].map((i) => /* @__PURE__ */ e.jsx(Y, { value: i, children: i }, i)) })
+                  /* @__PURE__ */ e.jsx(Le, { children: ["0", "1", "2", "3", "4"].map((i) => /* @__PURE__ */ e.jsx(X, { value: i, children: i }, i)) })
                 ]
               }
             )
           ] }),
           /* @__PURE__ */ e.jsxs("div", { className: "w-full space-y-1", children: [
-            /* @__PURE__ */ e.jsx(R, { children: "Suffix" }),
+            /* @__PURE__ */ e.jsx(H, { children: "Suffix" }),
             /* @__PURE__ */ e.jsx(
               le,
               {
-                value: ((C = s == null ? void 0 : s.formatNumber) == null ? void 0 : C.suffix) || "",
+                value: ((j = s == null ? void 0 : s.formatNumber) == null ? void 0 : j.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: (i) => {
-                  var x, f, w;
-                  return a(
-                    ((x = s == null ? void 0 : s.formatNumber) == null ? void 0 : x.decimalPlaces) || 0,
+                  var u, f, z;
+                  return t(
+                    ((u = s == null ? void 0 : s.formatNumber) == null ? void 0 : u.decimalPlaces) || 0,
                     ((f = s == null ? void 0 : s.formatNumber) == null ? void 0 : f.currency) || "",
-                    ((w = s == null ? void 0 : s.formatNumber) == null ? void 0 : w.locale) || "",
+                    ((z = s == null ? void 0 : s.formatNumber) == null ? void 0 : z.locale) || "",
                     i.target.value
                   );
                 }
@@ -3965,7 +3986,7 @@ function ll() {
       ] }) }),
       /* @__PURE__ */ e.jsx(Ke, { className: "my-3" }),
       /* @__PURE__ */ e.jsx(
-        _t,
+        _a,
         {
           colorRanges: h,
           setColorRanges: m
@@ -3976,9 +3997,9 @@ function ll() {
 }
 function rl() {
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-6 px-6 py-2", children: [
-    /* @__PURE__ */ e.jsx(Ce, { type: "single", collapsible: !0, children: /* @__PURE__ */ e.jsxs(_, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx(H, { className: "", children: "KPI Query" }),
-      /* @__PURE__ */ e.jsxs(B, { className: "font-mono", children: [
+    /* @__PURE__ */ e.jsx(Ce, { type: "single", collapsible: !0, children: /* @__PURE__ */ e.jsxs(B, { value: "item-1", children: [
+      /* @__PURE__ */ e.jsx($, { className: "", children: "KPI Query" }),
+      /* @__PURE__ */ e.jsxs(P, { 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" }),
@@ -4006,9 +4027,9 @@ function rl() {
   ] });
 }
 function il() {
-  var t;
+  var a;
   const s = c((o) => o.card.preferences), { setCardPreferences: n } = c((o) => o.actions);
-  function a(o) {
+  function t(o) {
     n({
       ...s,
       textVisualOptions: {
@@ -4020,8 +4041,8 @@ function il() {
   return /* @__PURE__ */ e.jsxs(
     Ls,
     {
-      value: (t = s == null ? void 0 : s.textVisualOptions) != null && t.isDynamicText ? "dynamic" : "static",
-      onValueChange: a,
+      value: (a = s == null ? void 0 : s.textVisualOptions) != null && a.isDynamicText ? "dynamic" : "static",
+      onValueChange: t,
       className: "flex gap-3",
       defaultValue: "x",
       children: [
@@ -4037,15 +4058,15 @@ function il() {
     }
   );
 }
-function ts({
+function as({
   cardType: s,
   docContent: n,
-  suffix: a = "Chart"
+  suffix: t = "Chart"
 }) {
   return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(Ce, { defaultValue: ["item-2"], type: "multiple", children: [
-    /* @__PURE__ */ e.jsxs(_, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx(H, { children: `${As(s)} ${a}` }),
-      /* @__PURE__ */ e.jsx(B, { children: n || /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
+    /* @__PURE__ */ e.jsxs(B, { value: "item-1", children: [
+      /* @__PURE__ */ e.jsx($, { children: `${Ds(s)} ${t}` }),
+      /* @__PURE__ */ e.jsx(P, { 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" }),
@@ -4057,7 +4078,7 @@ function ts({
             "a",
             {
               target: "_blank",
-              onClick: (t) => t.stopPropagation(),
+              onClick: (a) => a.stopPropagation(),
               className: "text-blue-700",
               href: "https://docs.semaphor.cloud/concepts/visuals#pie-chart",
               children: "example"
@@ -4067,25 +4088,25 @@ function ts({
         ] })
       ] }) })
     ] }),
-    /* @__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(is, {}),
-        s !== "text" && /* @__PURE__ */ e.jsx(qs, {}),
+    /* @__PURE__ */ e.jsxs(B, { value: "item-2", children: [
+      /* @__PURE__ */ e.jsx($, { children: "Settings" }),
+      /* @__PURE__ */ e.jsxs(P, { className: "space-y-4 px-2", children: [
+        s === "range" && /* @__PURE__ */ e.jsx(os, {}),
+        s !== "text" && /* @__PURE__ */ e.jsx(Vs, {}),
         s === "text" && /* @__PURE__ */ e.jsx(il, {})
       ] })
     ] }),
-    !["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(Ie, {}) })
+    !["range", "text"].includes(s) && /* @__PURE__ */ e.jsxs(B, { value: "item-3", children: [
+      /* @__PURE__ */ e.jsx($, { children: "Filter on click" }),
+      /* @__PURE__ */ e.jsx(P, { className: "px-2", children: /* @__PURE__ */ e.jsx(Ie, {}) })
     ] })
   ] }) });
 }
 function ol() {
   return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(Ce, { defaultValue: ["item-2"], type: "multiple", children: [
-    /* @__PURE__ */ e.jsxs(_, { 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.jsxs(B, { value: "item-1", children: [
+      /* @__PURE__ */ e.jsx($, { children: "Stacked Chart" }),
+      /* @__PURE__ */ e.jsxs(P, { 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" }),
@@ -4108,38 +4129,38 @@ function ol() {
         ] })
       ] })
     ] }),
-    /* @__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(is, {}),
-        /* @__PURE__ */ e.jsx(Ea, {})
+    /* @__PURE__ */ e.jsxs(B, { value: "item-2", children: [
+      /* @__PURE__ */ e.jsx($, { children: "Settings" }),
+      /* @__PURE__ */ e.jsxs(P, { className: "space-y-4 px-2", children: [
+        /* @__PURE__ */ e.jsx(os, {}),
+        /* @__PURE__ */ e.jsx(Et, {})
       ] })
     ] }),
-    /* @__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(Ie, {}) })
+    /* @__PURE__ */ e.jsxs(B, { value: "item-3", children: [
+      /* @__PURE__ */ e.jsx($, { children: "Filter on click" }),
+      /* @__PURE__ */ e.jsx(P, { className: "px-2", children: /* @__PURE__ */ e.jsx(Ie, {}) })
     ] })
   ] }) });
 }
 function cl({}) {
-  const s = c((t) => {
+  const s = c((a) => {
     var o;
-    return (o = t.card) == null ? void 0 : o.preferences;
+    return (o = a.card) == null ? void 0 : o.preferences;
   }), n = c(
-    (t) => t.actions.setCardPreferences
-  ), a = (t) => {
+    (a) => a.actions.setCardPreferences
+  ), t = (a) => {
     n({
       ...s,
-      allowDownload: t
+      allowDownload: a
     });
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-6 px-6 py-2", children: [
-    /* @__PURE__ */ e.jsx(Ce, { 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(Ie, {}) })
+    /* @__PURE__ */ e.jsx(Ce, { defaultValue: ["item-3"], type: "multiple", children: /* @__PURE__ */ e.jsxs(B, { value: "item-3", children: [
+      /* @__PURE__ */ e.jsx($, { children: "Filter on click" }),
+      /* @__PURE__ */ e.jsx(P, { className: "px-2", children: /* @__PURE__ */ e.jsx(Ie, {}) })
     ] }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-      /* @__PURE__ */ e.jsx(Ge, { onCheckedChange: a, id: "allow-download" }),
+      /* @__PURE__ */ e.jsx(Je, { onCheckedChange: t, id: "allow-download" }),
       /* @__PURE__ */ e.jsx(
         "label",
         {
@@ -4201,42 +4222,42 @@ const dl = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-
   ] })
 ] });
 function ul() {
-  const s = c((a) => a.card.type);
-  function n(a) {
-    switch (a) {
+  const s = c((t) => t.card.type);
+  function n(t) {
+    switch (t) {
       case "stackedBar":
       case "stackedLine":
         return /* @__PURE__ */ e.jsx(ol, {});
       case "pyramid":
-        return /* @__PURE__ */ e.jsx(ts, { docContent: dl, cardType: a });
+        return /* @__PURE__ */ e.jsx(as, { docContent: dl, cardType: t });
       case "kpi":
         return /* @__PURE__ */ e.jsx(rl, {});
       case "line":
       case "bar":
-        return /* @__PURE__ */ e.jsx(Zn, { cardType: a });
+        return /* @__PURE__ */ e.jsx(Xn, { cardType: t });
       case "range":
-        return /* @__PURE__ */ e.jsx(ts, { docContent: hl, cardType: a });
+        return /* @__PURE__ */ e.jsx(as, { docContent: hl, cardType: t });
       case "pie":
       case "doughnut":
       case "polarArea":
       case "radar":
-        return /* @__PURE__ */ e.jsx(ts, { cardType: a });
+        return /* @__PURE__ */ e.jsx(as, { cardType: t });
       case "bubble":
       case "scatter":
-        return /* @__PURE__ */ e.jsx(el, { cardType: a });
+        return /* @__PURE__ */ e.jsx(el, { cardType: t });
       case "table":
-        return /* @__PURE__ */ e.jsx(cl, { cardType: a });
+        return /* @__PURE__ */ e.jsx(cl, { cardType: t });
       case "text":
         return /* @__PURE__ */ e.jsx(
-          ts,
+          as,
           {
             docContent: ml,
-            cardType: a,
+            cardType: t,
             suffix: "Visual"
           }
         );
       default:
-        return /* @__PURE__ */ e.jsx(tl, {});
+        return /* @__PURE__ */ e.jsx(al, {});
     }
   }
   return /* @__PURE__ */ e.jsx(Ts, { className: "h-full w-full text-sm", children: n(s) });
@@ -4279,30 +4300,30 @@ function xl() {
                 }
               ) }),
               /* @__PURE__ */ e.jsx(vs, { className: "border" }),
-              /* @__PURE__ */ e.jsx(Fe, { minSize: 40, defaultSize: 75, maxSize: 100, children: /* @__PURE__ */ e.jsx(Xs, {}) })
-            ] }) : /* @__PURE__ */ e.jsx(Xs, {})
+              /* @__PURE__ */ e.jsx(Fe, { minSize: 40, defaultSize: 75, maxSize: 100, children: /* @__PURE__ */ e.jsx(Ys, {}) })
+            ] }) : /* @__PURE__ */ e.jsx(Ys, {})
           }
         )
       ]
     }
   );
 }
-function pl({ authToken: s, onSave: n, onClose: a }) {
-  const t = c((m) => m.actions.setOnSave), o = c((m) => m.actions.setOnClose), h = k((m) => m.actions.setAuthToken);
-  return U(() => {
-    n && t(n), a && o(a);
-  }, [n, t, a, o]), U(() => {
+function pl({ authToken: s, onSave: n, onClose: t }) {
+  const a = c((m) => m.actions.setOnSave), o = c((m) => m.actions.setOnClose), h = k((m) => m.actions.setAuthToken);
+  return Q(() => {
+    n && a(n), t && o(t);
+  }, [n, a, t, o]), Q(() => {
     s && s.accessToken && h(s);
-  }, [s, h]), /* @__PURE__ */ e.jsxs(Ht, { className: "rounded-none", role: "editor-panel", children: [
-    /* @__PURE__ */ e.jsx(Bt, { className: "rounded-none border-r-[1.5px]", children: /* @__PURE__ */ e.jsx(Na, {}) }),
-    /* @__PURE__ */ e.jsx($t, { children: /* @__PURE__ */ e.jsx(xl, {}) })
+  }, [s, h]), /* @__PURE__ */ e.jsxs(Ha, { className: "rounded-none", role: "editor-panel", children: [
+    /* @__PURE__ */ e.jsx(Ba, { className: "rounded-none border-r-[1.5px]", children: /* @__PURE__ */ e.jsx(Nt, {}) }),
+    /* @__PURE__ */ e.jsx($a, { children: /* @__PURE__ */ e.jsx(xl, {}) })
   ] });
 }
 function fl() {
   k((m) => m.selectedCardId);
-  const s = k((m) => m.selectedSheetId), { setIsVisualEditing: n } = k((m) => m.actions), a = k((m) => m.isVisualEditing), t = k((m) => m.actions.updateFrame);
+  const s = k((m) => m.selectedSheetId), { setIsVisualEditing: n } = k((m) => m.actions), t = k((m) => m.isVisualEditing), a = k((m) => m.actions.updateFrame);
   function o(m) {
-    s && (t(s, m), n(!1));
+    s && (a(s, m), n(!1));
   }
   function h() {
     n(!1);
@@ -4311,9 +4332,9 @@ function fl() {
     "div",
     {
       role: "editor-container",
-      className: X("flex grow", {
-        block: a,
-        hidden: !a
+      className: ee("flex grow", {
+        block: t,
+        hidden: !t
       }),
       children: /* @__PURE__ */ e.jsx(pl, { onSave: o, onClose: h })
     }
@@ -4323,46 +4344,46 @@ function gl({
   columns: s,
   tableName: n
 }) {
-  const a = c((i) => i.selectedConnectionId), t = c((i) => i.selectedDatamodelId), o = c((i) => i.selectedDatabaseName), h = c((i) => i.selectedSchemaName), m = c((i) => i.selectedTableName), l = k((i) => i.dashboard.filters) || [], d = k((i) => i.actions.addFilter), p = k((i) => i.actions.removeFilter), u = k(
+  const t = c((i) => i.selectedConnectionId), a = c((i) => i.selectedDatamodelId), o = c((i) => i.selectedDatabaseName), h = c((i) => i.selectedSchemaName), m = c((i) => i.selectedTableName), l = k((i) => i.dashboard.filters) || [], d = k((i) => i.actions.addFilter), p = k((i) => i.actions.removeFilter), x = k(
     (i) => i.actions.removeFilterValue
-  ), { modelItems: g } = Vs();
-  function C(i) {
-    var z;
-    const x = ue(i.column_name), f = ue(o || ""), w = ue(h || ""), N = ue(n);
-    let E = js(
-      w,
+  ), { modelItems: g } = is();
+  function j(i) {
+    var V;
+    const u = ue(i.column_name), f = ue(o || ""), z = ue(h || ""), N = ue(n);
+    let D = it(
+      z,
       N
-    ), y = `${E}.${x}`;
-    const A = (z = g == null ? void 0 : g.find(
-      (M) => M.id === t
-    )) == null ? void 0 : z.name;
-    t && t !== "none" && (y = `d.${A}.${x}`, E = `d.${A}`), console.log(
+    ), b = `${D}.${u}`;
+    const A = (V = g == null ? void 0 : g.find(
+      (L) => L.id === a
+    )) == null ? void 0 : V.name;
+    a && a !== "none" && (b = `d.${A}.${u}`, D = `d.${A}`), console.log(
       "find",
-      y,
+      b,
       N,
       f
     );
-    const b = l == null ? void 0 : l.find(
-      (M) => M.column === y && M.table === N && (M.database === f || M.database === o)
+    const E = l == null ? void 0 : l.find(
+      (L) => L.column === b && L.table === N && (L.database === f || L.database === o)
     );
-    if (b)
-      u(b.id), p(b.id);
+    if (E)
+      x(E.id), p(E.id);
     else {
-      if (n === "api" && a) {
+      if (n === "api" && t) {
         d({
           id: ns(),
-          column: y,
+          column: b,
           title: i.column_name,
           dataType: i.data_type,
           table: "api",
           database: "",
           // database: 'NA',
-          connectionId: a,
+          connectionId: t,
           operation: "in",
-          sql: Qs(
+          sql: Us(
             i.data_type,
-            E,
-            x
+            D,
+            u
           )
           //DATE_DATA_TYPES.includes(column.data_type) ? dateSql : sql,
         });
@@ -4370,39 +4391,39 @@ function gl({
       }
       d({
         id: ns(),
-        column: y,
+        column: b,
         //columnName, //`${qualifiedTableName}.${formattedColumnName}`,
         title: i.column_name,
         dataType: i.data_type,
         table: m || "",
         database: o || "",
-        connectionId: a || "",
+        connectionId: t || "",
         operation: "in",
-        sql: Qs(
+        sql: Us(
           i.data_type,
-          E,
-          x
+          D,
+          u
         )
         //DATE_DATA_TYPES.includes(column.data_type) ? dateSql : sql,
       });
     }
   }
   return /* @__PURE__ */ e.jsx("div", { className: "xbg-red-100 flex-1 basis-0 flex-col overflow-scroll px-3", children: s == null ? void 0 : s.map((i) => {
-    const x = l == null ? void 0 : l.find(
+    const u = l == null ? void 0 : l.find(
       (f) => f.column === ue(i.column_name) && f.table === m && f.database === o
     );
     return /* @__PURE__ */ e.jsx(
       "div",
       {
-        onClick: () => C(i),
-        className: X(
+        onClick: () => j(i),
+        className: ee(
           "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": x
+            "bg-muted": u
           }
         ),
         children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ e.jsx(va, { column: i }),
+          /* @__PURE__ */ e.jsx(vt, { column: i }),
           /* @__PURE__ */ e.jsx("span", { children: i.column_name })
         ] })
       },
@@ -4417,7 +4438,7 @@ function jl() {
   );
   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(R, { className: "text-lg", children: "Filters" }),
+      /* @__PURE__ */ e.jsx(H, { className: "text-lg", children: "Filters" }),
       /* @__PURE__ */ e.jsx(
         S,
         {
@@ -4429,14 +4450,14 @@ function jl() {
       )
     ] }),
     /* @__PURE__ */ e.jsx("div", { className: "flex grow", children: /* @__PURE__ */ e.jsx(
-      Na,
+      Nt,
       {
-        ColumnsComponent: (n, a, t) => /* @__PURE__ */ e.jsx(
+        ColumnsComponent: (n, t, a) => /* @__PURE__ */ e.jsx(
           gl,
           {
             schemaName: n,
-            tableName: a,
-            columns: t
+            tableName: t,
+            columns: a
           }
         )
       }
@@ -4444,42 +4465,42 @@ function jl() {
   ] });
 }
 function bl() {
-  k((a) => a.dashboard);
-  const s = k((a) => a.showFilters), n = k((a) => a.isVisualEditing);
-  return k((a) => a.bookmarkKey), /* @__PURE__ */ e.jsxs(
+  k((t) => t.dashboard);
+  const s = k((t) => t.showFilters), n = k((t) => t.isVisualEditing);
+  return k((t) => t.bookmarkKey), /* @__PURE__ */ e.jsxs(
     "div",
     {
       role: "dashboard-plus-main",
-      className: X("grow", {
+      className: ee("grow", {
         hidden: n,
         flex: !n
       }),
       children: [
-        /* @__PURE__ */ e.jsx(Pt, {}),
+        /* @__PURE__ */ e.jsx(Pa, {}),
         s && /* @__PURE__ */ e.jsx("div", { role: "filter-aside-container", className: "flex", children: /* @__PURE__ */ e.jsx(jl, {}) })
       ]
     }
   );
 }
 function yl() {
-  const s = k((t) => t.dashboard), n = k((t) => t.actions.setDashboard), a = k(
-    (t) => t.showDashboardJSON
+  const s = k((a) => a.dashboard), n = k((a) => a.actions.setDashboard), t = k(
+    (a) => a.showDashboardJSON
   );
   return k(
-    (t) => t.actions.setShowDashboardJSON
+    (a) => a.actions.setShowDashboardJSON
   ), /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: X(" p-2", {
-        hidden: !a
+      className: ee(" p-2", {
+        hidden: !t
       }),
       children: /* @__PURE__ */ e.jsx(
-        Kt,
+        Ka,
         {
-          onChange: (t) => {
-            if (t)
+          onChange: (a) => {
+            if (a)
               try {
-                JSON.parse(t), n(JSON.parse(t));
+                JSON.parse(a), n(JSON.parse(a));
               } catch {
               }
           },
@@ -4508,13 +4529,13 @@ function yl() {
 function Cl({
   showControls: s = !1,
   showFooter: n = !0,
-  ...a
+  ...t
 }) {
-  return /* @__PURE__ */ e.jsxs(Ut, { dashboardProps: a, children: [
-    /* @__PURE__ */ e.jsx(Gt, {}),
-    /* @__PURE__ */ e.jsxs(Jt, { children: [
+  return /* @__PURE__ */ e.jsxs(Ga, { dashboardProps: t, children: [
+    /* @__PURE__ */ e.jsx(Ja, {}),
+    /* @__PURE__ */ e.jsxs(Ua, { children: [
       /* @__PURE__ */ e.jsx(yl, {}),
-      /* @__PURE__ */ e.jsxs(Qt, { ...a, children: [
+      /* @__PURE__ */ e.jsxs(Qa, { ...t, children: [
         s && /* @__PURE__ */ e.jsx(kn, {}),
         /* @__PURE__ */ e.jsx(fl, {}),
         /* @__PURE__ */ e.jsx(bl, {})
@@ -4525,5 +4546,5 @@ function Cl({
 export {
   Cl as D,
   _e as S,
-  Vs as u
+  is as u
 };