semaphor 0.0.76 → 0.0.77

package/dist/chunks/{dashboard-plus-bg-mRdBZ.js → dashboard-plus-5B6hJeBZ.js}

@@ -1,6 +1,6 @@
-import { J as A, L as We, b as z, c as cs, u as je, j as e, M as ws, O as ks, P as F, Q as zs, R as Fs, U as Is, V as Ts, W as Ds, X as _, Y as Se, Z as la, _ as ra, $ as ia, a0 as oa, a1 as st, a2 as at, a3 as tt, a4 as Gs, f as Z, a5 as Be, a6 as nt, a7 as ca, a8 as Ue, a9 as Ge, T as Ls, e as da, g as Ms, aa as he, ab as me, ac as xe, ad as pe, ae as we, af as fe, ag as J, ah as Os, G as o, ai as As, aj as Es, ak as Vs, w as ua, v as ha, t as ue, al as lt, r as rt, N as ma, s as it, am as ot, B as ct, an as xa, ao as dt, S as qs, z as ut, n as Ks, A as pa, ap as bs, aq as ie, ar as Ne, as as Ie, at as ds, au as fa, av as ht, aw as mt, ax as ga, ay as xt, az as pt, aA as ft, aB as gt, aC as jt, aD as ys, aE as bt, aF as yt, aG as Pe, aH as vs, aI as Ae, aJ as Cs, aK as Qs, aL as vt, aM as Ct, aN as Nt, aO as St, aP as wt, aQ as kt, aR as js, aS as zt, aT as Ws, aU as Ft, aV as Js, aW as It, aX as Tt, aY as Dt, aZ as ja, H as be, a_ as ba, l as Lt, C as Mt, E as ts, d as Ot, h as At, a$ as Et, i as Vt, o as qt, b0 as Rt, m as _t, b1 as Ht, b2 as ya, b3 as va, b4 as ns, b5 as Ca, b6 as ls, b7 as Ys, b8 as $t, b9 as Pt, ba as us, bb as hs, bc as ms, bd as Bt, be as Ut, bf as Na, K as Gt, bg as Kt, bh as Qt, bi as xs, bj as Te, bk as Wt, bl as Jt, bm as Sa, bn as Yt, bo as Xt, bp as rs, bq as Zt, br as en, bs as sn, bt as Xs, bu as an, bv as tn, bw as nn, bx as ln, by as rn, bz as on, bA as cn, bB as dn, bC as De, bD as B, bE as U, bF as Rs, bG as G, bH as un, bI as wa, bJ as ka, bK as hn, bL as mn, bM as xn, bN as pn, bO as fn, bP as gn, bQ as jn, bR as bn, bS as yn } from "./index-CbTZvlIM.js";
+import { J as A, L as Je, b as z, c as Ss, u as je, j as e, M as ws, O as ks, P as F, Q as zs, R as Fs, U as Is, V as Ts, W as Ds, X as _, Y as Se, Z as la, _ as ra, $ as ia, a0 as oa, a1 as tt, a2 as nt, a3 as lt, a4 as Gs, f as X, a5 as Ue, a6 as rt, a7 as ca, a8 as Ge, a9 as Ke, T as Ls, e as da, g as Ms, aa as he, ab as me, ac as xe, ad as pe, ae as we, af as fe, ag as W, ah as Os, G as o, ai as As, aj as Es, ak as Vs, w as ua, v as ha, t as ue, al as it, r as ot, N as ma, s as ct, am as dt, B as ut, an as xa, ao as ht, S as qs, z as mt, n as Ks, A as pa, ap as js, aq as ce, ar as Ne, as as Te, at as ds, au as fa, av as xt, aw as pt, ax as ga, ay as ft, az as gt, aA as jt, aB as bt, aC as yt, aD as bs, aE as vt, aF as Ct, aG as Be, aH as ys, aI as Ee, aJ as vs, aK as Qs, aL as Nt, aM as St, aN as wt, aO as kt, aP as zt, aQ as Ft, aR as gs, aS as It, aT as Ws, aU as Tt, aV as Js, aW as Dt, aX as Lt, aY as Mt, aZ as ja, H as be, a_ as ba, l as Ot, C as At, E as ns, d as Et, h as Vt, a$ as qt, i as Rt, o as _t, b0 as Ht, m as $t, b1 as Pt, b2 as ya, b3 as va, b4 as ls, b5 as Ca, b6 as rs, b7 as Ys, b8 as Bt, b9 as Ut, ba as us, bb as hs, bc as ms, bd as Gt, be as Kt, bf as Na, K as Qt, bg as Wt, bh as Jt, bi as xs, bj as De, bk as Yt, bl as Xt, bm as Sa, bn as Zt, bo as en, bp as is, bq as sn, br as an, bs as tn, bt as Xs, bu as nn, bv as ln, bw as rn, bx as on, by as cn, bz as dn, bA as un, bB as hn, bC as Le, bD as U, bE as G, bF as Rs, bG as K, bH as mn, bI as wa, bJ as ka, bK as xn, bL as pn, bM as fn, bN as gn, bO as jn, bP as bn, bQ as yn, bR as vn, bS as Cn } from "./index-MEy4VWWZ.js";
 import * as Zs from "react";
-import ge, { useState as E, useMemo as Ns, useEffect as X, useRef as Ke, Suspense as vn } from "react";
+import ge, { useState as E, useMemo as Cs, useEffect as Y, useRef as Qe, Suspense as Nn } from "react";
 import "react-dom";
 /**
  * @license lucide-react v0.453.0 - ISC
@@ -8,7 +8,7 @@ import "react-dom";
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Cn = A("Box", [
+const Sn = A("Box", [
   [
     "path",
     {
@@ -25,7 +25,7 @@ const Cn = A("Box", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Nn = A("ChartArea", [
+const wn = A("ChartArea", [
   ["path", { d: "M3 3v16a2 2 0 0 0 2 2h16", key: "c24i48" }],
   [
     "path",
@@ -104,7 +104,7 @@ const Ia = A("ChartScatter", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Sn = A("CircleX", [
+const kn = A("CircleX", [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
   ["path", { d: "m9 9 6 6", key: "z0biqf" }]
@@ -115,7 +115,7 @@ const Sn = A("CircleX", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const wn = A("CopyPlus", [
+const zn = A("CopyPlus", [
   ["line", { x1: "15", x2: "15", y1: "12", y2: "18", key: "1p7wdc" }],
   ["line", { x1: "12", x2: "18", y1: "15", y2: "15", key: "1nscbv" }],
   ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
@@ -127,7 +127,7 @@ const wn = A("CopyPlus", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const kn = A("Database", [
+const Fn = A("Database", [
   ["ellipse", { cx: "12", cy: "5", rx: "9", ry: "3", key: "msslwz" }],
   ["path", { d: "M3 5V19A9 3 0 0 0 21 19V5", key: "1wlel7" }],
   ["path", { d: "M3 12A9 3 0 0 0 21 12", key: "mv7ke4" }]
@@ -149,7 +149,7 @@ const Ta = A("EllipsisVertical", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const zn = A("Eraser", [
+const In = A("Eraser", [
   [
     "path",
     {
@@ -166,7 +166,7 @@ const zn = A("Eraser", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Fn = A("EyeClosed", [
+const Tn = A("EyeClosed", [
   ["path", { d: "m15 18-.722-3.25", key: "1j64jw" }],
   ["path", { d: "M2 8a10.645 10.645 0 0 0 20 0", key: "1e7gxb" }],
   ["path", { d: "m20 15-1.726-2.05", key: "1cnuld" }],
@@ -179,7 +179,7 @@ const Fn = A("EyeClosed", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const In = A("Eye", [
+const Dn = A("Eye", [
   [
     "path",
     {
@@ -195,7 +195,7 @@ const In = A("Eye", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Tn = A("Glasses", [
+const Ln = A("Glasses", [
   ["circle", { cx: "6", cy: "15", r: "4", key: "vux9w4" }],
   ["circle", { cx: "18", cy: "15", r: "4", key: "18o8ve" }],
   ["path", { d: "M14 15a2 2 0 0 0-2-2 2 2 0 0 0-2 2", key: "1ag4bs" }],
@@ -208,7 +208,7 @@ const Tn = A("Glasses", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Dn = A("Hammer", [
+const Mn = A("Hammer", [
   ["path", { d: "m15 12-8.373 8.373a1 1 0 1 1-3-3L12 9", key: "eefl8a" }],
   ["path", { d: "m18 15 4-4", key: "16gjal" }],
   [
@@ -225,7 +225,7 @@ const Dn = A("Hammer", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ln = A("Hash", [
+const On = A("Hash", [
   ["line", { x1: "4", x2: "20", y1: "9", y2: "9", key: "4lhtct" }],
   ["line", { x1: "4", x2: "20", y1: "15", y2: "15", key: "vyu0kd" }],
   ["line", { x1: "10", x2: "8", y1: "3", y2: "21", key: "1ggp8o" }],
@@ -237,7 +237,7 @@ const Ln = A("Hash", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Mn = A("House", [
+const An = A("House", [
   ["path", { d: "M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8", key: "5wwlr5" }],
   [
     "path",
@@ -264,7 +264,7 @@ const Da = A("Key", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const On = A("ListEnd", [
+const En = A("ListEnd", [
   ["path", { d: "M16 12H3", key: "1a2rj7" }],
   ["path", { d: "M16 6H3", key: "1wxfjs" }],
   ["path", { d: "M10 18H3", key: "13769t" }],
@@ -277,7 +277,7 @@ const On = A("ListEnd", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const An = A("ListStart", [
+const Vn = A("ListStart", [
   ["path", { d: "M16 12H3", key: "1a2rj7" }],
   ["path", { d: "M16 18H3", key: "12xzn7" }],
   ["path", { d: "M10 6H3", key: "lf8lx7" }],
@@ -290,7 +290,7 @@ const An = A("ListStart", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const En = A("ListX", [
+const qn = A("ListX", [
   ["path", { d: "M11 12H3", key: "51ecnj" }],
   ["path", { d: "M16 6H3", key: "1wxfjs" }],
   ["path", { d: "M16 18H3", key: "12xzn7" }],
@@ -303,7 +303,7 @@ const En = A("ListX", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Qe = A("LoaderCircle", [
+const We = A("LoaderCircle", [
   ["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]
 ]);
 /**
@@ -312,7 +312,7 @@ const Qe = A("LoaderCircle", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Vn = A("MessageSquareMore", [
+const Rn = A("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" }],
@@ -324,7 +324,7 @@ const Vn = A("MessageSquareMore", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const qn = A("Network", [
+const _n = A("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" }],
@@ -353,7 +353,7 @@ const La = A("Pencil", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Rn = A("Play", [
+const Hn = A("Play", [
   ["polygon", { points: "6 3 20 12 6 21 6 3", key: "1oa8hb" }]
 ]);
 /**
@@ -362,7 +362,7 @@ const Rn = A("Play", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const _n = A("Plug2", [
+const $n = A("Plug2", [
   ["path", { d: "M9 2v6", key: "17ngun" }],
   ["path", { d: "M15 2v6", key: "s7yy2p" }],
   ["path", { d: "M12 17v5", key: "bb1du9" }],
@@ -375,7 +375,7 @@ const _n = A("Plug2", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Hn = A("Save", [
+const Pn = A("Save", [
   [
     "path",
     {
@@ -409,7 +409,7 @@ const Ma = A("Shapes", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const $n = A("ShieldQuestion", [
+const Bn = A("ShieldQuestion", [
   [
     "path",
     {
@@ -426,7 +426,7 @@ const $n = A("ShieldQuestion", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Pn = A("Sigma", [
+const Un = A("Sigma", [
   [
     "path",
     {
@@ -441,7 +441,7 @@ const Pn = A("Sigma", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Bn = A("SwatchBook", [
+const Gn = A("SwatchBook", [
   ["path", { d: "M11 17a4 4 0 0 1-8 0V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2Z", key: "1ldrpk" }],
   ["path", { d: "M16.7 13H19a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H7", key: "11i5po" }],
   ["path", { d: "M 7 17h.01", key: "1euzgo" }],
@@ -459,7 +459,7 @@ const Bn = A("SwatchBook", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Un = A("Tag", [
+const Kn = A("Tag", [
   [
     "path",
     {
@@ -475,7 +475,7 @@ const Un = A("Tag", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Gn = A("ToggleLeft", [
+const Qn = A("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" }]
 ]);
@@ -496,7 +496,7 @@ const $s = A("Type", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Kn = A("User", [
+const Wn = A("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" }]
 ]);
@@ -512,14 +512,14 @@ function Oa(s) {
           var i;
           return {
             ...l,
-            cards: (i = l.cards) == null ? void 0 : i.map((r) => Qn(r))
+            cards: (i = l.cards) == null ? void 0 : i.map((r) => Jn(r))
           };
         })
       };
     })
   };
 }
-function Qn(s) {
+function Jn(s) {
   var n, a, t, l;
   return {
     ...s,
@@ -534,12 +534,12 @@ function Qn(s) {
         }))
       }
     },
-    customCfg: Wn(s.customCfg),
+    customCfg: Yn(s.customCfg),
     // if customCfg is present, clean it, otherwise return null{
     data: []
   };
 }
-function Wn(s) {
+function Yn(s) {
   var n, a;
   return s ? {
     ...s,
@@ -553,22 +553,22 @@ function Wn(s) {
     }
   } : null;
 }
-async function Jn(s, n, a, t) {
+async function Xn(s, n, a, t) {
   if (!t)
     return null;
   const l = JSON.stringify(n);
-  return await We("https://semaphor.cloud/api/v1/lens", t, {
+  return await Je("https://semaphor.cloud/api/v1/lens", t, {
     name: s,
     template: l,
     filterValues: a,
     operation: "create"
   });
 }
-async function Ss(s, n) {
+async function Ns(s, n) {
   if (!n)
     return null;
   const { id: a, template: t, filterValues: l, isDefault: i, shared: r } = s;
-  return await We("https://semaphor.cloud/api/v1/lens", n, {
+  return await Je("https://semaphor.cloud/api/v1/lens", n, {
     lensId: a,
     template: t,
     filterValues: l,
@@ -577,22 +577,22 @@ async function Ss(s, n) {
     operation: "update"
   });
 }
-async function Yn(s, n) {
-  return n ? await We("https://semaphor.cloud/api/v1/lens", n, {
+async function Zn(s, n) {
+  return n ? await Je("https://semaphor.cloud/api/v1/lens", n, {
     operation: "delete",
     lensId: s
   }) : null;
 }
-function Xn() {
-  const [s, n] = E(""), [a, t] = E(!1), l = z((C) => C.lenses), { setLenses: i, setSelectedLensId: r } = cs(), [d, c] = E(!1), [u, m] = E(!1), b = z((C) => C.dashboard), g = z((C) => C.filterValues), { authToken: h } = je();
+function el() {
+  const [s, n] = E(""), [a, t] = E(!1), l = z((C) => C.lenses), { setLenses: i, setSelectedLensId: r } = Ss(), [d, c] = E(!1), [u, m] = E(!1), y = z((C) => C.dashboard), j = z((C) => C.filterValues), { authToken: h } = je();
   async function x() {
     c(!0);
     const C = Oa(
-      b
-    ), I = await Jn(
+      y
+    ), I = await Xn(
       s,
       C,
-      g,
+      j,
       h == null ? void 0 : h.accessToken
     );
     I && (i([...l || [], I]), r(I.id), m(!1)), c(!1);
@@ -644,47 +644,47 @@ function Xn() {
     ] })
   ] });
 }
-function Zn() {
-  const [s, n] = E(!1), a = z((m) => m.lenses), t = z((m) => m.selectedLensId), { setLenses: l, setSelectedLensId: i } = cs(), { authToken: r } = je();
+function sl() {
+  const [s, n] = E(!1), a = z((m) => m.lenses), t = z((m) => m.selectedLensId), { setLenses: l, setSelectedLensId: i } = Ss(), { authToken: r } = je();
   async function d(m) {
     i(m);
   }
   async function c(m) {
-    if (await Yn(m, r == null ? void 0 : r.accessToken)) {
-      const g = a == null ? void 0 : a.filter((h) => h.id !== m);
-      l(g || []), i("original");
+    if (await Zn(m, r == null ? void 0 : r.accessToken)) {
+      const j = a == null ? void 0 : a.filter((h) => h.id !== m);
+      l(j || []), i("original");
     }
   }
   async function u(m) {
-    const b = a == null ? void 0 : a.map((x) => x.id === m.id ? {
+    const y = a == null ? void 0 : a.map((x) => x.id === m.id ? {
       ...x,
       isDefault: !m.isDefault
     } : {
       ...x,
       isDefault: !1
     });
-    l(b || []);
-    const g = {
+    l(y || []);
+    const j = {
       ...m,
       isDefault: !m.isDefault
     };
-    await Ss(g, r == null ? void 0 : r.accessToken);
+    await Ns(j, r == null ? void 0 : r.accessToken);
     const h = a == null ? void 0 : a.find((x) => x.isDefault);
     if (h && h.id !== m.id) {
       const x = {
         ...h,
         isDefault: !1
       };
-      await Ss(x, r == null ? void 0 : r.accessToken);
+      await Ns(x, r == null ? void 0 : r.accessToken);
     }
   }
   return /* @__PURE__ */ e.jsxs(ra, { open: s, onOpenChange: n, children: [
-    /* @__PURE__ */ e.jsx(ia, { asChild: !0, children: /* @__PURE__ */ e.jsx(F, { variant: "ghost", className: "h-7 p-2", children: /* @__PURE__ */ e.jsx(Tn, { className: "h-4 w-4", strokeWidth: 1.5 }) }) }),
+    /* @__PURE__ */ e.jsx(ia, { asChild: !0, children: /* @__PURE__ */ e.jsx(F, { variant: "ghost", className: "h-7 p-2", children: /* @__PURE__ */ e.jsx(Ln, { className: "h-4 w-4", strokeWidth: 1.5 }) }) }),
     /* @__PURE__ */ e.jsxs(oa, { align: "end", className: "w-60", children: [
-      /* @__PURE__ */ e.jsx(st, { className: "px-3", children: "Lenses" }),
-      /* @__PURE__ */ e.jsx(at, {}),
+      /* @__PURE__ */ e.jsx(tt, { className: "px-3", children: "Lenses" }),
+      /* @__PURE__ */ e.jsx(nt, {}),
       /* @__PURE__ */ e.jsxs(
-        tt,
+        lt,
         {
           value: t,
           onValueChange: d,
@@ -699,12 +699,12 @@ function Zn() {
                   /* @__PURE__ */ e.jsx("p", { children: m.name }),
                   /* @__PURE__ */ e.jsxs("span", { className: "flex items-center gap-3", children: [
                     /* @__PURE__ */ e.jsx(
-                      Mn,
+                      An,
                       {
-                        onClick: (b) => {
-                          b.preventDefault(), u(m);
+                        onClick: (y) => {
+                          y.preventDefault(), u(m);
                         },
-                        className: Z(
+                        className: X(
                           "size-3.5 text-muted-foreground hover:cursor-pointer hover:text-foreground group-hover:visible",
                           {
                             invisible: !m.isDefault,
@@ -715,10 +715,10 @@ function Zn() {
                       }
                     ),
                     /* @__PURE__ */ e.jsx(
-                      Be,
+                      Ue,
                       {
-                        onClick: (b) => {
-                          b.preventDefault(), c(m.id);
+                        onClick: (y) => {
+                          y.preventDefault(), c(m.id);
                         },
                         className: "invisible size-3.5 text-muted-foreground hover:cursor-pointer hover:text-foreground group-hover:visible",
                         strokeWidth: 1.5
@@ -735,27 +735,27 @@ function Zn() {
     ] })
   ] });
 }
-function el() {
-  const { authToken: s } = je(), n = z((f) => f.lenses), a = z((f) => f.selectedLensId), t = n == null ? void 0 : n.find((f) => f.id === a), l = z((f) => f.dashboard);
-  z((f) => f.selectedSheetId);
+function al() {
+  const { authToken: s } = je(), n = z((g) => g.lenses), a = z((g) => g.selectedLensId), t = n == null ? void 0 : n.find((g) => g.id === a), l = z((g) => g.dashboard);
+  z((g) => g.selectedSheetId);
   const i = z(
-    (f) => f.isDashboardEditing
-  ), [r, d] = E(!1), c = z((f) => f.filterValues), u = z((f) => f.isVisualEditing), m = z((f) => f.showFilters);
+    (g) => g.isDashboardEditing
+  ), [r, d] = E(!1), c = z((g) => g.filterValues), u = z((g) => g.isVisualEditing), m = z((g) => g.showFilters);
   z(
-    (f) => f.showDashboardJSON
+    (g) => g.showDashboardJSON
   );
-  const b = z((f) => f.onSaveFunction), g = z(
-    (f) => f.actions.setShowFilters
+  const y = z((g) => g.onSaveFunction), j = z(
+    (g) => g.actions.setShowFilters
   ), { addFrame: h, setSelectedFrameId: x } = z(
-    (f) => f.actions
-  ), { getSelectedSheet: C, setIsDashboardEditing: I, setShowDashboardJSON: S } = z((f) => f.actions), O = C(), { tenantId: y, endUserId: M } = Ns(
-    () => nt(s == null ? void 0 : s.accessToken),
+    (g) => g.actions
+  ), { getSelectedSheet: C, setIsDashboardEditing: I, setShowDashboardJSON: S } = z((g) => g.actions), O = C(), { tenantId: v, endUserId: L } = Cs(
+    () => rt(s == null ? void 0 : s.accessToken),
     [s == null ? void 0 : s.accessToken]
-  ), L = Ns(() => y || M, [y, M]), p = () => {
+  ), D = Cs(() => v || L, [v, L]), p = () => {
     if (!i || !O)
       return;
-    const f = {
-      id: Ue(),
+    const g = {
+      id: Ge(),
       title: "Title",
       description: "Description",
       preferences: {
@@ -770,25 +770,25 @@ function el() {
       sql: "select COUNT(*) from YOUR_TABLE",
       data: []
     }, V = {
-      id: Ue(),
-      cards: [f],
-      activeCardId: f.id
+      id: Ge(),
+      cards: [g],
+      activeCardId: g.id
     };
     h(O.id, V), x(V.id);
   }, w = () => {
     I(!0);
   };
-  async function j() {
+  async function b() {
     if (d(!0), !a || !t)
       return;
-    const f = Oa(
+    const g = Oa(
       l
-    ), V = JSON.stringify(f), $ = {
+    ), V = JSON.stringify(g), $ = {
       ...t,
       template: V,
       filterValues: c
     };
-    await Ss($, s == null ? void 0 : s.accessToken), Ge.success("Lens saved"), b == null || b(f), d(!1);
+    await Ns($, s == null ? void 0 : s.accessToken), Ke.success("Lens saved"), y == null || y(g), d(!1);
   }
   return u ? null : /* @__PURE__ */ e.jsxs(
     "div",
@@ -798,8 +798,8 @@ function el() {
       children: [
         !u && /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ e.jsx(_, { children: t == null ? void 0 : t.name }) }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
-          i && !u && L && /* @__PURE__ */ e.jsx(Xn, {}),
-          !u && L && /* @__PURE__ */ e.jsx(Zn, {}),
+          i && !u && D && /* @__PURE__ */ e.jsx(el, {}),
+          !u && D && /* @__PURE__ */ e.jsx(sl, {}),
           i && !u && /* @__PURE__ */ e.jsxs(
             F,
             {
@@ -834,18 +834,18 @@ function el() {
                 I(!1), S(!1);
               },
               size: "sm",
-              children: /* @__PURE__ */ e.jsx(Be, { className: "h-4 w-4", strokeWidth: 1.5 })
+              children: /* @__PURE__ */ e.jsx(Ue, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          i && !u && L && /* @__PURE__ */ e.jsx(
+          i && !u && D && /* @__PURE__ */ e.jsx(
             F,
             {
               className: "h-7 p-2",
               variant: "ghost",
               disabled: r,
-              onClick: j,
+              onClick: b,
               size: "sm",
-              children: /* @__PURE__ */ e.jsx(Hn, { className: "h-4 w-4", strokeWidth: 1.5 })
+              children: /* @__PURE__ */ e.jsx(Pn, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
           !m && !u && i && /* @__PURE__ */ e.jsx(
@@ -853,7 +853,7 @@ function el() {
             {
               className: "h-7 p-2",
               variant: "ghost",
-              onClick: () => g(!0),
+              onClick: () => j(!0),
               size: "sm",
               children: /* @__PURE__ */ e.jsx(ca, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
@@ -865,7 +865,7 @@ function el() {
     }
   );
 }
-function He({
+function $e({
   title: s,
   items: n,
   value: a,
@@ -878,29 +878,29 @@ function He({
   showIcon: u = !0,
   disabled: m = !1
 }) {
-  const b = t ? "Loading..." : l ? "Error" : a;
-  function g() {
+  const y = t ? "Loading..." : l ? "Error" : a;
+  function j() {
     if (s === "Connection")
-      return /* @__PURE__ */ e.jsx(_n, { className: "size-4 rotate-90" });
+      return /* @__PURE__ */ e.jsx($n, { className: "size-4 rotate-90" });
     if (s === "Database")
-      return /* @__PURE__ */ e.jsx(kn, { className: "size-4" });
+      return /* @__PURE__ */ e.jsx(Fn, { className: "size-4" });
     if (s === "Schema")
-      return /* @__PURE__ */ e.jsx(qn, { className: "size-4" });
+      return /* @__PURE__ */ e.jsx(_n, { className: "size-4" });
     if (s === "Table")
       return /* @__PURE__ */ e.jsx(Os, { className: "size-4" });
     if (s === "Model")
-      return /* @__PURE__ */ e.jsx(Cn, { className: "size-4" });
+      return /* @__PURE__ */ e.jsx(Sn, { className: "size-4" });
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
     u && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: i ? /* @__PURE__ */ e.jsxs(Ls, { children: [
-      /* @__PURE__ */ e.jsx(da, { children: g() }),
+      /* @__PURE__ */ e.jsx(da, { children: j() }),
       /* @__PURE__ */ e.jsx(Ms, { className: "text-xs", align: "start", children: i })
-    ] }) : g() }),
-    /* @__PURE__ */ e.jsxs(he, { disabled: m, value: b, onValueChange: r, children: [
+    ] }) : j() }),
+    /* @__PURE__ */ e.jsxs(he, { disabled: m, value: y, onValueChange: r, children: [
       /* @__PURE__ */ e.jsx(
         me,
         {
-          className: Z(
+          className: X(
             "h-9 w-full focus:ring-1 focus:ring-offset-0",
             c
           ),
@@ -915,24 +915,24 @@ function He({
       /* @__PURE__ */ e.jsx(pe, { children: /* @__PURE__ */ e.jsxs(we, { children: [
         t ? /* @__PURE__ */ e.jsx(fe, { children: "Loading..." }) : /* @__PURE__ */ e.jsx(fe, { children: s }),
         /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-          d && /* @__PURE__ */ e.jsx(J, { value: "none", children: "None" }, "none"),
-          n && n.map((h, x) => /* @__PURE__ */ e.jsx(J, { value: h.id, children: h.name }, x))
+          d && /* @__PURE__ */ e.jsx(W, { value: "none", children: "None" }, "none"),
+          n && n.map((h, x) => /* @__PURE__ */ e.jsx(W, { value: h.id, children: h.name }, x))
         ] }),
-        (t || l) && /* @__PURE__ */ e.jsx(J, { value: b, children: b })
+        (t || l) && /* @__PURE__ */ e.jsx(W, { value: y, children: y })
       ] }) })
     ] })
   ] });
 }
-function sl({ column: s }) {
+function tl({ column: s }) {
   const [n, a] = E(!1), t = o((h) => h.selectedTableName), l = o(
     (h) => h.selectedSchemaName
   ), i = o(
     (h) => h.selectedDatamodelId
-  ), r = o((h) => h.sqlGen), { modelItems: d } = Ee(), c = o((h) => h.actions.setSqlGen), u = o((h) => h.actions.setCardSql), m = o((h) => h.actions.setRunSql);
-  function b(h, x) {
+  ), r = o((h) => h.sqlGen), { modelItems: d } = Ve(), c = o((h) => h.actions.setSqlGen), u = o((h) => h.actions.setCardSql), m = o((h) => h.actions.setRunSql);
+  function y(h, x) {
     var O;
     const C = ua(h, r, x), I = (O = d == null ? void 0 : d.find(
-      (y) => y.id === i
+      (v) => v.id === i
     )) == null ? void 0 : O.name;
     c(C);
     const S = ha(
@@ -943,12 +943,12 @@ function sl({ column: s }) {
     );
     S && (u(S), m(!0)), a(!1);
   }
-  function g() {
+  function j() {
     return /* @__PURE__ */ e.jsxs("ul", { className: "text-xs", children: [
       /* @__PURE__ */ e.jsx(
         "li",
         {
-          onClick: () => b(s, "COUNT"),
+          onClick: () => y(s, "COUNT"),
           className: "cursor-pointer p-1 px-3 transition-colors hover:bg-muted",
           children: "Count"
         }
@@ -956,7 +956,7 @@ function sl({ column: s }) {
       /* @__PURE__ */ e.jsx(
         "li",
         {
-          onClick: () => b(s, "AVG"),
+          onClick: () => y(s, "AVG"),
           className: "cursor-pointer p-1 px-3 transition-colors hover:bg-muted",
           children: "Avg"
         }
@@ -964,7 +964,7 @@ function sl({ column: s }) {
       /* @__PURE__ */ e.jsx(
         "li",
         {
-          onClick: () => b(s, "SUM"),
+          onClick: () => y(s, "SUM"),
           className: "cursor-pointer p-1 px-3 transition-colors hover:bg-muted",
           children: "Sum"
         }
@@ -972,7 +972,7 @@ function sl({ column: s }) {
       /* @__PURE__ */ e.jsx(
         "li",
         {
-          onClick: () => b(s, "MAX"),
+          onClick: () => y(s, "MAX"),
           className: "cursor-pointer p-1 px-3 transition-colors hover:bg-muted",
           children: "Max"
         }
@@ -980,7 +980,7 @@ function sl({ column: s }) {
       /* @__PURE__ */ e.jsx(
         "li",
         {
-          onClick: () => b(s, "MIN"),
+          onClick: () => y(s, "MIN"),
           className: "cursor-pointer p-1 px-3 transition-colors hover:bg-muted",
           children: "Min"
         }
@@ -994,121 +994,121 @@ function sl({ column: s }) {
       {
         align: "center",
         className: "w-20 rounded-md p-0 shadow-none",
-        children: g()
+        children: j()
       }
     )
   ] });
 }
 function Aa({ column: s }) {
   return /* @__PURE__ */ e.jsxs(Ls, { children: [
-    /* @__PURE__ */ e.jsx(lt, { asChild: !0, children: rt.includes(s.data_type.toLowerCase()) ? (
+    /* @__PURE__ */ e.jsx(it, { asChild: !0, children: ot.includes(s.data_type.toLowerCase()) ? (
       // <span className=" font-thin">T</span>
       /* @__PURE__ */ e.jsx($s, { className: "size-3" })
     ) : ma.includes(s.data_type.toLowerCase()) ? (
       //
-      /* @__PURE__ */ e.jsx(Ln, { className: "size-3" })
-    ) : it.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(ot, { className: "size-3" }) : ct.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(Gn, { className: "size-3" }) : /* @__PURE__ */ e.jsx($n, { className: "size-3" }) }),
+      /* @__PURE__ */ e.jsx(On, { className: "size-3" })
+    ) : ct.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(dt, { className: "size-3" }) : ut.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(Qn, { className: "size-3" }) : /* @__PURE__ */ e.jsx(Bn, { className: "size-3" }) }),
     /* @__PURE__ */ e.jsx(Ms, { children: /* @__PURE__ */ e.jsx("p", { className: "font-mono text-xs", children: s.data_type }) })
   ] });
 }
-function al({
+function nl({
   schemaName: s,
   tableName: n,
   columns: a,
   status: t
 }) {
-  const l = o((j) => j.sqlGen), i = o(
-    (j) => j.selectedConnectionId
+  const l = o((b) => b.sqlGen), i = o(
+    (b) => b.selectedConnectionId
   ), r = o(
-    (j) => j.selectedDatabaseName
+    (b) => b.selectedDatabaseName
   ), d = o(
-    (j) => j.selectedSchemaName
-  ), c = o((j) => j.selectedTableName), u = o(
-    (j) => j.selectedDatamodelId
+    (b) => b.selectedSchemaName
+  ), c = o((b) => b.selectedTableName), u = o(
+    (b) => b.selectedDatamodelId
   ), m = z(
-    (j) => j.dashboard.aiScopeTables
-  ), { setAIScopeTables: b } = z((j) => j.actions), g = o((j) => j.actions.setRunSql), h = o((j) => j.actions.setSqlGen), x = o(
-    (j) => j.actions.setIsShowingVisual
-  ), C = o((j) => j.actions.setCardSql), { connectionType: I, modelItems: S } = Ee();
-  function O(j) {
+    (b) => b.dashboard.aiScopeTables
+  ), { setAIScopeTables: y } = z((b) => b.actions), j = o((b) => b.actions.setRunSql), h = o((b) => b.actions.setSqlGen), x = o(
+    (b) => b.actions.setIsShowingVisual
+  ), C = o((b) => b.actions.setCardSql), { connectionType: I, modelItems: S } = Ve();
+  function O(b) {
     var q;
-    const f = ua(j, l);
-    h(f);
+    const g = ua(b, l);
+    h(g);
     const V = (q = S == null ? void 0 : S.find(
-      (K) => K.id === u
-    )) == null ? void 0 : q.name, $ = ha(f, ue(s), ue(n), V);
-    $ && (C($), g(!0));
+      (P) => P.id === u
+    )) == null ? void 0 : q.name, $ = ha(g, ue(s), ue(n), V);
+    $ && (C($), j(!0));
   }
-  function y() {
+  function v() {
     return (m == null ? void 0 : m.find(
-      (j) => j.connectinonId === i && j.tableName === c
+      (b) => b.connectinonId === i && b.tableName === c
     )) !== void 0;
   }
-  function M(j) {
-    if (j === !0 && c && i) {
-      const f = {
+  function L(b) {
+    if (b === !0 && c && i) {
+      const g = {
         connectinonId: i,
         connectionType: I,
         databaseName: r,
         schemaName: d,
         tableName: c
-      }, $ = [...m || [], f].filter(
-        (q, K, Y) => Y.findIndex(
-          (Q) => Q.connectinonId === q.connectinonId && Q.tableName === q.tableName
-        ) === K
+      }, $ = [...m || [], g].filter(
+        (q, P, Z) => Z.findIndex(
+          (J) => J.connectinonId === q.connectinonId && J.tableName === q.tableName
+        ) === P
       );
-      b($), Ge.success(`Added '${c}' to AI Scope`, {
+      y($), Ke.success(`Added '${c}' to AI Scope`, {
         position: "top-right",
         duration: 2500,
         richColors: !0
       });
     } else {
-      const f = (m || []).filter(
+      const g = (m || []).filter(
         (V) => V.connectinonId !== i && V.tableName !== c
       );
-      b(f), Ge(`Removed '${c}' from AI Scope`, {
+      y(g), Ke(`Removed '${c}' from AI Scope`, {
         position: "top-right",
         duration: 2e3,
         richColors: !0
       });
     }
   }
-  function L() {
+  function D() {
     var q;
-    let j = pa(s, n);
-    const f = (q = S == null ? void 0 : S.find(
-      (K) => K.id === u
+    let b = pa(s, n);
+    const g = (q = S == null ? void 0 : S.find(
+      (P) => P.id === u
     )) == null ? void 0 : q.name;
-    console.log("modelName", f), u && u !== "none" && (j = `${bs}.${f}`);
-    let V = j;
-    return ((K) => /[A-Z]/.test(K))(n) && (V = V.split(".").map((Y) => `"${Y}"`).join(".")), V;
+    console.log("modelName", g), u && u !== "none" && (b = `${js}.${g}`);
+    let V = b;
+    return ((P) => /[A-Z]/.test(P))(n) && (V = V.split(".").map((Z) => `"${Z}"`).join(".")), V;
   }
   function p() {
-    const j = L();
+    const b = D();
     x(!1);
-    const f = I === "MSSQL" ? `SELECT top 10 * FROM ${j}` : `SELECT * FROM ${j} LIMIT 10`;
-    C(f), g(!0);
+    const g = I === "MSSQL" ? `SELECT top 10 * FROM ${b}` : `SELECT * FROM ${b} LIMIT 10`;
+    C(g), j(!0);
   }
   function w() {
-    const j = L();
-    C(`SELECT COUNT(*) as count FROM ${j}`), g(!0);
+    const b = D();
+    C(`SELECT COUNT(*) as count FROM ${b}`), 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(
         xa,
         {
-          title: `${y() ? "Remove from" : "Add to"} AI Scope`,
-          pressed: y(),
-          onPressedChange: M,
+          title: `${v() ? "Remove from" : "Add to"} AI Scope`,
+          pressed: v(),
+          onPressedChange: L,
           variant: "outline",
           className: "h-9 px-2",
           children: /* @__PURE__ */ e.jsx(
-            dt,
+            ht,
             {
-              className: Z("size-4", {
-                "text-primary": y(),
-                "text-muted-foreground": !y()
+              className: X("size-4", {
+                "text-primary": v(),
+                "text-muted-foreground": !v()
               })
             }
           )
@@ -1123,7 +1123,7 @@ function al({
           variant: "secondary",
           className: "flex",
           children: [
-            t !== "Success" ? /* @__PURE__ */ e.jsx(Qe, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(Bn, { className: "mr-2 size-4" }),
+            t !== "Success" ? /* @__PURE__ */ e.jsx(We, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(Gn, { className: "mr-2 size-4" }),
             "Top 10"
           ]
         }
@@ -1137,7 +1137,7 @@ function al({
           variant: "secondary",
           className: "flex",
           children: [
-            t !== "Success" ? /* @__PURE__ */ e.jsx(Qe, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(Pn, { className: "mr-2 size-4" }),
+            t !== "Success" ? /* @__PURE__ */ e.jsx(We, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(Un, { className: "mr-2 size-4" }),
             "Count"
           ]
         }
@@ -1148,32 +1148,32 @@ function al({
       {
         className: "flex-1 basis-0 overflow-y-auto border-b border-t border-muted py-3",
         children: [
-          a == null ? void 0 : a.map((j) => /* @__PURE__ */ e.jsxs(
+          a == null ? void 0 : a.map((b) => /* @__PURE__ */ e.jsxs(
             "div",
             {
-              onClick: () => O(j),
-              className: Z(
+              onClick: () => O(b),
+              className: X(
                 "group mx-3 flex cursor-pointer items-center justify-between rounded px-2 py-[6px] text-sm transition-colors hover:bg-muted/50",
                 {
-                  "bg-muted": ut(j, l)
+                  "bg-muted": mt(b, l)
                 }
               ),
               children: [
                 /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-                  /* @__PURE__ */ e.jsx(Aa, { column: j }),
-                  /* @__PURE__ */ e.jsx("span", { children: j.column_name })
+                  /* @__PURE__ */ e.jsx(Aa, { column: b }),
+                  /* @__PURE__ */ e.jsx("span", { children: b.column_name })
                 ] }),
                 /* @__PURE__ */ e.jsx(
                   "div",
                   {
-                    onClick: (f) => f.stopPropagation(),
+                    onClick: (g) => g.stopPropagation(),
                     className: "flex items-center justify-end",
-                    children: ma.includes(j.data_type) && /* @__PURE__ */ e.jsx(sl, { column: j })
+                    children: ma.includes(b.data_type) && /* @__PURE__ */ e.jsx(tl, { column: b })
                   }
                 )
               ]
             },
-            j.column_name
+            b.column_name
           )),
           /* @__PURE__ */ e.jsx(Ks, { orientation: "vertical" }),
           /* @__PURE__ */ e.jsx(Ks, { orientation: "horizontal" })
@@ -1182,9 +1182,9 @@ function al({
     )
   ] });
 }
-function Ee(s, n) {
-  var Ye, Xe, Ze, _e, es;
-  let a = Ns(() => [], []);
+function Ve(s, n) {
+  var Xe, He, Ze, es, ss;
+  let a = Cs(() => [], []);
   const t = je().authToken || s, l = o(
     (N) => N.selectedConnectionId
   ), i = o(
@@ -1197,9 +1197,9 @@ function Ee(s, n) {
     (N) => N.actions.setCurrentColumns
   ), m = o(
     (N) => N.actions.setSelectedConnectionId
-  ), b = o(
+  ), y = o(
     (N) => N.actions.setSelectedDatamodelId
-  ), g = o(
+  ), j = o(
     (N) => N.actions.setSelectedDatabaseName
   ), h = o(
     (N) => N.actions.setSelectedSchemaName
@@ -1216,10 +1216,10 @@ function Ee(s, n) {
     return l && N ? !(N === "API" || N === "S3") : !1;
   }
   const {
-    data: y,
-    isLoading: M,
-    isError: L
-  } = ie({
+    data: v,
+    isLoading: L,
+    isError: D
+  } = ce({
     queryKey: ["connections"],
     queryFn: () => Ne(
       "https://semaphor.cloud/api/v1/connections",
@@ -1230,8 +1230,8 @@ function Ee(s, n) {
   }), {
     data: p,
     isLoading: w,
-    isError: j
-  } = ie({
+    isError: b
+  } = ce({
     queryKey: ["models", l],
     queryFn: () => Ne(
       "https://semaphor.cloud/api/v1/datamodels",
@@ -1242,15 +1242,15 @@ function Ee(s, n) {
     ),
     enabled: !!(t != null && t.accessToken) && !!l
     // Only fetch if authToken is present
-  }), f = y == null ? void 0 : y.connections.find(
+  }), g = v == null ? void 0 : v.connections.find(
     (N) => N.id === l
-  ), V = f == null ? void 0 : f.type, $ = (f == null ? void 0 : f.type) === "API" || (f == null ? void 0 : f.type) === "S3", {
+  ), V = g == null ? void 0 : g.type, $ = (g == null ? void 0 : g.type) === "API" || (g == null ? void 0 : g.type) === "S3", {
     data: q,
-    isLoading: K,
-    isFetching: Y,
-    isError: Q,
-    refetch: le
-  } = ie({
+    isLoading: P,
+    isFetching: Z,
+    isError: J,
+    refetch: te
+  } = ce({
     queryKey: ["databases", l],
     queryFn: () => Ne(
       "https://semaphor.cloud/api/v1/databases",
@@ -1262,12 +1262,12 @@ function Ee(s, n) {
     enabled: O(V)
     // !!selectedConnectionId && !isNonDbConnection, //currentConnection?.type !== 'API', // Only fetch if connectionId is present
   }), {
-    data: P,
-    isLoading: re,
+    data: B,
+    isLoading: ie,
     isFetching: k,
     isError: R,
-    refetch: W
-  } = ie({
+    refetch: Q
+  } = ce({
     queryKey: ["schemas", l, r],
     queryFn: () => Ne(
       "https://semaphor.cloud/api/v1/schemas",
@@ -1280,12 +1280,12 @@ function Ee(s, n) {
     enabled: !!l && !!r && !$ && r !== "NA"
     //currentConnection?.type !== 'API', // Only fetch if connectionId and database is present
   }), {
-    data: D,
+    data: M,
     isLoading: T,
-    isFetching: te,
+    isFetching: ae,
     isError: H,
     refetch: ee
-  } = ie({
+  } = ce({
     queryKey: [
       "tables",
       l,
@@ -1303,11 +1303,11 @@ function Ee(s, n) {
     ),
     enabled: I(V)
   }), {
-    data: se,
-    isLoading: Le,
-    isFetching: ke,
-    isError: ve
-  } = ie({
+    data: ne,
+    isLoading: ve,
+    isFetching: oe,
+    isError: ke
+  } = ce({
     queryKey: [
       "columns",
       l,
@@ -1337,86 +1337,86 @@ function Ee(s, n) {
     //currentConnection?.type === 'API',
     // && currentConnection?.type !== 'API', // Only fetch if connectionId, database, and table is present
   });
-  X(() => {
+  Y(() => {
     u(a);
-  }, [se, u, a]), X(() => {
+  }, [ne, u, a]), Y(() => {
   }, [
     $,
     C,
     x,
     h,
-    g,
-    f
+    j,
+    g
   ]);
-  const Ce = (f == null ? void 0 : f.type) === "API" ? (Ye = f == null ? void 0 : f.type) == null ? void 0 : Ye.toLowerCase() : c || "", ae = $ ? "" : d || "";
-  function oe(N) {
+  const ze = (g == null ? void 0 : g.type) === "API" ? (Xe = g == null ? void 0 : g.type) == null ? void 0 : Xe.toLowerCase() : c || "", Fe = $ ? "" : d || "";
+  function Ce(N) {
     h(N), x("");
   }
-  function ce(N) {
-    g(N === "none" ? "" : N), h(""), x(""), N !== "none" && N !== "" && b("");
+  function se(N) {
+    j(N === "none" ? "" : N), h(""), x(""), N !== "none" && N !== "" && y("");
   }
-  function ze(N) {
+  function de(N) {
     m(N);
   }
   function Me(N) {
-    b(N === "none" ? "" : N), N !== "none" && N !== "" && g("");
+    y(N === "none" ? "" : N), N !== "none" && N !== "" && j("");
   }
-  q && ((Xe = q == null ? void 0 : q.databases) == null ? void 0 : Xe.length) > 0, P && ((Ze = P == null ? void 0 : P.schemas) == null ? void 0 : Ze.length) > 0, se && ((_e = se == null ? void 0 : se.columns) == null ? void 0 : _e.length) > 0 && (a = se.columns.map((N) => ({
+  q && ((He = q == null ? void 0 : q.databases) == null ? void 0 : He.length) > 0, B && ((Ze = B == null ? void 0 : B.schemas) == null ? void 0 : Ze.length) > 0, ne && ((es = ne == null ? void 0 : ne.columns) == null ? void 0 : es.length) > 0 && (a = ne.columns.map((N) => ({
     ...N,
     data_type: N.data_type.toLowerCase()
-  }))), Q && (a = []), (ve || L) && (a = []);
-  const Re = y == null ? void 0 : y.connections.map(
+  }))), J && (a = []), (ke || D) && (a = []);
+  const Ye = v == null ? void 0 : v.connections.map(
     (N) => ({
       id: N.id,
       name: N.name,
       type: N.type
     })
-  ), Bs = (es = p == null ? void 0 : p.datamodels) == null ? void 0 : es.map((N) => ({
+  ), Oe = (ss = p == null ? void 0 : p.datamodels) == null ? void 0 : ss.map((N) => ({
     id: N.id,
     name: N.name
-  })), Oe = q == null ? void 0 : q.databases.map((N) => ({
+  })), _e = q == null ? void 0 : q.databases.map((N) => ({
     id: N.database_name,
     name: N.database_name
-  })), fs = P == null ? void 0 : P.schemas.map((N) => ({
+  })), Bs = B == null ? void 0 : B.schemas.map((N) => ({
     id: N.schema_name,
     name: N.schema_name
-  })), Je = D == null ? void 0 : D.tables.map((N) => ({
+  })), Ae = M == null ? void 0 : M.tables.map((N) => ({
     id: N.table_name,
     name: N.table_name
   }));
   return {
-    connectionItems: Re,
-    isConnectionsLoading: M,
-    isConnectionsError: L,
-    modelItems: Bs,
+    connectionItems: Ye,
+    isConnectionsLoading: L,
+    isConnectionsError: D,
+    modelItems: Oe,
     isModelsLoading: w,
-    isModelsError: j,
-    databaseItems: Oe,
-    isDatabasesLoadingOrFetching: K || Y,
-    isDatabaseError: Q,
-    schemaItems: fs,
-    isSchemaLoadingOrFetching: re || k,
+    isModelsError: b,
+    databaseItems: _e,
+    isDatabasesLoadingOrFetching: P || Z,
+    isDatabaseError: J,
+    schemaItems: Bs,
+    isSchemaLoadingOrFetching: ie || k,
     isSchemaError: R,
-    tableItems: Je,
-    isTableLoadingOrFetching: T || te,
+    tableItems: Ae,
+    isTableLoadingOrFetching: T || ae,
     isTableError: H,
     columns: a,
-    isColumnsLoadingOrFetching: Le || ke,
-    isColumnsError: ve,
+    isColumnsLoadingOrFetching: ve || oe,
+    isColumnsError: ke,
     isNonDbConnection: $,
     connectionType: V,
-    tableName: Ce,
-    schemaName: ae,
-    handleConnectionChange: ze,
+    tableName: ze,
+    schemaName: Fe,
+    handleConnectionChange: de,
     handleDatamodelChange: Me,
-    handleDatabaseChange: ce,
-    handleSchemaChange: oe
+    handleDatabaseChange: se,
+    handleSchemaChange: Ce
   };
 }
 function Ea({
   ColumnsComponent: s
 }) {
-  var te;
+  var ae;
   const n = o(
     (H) => H.selectedConnectionId
   ), a = o(
@@ -1432,49 +1432,49 @@ function Ea({
     modelItems: c,
     schemaItems: u,
     databaseItems: m,
-    tableItems: b,
-    columns: g,
+    tableItems: y,
+    columns: j,
     isConnectionsLoading: h,
     isModelsLoading: x,
     isConnectionsError: C,
     isModelsError: I,
     isDatabasesLoadingOrFetching: S,
     isDatabaseError: O,
-    isSchemaLoadingOrFetching: y,
-    isSchemaError: M,
-    isColumnsError: L,
+    isSchemaLoadingOrFetching: v,
+    isSchemaError: L,
+    isColumnsError: D,
     isColumnsLoadingOrFetching: p,
     isTableLoadingOrFetching: w,
-    isTableError: j,
-    connectionType: f,
+    isTableError: b,
+    connectionType: g,
     isNonDbConnection: V,
     handleConnectionChange: $,
     handleDatabaseChange: q,
-    handleSchemaChange: K,
-    handleDatamodelChange: Y,
-    tableName: Q,
-    schemaName: le
-  } = Ee();
-  function P() {
-    return s ? s(le, Q, g) : /* @__PURE__ */ e.jsx(
-      al,
+    handleSchemaChange: P,
+    handleDatamodelChange: Z,
+    tableName: J,
+    schemaName: te
+  } = Ve();
+  function B() {
+    return s ? s(te, J, j) : /* @__PURE__ */ e.jsx(
+      nl,
       {
-        schemaName: le,
-        tableName: Q,
-        columns: g,
-        status: p ? "Loading..." : L ? "Error" : "Success"
+        schemaName: te,
+        tableName: J,
+        columns: j,
+        status: p ? "Loading..." : D ? "Error" : "Success"
       }
     );
   }
-  function re() {
+  function ie() {
     window.location.href = "mailto:support@semaphor.cloud?subject=Help&body=I need help with...";
   }
   function k() {
-    if (!n || f === "S3" || f === "API")
+    if (!n || g === "S3" || g === "API")
       return null;
     if (!a || a === "none")
       return /* @__PURE__ */ e.jsx(
-        He,
+        $e,
         {
           showNone: !0,
           onChange: q,
@@ -1489,20 +1489,20 @@ function Ea({
   function R() {
     if (n && !V && (!t || t === "none") && (!a || a === "none"))
       return /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3", children: [
-        /* @__PURE__ */ e.jsx("div", { className: "col-span-1 grid place-items-center", children: /* @__PURE__ */ e.jsx(Ie, {}) }),
+        /* @__PURE__ */ e.jsx("div", { className: "col-span-1 grid place-items-center", children: /* @__PURE__ */ e.jsx(Te, {}) }),
         /* @__PURE__ */ e.jsx("div", { className: "col-span-1 grid place-items-center", children: /* @__PURE__ */ e.jsx(_, { children: "OR" }) }),
-        /* @__PURE__ */ e.jsx("div", { className: "col-span-1 grid place-items-center", children: /* @__PURE__ */ e.jsx(Ie, {}) })
+        /* @__PURE__ */ e.jsx("div", { className: "col-span-1 grid place-items-center", children: /* @__PURE__ */ e.jsx(Te, {}) })
       ] });
   }
-  function W() {
-    if (!n || f === "S3" || f === "API")
+  function Q() {
+    if (!n || g === "S3" || g === "API")
       return null;
     if (!t || t === "none")
       return /* @__PURE__ */ e.jsx(
-        He,
+        $e,
         {
           showNone: !0,
-          onChange: Y,
+          onChange: Z,
           isError: I,
           isLoading: x,
           items: c,
@@ -1511,13 +1511,13 @@ function Ea({
         }
       );
   }
-  function D() {
-    return !n || f === "S3" || f === "API" || !t || t === "none" ? null : /* @__PURE__ */ e.jsx(
-      He,
+  function M() {
+    return !n || g === "S3" || g === "API" || !t || t === "none" ? null : /* @__PURE__ */ e.jsx(
+      $e,
       {
-        onChange: K,
-        isError: M,
-        isLoading: y,
+        onChange: P,
+        isError: L,
+        isLoading: v,
         items: u,
         value: l || "",
         title: "Schema"
@@ -1527,14 +1527,14 @@ function Ea({
   function T() {
     function H() {
       let ee = !1;
-      return f === "API" ? (ee = !1, ee) : ((f === "S3" || n && t && t !== "none" && l) && (ee = !0), ee);
+      return g === "API" ? (ee = !1, ee) : ((g === "S3" || n && t && t !== "none" && l) && (ee = !0), ee);
     }
     return H() ? /* @__PURE__ */ e.jsx(
-      He,
+      $e,
       {
         onChange: r,
-        isError: j,
-        items: b,
+        isError: b,
+        items: y,
         isLoading: w,
         value: i || "",
         title: "Table"
@@ -1544,7 +1544,7 @@ function Ea({
   return /* @__PURE__ */ e.jsxs("aside", { className: "xbg-red-100 flex grow flex-col justify-between", children: [
     /* @__PURE__ */ e.jsxs("section", { className: "space-y-3 px-6 py-4", children: [
       /* @__PURE__ */ e.jsx(
-        He,
+        $e,
         {
           items: d,
           title: "Connection",
@@ -1552,34 +1552,34 @@ function Ea({
           onChange: $,
           isLoading: h,
           isError: C,
-          connectionTooltip: ((te = d == null ? void 0 : d.find(
+          connectionTooltip: ((ae = d == null ? void 0 : d.find(
             (H) => H.id === n
-          )) == null ? void 0 : te.type) || ""
+          )) == null ? void 0 : ae.type) || ""
         }
       ),
-      W(),
+      Q(),
       R(),
       k(),
-      D(),
+      M(),
       T()
     ] }),
-    P(),
+    B(),
     /* @__PURE__ */ e.jsx("div", { className: "flex items-end justify-center gap-2 px-6 py-4", children: /* @__PURE__ */ e.jsxs(
       F,
       {
-        onClick: re,
+        onClick: ie,
         size: "sm",
         variant: "secondary",
         className: "w-full",
         children: [
-          /* @__PURE__ */ e.jsx(Vn, { className: "mr-2 size-4" }),
+          /* @__PURE__ */ e.jsx(Rn, { className: "mr-2 size-4" }),
           "Help"
         ]
       }
     ) })
   ] });
 }
-function tl(s) {
+function ll(s) {
   const n = s.toUpperCase().indexOf("WHERE"), a = s.toUpperCase().indexOf("GROUP BY"), t = s.toUpperCase().indexOf("LIMIT"), l = s.toUpperCase().indexOf("ORDER BY");
   let i = s.length;
   if (l !== -1 && (i = l), t !== -1 && t < i && (i = t), n !== -1) {
@@ -1595,14 +1595,14 @@ function tl(s) {
     return `${r} {{ filters | where }} ${d}`;
   }
 }
-function nl({
+function rl({
   error: s,
   setShowAIDialog: n,
   setUserInputforAI: a,
   setTriggerAIRun: t
 }) {
   return /* @__PURE__ */ e.jsxs(As, { openDelay: 0, children: [
-    /* @__PURE__ */ e.jsx(Es, { asChild: !0, children: /* @__PURE__ */ e.jsx(F, { variant: "link", className: "h-5 p-0", children: /* @__PURE__ */ e.jsx(Sn, { className: "h-4 w-4 text-red-500" }) }) }),
+    /* @__PURE__ */ e.jsx(Es, { asChild: !0, children: /* @__PURE__ */ e.jsx(F, { variant: "link", className: "h-5 p-0", children: /* @__PURE__ */ e.jsx(kn, { className: "h-4 w-4 text-red-500" }) }) }),
     /* @__PURE__ */ e.jsx(Vs, { align: "start", className: "min-w-fit max-w-[500px]", children: /* @__PURE__ */ e.jsx("div", { className: "flex justify-between space-x-4", children: /* @__PURE__ */ e.jsxs("div", { className: "flex grow flex-col space-y-2", children: [
       /* @__PURE__ */ e.jsx(qs, { className: "max-h-[250px] min-h-0 overflow-scroll", children: /* @__PURE__ */ e.jsx("p", { className: "overflow-auto rounded-md bg-muted p-2 text-xs leading-relaxed", children: s }) }),
       /* @__PURE__ */ e.jsxs(
@@ -1614,7 +1614,7 @@ function nl({
           size: "sm",
           variant: "outline",
           children: [
-            /* @__PURE__ */ e.jsx(Dn, { className: "mr-2 h-4 w-4" }),
+            /* @__PURE__ */ e.jsx(Mn, { className: "mr-2 h-4 w-4" }),
             "Debug with AI"
           ]
         }
@@ -1622,7 +1622,7 @@ function nl({
     ] }) }) })
   ] });
 }
-function ll({
+function il({
   text: s,
   onCheckedChange: n,
   checked: a
@@ -1632,10 +1632,10 @@ function ll({
     /* @__PURE__ */ e.jsx("label", { className: "text-xs leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", children: s })
   ] });
 }
-function rl() {
+function ol() {
   const { authToken: s } = je(), n = o(
     (i) => i.selectedConnectionId
-  ), { data: a } = ie({
+  ), { data: a } = ce({
     queryKey: ["connections"],
     queryFn: () => Ne(
       "https://semaphor.cloud/api/v1/connections",
@@ -1648,8 +1648,8 @@ function rl() {
   );
   return t == null ? void 0 : t.type;
 }
-function il() {
-  const { authToken: s } = je(), n = Ke(null), a = o((c) => c.applyFilters), [t, l] = E(""), i = o((c) => c.filterValues), r = o((c) => c.card.sql), d = rl();
+function cl() {
+  const { authToken: s } = je(), n = Qe(null), a = o((c) => c.applyFilters), [t, l] = E(""), i = o((c) => c.filterValues), r = o((c) => c.card.sql), d = ol();
   return /* @__PURE__ */ e.jsxs(
     As,
     {
@@ -1658,7 +1658,7 @@ function il() {
         if (!c)
           return;
         console.log("onOpenChange");
-        const u = await We(
+        const u = await Je(
           "https://semaphor.cloud/api/v1/filter-sql",
           (s == null ? void 0 : s.accessToken) || "",
           {
@@ -1677,13 +1677,13 @@ function il() {
             /* @__PURE__ */ e.jsx(
               fa,
               {
-                onClick: () => ht(n),
+                onClick: () => xt(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(mt, { className: "h-4 w-4 opacity-70" }),
+            /* @__PURE__ */ e.jsx(pt, { 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." })
           ] })
         ] })
@@ -1691,7 +1691,7 @@ function il() {
     }
   );
 }
-const ol = `
+const dl = `
 
 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.
 
@@ -1738,7 +1738,7 @@ SELECT label, measure FROM table
 - Label - Category 
 - Measure - Number 
 `;
-function cl({
+function ul({
   open: s,
   setOpen: n,
   userInput: a,
@@ -1746,21 +1746,21 @@ function cl({
   triggerAIRun: l,
   setTriggerAIRun: i
 }) {
-  const r = Ke(null), d = Ke(null), { authToken: c } = je(), [u, m] = E(!1), b = o((k) => k.actions.setCardSql), g = z((k) => k.dashboard.baseQueries), h = o((k) => k.actions.setRunSql), x = o((k) => k.actions.setCardType), [C, I] = E([]), S = o((k) => k.currentColumns), O = o((k) => k.card.sql), y = o((k) => k.selectedTableName), M = `
+  const r = Qe(null), d = Qe(null), { authToken: c } = je(), [u, m] = E(!1), y = o((k) => k.actions.setCardSql), j = z((k) => k.dashboard.baseQueries), h = o((k) => k.actions.setRunSql), x = o((k) => k.actions.setCardType), [C, I] = E([]), S = o((k) => k.currentColumns), O = o((k) => k.card.sql), v = o((k) => k.selectedTableName), L = `
   ${a}
 
-  Database Query Dialect: ${y === "api" || y === "s3" ? "DuckDb" : ""}
-  Table Name: ${y}   
+  Database Query Dialect: ${v === "api" || v === "s3" ? "DuckDb" : ""}
+  Table Name: ${v}   
   Table Columns: ${S == null ? void 0 : S.map((k) => `${k.column_name} | ${k.data_type}`).join(", ")}
   User SQL: ${O}  
-  ${g && `Base Queries: ${JSON.stringify(g)} `}`, L = ` 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: ${ol}`, { data: p, isLoading: w, isFetching: j, isError: f, refetch: V } = ie({
+  ${j && `Base Queries: ${JSON.stringify(j)} `}`, D = ` 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: ${dl}`, { data: p, isLoading: w, isFetching: b, isError: g, refetch: V } = ce({
     queryKey: ["ai-query"],
     queryFn: () => Ne(
       "https://semaphor.cloud/api/v1/ai",
       (c == null ? void 0 : c.accessToken) || "",
       {
-        user_content: `userContent: ${M} ${u ? L : ""}`
+        user_content: `userContent: ${L} ${u ? D : ""}`
       }
     ),
     enabled: !1
@@ -1787,9 +1787,9 @@ function cl({
       return x("bar"), !1;
     return !0;
   }
-  X(() => {
+  Y(() => {
     p && I((k) => [...k, { role: "ai", content: p.response }]);
-  }, [p]), X(() => {
+  }, [p]), Y(() => {
     const k = setTimeout(() => {
       var R;
       d.current && (d.current.scroll({
@@ -1802,10 +1802,10 @@ function cl({
   function q() {
     a && (I((k) => [...k, { role: "user", content: a }]), $(a) && m(!0), t(""), V());
   }
-  X(() => {
+  Y(() => {
     l && (q(), i(!1));
   }, [l, i]);
-  const K = {
+  const P = {
     //seleect a darker color
     // color: '#000',
     fontFamily: "Arial, sans-serif",
@@ -1813,14 +1813,14 @@ function cl({
     fontSize: 15,
     // padding: '5px',
     width: "100%"
-  }, Y = {
+  }, Z = {
     // background: '#f6f8fa',
     // color: '#000',
     fontFamily: "monospace",
     fontSize: 14,
     lineHeight: 1.6
     // padding: 20,
-  }, Q = {
+  }, J = {
     // color: '#000',
     fontFamily: "Arial, sans-serif",
     lineHeight: 1.6,
@@ -1830,54 +1830,54 @@ function cl({
     marginLeft: 20,
     // add bullet points for unordered lists
     listStyleType: "disc"
-  }, le = {
+  }, te = {
     // Override how paragraphs are rendered
-    p: ({ node: k, ...R }) => /* @__PURE__ */ e.jsx("p", { style: K, ...R }),
+    p: ({ node: k, ...R }) => /* @__PURE__ */ e.jsx("p", { style: P, ...R }),
     code: ({ node: k, ...R }) => /* @__PURE__ */ e.jsx("code", { className: "rounded-sm bg-muted px-2 py-1 text-sm", ...R }),
-    pre: ({ node: k, ...R }) => /* @__PURE__ */ e.jsxs("pre", { className: "space-y-2 rounded-sm bg-muted/50 p-3", style: Y, children: [
+    pre: ({ node: k, ...R }) => /* @__PURE__ */ e.jsxs("pre", { className: "space-y-2 rounded-sm bg-muted/50 p-3", style: Z, children: [
       /* @__PURE__ */ e.jsx("code", { className: "whitespace-normal text-sm", children: R.children }),
       /* @__PURE__ */ e.jsxs("div", { className: "flex justify-start gap-2", children: [
-        /* @__PURE__ */ e.jsx(F, { onClick: P, size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(fa, {}) }),
+        /* @__PURE__ */ e.jsx(F, { onClick: B, size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(fa, {}) }),
         /* @__PURE__ */ e.jsx(
           F,
           {
-            onClick: (W) => {
-              const D = P(W);
-              D && (n(!1), b(D), h(!0));
+            onClick: (Q) => {
+              const M = B(Q);
+              M && (n(!1), y(M), h(!0));
             },
             size: "sm",
             variant: "outline",
-            children: /* @__PURE__ */ e.jsx(ft, {})
+            children: /* @__PURE__ */ e.jsx(jt, {})
           }
         )
       ] })
     ] }),
-    li: ({ node: k, ...R }) => /* @__PURE__ */ e.jsx("li", { style: Q, ...R })
+    li: ({ node: k, ...R }) => /* @__PURE__ */ e.jsx("li", { style: J, ...R })
     // You can add more overrides for other elements like h1, h2, etc.
   };
-  function P(k) {
+  function B(k) {
     const R = k.currentTarget.closest("pre");
     if (!R)
       return;
-    const W = R.textContent || R.innerText;
-    return navigator.clipboard.writeText(W).then(() => console.log("Text copied to clipboard")).catch((D) => console.error("Error in copying text: ", D)), W;
+    const Q = R.textContent || R.innerText;
+    return navigator.clipboard.writeText(Q).then(() => console.log("Text copied to clipboard")).catch((M) => console.error("Error in copying text: ", M)), Q;
   }
-  function re() {
+  function ie() {
     return C == null ? void 0 : C.map((k, R) => k.role === "user" ? /* @__PURE__ */ e.jsxs(
       "div",
       {
         className: "flex items-start rounded-md bg-muted p-3 text-sm",
         children: [
-          /* @__PURE__ */ e.jsx(Kn, { className: "mr-2 h-5 w-5" }),
+          /* @__PURE__ */ e.jsx(Wn, { className: "mr-2 h-5 w-5" }),
           /* @__PURE__ */ e.jsx("div", { children: k.content })
         ]
       },
       R
     ) : k.role === "ai" ? /* @__PURE__ */ e.jsx(
-      pt,
+      gt,
       {
         className: "w-full overflow-auto py-1",
-        components: le,
+        components: te,
         children: p == null ? void 0 : p.response.replace(/DuckDB/gi, "Semaphor")
       },
       R
@@ -1907,7 +1907,7 @@ function cl({
             {
               ref: d,
               className: "h-[625px] w-full overflow-auto border-t border-t-muted",
-              children: /* @__PURE__ */ e.jsx("div", { className: "space-y-4 py-2 pr-3", role: "messages", children: re() })
+              children: /* @__PURE__ */ e.jsx("div", { className: "space-y-4 py-2 pr-3", role: "messages", children: ie() })
             }
           ),
           /* @__PURE__ */ e.jsx(
@@ -1924,13 +1924,13 @@ function cl({
                     },
                     placeholder: "Type your question here...",
                     onFocus: (k) => {
-                      const R = k.target, W = R.value.length;
-                      R.setSelectionRange(W, W);
+                      const R = k.target, Q = R.value.length;
+                      R.setSelectionRange(Q, Q);
                     },
-                    className: Z(
+                    className: X(
                       "max-h-10 min-h-7 resize-none border-none focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0"
                     ),
-                    disabled: w || j,
+                    disabled: w || b,
                     value: a,
                     onChange: (k) => t(k.target.value)
                   }
@@ -1943,7 +1943,7 @@ function cl({
                     size: "sm",
                     variant: "ghost",
                     onClick: q,
-                    children: !w && !j ? /* @__PURE__ */ e.jsx(xt, {}) : /* @__PURE__ */ e.jsx(Qe, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" })
+                    children: !w && !b ? /* @__PURE__ */ e.jsx(ft, {}) : /* @__PURE__ */ e.jsx(We, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" })
                   }
                 )
               ] })
@@ -1960,11 +1960,11 @@ var Va = {
   className: void 0,
   style: void 0,
   attr: void 0
-}, ea = ge.createContext && /* @__PURE__ */ ge.createContext(Va), dl = ["attr", "size", "title"];
-function ul(s, n) {
+}, ea = ge.createContext && /* @__PURE__ */ ge.createContext(Va), hl = ["attr", "size", "title"];
+function ml(s, n) {
   if (s == null)
     return {};
-  var a = hl(s, n), t, l;
+  var a = xl(s, n), t, l;
   if (Object.getOwnPropertySymbols) {
     var i = Object.getOwnPropertySymbols(s);
     for (l = 0; l < i.length; l++)
@@ -1972,7 +1972,7 @@ function ul(s, n) {
   }
   return a;
 }
-function hl(s, n) {
+function xl(s, n) {
   if (s == null)
     return {};
   var a = {}, t = Object.keys(s), l, i;
@@ -1980,15 +1980,15 @@ function hl(s, n) {
     l = t[i], !(n.indexOf(l) >= 0) && (a[l] = s[l]);
   return a;
 }
-function is() {
-  return is = Object.assign ? Object.assign.bind() : function(s) {
+function os() {
+  return os = Object.assign ? Object.assign.bind() : function(s) {
     for (var n = 1; n < arguments.length; n++) {
       var a = arguments[n];
       for (var t in a)
         Object.prototype.hasOwnProperty.call(a, t) && (s[t] = a[t]);
     }
     return s;
-  }, is.apply(this, arguments);
+  }, os.apply(this, arguments);
 }
 function sa(s, n) {
   var a = Object.keys(s);
@@ -2000,25 +2000,25 @@ function sa(s, n) {
   }
   return a;
 }
-function os(s) {
+function cs(s) {
   for (var n = 1; n < arguments.length; n++) {
     var a = arguments[n] != null ? arguments[n] : {};
     n % 2 ? sa(Object(a), !0).forEach(function(t) {
-      ml(s, t, a[t]);
+      pl(s, t, a[t]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(s, Object.getOwnPropertyDescriptors(a)) : sa(Object(a)).forEach(function(t) {
       Object.defineProperty(s, t, Object.getOwnPropertyDescriptor(a, t));
     });
   }
   return s;
 }
-function ml(s, n, a) {
-  return n = xl(n), n in s ? Object.defineProperty(s, n, { value: a, enumerable: !0, configurable: !0, writable: !0 }) : s[n] = a, s;
+function pl(s, n, a) {
+  return n = fl(n), n in s ? Object.defineProperty(s, n, { value: a, enumerable: !0, configurable: !0, writable: !0 }) : s[n] = a, s;
 }
-function xl(s) {
-  var n = pl(s, "string");
+function fl(s) {
+  var n = gl(s, "string");
   return typeof n == "symbol" ? n : String(n);
 }
-function pl(s, n) {
+function gl(s, n) {
   if (typeof s != "object" || s === null)
     return s;
   var a = s[Symbol.toPrimitive];
@@ -2031,29 +2031,29 @@ function pl(s, n) {
   return (n === "string" ? String : Number)(s);
 }
 function qa(s) {
-  return s && s.map((n, a) => /* @__PURE__ */ ge.createElement(n.tag, os({
+  return s && s.map((n, a) => /* @__PURE__ */ ge.createElement(n.tag, cs({
     key: a
   }, n.attr), qa(n.child)));
 }
 function ye(s) {
-  return (n) => /* @__PURE__ */ ge.createElement(fl, is({
-    attr: os({}, s.attr)
+  return (n) => /* @__PURE__ */ ge.createElement(jl, os({
+    attr: cs({}, s.attr)
   }, n), qa(s.child));
 }
-function fl(s) {
+function jl(s) {
   var n = (a) => {
     var {
       attr: t,
       size: l,
       title: i
-    } = s, r = ul(s, dl), d = l || a.size || "1em", c;
-    return a.className && (c = a.className), s.className && (c = (c ? c + " " : "") + s.className), /* @__PURE__ */ ge.createElement("svg", is({
+    } = s, r = ml(s, hl), d = l || a.size || "1em", c;
+    return a.className && (c = a.className), s.className && (c = (c ? c + " " : "") + s.className), /* @__PURE__ */ ge.createElement("svg", os({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
     }, a.attr, t, r, {
       className: c,
-      style: os(os({
+      style: cs(cs({
         color: s.color || a.color
       }, a.style), s.style),
       height: d,
@@ -2063,165 +2063,169 @@ function fl(s) {
   };
   return ea !== void 0 ? /* @__PURE__ */ ge.createElement(ea.Consumer, null, (a) => n(a)) : n(Va);
 }
-function gl(s) {
+function bl(s) {
   return ye({ 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 jl() {
-  const { theme: s } = gt(), n = Ke(), a = Ke(), [t, l] = E(!1), [i, r] = E(!1), [d, c] = E(!1), [u, m] = E(""), [b, g] = E(!1), { authToken: h } = je(), x = z((v) => v.selectedSheetId), C = z((v) => v.dashboard.baseQueries), I = o((v) => v.card), S = z((v) => v.theme), O = o((v) => v.isShowingVisual);
-  z((v) => v.onAcceptChanges);
-  const y = o(
-    (v) => v.selectedConnectionId
-  ), M = o(
-    (v) => v.selectedDatabaseName
+function yl() {
+  const { theme: s } = bt(), n = Qe(), a = Qe(), [t, l] = E(!1), [i, r] = E(!1), [d, c] = E(!1), [u, m] = E(""), [y, j] = E(!1), { authToken: h } = je(), x = z((f) => f.selectedSheetId), C = z((f) => f.dashboard.baseQueries), I = o((f) => f.card), S = z((f) => f.theme), O = o((f) => f.isShowingVisual);
+  z((f) => f.onAcceptChanges);
+  const v = o(
+    (f) => f.selectedConnectionId
   ), L = o(
-    (v) => v.selectedDatamodelId
+    (f) => f.selectedDatabaseName
+  ), D = o(
+    (f) => f.selectedDatamodelId
   ), p = o(
-    (v) => v.selectedSchemaName
+    (f) => f.selectedSchemaName
   );
   z(
-    (v) => v.actions.updateFrameCard
+    (f) => f.actions.updateFrameCard
   );
-  const w = o((v) => v.selectedTableName), j = o((v) => v.card.sql), f = o((v) => v.card.python), V = jt(j, C), $ = o((v) => v.selectedConnectionId), q = o((v) => v.frame), { getSheetFilterValues: K } = cs(), Y = K(x), Q = o((v) => v.applyFilters), {
-    setCardCustomCfg: le,
-    setQueryResultColumns: P,
-    setFilterValues: re,
-    setCardSql: k,
-    setCardPython: R,
-    setQueryError: W,
-    setPythonStdOut: D,
-    setCardPreferences: T
-  } = o((v) => v.actions), te = o((v) => v.onSave), H = o(
-    (v) => v.actions.setApplyFilters
-  ), ee = o((v) => v.onClose), se = o((v) => v.actions.setCardData), Le = o((v) => v.actions.setSqlGen), ke = o((v) => v.runSql), ve = o((v) => v.actions.setRunSql), Ce = o(
-    (v) => v.actions.setIsSqlRunning
+  const w = o((f) => f.selectedTableName), b = o((f) => f.card.sql), g = o((f) => f.card.python), V = yt(b, C), $ = o((f) => f.selectedConnectionId), q = o((f) => f.frame), P = z((f) => f.dashboard.filters), Z = z((f) => f.filterValues), J = P == null ? void 0 : P.filter(
+    (f) => f.sheetId === x || !f.sheetId
+  ), te = Z == null ? void 0 : Z.filter(
+    (f) => (J == null ? void 0 : J.some((le) => le.id === f.filterId)) || f.filterId.endsWith(x)
+  ), B = o((f) => f.applyFilters), {
+    setCardCustomCfg: ie,
+    setQueryResultColumns: k,
+    setFilterValues: R,
+    setCardSql: Q,
+    setCardPython: M,
+    setQueryError: T,
+    setPythonStdOut: ae,
+    setCardPreferences: H
+  } = o((f) => f.actions), ee = o((f) => f.onSave), ne = o(
+    (f) => f.actions.setApplyFilters
+  ), ve = o((f) => f.onClose), oe = o((f) => f.actions.setCardData), ke = o((f) => f.actions.setSqlGen), ze = o((f) => f.runSql), Fe = o((f) => f.actions.setRunSql), Ce = o(
+    (f) => f.actions.setIsSqlRunning
   ), {
-    data: ae,
-    isLoading: oe,
-    isFetching: ce,
-    isSuccess: ze,
-    isError: Me,
-    error: Re,
+    data: se,
+    isLoading: de,
+    isFetching: Me,
+    isSuccess: Ye,
+    isError: Oe,
+    error: _e,
     status: Bs,
-    refetch: Oe
-  } = ie({
-    queryKey: [V, f],
-    queryFn: () => We(
+    refetch: Ae
+  } = ce({
+    queryKey: [V, g],
+    queryFn: () => Je(
       "https://semaphor.cloud/api/v1/query",
       (h == null ? void 0 : h.accessToken) || "",
       {
         connection_id: $,
         sql: V,
-        python: f === Qs ? "" : f,
-        active_filters: Q ? Y : [],
-        cache_config: vt()
+        python: g === Qs ? "" : g,
+        active_filters: B ? te : [],
+        cache_config: Nt()
       }
     ),
     enabled: !1,
     retry: !1
   });
-  X(() => {
-    if (ae && (se(ae.records), ae.rowLimitExceeded && Ge.error("Row limit (10,000) exceeded. Refine your query.", {
+  Y(() => {
+    if (se && (oe(se.records), se.rowLimitExceeded && Ke.error("Row limit (10,000) exceeded. Refine your query.", {
       position: "top-center",
       richColors: !0
-    }), D((ae == null ? void 0 : ae.output) || ""), ae.records.length > 0)) {
-      const { dimensionKeys: v } = ys(ae.records);
-      P(v);
+    }), ae((se == null ? void 0 : se.output) || ""), se.records.length > 0)) {
+      const { dimensionKeys: f } = bs(se.records);
+      k(f);
     }
-  }, [ae, se, P, D]), X(() => {
-    ke && (Oe(), ve(!1));
-  }, [ke, Oe, ve]), X(() => {
-    (oe || ce) && Ce(!0), (Me || ze) && Ce(!1), Me ? (W(Re.message), se([]), P([]), D("")) : W("");
+  }, [se, oe, k, ae]), Y(() => {
+    ze && (Ae(), Fe(!1));
+  }, [ze, Ae, Fe]), Y(() => {
+    (de || Me) && Ce(!0), (Oe || Ye) && Ce(!1), Oe ? (T(_e.message), oe([]), k([]), ae("")) : T("");
   }, [
-    oe,
-    ce,
-    ae,
-    D,
+    de,
     Me,
-    ze,
-    Ce,
     se,
-    P,
-    W,
-    Re
+    ae,
+    Oe,
+    Ye,
+    Ce,
+    oe,
+    k,
+    T,
+    _e
   ]);
-  function fs() {
-    k(""), se([]), Le({}), le(""), T({});
+  function Xe() {
+    Q(""), oe([]), ke({}), ie(""), H({});
   }
-  const Je = (v) => {
-    a.current = v;
+  const He = (f) => {
+    a.current = f;
   };
-  function Ye(v, de) {
-    if (v.length === 0)
+  function Ze(f, le) {
+    if (f.length === 0)
       return "";
-    if (de) {
-      const Fe = v.find((ne) => ne.id === de);
-      if (Fe) {
-        const ne = Fe.tabTitle;
-        if (ne == "All__Header")
-          return v[0].id;
-        if (ne && ne.endsWith("__Header")) {
-          const Za = ne.split("__")[0], Us = v.find(
-            (et) => et.tabTitle === Za
+    if (le) {
+      const Ie = f.find((re) => re.id === le);
+      if (Ie) {
+        const re = Ie.tabTitle;
+        if (re == "All__Header")
+          return f[0].id;
+        if (re && re.endsWith("__Header")) {
+          const st = re.split("__")[0], Us = f.find(
+            (at) => at.tabTitle === st
           );
-          return Us ? Us.id : v[0].id;
+          return Us ? Us.id : f[0].id;
         }
-        return de;
+        return le;
       }
     }
-    return v[0].id;
+    return f[0].id;
   }
-  function Xe() {
-    let v = j;
-    j && !j.includes("{{") && (v = tl(j), k(v));
-    const de = {
+  function es() {
+    let f = b;
+    b && !b.includes("{{") && (f = ll(b), Q(f));
+    const le = {
       ...I,
       lastSelectedSchema: p,
-      lastSelectedDatamodelId: L,
-      lastSelectedDatabase: M,
+      lastSelectedDatamodelId: D,
+      lastSelectedDatabase: L,
       lastSelectedTable: w,
-      connectionId: y,
+      connectionId: v,
       type: O ? I.type : "table",
-      sql: v,
+      sql: f,
       customCfg: O ? I.customCfg : null
-    }, Fe = q.cards.map(
-      (gs) => gs.id === I.id ? de : gs
-    ), ne = {
+    }, Ie = q.cards.map(
+      (fs) => fs.id === I.id ? le : fs
+    ), re = {
       ...q,
-      cards: Fe,
-      activeCardId: Ye(Fe, q.activeCardId)
+      cards: Ie,
+      activeCardId: Ze(Ie, q.activeCardId)
     };
-    te == null || te(ne);
+    ee == null || ee(re);
   }
-  function Ze() {
-    ee == null || ee();
+  function ss() {
+    ve == null || ve();
   }
-  X(() => {
-    const v = n.current, de = a.current;
-    if (v) {
-      const Fe = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", ne = S === "system" ? Fe : S;
-      v.editor.defineTheme("default", {
+  Y(() => {
+    const f = n.current, le = a.current;
+    if (f) {
+      const Ie = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", re = S === "system" ? Ie : S;
+      f.editor.defineTheme("default", {
         // base: theme === 'light' ? 'hc-light' : 'vs-dark',
-        base: ne === "light" ? "vs" : "vs-dark",
+        base: re === "light" ? "vs" : "vs-dark",
         inherit: !0,
         rules: [],
         colors: {
           // 'editor.background': activeTheme === 'light' ? '#ffffff' : '#020817',
-          "editor.background": ne === "light" ? "#ffffff" : bt("--semaphor-background")
+          "editor.background": re === "light" ? "#ffffff" : vt("--semaphor-background")
         }
-      }), v.editor.setTheme("default");
+      }), f.editor.setTheme("default");
     }
-    return de && v && de.addCommand(
-      v.KeyMod.Shift | v.KeyCode.Enter,
+    return le && f && le.addCommand(
+      f.KeyMod.Shift | f.KeyCode.Enter,
       function() {
-        return console.log("Executing query..."), Oe(), !1;
+        return console.log("Executing query..."), Ae(), !1;
       }
     ), () => {
     };
   }, [s, S, n.current]);
-  function _e(v) {
-    n.current = v;
+  function N(f) {
+    n.current = f;
   }
-  function es() {
+  function Za() {
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       i && /* @__PURE__ */ e.jsx(
         "div",
@@ -2231,16 +2235,16 @@ function jl() {
           children: /* @__PURE__ */ e.jsxs("div", { className: "w-[99%]", children: [
             /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 pt-3", children: [
               /* @__PURE__ */ e.jsx(
-                ll,
+                il,
                 {
-                  checked: Q,
-                  onCheckedChange: () => H(!Q),
+                  checked: B,
+                  onCheckedChange: () => ne(!B),
                   text: "Apply Filters"
                 }
               ),
-              /* @__PURE__ */ e.jsx(il, {}),
-              Y && i && /* @__PURE__ */ e.jsx(
-                Be,
+              /* @__PURE__ */ e.jsx(cl, {}),
+              te && i && /* @__PURE__ */ e.jsx(
+                Ue,
                 {
                   onClick: () => r(!1),
                   className: "bg-background/50 text-foreground/50 hover:cursor-pointer hover:text-foreground"
@@ -2248,19 +2252,19 @@ function jl() {
               )
             ] }),
             /* @__PURE__ */ e.jsx(
-              Pe,
+              Be,
               {
                 theme: "default",
-                onChange: (v) => {
-                  if (v)
+                onChange: (f) => {
+                  if (f)
                     try {
-                      JSON.parse(v), re(JSON.parse(v));
+                      JSON.parse(f), R(JSON.parse(f));
                     } catch {
                     }
                 },
                 defaultLanguage: "json",
                 className: "mt-1 min-h-[220px]",
-                value: JSON.stringify(Y, null, 2),
+                value: JSON.stringify(te, null, 2),
                 options: {
                   readOnly: !0,
                   minimap: {
@@ -2281,30 +2285,30 @@ function jl() {
           ] })
         }
       ),
-      Y && !i && /* @__PURE__ */ e.jsx(
+      te && !i && /* @__PURE__ */ e.jsx(
         ca,
         {
           onClick: () => r(!0),
-          className: Z(
+          className: X(
             "absolute bottom-4 right-6 h-3 w-3 text-foreground/50 hover:cursor-pointer hover:text-foreground",
             {
-              "font-bold text-red-800": Q
+              "font-bold text-red-800": B
             }
           )
         }
       )
     ] });
   }
-  function N() {
+  function et() {
     return /* @__PURE__ */ e.jsxs(
-      vs,
+      ys,
       {
         className: "flex grow pb-1",
         direction: "vertical",
         role: "editor-resizable-group",
         children: [
           /* @__PURE__ */ e.jsxs(
-            Ae,
+            Ee,
             {
               id: "1",
               order: 1,
@@ -2317,14 +2321,14 @@ function jl() {
                     role: "sql-container",
                     className: "relative flex w-[99%]",
                     children: /* @__PURE__ */ e.jsx(
-                      Pe,
+                      Be,
                       {
                         theme: "default",
                         className: "pt-3",
-                        onChange: (v) => {
-                          k(v);
+                        onChange: (f) => {
+                          Q(f);
                         },
-                        value: j,
+                        value: b,
                         options: {
                           minimap: {
                             enabled: !1
@@ -2338,8 +2342,8 @@ function jl() {
                           renderLineHighlight: "none"
                         },
                         defaultLanguage: "sql",
-                        beforeMount: _e,
-                        onMount: Je
+                        beforeMount: N,
+                        onMount: He
                       }
                     )
                   }
@@ -2349,9 +2353,9 @@ function jl() {
             }
           ),
           t && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-            /* @__PURE__ */ e.jsx(Cs, { withHandle: !0, className: "border" }),
+            /* @__PURE__ */ e.jsx(vs, { withHandle: !0, className: "border" }),
             /* @__PURE__ */ e.jsxs(
-              Ae,
+              Ee,
               {
                 id: "2",
                 order: 2,
@@ -2364,14 +2368,14 @@ function jl() {
                       role: "python-container",
                       className: "relative flex w-[99%] pt-0",
                       children: /* @__PURE__ */ e.jsx(
-                        Pe,
+                        Be,
                         {
                           className: "pt-3",
                           theme: "default",
-                          onChange: (v) => {
-                            R(v && v.trim() || "");
+                          onChange: (f) => {
+                            M(f && f.trim() || "");
                           },
-                          value: f || Qs,
+                          value: g || Qs,
                           options: {
                             minimap: {
                               enabled: !1
@@ -2385,8 +2389,8 @@ function jl() {
                             renderLineHighlight: "none"
                           },
                           defaultLanguage: "python",
-                          beforeMount: _e,
-                          onMount: Je
+                          beforeMount: N,
+                          onMount: He
                         }
                       )
                     }
@@ -2414,8 +2418,8 @@ function jl() {
               role: "sql-editor",
               className: "relative flex grow justify-between overflow-y-scroll",
               children: [
-                N(),
-                es()
+                et(),
+                Za()
               ]
             }
           ),
@@ -2430,37 +2434,37 @@ function jl() {
                     F,
                     {
                       title: "Shift + Enter",
-                      disabled: oe || ce,
+                      disabled: de || Me,
                       onClick: () => {
-                        Oe();
+                        Ae();
                       },
                       className: "shrink-0",
                       size: "sm",
                       variant: "outline",
                       children: [
-                        oe || ce ? /* @__PURE__ */ e.jsx(Qe, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(Rn, { className: "mr-2 h-4 w-4" }),
+                        de || Me ? /* @__PURE__ */ e.jsx(We, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(Hn, { className: "mr-2 h-4 w-4" }),
                         "Run"
                       ]
                     }
                   ),
-                  Me && /* @__PURE__ */ e.jsx(
-                    nl,
+                  Oe && /* @__PURE__ */ e.jsx(
+                    rl,
                     {
-                      error: Re.message,
+                      error: _e.message,
                       setShowAIDialog: c,
-                      setTriggerAIRun: g,
+                      setTriggerAIRun: j,
                       setUserInputforAI: m
                     }
                   ),
                   /* @__PURE__ */ e.jsxs(
                     F,
                     {
-                      onClick: fs,
+                      onClick: Xe,
                       className: "",
                       size: "sm",
                       variant: "outline",
                       children: [
-                        /* @__PURE__ */ e.jsx(zn, { className: "mr-2 size-4" }),
+                        /* @__PURE__ */ e.jsx(In, { className: "mr-2 size-4" }),
                         "Clear"
                       ]
                     }
@@ -2469,22 +2473,22 @@ function jl() {
                     xa,
                     {
                       pressed: t,
-                      onPressedChange: (v) => l(v),
+                      onPressedChange: (f) => l(f),
                       className: "",
                       size: "sm",
                       variant: "outline",
-                      children: /* @__PURE__ */ e.jsx(gl, { className: "size-4 text-foreground/70" })
+                      children: /* @__PURE__ */ e.jsx(bl, { className: "size-4 text-foreground/70" })
                     }
                   ),
                   /* @__PURE__ */ e.jsx(
-                    cl,
+                    ul,
                     {
                       open: d,
                       setOpen: c,
                       userInput: u,
-                      triggerAIRun: b,
-                      setTriggerAIRun: g,
-                      setUserInput: (v) => m(v)
+                      triggerAIRun: y,
+                      setTriggerAIRun: j,
+                      setUserInput: (f) => m(f)
                     }
                   )
                 ] }),
@@ -2492,11 +2496,11 @@ function jl() {
                   /* @__PURE__ */ e.jsxs(
                     F,
                     {
-                      onClick: Xe,
+                      onClick: es,
                       size: "sm",
                       variant: "outline",
                       children: [
-                        /* @__PURE__ */ e.jsx(yt, { className: "mr-2 size-4 font-bold text-green-600" }),
+                        /* @__PURE__ */ e.jsx(Ct, { className: "mr-2 size-4 font-bold text-green-600" }),
                         "Accept"
                       ]
                     }
@@ -2504,12 +2508,12 @@ function jl() {
                   /* @__PURE__ */ e.jsxs(
                     F,
                     {
-                      onClick: Ze,
+                      onClick: ss,
                       className: "w-full",
                       size: "sm",
                       variant: "outline",
                       children: [
-                        /* @__PURE__ */ e.jsx(Be, { className: "mr-2 size-4" }),
+                        /* @__PURE__ */ e.jsx(Ue, { className: "mr-2 size-4" }),
                         "Close"
                       ]
                     }
@@ -2523,7 +2527,7 @@ function jl() {
     )
   );
 }
-function bl({ data: s }) {
+function vl({ data: s }) {
   var r;
   const [n, a] = ge.useState([]), l = Object.keys(s[0]).map((d) => ({
     // header: key,
@@ -2537,61 +2541,61 @@ function bl({ data: s }) {
           onClick: () => c.toggleSorting(c.getIsSorted() === "asc"),
           children: [
             d,
-            u === "asc" ? /* @__PURE__ */ e.jsx(Ct, { className: "ml-2 h-5 w-5" }) : u === "desc" ? /* @__PURE__ */ e.jsx(Nt, { className: "ml-2 h-5 w-5" }) : null
+            u === "asc" ? /* @__PURE__ */ e.jsx(St, { className: "ml-2 h-5 w-5" }) : u === "desc" ? /* @__PURE__ */ e.jsx(wt, { className: "ml-2 h-5 w-5" }) : null
           ]
         }
       ) });
     }
-  })), i = St({
+  })), i = kt({
     data: s,
     columns: l,
-    getCoreRowModel: It(),
-    getPaginationRowModel: Tt(),
+    getCoreRowModel: Dt(),
+    getPaginationRowModel: Lt(),
     onSortingChange: a,
-    getSortedRowModel: Dt(),
+    getSortedRowModel: Mt(),
     manualPagination: !0,
     state: {
       sorting: n
     }
   });
-  return /* @__PURE__ */ e.jsxs(wt, { children: [
-    /* @__PURE__ */ e.jsx(kt, { children: i.getHeaderGroups().map((d) => /* @__PURE__ */ e.jsx(js, { children: d.headers.map((c) => /* @__PURE__ */ e.jsx(zt, { className: "sticky top-0 bg-muted", children: c.isPlaceholder ? null : Ws(
+  return /* @__PURE__ */ e.jsxs(zt, { children: [
+    /* @__PURE__ */ e.jsx(Ft, { children: i.getHeaderGroups().map((d) => /* @__PURE__ */ e.jsx(gs, { children: d.headers.map((c) => /* @__PURE__ */ e.jsx(It, { className: "sticky top-0 bg-muted", children: c.isPlaceholder ? null : Ws(
       c.column.columnDef.header,
       c.getContext()
     ) }, c.id)) }, d.id)) }),
-    /* @__PURE__ */ e.jsx(Ft, { children: (r = i.getRowModel().rows) != null && r.length ? i.getRowModel().rows.map((d) => /* @__PURE__ */ e.jsx(
-      js,
+    /* @__PURE__ */ e.jsx(Tt, { children: (r = i.getRowModel().rows) != null && r.length ? i.getRowModel().rows.map((d) => /* @__PURE__ */ e.jsx(
+      gs,
       {
         className: "whitespace-nowrap py-2",
         "data-state": d.getIsSelected() && "selected",
         children: d.getVisibleCells().map((c) => /* @__PURE__ */ e.jsx(Js, { children: Ws(c.column.columnDef.cell, c.getContext()) }, c.id))
       },
       d.id
-    )) : /* @__PURE__ */ e.jsx(js, { children: /* @__PURE__ */ e.jsx(Js, { colSpan: l.length, className: "h-24 text-center", children: "No results." }) }) })
+    )) : /* @__PURE__ */ e.jsx(gs, { children: /* @__PURE__ */ e.jsx(Js, { colSpan: l.length, className: "h-24 text-center", children: "No results." }) }) })
   ] });
 }
-function yl({ card: s }) {
-  var u, m, b, g, h, x, C, I, S, O;
-  const n = z((y) => y.themeStyle), a = {
+function Cl({ card: s }) {
+  var u, m, y, j, h, x, C, I, S, O;
+  const n = z((v) => v.themeStyle), a = {
     colors: ((m = (u = n == null ? void 0 : n.chart) == null ? void 0 : u.dataset) == null ? void 0 : m.backgroundColor) || []
   };
-  (b = s.customCardPreferences) != null && b.inputData;
-  const { getCard: t } = ja(((g = s.customCardPreferences) == null ? void 0 : g.url) || ""), l = ((h = s.customCardPreferences) == null ? void 0 : h.visualType) || "single", i = o((y) => y.frame);
+  (y = s.customCardPreferences) != null && y.inputData;
+  const { getCard: t } = ja(((j = s.customCardPreferences) == null ? void 0 : j.url) || ""), l = ((h = s.customCardPreferences) == null ? void 0 : h.visualType) || "single", i = o((v) => v.frame);
   if (be(), !((x = s.customCardPreferences) != null && x.componentName))
     return null;
   const r = t(
     (C = s.customCardPreferences) == null ? void 0 : C.componentName
-  ), d = (y) => {
-    console.log("data", y), s.customCardPreferences;
+  ), d = (v) => {
+    console.log("data", v), s.customCardPreferences;
   }, c = Object.keys(
     ((I = s.customCardPreferences) == null ? void 0 : I.dataInputCardIds) || {}
-  ).map((y) => {
-    var p, w, j;
-    const M = (w = (p = s.customCardPreferences) == null ? void 0 : p.dataInputCardIds) == null ? void 0 : w[y].cardId, L = (j = i == null ? void 0 : i.cards) == null ? void 0 : j.find((f) => f.id === M);
-    return L || null;
+  ).map((v) => {
+    var p, w, b;
+    const L = (w = (p = s.customCardPreferences) == null ? void 0 : p.dataInputCardIds) == null ? void 0 : w[v].cardId, D = (b = i == null ? void 0 : i.cards) == null ? void 0 : b.find((g) => g.id === L);
+    return D || null;
   });
   return /* @__PURE__ */ e.jsx("div", { className: "semaphor-custom mb-3 flex grow basis-0 flex-col space-y-2 overflow-y-auto", children: /* @__PURE__ */ e.jsxs(
-    vn,
+    Nn,
     {
       fallback: /* @__PURE__ */ e.jsx(e.Fragment, {}),
       children: [
@@ -2610,12 +2614,12 @@ function yl({ card: s }) {
             theme: a,
             onDataChange: d,
             settings: c.map(
-              (y) => {
-                var M;
-                return (M = y == null ? void 0 : y.customCardPreferences) == null ? void 0 : M.settings;
+              (v) => {
+                var L;
+                return (L = v == null ? void 0 : v.customCardPreferences) == null ? void 0 : L.settings;
               }
             ),
-            data: c.map((y) => (y == null ? void 0 : y.data) || [])
+            data: c.map((v) => (v == null ? void 0 : v.data) || [])
           }
         ) })
       ]
@@ -2629,12 +2633,12 @@ function Ra({
   className: s,
   ...n
 }) {
-  var g, h;
+  var j, h;
   ge.useState(0);
-  const a = z((x) => x.themeStyle), t = o((x) => x.card), l = ((g = t.customCardPreferences) == null ? void 0 : g.showCardHeader) ?? !0, i = o((x) => x.frame), r = z((x) => x.dashboard.filters);
+  const a = z((x) => x.themeStyle), t = o((x) => x.card), l = ((j = t.customCardPreferences) == null ? void 0 : j.showCardHeader) ?? !0, i = o((x) => x.frame), r = z((x) => x.dashboard.filters);
   z((x) => x.filterValues), o((x) => x.actions.setRunSql);
-  const { updateFilter: d } = cs(), c = r == null ? void 0 : r.find((x) => x.id === i.filterId), u = o((x) => x.actions.setCard);
-  if (X(() => {
+  const { updateFilter: d } = Ss(), c = r == null ? void 0 : r.find((x) => x.id === i.filterId), u = o((x) => x.actions.setCard);
+  if (Y(() => {
   }, [
     t.data,
     t.type,
@@ -2652,40 +2656,40 @@ function Ra({
     customCfg: t.customCfg,
     preferences: t.preferences
   }));
-  function b(x) {
-    return /* @__PURE__ */ e.jsx(yl, { card: x });
+  function y(x) {
+    return /* @__PURE__ */ e.jsx(Cl, { card: x });
   }
   return /* @__PURE__ */ e.jsxs(
-    Lt,
+    Ot,
     {
       role: "editor-visual-card",
-      className: Z("relative flex h-full flex-col rounded-none", s),
+      className: X("relative flex h-full flex-col rounded-none", s),
       ...n,
       children: [
-        l && /* @__PURE__ */ e.jsxs(Mt, { className: "flex flex-row items-start justify-between py-4", children: [
+        l && /* @__PURE__ */ e.jsxs(At, { className: "flex flex-row items-start justify-between py-4", children: [
           /* @__PURE__ */ e.jsxs("div", { children: [
             /* @__PURE__ */ e.jsx(
-              ts,
+              ns,
               {
                 text: t.title,
                 onSave: (x) => u({ ...t, title: x }),
-                children: /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-5", children: /* @__PURE__ */ e.jsx(Ot, { className: "text-base", children: t.title || "Edit title..." }) })
+                children: /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-5", children: /* @__PURE__ */ e.jsx(Et, { className: "text-base", children: t.title || "Edit title..." }) })
               },
               t.title
             ),
             /* @__PURE__ */ e.jsx(
-              ts,
+              ns,
               {
                 text: t.description || "",
                 onSave: (x) => u({ ...t, description: x }),
-                children: /* @__PURE__ */ e.jsx(At, { children: t.description || "Edit description..." })
+                children: /* @__PURE__ */ e.jsx(Vt, { children: t.description || "Edit description..." })
               },
               t.description
             )
           ] }),
           c && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
             /* @__PURE__ */ e.jsx(
-              ts,
+              ns,
               {
                 className: "my-1",
                 text: c.title || c.column,
@@ -2693,85 +2697,85 @@ function Ra({
                 children: /* @__PURE__ */ e.jsx(_, { children: c.title })
               }
             ),
-            Et(c)
+            qt(c)
           ] })
         ] }),
-        /* @__PURE__ */ e.jsxs(Vt, { className: "flex grow flex-col", children: [
-          t.type === "custom" && b(t),
+        /* @__PURE__ */ e.jsxs(Rt, { className: "flex grow flex-col", children: [
+          t.type === "custom" && y(t),
           !["table", "custom"].includes(t.type) && m && // <ChartJsVisual key={visualKey} cfg={cfg} />
           /* @__PURE__ */ e.jsx(
-            qt,
+            _t,
             {
               cfg: m
             },
             JSON.stringify(m) + JSON.stringify(t.preferences) + ((h = t == null ? void 0 : t.preferences) == null ? void 0 : h.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(Rt, { className: "flex min-h-0 flex-1 grow basis-0", children: /* @__PURE__ */ e.jsx(_t, { card: t, data: t == null ? void 0 : t.data }) })
+          /* @__PURE__ */ e.jsx(Ht, { className: "flex min-h-0 flex-1 grow basis-0", children: /* @__PURE__ */ e.jsx($t, { card: t, data: t == null ? void 0 : t.data }) })
         ] })
       ]
     }
   );
 }
-function vl() {
-  const [s, n] = E(!1), [a, t] = E(""), [l, i] = E(""), [r, d] = E(""), [c, u] = E(""), m = o((y) => y.card), b = o(
-    (y) => y.card.customCfg
-  ), { setCardCustomCfg: g, setCustomVisualCode: h } = be();
-  function x(y) {
+function Nl() {
+  const [s, n] = E(!1), [a, t] = E(""), [l, i] = E(""), [r, d] = E(""), [c, u] = E(""), m = o((v) => v.card), y = o(
+    (v) => v.card.customCfg
+  ), { setCardCustomCfg: j, setCustomVisualCode: h } = be();
+  function x(v) {
     var p, w;
-    const M = {
-      ...y,
+    const L = {
+      ...v,
       data: {
-        ...y == null ? void 0 : y.data,
-        datasets: (w = (p = y == null ? void 0 : y.data) == null ? void 0 : p.datasets) == null ? void 0 : w.map((j) => ({
-          ...j,
+        ...v == null ? void 0 : v.data,
+        datasets: (w = (p = v == null ? void 0 : v.data) == null ? void 0 : p.datasets) == null ? void 0 : w.map((b) => ({
+          ...b,
           data: []
         }))
       }
     };
-    return JSON.stringify(M, null, 1);
+    return JSON.stringify(L, null, 1);
   }
   function C() {
-    var M, L;
+    var L, D;
     if (!m.data || m.data.length === 0)
       return;
-    const y = ba({
+    const v = ba({
       data: m.data,
       cardType: m.type,
       cfg: m.cfg,
       preferences: m.preferences
     });
-    y && (t(JSON.stringify(y, null, 1)), (M = m == null ? void 0 : m.preferences) != null && M.customVisualCode && d((L = m == null ? void 0 : m.preferences) == null ? void 0 : L.customVisualCode), b && i(JSON.stringify(b, null, 1)));
+    v && (t(JSON.stringify(v, null, 1)), (L = m == null ? void 0 : m.preferences) != null && L.customVisualCode && d((D = m == null ? void 0 : m.preferences) == null ? void 0 : D.customVisualCode), y && i(JSON.stringify(y, null, 1)));
   }
   function I() {
     if (r && h(r), !!l)
       try {
-        const y = JSON.parse(l);
-        return y ? (g(y), u(""), i(""), y) : void 0;
-      } catch (y) {
-        console.log(y), u("Invalid JSON");
+        const v = JSON.parse(l);
+        return v ? (j(v), u(""), i(""), v) : void 0;
+      } catch (v) {
+        console.log(v), u("Invalid JSON");
       }
   }
   function S() {
-    i(""), g(null);
+    i(""), j(null);
   }
   function O() {
-    let y;
-    if (b) {
-      const M = Ys.cloneDeep(m.cfg), L = Ys.merge(M, b);
-      return y = x(L), y;
+    let v;
+    if (y) {
+      const L = Ys.cloneDeep(m.cfg), D = Ys.merge(L, y);
+      return v = x(D), v;
     }
-    return a ? (y = x(JSON.parse(a)), y) : "";
+    return a ? (v = x(JSON.parse(a)), v) : "";
   }
   return /* @__PURE__ */ e.jsxs(ws, { open: s, onOpenChange: n, children: [
     /* @__PURE__ */ e.jsx(ks, { asChild: !0, children: /* @__PURE__ */ e.jsx(
       F,
       {
         onClick: C,
-        className: ` ${b && "border-foreground/50 dark:border-foreground/70"}`,
+        className: ` ${y && "border-foreground/50 dark:border-foreground/70"}`,
         size: "sm",
         variant: "outline",
-        children: /* @__PURE__ */ e.jsx(Ht, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ e.jsx(Pt, { className: "h-4 w-4" })
       }
     ) }),
     /* @__PURE__ */ e.jsxs(
@@ -2812,15 +2816,15 @@ function vl() {
             /* @__PURE__ */ e.jsx(Ra, { className: "w-1/2 rounded shadow-none" }),
             /* @__PURE__ */ e.jsxs(ya, { defaultValue: "custom-config", className: "flex w-1/2 flex-col", children: [
               /* @__PURE__ */ e.jsxs(va, { className: "justify-start rounded-sm rounded-b-none border border-b-0", children: [
-                /* @__PURE__ */ e.jsxs(ns, { value: "custom-config", children: [
-                  b && /* @__PURE__ */ e.jsx(Ca, { className: "mr-1 h-5 w-5 text-green-600" }),
-                  b ? "Custom Config" : "Default Config"
+                /* @__PURE__ */ e.jsxs(ls, { value: "custom-config", children: [
+                  y && /* @__PURE__ */ e.jsx(Ca, { className: "mr-1 h-5 w-5 text-green-600" }),
+                  y ? "Custom Config" : "Default Config"
                 ] }),
-                /* @__PURE__ */ e.jsx(ns, { className: "", value: "output", children: "Output" }),
-                /* @__PURE__ */ e.jsx(ns, { className: "", value: "custom-code", children: "Custom Code" })
+                /* @__PURE__ */ e.jsx(ls, { className: "", value: "output", children: "Output" }),
+                /* @__PURE__ */ e.jsx(ls, { className: "", value: "custom-code", children: "Custom Code" })
               ] }),
               /* @__PURE__ */ e.jsx(
-                ls,
+                rs,
                 {
                   className: "bg-red-x mt-0 grow rounded-b border border-t-0 p-2",
                   value: "output",
@@ -2835,12 +2839,12 @@ function vl() {
                 }
               ),
               /* @__PURE__ */ e.jsx(
-                ls,
+                rs,
                 {
                   className: "mt-0 grow rounded-b border border-t-0",
                   value: "custom-config",
                   children: /* @__PURE__ */ e.jsx(
-                    Pe,
+                    Be,
                     {
                       className: "h-full w-full overflow-hidden",
                       theme: "default",
@@ -2858,18 +2862,18 @@ function vl() {
                       },
                       defaultLanguage: "json",
                       value: O(),
-                      onChange: (y) => i(y)
+                      onChange: (v) => i(v)
                     }
                   )
                 }
               ),
               /* @__PURE__ */ e.jsx(
-                ls,
+                rs,
                 {
                   className: "mt-0 grow rounded-b border border-t-0",
                   value: "custom-code",
                   children: /* @__PURE__ */ e.jsx(
-                    Pe,
+                    Be,
                     {
                       className: "h-full w-full overflow-hidden",
                       theme: "default",
@@ -2887,7 +2891,7 @@ function vl() {
                       },
                       defaultLanguage: "javascript",
                       value: r,
-                      onChange: (y) => d(y || "")
+                      onChange: (v) => d(v || "")
                     }
                   )
                 }
@@ -2899,7 +2903,7 @@ function vl() {
             /* @__PURE__ */ e.jsx(
               F,
               {
-                disabled: !b,
+                disabled: !y,
                 onClick: S,
                 variant: "outline",
                 children: "Reset"
@@ -2939,33 +2943,33 @@ function Ka(s) {
 }
 function Qa(s) {
   const [n, a] = E(null);
-  return X(() => {
+  return Y(() => {
     s && (async () => {
-      const i = (await import("./lucide-react-te4lV1WE.js"))[s];
+      const i = (await import("./lucide-react-OlWvERU9.js"))[s];
       a(i);
     })();
   }, [s]), n;
 }
 function Wa() {
-  const { authToken: s } = je(), { data: n, isLoading: a, isFetching: t, isError: l } = ie({
+  const { authToken: s } = je(), { data: n, isLoading: a, isFetching: t, isError: l } = ce({
     queryKey: ["plugins", s == null ? void 0 : s.accessToken],
-    queryFn: () => $t(s == null ? void 0 : s.accessToken)
+    queryFn: () => Bt(s == null ? void 0 : s.accessToken)
     // staleTime: Infinity,
   });
   return { data: n, isLoading: a, isFetching: t, isError: l };
 }
-function Cl({
+function Sl({
   onChartTypeChange: s
 }) {
   const [n, a] = E([]), { data: t } = Wa();
-  return X(() => {
+  return Y(() => {
     (async () => {
       var i;
       if (t) {
         const d = (await Promise.all(
-          (i = t == null ? void 0 : t.plugins) == null ? void 0 : i.map(async (c) => (await Pt(c.value)).visuals.map((b) => ({
-            name: b.name,
-            icon: b.icon,
+          (i = t == null ? void 0 : t.plugins) == null ? void 0 : i.map(async (c) => (await Ut(c.value)).visuals.map((y) => ({
+            name: y.name,
+            icon: y.icon,
             url: c.value
           })))
         )).flat();
@@ -2973,9 +2977,9 @@ function Cl({
       }
     })();
   }, [t]), n.length === 0 ? null : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(Ie, { className: "my-2" }),
+    /* @__PURE__ */ e.jsx(Te, { className: "my-2" }),
     /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-4 place-items-center", children: n.map((l, i) => /* @__PURE__ */ e.jsx(
-      Nl,
+      wl,
       {
         text: l.name,
         onClick: () => s("custom", l),
@@ -2985,7 +2989,7 @@ function Cl({
     )) })
   ] });
 }
-const Nl = ({
+const wl = ({
   text: s,
   icon: n,
   onClick: a
@@ -2993,11 +2997,11 @@ const Nl = ({
   const t = Qa(n || ""), l = s.charAt(0).toUpperCase();
   return /* @__PURE__ */ e.jsx(F, { onClick: a, title: s, variant: "ghost", children: t ? /* @__PURE__ */ e.jsx(t, { className: "h-4 w-4" }) : l });
 };
-function Sl() {
-  var m, b;
-  const [s, n] = E(!1), a = o((g) => g.card), t = a.type, { setCardType: l, setCardPreferences: i, setChartOrientation: r } = o((g) => g.actions), { setCardCustomCfg: d, setCustomCardPreferences: c } = be();
-  function u(g, h) {
-    d(null), i({}), l(g), h && c({
+function kl() {
+  var m, y;
+  const [s, n] = E(!1), a = o((j) => j.card), t = a.type, { setCardType: l, setCardPreferences: i, setChartOrientation: r } = o((j) => j.actions), { setCardCustomCfg: d, setCustomCardPreferences: c } = be();
+  function u(j, h) {
+    d(null), i({}), l(j), h && c({
       type: "component",
       visualType: "single",
       url: h.url,
@@ -3007,12 +3011,12 @@ function Sl() {
   }
   return /* @__PURE__ */ e.jsxs(us, { open: s, onOpenChange: n, children: [
     /* @__PURE__ */ e.jsx(hs, { asChild: !0, children: /* @__PURE__ */ e.jsx(F, { size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(
-      wl,
+      zl,
       {
         className: "h-4 w-4",
         chartType: t,
         customIcon: (m = a.customCardPreferences) == null ? void 0 : m.icon,
-        componentName: (b = a.customCardPreferences) == null ? void 0 : b.componentName
+        componentName: (y = a.customCardPreferences) == null ? void 0 : y.componentName
       }
     ) }) }),
     /* @__PURE__ */ e.jsxs(ms, { className: "w-50", children: [
@@ -3153,11 +3157,11 @@ function Sl() {
           }
         )
       ] }),
-      /* @__PURE__ */ e.jsx(Cl, { onChartTypeChange: u })
+      /* @__PURE__ */ e.jsx(Sl, { onChartTypeChange: u })
     ] })
   ] });
 }
-function wl({
+function zl({
   chartType: s,
   className: n,
   customIcon: a,
@@ -3199,7 +3203,7 @@ function wl({
       return /* @__PURE__ */ e.jsx(Os, { className: n });
   }
 }
-function kl() {
+function Fl() {
   var l;
   const s = o((i) => i.card), n = ((l = s.customCardPreferences) == null ? void 0 : l.showCardHeader) ?? !0, { setCustomCardPreferences: a } = be(), t = (i) => {
     s.customCardPreferences && a({
@@ -3211,7 +3215,7 @@ function kl() {
     /* @__PURE__ */ e.jsx(ia, { asChild: !0, children: /* @__PURE__ */ e.jsx(Ta, { className: "size-4 cursor-pointer text-muted-foreground/70 transition-colors hover:text-muted-foreground" }) }),
     /* @__PURE__ */ e.jsxs(oa, { align: "start", className: "w-40 text-muted-foreground", children: [
       /* @__PURE__ */ e.jsx(
-        Bt,
+        Gt,
         {
           checked: n,
           onCheckedChange: t,
@@ -3219,10 +3223,10 @@ function kl() {
         }
       ),
       /* @__PURE__ */ e.jsxs(
-        Ut,
+        Kt,
         {
           onClick: () => {
-            navigator.clipboard.writeText(s.id), Ge.success("Card ID copied to clipboard");
+            navigator.clipboard.writeText(s.id), Ke.success("Card ID copied to clipboard");
           },
           className: "cursor-pointer space-x-2",
           children: [
@@ -3240,9 +3244,9 @@ function aa() {
   const { setFrame: c, setCard: u, updateCardInFrame: m } = be();
   if (!n)
     return /* @__PURE__ */ e.jsx(e.Fragment, { children: "No Active Card" });
-  function b() {
+  function y() {
     const p = {
-      id: Ue(),
+      id: Ge(),
       title: "Title",
       description: "Description",
       preferences: {
@@ -3257,9 +3261,9 @@ function aa() {
       sql: "",
       data: []
     };
-    g(p);
+    j(p);
   }
-  function g(p) {
+  function j(p) {
     const w = {
       ...s,
       cards: [...s.cards, p],
@@ -3270,58 +3274,58 @@ function aa() {
   function h() {
     const p = {
       ...n,
-      id: Ue(),
+      id: Ge(),
       title: `${n.title} Copy`,
       tabTitle: `${n.tabTitle} Copy`
     };
-    g(p);
+    j(p);
   }
   function x(p) {
-    const w = s.cards.filter((V) => V.id !== p), j = w[0], f = {
+    const w = s.cards.filter((V) => V.id !== p), b = w[0], g = {
       ...s,
       cards: w,
       // update the active card to the first card in the frame
-      activeCardId: j.id
+      activeCardId: b.id
     };
-    c(f), u(j);
+    c(g), u(b);
   }
   function C(p) {
     const w = {
       ...s,
-      cards: s.cards.map((f) => f.id === n.id ? n : f),
+      cards: s.cards.map((g) => g.id === n.id ? n : g),
       activeCardId: p
     };
     c(w);
-    const j = w.cards.find((f) => f.id === p);
-    u(j), j.sql && j.data && j.data.length === 0 && d(!0);
+    const b = w.cards.find((g) => g.id === p);
+    u(b), b.sql && b.data && b.data.length === 0 && d(!0);
   }
   const I = (p, w) => {
     console.log("handleDragStart", w), p.dataTransfer.setData("tabIndex", w.toString());
   }, S = (p) => {
     p.preventDefault();
   }, O = (p, w) => {
-    const j = p.dataTransfer.getData("tabIndex");
-    if (j === w.toString())
+    const b = p.dataTransfer.getData("tabIndex");
+    if (b === w.toString())
       return;
-    const f = Array.from(s.cards), [V] = f.splice(parseInt(j), 1);
-    f.splice(w, 0, V), c({ ...s, cards: f });
+    const g = Array.from(s.cards), [V] = g.splice(parseInt(b), 1);
+    g.splice(w, 0, V), c({ ...s, cards: g });
   };
-  function y(p, w) {
+  function v(p, w) {
     return p.cards.length === 1 && (w.displayTab === !0 || w.displayTab === void 0) || p.activeCardId !== w.id && (w.displayTab === !0 || w.displayTab === void 0) ? null : /* @__PURE__ */ e.jsx(
       "div",
       {
         onClick: () => {
-          const j = w.displayTab === void 0 ? !1 : !w.displayTab;
-          u({ ...w, displayTab: j }), m({
+          const b = w.displayTab === void 0 ? !1 : !w.displayTab;
+          u({ ...w, displayTab: b }), m({
             ...w,
-            displayTab: j
+            displayTab: b
           });
         },
-        children: w.displayTab === !0 || w.displayTab === void 0 ? /* @__PURE__ */ e.jsx(In, { className: "mr-2 size-3.5 text-muted-foreground hover:text-foreground" }) : /* @__PURE__ */ e.jsx(Fn, { className: "mr-2 size-3.5 text-muted-foreground hover:text-foreground" })
+        children: w.displayTab === !0 || w.displayTab === void 0 ? /* @__PURE__ */ e.jsx(Dn, { className: "mr-2 size-3.5 text-muted-foreground hover:text-foreground" }) : /* @__PURE__ */ e.jsx(Tn, { className: "mr-2 size-3.5 text-muted-foreground hover:text-foreground" })
       }
     );
   }
-  function M() {
+  function L() {
     return /* @__PURE__ */ e.jsxs(
       ya,
       {
@@ -3329,26 +3333,26 @@ function aa() {
         value: s.activeCardId,
         className: "flex grow flex-col",
         children: [
-          s.cards.map((p) => /* @__PURE__ */ e.jsx(ls, { className: "mt-0 grow", value: p.id, children: L() }, p.id)),
+          s.cards.map((p) => /* @__PURE__ */ e.jsx(rs, { className: "mt-0 grow", value: p.id, children: D() }, p.id)),
           /* @__PURE__ */ e.jsx(va, { className: "group mx-6 justify-between", children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center", children: [
             s.cards.map((p, w) => /* @__PURE__ */ e.jsx(
-              ts,
+              ns,
               {
                 text: p.tabTitle || p.title,
-                onSave: (j) => {
-                  u({ ...n, tabTitle: j }), m({ ...n, tabTitle: j });
+                onSave: (b) => {
+                  u({ ...n, tabTitle: b }), m({ ...n, tabTitle: b });
                 },
                 children: /* @__PURE__ */ e.jsxs(
-                  ns,
+                  ls,
                   {
                     draggable: !0,
-                    onDragStart: (j) => I(j, w),
+                    onDragStart: (b) => I(b, w),
                     onDragOver: S,
-                    onDrop: (j) => O(j, w),
+                    onDrop: (b) => O(b, w),
                     className: "",
                     value: p.id,
                     children: [
-                      y(s, p),
+                      v(s, p),
                       p.tabTitle || p.title,
                       s.activeCardId === p.id && s.cards.length > 1 && /* @__PURE__ */ e.jsx(
                         Na,
@@ -3368,7 +3372,7 @@ function aa() {
               {
                 className: "ml-1 h-8 px-2 hover:bg-muted-foreground/50",
                 variant: "outline",
-                onClick: b,
+                onClick: y,
                 children: /* @__PURE__ */ e.jsx(zs, { className: "h-4 w-4" })
               }
             ),
@@ -3378,7 +3382,7 @@ function aa() {
                 className: "invisible ml-1 h-8 px-2 hover:bg-muted-foreground/50 group-hover:visible",
                 variant: "outline",
                 onClick: h,
-                children: /* @__PURE__ */ e.jsx(wn, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ e.jsx(zn, { className: "h-4 w-4" })
               }
             )
           ] }) })
@@ -3386,27 +3390,27 @@ function aa() {
       }
     );
   }
-  function L() {
-    return n.type === "kpi" ? /* @__PURE__ */ e.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e.jsx(Gt, { isLoading: l, card: n }) }) }) : n.type === "text" ? /* @__PURE__ */ e.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e.jsx(Kt, { isLoading: l, card: n }) }) }) : /* @__PURE__ */ e.jsx(Ra, { className: "grow border-none shadow-none" });
+  function D() {
+    return n.type === "kpi" ? /* @__PURE__ */ e.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e.jsx(Qt, { isLoading: l, card: n }) }) }) : n.type === "text" ? /* @__PURE__ */ e.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e.jsx(Wt, { isLoading: l, card: n }) }) }) : /* @__PURE__ */ e.jsx(Ra, { className: "grow border-none shadow-none" });
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "relative flex h-full flex-col py-3", children: [
-    l && /* @__PURE__ */ e.jsx(Qe, { className: "absolute bottom-0 left-0 right-0 top-0 z-10 m-auto h-10 w-10 animate-spin text-foreground/10" }),
+    l && /* @__PURE__ */ e.jsx(We, { className: "absolute bottom-0 left-0 right-0 top-0 z-10 m-auto h-10 w-10 animate-spin text-foreground/10" }),
     /* @__PURE__ */ e.jsxs("div", { className: "mb-0 flex min-h-10 items-center justify-end gap-2 px-6", children: [
       t && /* @__PURE__ */ e.jsxs("div", { className: "flex grow items-center gap-2", children: [
-        /* @__PURE__ */ e.jsx(Sl, {}),
-        !["table", "custom"].includes(n.type) && /* @__PURE__ */ e.jsx(vl, {}),
-        /* @__PURE__ */ e.jsx(kl, {})
+        /* @__PURE__ */ e.jsx(kl, {}),
+        !["table", "custom"].includes(n.type) && /* @__PURE__ */ e.jsx(Nl, {}),
+        /* @__PURE__ */ e.jsx(Fl, {})
       ] }),
-      /* @__PURE__ */ e.jsx(Fl, {})
+      /* @__PURE__ */ e.jsx(Tl, {})
     ] }),
-    t ? M() : /* @__PURE__ */ e.jsxs("div", { className: "flex min-h-0 w-full flex-1 grow basis-0 px-6", children: [
-      r && /* @__PURE__ */ e.jsx(zl, {}),
-      n.data && n.data.length > 0 && /* @__PURE__ */ e.jsx(bl, { data: a || [] }),
+    t ? L() : /* @__PURE__ */ e.jsxs("div", { className: "flex min-h-0 w-full flex-1 grow basis-0 px-6", children: [
+      r && /* @__PURE__ */ e.jsx(Il, {}),
+      n.data && n.data.length > 0 && /* @__PURE__ */ e.jsx(vl, { data: a || [] }),
       i && /* @__PURE__ */ e.jsx("span", { className: "font-mono text-sm", children: i })
     ] })
   ] });
 }
-function zl() {
+function Il() {
   const s = o((a) => a.pythonStdOut);
   if (!s)
     return null;
@@ -3420,17 +3424,17 @@ function zl() {
         className: "bg-muted p-2 font-mono text-sm"
       }
     ),
-    /* @__PURE__ */ e.jsx(Ie, { className: "mb-2" })
+    /* @__PURE__ */ e.jsx(Te, { className: "mb-2" })
   ] });
 }
-function Fl() {
+function Tl() {
   const s = o((a) => a.isShowingVisual), n = o(
     (a) => a.actions.setIsShowingVisual
   );
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
     /* @__PURE__ */ e.jsx(_, { htmlFor: "visualize", children: "Chart" }),
     /* @__PURE__ */ e.jsx(
-      Qt,
+      Jt,
       {
         checked: s,
         onCheckedChange: () => n(!s),
@@ -3440,7 +3444,7 @@ function Fl() {
     )
   ] });
 }
-function Il({
+function Dl({
   options: s,
   value: n,
   onValueChange: a
@@ -3453,13 +3457,13 @@ function Il({
       className: "flex gap-4",
       defaultValue: s[0].value,
       children: s.map((t) => /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-        /* @__PURE__ */ e.jsx(Te, { value: t.value, id: t.value }),
+        /* @__PURE__ */ e.jsx(De, { value: t.value, id: t.value }),
         /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: t.value, children: t.label })
       ] }, t.value))
     }
   );
 }
-function $e({
+function Pe({
   label: s,
   options: n,
   value: a,
@@ -3470,13 +3474,13 @@ function $e({
     /* @__PURE__ */ e.jsx(
       me,
       {
-        className: Z("w-full focus:ring-0 focus:ring-offset-0", l),
+        className: X("w-full focus:ring-0 focus:ring-offset-0", l),
         children: /* @__PURE__ */ e.jsx(xe, { placeholder: s })
       }
     ),
     /* @__PURE__ */ e.jsx(pe, { children: /* @__PURE__ */ e.jsxs(we, { children: [
       /* @__PURE__ */ e.jsx(fe, { children: s }),
-      n.map((i) => /* @__PURE__ */ e.jsx(J, { value: i.value, children: i.label }, i.value))
+      n.map((i) => /* @__PURE__ */ e.jsx(W, { value: i.value, children: i.label }, i.value))
     ] }) })
   ] });
 }
@@ -3491,14 +3495,14 @@ function ta({
       children: [
         /* @__PURE__ */ e.jsxs("summary", { className: "flex cursor-pointer list-none items-center justify-between gap-4", children: [
           /* @__PURE__ */ e.jsx(_, { children: n }),
-          /* @__PURE__ */ e.jsx(Wt, { className: "h-4 w-4" })
+          /* @__PURE__ */ e.jsx(Yt, { className: "h-4 w-4" })
         ] }),
         /* @__PURE__ */ e.jsx("div", { className: "transition-all ease-in-out", children: s })
       ]
     }
   );
 }
-function Tl() {
+function Ll() {
   var C, I;
   const s = o(
     (S) => S.card.customCardPreferences
@@ -3510,7 +3514,7 @@ function Tl() {
   function m(S, O) {
     if (!s)
       return;
-    const M = {
+    const L = {
       ...(s == null ? void 0 : s.dataInputCardIds) || {},
       [S]: {
         cardId: O,
@@ -3519,34 +3523,34 @@ function Tl() {
     };
     r({
       ...s,
-      dataInputCardIds: M
+      dataInputCardIds: L
     });
   }
-  function b(S) {
-    var y, M;
-    const O = (y = l == null ? void 0 : l.cards) == null ? void 0 : y.filter((L) => {
+  function y(S) {
+    var v, L;
+    const O = (v = l == null ? void 0 : l.cards) == null ? void 0 : v.filter((D) => {
       var p;
-      return ((p = L == null ? void 0 : L.customCardPreferences) == null ? void 0 : p.visualType) !== "multiple";
-    }).map((L) => ({
-      value: L.id,
-      label: L.tabTitle || L.title
+      return ((p = D == null ? void 0 : D.customCardPreferences) == null ? void 0 : p.visualType) !== "multiple";
+    }).map((D) => ({
+      value: D.id,
+      label: D.tabTitle || D.title
     }));
-    return /* @__PURE__ */ e.jsx("div", { className: "space-y-2", children: (M = S == null ? void 0 : S.dataInputs) == null ? void 0 : M.map((L, p) => {
-      var w, j;
+    return /* @__PURE__ */ e.jsx("div", { className: "space-y-2", children: (L = S == null ? void 0 : S.dataInputs) == null ? void 0 : L.map((D, p) => {
+      var w, b;
       return /* @__PURE__ */ e.jsxs(
         "div",
         {
           className: "grid grid-cols-10 gap-2",
           children: [
-            /* @__PURE__ */ e.jsx("div", { className: "col-span-4 flex items-center", children: L }),
+            /* @__PURE__ */ e.jsx("div", { className: "col-span-4 flex items-center", children: D }),
             /* @__PURE__ */ e.jsx(
-              $e,
+              Pe,
               {
                 className: "col-span-6 h-8 w-full justify-between",
                 label: "",
                 options: O || [],
-                value: ((j = (w = s == null ? void 0 : s.dataInputCardIds) == null ? void 0 : w[p]) == null ? void 0 : j.cardId) || "",
-                onValueChange: (f) => m(p, f)
+                value: ((b = (w = s == null ? void 0 : s.dataInputCardIds) == null ? void 0 : w[p]) == null ? void 0 : b.cardId) || "",
+                onValueChange: (g) => m(p, g)
               }
             )
           ]
@@ -3555,13 +3559,13 @@ function Tl() {
       );
     }) });
   }
-  function g(S, O, y = []) {
-    var M, L;
+  function j(S, O, v = []) {
+    var L, D;
     return s ? S === "input" ? /* @__PURE__ */ e.jsx(
       Se,
       {
-        className: `h-8 w-full ${Jt}`,
-        value: ((M = s == null ? void 0 : s.settings) == null ? void 0 : M[O]) || "",
+        className: `h-8 w-full ${Xt}`,
+        value: ((L = s == null ? void 0 : s.settings) == null ? void 0 : L[O]) || "",
         onChange: (p) => {
           r({
             ...s,
@@ -3574,12 +3578,12 @@ function Tl() {
       },
       O
     ) : S === "select" ? /* @__PURE__ */ e.jsx(
-      $e,
+      Pe,
       {
         className: "h-8 w-full",
         label: "",
-        options: y,
-        value: ((L = s == null ? void 0 : s.settings) == null ? void 0 : L[O]) || "",
+        options: v,
+        value: ((D = s == null ? void 0 : s.settings) == null ? void 0 : D[O]) || "",
         onValueChange: (p) => {
           r({
             ...s,
@@ -3591,14 +3595,14 @@ function Tl() {
   }
   function h(S) {
     const O = Object.entries((S == null ? void 0 : S.settings) || {});
-    return /* @__PURE__ */ e.jsx("div", { className: "space-y-3", children: O.map(([y, M]) => /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ e.jsx(_, { children: M.title }),
-      g(
-        M.ui,
-        y,
-        M.options
+    return /* @__PURE__ */ e.jsx("div", { className: "space-y-3", children: O.map(([v, L]) => /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ e.jsx(_, { children: L.title }),
+      j(
+        L.ui,
+        v,
+        L.options
       )
-    ] }, y)) });
+    ] }, v)) });
   }
   function x(S) {
     s && r({
@@ -3614,7 +3618,7 @@ function Tl() {
       children: [
         /* @__PURE__ */ e.jsx(ta, { summary: "Plugin Settings", children: /* @__PURE__ */ e.jsx("div", { className: "space-y-4 text-sm", children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 text-sm", children: [
           /* @__PURE__ */ e.jsx("div", { className: "space-y-2", children: /* @__PURE__ */ e.jsx("div", { className: "px-2", children: /* @__PURE__ */ e.jsx(
-            $e,
+            Pe,
             {
               className: "h-8 w-full",
               label: "",
@@ -3630,7 +3634,7 @@ function Tl() {
             }
           ) }) }),
           ((s == null ? void 0 : s.type) === "component" || (s == null ? void 0 : s.type) === void 0) && /* @__PURE__ */ e.jsx(
-            Il,
+            Dl,
             {
               options: [
                 { value: "single", label: "Single Visual" },
@@ -3643,7 +3647,7 @@ function Tl() {
           ((s == null ? void 0 : s.type) === "component" || (s == null ? void 0 : s.type) === void 0) && s && /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
             /* @__PURE__ */ e.jsx(_, { children: "Component" }),
             /* @__PURE__ */ e.jsx("div", { className: "space-y-2 px-2", children: d && /* @__PURE__ */ e.jsx(
-              $e,
+              Pe,
               {
                 className: "h-8 w-full",
                 label: "",
@@ -3664,11 +3668,11 @@ function Tl() {
             ) })
           ] }) })
         ] }) }) }),
-        /* @__PURE__ */ e.jsx(Ie, { className: "my-4" }),
+        /* @__PURE__ */ e.jsx(Te, { className: "my-4" }),
         ((I = t == null ? void 0 : t.customCardPreferences) == null ? void 0 : I.componentName) && /* @__PURE__ */ e.jsxs(ta, { summary: "Component Settings", children: [
           u && u.dataInputs && /* @__PURE__ */ e.jsxs("div", { className: "space-y-3", children: [
             /* @__PURE__ */ e.jsx(_, { children: "Input Mapping" }),
-            /* @__PURE__ */ e.jsx("div", { className: "px-2", children: b(u) })
+            /* @__PURE__ */ e.jsx("div", { className: "px-2", children: y(u) })
           ] }),
           u && u.settings && /* @__PURE__ */ e.jsx("div", { className: "space-y-3", children: /* @__PURE__ */ e.jsx("div", { className: "px-2", children: h(u) }) })
         ] })
@@ -3676,7 +3680,7 @@ function Tl() {
     }
   );
 }
-function Ve() {
+function qe() {
   const [s, n] = E([]);
   o(
     (m) => m.card.cfg
@@ -3686,15 +3690,15 @@ function Ve() {
   );
   o(
     (m) => {
-      var b;
-      return (b = m.card.preferences) == null ? void 0 : b.filterOnClickColumnIndex;
+      var y;
+      return (y = m.card.preferences) == null ? void 0 : y.filterOnClickColumnIndex;
     }
-  ), X(() => {
+  ), Y(() => {
     r && n(new Array(r.length).fill(!1));
   }, [r]);
-  function d(m, b) {
-    var g, h;
-    b ? a != null && a.onClickFilter && ((g = a == null ? void 0 : a.onClickFilter) == null ? void 0 : g.length) > 0 ? i({
+  function d(m, y) {
+    var j, h;
+    y ? a != null && a.onClickFilter && ((j = a == null ? void 0 : a.onClickFilter) == null ? void 0 : j.length) > 0 ? i({
       ...a,
       onClickFilter: [
         ...a.onClickFilter,
@@ -3721,20 +3725,20 @@ function Ve() {
       return C[m] = !1, C;
     }));
   }
-  function c(m, b) {
+  function c(m, y) {
     var h;
-    const g = (h = a == null ? void 0 : a.onClickFilter) == null ? void 0 : h.map((x) => x.columnIndex === m ? {
+    const j = (h = a == null ? void 0 : a.onClickFilter) == null ? void 0 : h.map((x) => x.columnIndex === m ? {
       ...x,
-      expression: b.target.value
+      expression: y.target.value
     } : x);
     i({
       ...a,
-      onClickFilter: g
+      onClickFilter: j
     });
   }
   function u(m) {
-    var b, g, h, x;
-    if (s != null && s[m] || (g = (b = a == null ? void 0 : a.onClickFilter) == null ? void 0 : b.find((C) => C.columnIndex === m)) != null && g.expression)
+    var y, j, h, x;
+    if (s != null && s[m] || (j = (y = a == null ? void 0 : a.onClickFilter) == null ? void 0 : y.find((C) => C.columnIndex === m)) != null && j.expression)
       return /* @__PURE__ */ e.jsx(
         Se,
         {
@@ -3748,8 +3752,8 @@ function Ve() {
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ e.jsx(_, { children: "On Click" }),
-    r == null ? void 0 : r.map((m, b) => {
-      var g, h;
+    r == null ? void 0 : r.map((m, y) => {
+      var j, h;
       return /* @__PURE__ */ e.jsx(
         "div",
         {
@@ -3759,10 +3763,10 @@ function Ve() {
               /* @__PURE__ */ e.jsx(
                 ds,
                 {
-                  checked: !!((g = a == null ? void 0 : a.onClickFilter) != null && g.find(
-                    (x) => x.columnIndex === b
+                  checked: !!((j = a == null ? void 0 : a.onClickFilter) != null && j.find(
+                    (x) => x.columnIndex === y
                   )),
-                  onCheckedChange: (x) => d(b, x)
+                  onCheckedChange: (x) => d(y, x)
                 }
               ),
               /* @__PURE__ */ e.jsx(
@@ -3773,21 +3777,21 @@ function Ve() {
                 }
               ),
               /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: ((h = a == null ? void 0 : a.onClickFilter) == null ? void 0 : h.find(
-                (x) => x.columnIndex === b
+                (x) => x.columnIndex === y
               )) && /* @__PURE__ */ e.jsx(
                 La,
                 {
                   onClick: () => {
                     n((x) => {
                       const C = [...x];
-                      return C[b] = !x[b], C;
+                      return C[y] = !x[y], C;
                     });
                   },
                   className: "invisible size-3 cursor-pointer text-gray-400 group-hover:visible"
                 }
               ) })
             ] }),
-            u(b)
+            u(y)
           ] })
         },
         m
@@ -3813,57 +3817,57 @@ function ps() {
       defaultValue: "x",
       children: [
         /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ e.jsx(Te, { value: "x", id: "r1" }),
+          /* @__PURE__ */ e.jsx(De, { value: "x", id: "r1" }),
           /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: "r1", children: "Vertical" })
         ] }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ e.jsx(Te, { value: "y", id: "r2" }),
+          /* @__PURE__ */ e.jsx(De, { value: "y", id: "r2" }),
           /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: "r2", children: "Horizontal" })
         ] })
       ]
     }
   );
 }
-const ss = "focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0";
+const as = "focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0";
 function na(s, n) {
   var t, l, i;
   const a = Sa(s, n);
   return ((i = (l = (t = s == null ? void 0 : s.chartOptions) == null ? void 0 : t.scales) == null ? void 0 : l[a]) == null ? void 0 : i.type) || "linear";
 }
 function Ja() {
-  var le, P, re, k, R, W;
-  const [s, n] = E(!1), a = o((D) => {
+  var te, B, ie, k, R, Q;
+  const [s, n] = E(!1), a = o((M) => {
     var T;
-    return (T = D.card) == null ? void 0 : T.preferences;
-  }), t = o((D) => {
+    return (T = M.card) == null ? void 0 : T.preferences;
+  }), t = o((M) => {
     var T;
-    return (T = D.card) == null ? void 0 : T.cfg;
+    return (T = M.card) == null ? void 0 : T.cfg;
   }), l = Sa(a, t), [i, r] = E(
     na(a)
   ), [d, c] = E(
-    ((re = (P = (le = a == null ? void 0 : a.chartOptions) == null ? void 0 : le.scales) == null ? void 0 : P[l]) == null ? void 0 : re.min) || ""
+    ((ie = (B = (te = a == null ? void 0 : a.chartOptions) == null ? void 0 : te.scales) == null ? void 0 : B[l]) == null ? void 0 : ie.min) || ""
   ), [u, m] = E(
-    ((W = (R = (k = a == null ? void 0 : a.chartOptions) == null ? void 0 : k.scales) == null ? void 0 : R[l]) == null ? void 0 : W.max) || ""
-  ), [b, g] = E(d || u ? "custom" : "auto"), [h, x] = E(""), [C, I] = E(0), [S, O] = E(""), [y, M] = E(""), [L, p] = E(""), w = o(
-    (D) => D.actions.setCardPreferences
-  ), { updateCardInFrame: j } = be(), f = o((D) => D.card), V = o((D) => {
+    ((Q = (R = (k = a == null ? void 0 : a.chartOptions) == null ? void 0 : k.scales) == null ? void 0 : R[l]) == null ? void 0 : Q.max) || ""
+  ), [y, j] = E(d || u ? "custom" : "auto"), [h, x] = E(""), [C, I] = E(0), [S, O] = E(""), [v, L] = E(""), [D, p] = E(""), w = o(
+    (M) => M.actions.setCardPreferences
+  ), { updateCardInFrame: b } = be(), g = o((M) => M.card), V = o((M) => {
     var T;
-    return (T = D.card) == null ? void 0 : T.type;
+    return (T = M.card) == null ? void 0 : T.type;
   }), $ = ["pie", "doughnut", "polarArea"].includes(V);
-  X(() => {
-    var D, T, te, H, ee, se, Le, ke, ve, Ce, ae, oe, ce, ze;
+  Y(() => {
+    var M, T, ae, H, ee, ne, ve, oe, ke, ze, Fe, Ce, se, de;
     r(na(a)), c(
-      ((te = (T = (D = a == null ? void 0 : a.chartOptions) == null ? void 0 : D.scales) == null ? void 0 : T[l]) == null ? void 0 : te.min) === 0 ? 0 : ""
-    ), m(((se = (ee = (H = a == null ? void 0 : a.chartOptions) == null ? void 0 : H.scales) == null ? void 0 : ee[l]) == null ? void 0 : se.max) || ""), x(
-      ((Ce = (ve = (ke = (Le = a == null ? void 0 : a.chartOptions) == null ? void 0 : Le.scales) == null ? void 0 : ke[l]) == null ? void 0 : ve.ticks) == null ? void 0 : Ce.stepSize) || ""
-    ), I(((ae = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : ae.decimalPlaces) || 0), O(((oe = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : oe.suffix) || ""), M(((ce = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : ce.currency) || ""), p(((ze = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : ze.locale) || "");
+      ((ae = (T = (M = a == null ? void 0 : a.chartOptions) == null ? void 0 : M.scales) == null ? void 0 : T[l]) == null ? void 0 : ae.min) === 0 ? 0 : ""
+    ), m(((ne = (ee = (H = a == null ? void 0 : a.chartOptions) == null ? void 0 : H.scales) == null ? void 0 : ee[l]) == null ? void 0 : ne.max) || ""), x(
+      ((ze = (ke = (oe = (ve = a == null ? void 0 : a.chartOptions) == null ? void 0 : ve.scales) == null ? void 0 : oe[l]) == null ? void 0 : ke.ticks) == null ? void 0 : ze.stepSize) || ""
+    ), I(((Fe = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : Fe.decimalPlaces) || 0), O(((Ce = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : Ce.suffix) || ""), L(((se = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : se.currency) || ""), p(((de = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : de.locale) || "");
   }, [s, a, l]);
-  function q(D, T) {
-    return T === "" || /^[0-9\b]+$/.test(T) ? Number(T) : Number(D);
+  function q(M, T) {
+    return T === "" || /^[0-9\b]+$/.test(T) ? Number(T) : Number(M);
   }
-  function K() {
-    const D = [
-      ...new Set(rs.map((T) => T.currency))
+  function P() {
+    const M = [
+      ...new Set(is.map((T) => T.currency))
     ];
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-6 items-center gap-2", children: [
@@ -3885,19 +3889,19 @@ function Ja() {
         /* @__PURE__ */ e.jsxs(
           he,
           {
-            value: y || "none",
-            onValueChange: (T) => M(T === "none" ? "" : T),
+            value: v || "none",
+            onValueChange: (T) => L(T === "none" ? "" : T),
             children: [
               /* @__PURE__ */ e.jsx(me, { className: "col-span-2 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(xe, {}) }),
               /* @__PURE__ */ e.jsx(pe, { children: /* @__PURE__ */ e.jsxs(we, { children: [
                 /* @__PURE__ */ e.jsx(fe, { children: "Currency" }),
-                /* @__PURE__ */ e.jsx(J, { value: "none", children: "None" }),
-                D.map((T) => /* @__PURE__ */ e.jsx(J, { value: T, children: T }, T))
+                /* @__PURE__ */ e.jsx(W, { value: "none", children: "None" }),
+                M.map((T) => /* @__PURE__ */ e.jsx(W, { value: T, children: T }, T))
               ] }) })
             ]
           }
         ),
-        /* @__PURE__ */ e.jsxs(he, { value: L, onValueChange: (T) => p(T), children: [
+        /* @__PURE__ */ e.jsxs(he, { value: D, onValueChange: (T) => p(T), children: [
           /* @__PURE__ */ e.jsx(
             me,
             {
@@ -3907,7 +3911,7 @@ function Ja() {
           ),
           /* @__PURE__ */ e.jsx(pe, { children: /* @__PURE__ */ e.jsxs(we, { children: [
             /* @__PURE__ */ e.jsx(fe, { children: "Locale" }),
-            rs.map((T) => /* @__PURE__ */ e.jsx(J, { value: T.locale, children: T.locale }, T.locale))
+            is.map((T) => /* @__PURE__ */ e.jsx(W, { value: T.locale, children: T.locale }, T.locale))
           ] }) })
         ] })
       ] }),
@@ -3919,13 +3923,13 @@ function Ja() {
             value: C,
             onChange: (T) => I(Number(T.target.value)),
             id: "format",
-            className: `col-span-6 h-8 w-full tracking-wide ${ss}`
+            className: `col-span-6 h-8 w-full tracking-wide ${as}`
           }
         )
       ] })
     ] });
   }
-  function Y() {
+  function Z() {
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 items-center gap-2", children: [
         /* @__PURE__ */ e.jsx(_, { htmlFor: "range", children: "Range" }),
@@ -3934,17 +3938,17 @@ function Ja() {
           {
             id: "min",
             value: d,
-            onChange: (D) => c((T) => q(T, D.target.value)),
-            className: `col-span-1 h-8 w-full ${ss}`
+            onChange: (M) => c((T) => q(T, M.target.value)),
+            className: `col-span-1 h-8 w-full ${as}`
           }
         ),
         /* @__PURE__ */ e.jsx(
           Se,
           {
             value: u,
-            onChange: (D) => m((T) => q(T, D.target.value)),
+            onChange: (M) => m((T) => q(T, M.target.value)),
             id: "max",
-            className: `col-span-1 h-8 w-full ${ss}`
+            className: `col-span-1 h-8 w-full ${as}`
           }
         )
       ] }),
@@ -3954,18 +3958,18 @@ function Ja() {
           Se,
           {
             value: h,
-            onChange: (D) => x((T) => q(T, D.target.value)),
+            onChange: (M) => x((T) => q(T, M.target.value)),
             id: "step-size",
-            className: `col-span-1 h-8 w-full ${ss}`
+            className: `col-span-1 h-8 w-full ${as}`
           }
         )
       ] })
     ] });
   }
-  function Q() {
+  function J() {
     var H;
-    let D = {};
-    b === "custom" && (D = {
+    let M = {};
+    y === "custom" && (M = {
       min: d,
       max: u,
       ticks: {
@@ -3981,26 +3985,26 @@ function Ja() {
           [l]: {
             // ...cardPreferences?.chartOptions?.scales?.[axis],
             type: i,
-            ...i === "linear" ? D : {}
+            ...i === "linear" ? M : {}
           }
         }
       },
       numberAxisFormat: {
         decimalPlaces: C,
         suffix: S,
-        currency: y,
-        locale: L
+        currency: v,
+        locale: D
       }
     };
     console.log(T), w(T);
-    const te = {
-      ...f,
+    const ae = {
+      ...g,
       preferences: T
     };
-    j(te);
+    b(ae);
   }
-  return /* @__PURE__ */ e.jsxs(us, { onOpenChange: (D) => n(D), children: [
-    /* @__PURE__ */ e.jsx(hs, { asChild: !0, children: /* @__PURE__ */ e.jsx(Yt, { className: "size-4 cursor-pointer text-muted-foreground hover:text-foreground" }) }),
+  return /* @__PURE__ */ e.jsxs(us, { onOpenChange: (M) => n(M), children: [
+    /* @__PURE__ */ e.jsx(hs, { asChild: !0, children: /* @__PURE__ */ e.jsx(Zt, { className: "size-4 cursor-pointer text-muted-foreground hover:text-foreground" }) }),
     /* @__PURE__ */ e.jsx(ms, { 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" }),
@@ -4014,13 +4018,13 @@ function Ja() {
             {
               disabled: $,
               value: i,
-              onValueChange: (D) => r(D),
+              onValueChange: (M) => r(M),
               children: [
                 /* @__PURE__ */ e.jsx(me, { className: "col-span-2 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(xe, {}) }),
                 /* @__PURE__ */ e.jsx(pe, { id: "type", children: /* @__PURE__ */ e.jsxs(we, { children: [
                   /* @__PURE__ */ e.jsx(fe, { children: "Option" }),
-                  /* @__PURE__ */ e.jsx(J, { value: "linear", children: "Linear" }),
-                  /* @__PURE__ */ e.jsx(J, { value: "logarithmic", children: "Logarithmic" })
+                  /* @__PURE__ */ e.jsx(W, { value: "linear", children: "Linear" }),
+                  /* @__PURE__ */ e.jsx(W, { value: "logarithmic", children: "Logarithmic" })
                 ] }) })
               ]
             }
@@ -4033,30 +4037,30 @@ function Ja() {
             {
               disabled: $,
               id: "scale-option",
-              value: b,
-              onValueChange: (D) => g(D),
+              value: y,
+              onValueChange: (M) => j(M),
               className: "col-span-2 flex gap-3",
               defaultValue: "x",
               children: [
                 /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-                  /* @__PURE__ */ e.jsx(Te, { value: "auto", id: "r1" }),
+                  /* @__PURE__ */ e.jsx(De, { value: "auto", id: "r1" }),
                   /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: "r1", children: "Auto" })
                 ] }),
                 /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-                  /* @__PURE__ */ e.jsx(Te, { value: "custom", id: "r2" }),
+                  /* @__PURE__ */ e.jsx(De, { value: "custom", id: "r2" }),
                   /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: "r2", children: "Custom" })
                 ] })
               ]
             }
           )
         ] }),
-        b === "custom" && i == "linear" && Y(),
-        K(),
-        /* @__PURE__ */ e.jsx(Xt, {}),
+        y === "custom" && i == "linear" && Z(),
+        P(),
+        /* @__PURE__ */ e.jsx(en, {}),
         /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-3", children: /* @__PURE__ */ e.jsx(
           F,
           {
-            onClick: Q,
+            onClick: J,
             variant: "secondary",
             className: "col-span-1 col-start-3 h-8 w-full",
             children: "Apply"
@@ -4066,7 +4070,7 @@ function Ja() {
     ] }) })
   ] });
 }
-function Dl({ idx: s }) {
+function Ml({ idx: s }) {
   var d;
   const n = o((c) => {
     var u;
@@ -4080,7 +4084,7 @@ function Dl({ idx: s }) {
     (c) => c.actions.setCardPreferences
   ), l = (d = n == null ? void 0 : n.chartOptions) == null ? void 0 : d.indexAxis, i = a == null ? void 0 : a.find((c) => c.idx === s);
   function r(c, u) {
-    (c === "end" || c === "start") && Zt(en());
+    (c === "end" || c === "start") && sn(an());
     const m = {
       display: c !== "none",
       align: c,
@@ -4099,19 +4103,19 @@ function Dl({ idx: s }) {
         ]
       });
     else {
-      const b = { ...i };
-      b.datalabels = m;
-      const g = a == null ? void 0 : a.map(
-        (h) => h.idx === u ? b : h
+      const y = { ...i };
+      y.datalabels = m;
+      const j = a == null ? void 0 : a.map(
+        (h) => h.idx === u ? y : h
       );
       t({
         ...n,
-        datasetOptions: g
+        datasetOptions: j
       });
     }
   }
   return /* @__PURE__ */ e.jsxs(us, { children: [
-    /* @__PURE__ */ e.jsx(hs, { children: /* @__PURE__ */ e.jsx(Un, { className: "invisible size-4 rotate-[135deg] cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible" }) }),
+    /* @__PURE__ */ e.jsx(hs, { children: /* @__PURE__ */ e.jsx(Kn, { className: "invisible size-4 rotate-[135deg] cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible" }) }),
     /* @__PURE__ */ e.jsx(ms, { className: "w-fit p-1", children: /* @__PURE__ */ e.jsxs("div", { className: "flex gap-1", children: [
       /* @__PURE__ */ e.jsx(
         F,
@@ -4131,9 +4135,9 @@ function Dl({ idx: s }) {
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
           children: /* @__PURE__ */ e.jsx(
-            On,
+            En,
             {
-              className: Z("h-4 w-4", {
+              className: X("h-4 w-4", {
                 "rotate-90": l === "y"
               })
             }
@@ -4148,9 +4152,9 @@ function Dl({ idx: s }) {
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
           children: /* @__PURE__ */ e.jsx(
-            En,
+            qn,
             {
-              className: Z("h-4 w-4", {
+              className: X("h-4 w-4", {
                 "rotate-90": l === "y"
               })
             }
@@ -4165,9 +4169,9 @@ function Dl({ idx: s }) {
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
           children: /* @__PURE__ */ e.jsx(
-            An,
+            Vn,
             {
-              className: Z("h-4 w-4", {
+              className: X("h-4 w-4", {
                 "rotate-90": l === "y"
               })
             }
@@ -4180,22 +4184,22 @@ function Dl({ idx: s }) {
 function Ya() {
   const s = o((c) => c.card), n = o(
     (c) => {
-      var u, m, b;
-      return (b = (m = (u = c == null ? void 0 : c.card) == null ? void 0 : u.preferences) == null ? void 0 : m.chartOptions) == null ? void 0 : b.indexAxis;
+      var u, m, y;
+      return (y = (m = (u = c == null ? void 0 : c.card) == null ? void 0 : u.preferences) == null ? void 0 : m.chartOptions) == null ? void 0 : y.indexAxis;
     }
   ), a = n === "y" ? "Y axis" : "X axis", t = n === "y" ? "X axis" : "Y axis", {
     keys: l,
     metricKeys: i,
     dimensionKeys: r
-  } = ys(s.data || []);
+  } = bs(s.data || []);
   let d = i;
   if (["stackedBar", "stackedLine"].includes(s.type)) {
-    const c = sn({
+    const c = tn({
       dataArray: s.data || [],
       groupKey: r[0],
       pivotKey: r[1],
       valueKey: d[0]
-    }), { metricKeys: u } = ys(c);
+    }), { metricKeys: u } = bs(c);
     d = u;
   }
   return l.length === 0 ? null : /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
@@ -4208,11 +4212,11 @@ function Ya() {
         /* @__PURE__ */ e.jsx(_, { children: t }),
         /* @__PURE__ */ e.jsx(Ja, {})
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: d.map((c, u) => /* @__PURE__ */ e.jsx(Ll, { col: c, idx: u }, c)) })
+      /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: d.map((c, u) => /* @__PURE__ */ e.jsx(Ol, { col: c, idx: u }, c)) })
     ] })
   ] });
 }
-function Ll({ col: s, idx: n }) {
+function Ol({ col: s, idx: n }) {
   const a = o((d) => {
     var c;
     return (c = d.card) == null ? void 0 : c.preferences;
@@ -4265,59 +4269,59 @@ function Ll({ col: s, idx: n }) {
         }
       ),
       /* @__PURE__ */ e.jsx(
-        Nn,
+        wn,
         {
           onClick: () => r("area"),
           className: "invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"
         }
       ),
       /* @__PURE__ */ e.jsx(
-        Ie,
+        Te,
         {
           orientation: "vertical",
           className: "invisible size-4 cursor-pointer py-2 text-muted-foreground hover:text-foreground group-hover:visible"
         }
       ),
-      /* @__PURE__ */ e.jsx(Dl, { idx: n })
+      /* @__PURE__ */ e.jsx(Ml, { idx: n })
     ] })
   ] });
 }
 function Xa() {
-  const s = o((g) => g.selectedConnectionId), n = o((g) => g.selectedDatamodelId), a = o((g) => g.selectedDatabaseName), t = o((g) => g.selectedSchemaName), l = o((g) => g.selectedTableName), i = z((g) => g.dashboard.filters) || [], r = z((g) => g.actions.addFilter), d = z((g) => g.actions.removeFilter), c = z(
-    (g) => g.actions.removeFilterValue
-  ), { modelItems: u, tableName: m } = Ee();
-  function b(g, h = "dashboard") {
+  const s = o((j) => j.selectedConnectionId), n = o((j) => j.selectedDatamodelId), a = o((j) => j.selectedDatabaseName), t = o((j) => j.selectedSchemaName), l = o((j) => j.selectedTableName), i = z((j) => j.dashboard.filters) || [], r = z((j) => j.actions.addFilter), d = z((j) => j.actions.removeFilter), c = z(
+    (j) => j.actions.removeFilterValue
+  ), { modelItems: u, tableName: m } = Ve();
+  function y(j, h = "dashboard") {
     var p;
-    const x = ue(g.column_name), C = ue(a || ""), I = ue(t || ""), S = ue(m);
+    const x = ue(j.column_name), C = ue(a || ""), I = ue(t || ""), S = ue(m);
     let O = pa(
       I,
       S
-    ), y = `${O}.${x}`;
-    const M = (p = u == null ? void 0 : u.find(
+    ), v = `${O}.${x}`;
+    const L = (p = u == null ? void 0 : u.find(
       (w) => w.id === n
     )) == null ? void 0 : p.name;
-    n && n !== "none" && (y = `${bs}.${M}.${x}`, O = `${bs}.${M}`);
-    const L = i == null ? void 0 : i.find(
-      (w) => w.column === y && w.table === S && (w.database === C || w.database === a)
+    n && n !== "none" && (v = `${js}.${L}.${x}`, O = `${js}.${L}`);
+    const D = i == null ? void 0 : i.find(
+      (w) => w.column === v && w.table === S && (w.database === C || w.database === a)
     );
-    if (L)
-      c(L.id), d(L.id);
+    if (D)
+      c(D.id), d(D.id);
     else {
-      const w = Ue();
+      const w = Ge();
       return m === "api" && s ? (r({
         location: h,
         id: w,
         //uuidv4(),
-        column: y,
-        title: g.column_name,
-        dataType: g.data_type,
+        column: v,
+        title: j.column_name,
+        dataType: j.data_type,
         table: "api",
         database: "",
         // database: 'NA',
         connectionId: s,
         operation: "in",
         sql: Xs(
-          g.data_type,
+          j.data_type,
           O,
           x
         )
@@ -4326,16 +4330,16 @@ function Xa() {
         id: w,
         //uuidv4(),
         location: h,
-        column: y,
+        column: v,
         //columnName, //`${qualifiedTableName}.${formattedColumnName}`,
-        title: g.column_name,
-        dataType: g.data_type,
+        title: j.column_name,
+        dataType: j.data_type,
         table: l || "",
         database: a || "",
         connectionId: s || "",
         operation: "in",
         sql: Xs(
-          g.data_type,
+          j.data_type,
           O,
           x
         )
@@ -4343,12 +4347,12 @@ function Xa() {
       }), w);
     }
   }
-  return { assignFilter: b };
+  return { assignFilter: y };
 }
-function qe() {
+function Re() {
   const s = z(
     (d) => d.dashboard.filters
-  ), n = o((d) => d.frame), { setFrame: a } = be(), { columns: t } = Ee(), { assignFilter: l } = Xa();
+  ), n = o((d) => d.frame), { setFrame: a } = be(), { columns: t } = Ve(), { assignFilter: l } = Xa();
   function i(d) {
     const c = l(d, "frame");
     a({ ...n, filterId: c });
@@ -4356,11 +4360,11 @@ function qe() {
   const r = s == null ? void 0 : s.find((d) => d.id === n.filterId);
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-3", children: [
     /* @__PURE__ */ e.jsx(_, { children: "Card Filter" }),
-    /* @__PURE__ */ e.jsx(Ml, { onSelect: i, columns: t }),
-    r && /* @__PURE__ */ e.jsx(an, { filter: r })
+    /* @__PURE__ */ e.jsx(Al, { onSelect: i, columns: t }),
+    r && /* @__PURE__ */ e.jsx(nn, { filter: r })
   ] });
 }
-function Ml({
+function Al({
   columns: s,
   onSelect: n
 }) {
@@ -4377,16 +4381,16 @@ function Ml({
         className: "w-full justify-between font-normal",
         children: [
           l ? (r = s.find((d) => d.column_name === l)) == null ? void 0 : r.column_name : "Select Column...",
-          /* @__PURE__ */ e.jsx(tn, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+          /* @__PURE__ */ e.jsx(ln, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
         ]
       }
     ) }),
-    /* @__PURE__ */ e.jsx(ms, { className: "w-[200px] p-0", children: /* @__PURE__ */ e.jsxs(nn, { children: [
-      /* @__PURE__ */ e.jsx(ln, { placeholder: "Search column", className: "h-9" }),
-      /* @__PURE__ */ e.jsxs(rn, { children: [
-        /* @__PURE__ */ e.jsx(on, { children: "No framework found." }),
-        /* @__PURE__ */ e.jsx(cn, { children: s.map((d) => /* @__PURE__ */ e.jsxs(
-          dn,
+    /* @__PURE__ */ e.jsx(ms, { className: "w-[200px] p-0", children: /* @__PURE__ */ e.jsxs(rn, { children: [
+      /* @__PURE__ */ e.jsx(on, { placeholder: "Search column", className: "h-9" }),
+      /* @__PURE__ */ e.jsxs(cn, { children: [
+        /* @__PURE__ */ e.jsx(dn, { children: "No framework found." }),
+        /* @__PURE__ */ e.jsx(un, { children: s.map((d) => /* @__PURE__ */ e.jsxs(
+          hn,
           {
             value: d.column_name,
             onSelect: (c) => {
@@ -4398,7 +4402,7 @@ function Ml({
               /* @__PURE__ */ e.jsx(
                 Ca,
                 {
-                  className: Z(
+                  className: X(
                     "ml-auto h-4 w-4",
                     l === d.column_name ? "opacity-100" : "opacity-0"
                   )
@@ -4412,13 +4416,13 @@ function Ml({
     ] }) })
   ] });
 }
-function Ol({
+function El({
   cardType: s
 }) {
-  return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(De, { defaultValue: ["item-2"], type: "multiple", children: [
-    /* @__PURE__ */ e.jsxs(B, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx(U, { children: `${Rs(s)} Chart` }),
-      /* @__PURE__ */ e.jsxs(G, { className: "space-y-4 font-mono text-xs", children: [
+  return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(Le, { defaultValue: ["item-2"], type: "multiple", children: [
+    /* @__PURE__ */ e.jsxs(U, { value: "item-1", children: [
+      /* @__PURE__ */ e.jsx(G, { children: `${Rs(s)} Chart` }),
+      /* @__PURE__ */ e.jsxs(K, { 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" }),
@@ -4441,18 +4445,18 @@ function Ol({
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ e.jsxs(B, { value: "item-2", children: [
-      /* @__PURE__ */ e.jsx(U, { children: "Settings" }),
-      /* @__PURE__ */ e.jsxs(G, { className: "space-y-4 px-2", children: [
+    /* @__PURE__ */ e.jsxs(U, { value: "item-2", children: [
+      /* @__PURE__ */ e.jsx(G, { children: "Settings" }),
+      /* @__PURE__ */ e.jsxs(K, { className: "space-y-4 px-2", children: [
         /* @__PURE__ */ e.jsx(ps, {}),
         /* @__PURE__ */ e.jsx(Ya, {})
       ] })
     ] }),
-    /* @__PURE__ */ e.jsxs(B, { value: "item-3", children: [
-      /* @__PURE__ */ e.jsx(U, { children: "Filters" }),
-      /* @__PURE__ */ e.jsxs(G, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e.jsx(Ve, {}),
-        /* @__PURE__ */ e.jsx(qe, {})
+    /* @__PURE__ */ e.jsxs(U, { value: "item-3", children: [
+      /* @__PURE__ */ e.jsx(G, { children: "Filters" }),
+      /* @__PURE__ */ e.jsxs(K, { className: "space-y-4 px-2", children: [
+        /* @__PURE__ */ e.jsx(qe, {}),
+        /* @__PURE__ */ e.jsx(Re, {})
       ] })
     ] })
   ] }) });
@@ -4498,17 +4502,17 @@ function Ps() {
           /* @__PURE__ */ e.jsx(me, { className: "h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(xe, { placeholder: "Select position" }) }),
           /* @__PURE__ */ e.jsx(pe, { children: /* @__PURE__ */ e.jsxs(we, { children: [
             /* @__PURE__ */ e.jsx(fe, { children: "Data Labels" }),
-            /* @__PURE__ */ e.jsx(J, { value: "none", children: "None" }),
-            a !== "pyramid" && /* @__PURE__ */ e.jsx(J, { value: "start", children: "Start" }),
-            /* @__PURE__ */ e.jsx(J, { value: "center", children: "Center" }),
-            a !== "pyramid" && /* @__PURE__ */ e.jsx(J, { value: "end", children: "End" })
+            /* @__PURE__ */ e.jsx(W, { value: "none", children: "None" }),
+            a !== "pyramid" && /* @__PURE__ */ e.jsx(W, { value: "start", children: "Start" }),
+            /* @__PURE__ */ e.jsx(W, { value: "center", children: "Center" }),
+            a !== "pyramid" && /* @__PURE__ */ e.jsx(W, { value: "end", children: "End" })
           ] }) })
         ]
       }
     )
   ] });
 }
-function Al({
+function Vl({
   cardType: s
 }) {
   function n(a) {
@@ -4538,25 +4542,25 @@ function Al({
       ] })
     ] });
   }
-  return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(De, { defaultValue: ["item-2"], type: "multiple", children: [
-    /* @__PURE__ */ e.jsxs(B, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx(U, { children: `${Rs(s)} Chart` }),
-      /* @__PURE__ */ e.jsx(G, { className: "space-y-4 font-mono text-xs", children: n(s) })
+  return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(Le, { defaultValue: ["item-2"], type: "multiple", children: [
+    /* @__PURE__ */ e.jsxs(U, { value: "item-1", children: [
+      /* @__PURE__ */ e.jsx(G, { children: `${Rs(s)} Chart` }),
+      /* @__PURE__ */ e.jsx(K, { className: "space-y-4 font-mono text-xs", children: n(s) })
     ] }),
-    /* @__PURE__ */ e.jsxs(B, { value: "item-2", children: [
-      /* @__PURE__ */ e.jsx(U, { children: "Settings" }),
-      /* @__PURE__ */ e.jsx(G, { className: "px-2", children: /* @__PURE__ */ e.jsx(Ps, {}) })
+    /* @__PURE__ */ e.jsxs(U, { value: "item-2", children: [
+      /* @__PURE__ */ e.jsx(G, { children: "Settings" }),
+      /* @__PURE__ */ e.jsx(K, { className: "px-2", children: /* @__PURE__ */ e.jsx(Ps, {}) })
     ] }),
-    /* @__PURE__ */ e.jsxs(B, { value: "item-3", children: [
-      /* @__PURE__ */ e.jsx(U, { children: "Filters" }),
-      /* @__PURE__ */ e.jsxs(G, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e.jsx(Ve, {}),
-        /* @__PURE__ */ e.jsx(qe, {})
+    /* @__PURE__ */ e.jsxs(U, { value: "item-3", children: [
+      /* @__PURE__ */ e.jsx(G, { children: "Filters" }),
+      /* @__PURE__ */ e.jsxs(K, { className: "space-y-4 px-2", children: [
+        /* @__PURE__ */ e.jsx(qe, {}),
+        /* @__PURE__ */ e.jsx(Re, {})
       ] })
     ] })
   ] }) });
 }
-const El = {
+const ql = {
   datasets: [
     {
       type: "line",
@@ -4569,7 +4573,7 @@ const El = {
       data: []
     }
   ]
-}, Vl = {
+}, Rl = {
   datasets: [
     {
       fill: "origin",
@@ -4579,32 +4583,32 @@ const El = {
     }
   ]
 };
-function ql() {
+function _l() {
   const s = o((n) => n.card.type);
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-6 p-6", children: [
     /* @__PURE__ */ e.jsx(
-      De,
+      Le,
       {
         className: " ",
         type: "single",
         collapsible: !0,
-        children: Rl(s)
+        children: Hl(s)
       }
     ),
     /* @__PURE__ */ e.jsx("section", { className: "", children: ["line", "bar"].includes(s) && /* @__PURE__ */ e.jsx(ps, {}) }),
     !["kpi"].includes(s) && /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
       /* @__PURE__ */ e.jsx(Ps, {}),
-      /* @__PURE__ */ e.jsx(Ve, {}),
-      /* @__PURE__ */ e.jsx(qe, {})
+      /* @__PURE__ */ e.jsx(qe, {}),
+      /* @__PURE__ */ e.jsx(Re, {})
     ] })
   ] });
 }
-function Rl(s) {
+function Hl(s) {
   if (["line", "bar"].includes(s))
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      /* @__PURE__ */ e.jsxs(B, { value: "item-1", children: [
-        /* @__PURE__ */ e.jsx(U, { className: "font-normal", children: /* @__PURE__ */ e.jsx("p", { children: "Chart Query" }) }),
-        /* @__PURE__ */ e.jsxs(G, { className: " ", children: [
+      /* @__PURE__ */ e.jsxs(U, { value: "item-1", children: [
+        /* @__PURE__ */ e.jsx(G, { className: "font-normal", children: /* @__PURE__ */ e.jsx("p", { children: "Chart Query" }) }),
+        /* @__PURE__ */ e.jsxs(K, { 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)" }),
@@ -4612,20 +4616,20 @@ function Rl(s) {
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ e.jsxs(B, { value: "item-2", children: [
-        /* @__PURE__ */ e.jsx(U, { className: "font-normal", children: "Mixed Chart" }),
-        /* @__PURE__ */ e.jsxs(G, { className: "space-y-2 text-xs", children: [
+      /* @__PURE__ */ e.jsxs(U, { value: "item-2", children: [
+        /* @__PURE__ */ e.jsx(G, { className: "font-normal", children: "Mixed Chart" }),
+        /* @__PURE__ */ e.jsxs(K, { className: "space-y-2 text-xs", children: [
           /* @__PURE__ */ e.jsxs("p", { children: [
             "Click ",
             /* @__PURE__ */ e.jsx("b", { children: "Customize" }),
             " and change the `type` property in the dataset."
           ] }),
-          /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify(El, null, 2) })
+          /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify(ql, null, 2) })
         ] })
       ] }),
-      /* @__PURE__ */ e.jsxs(B, { value: "item-3", children: [
-        /* @__PURE__ */ e.jsx(U, { className: "font-normal", children: "Area Chart" }),
-        /* @__PURE__ */ e.jsxs(G, { className: "space-y-2 text-xs", children: [
+      /* @__PURE__ */ e.jsxs(U, { value: "item-3", children: [
+        /* @__PURE__ */ e.jsx(G, { className: "font-normal", children: "Area Chart" }),
+        /* @__PURE__ */ e.jsxs(K, { className: "space-y-2 text-xs", children: [
           /* @__PURE__ */ e.jsxs("p", { children: [
             "Click ",
             /* @__PURE__ */ e.jsx("b", { children: "Customize" }),
@@ -4641,18 +4645,18 @@ function Rl(s) {
             ),
             "for more options."
           ] }),
-          /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify(Vl, null, 2) })
+          /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify(Rl, null, 2) })
         ] })
       ] })
     ] });
   if (s === "bubble")
-    return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(B, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx(U, { className: "font-normal", children: /* @__PURE__ */ e.jsxs("p", { children: [
+    return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(U, { value: "item-1", children: [
+      /* @__PURE__ */ e.jsx(G, { className: "font-normal", children: /* @__PURE__ */ e.jsxs("p", { children: [
         "How to create a ",
         /* @__PURE__ */ e.jsx("span", { children: s }),
         " chart query?"
       ] }) }),
-      /* @__PURE__ */ e.jsxs(G, { className: " ", children: [
+      /* @__PURE__ */ e.jsxs(K, { 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)" }),
@@ -4664,13 +4668,13 @@ function Rl(s) {
       ] })
     ] }) });
   if (s === "scatter")
-    return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(B, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx(U, { className: "font-normal", children: /* @__PURE__ */ e.jsxs("p", { children: [
+    return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(U, { value: "item-1", children: [
+      /* @__PURE__ */ e.jsx(G, { className: "font-normal", children: /* @__PURE__ */ e.jsxs("p", { children: [
         "How to create a ",
         /* @__PURE__ */ e.jsx("span", { children: s }),
         " chart query?"
       ] }) }),
-      /* @__PURE__ */ e.jsxs(G, { className: " ", children: [
+      /* @__PURE__ */ e.jsxs(K, { 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)" }),
@@ -4681,13 +4685,13 @@ function Rl(s) {
       ] })
     ] }) });
   if (["pie", "doughnut", "polarArea"].includes(s))
-    return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(B, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx(U, { className: "font-normal", children: /* @__PURE__ */ e.jsxs("p", { children: [
+    return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(U, { value: "item-1", children: [
+      /* @__PURE__ */ e.jsx(G, { 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(G, { className: " ", children: [
+      /* @__PURE__ */ e.jsxs(K, { 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)" }),
@@ -4696,8 +4700,8 @@ function Rl(s) {
       ] })
     ] }) });
 }
-function _l() {
-  var c, u, m, b, g;
+function $l() {
+  var c, u, m, y, j;
   const s = o((h) => h.card.preferences), n = o(
     (h) => h.actions.setCardPreferences
   ), a = o(
@@ -4730,7 +4734,7 @@ function _l() {
     }
   ) || [], r = o(
     (h) => h.actions.setColorRanges
-  ), d = [...new Set(rs.map((h) => h.currency))];
+  ), d = [...new Set(is.map((h) => h.currency))];
   return /* @__PURE__ */ e.jsxs("div", { children: [
     /* @__PURE__ */ e.jsxs("div", { className: "mb-3 flex items-center gap-2", children: [
       /* @__PURE__ */ e.jsx(
@@ -4772,7 +4776,7 @@ function _l() {
                   /* @__PURE__ */ e.jsx(me, { className: "col-span-6 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(xe, {}) }),
                   /* @__PURE__ */ e.jsx(pe, { children: /* @__PURE__ */ e.jsxs(we, { children: [
                     /* @__PURE__ */ e.jsx(fe, { children: "Format" }),
-                    rs.map((h) => /* @__PURE__ */ e.jsx(J, { value: h.locale, children: h.locale }, h.locale))
+                    is.map((h) => /* @__PURE__ */ e.jsx(W, { value: h.locale, children: h.locale }, h.locale))
                   ] }) })
                 ]
               }
@@ -4797,8 +4801,8 @@ function _l() {
                   /* @__PURE__ */ e.jsx(me, { className: "col-span-6 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(xe, {}) }),
                   /* @__PURE__ */ e.jsx(pe, { children: /* @__PURE__ */ e.jsxs(we, { children: [
                     /* @__PURE__ */ e.jsx(fe, { children: "Currency" }),
-                    /* @__PURE__ */ e.jsx(J, { value: "none", children: "None" }, "none"),
-                    d.map((h) => /* @__PURE__ */ e.jsx(J, { value: h, children: h }, h))
+                    /* @__PURE__ */ e.jsx(W, { value: "none", children: "None" }, "none"),
+                    d.map((h) => /* @__PURE__ */ e.jsx(W, { value: h, children: h }, h))
                   ] }) })
                 ]
               }
@@ -4811,7 +4815,7 @@ function _l() {
             /* @__PURE__ */ e.jsxs(
               he,
               {
-                value: ((b = (m = s == null ? void 0 : s.formatNumber) == null ? void 0 : m.decimalPlaces) == null ? void 0 : b.toString()) || "0",
+                value: ((y = (m = s == null ? void 0 : s.formatNumber) == null ? void 0 : m.decimalPlaces) == null ? void 0 : y.toString()) || "0",
                 onValueChange: (h) => {
                   var x, C, I;
                   return a(
@@ -4823,7 +4827,7 @@ function _l() {
                 },
                 children: [
                   /* @__PURE__ */ e.jsx(me, { className: "col-span-3 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(xe, {}) }),
-                  /* @__PURE__ */ e.jsx(pe, { children: ["0", "1", "2", "3", "4"].map((h) => /* @__PURE__ */ e.jsx(J, { value: h, children: h }, h)) })
+                  /* @__PURE__ */ e.jsx(pe, { children: ["0", "1", "2", "3", "4"].map((h) => /* @__PURE__ */ e.jsx(W, { value: h, children: h }, h)) })
                 ]
               }
             )
@@ -4833,7 +4837,7 @@ function _l() {
             /* @__PURE__ */ e.jsx(
               Se,
               {
-                value: ((g = s == null ? void 0 : s.formatNumber) == null ? void 0 : g.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: (h) => {
@@ -4850,9 +4854,9 @@ function _l() {
           ] })
         ] })
       ] }) }),
-      /* @__PURE__ */ e.jsx(Ie, { className: "my-3" }),
+      /* @__PURE__ */ e.jsx(Te, { className: "my-3" }),
       /* @__PURE__ */ e.jsx(
-        un,
+        mn,
         {
           colorRanges: i,
           setColorRanges: r
@@ -4861,11 +4865,11 @@ function _l() {
     ] })
   ] });
 }
-function Hl() {
+function Pl() {
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-6 px-6 py-2", children: [
-    /* @__PURE__ */ e.jsx(De, { type: "single", collapsible: !0, children: /* @__PURE__ */ e.jsxs(B, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx(U, { className: "", children: "KPI Query" }),
-      /* @__PURE__ */ e.jsxs(G, { className: "font-mono", children: [
+    /* @__PURE__ */ e.jsx(Le, { type: "single", collapsible: !0, children: /* @__PURE__ */ e.jsxs(U, { value: "item-1", children: [
+      /* @__PURE__ */ e.jsx(G, { className: "", children: "KPI Query" }),
+      /* @__PURE__ */ e.jsxs(K, { 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" }),
@@ -4887,12 +4891,12 @@ function Hl() {
         ] })
       ] })
     ] }) }),
-    /* @__PURE__ */ e.jsx("section", { className: "", children: /* @__PURE__ */ e.jsx(_l, {}) }),
+    /* @__PURE__ */ e.jsx("section", { className: "", children: /* @__PURE__ */ e.jsx($l, {}) }),
     /* @__PURE__ */ e.jsx("div", {}),
     /* @__PURE__ */ e.jsx("div", {})
   ] });
 }
-function $l() {
+function Bl() {
   var t;
   const s = o((l) => l.card.preferences), { setCardPreferences: n } = o((l) => l.actions);
   function a(l) {
@@ -4913,26 +4917,26 @@ function $l() {
       defaultValue: "x",
       children: [
         /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ e.jsx(Te, { value: "static", id: "r1" }),
+          /* @__PURE__ */ e.jsx(De, { value: "static", id: "r1" }),
           /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: "r1", children: "Static" })
         ] }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ e.jsx(Te, { value: "dynamic", id: "r2" }),
+          /* @__PURE__ */ e.jsx(De, { value: "dynamic", id: "r2" }),
           /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: "r2", children: "Dynamic" })
         ] })
       ]
     }
   );
 }
-function as({
+function ts({
   cardType: s,
   docContent: n,
   suffix: a = "Chart"
 }) {
-  return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(De, { defaultValue: ["item-2"], type: "multiple", children: [
-    /* @__PURE__ */ e.jsxs(B, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx(U, { children: `${Rs(s)} ${a}` }),
-      /* @__PURE__ */ e.jsx(G, { children: n || /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
+  return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(Le, { defaultValue: ["item-2"], type: "multiple", children: [
+    /* @__PURE__ */ e.jsxs(U, { value: "item-1", children: [
+      /* @__PURE__ */ e.jsx(G, { children: `${Rs(s)} ${a}` }),
+      /* @__PURE__ */ e.jsx(K, { 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" }),
@@ -4954,24 +4958,24 @@ function as({
         ] })
       ] }) })
     ] }),
-    /* @__PURE__ */ e.jsxs(B, { value: "item-2", children: [
-      /* @__PURE__ */ e.jsx(U, { children: "Settings" }),
-      /* @__PURE__ */ e.jsxs(G, { className: "space-y-4 px-2", children: [
+    /* @__PURE__ */ e.jsxs(U, { value: "item-2", children: [
+      /* @__PURE__ */ e.jsx(G, { children: "Settings" }),
+      /* @__PURE__ */ e.jsxs(K, { className: "space-y-4 px-2", children: [
         s === "range" && /* @__PURE__ */ e.jsx(ps, {}),
         s !== "text" && /* @__PURE__ */ e.jsx(Ps, {}),
-        s === "text" && /* @__PURE__ */ e.jsx($l, {})
+        s === "text" && /* @__PURE__ */ e.jsx(Bl, {})
       ] })
     ] }),
-    !["range", "text"].includes(s) && /* @__PURE__ */ e.jsxs(B, { value: "item-3", children: [
-      /* @__PURE__ */ e.jsx(U, { children: "Filters" }),
-      /* @__PURE__ */ e.jsxs(G, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e.jsx(Ve, {}),
-        /* @__PURE__ */ e.jsx(qe, {})
+    !["range", "text"].includes(s) && /* @__PURE__ */ e.jsxs(U, { value: "item-3", children: [
+      /* @__PURE__ */ e.jsx(G, { children: "Filters" }),
+      /* @__PURE__ */ e.jsxs(K, { className: "space-y-4 px-2", children: [
+        /* @__PURE__ */ e.jsx(qe, {}),
+        /* @__PURE__ */ e.jsx(Re, {})
       ] })
     ] })
   ] }) });
 }
-function Pl() {
+function Ul() {
   const s = o(
     (t) => {
       var l, i;
@@ -4982,7 +4986,7 @@ function Pl() {
     return /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ e.jsx(_, { children: "Sort" }),
       /* @__PURE__ */ e.jsx(
-        $e,
+        Pe,
         {
           className: "h-8",
           label: "Sort Chart",
@@ -5008,10 +5012,10 @@ function Pl() {
       )
     ] });
   }
-  return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(De, { defaultValue: ["item-2"], type: "multiple", children: [
-    /* @__PURE__ */ e.jsxs(B, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx(U, { children: "Stacked Chart" }),
-      /* @__PURE__ */ e.jsxs(G, { className: "space-y-4 font-mono text-xs", children: [
+  return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(Le, { defaultValue: ["item-2"], type: "multiple", children: [
+    /* @__PURE__ */ e.jsxs(U, { value: "item-1", children: [
+      /* @__PURE__ */ e.jsx(G, { children: "Stacked Chart" }),
+      /* @__PURE__ */ e.jsxs(K, { 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" }),
@@ -5034,24 +5038,24 @@ function Pl() {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ e.jsxs(B, { value: "item-2", children: [
-      /* @__PURE__ */ e.jsx(U, { children: "Settings" }),
-      /* @__PURE__ */ e.jsxs(G, { className: "space-y-4 px-2", children: [
+    /* @__PURE__ */ e.jsxs(U, { value: "item-2", children: [
+      /* @__PURE__ */ e.jsx(G, { children: "Settings" }),
+      /* @__PURE__ */ e.jsxs(K, { className: "space-y-4 px-2", children: [
         /* @__PURE__ */ e.jsx(ps, {}),
         a(),
         /* @__PURE__ */ e.jsx(Ya, {})
       ] })
     ] }),
-    /* @__PURE__ */ e.jsxs(B, { value: "item-3", children: [
-      /* @__PURE__ */ e.jsx(U, { children: "Filters" }),
-      /* @__PURE__ */ e.jsxs(G, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e.jsx(Ve, {}),
-        /* @__PURE__ */ e.jsx(qe, {})
+    /* @__PURE__ */ e.jsxs(U, { value: "item-3", children: [
+      /* @__PURE__ */ e.jsx(G, { children: "Filters" }),
+      /* @__PURE__ */ e.jsxs(K, { className: "space-y-4 px-2", children: [
+        /* @__PURE__ */ e.jsx(qe, {}),
+        /* @__PURE__ */ e.jsx(Re, {})
       ] })
     ] })
   ] }) });
 }
-function Bl({}) {
+function Gl({}) {
   const s = o((t) => {
     var l;
     return (l = t.card) == null ? void 0 : l.preferences;
@@ -5064,11 +5068,11 @@ function Bl({}) {
     });
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-6 px-6 py-2", children: [
-    /* @__PURE__ */ e.jsx(De, { defaultValue: ["item-3"], type: "multiple", children: /* @__PURE__ */ e.jsxs(B, { value: "item-3", children: [
-      /* @__PURE__ */ e.jsx(U, { children: "Filters" }),
-      /* @__PURE__ */ e.jsxs(G, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e.jsx(Ve, {}),
-        /* @__PURE__ */ e.jsx(qe, {})
+    /* @__PURE__ */ e.jsx(Le, { defaultValue: ["item-3"], type: "multiple", children: /* @__PURE__ */ e.jsxs(U, { value: "item-3", children: [
+      /* @__PURE__ */ e.jsx(G, { children: "Filters" }),
+      /* @__PURE__ */ e.jsxs(K, { className: "space-y-4 px-2", children: [
+        /* @__PURE__ */ e.jsx(qe, {}),
+        /* @__PURE__ */ e.jsx(Re, {})
       ] })
     ] }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
@@ -5084,7 +5088,7 @@ function Bl({}) {
     ] })
   ] });
 }
-const Ul = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
+const Kl = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
   /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 text-xs", children: "SELECT dimension, cohort, metric FROM table" }),
   /* @__PURE__ */ e.jsxs("div", { children: [
     "See ",
@@ -5100,7 +5104,7 @@ const Ul = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-
     ),
     " in the docs."
   ] })
-] }), Gl = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
+] }), Ql = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
   /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 text-xs", children: "SELECT y-axis, label, range-from, range-to, range-value FROM table" }),
   /* @__PURE__ */ e.jsxs("div", { children: [
     "See ",
@@ -5116,7 +5120,7 @@ const Ul = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-
     ),
     " in the docs."
   ] })
-] }), Kl = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
+] }), Wl = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
   /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 text-xs", children: "SELECT text FROM table limit 1" }),
   /* @__PURE__ */ e.jsxs("div", { children: [
     "See ",
@@ -5133,88 +5137,88 @@ const Ul = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-
     " in the docs."
   ] })
 ] });
-function Ql() {
+function Jl() {
   const s = o((a) => a.card.type);
   function n(a) {
     switch (a) {
       case "stackedBar":
       case "stackedLine":
-        return /* @__PURE__ */ e.jsx(Pl, {});
+        return /* @__PURE__ */ e.jsx(Ul, {});
       case "pyramid":
-        return /* @__PURE__ */ e.jsx(as, { docContent: Ul, cardType: a });
+        return /* @__PURE__ */ e.jsx(ts, { docContent: Kl, cardType: a });
       case "kpi":
-        return /* @__PURE__ */ e.jsx(Hl, {});
+        return /* @__PURE__ */ e.jsx(Pl, {});
       case "line":
       case "bar":
-        return /* @__PURE__ */ e.jsx(Ol, { cardType: a });
+        return /* @__PURE__ */ e.jsx(El, { cardType: a });
       case "range":
-        return /* @__PURE__ */ e.jsx(as, { docContent: Gl, cardType: a });
+        return /* @__PURE__ */ e.jsx(ts, { docContent: Ql, cardType: a });
       case "pie":
       case "doughnut":
       case "polarArea":
       case "radar":
-        return /* @__PURE__ */ e.jsx(as, { cardType: a });
+        return /* @__PURE__ */ e.jsx(ts, { cardType: a });
       case "bubble":
       case "scatter":
-        return /* @__PURE__ */ e.jsx(Al, { cardType: a });
+        return /* @__PURE__ */ e.jsx(Vl, { cardType: a });
       case "table":
-        return /* @__PURE__ */ e.jsx(Bl, { cardType: a });
+        return /* @__PURE__ */ e.jsx(Gl, { cardType: a });
       case "text":
         return /* @__PURE__ */ e.jsx(
-          as,
+          ts,
           {
-            docContent: Kl,
+            docContent: Wl,
             cardType: a,
             suffix: "Visual"
           }
         );
       case "custom":
-        return /* @__PURE__ */ e.jsx(Tl, {});
+        return /* @__PURE__ */ e.jsx(Ll, {});
       default:
-        return /* @__PURE__ */ e.jsx(ql, {});
+        return /* @__PURE__ */ e.jsx(_l, {});
     }
   }
   return /* @__PURE__ */ e.jsx(qs, { className: "h-full w-full text-sm", children: n(s) });
 }
-function Wl() {
+function Yl() {
   const s = o((n) => n.isShowingVisual);
   return /* @__PURE__ */ e.jsxs(
-    vs,
+    ys,
     {
       direction: "vertical",
       className: "min-h-[250px] min-w-full max-w-lg",
       children: [
         /* @__PURE__ */ e.jsx(
-          Ae,
+          Ee,
           {
             role: "query-section",
             className: "flex",
             minSize: 20,
             defaultSize: 40,
-            children: /* @__PURE__ */ e.jsx(jl, {})
+            children: /* @__PURE__ */ e.jsx(yl, {})
           }
         ),
-        /* @__PURE__ */ e.jsx(Cs, { withHandle: !0, className: "border" }),
+        /* @__PURE__ */ e.jsx(vs, { withHandle: !0, className: "border" }),
         /* @__PURE__ */ e.jsx(
-          Ae,
+          Ee,
           {
             className: "pb-1",
             role: "visual-section",
             minSize: 0,
             defaultSize: 60,
-            children: s ? /* @__PURE__ */ e.jsxs(vs, { direction: "horizontal", children: [
+            children: s ? /* @__PURE__ */ e.jsxs(ys, { direction: "horizontal", children: [
               /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(
-                Ae,
+                Ee,
                 {
                   className: "flex min-w-[275px]",
                   minSize: 20,
                   defaultSize: 25,
                   maxSize: 30,
-                  children: /* @__PURE__ */ e.jsx(Ql, {})
+                  children: /* @__PURE__ */ e.jsx(Jl, {})
                 }
               ) }),
-              /* @__PURE__ */ e.jsx(Cs, { className: "border" }),
-              /* @__PURE__ */ e.jsx(Ae, { minSize: 40, defaultSize: 75, maxSize: 100, children: /* @__PURE__ */ e.jsx(aa, {}) })
+              /* @__PURE__ */ e.jsx(vs, { className: "border" }),
+              /* @__PURE__ */ e.jsx(Ee, { minSize: 40, defaultSize: 75, maxSize: 100, children: /* @__PURE__ */ e.jsx(aa, {}) })
             ] }) : /* @__PURE__ */ e.jsx(aa, {})
           }
         )
@@ -5222,15 +5226,15 @@ function Wl() {
     }
   );
 }
-function Jl({ authToken: s, onSave: n, onClose: a }) {
+function Xl({ authToken: s, onSave: n, onClose: a }) {
   z((r) => r.themeStyle);
   const t = o((r) => r.actions.setOnSave), l = o((r) => r.actions.setOnClose), i = z((r) => r.actions.setAuthToken);
-  return X(() => {
+  return Y(() => {
     n && t(n), a && l(a);
-  }, [n, t, a, l]), X(() => {
+  }, [n, t, a, l]), Y(() => {
     s && s.accessToken && i(s);
   }, [s, i]), /* @__PURE__ */ e.jsx(wa, { FallbackComponent: ka, children: /* @__PURE__ */ e.jsxs(
-    hn,
+    xn,
     {
       style: {
         // borderRadius: currentStyle?.chart?.options?.borderRadius,
@@ -5239,13 +5243,13 @@ function Jl({ authToken: s, onSave: n, onClose: a }) {
       className: "rounded-none",
       role: "editor-panel",
       children: [
-        /* @__PURE__ */ e.jsx(mn, { className: "rounded-none border-r-[1.5px]", children: /* @__PURE__ */ e.jsx(Ea, {}) }),
-        /* @__PURE__ */ e.jsx(xn, { children: /* @__PURE__ */ e.jsx(Wl, {}) })
+        /* @__PURE__ */ e.jsx(pn, { className: "rounded-none border-r-[1.5px]", children: /* @__PURE__ */ e.jsx(Ea, {}) }),
+        /* @__PURE__ */ e.jsx(fn, { children: /* @__PURE__ */ e.jsx(Yl, {}) })
       ]
     }
   ) });
 }
-function Yl() {
+function Zl() {
   z((r) => r.selectedCardId);
   const s = z((r) => r.selectedSheetId), { setIsVisualEditing: n } = z((r) => r.actions), a = z((r) => r.isVisualEditing), t = z((r) => r.actions.updateFrame);
   function l(r) {
@@ -5258,15 +5262,15 @@ function Yl() {
     "div",
     {
       role: "editor-container",
-      className: Z("flex grow", {
+      className: X("flex grow", {
         block: a,
         hidden: !a
       }),
-      children: /* @__PURE__ */ e.jsx(Jl, { onSave: l, onClose: i })
+      children: /* @__PURE__ */ e.jsx(Xl, { onSave: l, onClose: i })
     }
   );
 }
-function Xl() {
+function er() {
   o((r) => r.selectedConnectionId), o((r) => r.selectedDatamodelId);
   const s = o((r) => r.selectedDatabaseName);
   o((r) => r.selectedSchemaName);
@@ -5274,7 +5278,7 @@ function Xl() {
   z((r) => r.actions.addFilter), z((r) => r.actions.removeFilter), z(
     (r) => r.actions.removeFilterValue
   );
-  const { modelItems: t, columns: l } = Ee(), { assignFilter: i } = Xa();
+  const { modelItems: t, columns: l } = Ve(), { assignFilter: i } = Xa();
   return /* @__PURE__ */ e.jsx("div", { className: "xbg-red-100 flex-1 basis-0 flex-col overflow-scroll px-3", children: l == null ? void 0 : l.map((r) => {
     const d = a == null ? void 0 : a.find(
       (c) => c.column === ue(r.column_name) && c.table === n && c.database === s
@@ -5283,7 +5287,7 @@ function Xl() {
       "div",
       {
         onClick: () => i(r),
-        className: Z(
+        className: X(
           "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": d
@@ -5298,7 +5302,7 @@ function Xl() {
     );
   }) });
 }
-function Zl() {
+function sr() {
   z((n) => n.showFilters);
   const s = z(
     (n) => n.actions.setShowFilters
@@ -5312,7 +5316,7 @@ function Zl() {
           onClick: () => s(!1),
           className: "h-7 w-7 p-0",
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Be, {})
+          children: /* @__PURE__ */ e.jsx(Ue, {})
         }
       )
     ] }),
@@ -5322,7 +5326,7 @@ function Zl() {
         ColumnsComponent: () => (
           // schemaName, tableName, columns
           /* @__PURE__ */ e.jsx(
-            Xl,
+            er,
             {}
           )
         )
@@ -5330,24 +5334,24 @@ function Zl() {
     ) })
   ] });
 }
-function er() {
+function ar() {
   const s = z((a) => a.showFilters), n = z((a) => a.isVisualEditing);
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       role: "dashboard-plus-main",
-      className: Z("grow", {
+      className: X("grow", {
         hidden: n,
         flex: !n
       }),
       children: [
-        /* @__PURE__ */ e.jsx(pn, {}),
-        s && /* @__PURE__ */ e.jsx("div", { role: "filter-aside-container", className: "flex", children: /* @__PURE__ */ e.jsx(Zl, {}) })
+        /* @__PURE__ */ e.jsx(gn, {}),
+        s && /* @__PURE__ */ e.jsx("div", { role: "filter-aside-container", className: "flex", children: /* @__PURE__ */ e.jsx(sr, {}) })
       ]
     }
   );
 }
-function sr() {
+function tr() {
   const s = z((t) => t.dashboard), n = z((t) => t.actions.setDashboard), a = z(
     (t) => t.showDashboardJSON
   );
@@ -5356,11 +5360,11 @@ function sr() {
   ), /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: Z(" p-2", {
+      className: X(" p-2", {
         hidden: !a
       }),
       children: /* @__PURE__ */ e.jsx(
-        fn,
+        jn,
         {
           onChange: (t) => {
             if (t)
@@ -5391,64 +5395,64 @@ function sr() {
     }
   );
 }
-function lr({
+function ir({
   showControls: s = !1,
   showFooter: n = !0,
   ...a
 }) {
-  return /* @__PURE__ */ e.jsx(wa, { FallbackComponent: ka, children: /* @__PURE__ */ e.jsxs(gn, { dashboardProps: a, children: [
-    /* @__PURE__ */ e.jsx(jn, {}),
-    /* @__PURE__ */ e.jsxs(bn, { children: [
-      /* @__PURE__ */ e.jsx(sr, {}),
-      /* @__PURE__ */ e.jsxs(yn, { ...a, children: [
-        s && /* @__PURE__ */ e.jsx(el, {}),
-        /* @__PURE__ */ e.jsx(Yl, {}),
-        /* @__PURE__ */ e.jsx(er, {})
+  return /* @__PURE__ */ e.jsx(wa, { FallbackComponent: ka, children: /* @__PURE__ */ e.jsxs(bn, { dashboardProps: a, children: [
+    /* @__PURE__ */ e.jsx(yn, {}),
+    /* @__PURE__ */ e.jsxs(vn, { children: [
+      /* @__PURE__ */ e.jsx(tr, {}),
+      /* @__PURE__ */ e.jsxs(Cn, { ...a, children: [
+        s && /* @__PURE__ */ e.jsx(al, {}),
+        /* @__PURE__ */ e.jsx(Zl, {}),
+        /* @__PURE__ */ e.jsx(ar, {})
       ] })
     ] })
   ] }) });
 }
 export {
-  Gn as A,
-  Cn as B,
-  Nn as C,
-  lr as D,
+  Qn as A,
+  Sn as B,
+  wn as C,
+  ir as D,
   Ta as E,
   $s as F,
-  Tn as G,
-  Dn as H,
+  Ln as G,
+  Mn as H,
   Da as K,
-  Qe as L,
-  Vn as M,
-  qn as N,
+  We as L,
+  Rn as M,
+  _n as N,
   La as P,
-  He as S,
-  Un as T,
-  Kn as U,
+  $e as S,
+  Kn as T,
+  Wn as U,
   _s as a,
   Hs as b,
-  Qn as c,
+  Jn as c,
   za as d,
   Fa as e,
   Ia as f,
   Oa as g,
-  Sn as h,
-  wn as i,
-  kn as j,
-  zn as k,
-  In as l,
-  Fn as m,
-  Ln as n,
-  Mn as o,
-  On as p,
-  An as q,
-  En as r,
-  Rn as s,
-  _n as t,
-  Ee as u,
-  Hn as v,
+  kn as h,
+  zn as i,
+  Fn as j,
+  In as k,
+  Dn as l,
+  Tn as m,
+  On as n,
+  An as o,
+  En as p,
+  Vn as q,
+  qn as r,
+  Hn as s,
+  $n as t,
+  Ve as u,
+  Pn as v,
   Ma as w,
-  $n as x,
-  Pn as y,
-  Bn as z
+  Bn as x,
+  Un as y,
+  Gn as z
 };