semaphor 0.0.88 → 0.0.90

package/dist/chunks/{index-CcYNXjO4.js → index-9VVNAgAb.js}

@@ -1,6 +1,6 @@
-import { c as R, u as vs, v as M, w as is, x as Se, y as e, z as Cs, A as Ns, H as O, o as Ss, J as ws, K as ks, M as zs, N as Os, O as H, Q as ie, R as ta, V as na, W as la, Y as ra, Z as st, _ as at, $ as tt, a0 as Gs, a1 as Y, a2 as Be, i as nt, a3 as u, a4 as lt, P as ia, F as oa, a5 as Ue, a6 as Ge, a7 as Ds, a8 as ca, a9 as Ms, aa as ue, ab as he, ac as me, ad as xe, ae as ve, af as pe, ag as Z, T as Is, ah as Fs, ai as Ts, aj as Ls, ak as da, al as ua, am as ce, an as rt, ao as it, ap as ha, aq as ot, C as ct, ar as dt, as as ma, B as ut, at as fe, au as ht, av as Ke, aw as xa, ax as gs, ay as be, az as ze, aA as Ce, aB as pa, aC as mt, aD as xt, aE as pt, aF as ft, l as gt, aG as jt, aH as bt, aI as De, aJ as te, aK as fa, aL as yt, aM as os, aN as vt, aO as Ct, aP as js, a as Nt, aQ as ss, aR as ye, aS as as, aT as St, aU as wt, aV as kt, aW as zt, aX as fs, aY as Ot, aZ as Ks, a_ as Dt, a$ as Qs, b0 as Mt, b1 as It, b2 as Ft, b3 as Tt, b4 as ga, b5 as Lt, b6 as Es, b7 as ja, b8 as Et, b9 as Vt, ba as Ze, bb as At, bc as qt, bd as ba, be as Rt, s as _t, bf as Ht, bg as $t, r as Pt, bh as cs, bi as ya, bj as va, bk as Ca, bl as Xe, bm as Na, bn as es, bo as Js, bp as Bt, bq as Ut, br as ds, bs as us, bt as hs, bu as Gt, I as Kt, X as Sa, bv as Qt, bw as Jt, bx as Wt, E as Yt, by as ms, bz as Oe, f as Zt, bA as $e, bB as Vs, bC as wa, bD as Xt, bE as en, bF as ts, bG as sn, bH as an, bI as tn, bJ as Ws, bK as ka, bL as nn, bM as ln, bN as rn, bO as on, bP as cn, bQ as dn, bR as un, bS as Me, bT as Q, bU as J, bV as As, bW as W, bX as hn, bY as za, bZ as mn, b_ as xn, b$ as pn, c0 as fn, c1 as gn, c2 as jn, c3 as bn, c4 as yn, c5 as vn } from "./index-ssiDVD0o.js";
+import { c as R, u as vs, v as M, w as is, x as Se, y as e, z as Cs, A as Ns, H as O, o as Ss, J as ws, K as ks, M as zs, N as Os, O as H, Q as ie, R as ta, V as na, W as la, Y as ra, Z as st, _ as at, $ as tt, a0 as Gs, a1 as Y, a2 as Be, i as nt, a3 as u, a4 as lt, a5 as rt, P as ia, F as oa, a6 as Ue, a7 as Ge, a8 as Ds, a9 as ca, aa as Ms, ab as ue, ac as he, ad as me, ae as xe, af as ve, ag as pe, ah as X, T as Is, ai as Ts, aj as Fs, ak as Ls, al as da, am as ua, an as ce, ao as it, ap as ot, aq as ha, ar as ct, C as dt, as as ut, at as ma, B as ht, au as fe, av as mt, aw as Ke, ax as xa, ay as gs, az as be, aA as ze, aB as Ce, aC as pa, aD as xt, aE as pt, aF as ft, aG as gt, l as jt, aH as bt, aI as yt, aJ as De, aK as te, aL as fa, aM as vt, aN as os, aO as Ct, aP as Nt, aQ as js, a as St, aR as ss, aS as ye, aT as as, aU as wt, aV as kt, aW as zt, aX as Ot, aY as fs, aZ as Dt, a_ as Ks, a$ as Mt, b0 as Qs, b1 as It, b2 as Tt, b3 as Ft, b4 as Lt, b5 as ga, b6 as Et, b7 as Es, b8 as ja, b9 as Vt, ba as At, bb as Xe, bc as qt, bd as Rt, be as ba, bf as _t, s as Ht, bg as $t, bh as Pt, r as Bt, bi as cs, bj as ya, bk as va, bl as Ca, bm as Ze, bn as Na, bo as es, bp as Js, bq as Ut, br as Gt, bs as ds, bt as us, bu as hs, bv as Kt, I as Qt, X as Sa, bw as Jt, bx as Wt, by as Yt, E as Xt, bz as ms, bA as Oe, f as Zt, bB as $e, bC as Vs, bD as wa, bE as en, bF as sn, bG as ts, bH as an, bI as tn, bJ as nn, bK as Ws, bL as ka, bM as ln, bN as rn, bO as on, bP as cn, bQ as dn, bR as un, bS as hn, bT as Me, bU as Q, bV as J, bW as As, bX as W, bY as mn, bZ as za, b_ as xn, b$ as pn, c0 as fn, c1 as gn, c2 as jn, c3 as bn, c4 as yn, c5 as vn, c6 as Cn } from "./index-DUkNWR9M.js";
 import * as Ys from "react";
-import Ne, { useState as q, useMemo as bs, useEffect as X, useRef as ns, useCallback as Oa, Suspense as Cn } from "react";
+import Ne, { useState as q, useMemo as bs, useEffect as Z, useRef as ns, useCallback as Oa, 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 Nn = R("Box", [
+const Sn = R("Box", [
   [
     "path",
     {
@@ -25,7 +25,7 @@ const Nn = R("Box", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Sn = R("Braces", [
+const wn = R("Braces", [
   [
     "path",
     { d: "M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5c0 1.1.9 2 2 2h1", key: "ezmyqa" }
@@ -44,7 +44,7 @@ const Sn = R("Braces", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const wn = R("ChartArea", [
+const kn = R("ChartArea", [
   ["path", { d: "M3 3v16a2 2 0 0 0 2 2h16", key: "c24i48" }],
   [
     "path",
@@ -123,7 +123,7 @@ const Ia = R("ChartScatter", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const kn = R("CircleX", [
+const zn = R("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" }]
@@ -134,7 +134,7 @@ const kn = R("CircleX", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const zn = R("CopyPlus", [
+const On = R("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" }],
@@ -146,7 +146,7 @@ const zn = R("CopyPlus", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const On = R("Database", [
+const Dn = R("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" }]
@@ -157,7 +157,7 @@ const On = R("Database", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Fa = R("EllipsisVertical", [
+const Ta = R("EllipsisVertical", [
   ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
   ["circle", { cx: "12", cy: "5", r: "1", key: "gxeob9" }],
   ["circle", { cx: "12", cy: "19", r: "1", key: "lyex9k" }]
@@ -168,7 +168,7 @@ const Fa = R("EllipsisVertical", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Dn = R("Eraser", [
+const Mn = R("Eraser", [
   [
     "path",
     {
@@ -185,7 +185,7 @@ const Dn = R("Eraser", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Mn = R("EyeClosed", [
+const In = R("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" }],
@@ -198,7 +198,7 @@ const Mn = R("EyeClosed", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const In = R("Glasses", [
+const Tn = R("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" }],
@@ -228,7 +228,7 @@ const Fn = R("Hammer", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Tn = R("Hash", [
+const Ln = R("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" }],
@@ -240,7 +240,7 @@ const Tn = R("Hash", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ln = R("House", [
+const En = R("House", [
   ["path", { d: "M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8", key: "5wwlr5" }],
   [
     "path",
@@ -256,7 +256,7 @@ const Ln = R("House", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const En = R("Key", [
+const Vn = R("Key", [
   ["path", { d: "m15.5 7.5 2.3 2.3a1 1 0 0 0 1.4 0l2.1-2.1a1 1 0 0 0 0-1.4L19 4", key: "g0fldk" }],
   ["path", { d: "m21 2-9.6 9.6", key: "1j0ho8" }],
   ["circle", { cx: "7.5", cy: "15.5", r: "5.5", key: "yqb3hr" }]
@@ -267,7 +267,7 @@ const En = R("Key", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Vn = R("ListEnd", [
+const An = R("ListEnd", [
   ["path", { d: "M16 12H3", key: "1a2rj7" }],
   ["path", { d: "M16 6H3", key: "1wxfjs" }],
   ["path", { d: "M10 18H3", key: "13769t" }],
@@ -280,7 +280,7 @@ const Vn = R("ListEnd", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const An = R("ListStart", [
+const qn = R("ListStart", [
   ["path", { d: "M16 12H3", key: "1a2rj7" }],
   ["path", { d: "M16 18H3", key: "12xzn7" }],
   ["path", { d: "M10 6H3", key: "lf8lx7" }],
@@ -293,7 +293,7 @@ const An = R("ListStart", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const qn = R("ListX", [
+const Rn = R("ListX", [
   ["path", { d: "M11 12H3", key: "51ecnj" }],
   ["path", { d: "M16 6H3", key: "1wxfjs" }],
   ["path", { d: "M16 18H3", key: "12xzn7" }],
@@ -315,7 +315,7 @@ const Ae = R("LoaderCircle", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ta = R("Map", [
+const Fa = R("Map", [
   [
     "path",
     {
@@ -332,7 +332,7 @@ const Ta = R("Map", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Rn = R("MessageSquareMore", [
+const _n = R("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" }],
@@ -344,7 +344,7 @@ const Rn = R("MessageSquareMore", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const _n = R("Network", [
+const Hn = R("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" }],
@@ -357,7 +357,7 @@ const _n = R("Network", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Hn = R("Play", [
+const $n = R("Play", [
   ["polygon", { points: "6 3 20 12 6 21 6 3", key: "1oa8hb" }]
 ]);
 /**
@@ -366,7 +366,7 @@ const Hn = R("Play", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const $n = R("Plug2", [
+const Pn = R("Plug2", [
   ["path", { d: "M9 2v6", key: "17ngun" }],
   ["path", { d: "M15 2v6", key: "s7yy2p" }],
   ["path", { d: "M12 17v5", key: "bb1du9" }],
@@ -379,7 +379,7 @@ const $n = R("Plug2", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Pn = R("Save", [
+const Bn = R("Save", [
   [
     "path",
     {
@@ -413,7 +413,7 @@ const La = R("Shapes", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Bn = R("ShieldQuestion", [
+const Un = R("ShieldQuestion", [
   [
     "path",
     {
@@ -430,7 +430,7 @@ const Bn = R("ShieldQuestion", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Un = R("Sigma", [
+const Gn = R("Sigma", [
   [
     "path",
     {
@@ -445,7 +445,7 @@ const Un = R("Sigma", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Gn = R("SwatchBook", [
+const Kn = R("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" }],
@@ -463,7 +463,7 @@ const Gn = R("SwatchBook", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Kn = R("Tag", [
+const Qn = R("Tag", [
   [
     "path",
     {
@@ -479,7 +479,24 @@ const Kn = R("Tag", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Qn = R("ToggleLeft", [
+const Jn = R("TicketX", [
+  [
+    "path",
+    {
+      d: "M2 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z",
+      key: "qn84l0"
+    }
+  ],
+  ["path", { d: "m9.5 14.5 5-5", key: "qviqfa" }],
+  ["path", { d: "m9.5 9.5 5 5", key: "18nt4w" }]
+]);
+/**
+ * @license lucide-react v0.453.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Wn = R("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" }]
 ]);
@@ -500,7 +517,7 @@ const _s = R("Type", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Jn = R("User", [
+const Yn = R("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" }]
 ]);
@@ -516,14 +533,14 @@ function Ea(s) {
           var r;
           return {
             ...l,
-            cards: (r = l.cards) == null ? void 0 : r.map((o) => Wn(o))
+            cards: (r = l.cards) == null ? void 0 : r.map((o) => Xn(o))
           };
         })
       };
     })
   };
 }
-function Wn(s) {
+function Xn(s) {
   var n, a, t, l;
   return {
     ...s,
@@ -538,12 +555,12 @@ function Wn(s) {
         }))
       }
     },
-    customCfg: Yn(s.customCfg),
+    customCfg: Zn(s.customCfg),
     // if customCfg is present, clean it, otherwise return null{
     data: []
   };
 }
-function Yn(s) {
+function Zn(s) {
   var n, a;
   return s ? {
     ...s,
@@ -557,7 +574,7 @@ function Yn(s) {
     }
   } : null;
 }
-async function Zn(s, n, a, t) {
+async function el(s, n, a, t) {
   if (!t)
     return null;
   const l = JSON.stringify(n);
@@ -581,19 +598,19 @@ async function ys(s, n) {
     operation: "update"
   });
 }
-async function Xn(s, n) {
+async function sl(s, n) {
   return n ? await vs("https://semaphor.cloud/api/v1/lens", n, {
     operation: "delete",
     lensId: s
   }) : null;
 }
-function el() {
-  const [s, n] = q(""), [a, t] = q(!1), l = M((p) => p.lenses), { setLenses: r, setSelectedLensId: o } = is(), [i, d] = q(!1), [x, c] = q(!1), b = M((p) => p.dashboard), g = M((p) => p.filterValues), { authToken: h } = Se();
+function al() {
+  const [s, n] = q(""), [a, t] = q(!1), l = M((p) => p.lenses), { setLenses: r, setSelectedLensId: o } = is(), [i, d] = q(!1), [m, c] = q(!1), b = M((p) => p.dashboard), g = M((p) => p.filterValues), { authToken: h } = Se();
   async function f() {
     d(!0);
     const p = Ea(
       b
-    ), N = await Zn(
+    ), N = await el(
       s,
       p,
       g,
@@ -601,7 +618,7 @@ function el() {
     );
     N && (r([...l || [], N]), o(N.id), c(!1)), d(!1);
   }
-  return /* @__PURE__ */ e.jsxs(Cs, { open: x, onOpenChange: c, children: [
+  return /* @__PURE__ */ e.jsxs(Cs, { open: m, onOpenChange: c, children: [
     /* @__PURE__ */ e.jsx(Ns, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
       O,
       {
@@ -648,18 +665,18 @@ function el() {
     ] })
   ] });
 }
-function sl() {
+function tl() {
   const [s, n] = q(!1), a = M((c) => c.lenses), t = M((c) => c.selectedLensId), { setLenses: l, setSelectedLensId: r } = is(), { authToken: o } = Se();
   async function i(c) {
     r(c);
   }
   async function d(c) {
-    if (await Xn(c, o == null ? void 0 : o.accessToken)) {
+    if (await sl(c, o == null ? void 0 : o.accessToken)) {
       const g = a == null ? void 0 : a.filter((h) => h.id !== c);
       l(g || []), r("original");
     }
   }
-  async function x(c) {
+  async function m(c) {
     const b = a == null ? void 0 : a.map((f) => f.id === c.id ? {
       ...f,
       isDefault: !c.isDefault
@@ -683,7 +700,7 @@ function sl() {
     }
   }
   return /* @__PURE__ */ e.jsxs(na, { open: s, onOpenChange: n, children: [
-    /* @__PURE__ */ e.jsx(la, { asChild: !0, children: /* @__PURE__ */ e.jsx(O, { variant: "ghost", className: "h-7 p-2", children: /* @__PURE__ */ e.jsx(In, { className: "h-4 w-4", strokeWidth: 1.5 }) }) }),
+    /* @__PURE__ */ e.jsx(la, { asChild: !0, children: /* @__PURE__ */ e.jsx(O, { variant: "ghost", className: "h-7 p-2", children: /* @__PURE__ */ e.jsx(Tn, { className: "h-4 w-4", strokeWidth: 1.5 }) }) }),
     /* @__PURE__ */ e.jsxs(ra, { align: "end", className: "w-60", children: [
       /* @__PURE__ */ e.jsx(st, { className: "px-3", children: "Lenses" }),
       /* @__PURE__ */ e.jsx(at, {}),
@@ -703,10 +720,10 @@ function sl() {
                   /* @__PURE__ */ e.jsx("p", { children: c.name }),
                   /* @__PURE__ */ e.jsxs("span", { className: "flex items-center gap-3", children: [
                     /* @__PURE__ */ e.jsx(
-                      Ln,
+                      En,
                       {
                         onClick: (b) => {
-                          b.preventDefault(), x(c);
+                          b.preventDefault(), m(c);
                         },
                         className: Y(
                           "size-3.5 text-muted-foreground hover:cursor-pointer hover:text-foreground group-hover:visible",
@@ -739,7 +756,7 @@ function sl() {
     ] })
   ] });
 }
-function al({
+function nl({
   iconClassName: s
 }) {
   const [n, a] = q(!1), { authToken: t } = Se(), l = M((i) => i.theme), r = M((i) => i.filterValues);
@@ -774,7 +791,7 @@ function al({
     }
   );
 }
-function tl() {
+function ll() {
   const { authToken: s } = Se();
   M((j) => j.theme);
   const n = M((j) => j.lenses), a = M((j) => j.selectedLensId), t = n == null ? void 0 : n.find((j) => j.id === a), l = M((j) => j.dashboard);
@@ -783,7 +800,7 @@ function tl() {
     (j) => j.isDashboardEditing
   ), o = u(
     (j) => j.selectedConnectionId
-  ), [i, d] = q(!1), x = M((j) => j.filterValues), c = M((j) => j.isVisualEditing), b = M((j) => j.showFilters);
+  ), [i, d] = q(!1), m = M((j) => j.filterValues), c = M((j) => j.isVisualEditing), b = M((j) => j.showFilters);
   M(
     (j) => j.showDashboardJSON
   );
@@ -791,10 +808,10 @@ function tl() {
     (j) => j.actions.setShowFilters
   ), { addFrame: f, setSelectedFrameId: p } = M(
     (j) => j.actions
-  ), { getSelectedSheet: N, setIsDashboardEditing: y, setShowDashboardJSON: V } = M((j) => j.actions), I = N(), { tenantId: z, endUserId: F } = bs(
+  ), { getSelectedSheet: N, setIsDashboardEditing: y, setShowDashboardJSON: V } = M((j) => j.actions), I = N(), { tenantId: z, endUserId: T } = bs(
     () => lt(s == null ? void 0 : s.accessToken),
     [s == null ? void 0 : s.accessToken]
-  ), T = bs(() => z || F, [z, F]), A = () => {
+  ), F = bs(() => z || T, [z, T]), A = () => {
     if (!r || !I) return;
     const j = {
       connectionId: o,
@@ -818,7 +835,7 @@ function tl() {
       activeCardId: j.id
     };
     f(I.id, D), p(D.id);
-  }, m = () => {
+  }, x = () => {
     y(!0);
   };
   async function v() {
@@ -828,7 +845,7 @@ function tl() {
     ), D = JSON.stringify(j), S = {
       ...t,
       template: D,
-      filterValues: x
+      filterValues: m
     };
     await ys(S, s == null ? void 0 : s.accessToken), Ge.success("Lens saved"), g == null || g(j), d(!1);
   }
@@ -840,9 +857,10 @@ function tl() {
       children: [
         !c && /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ e.jsx(H, { children: t == null ? void 0 : t.name }) }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ e.jsx(al, {}),
-          r && !c && T && /* @__PURE__ */ e.jsx(el, {}),
-          !c && T && /* @__PURE__ */ e.jsx(sl, {}),
+          /* @__PURE__ */ e.jsx("button", { onClick: rt, children: /* @__PURE__ */ e.jsx(Jn, { className: "h-4 w-4", strokeWidth: 1.5 }) }),
+          /* @__PURE__ */ e.jsx(nl, {}),
+          r && !c && F && /* @__PURE__ */ e.jsx(al, {}),
+          !c && F && /* @__PURE__ */ e.jsx(tl, {}),
           r && !c && /* @__PURE__ */ e.jsxs(
             O,
             {
@@ -862,7 +880,7 @@ function tl() {
             {
               variant: "ghost",
               className: "h-7 p-2",
-              onClick: m,
+              onClick: x,
               size: "sm",
               children: /* @__PURE__ */ e.jsx(ia, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
@@ -880,7 +898,7 @@ function tl() {
               children: /* @__PURE__ */ e.jsx(Be, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          r && !c && T && /* @__PURE__ */ e.jsx(
+          r && !c && F && /* @__PURE__ */ e.jsx(
             O,
             {
               className: "h-7 p-2",
@@ -888,7 +906,7 @@ function tl() {
               disabled: i,
               onClick: v,
               size: "sm",
-              children: /* @__PURE__ */ e.jsx(Pn, { className: "h-4 w-4", strokeWidth: 1.5 })
+              children: /* @__PURE__ */ e.jsx(Bn, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
           !b && !c && r && /* @__PURE__ */ e.jsx(
@@ -918,24 +936,24 @@ function He({
   onChange: o,
   showNone: i = !1,
   className: d,
-  showIcon: x = !0,
+  showIcon: m = !0,
   disabled: c = !1
 }) {
   const b = t ? "Loading..." : l ? "Error" : a;
   function g() {
     if (s === "Connection")
-      return /* @__PURE__ */ e.jsx($n, { className: "size-4 rotate-90" });
+      return /* @__PURE__ */ e.jsx(Pn, { className: "size-4 rotate-90" });
     if (s === "Database")
-      return /* @__PURE__ */ e.jsx(On, { className: "size-4" });
+      return /* @__PURE__ */ e.jsx(Dn, { className: "size-4" });
     if (s === "Schema")
-      return /* @__PURE__ */ e.jsx(_n, { className: "size-4" });
+      return /* @__PURE__ */ e.jsx(Hn, { className: "size-4" });
     if (s === "Table")
       return /* @__PURE__ */ e.jsx(Is, { className: "size-4" });
     if (s === "Model")
-      return /* @__PURE__ */ e.jsx(Nn, { className: "size-4" });
+      return /* @__PURE__ */ e.jsx(Sn, { className: "size-4" });
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-    x && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: r ? /* @__PURE__ */ e.jsxs(Ds, { children: [
+    m && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: r ? /* @__PURE__ */ e.jsxs(Ds, { children: [
       /* @__PURE__ */ e.jsx(ca, { children: g() }),
       /* @__PURE__ */ e.jsx(Ms, { className: "text-xs", align: "start", children: r })
     ] }) : g() }),
@@ -958,20 +976,20 @@ function He({
       /* @__PURE__ */ e.jsx(xe, { children: /* @__PURE__ */ e.jsxs(ve, { children: [
         t ? /* @__PURE__ */ e.jsx(pe, { children: "Loading..." }) : /* @__PURE__ */ e.jsx(pe, { children: s }),
         /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-          i && /* @__PURE__ */ e.jsx(Z, { value: "none", children: "None" }, "none"),
-          n && n.map((h, f) => /* @__PURE__ */ e.jsx(Z, { value: h.id, children: h.name }, f))
+          i && /* @__PURE__ */ e.jsx(X, { value: "none", children: "None" }, "none"),
+          n && n.map((h, f) => /* @__PURE__ */ e.jsx(X, { value: h.id, children: h.name }, f))
         ] }),
-        (t || l) && /* @__PURE__ */ e.jsx(Z, { value: b, children: b })
+        (t || l) && /* @__PURE__ */ e.jsx(X, { value: b, children: b })
       ] }) })
     ] })
   ] });
 }
-function nl({ column: s }) {
+function rl({ column: s }) {
   const [n, a] = q(!1), t = u((h) => h.selectedTableName), l = u(
     (h) => h.selectedSchemaName
   ), r = u(
     (h) => h.selectedDatamodelId
-  ), o = u((h) => h.sqlGen), { modelItems: i } = qe(), d = u((h) => h.actions.setSqlGen), x = u((h) => h.actions.setCardSql), c = u((h) => h.actions.setRunSql);
+  ), o = u((h) => h.sqlGen), { modelItems: i } = qe(), d = u((h) => h.actions.setSqlGen), m = u((h) => h.actions.setCardSql), c = u((h) => h.actions.setRunSql);
   function b(h, f) {
     var V;
     const p = da(h, o, f), N = (V = i == null ? void 0 : i.find(
@@ -984,7 +1002,7 @@ function nl({ column: s }) {
       ce(t),
       N
     );
-    y && (x(y), c(!0)), a(!1);
+    y && (m(y), c(!0)), a(!1);
   }
   function g() {
     return /* @__PURE__ */ e.jsxs("ul", { className: "text-xs", children: [
@@ -1030,8 +1048,8 @@ function nl({ column: s }) {
       )
     ] });
   }
-  return /* @__PURE__ */ e.jsxs(Fs, { openDelay: 0, open: n, onOpenChange: a, children: [
-    /* @__PURE__ */ e.jsx(Ts, { asChild: !0, children: /* @__PURE__ */ e.jsx(Fa, { className: "invisible size-3.5 cursor-pointer text-foreground/40 group-hover:visible" }) }),
+  return /* @__PURE__ */ e.jsxs(Ts, { openDelay: 0, open: n, onOpenChange: a, children: [
+    /* @__PURE__ */ e.jsx(Fs, { asChild: !0, children: /* @__PURE__ */ e.jsx(Ta, { className: "invisible size-3.5 cursor-pointer text-foreground/40 group-hover:visible" }) }),
     /* @__PURE__ */ e.jsx(
       Ls,
       {
@@ -1044,45 +1062,45 @@ function nl({ column: s }) {
 }
 function Va({ column: s }) {
   return /* @__PURE__ */ e.jsxs(Ds, { children: [
-    /* @__PURE__ */ e.jsx(rt, { asChild: !0, children: it(s.data_type) ? /* @__PURE__ */ e.jsx(_s, { className: "size-3" }) : ha(s.data_type) ? /* @__PURE__ */ e.jsx(Tn, { className: "size-3" }) : ot(s.data_type) ? /* @__PURE__ */ e.jsx(ct, { className: "size-3" }) : dt(s.data_type) ? /* @__PURE__ */ e.jsx(Qn, { className: "size-3" }) : s.data_type.toLowerCase() === "json" ? /* @__PURE__ */ e.jsx(Sn, { className: "size-3" }) : /* @__PURE__ */ e.jsx(Bn, { className: "size-3" }) }),
+    /* @__PURE__ */ e.jsx(it, { asChild: !0, children: ot(s.data_type) ? /* @__PURE__ */ e.jsx(_s, { className: "size-3" }) : ha(s.data_type) ? /* @__PURE__ */ e.jsx(Ln, { className: "size-3" }) : ct(s.data_type) ? /* @__PURE__ */ e.jsx(dt, { className: "size-3" }) : ut(s.data_type) ? /* @__PURE__ */ e.jsx(Wn, { className: "size-3" }) : s.data_type.toLowerCase() === "json" ? /* @__PURE__ */ e.jsx(wn, { className: "size-3" }) : /* @__PURE__ */ e.jsx(Un, { className: "size-3" }) }),
     /* @__PURE__ */ e.jsx(Ms, { children: /* @__PURE__ */ e.jsx("p", { className: "font-mono text-xs", children: s.data_type }) })
   ] });
 }
-function ll({
+function il({
   schemaName: s,
   tableName: n,
   columns: a,
   status: t
 }) {
-  const l = u((m) => m.sqlGen), r = u(
-    (m) => m.selectedConnectionId
+  const l = u((x) => x.sqlGen), r = u(
+    (x) => x.selectedConnectionId
   ), o = u(
-    (m) => m.selectedDatabaseName
+    (x) => x.selectedDatabaseName
   ), i = u(
-    (m) => m.selectedSchemaName
-  ), d = u((m) => m.selectedTableName), x = u(
-    (m) => m.selectedDatamodelId
+    (x) => x.selectedSchemaName
+  ), d = u((x) => x.selectedTableName), m = u(
+    (x) => x.selectedDatamodelId
   ), c = M(
-    (m) => m.dashboard.aiScopeTables
-  ), { setAIScopeTables: b } = M((m) => m.actions), g = u((m) => m.actions.setRunSql), h = u((m) => m.actions.setSqlGen), f = u(
-    (m) => m.actions.setIsShowingVisual
-  ), p = u((m) => m.actions.setCardSql), { connectionType: N, modelItems: y } = qe();
-  function V(m) {
+    (x) => x.dashboard.aiScopeTables
+  ), { setAIScopeTables: b } = M((x) => x.actions), g = u((x) => x.actions.setRunSql), h = u((x) => x.actions.setSqlGen), f = u(
+    (x) => x.actions.setIsShowingVisual
+  ), p = u((x) => x.actions.setCardSql), { connectionType: N, modelItems: y } = qe();
+  function V(x) {
     var S;
-    const v = da(m, l);
+    const v = da(x, l);
     h(v);
     const j = (S = y == null ? void 0 : y.find(
-      (_) => _.id === x
+      (_) => _.id === m
     )) == null ? void 0 : S.name, D = ua(v, ce(s), ce(n), j);
     D && (p(D), g(!0));
   }
   function I() {
     return (c == null ? void 0 : c.find(
-      (m) => m.connectinonId === r && m.tableName === d
+      (x) => x.connectinonId === r && x.tableName === d
     )) !== void 0;
   }
-  function z(m) {
-    if (m === !0 && d && r) {
+  function z(x) {
+    if (x === !0 && d && r) {
       const v = {
         connectinonId: r,
         connectionType: N,
@@ -1110,25 +1128,25 @@ function ll({
       });
     }
   }
-  function F() {
+  function T() {
     var S;
-    let m = xa(s, n);
+    let x = xa(s, n);
     const v = (S = y == null ? void 0 : y.find(
-      (_) => _.id === x
+      (_) => _.id === m
     )) == null ? void 0 : S.name;
-    x && x !== "none" && (m = `${gs}.${v}`);
-    let j = m;
+    m && m !== "none" && (x = `${gs}.${v}`);
+    let j = x;
     return ((_) => /[A-Z]/.test(_))(n) && (j = j.split(".").map((P) => `"${P}"`).join(".")), j;
   }
-  function T() {
-    const m = F();
+  function F() {
+    const x = T();
     f(!1);
-    const v = N === "MSSQL" ? `SELECT top 10 * FROM ${m}` : `SELECT * FROM ${m} LIMIT 10`;
+    const v = N === "MSSQL" ? `SELECT top 10 * FROM ${x}` : `SELECT * FROM ${x} LIMIT 10`;
     p(v), g(!0);
   }
   function A() {
-    const m = F();
-    p(`SELECT COUNT(*) as count FROM ${m}`), g(!0);
+    const x = T();
+    p(`SELECT COUNT(*) as count FROM ${x}`), g(!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: [
@@ -1141,7 +1159,7 @@ function ll({
           variant: "outline",
           className: "h-9 px-2",
           children: /* @__PURE__ */ e.jsx(
-            ut,
+            ht,
             {
               className: Y("size-4", {
                 "text-primary": I(),
@@ -1155,12 +1173,12 @@ function ll({
         O,
         {
           disabled: t !== "Success",
-          onClick: T,
+          onClick: F,
           size: "sm",
           variant: "secondary",
           className: "flex",
           children: [
-            t !== "Success" ? /* @__PURE__ */ e.jsx(Ae, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(Gn, { className: "mr-2 size-4" }),
+            t !== "Success" ? /* @__PURE__ */ e.jsx(Ae, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(Kn, { className: "mr-2 size-4" }),
             "Top 10"
           ]
         }
@@ -1174,7 +1192,7 @@ function ll({
           variant: "secondary",
           className: "flex",
           children: [
-            t !== "Success" ? /* @__PURE__ */ e.jsx(Ae, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(Un, { className: "mr-2 size-4" }),
+            t !== "Success" ? /* @__PURE__ */ e.jsx(Ae, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(Gn, { className: "mr-2 size-4" }),
             "Count"
           ]
         }
@@ -1185,32 +1203,32 @@ function ll({
       {
         className: "flex-1 basis-0 overflow-y-auto border-b border-t border-muted py-3",
         children: [
-          a == null ? void 0 : a.map((m) => /* @__PURE__ */ e.jsxs(
+          a == null ? void 0 : a.map((x) => /* @__PURE__ */ e.jsxs(
             "div",
             {
-              onClick: () => V(m),
+              onClick: () => V(x),
               className: Y(
                 "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": ht(m, l)
+                  "bg-muted": mt(x, l)
                 }
               ),
               children: [
                 /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-                  /* @__PURE__ */ e.jsx(Va, { column: m }),
-                  /* @__PURE__ */ e.jsx("span", { children: m.column_name })
+                  /* @__PURE__ */ e.jsx(Va, { column: x }),
+                  /* @__PURE__ */ e.jsx("span", { children: x.column_name })
                 ] }),
                 /* @__PURE__ */ e.jsx(
                   "div",
                   {
                     onClick: (v) => v.stopPropagation(),
                     className: "flex items-center justify-end",
-                    children: ha(m.data_type) && /* @__PURE__ */ e.jsx(nl, { column: m })
+                    children: ha(x.data_type) && /* @__PURE__ */ e.jsx(rl, { column: x })
                   }
                 )
               ]
             },
-            m.column_name
+            x.column_name
           )),
           /* @__PURE__ */ e.jsx(Ke, { orientation: "vertical" }),
           /* @__PURE__ */ e.jsx(Ke, { orientation: "horizontal" })
@@ -1230,7 +1248,7 @@ function qe(s, n) {
     (C) => C.selectedDatabaseName
   ), i = u(
     (C) => C.selectedSchemaName
-  ), d = u((C) => C.selectedTableName), x = u(
+  ), d = u((C) => C.selectedTableName), m = u(
     (C) => C.actions.setCurrentColumns
   ), c = u(
     (C) => C.actions.setSelectedConnectionId
@@ -1255,7 +1273,7 @@ function qe(s, n) {
   const {
     data: I,
     isLoading: z,
-    isError: F
+    isError: T
   } = be({
     queryKey: ["connections"],
     queryFn: () => ze(
@@ -1265,9 +1283,9 @@ function qe(s, n) {
     enabled: !!(t != null && t.accessToken)
     // Only fetch if authToken is present
   }), {
-    data: T,
+    data: F,
     isLoading: A,
-    isError: m
+    isError: x
   } = be({
     queryKey: ["models", l],
     queryFn: () => ze(
@@ -1342,7 +1360,7 @@ function qe(s, n) {
   }), {
     data: ne,
     isLoading: je,
-    isFetching: Fe,
+    isFetching: Te,
     isError: we
   } = be({
     queryKey: [
@@ -1374,9 +1392,9 @@ function qe(s, n) {
     //currentConnection?.type === 'API',
     // && currentConnection?.type !== 'API', // Only fetch if connectionId, database, and table is present
   });
-  X(() => {
-    x(a);
-  }, [ne, x, a]), X(() => {
+  Z(() => {
+    m(a);
+  }, [ne, m, a]), Z(() => {
   }, [
     D,
     p,
@@ -1385,7 +1403,7 @@ function qe(s, n) {
     g,
     v
   ]);
-  const Te = (v == null ? void 0 : v.type) === "API" ? (Je = v == null ? void 0 : v.type) == null ? void 0 : Je.toLowerCase() : d || "", Le = D ? "" : i || "";
+  const Fe = (v == null ? void 0 : v.type) === "API" ? (Je = v == null ? void 0 : v.type) == null ? void 0 : Je.toLowerCase() : d || "", Le = D ? "" : i || "";
   function Ee(C) {
     h(C), f("");
   }
@@ -1401,14 +1419,14 @@ function qe(s, n) {
   S && (($s = S == null ? void 0 : S.databases) == null ? void 0 : $s.length) > 0, G && ((Ps = G == null ? void 0 : G.schemas) == null ? void 0 : Ps.length) > 0, ne && ((Bs = ne == null ? void 0 : ne.columns) == null ? void 0 : Bs.length) > 0 && (a = ne.columns.map((C) => ({
     ...C,
     data_type: C.data_type.toLowerCase()
-  }))), K && (a = []), (we || F) && (a = []);
+  }))), K && (a = []), (we || T) && (a = []);
   const ke = I == null ? void 0 : I.connections.map(
     (C) => ({
       id: C.id,
       name: C.name,
       type: C.type
     })
-  ), oe = (Us = T == null ? void 0 : T.datamodels) == null ? void 0 : Us.map((C) => ({
+  ), oe = (Us = F == null ? void 0 : F.datamodels) == null ? void 0 : Us.map((C) => ({
     id: C.id,
     name: C.name
   })), _e = S == null ? void 0 : S.databases.map((C) => ({
@@ -1424,10 +1442,10 @@ function qe(s, n) {
   return {
     connectionItems: ke,
     isConnectionsLoading: z,
-    isConnectionsError: F,
+    isConnectionsError: T,
     modelItems: oe,
     isModelsLoading: A,
-    isModelsError: m,
+    isModelsError: x,
     databaseItems: _e,
     isDatabasesLoadingOrFetching: _ || P,
     isDatabaseError: K,
@@ -1438,11 +1456,11 @@ function qe(s, n) {
     isTableLoadingOrFetching: L || re,
     isTableError: B,
     columns: a,
-    isColumnsLoadingOrFetching: je || Fe,
+    isColumnsLoadingOrFetching: je || Te,
     isColumnsError: we,
     isNonDbConnection: D,
     connectionType: j,
-    tableName: Te,
+    tableName: Fe,
     schemaName: Le,
     handleConnectionChange: w,
     handleDatamodelChange: le,
@@ -1467,7 +1485,7 @@ function Aa({
   ), {
     connectionItems: i,
     modelItems: d,
-    schemaItems: x,
+    schemaItems: m,
     databaseItems: c,
     tableItems: b,
     columns: g,
@@ -1479,10 +1497,10 @@ function Aa({
     isDatabaseError: V,
     isSchemaLoadingOrFetching: I,
     isSchemaError: z,
-    isColumnsError: F,
-    isColumnsLoadingOrFetching: T,
+    isColumnsError: T,
+    isColumnsLoadingOrFetching: F,
     isTableLoadingOrFetching: A,
-    isTableError: m,
+    isTableError: x,
     connectionType: v,
     isNonDbConnection: j,
     handleConnectionChange: D,
@@ -1494,12 +1512,12 @@ function Aa({
   } = qe();
   function G() {
     return s ? s(ee, K, g) : /* @__PURE__ */ e.jsx(
-      ll,
+      il,
       {
         schemaName: ee,
         tableName: K,
         columns: g,
-        status: T ? "Loading..." : F ? "Error" : "Success"
+        status: F ? "Loading..." : T ? "Error" : "Success"
       }
     );
   }
@@ -1553,7 +1571,7 @@ function Aa({
         onChange: _,
         isError: z,
         isLoading: I,
-        items: x,
+        items: m,
         value: l || "",
         title: "Schema"
       }
@@ -1568,7 +1586,7 @@ function Aa({
       He,
       {
         onChange: o,
-        isError: m,
+        isError: x,
         items: b,
         isLoading: A,
         value: r || "",
@@ -1607,14 +1625,14 @@ function Aa({
         variant: "secondary",
         className: "w-full",
         children: [
-          /* @__PURE__ */ e.jsx(Rn, { className: "mr-2 size-4" }),
+          /* @__PURE__ */ e.jsx(_n, { className: "mr-2 size-4" }),
           "Help"
         ]
       }
     ) })
   ] });
 }
-function rl(s) {
+function ol(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 r = s.length;
   if (l !== -1 && (r = l), t !== -1 && t < r && (r = t), n !== -1) {
@@ -1630,14 +1648,14 @@ function rl(s) {
     return `${o} {{ filters | where }} ${i}`;
   }
 }
-function il({
+function cl({
   error: s,
   setShowAIDialog: n,
   setUserInputforAI: a,
   setTriggerAIRun: t
 }) {
-  return /* @__PURE__ */ e.jsxs(Fs, { openDelay: 0, children: [
-    /* @__PURE__ */ e.jsx(Ts, { asChild: !0, children: /* @__PURE__ */ e.jsx(O, { variant: "link", className: "h-5 p-0", children: /* @__PURE__ */ e.jsx(kn, { className: "h-4 w-4 text-red-500" }) }) }),
+  return /* @__PURE__ */ e.jsxs(Ts, { openDelay: 0, children: [
+    /* @__PURE__ */ e.jsx(Fs, { asChild: !0, children: /* @__PURE__ */ e.jsx(O, { variant: "link", className: "h-5 p-0", children: /* @__PURE__ */ e.jsx(zn, { className: "h-4 w-4 text-red-500" }) }) }),
     /* @__PURE__ */ e.jsx(
       Ls,
       {
@@ -1664,7 +1682,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.
 
@@ -1711,7 +1729,7 @@ SELECT label, measure FROM table
 - Label - Category 
 - Measure - Number 
 `;
-function cl({
+function ul({
   open: s,
   setOpen: n,
   userInput: a,
@@ -1719,21 +1737,21 @@ function cl({
   triggerAIRun: l,
   setTriggerAIRun: r
 }) {
-  const o = ns(null), i = ns(null), { authToken: d } = Se(), [x, c] = q(!1), b = u((k) => k.actions.setCardSql), g = M((k) => k.dashboard.baseQueries), h = u((k) => k.actions.setRunSql), f = u((k) => k.actions.setCardType), [p, N] = q([]), y = u((k) => k.currentColumns), V = u((k) => k.card.sql), I = u((k) => k.selectedTableName), z = `
+  const o = ns(null), i = ns(null), { authToken: d } = Se(), [m, c] = q(!1), b = u((k) => k.actions.setCardSql), g = M((k) => k.dashboard.baseQueries), h = u((k) => k.actions.setRunSql), f = u((k) => k.actions.setCardType), [p, N] = q([]), y = u((k) => k.currentColumns), V = u((k) => k.card.sql), I = u((k) => k.selectedTableName), z = `
   ${a}
 
   Database Query Dialect: ${I === "api" || I === "s3" ? "DuckDb" : ""}
   Table Name: ${I}   
   Table Columns: ${y == null ? void 0 : y.map((k) => `${k.column_name} | ${k.data_type}`).join(", ")}
   User SQL: ${V}  
-  ${g && `Base Queries: ${JSON.stringify(g)} `}`, F = ` When the user asks for a specific chart please use the following query structure to generate the chart query. Do not make up the column names. Use only the table columns provided above for the query. Replace x-axis, y-axis, and lables with the appropriate column names.
-  Visual Query Syntax: ${ol}`, { data: T, isLoading: A, isFetching: m, isError: v, refetch: j } = be({
+  ${g && `Base Queries: ${JSON.stringify(g)} `}`, T = ` 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: F, isLoading: A, isFetching: x, isError: v, refetch: j } = be({
     queryKey: ["ai-query"],
     queryFn: () => ze(
       "https://semaphor.cloud/api/v1/ai",
       (d == null ? void 0 : d.accessToken) || "",
       {
-        user_content: `userContent: ${z} ${x ? F : ""}`
+        user_content: `userContent: ${z} ${m ? T : ""}`
       }
     ),
     enabled: !1
@@ -1760,9 +1778,9 @@ function cl({
       return f("bar"), !1;
     return !0;
   }
-  X(() => {
-    T && N((k) => [...k, { role: "ai", content: T.response }]);
-  }, [T]), X(() => {
+  Z(() => {
+    F && N((k) => [...k, { role: "ai", content: F.response }]);
+  }, [F]), Z(() => {
     const k = setTimeout(() => {
       var $;
       i.current && (i.current.scroll({
@@ -1775,7 +1793,7 @@ function cl({
   function S() {
     a && (N((k) => [...k, { role: "user", content: a }]), D(a) && c(!0), t(""), j());
   }
-  X(() => {
+  Z(() => {
     l && (S(), r(!1));
   }, [l, r]);
   const _ = {
@@ -1810,7 +1828,7 @@ function cl({
     pre: ({ node: k, ...$ }) => /* @__PURE__ */ e.jsxs("pre", { className: "space-y-2 rounded-sm bg-muted/50 p-3", style: P, children: [
       /* @__PURE__ */ e.jsx("code", { className: "whitespace-normal text-sm", children: $.children }),
       /* @__PURE__ */ e.jsxs("div", { className: "flex justify-start gap-2", children: [
-        /* @__PURE__ */ e.jsx(O, { onClick: G, size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(pt, {}) }),
+        /* @__PURE__ */ e.jsx(O, { onClick: G, size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(ft, {}) }),
         /* @__PURE__ */ e.jsx(
           O,
           {
@@ -1820,7 +1838,7 @@ function cl({
             },
             size: "sm",
             variant: "outline",
-            children: /* @__PURE__ */ e.jsx(ft, {})
+            children: /* @__PURE__ */ e.jsx(gt, {})
           }
         )
       ] })
@@ -1840,17 +1858,17 @@ function cl({
       {
         className: "flex items-start rounded-md bg-muted p-3 text-sm",
         children: [
-          /* @__PURE__ */ e.jsx(Jn, { className: "mr-2 h-5 w-5" }),
+          /* @__PURE__ */ e.jsx(Yn, { className: "mr-2 h-5 w-5" }),
           /* @__PURE__ */ e.jsx("div", { children: k.content })
         ]
       },
       $
     ) : k.role === "ai" ? /* @__PURE__ */ e.jsx(
-      xt,
+      pt,
       {
         className: "w-full overflow-auto py-1",
         components: ee,
-        children: T == null ? void 0 : T.response.replace(/DuckDB/gi, "Semaphor")
+        children: F == null ? void 0 : F.response.replace(/DuckDB/gi, "Semaphor")
       },
       $
     ) : /* @__PURE__ */ e.jsx("div", {}, $));
@@ -1902,7 +1920,7 @@ function cl({
                     className: Y(
                       "max-h-10 min-h-7 resize-none border-none focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0"
                     ),
-                    disabled: A || m,
+                    disabled: A || x,
                     value: a,
                     onChange: (k) => t(k.target.value)
                   }
@@ -1915,7 +1933,7 @@ function cl({
                     size: "sm",
                     variant: "ghost",
                     onClick: S,
-                    children: !A && !m ? /* @__PURE__ */ e.jsx(mt, {}) : /* @__PURE__ */ e.jsx(Ae, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" })
+                    children: !A && !x ? /* @__PURE__ */ e.jsx(xt, {}) : /* @__PURE__ */ e.jsx(Ae, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" })
                   }
                 )
               ] })
@@ -1932,10 +1950,10 @@ var qa = {
   className: void 0,
   style: void 0,
   attr: void 0
-}, Zs = Ne.createContext && /* @__PURE__ */ Ne.createContext(qa), dl = ["attr", "size", "title"];
-function ul(s, n) {
+}, Xs = Ne.createContext && /* @__PURE__ */ Ne.createContext(qa), 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 r = Object.getOwnPropertySymbols(s);
     for (l = 0; l < r.length; l++)
@@ -1943,7 +1961,7 @@ function ul(s, n) {
   }
   return a;
 }
-function hl(s, n) {
+function xl(s, n) {
   if (s == null) return {};
   var a = {};
   for (var t in s)
@@ -1963,7 +1981,7 @@ function ls() {
     return s;
   }, ls.apply(this, arguments);
 }
-function Xs(s, n) {
+function Zs(s, n) {
   var a = Object.keys(s);
   if (Object.getOwnPropertySymbols) {
     var t = Object.getOwnPropertySymbols(s);
@@ -1976,22 +1994,22 @@ function Xs(s, n) {
 function rs(s) {
   for (var n = 1; n < arguments.length; n++) {
     var a = arguments[n] != null ? arguments[n] : {};
-    n % 2 ? Xs(Object(a), !0).forEach(function(t) {
-      ml(s, t, a[t]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(s, Object.getOwnPropertyDescriptors(a)) : Xs(Object(a)).forEach(function(t) {
+    n % 2 ? Zs(Object(a), !0).forEach(function(t) {
+      pl(s, t, a[t]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(s, Object.getOwnPropertyDescriptors(a)) : Zs(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 : n + "";
 }
-function pl(s, n) {
+function gl(s, n) {
   if (typeof s != "object" || !s) return s;
   var a = s[Symbol.toPrimitive];
   if (a !== void 0) {
@@ -2007,17 +2025,17 @@ function Ra(s) {
   }, n.attr), Ra(n.child)));
 }
 function ge(s) {
-  return (n) => /* @__PURE__ */ Ne.createElement(fl, ls({
+  return (n) => /* @__PURE__ */ Ne.createElement(jl, ls({
     attr: rs({}, s.attr)
   }, n), Ra(s.child));
 }
-function fl(s) {
+function jl(s) {
   var n = (a) => {
     var {
       attr: t,
       size: l,
       title: r
-    } = s, o = ul(s, dl), i = l || a.size || "1em", d;
+    } = s, o = ml(s, hl), i = l || a.size || "1em", d;
     return a.className && (d = a.className), s.className && (d = (d ? d + " " : "") + s.className), /* @__PURE__ */ Ne.createElement("svg", ls({
       stroke: "currentColor",
       fill: "currentColor",
@@ -2032,14 +2050,14 @@ function fl(s) {
       xmlns: "http://www.w3.org/2000/svg"
     }), r && /* @__PURE__ */ Ne.createElement("title", null, r), s.children);
   };
-  return Zs !== void 0 ? /* @__PURE__ */ Ne.createElement(Zs.Consumer, null, (a) => n(a)) : n(qa);
+  return Xs !== void 0 ? /* @__PURE__ */ Ne.createElement(Xs.Consumer, null, (a) => n(a)) : n(qa);
 }
-function gl(s) {
+function bl(s) {
   return ge({ 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({ sql: s }) {
-  return /* @__PURE__ */ e.jsxs(Fs, { children: [
-    /* @__PURE__ */ e.jsx(Ts, { asChild: !0, children: /* @__PURE__ */ e.jsx(O, { variant: "link", className: "h-5 p-0", children: /* @__PURE__ */ e.jsx(gt, { className: "h-4 w-4 text-muted-foreground" }) }) }),
+function yl({ sql: s }) {
+  return /* @__PURE__ */ e.jsxs(Ts, { children: [
+    /* @__PURE__ */ e.jsx(Fs, { asChild: !0, children: /* @__PURE__ */ e.jsx(O, { variant: "link", className: "h-5 p-0", children: /* @__PURE__ */ e.jsx(jt, { className: "h-4 w-4 text-muted-foreground" }) }) }),
     /* @__PURE__ */ e.jsx(
       Ls,
       {
@@ -2054,11 +2072,11 @@ function jl({ sql: s }) {
   ] });
 }
 function _a(s) {
-  const { theme: n } = jt(), a = M((p) => p.theme), t = u((p) => p.frame), l = u((p) => p.card), r = u((p) => p.activeTabCardId), o = bt(), { refetch: i } = De(l), { updateCardTab: d, setRunSql: x } = te(), c = ns(), b = ns({}), g = t.cards.find((p) => p.id === r), h = Oa(() => {
+  const { theme: n } = bt(), a = M((p) => p.theme), t = u((p) => p.frame), l = u((p) => p.card), r = u((p) => p.activeTabCardId), o = yt(), { refetch: i } = De(l), { updateCardTab: d, setRunSql: m } = te(), c = ns(), b = ns({}), g = t.cards.find((p) => p.id === r), h = Oa(() => {
     let p = "";
     return s === "python" && (p = (g == null ? void 0 : g.python) || fa), s === "sql" && (p = (g == null ? void 0 : g.sql) || ""), p;
   }, [s, g]);
-  X(() => {
+  Z(() => {
     if (r && l.id && l.id !== r) {
       if (c.current && o) {
         const p = c.current.getModel();
@@ -2070,17 +2088,17 @@ function _a(s) {
         }
         c.current.setModel(N);
       }
-      d(r, l), x(!0);
+      d(r, l), m(!0);
     }
   }, [
     r,
     l,
     d,
     o,
-    x,
+    m,
     s,
     h
-  ]), X(() => {
+  ]), Z(() => {
     if (!o) return;
     const p = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", N = a === "system" ? p : a;
     o.editor.defineTheme("default", {
@@ -2089,14 +2107,14 @@ function _a(s) {
       inherit: !0,
       rules: [],
       colors: {
-        "editor.background": N === "light" ? "#ffffff" : yt("240 10% 10%")
+        "editor.background": N === "light" ? "#ffffff" : vt("240 10% 10%")
         // 'editor.background':
         //   activeTheme === 'light'
         //     ? '#ffffff'
         //     : getCssVariableValue('--semaphor-background'),
       }
     }), o.editor.setTheme("default");
-  }, [n, a, o]), X(() => {
+  }, [n, a, o]), Z(() => {
     const p = c.current;
     p && o && l && p.addCommand(
       o.KeyMod.Shift | o.KeyCode.Enter,
@@ -2114,10 +2132,10 @@ function _a(s) {
   }
   return { handleEditorDidMount: f };
 }
-function bl() {
+function vl() {
   const s = u((o) => o.card.sql), n = u((o) => o.sqlGen), { setCardSql: a, setSqlGen: t } = te(), { handleEditorDidMount: l } = _a("sql");
   function r(o) {
-    a(o), vt(n) || t({});
+    a(o), Ct(n) || t({});
   }
   return /* @__PURE__ */ e.jsx(
     os,
@@ -2143,7 +2161,7 @@ function bl() {
     }
   );
 }
-function yl() {
+function Cl() {
   const s = u((l) => l.card.python), { setCardPython: n } = te(), { handleEditorDidMount: a } = _a("python");
   function t(l) {
     n(l);
@@ -2172,7 +2190,7 @@ function yl() {
     }
   );
 }
-function vl() {
+function Nl() {
   const s = M((r) => r.dashboard.filters), n = M((r) => r.filterValues), a = M((r) => r.selectedSheetId), t = s == null ? void 0 : s.filter(
     (r) => r.sheetId === a || !r.sheetId
   ), l = n == null ? void 0 : n.filter(
@@ -2203,11 +2221,11 @@ function vl() {
     }
   );
 }
-function Cl() {
+function Sl() {
   const [s, n] = q({
     queryKey: [],
     queryData: null
-  }), a = Ct(), [t, l] = q(!1), [r, o] = q(!1), [i, d] = q(!1), [x, c] = q(""), [b, g] = q(!1), h = u((w) => w.frame), f = u((w) => w.card), p = u((w) => w.isShowingVisual), N = u(
+  }), a = Nt(), [t, l] = q(!1), [r, o] = q(!1), [i, d] = q(!1), [m, c] = q(""), [b, g] = q(!1), h = u((w) => w.frame), f = u((w) => w.card), p = u((w) => w.isShowingVisual), N = u(
     (w) => w.selectedConnectionId
   ), y = u(
     (w) => w.selectedDatabaseName
@@ -2215,12 +2233,12 @@ function Cl() {
     (w) => w.selectedDatamodelId
   ), I = u(
     (w) => w.selectedSchemaName
-  ), z = u((w) => w.selectedTableName), F = u((w) => {
+  ), z = u((w) => w.selectedTableName), T = u((w) => {
     var le;
     return (le = w == null ? void 0 : w.card) == null ? void 0 : le.sql;
-  }), T = u((w) => w.applyFilters), {
+  }), F = u((w) => w.applyFilters), {
     setCardCustomCfg: A,
-    setQueryResultColumns: m,
+    setQueryResultColumns: x,
     setCardSql: v,
     setQueryError: j,
     setPythonStdOut: D,
@@ -2238,16 +2256,16 @@ function Cl() {
     queryKey: ne,
     refetch: je
   } = De(f);
-  X(() => {
+  Z(() => {
     if (U && (U.rowLimitExceeded && Ge.error("Row limit (10,000) exceeded. Refine your query.", {
       position: "top-center",
       richColors: !0
     }), D((U == null ? void 0 : U.output) || ""), U.records.length > 0)) {
       const { dimensionKeys: w } = js(U.records);
-      m(w);
+      x(w);
     }
-  }, [U, m, D]), X(() => {
-    (E || L) && $(!0), (B || re) && $(!1), B ? (j(ae.message), m([]), D("")) : j("");
+  }, [U, x, D]), Z(() => {
+    (E || L) && $(!0), (B || re) && $(!1), B ? (j(ae.message), x([]), D("")) : j("");
   }, [
     E,
     L,
@@ -2256,13 +2274,13 @@ function Cl() {
     B,
     re,
     $,
-    m,
+    x,
     j,
     ae
-  ]), X(() => {
+  ]), Z(() => {
     G && (a.getQueryData(ne) || je(), se(!1));
   }, [G, je, se, ne, a]);
-  function Fe() {
+  function Te() {
     const w = a.getQueryData(ne);
     s.queryData || n({
       queryKey: ne,
@@ -2289,9 +2307,9 @@ function Cl() {
     }
     return w[0].id;
   }
-  function Te() {
-    let w = F;
-    F && !F.includes("{{") && (w = rl(F), v(w));
+  function Fe() {
+    let w = T;
+    T && !T.includes("{{") && (w = ol(T), v(w));
     const le = {
       ...f,
       lastSelectedSchema: I,
@@ -2333,7 +2351,7 @@ function Cl() {
                 }
               )
             ] }),
-            /* @__PURE__ */ e.jsx(vl, {})
+            /* @__PURE__ */ e.jsx(Nl, {})
           ] })
         }
       ),
@@ -2344,7 +2362,7 @@ function Cl() {
           className: Y(
             "absolute bottom-4 right-6 h-3 w-3 text-foreground/50 hover:cursor-pointer hover:text-foreground",
             {
-              "font-bold text-red-800": T
+              "font-bold text-red-800": F
             }
           )
         }
@@ -2372,7 +2390,7 @@ function Cl() {
                   {
                     id: "sql-container",
                     className: "relative flex w-[99%]",
-                    children: /* @__PURE__ */ e.jsx(bl, {})
+                    children: /* @__PURE__ */ e.jsx(vl, {})
                   }
                 ),
                 t && /* @__PURE__ */ e.jsx("code", { className: "absolute right-6 top-3 text-xs text-muted-foreground/70", children: "sql" })
@@ -2394,7 +2412,7 @@ function Cl() {
                     {
                       id: "python-container",
                       className: "relative flex w-[99%] pt-0",
-                      children: /* @__PURE__ */ e.jsx(yl, {})
+                      children: /* @__PURE__ */ e.jsx(Cl, {})
                     }
                   ),
                   /* @__PURE__ */ e.jsx("code", { className: "absolute right-6 top-3 text-xs text-muted-foreground/70", children: "python" })
@@ -2437,13 +2455,13 @@ function Cl() {
                       size: "sm",
                       variant: "outline",
                       children: [
-                        E || L ? /* @__PURE__ */ e.jsx(Ae, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(Hn, { className: "mr-2 h-4 w-4" }),
+                        E || L ? /* @__PURE__ */ e.jsx(Ae, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx($n, { className: "mr-2 h-4 w-4" }),
                         "Run"
                       ]
                     }
                   ),
                   B && /* @__PURE__ */ e.jsx(
-                    il,
+                    cl,
                     {
                       error: ae.message,
                       setShowAIDialog: d,
@@ -2454,12 +2472,12 @@ function Cl() {
                   /* @__PURE__ */ e.jsxs(
                     O,
                     {
-                      onClick: Fe,
+                      onClick: Te,
                       className: "",
                       size: "sm",
                       variant: "outline",
                       children: [
-                        /* @__PURE__ */ e.jsx(Dn, { className: "mr-2 size-4" }),
+                        /* @__PURE__ */ e.jsx(Mn, { className: "mr-2 size-4" }),
                         "Clear"
                       ]
                     }
@@ -2472,15 +2490,15 @@ function Cl() {
                       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: i,
                       setOpen: d,
-                      userInput: x,
+                      userInput: m,
                       triggerAIRun: b,
                       setTriggerAIRun: g,
                       setUserInput: (w) => c(w)
@@ -2488,7 +2506,7 @@ function Cl() {
                   )
                 ] }),
                 /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-                  (U == null ? void 0 : U.sql) && /* @__PURE__ */ e.jsx(jl, { sql: U.sql }),
+                  (U == null ? void 0 : U.sql) && /* @__PURE__ */ e.jsx(yl, { sql: U.sql }),
                   /* @__PURE__ */ e.jsxs(
                     O,
                     {
@@ -2505,11 +2523,11 @@ function Cl() {
                   /* @__PURE__ */ e.jsxs(
                     O,
                     {
-                      onClick: Te,
+                      onClick: Fe,
                       size: "sm",
                       variant: "outline",
                       children: [
-                        /* @__PURE__ */ e.jsx(Nt, { className: "mr-2 size-4 font-bold text-green-600" }),
+                        /* @__PURE__ */ e.jsx(St, { className: "mr-2 size-4 font-bold text-green-600" }),
                         "Accept"
                       ]
                     }
@@ -2523,13 +2541,13 @@ function Cl() {
     )
   );
 }
-function Nl({ data: s }) {
+function wl({ data: s }) {
   var o;
   const [n, a] = Ne.useState([]), l = Object.keys(s[0]).map((i) => ({
     // header: key,
     accessorKey: i,
     header: ({ column: d }) => {
-      const x = d.getIsSorted();
+      const m = d.getIsSorted();
       return /* @__PURE__ */ e.jsx("div", { className: "flex gap-2", children: /* @__PURE__ */ e.jsxs(
         "div",
         {
@@ -2537,16 +2555,16 @@ function Nl({ data: s }) {
           onClick: () => d.toggleSorting(d.getIsSorted() === "asc"),
           children: [
             i,
-            x === "asc" ? /* @__PURE__ */ e.jsx(St, { className: "ml-2 h-5 w-5" }) : x === "desc" ? /* @__PURE__ */ e.jsx(wt, { className: "ml-2 h-5 w-5" }) : null
+            m === "asc" ? /* @__PURE__ */ e.jsx(wt, { className: "ml-2 h-5 w-5" }) : m === "desc" ? /* @__PURE__ */ e.jsx(kt, { className: "ml-2 h-5 w-5" }) : null
           ]
         }
       ) });
     }
-  })), r = kt({
+  })), r = zt({
     data: s,
     columns: l,
-    getCoreRowModel: Mt(),
-    getPaginationRowModel: It(),
+    getCoreRowModel: It(),
+    getPaginationRowModel: Tt(),
     onSortingChange: a,
     getSortedRowModel: Ft(),
     manualPagination: !0,
@@ -2555,8 +2573,8 @@ function Nl({ data: s }) {
     }
   });
   return /* @__PURE__ */ e.jsx("div", { className: "font-mono text-xs text-foreground/95", children: /* @__PURE__ */ e.jsxs("table", { className: "w-full", children: [
-    /* @__PURE__ */ e.jsx(zt, { children: r.getHeaderGroups().map((i) => /* @__PURE__ */ e.jsx(fs, { children: i.headers.map((d) => /* @__PURE__ */ e.jsx(
-      Ot,
+    /* @__PURE__ */ e.jsx(Ot, { children: r.getHeaderGroups().map((i) => /* @__PURE__ */ e.jsx(fs, { children: i.headers.map((d) => /* @__PURE__ */ e.jsx(
+      Dt,
       {
         className: "sticky top-0 h-11 bg-muted font-semibold",
         children: d.isPlaceholder ? null : Ks(
@@ -2566,7 +2584,7 @@ function Nl({ data: s }) {
       },
       d.id
     )) }, i.id)) }),
-    /* @__PURE__ */ e.jsx(Dt, { children: (o = r.getRowModel().rows) != null && o.length ? r.getRowModel().rows.map((i) => /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx(Mt, { children: (o = r.getRowModel().rows) != null && o.length ? r.getRowModel().rows.map((i) => /* @__PURE__ */ e.jsx(
       fs,
       {
         className: "whitespace-nowrap py-2",
@@ -2577,15 +2595,15 @@ function Nl({ data: s }) {
     )) : /* @__PURE__ */ e.jsx(fs, { children: /* @__PURE__ */ e.jsx(Qs, { colSpan: l.length, className: "h-24 text-center", children: "No results." }) }) })
   ] }) });
 }
-function Sl({ card: s }) {
-  var y, V, I, z, F, T, A, m, v, j, D;
+function kl({ card: s }) {
+  var y, V, I, z, T, F, A, x, v, j, D;
   const [n, a] = q(!1), [t, l] = q(
     []
-  ), { authToken: r } = Se(), o = Tt(r == null ? void 0 : r.accessToken), i = M((S) => S.themeStyle), d = {
+  ), { authToken: r } = Se(), o = Lt(r == null ? void 0 : r.accessToken), i = M((S) => S.themeStyle), d = {
     colors: ((V = (y = i == null ? void 0 : i.chart) == null ? void 0 : y.dataset) == null ? void 0 : V.backgroundColor) || []
   };
   (I = s.customCardPreferences) != null && I.inputData;
-  const { getCard: x } = ga(((z = s.customCardPreferences) == null ? void 0 : z.url) || ""), c = ((F = s.customCardPreferences) == null ? void 0 : F.visualType) || "single", b = u((S) => S.frame);
+  const { getCard: m } = ga(((z = s.customCardPreferences) == null ? void 0 : z.url) || ""), c = ((T = s.customCardPreferences) == null ? void 0 : T.visualType) || "single", b = u((S) => S.frame);
   te();
   const { data: g } = De(s), h = Oa((S, _) => {
     l((P) => ({
@@ -2593,23 +2611,23 @@ function Sl({ card: s }) {
       [S]: _
     }));
   }, []);
-  if (!((T = s.customCardPreferences) != null && T.componentName))
+  if (!((F = s.customCardPreferences) != null && F.componentName))
     return null;
-  const f = x(
+  const f = m(
     (A = s.customCardPreferences) == null ? void 0 : A.componentName
   );
   function p(S) {
     a(S);
   }
   const N = Object.keys(
-    ((m = s.customCardPreferences) == null ? void 0 : m.dataInputCardIds) || {}
+    ((x = s.customCardPreferences) == null ? void 0 : x.dataInputCardIds) || {}
   ).map((S) => {
     var K, ee, G;
     const _ = (ee = (K = s.customCardPreferences) == null ? void 0 : K.dataInputCardIds) == null ? void 0 : ee[S].cardId, P = (G = b == null ? void 0 : b.cards) == null ? void 0 : G.find((se) => se.id === _);
     return P || 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(
-    Cn,
+    Nn,
     {
       fallback: /* @__PURE__ */ e.jsx(e.Fragment, {}),
       children: [
@@ -2633,7 +2651,7 @@ function Sl({ card: s }) {
             );
             if (P)
               return /* @__PURE__ */ e.jsx(
-                Lt,
+                Et,
                 {
                   onLoadingStatus: p,
                   onDataChange: h,
@@ -2672,7 +2690,7 @@ function Ha({
   var N;
   const a = u((y) => y.card), t = ((N = a.customCardPreferences) == null ? void 0 : N.showCardHeader) ?? !0, l = u((y) => y.frame), r = M((y) => y.dashboard.filters);
   u((y) => y.actions.setRunSql);
-  const { updateFilter: o } = is(), i = r == null ? void 0 : r.find((y) => y.id === l.filterId), { data: d, isLoading: x, isFetching: c } = De(a), { setCard: b } = te(), { data: g } = Es(a);
+  const { updateFilter: o } = is(), i = r == null ? void 0 : r.find((y) => y.id === l.filterId), { data: d, isLoading: m, isFetching: c } = De(a), { setCard: b } = te(), { data: g } = Es(a);
   if (!a.id) return null;
   let h;
   d != null && d.records && (d == null ? void 0 : d.records.length) > 0 && (h = ja({
@@ -2684,20 +2702,20 @@ function Ha({
     topoJson: g
   }));
   function f(y) {
-    return /* @__PURE__ */ e.jsx(Sl, { card: y });
+    return /* @__PURE__ */ e.jsx(kl, { card: y });
   }
   function p() {
     var y;
-    if (d != null && d.records && (d == null ? void 0 : d.records.length) === 0 && !x && !c)
+    if (d != null && d.records && (d == null ? void 0 : d.records.length) === 0 && !m && !c)
       return /* @__PURE__ */ e.jsxs("div", { className: "flex h-full flex-col items-center justify-center gap-2", children: [
-        /* @__PURE__ */ e.jsx(_t, { className: "size-8 text-muted-foreground" }),
+        /* @__PURE__ */ e.jsx(Ht, { className: "size-8 text-muted-foreground" }),
         /* @__PURE__ */ e.jsx("p", { className: "text-sm text-muted-foreground", children: "No records to display" })
       ] });
     if (a.type === "custom")
       return f(a);
     if (!["table", "custom"].includes(a.type) && h)
       return /* @__PURE__ */ e.jsx(
-        Ht,
+        $t,
         {
           cfg: h
         },
@@ -2705,41 +2723,41 @@ function Ha({
       );
     if (a.type === "table" && (d != null && d.records) && (d == null ? void 0 : d.records.length) > 0)
       return /* @__PURE__ */ e.jsxs(fe, { className: "relative mb-2 flex h-full min-h-0 w-full flex-1 grow basis-0", children: [
-        /* @__PURE__ */ e.jsx($t, { card: a, data: d == null ? void 0 : d.records }),
+        /* @__PURE__ */ e.jsx(Pt, { card: a, data: d == null ? void 0 : d.records }),
         /* @__PURE__ */ e.jsx(Ke, { orientation: "horizontal" })
       ] });
   }
   return /* @__PURE__ */ e.jsxs(
-    Et,
+    Vt,
     {
       role: "editor-visual-card",
       className: Y("relative flex h-full flex-col rounded-none", s),
       ...n,
       children: [
-        t && /* @__PURE__ */ e.jsxs(Vt, { className: "flex flex-row items-start justify-between py-4", children: [
+        t && /* @__PURE__ */ e.jsxs(At, { className: "flex flex-row items-start justify-between py-4", children: [
           /* @__PURE__ */ e.jsxs("div", { children: [
             /* @__PURE__ */ e.jsx(
-              Ze,
+              Xe,
               {
                 text: a.title,
                 onSave: (y) => b({ ...a, title: y }),
-                children: /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-5", children: /* @__PURE__ */ e.jsx(At, { className: "text-base", children: a.title || "Edit title..." }) })
+                children: /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-5", children: /* @__PURE__ */ e.jsx(qt, { className: "text-base", children: a.title || "Edit title..." }) })
               },
               a.title
             ),
             /* @__PURE__ */ e.jsx(
-              Ze,
+              Xe,
               {
                 text: a.description || "",
                 onSave: (y) => b({ ...a, description: y }),
-                children: /* @__PURE__ */ e.jsx(qt, { children: a.description || "Edit description..." })
+                children: /* @__PURE__ */ e.jsx(Rt, { children: a.description || "Edit description..." })
               },
               a.description
             )
           ] }),
           i && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
             /* @__PURE__ */ e.jsx(
-              Ze,
+              Xe,
               {
                 className: "my-1",
                 text: i.title || i.column,
@@ -2750,7 +2768,7 @@ function Ha({
             /* @__PURE__ */ e.jsx(ba, { filter: i })
           ] })
         ] }),
-        /* @__PURE__ */ e.jsx(Rt, { className: "flex grow flex-col", children: p() })
+        /* @__PURE__ */ e.jsx(_t, { className: "flex grow flex-col", children: p() })
       ]
     }
   );
@@ -2774,12 +2792,12 @@ const ea = ({ language: s, value: n, onChange: a }) => /* @__PURE__ */ e.jsx(
     value: n,
     onChange: a
   }
-), wl = ({ card: s }) => /* @__PURE__ */ e.jsxs(ks, { children: [
+), zl = ({ card: s }) => /* @__PURE__ */ e.jsxs(ks, { children: [
   /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
     /* @__PURE__ */ e.jsx(zs, { children: "Customize Card" }),
     /* @__PURE__ */ e.jsxs(Ds, { children: [
       /* @__PURE__ */ e.jsx(ca, { children: /* @__PURE__ */ e.jsx(
-        En,
+        Vn,
         {
           onClick: () => navigator.clipboard.writeText(s.id),
           className: "size-3 cursor-pointer text-muted-foreground/70 transition-colors hover:text-muted-foreground"
@@ -2800,7 +2818,7 @@ const ea = ({ language: s, value: n, onChange: a }) => /* @__PURE__ */ e.jsx(
       }
     )
   ] })
-] }), kl = ({
+] }), Ol = ({
   defaultConfig: s,
   customCode: n,
   customConfig: a,
@@ -2808,12 +2826,12 @@ const ea = ({ language: s, value: n, onChange: a }) => /* @__PURE__ */ e.jsx(
   onCodeChange: l
 }) => /* @__PURE__ */ e.jsxs(va, { defaultValue: "custom-config", className: "flex w-1/2 flex-col", children: [
   /* @__PURE__ */ e.jsxs(Ca, { className: "justify-start rounded-sm rounded-b-none border border-b-0", children: [
-    /* @__PURE__ */ e.jsxs(Xe, { value: "custom-config", children: [
+    /* @__PURE__ */ e.jsxs(Ze, { value: "custom-config", children: [
       a && /* @__PURE__ */ e.jsx(Na, { className: "mr-1 h-5 w-5 text-green-600" }),
       a ? "Custom Config" : "Default Config"
     ] }),
-    /* @__PURE__ */ e.jsx(Xe, { value: "output", children: "Output" }),
-    /* @__PURE__ */ e.jsx(Xe, { value: "custom-code", children: "Custom Code" })
+    /* @__PURE__ */ e.jsx(Ze, { value: "output", children: "Output" }),
+    /* @__PURE__ */ e.jsx(Ze, { value: "custom-code", children: "Custom Code" })
   ] }),
   /* @__PURE__ */ e.jsx(
     es,
@@ -2860,7 +2878,7 @@ const ea = ({ language: s, value: n, onChange: a }) => /* @__PURE__ */ e.jsx(
       )
     }
   )
-] }), zl = ({
+] }), Dl = ({
   error: s,
   hasCustomConfig: n,
   onReset: a,
@@ -2872,15 +2890,15 @@ const ea = ({ language: s, value: n, onChange: a }) => /* @__PURE__ */ e.jsx(
   /* @__PURE__ */ e.jsx(O, { onClick: t, variant: "outline", children: "Apply" }),
   /* @__PURE__ */ e.jsx(O, { onClick: l, variant: "outline", children: "Close" })
 ] });
-function Ol() {
-  const [s, n] = q(!1), [a, t] = q(""), [l, r] = q(""), [o, i] = q(""), [d, x] = q(""), c = u((z) => z.card), b = u((z) => z.card.customCfg), { data: g } = De(c), { data: h } = Es(c), { setCardCustomCfg: f, setCustomVisualCode: p } = te(), N = (z) => {
-    var F, T;
+function Ml() {
+  const [s, n] = q(!1), [a, t] = q(""), [l, r] = q(""), [o, i] = q(""), [d, m] = q(""), c = u((z) => z.card), b = u((z) => z.card.customCfg), { data: g } = De(c), { data: h } = Es(c), { setCardCustomCfg: f, setCustomVisualCode: p } = te(), N = (z) => {
+    var T, F;
     return JSON.stringify(
       {
         ...z,
         data: {
           ...z.data,
-          datasets: (T = (F = z.data) == null ? void 0 : F.datasets) == null ? void 0 : T.map((A) => ({
+          datasets: (F = (T = z.data) == null ? void 0 : T.datasets) == null ? void 0 : F.map((A) => ({
             ...A,
             data: []
           }))
@@ -2890,8 +2908,8 @@ function Ol() {
       2
     );
   }, y = () => {
-    var F, T;
-    if (!((F = g == null ? void 0 : g.records) != null && F.length)) return;
+    var T, F;
+    if (!((T = g == null ? void 0 : g.records) != null && T.length)) return;
     const z = ja({
       data: g.records,
       cardType: c.type,
@@ -2899,17 +2917,17 @@ function Ol() {
       preferences: c.preferences,
       topoJson: h
     });
-    z && (t(N(z)), i(((T = c.preferences) == null ? void 0 : T.customVisualCode) || ""), r(
+    z && (t(N(z)), i(((F = c.preferences) == null ? void 0 : F.customVisualCode) || ""), r(
       b ? JSON.stringify(b, null, 2) : ""
     ));
   }, V = () => {
     try {
       if (o && p(o), l) {
         const z = JSON.parse(l);
-        f(z), x("");
+        f(z), m("");
       }
     } catch {
-      x("Invalid JSON configuration");
+      m("Invalid JSON configuration");
     }
   }, I = () => {
     if (b) {
@@ -2926,15 +2944,15 @@ function Ol() {
         size: "sm",
         variant: "outline",
         className: b ? "border-foreground/50 dark:border-foreground/70" : "",
-        children: /* @__PURE__ */ e.jsx(Pt, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ e.jsx(Bt, { className: "h-4 w-4" })
       }
     ) }),
     /* @__PURE__ */ e.jsxs(ws, { className: "max-h-[70vh] min-h-[70vh] overflow-auto sm:min-w-[900px] lg:min-w-[1200px]", children: [
-      /* @__PURE__ */ e.jsx(wl, { card: c }),
+      /* @__PURE__ */ e.jsx(zl, { card: c }),
       /* @__PURE__ */ e.jsxs("div", { className: "flex grow gap-2", children: [
         /* @__PURE__ */ e.jsx(cs, { FallbackComponent: ya, children: /* @__PURE__ */ e.jsx(Ha, { className: "w-1/2 rounded shadow-none" }) }),
         /* @__PURE__ */ e.jsx(
-          kl,
+          Ol,
           {
             defaultConfig: a,
             customCode: o,
@@ -2945,7 +2963,7 @@ function Ol() {
         )
       ] }),
       /* @__PURE__ */ e.jsx(
-        zl,
+        Dl,
         {
           error: d,
           hasCustomConfig: !!b,
@@ -2985,9 +3003,9 @@ function Ja(s) {
 }
 function Wa(s) {
   const [n, a] = q(null);
-  return X(() => {
+  return Z(() => {
     s && (async () => {
-      const r = (await import("./lucide-react-CiT3aGYQ.js"))[s];
+      const r = (await import("./lucide-react-CZLCF1dV.js"))[s];
       a(r);
     })();
   }, [s]), n;
@@ -2995,21 +3013,21 @@ function Wa(s) {
 function Ya() {
   const { authToken: s } = Se(), { data: n, isLoading: a, isFetching: t, isError: l } = be({
     queryKey: ["plugins", s == null ? void 0 : s.accessToken],
-    queryFn: () => Bt(s == null ? void 0 : s.accessToken)
+    queryFn: () => Ut(s == null ? void 0 : s.accessToken)
     // staleTime: Infinity,
   });
   return { data: n, isLoading: a, isFetching: t, isError: l };
 }
-function Dl({
+function Il({
   onChartTypeChange: s
 }) {
   const [n, a] = q([]), { data: t } = Ya();
-  return X(() => {
+  return Z(() => {
     (async () => {
       var r;
       if (t) {
         const i = (await Promise.all(
-          (r = t == null ? void 0 : t.plugins) == null ? void 0 : r.map(async (d) => (await Ut(d.value)).visuals.map((b) => ({
+          (r = t == null ? void 0 : t.plugins) == null ? void 0 : r.map(async (d) => (await Gt(d.value)).visuals.map((b) => ({
             name: b.name,
             icon: b.icon,
             url: d.value
@@ -3021,7 +3039,7 @@ function Dl({
   }, [t]), n.length === 0 ? null : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(Ce, { className: "my-2" }),
     /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-4 place-items-center", children: n.map((l, r) => /* @__PURE__ */ e.jsx(
-      Ml,
+      Tl,
       {
         text: l.name,
         onClick: () => s("custom", l),
@@ -3031,7 +3049,7 @@ function Dl({
     )) })
   ] });
 }
-const Ml = ({
+const Tl = ({
   text: s,
   icon: n,
   onClick: a
@@ -3039,10 +3057,10 @@ const Ml = ({
   const t = Wa(n || ""), l = s.charAt(0).toUpperCase();
   return /* @__PURE__ */ e.jsx(O, { onClick: a, title: s, variant: "ghost", children: t ? /* @__PURE__ */ e.jsx(t, { className: "h-4 w-4" }) : l });
 };
-function Il() {
+function Fl() {
   var c, b;
   const [s, n] = q(!1), a = u((g) => g.card), t = a.type, { setCardType: l, setCardPreferences: r, setChartOrientation: o } = u((g) => g.actions), { setCardCustomCfg: i, setCustomCardPreferences: d } = te();
-  function x(g, h) {
+  function m(g, h) {
     i(null), r({}), l(g), h && d({
       type: "component",
       visualType: "single",
@@ -3053,7 +3071,7 @@ function Il() {
   }
   return /* @__PURE__ */ e.jsxs(ds, { open: s, onOpenChange: n, children: [
     /* @__PURE__ */ e.jsx(us, { asChild: !0, children: /* @__PURE__ */ e.jsx(O, { size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(
-      Fl,
+      Ll,
       {
         className: "h-4 w-4",
         chartType: t,
@@ -3066,7 +3084,7 @@ function Il() {
         /* @__PURE__ */ e.jsx(
           O,
           {
-            onClick: () => x("bar"),
+            onClick: () => m("bar"),
             className: "font-normal",
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(qs, { className: "size-5" })
@@ -3075,7 +3093,7 @@ function Il() {
         /* @__PURE__ */ e.jsx(
           O,
           {
-            onClick: () => x("line"),
+            onClick: () => m("line"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(Rs, { className: "size-5" })
           }
@@ -3083,7 +3101,7 @@ function Il() {
         /* @__PURE__ */ e.jsx(
           O,
           {
-            onClick: () => x("stackedBar"),
+            onClick: () => m("stackedBar"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(Ka, { className: "size-5", strokeWidth: 0 })
           }
@@ -3091,7 +3109,7 @@ function Il() {
         /* @__PURE__ */ e.jsx(
           O,
           {
-            onClick: () => x("stackedLine"),
+            onClick: () => m("stackedLine"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(Ga, { className: "size-5", strokeWidth: 0 })
           }
@@ -3099,7 +3117,7 @@ function Il() {
         /* @__PURE__ */ e.jsx(
           O,
           {
-            onClick: () => x("scatter"),
+            onClick: () => m("scatter"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(Ia, { className: "size-5" })
           }
@@ -3107,7 +3125,7 @@ function Il() {
         /* @__PURE__ */ e.jsx(
           O,
           {
-            onClick: () => x("bubble"),
+            onClick: () => m("bubble"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(Ua, { className: "size-4" })
           }
@@ -3115,7 +3133,7 @@ function Il() {
         /* @__PURE__ */ e.jsx(
           O,
           {
-            onClick: () => x("pie"),
+            onClick: () => m("pie"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(Ma, { className: "size-5" })
           }
@@ -3123,7 +3141,7 @@ function Il() {
         /* @__PURE__ */ e.jsx(
           O,
           {
-            onClick: () => x("doughnut"),
+            onClick: () => m("doughnut"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(Pa, { className: "size-5", strokeWidth: 1 })
           }
@@ -3131,7 +3149,7 @@ function Il() {
         /* @__PURE__ */ e.jsx(
           O,
           {
-            onClick: () => x("radar"),
+            onClick: () => m("radar"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(
               $a,
@@ -3145,7 +3163,7 @@ function Il() {
         /* @__PURE__ */ e.jsx(
           O,
           {
-            onClick: () => x("polarArea"),
+            onClick: () => m("polarArea"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(Ba, { className: "size-5" })
           }
@@ -3153,7 +3171,7 @@ function Il() {
         /* @__PURE__ */ e.jsx(
           O,
           {
-            onClick: () => x("pyramid"),
+            onClick: () => m("pyramid"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(Ja, { className: "size-5" })
           }
@@ -3161,7 +3179,7 @@ function Il() {
         /* @__PURE__ */ e.jsx(
           O,
           {
-            onClick: () => x("range"),
+            onClick: () => m("range"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(Da, { className: "size-5" })
           }
@@ -3169,7 +3187,7 @@ function Il() {
         /* @__PURE__ */ e.jsx(
           O,
           {
-            onClick: () => x("table"),
+            onClick: () => m("table"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(Is, { className: "size-5" })
           }
@@ -3177,7 +3195,7 @@ function Il() {
         /* @__PURE__ */ e.jsx(
           O,
           {
-            onClick: () => x("kpi"),
+            onClick: () => m("kpi"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(Qa, { className: "size-6" })
           }
@@ -3185,7 +3203,7 @@ function Il() {
         /* @__PURE__ */ e.jsx(
           O,
           {
-            onClick: () => x("text"),
+            onClick: () => m("text"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(_s, { className: "size-4" })
           }
@@ -3193,25 +3211,25 @@ function Il() {
         /* @__PURE__ */ e.jsx(
           O,
           {
-            onClick: () => x("map"),
+            onClick: () => m("map"),
             variant: "ghost",
-            children: /* @__PURE__ */ e.jsx(Ta, { className: "size-4" })
+            children: /* @__PURE__ */ e.jsx(Fa, { className: "size-4" })
           }
         ),
         /* @__PURE__ */ e.jsx(
           O,
           {
-            onClick: () => x("custom"),
+            onClick: () => m("custom"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(La, { className: "size-4" })
           }
         )
       ] }),
-      /* @__PURE__ */ e.jsx(Dl, { onChartTypeChange: x })
+      /* @__PURE__ */ e.jsx(Il, { onChartTypeChange: m })
     ] })
   ] });
 }
-function Fl({
+function Ll({
   chartType: s,
   className: n,
   customIcon: a,
@@ -3248,27 +3266,27 @@ function Fl({
     case "text":
       return /* @__PURE__ */ e.jsx(_s, { className: n });
     case "map":
-      return /* @__PURE__ */ e.jsx(Ta, { className: n });
+      return /* @__PURE__ */ e.jsx(Fa, { className: n });
     case "custom":
       return a && l ? /* @__PURE__ */ e.jsx(l, { className: n }) : t ? t == null ? void 0 : t.charAt(0).toUpperCase() : /* @__PURE__ */ e.jsx(La, { className: n });
     default:
       return /* @__PURE__ */ e.jsx(Is, { className: n });
   }
 }
-function Tl() {
+function El() {
   var n;
   const s = u((a) => a.card);
   return (n = s.customCardPreferences) == null || n.showCardHeader, te(), /* @__PURE__ */ e.jsxs(na, { children: [
-    /* @__PURE__ */ e.jsx(la, { asChild: !0, children: /* @__PURE__ */ e.jsx(Fa, { className: "size-4 cursor-pointer text-muted-foreground/70 transition-colors hover:text-muted-foreground" }) }),
+    /* @__PURE__ */ e.jsx(la, { asChild: !0, children: /* @__PURE__ */ e.jsx(Ta, { className: "size-4 cursor-pointer text-muted-foreground/70 transition-colors hover:text-muted-foreground" }) }),
     /* @__PURE__ */ e.jsx(ra, { align: "start", className: "w-40 text-muted-foreground", children: /* @__PURE__ */ e.jsxs(
-      Gt,
+      Kt,
       {
         onClick: () => {
           navigator.clipboard.writeText(s.id), Ge.success("Card ID copied to clipboard");
         },
         className: "cursor-pointer space-x-2",
         children: [
-          /* @__PURE__ */ e.jsx(Kt, { className: "size-5" }),
+          /* @__PURE__ */ e.jsx(Qt, { className: "size-5" }),
           /* @__PURE__ */ e.jsx("span", { children: "Copy Card ID" })
         ]
       }
@@ -3276,12 +3294,12 @@ function Tl() {
   ] });
 }
 function sa() {
-  const s = u((m) => m.frame), n = u((m) => m.card), a = u((m) => m.isShowingVisual), t = u((m) => m.isSqlRunning), l = u((m) => m.queryError), r = u((m) => m.pythonStdOut);
-  u((m) => m.actions.setRunSql);
-  const { setFrame: o, setCard: i, updateCardInFrame: d, setActiveTabCardId: x } = te(), { data: c, isLoading: b, isFetching: g } = De(n);
+  const s = u((x) => x.frame), n = u((x) => x.card), a = u((x) => x.isShowingVisual), t = u((x) => x.isSqlRunning), l = u((x) => x.queryError), r = u((x) => x.pythonStdOut);
+  u((x) => x.actions.setRunSql);
+  const { setFrame: o, setCard: i, updateCardInFrame: d, setActiveTabCardId: m } = te(), { data: c, isLoading: b, isFetching: g } = De(n);
   if (!n) return /* @__PURE__ */ e.jsx(e.Fragment, { children: "No Active Card" });
   function h() {
-    const m = {
+    const x = {
       connectionId: n.connectionId,
       id: Ue(),
       title: "Title",
@@ -3298,49 +3316,49 @@ function sa() {
       sql: "",
       data: []
     };
-    f(m);
+    f(x);
   }
-  function f(m) {
+  function f(x) {
     const v = {
       ...s,
-      cards: [...s.cards, m],
-      activeCardId: m.id
+      cards: [...s.cards, x],
+      activeCardId: x.id
     };
-    o(v), x(m.id);
+    o(v), m(x.id);
   }
   function p() {
-    const m = {
+    const x = {
       ...n,
       id: Ue(),
       title: `${n.title} Copy`,
       tabTitle: `${n.tabTitle || n.title} Copy`
     };
-    f(m);
+    f(x);
   }
-  function N(m) {
-    const v = s.cards.filter((S) => S.id !== m), j = v[0], D = {
+  function N(x) {
+    const v = s.cards.filter((S) => S.id !== x), j = v[0], D = {
       ...s,
       cards: v,
       // update the active card to the first card in the frame
       activeCardId: j.id
     };
-    o(D), i(j);
+    o(D), m(j.id), i(j);
   }
-  function y(m) {
-    x(m);
+  function y(x) {
+    m(x);
   }
-  const V = (m, v) => {
-    console.log("handleDragStart", v), m.dataTransfer.setData("tabIndex", v.toString());
-  }, I = (m) => {
-    m.preventDefault();
-  }, z = (m, v) => {
-    const j = m.dataTransfer.getData("tabIndex");
+  const V = (x, v) => {
+    console.log("handleDragStart", v), x.dataTransfer.setData("tabIndex", v.toString());
+  }, I = (x) => {
+    x.preventDefault();
+  }, z = (x, v) => {
+    const j = x.dataTransfer.getData("tabIndex");
     if (j === v.toString()) return;
     const D = Array.from(s.cards), [S] = D.splice(parseInt(j), 1);
     D.splice(v, 0, S), o({ ...s, cards: D });
   };
-  function F(m, v) {
-    return m.cards.length === 1 && (v.displayTab === !0 || v.displayTab === void 0) || m.activeCardId !== v.id && (v.displayTab === !0 || v.displayTab === void 0) ? null : /* @__PURE__ */ e.jsx(
+  function T(x, v) {
+    return x.cards.length === 1 && (v.displayTab === !0 || v.displayTab === void 0) || x.activeCardId !== v.id && (v.displayTab === !0 || v.displayTab === void 0) ? null : /* @__PURE__ */ e.jsx(
       "div",
       {
         onClick: () => {
@@ -3350,11 +3368,11 @@ function sa() {
             displayTab: j
           });
         },
-        children: v.displayTab === !0 || v.displayTab === void 0 ? /* @__PURE__ */ e.jsx(Yt, { className: "mr-2 size-3.5 text-muted-foreground hover:text-foreground" }) : /* @__PURE__ */ e.jsx(Mn, { className: "mr-2 size-3.5 text-muted-foreground hover:text-foreground" })
+        children: v.displayTab === !0 || v.displayTab === void 0 ? /* @__PURE__ */ e.jsx(Xt, { className: "mr-2 size-3.5 text-muted-foreground hover:text-foreground" }) : /* @__PURE__ */ e.jsx(In, { className: "mr-2 size-3.5 text-muted-foreground hover:text-foreground" })
       }
     );
   }
-  function T() {
+  function F() {
     return /* @__PURE__ */ e.jsxs(
       va,
       {
@@ -3362,39 +3380,39 @@ function sa() {
         value: s.activeCardId,
         className: "flex grow flex-col",
         children: [
-          s.cards.map((m) => /* @__PURE__ */ e.jsx(es, { className: "mt-0 grow", value: m.id, children: A() }, m.id)),
+          s.cards.map((x) => /* @__PURE__ */ e.jsx(es, { className: "mt-0 grow", value: x.id, children: A() }, x.id)),
           /* @__PURE__ */ e.jsx(Ca, { className: "group mx-6 justify-between", children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center", children: [
-            s.cards.map((m, v) => /* @__PURE__ */ e.jsx(
-              Ze,
+            s.cards.map((x, v) => /* @__PURE__ */ e.jsx(
+              Xe,
               {
-                text: m.tabTitle || m.title,
+                text: x.tabTitle || x.title,
                 onSave: (j) => {
                   i({ ...n, tabTitle: j }), d({ ...n, tabTitle: j });
                 },
                 children: /* @__PURE__ */ e.jsxs(
-                  Xe,
+                  Ze,
                   {
                     draggable: !0,
                     onDragStart: (j) => V(j, v),
                     onDragOver: I,
                     onDrop: (j) => z(j, v),
                     className: "",
-                    value: m.id,
+                    value: x.id,
                     children: [
-                      F(s, m),
-                      m.tabTitle || m.title,
-                      s.activeCardId === m.id && s.cards.length > 1 && /* @__PURE__ */ e.jsx(
+                      T(s, x),
+                      x.tabTitle || x.title,
+                      s.activeCardId === x.id && s.cards.length > 1 && /* @__PURE__ */ e.jsx(
                         Sa,
                         {
                           className: "ml-2 size-3.5 text-muted-foreground hover:text-foreground",
-                          onClick: () => N(m.id)
+                          onClick: () => N(x.id)
                         }
                       )
                     ]
                   }
                 )
               },
-              m.id
+              x.id
             )),
             /* @__PURE__ */ e.jsx(
               O,
@@ -3411,7 +3429,7 @@ function sa() {
                 className: "invisible ml-1 h-8 px-2 hover:bg-muted-foreground/50 group-hover:visible",
                 variant: "outline",
                 onClick: p,
-                children: /* @__PURE__ */ e.jsx(zn, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ e.jsx(On, { className: "h-4 w-4" })
               }
             )
           ] }) })
@@ -3420,8 +3438,8 @@ function sa() {
     );
   }
   function A() {
-    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, { card: n, data: c == null ? void 0 : c.records }) }) }) : 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(fe, { className: "mx-3 my-6 h-[300px] overflow-y-auto break-words px-3", children: /* @__PURE__ */ e.jsx(
-      Jt,
+    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(Jt, { card: n, data: c == null ? void 0 : c.records }) }) }) : 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(fe, { className: "mx-3 my-6 h-[300px] overflow-y-auto break-words px-3", children: /* @__PURE__ */ e.jsx(
+      Wt,
       {
         isLoading: t,
         card: n,
@@ -3433,13 +3451,13 @@ function sa() {
     (b || g) && /* @__PURE__ */ e.jsx(Ae, { className: "absolute bottom-0 left-0 right-0 top-0 z-50 m-auto h-10 w-10 animate-spin text-foreground/10" }),
     /* @__PURE__ */ e.jsxs("div", { className: "mb-0 flex min-h-10 items-center justify-end gap-2 px-6", children: [
       a && /* @__PURE__ */ e.jsxs("div", { className: "flex grow items-center gap-2", children: [
-        /* @__PURE__ */ e.jsx(Il, {}),
-        !["table", "custom"].includes(n.type) && /* @__PURE__ */ e.jsx(Ol, {}),
-        /* @__PURE__ */ e.jsx(Tl, {})
+        /* @__PURE__ */ e.jsx(Fl, {}),
+        !["table", "custom"].includes(n.type) && /* @__PURE__ */ e.jsx(Ml, {}),
+        /* @__PURE__ */ e.jsx(El, {})
       ] }),
-      /* @__PURE__ */ e.jsx(El, {})
+      /* @__PURE__ */ e.jsx(Al, {})
     ] }),
-    a ? T() : /* @__PURE__ */ e.jsxs(
+    a ? F() : /* @__PURE__ */ e.jsxs(
       ss,
       {
         className: "px-6",
@@ -3454,7 +3472,7 @@ function sa() {
                 defaultSize: 30,
                 minSize: 10,
                 className: "relative flex h-full min-h-0 w-full flex-1 basis-0",
-                children: r && /* @__PURE__ */ e.jsx(Ll, {})
+                children: r && /* @__PURE__ */ e.jsx(Vl, {})
               }
             ),
             /* @__PURE__ */ e.jsx(as, {})
@@ -3467,7 +3485,7 @@ function sa() {
               minSize: 10,
               className: "relative flex h-full min-h-0 w-full flex-1 basis-0",
               children: /* @__PURE__ */ e.jsxs(fe, { className: "relative flex h-full min-h-0 w-full flex-1 basis-0", children: [
-                (c == null ? void 0 : c.records) && (c == null ? void 0 : c.records.length) > 0 && /* @__PURE__ */ e.jsx(Nl, { data: (c == null ? void 0 : c.records) || [] }),
+                (c == null ? void 0 : c.records) && (c == null ? void 0 : c.records.length) > 0 && /* @__PURE__ */ e.jsx(wl, { data: (c == null ? void 0 : c.records) || [] }),
                 l && /* @__PURE__ */ e.jsx("span", { className: "font-mono text-xs", children: l }),
                 /* @__PURE__ */ e.jsx(Ke, { orientation: "horizontal" })
               ] })
@@ -3478,7 +3496,7 @@ function sa() {
     )
   ] });
 }
-function Ll() {
+function Vl() {
   const s = u((a) => a.pythonStdOut);
   if (!s) return null;
   const n = s.replace(/\n/g, "<br>");
@@ -3490,14 +3508,14 @@ function Ll() {
     ] })
   ] });
 }
-function El() {
+function Al() {
   const s = u((a) => a.isShowingVisual), n = u(
     (a) => a.actions.setIsShowingVisual
   );
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
     /* @__PURE__ */ e.jsx(H, { htmlFor: "visualize", children: "Chart" }),
     /* @__PURE__ */ e.jsx(
-      Wt,
+      Yt,
       {
         checked: s,
         onCheckedChange: () => n(!s),
@@ -3507,7 +3525,7 @@ function El() {
     )
   ] });
 }
-function Vl({
+function ql({
   options: s,
   value: n,
   onValueChange: a
@@ -3543,7 +3561,7 @@ function de({
     ),
     /* @__PURE__ */ e.jsx(xe, { children: /* @__PURE__ */ e.jsxs(ve, { children: [
       /* @__PURE__ */ e.jsx(pe, { children: s }),
-      n.map((r) => /* @__PURE__ */ e.jsx(Z, { value: r.value, children: r.label }, r.value))
+      n.map((r) => /* @__PURE__ */ e.jsx(X, { value: r.value, children: r.label }, r.value))
     ] }) })
   ] });
 }
@@ -3568,13 +3586,13 @@ function Pe({
     }
   );
 }
-function Al() {
+function Rl() {
   var p, N;
   const s = u(
     (y) => y.card.customCardPreferences
   ), { data: n } = Ya(), a = (n == null ? void 0 : n.plugins) || [], t = u((y) => y.card), l = u((y) => y.frame), r = (s == null ? void 0 : s.visualType) || "single", { setCustomCardPreferences: o } = te(), { components: i, manifest: d } = ga(
     (s == null ? void 0 : s.url) || ""
-  ), x = (p = d == null ? void 0 : d.visuals) == null ? void 0 : p.find(
+  ), m = (p = d == null ? void 0 : d.visuals) == null ? void 0 : p.find(
     (y) => y.name === (s == null ? void 0 : s.componentName)
   );
   function c(y, V) {
@@ -3593,50 +3611,50 @@ function Al() {
   }
   function b(y) {
     var I, z;
-    const V = (I = l == null ? void 0 : l.cards) == null ? void 0 : I.filter((F) => {
-      var T;
-      return ((T = F == null ? void 0 : F.customCardPreferences) == null ? void 0 : T.visualType) !== "multiple";
-    }).map((F) => ({
-      value: F.id,
-      label: F.tabTitle || F.title
+    const V = (I = l == null ? void 0 : l.cards) == null ? void 0 : I.filter((T) => {
+      var F;
+      return ((F = T == null ? void 0 : T.customCardPreferences) == null ? void 0 : F.visualType) !== "multiple";
+    }).map((T) => ({
+      value: T.id,
+      label: T.tabTitle || T.title
     }));
-    return /* @__PURE__ */ e.jsx("div", { className: "space-y-2", children: (z = y == null ? void 0 : y.dataInputs) == null ? void 0 : z.map((F, T) => {
-      var A, m;
+    return /* @__PURE__ */ e.jsx("div", { className: "space-y-2", children: (z = y == null ? void 0 : y.dataInputs) == null ? void 0 : z.map((T, F) => {
+      var A, x;
       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: F }),
+            /* @__PURE__ */ e.jsx("div", { className: "col-span-4 flex items-center", children: T }),
             /* @__PURE__ */ e.jsx(
               de,
               {
                 className: "col-span-6 h-8 w-full justify-between",
                 label: "",
                 options: V || [],
-                value: ((m = (A = s == null ? void 0 : s.dataInputCardIds) == null ? void 0 : A[T]) == null ? void 0 : m.cardId) || "",
-                onValueChange: (v) => c(T, v)
+                value: ((x = (A = s == null ? void 0 : s.dataInputCardIds) == null ? void 0 : A[F]) == null ? void 0 : x.cardId) || "",
+                onValueChange: (v) => c(F, v)
               }
             )
           ]
         },
-        T + Math.random()
+        F + Math.random()
       );
     }) });
   }
   function g(y, V, I = []) {
-    var z, F;
+    var z, T;
     return s ? y === "input" ? /* @__PURE__ */ e.jsx(
       ie,
       {
         className: `h-8 w-full ${$e}`,
         value: ((z = s == null ? void 0 : s.settings) == null ? void 0 : z[V]) || "",
-        onChange: (T) => {
+        onChange: (F) => {
           o({
             ...s,
             settings: {
               ...s == null ? void 0 : s.settings,
-              [V]: T.target.value
+              [V]: F.target.value
             }
           });
         }
@@ -3648,11 +3666,11 @@ function Al() {
         className: "h-8 w-full",
         label: "",
         options: I,
-        value: ((F = s == null ? void 0 : s.settings) == null ? void 0 : F[V]) || "",
-        onValueChange: (T) => {
+        value: ((T = s == null ? void 0 : s.settings) == null ? void 0 : T[V]) || "",
+        onValueChange: (F) => {
           o({
             ...s,
-            settings: { ...s == null ? void 0 : s.settings, [V]: T }
+            settings: { ...s == null ? void 0 : s.settings, [V]: F }
           });
         }
       }
@@ -3699,7 +3717,7 @@ function Al() {
             }
           ) }) }),
           ((s == null ? void 0 : s.type) === "component" || (s == null ? void 0 : s.type) === void 0) && /* @__PURE__ */ e.jsx(
-            Vl,
+            ql,
             {
               options: [
                 { value: "single", label: "Single Visual" },
@@ -3735,11 +3753,11 @@ function Al() {
         ] }) }) }),
         /* @__PURE__ */ e.jsx(Ce, { className: "my-4" }),
         ((N = t == null ? void 0 : t.customCardPreferences) == null ? void 0 : N.componentName) && /* @__PURE__ */ e.jsxs(Pe, { summary: "Component Settings", children: [
-          x && x.dataInputs && /* @__PURE__ */ e.jsxs("div", { className: "space-y-3", children: [
+          m && m.dataInputs && /* @__PURE__ */ e.jsxs("div", { className: "space-y-3", children: [
             /* @__PURE__ */ e.jsx(H, { children: "Input Mapping" }),
-            /* @__PURE__ */ e.jsx("div", { className: "px-2", children: b(x) })
+            /* @__PURE__ */ e.jsx("div", { className: "px-2", children: b(m) })
           ] }),
-          x && x.settings && /* @__PURE__ */ e.jsx("div", { className: "space-y-3", children: /* @__PURE__ */ e.jsx("div", { className: "px-2", children: h(x) }) })
+          m && m.settings && /* @__PURE__ */ e.jsx("div", { className: "space-y-3", children: /* @__PURE__ */ e.jsx("div", { className: "px-2", children: h(m) }) })
         ] })
       ]
     }
@@ -3758,7 +3776,7 @@ function Ie() {
       var b;
       return (b = c.card.preferences) == null ? void 0 : b.filterOnClickColumnIndex;
     }
-  ), X(() => {
+  ), Z(() => {
     o && n(new Array(o.length).fill(!1));
   }, [o]);
   function i(c, b) {
@@ -3801,7 +3819,7 @@ function Ie() {
       onClickFilter: g
     });
   }
-  function x(c) {
+  function m(c) {
     var b, g, h, f;
     if (s != null && s[c] || (g = (b = a == null ? void 0 : a.onClickFilter) == null ? void 0 : b.find((p) => p.columnIndex === c)) != null && g.expression)
       return /* @__PURE__ */ e.jsx(
@@ -3856,7 +3874,7 @@ function Ie() {
                 }
               ) })
             ] }),
-            x(b)
+            m(b)
           ] })
         },
         c
@@ -3866,12 +3884,12 @@ function Ie() {
 }
 function xs() {
   var o, i, d;
-  const s = u((x) => x.card.preferences), n = u(
-    (x) => x.card.cfg
-  ), { setCardCfg: a, setCardPreferences: t, setChartOrientation: l } = u((x) => x.actions);
+  const s = u((m) => m.card.preferences), n = u(
+    (m) => m.card.cfg
+  ), { setCardCfg: a, setCardPreferences: t, setChartOrientation: l } = u((m) => m.actions);
   (o = n == null ? void 0 : n.options) != null && o.indexAxis;
-  function r(x) {
-    l(x);
+  function r(m) {
+    l(m);
   }
   return /* @__PURE__ */ e.jsxs(
     ms,
@@ -3899,7 +3917,7 @@ function aa(s, n) {
   const a = wa(s, n);
   return ((r = (l = (t = s == null ? void 0 : s.chartOptions) == null ? void 0 : t.scales) == null ? void 0 : l[a]) == null ? void 0 : r.type) || "linear";
 }
-function Za() {
+function Xa() {
   var ee, G, se, k, $, U;
   const [s, n] = q(!1), a = u((E) => {
     var L;
@@ -3911,21 +3929,21 @@ function Za() {
     aa(a)
   ), [i, d] = q(
     ((se = (G = (ee = a == null ? void 0 : a.chartOptions) == null ? void 0 : ee.scales) == null ? void 0 : G[l]) == null ? void 0 : se.min) || ""
-  ), [x, c] = q(
+  ), [m, c] = q(
     ((U = ($ = (k = a == null ? void 0 : a.chartOptions) == null ? void 0 : k.scales) == null ? void 0 : $[l]) == null ? void 0 : U.max) || ""
-  ), [b, g] = q(i || x ? "custom" : "auto"), [h, f] = q(""), [p, N] = q(0), [y, V] = q(""), [I, z] = q(""), [F, T] = q(""), A = u(
+  ), [b, g] = q(i || m ? "custom" : "auto"), [h, f] = q(""), [p, N] = q(0), [y, V] = q(""), [I, z] = q(""), [T, F] = q(""), A = u(
     (E) => E.actions.setCardPreferences
-  ), { updateCardInFrame: m } = te(), v = u((E) => E.card), j = u((E) => {
+  ), { updateCardInFrame: x } = te(), v = u((E) => E.card), j = u((E) => {
     var L;
     return (L = E.card) == null ? void 0 : L.type;
   }), D = ["pie", "doughnut", "polarArea"].includes(j);
-  X(() => {
-    var E, L, re, B, ae, ne, je, Fe, we, Te, Le, Ee, Ve, w;
+  Z(() => {
+    var E, L, re, B, ae, ne, je, Te, we, Fe, Le, Ee, Ve, w;
     o(aa(a)), d(
       ((re = (L = (E = a == null ? void 0 : a.chartOptions) == null ? void 0 : E.scales) == null ? void 0 : L[l]) == null ? void 0 : re.min) === 0 ? 0 : ""
     ), c(((ne = (ae = (B = a == null ? void 0 : a.chartOptions) == null ? void 0 : B.scales) == null ? void 0 : ae[l]) == null ? void 0 : ne.max) || ""), f(
-      ((Te = (we = (Fe = (je = a == null ? void 0 : a.chartOptions) == null ? void 0 : je.scales) == null ? void 0 : Fe[l]) == null ? void 0 : we.ticks) == null ? void 0 : Te.stepSize) || ""
-    ), N(((Le = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : Le.decimalPlaces) || 0), V(((Ee = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : Ee.suffix) || ""), z(((Ve = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : Ve.currency) || ""), T(((w = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : w.locale) || "");
+      ((Fe = (we = (Te = (je = a == null ? void 0 : a.chartOptions) == null ? void 0 : je.scales) == null ? void 0 : Te[l]) == null ? void 0 : we.ticks) == null ? void 0 : Fe.stepSize) || ""
+    ), N(((Le = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : Le.decimalPlaces) || 0), V(((Ee = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : Ee.suffix) || ""), z(((Ve = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : Ve.currency) || ""), F(((w = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : w.locale) || "");
   }, [s, a, l]);
   function S(E, L) {
     return L === "" || /^[0-9\b]+$/.test(L) ? Number(L) : Number(E);
@@ -3960,13 +3978,13 @@ function Za() {
               /* @__PURE__ */ e.jsx(he, { className: "col-span-2 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(me, {}) }),
               /* @__PURE__ */ e.jsx(xe, { children: /* @__PURE__ */ e.jsxs(ve, { children: [
                 /* @__PURE__ */ e.jsx(pe, { children: "Currency" }),
-                /* @__PURE__ */ e.jsx(Z, { value: "none", children: "None" }),
-                E.map((L) => /* @__PURE__ */ e.jsx(Z, { value: L, children: L }, L))
+                /* @__PURE__ */ e.jsx(X, { value: "none", children: "None" }),
+                E.map((L) => /* @__PURE__ */ e.jsx(X, { value: L, children: L }, L))
               ] }) })
             ]
           }
         ),
-        /* @__PURE__ */ e.jsxs(ue, { value: F, onValueChange: (L) => T(L), children: [
+        /* @__PURE__ */ e.jsxs(ue, { value: T, onValueChange: (L) => F(L), children: [
           /* @__PURE__ */ e.jsx(
             he,
             {
@@ -3976,7 +3994,7 @@ function Za() {
           ),
           /* @__PURE__ */ e.jsx(xe, { children: /* @__PURE__ */ e.jsxs(ve, { children: [
             /* @__PURE__ */ e.jsx(pe, { children: "Locale" }),
-            ts.map((L) => /* @__PURE__ */ e.jsx(Z, { value: L.locale, children: L.locale }, L.locale))
+            ts.map((L) => /* @__PURE__ */ e.jsx(X, { value: L.locale, children: L.locale }, L.locale))
           ] }) })
         ] })
       ] }),
@@ -4010,7 +4028,7 @@ function Za() {
         /* @__PURE__ */ e.jsx(
           ie,
           {
-            value: x,
+            value: m,
             onChange: (E) => c((L) => S(L, E.target.value)),
             id: "max",
             className: `col-span-1 h-8 w-full ${We}`
@@ -4036,7 +4054,7 @@ function Za() {
     let E = {};
     b === "custom" && (E = {
       min: i,
-      max: x,
+      max: m,
       ticks: {
         stepSize: h
       }
@@ -4058,7 +4076,7 @@ function Za() {
         decimalPlaces: p,
         suffix: y,
         currency: I,
-        locale: F
+        locale: T
       }
     };
     console.log(L), A(L);
@@ -4066,10 +4084,10 @@ function Za() {
       ...v,
       preferences: L
     };
-    m(re);
+    x(re);
   }
   return /* @__PURE__ */ e.jsxs(ds, { onOpenChange: (E) => n(E), children: [
-    /* @__PURE__ */ e.jsx(us, { asChild: !0, children: /* @__PURE__ */ e.jsx(Xt, { className: "size-4 cursor-pointer text-muted-foreground hover:text-foreground" }) }),
+    /* @__PURE__ */ e.jsx(us, { asChild: !0, children: /* @__PURE__ */ e.jsx(en, { className: "size-4 cursor-pointer text-muted-foreground hover:text-foreground" }) }),
     /* @__PURE__ */ e.jsx(hs, { 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" }),
@@ -4088,8 +4106,8 @@ function Za() {
                 /* @__PURE__ */ e.jsx(he, { className: "col-span-2 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(me, {}) }),
                 /* @__PURE__ */ e.jsx(xe, { id: "type", children: /* @__PURE__ */ e.jsxs(ve, { children: [
                   /* @__PURE__ */ e.jsx(pe, { children: "Option" }),
-                  /* @__PURE__ */ e.jsx(Z, { value: "linear", children: "Linear" }),
-                  /* @__PURE__ */ e.jsx(Z, { value: "logarithmic", children: "Logarithmic" })
+                  /* @__PURE__ */ e.jsx(X, { value: "linear", children: "Linear" }),
+                  /* @__PURE__ */ e.jsx(X, { value: "logarithmic", children: "Logarithmic" })
                 ] }) })
               ]
             }
@@ -4121,7 +4139,7 @@ function Za() {
         ] }),
         b === "custom" && r == "linear" && P(),
         _(),
-        /* @__PURE__ */ e.jsx(en, {}),
+        /* @__PURE__ */ e.jsx(sn, {}),
         /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-3", children: /* @__PURE__ */ e.jsx(
           O,
           {
@@ -4135,21 +4153,21 @@ function Za() {
     ] }) })
   ] });
 }
-function ql({ idx: s }) {
+function _l({ idx: s }) {
   var i;
   const n = u((d) => {
-    var x;
-    return (x = d.card) == null ? void 0 : x.preferences;
+    var m;
+    return (m = d.card) == null ? void 0 : m.preferences;
   }), a = u(
     (d) => {
-      var x;
-      return (x = d.card.preferences) == null ? void 0 : x.datasetOptions;
+      var m;
+      return (m = d.card.preferences) == null ? void 0 : m.datasetOptions;
     }
   ), t = u(
     (d) => d.actions.setCardPreferences
   ), l = (i = n == null ? void 0 : n.chartOptions) == null ? void 0 : i.indexAxis, r = a == null ? void 0 : a.find((d) => d.idx === s);
-  function o(d, x) {
-    (d === "end" || d === "start") && sn(an());
+  function o(d, m) {
+    (d === "end" || d === "start") && an(tn());
     const c = {
       display: d !== "none",
       align: d,
@@ -4162,7 +4180,7 @@ function ql({ idx: s }) {
         datasetOptions: [
           ...a || [],
           {
-            idx: x,
+            idx: m,
             datalabels: c
           }
         ]
@@ -4171,7 +4189,7 @@ function ql({ idx: s }) {
       const b = { ...r };
       b.datalabels = c;
       const g = a == null ? void 0 : a.map(
-        (h) => h.idx === x ? b : h
+        (h) => h.idx === m ? b : h
       );
       t({
         ...n,
@@ -4180,7 +4198,7 @@ function ql({ idx: s }) {
     }
   }
   return /* @__PURE__ */ e.jsxs(ds, { children: [
-    /* @__PURE__ */ e.jsx(us, { 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(us, { children: /* @__PURE__ */ e.jsx(Qn, { className: "invisible size-4 rotate-[135deg] cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible" }) }),
     /* @__PURE__ */ e.jsx(hs, { className: "w-fit p-1", children: /* @__PURE__ */ e.jsxs("div", { className: "flex gap-1", children: [
       /* @__PURE__ */ e.jsx(
         O,
@@ -4200,7 +4218,7 @@ function ql({ idx: s }) {
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
           children: /* @__PURE__ */ e.jsx(
-            Vn,
+            An,
             {
               className: Y("h-4 w-4", {
                 "rotate-90": l === "y"
@@ -4217,7 +4235,7 @@ function ql({ idx: s }) {
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
           children: /* @__PURE__ */ e.jsx(
-            qn,
+            Rn,
             {
               className: Y("h-4 w-4", {
                 "rotate-90": l === "y"
@@ -4234,7 +4252,7 @@ function ql({ idx: s }) {
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
           children: /* @__PURE__ */ e.jsx(
-            An,
+            qn,
             {
               className: Y("h-4 w-4", {
                 "rotate-90": l === "y"
@@ -4246,11 +4264,11 @@ function ql({ idx: s }) {
     ] }) })
   ] });
 }
-function Xa() {
-  const s = u((x) => x.card), n = u(
-    (x) => {
+function Za() {
+  const s = u((m) => m.card), n = u(
+    (m) => {
       var c, b, g;
-      return (g = (b = (c = x == null ? void 0 : x.card) == null ? void 0 : c.preferences) == null ? void 0 : b.chartOptions) == null ? void 0 : g.indexAxis;
+      return (g = (b = (c = m == null ? void 0 : m.card) == null ? void 0 : c.preferences) == null ? void 0 : b.chartOptions) == null ? void 0 : g.indexAxis;
     }
   ), { data: a } = De(s), t = n === "y" ? "Y axis" : "X axis", l = n === "y" ? "X axis" : "Y axis", {
     keys: r,
@@ -4259,12 +4277,12 @@ function Xa() {
   } = js((a == null ? void 0 : a.records) || []);
   let d = o;
   if (["stackedBar", "stackedLine"].includes(s.type)) {
-    const x = tn({
+    const m = nn({
       dataArray: (a == null ? void 0 : a.records) || [],
       groupKey: i[0],
       pivotKey: i[1],
       valueKey: d[0]
-    }), { metricKeys: c } = js(x);
+    }), { metricKeys: c } = js(m);
     d = c;
   }
   return r.length === 0 ? null : /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
@@ -4275,13 +4293,13 @@ function Xa() {
     /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between gap-5", children: [
         /* @__PURE__ */ e.jsx(H, { children: l }),
-        /* @__PURE__ */ e.jsx(Za, {})
+        /* @__PURE__ */ e.jsx(Xa, {})
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: d.map((x, c) => /* @__PURE__ */ e.jsx(Rl, { col: x, idx: c }, x)) })
+      /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: d.map((m, c) => /* @__PURE__ */ e.jsx(Hl, { col: m, idx: c }, m)) })
     ] })
   ] });
 }
-function Rl({ col: s, idx: n }) {
+function Hl({ col: s, idx: n }) {
   const a = u((i) => {
     var d;
     return (d = i.card) == null ? void 0 : d.preferences;
@@ -4307,12 +4325,12 @@ function Rl({ col: s, idx: n }) {
     else {
       const d = { ...l };
       d.type = i === "area" ? "line" : i, d.fill = i === "area" ? "origin" : "";
-      const x = t == null ? void 0 : t.map(
+      const m = t == null ? void 0 : t.map(
         (c) => c.idx === n ? d : c
       );
       r({
         ...a,
-        datasetOptions: x
+        datasetOptions: m
       });
     }
   }
@@ -4334,34 +4352,34 @@ function Rl({ col: s, idx: n }) {
         }
       ),
       /* @__PURE__ */ e.jsx(
-        wn,
+        kn,
         {
           onClick: () => o("area"),
           className: "invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"
         }
       ),
-      /* @__PURE__ */ e.jsx(ql, { idx: n })
+      /* @__PURE__ */ e.jsx(_l, { idx: n })
     ] })
   ] });
 }
 function et() {
-  const s = u((g) => g.selectedConnectionId), n = u((g) => g.selectedDatamodelId), a = u((g) => g.selectedDatabaseName), t = u((g) => g.selectedSchemaName), l = u((g) => g.selectedTableName), r = M((g) => g.dashboard.filters) || [], o = M((g) => g.actions.addFilter), i = M((g) => g.actions.removeFilter), { removeFilterValues: d } = is(), { modelItems: x, tableName: c } = qe();
+  const s = u((g) => g.selectedConnectionId), n = u((g) => g.selectedDatamodelId), a = u((g) => g.selectedDatabaseName), t = u((g) => g.selectedSchemaName), l = u((g) => g.selectedTableName), r = M((g) => g.dashboard.filters) || [], o = M((g) => g.actions.addFilter), i = M((g) => g.actions.removeFilter), { removeFilterValues: d } = is(), { modelItems: m, tableName: c } = qe();
   function b(g, h = "dashboard") {
-    var T;
+    var F;
     const f = ce(g.column_name), p = ce(a || ""), N = ce(t || ""), y = ce(c);
     let V = xa(
       N,
       y
     ), I = `${V}.${f}`;
-    const z = (T = x == null ? void 0 : x.find(
+    const z = (F = m == null ? void 0 : m.find(
       (A) => A.id === n
-    )) == null ? void 0 : T.name;
+    )) == null ? void 0 : F.name;
     n && n !== "none" && (I = `${gs}.${z}.${f}`, V = `${gs}.${z}`);
-    const F = r == null ? void 0 : r.find(
+    const T = r == null ? void 0 : r.find(
       (A) => A.column === I && A.table === y && (A.database === p || A.database === a)
     );
-    if (F)
-      d(F.id), i(F.id);
+    if (T)
+      d(T.id), i(T.id);
     else {
       const A = Ue();
       return c === "api" && s ? (o({
@@ -4416,11 +4434,11 @@ function Re() {
   const o = s == null ? void 0 : s.find((i) => i.id === n.filterId);
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-3", children: [
     /* @__PURE__ */ e.jsx(H, { children: "Card Filter" }),
-    /* @__PURE__ */ e.jsx(_l, { onSelect: r, columns: t }),
+    /* @__PURE__ */ e.jsx($l, { onSelect: r, columns: t }),
     o && /* @__PURE__ */ e.jsx(ka, { filter: o })
   ] });
 }
-function _l({
+function $l({
   columns: s,
   onSelect: n
 }) {
@@ -4437,21 +4455,21 @@ function _l({
         className: "w-full justify-between font-normal",
         children: [
           l ? (o = s.find((i) => i.column_name === l)) == null ? void 0 : o.column_name : "Select Column...",
-          /* @__PURE__ */ e.jsx(nn, { 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(hs, { className: "w-[200px] p-0", children: /* @__PURE__ */ e.jsxs(ln, { children: [
-      /* @__PURE__ */ e.jsx(rn, { placeholder: "Search column", className: "h-9" }),
-      /* @__PURE__ */ e.jsxs(on, { children: [
-        /* @__PURE__ */ e.jsx(cn, { children: "No framework found." }),
-        /* @__PURE__ */ e.jsx(dn, { children: s.map((i) => /* @__PURE__ */ e.jsxs(
-          un,
+    /* @__PURE__ */ e.jsx(hs, { 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((i) => /* @__PURE__ */ e.jsxs(
+          hn,
           {
             value: i.column_name,
             onSelect: (d) => {
-              const x = d === l ? "" : d;
-              r(x), t(!1), x && n(i);
+              const m = d === l ? "" : d;
+              r(m), t(!1), m && n(i);
             },
             children: [
               i.column_name,
@@ -4472,7 +4490,7 @@ function _l({
     ] }) })
   ] });
 }
-function Hl({
+function Pl({
   cardType: s
 }) {
   return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(Me, { defaultValue: ["item-2"], type: "multiple", children: [
@@ -4505,7 +4523,7 @@ function Hl({
       /* @__PURE__ */ e.jsx(J, { children: "Settings" }),
       /* @__PURE__ */ e.jsxs(W, { className: "space-y-4 px-2", children: [
         /* @__PURE__ */ e.jsx(xs, {}),
-        /* @__PURE__ */ e.jsx(Xa, {})
+        /* @__PURE__ */ e.jsx(Za, {})
       ] })
     ] }),
     /* @__PURE__ */ e.jsxs(Q, { value: "item-3", children: [
@@ -4531,7 +4549,7 @@ function Hs() {
         anchor: i,
         clamp: !0
       }
-    }, x = {
+    }, m = {
       ...s,
       options: {
         ...s == null ? void 0 : s.options,
@@ -4541,12 +4559,12 @@ function Hs() {
         }
       }
     };
-    n(x), console.log(i);
+    n(m), console.log(i);
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ e.jsx("label", { className: "font-medium", children: "Data Labels" }),
-      !["pyramid"].includes(a) && /* @__PURE__ */ e.jsx(Za, {})
+      !["pyramid"].includes(a) && /* @__PURE__ */ e.jsx(Xa, {})
     ] }),
     /* @__PURE__ */ e.jsxs(
       ue,
@@ -4558,17 +4576,17 @@ function Hs() {
           /* @__PURE__ */ e.jsx(he, { className: "h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(me, { placeholder: "Select position" }) }),
           /* @__PURE__ */ e.jsx(xe, { children: /* @__PURE__ */ e.jsxs(ve, { children: [
             /* @__PURE__ */ e.jsx(pe, { children: "Data Labels" }),
-            /* @__PURE__ */ e.jsx(Z, { value: "none", children: "None" }),
-            a !== "pyramid" && /* @__PURE__ */ e.jsx(Z, { value: "start", children: "Start" }),
-            /* @__PURE__ */ e.jsx(Z, { value: "center", children: "Center" }),
-            a !== "pyramid" && /* @__PURE__ */ e.jsx(Z, { value: "end", children: "End" })
+            /* @__PURE__ */ e.jsx(X, { value: "none", children: "None" }),
+            a !== "pyramid" && /* @__PURE__ */ e.jsx(X, { value: "start", children: "Start" }),
+            /* @__PURE__ */ e.jsx(X, { value: "center", children: "Center" }),
+            a !== "pyramid" && /* @__PURE__ */ e.jsx(X, { value: "end", children: "End" })
           ] }) })
         ]
       }
     )
   ] });
 }
-function $l({
+function Bl({
   cardType: s
 }) {
   function n(a) {
@@ -4615,7 +4633,7 @@ function $l({
     ] })
   ] }) });
 }
-const Pl = {
+const Ul = {
   datasets: [
     {
       type: "line",
@@ -4628,7 +4646,7 @@ const Pl = {
       data: []
     }
   ]
-}, Bl = {
+}, Gl = {
   datasets: [
     {
       fill: "origin",
@@ -4638,7 +4656,7 @@ const Pl = {
     }
   ]
 };
-function Ul() {
+function Kl() {
   const s = u((n) => n.card.type);
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-6 p-6", children: [
     /* @__PURE__ */ e.jsx(
@@ -4647,7 +4665,7 @@ function Ul() {
         className: " ",
         type: "single",
         collapsible: !0,
-        children: Gl(s)
+        children: Ql(s)
       }
     ),
     /* @__PURE__ */ e.jsx("section", { className: "", children: ["line", "bar"].includes(s) && /* @__PURE__ */ e.jsx(xs, {}) }),
@@ -4658,7 +4676,7 @@ function Ul() {
     ] })
   ] });
 }
-function Gl(s) {
+function Ql(s) {
   if (["line", "bar"].includes(s))
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs(Q, { value: "item-1", children: [
@@ -4679,7 +4697,7 @@ function Gl(s) {
             /* @__PURE__ */ e.jsx("b", { children: "Customize" }),
             " and change the `type` property in the dataset."
           ] }),
-          /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify(Pl, null, 2) })
+          /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify(Ul, null, 2) })
         ] })
       ] }),
       /* @__PURE__ */ e.jsxs(Q, { value: "item-3", children: [
@@ -4700,7 +4718,7 @@ function Gl(s) {
             ),
             "for more options."
           ] }),
-          /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify(Bl, null, 2) })
+          /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify(Gl, null, 2) })
         ] })
       ] })
     ] });
@@ -4755,8 +4773,8 @@ function Gl(s) {
       ] })
     ] }) });
 }
-function Kl() {
-  var d, x, c, b, g;
+function Jl() {
+  var d, m, c, b, g;
   const s = u((h) => h.card.preferences), n = u(
     (h) => h.actions.setCardPreferences
   ), a = u(
@@ -4809,7 +4827,7 @@ function Kl() {
       ),
       /* @__PURE__ */ e.jsx(H, { children: "Format Number" })
     ] }),
-    ((x = s == null ? void 0 : s.formatNumber) == null ? void 0 : x.enabled) === !0 && /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2", children: [
+    ((m = s == null ? void 0 : s.formatNumber) == null ? void 0 : m.enabled) === !0 && /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2", children: [
       /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 p-2", children: [
         /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ e.jsxs("div", { className: "w-full space-y-1", children: [
@@ -4831,8 +4849,8 @@ function Kl() {
                   /* @__PURE__ */ e.jsx(he, { className: "col-span-6 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(me, {}) }),
                   /* @__PURE__ */ e.jsx(xe, { children: /* @__PURE__ */ e.jsxs(ve, { children: [
                     /* @__PURE__ */ e.jsx(pe, { children: "Format" }),
-                    /* @__PURE__ */ e.jsx(Z, { value: "none", children: "None" }, "none"),
-                    ts.map((h) => /* @__PURE__ */ e.jsx(Z, { value: h.locale, children: h.locale }, h.locale))
+                    /* @__PURE__ */ e.jsx(X, { value: "none", children: "None" }, "none"),
+                    ts.map((h) => /* @__PURE__ */ e.jsx(X, { value: h.locale, children: h.locale }, h.locale))
                   ] }) })
                 ]
               }
@@ -4857,8 +4875,8 @@ function Kl() {
                   /* @__PURE__ */ e.jsx(he, { className: "col-span-6 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(me, {}) }),
                   /* @__PURE__ */ e.jsx(xe, { children: /* @__PURE__ */ e.jsxs(ve, { children: [
                     /* @__PURE__ */ e.jsx(pe, { children: "Currency" }),
-                    /* @__PURE__ */ e.jsx(Z, { value: "none", children: "None" }, "none"),
-                    i.map((h) => /* @__PURE__ */ e.jsx(Z, { value: h, children: h }, h))
+                    /* @__PURE__ */ e.jsx(X, { value: "none", children: "None" }, "none"),
+                    i.map((h) => /* @__PURE__ */ e.jsx(X, { value: h, children: h }, h))
                   ] }) })
                 ]
               }
@@ -4883,7 +4901,7 @@ function Kl() {
                 },
                 children: [
                   /* @__PURE__ */ e.jsx(he, { className: "col-span-3 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(me, {}) }),
-                  /* @__PURE__ */ e.jsx(xe, { children: ["0", "1", "2", "3", "4"].map((h) => /* @__PURE__ */ e.jsx(Z, { value: h, children: h }, h)) })
+                  /* @__PURE__ */ e.jsx(xe, { children: ["0", "1", "2", "3", "4"].map((h) => /* @__PURE__ */ e.jsx(X, { value: h, children: h }, h)) })
                 ]
               }
             )
@@ -4912,7 +4930,7 @@ function Kl() {
       ] }) }),
       /* @__PURE__ */ e.jsx(Ce, { className: "my-3" }),
       /* @__PURE__ */ e.jsx(
-        hn,
+        mn,
         {
           colorRanges: r,
           setColorRanges: o
@@ -4921,7 +4939,7 @@ function Kl() {
     ] })
   ] });
 }
-function Ql() {
+function Wl() {
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-6 px-6 py-2", children: [
     /* @__PURE__ */ e.jsx(Me, { type: "single", collapsible: !0, children: /* @__PURE__ */ e.jsxs(Q, { value: "item-1", children: [
       /* @__PURE__ */ e.jsx(J, { className: "", children: "KPI Query" }),
@@ -4947,12 +4965,12 @@ function Ql() {
         ] })
       ] })
     ] }) }),
-    /* @__PURE__ */ e.jsx("section", { className: "", children: /* @__PURE__ */ e.jsx(Kl, {}) }),
+    /* @__PURE__ */ e.jsx("section", { className: "", children: /* @__PURE__ */ e.jsx(Jl, {}) }),
     /* @__PURE__ */ e.jsx("div", {}),
     /* @__PURE__ */ e.jsx("div", {})
   ] });
 }
-const Jl = [
+const Yl = [
   {
     label: "Mercator",
     value: "mercator"
@@ -5009,7 +5027,7 @@ const Jl = [
     label: "Natural Earth 1",
     value: "naturalEarth1"
   }
-], Wl = [
+], Xl = [
   "blues",
   "brBG",
   "buGn",
@@ -5048,13 +5066,13 @@ const Jl = [
   "ylGnBu",
   "ylOrBr",
   "ylOrRd"
-], Yl = Wl.map((s) => ({
+], Zl = Xl.map((s) => ({
   label: s,
   value: s
 }));
-function Zl() {
-  var d, x, c, b, g, h, f, p, N, y, V, I, z, F, T, A, m, v;
-  const s = u((j) => j.card), n = (x = (d = s == null ? void 0 : s.preferences) == null ? void 0 : d.mapVisualOptions) == null ? void 0 : x.topoJsonUrl, [a, t] = q(
+function er() {
+  var d, m, c, b, g, h, f, p, N, y, V, I, z, T, F, A, x, v;
+  const s = u((j) => j.card), n = (m = (d = s == null ? void 0 : s.preferences) == null ? void 0 : d.mapVisualOptions) == null ? void 0 : m.topoJsonUrl, [a, t] = q(
     ((b = (c = s == null ? void 0 : s.preferences) == null ? void 0 : c.mapVisualOptions) == null ? void 0 : b.customTopoJsonUrl) || ""
   ), { setCardPreferences: l } = te(), { data: r } = Es(s), o = Object.keys((r == null ? void 0 : r.objects) || {}).map((j) => ({
     label: j,
@@ -5145,7 +5163,7 @@ function Zl() {
             de,
             {
               className: "h-9",
-              options: Jl,
+              options: Yl,
               value: ((p = (f = s.preferences) == null ? void 0 : f.mapVisualOptions) == null ? void 0 : p.projection) || "",
               label: "Projection",
               onValueChange: (j) => {
@@ -5167,7 +5185,7 @@ function Zl() {
             de,
             {
               className: "h-9",
-              options: Yl,
+              options: Zl,
               value: ((y = (N = s.preferences) == null ? void 0 : N.mapVisualOptions) == null ? void 0 : y.colorScale) || "",
               label: "Select Color Scale",
               onValueChange: (j) => {
@@ -5213,7 +5231,7 @@ function Zl() {
           className: `h-9 w-full ${$e}`,
           type: "number",
           step: 10,
-          value: ((T = (F = (z = s.preferences) == null ? void 0 : z.mapVisualOptions) == null ? void 0 : F.projectionOffset) == null ? void 0 : T[0]) || 0,
+          value: ((F = (T = (z = s.preferences) == null ? void 0 : z.mapVisualOptions) == null ? void 0 : T.projectionOffset) == null ? void 0 : F[0]) || 0,
           onChange: (j) => {
             var D, S, _, P;
             l({
@@ -5236,7 +5254,7 @@ function Zl() {
           className: `h-9 w-full ${$e}`,
           type: "number",
           step: 10,
-          value: ((v = (m = (A = s.preferences) == null ? void 0 : A.mapVisualOptions) == null ? void 0 : m.projectionOffset) == null ? void 0 : v[1]) || 0,
+          value: ((v = (x = (A = s.preferences) == null ? void 0 : A.mapVisualOptions) == null ? void 0 : x.projectionOffset) == null ? void 0 : v[1]) || 0,
           onChange: (j) => {
             var D, S, _, P;
             l({
@@ -5257,7 +5275,7 @@ function Zl() {
     /* @__PURE__ */ e.jsx(Ie, {})
   ] });
 }
-function Xl() {
+function sr() {
   var t;
   const s = u((l) => l.card.preferences), { setCardPreferences: n } = u((l) => l.actions);
   function a(l) {
@@ -5325,7 +5343,7 @@ function Ye({
       /* @__PURE__ */ e.jsxs(W, { className: "space-y-4 px-2", children: [
         s === "range" && /* @__PURE__ */ e.jsx(xs, {}),
         s !== "text" && /* @__PURE__ */ e.jsx(Hs, {}),
-        s === "text" && /* @__PURE__ */ e.jsx(Xl, {})
+        s === "text" && /* @__PURE__ */ e.jsx(sr, {})
       ] })
     ] }),
     !["range", "text"].includes(s) && /* @__PURE__ */ e.jsxs(Q, { value: "item-3", children: [
@@ -5337,7 +5355,7 @@ function Ye({
     ] })
   ] }) });
 }
-function er() {
+function ar() {
   const s = u(
     (t) => {
       var l, r;
@@ -5405,7 +5423,7 @@ function er() {
       /* @__PURE__ */ e.jsxs(W, { className: "space-y-4 px-2", children: [
         /* @__PURE__ */ e.jsx(xs, {}),
         a(),
-        /* @__PURE__ */ e.jsx(Xa, {})
+        /* @__PURE__ */ e.jsx(Za, {})
       ] })
     ] }),
     /* @__PURE__ */ e.jsxs(Q, { value: "item-3", children: [
@@ -5417,7 +5435,7 @@ function er() {
     ] })
   ] }) });
 }
-function sr({}) {
+function tr({}) {
   const s = u((t) => {
     var l;
     return (l = t.card) == null ? void 0 : l.preferences;
@@ -5450,7 +5468,7 @@ function sr({}) {
     ] })
   ] });
 }
-const ar = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
+const nr = /* @__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 ",
@@ -5466,7 +5484,7 @@ const ar = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-
     ),
     " in the docs."
   ] })
-] }), tr = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
+] }), lr = /* @__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 ",
@@ -5482,7 +5500,7 @@ const ar = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-
     ),
     " in the docs."
   ] })
-] }), nr = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
+] }), rr = /* @__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 ",
@@ -5499,22 +5517,22 @@ const ar = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-
     " in the docs."
   ] })
 ] });
-function lr() {
+function ir() {
   const s = u((a) => a.card.type);
   function n(a) {
     switch (a) {
       case "stackedBar":
       case "stackedLine":
-        return /* @__PURE__ */ e.jsx(er, {});
+        return /* @__PURE__ */ e.jsx(ar, {});
       case "pyramid":
-        return /* @__PURE__ */ e.jsx(Ye, { docContent: ar, cardType: a });
+        return /* @__PURE__ */ e.jsx(Ye, { docContent: nr, cardType: a });
       case "kpi":
-        return /* @__PURE__ */ e.jsx(Ql, {});
+        return /* @__PURE__ */ e.jsx(Wl, {});
       case "line":
       case "bar":
-        return /* @__PURE__ */ e.jsx(Hl, { cardType: a });
+        return /* @__PURE__ */ e.jsx(Pl, { cardType: a });
       case "range":
-        return /* @__PURE__ */ e.jsx(Ye, { docContent: tr, cardType: a });
+        return /* @__PURE__ */ e.jsx(Ye, { docContent: lr, cardType: a });
       case "pie":
       case "doughnut":
       case "polarArea":
@@ -5522,29 +5540,29 @@ function lr() {
         return /* @__PURE__ */ e.jsx(Ye, { cardType: a });
       case "bubble":
       case "scatter":
-        return /* @__PURE__ */ e.jsx($l, { cardType: a });
+        return /* @__PURE__ */ e.jsx(Bl, { cardType: a });
       case "table":
-        return /* @__PURE__ */ e.jsx(sr, { cardType: a });
+        return /* @__PURE__ */ e.jsx(tr, { cardType: a });
       case "text":
         return /* @__PURE__ */ e.jsx(
           Ye,
           {
-            docContent: nr,
+            docContent: rr,
             cardType: a,
             suffix: "Visual"
           }
         );
       case "map":
-        return /* @__PURE__ */ e.jsx(Zl, {});
+        return /* @__PURE__ */ e.jsx(er, {});
       case "custom":
-        return /* @__PURE__ */ e.jsx(Al, {});
+        return /* @__PURE__ */ e.jsx(Rl, {});
       default:
-        return /* @__PURE__ */ e.jsx(Ul, {});
+        return /* @__PURE__ */ e.jsx(Kl, {});
     }
   }
   return /* @__PURE__ */ e.jsx(fe, { className: "h-full w-full text-sm", children: n(s) });
 }
-function rr() {
+function or() {
   const s = u((n) => n.isShowingVisual);
   return /* @__PURE__ */ e.jsxs(
     ss,
@@ -5559,7 +5577,7 @@ function rr() {
             className: "flex",
             minSize: 20,
             defaultSize: 40,
-            children: /* @__PURE__ */ e.jsx(Cl, {})
+            children: /* @__PURE__ */ e.jsx(Sl, {})
           }
         ),
         /* @__PURE__ */ e.jsx(as, { withHandle: !0, className: "border" }),
@@ -5578,7 +5596,7 @@ function rr() {
                   minSize: 20,
                   defaultSize: 25,
                   maxSize: 30,
-                  children: /* @__PURE__ */ e.jsx(lr, {})
+                  children: /* @__PURE__ */ e.jsx(ir, {})
                 }
               ) }),
               /* @__PURE__ */ e.jsx(as, { className: "border" }),
@@ -5590,15 +5608,15 @@ function rr() {
     }
   );
 }
-function ir({ authToken: s, onSave: n, onClose: a }) {
+function cr({ authToken: s, onSave: n, onClose: a }) {
   M((o) => o.themeStyle);
   const t = u((o) => o.actions.setOnSave), l = u((o) => o.actions.setOnClose), r = M((o) => o.actions.setAuthToken);
-  return X(() => {
+  return Z(() => {
     n && t(n), a && l(a);
-  }, [n, t, a, l]), X(() => {
+  }, [n, t, a, l]), Z(() => {
     s && s.accessToken && r(s);
   }, [s, r]), /* @__PURE__ */ e.jsx(cs, { FallbackComponent: za, children: /* @__PURE__ */ e.jsxs(
-    mn,
+    xn,
     {
       style: {
         // borderRadius: currentStyle?.chart?.options?.borderRadius,
@@ -5607,13 +5625,13 @@ function ir({ authToken: s, onSave: n, onClose: a }) {
       className: "rounded-none",
       role: "editor-panel",
       children: [
-        /* @__PURE__ */ e.jsx(xn, { className: "rounded-none border-r-[1.5px]", children: /* @__PURE__ */ e.jsx(Aa, {}) }),
-        /* @__PURE__ */ e.jsx(pn, { children: /* @__PURE__ */ e.jsx(rr, {}) })
+        /* @__PURE__ */ e.jsx(pn, { className: "rounded-none border-r-[1.5px]", children: /* @__PURE__ */ e.jsx(Aa, {}) }),
+        /* @__PURE__ */ e.jsx(fn, { children: /* @__PURE__ */ e.jsx(or, {}) })
       ]
     }
   ) });
 }
-function or() {
+function dr() {
   M((o) => o.selectedCardId);
   const s = M((o) => o.selectedSheetId), { setIsVisualEditing: n } = M((o) => o.actions), a = M((o) => o.isVisualEditing), t = M((o) => o.actions.updateFrame);
   function l(o) {
@@ -5629,11 +5647,11 @@ function or() {
       className: Y("flex grow", {
         "max-h-0 overflow-hidden": !a
       }),
-      children: /* @__PURE__ */ e.jsx(ir, { onSave: l, onClose: r })
+      children: /* @__PURE__ */ e.jsx(cr, { onSave: l, onClose: r })
     }
   );
 }
-function cr() {
+function ur() {
   const s = u((r) => r.selectedDatabaseName), n = u((r) => r.selectedTableName), a = M((r) => r.dashboard.filters) || [], { columns: t } = qe(), { assignFilter: l } = et();
   return /* @__PURE__ */ e.jsx(fe, { className: "flex-1 basis-0 flex-col px-3", children: t == null ? void 0 : t.map((r) => {
     const o = a == null ? void 0 : a.find(
@@ -5658,7 +5676,7 @@ function cr() {
     );
   }) });
 }
-function dr() {
+function hr() {
   M((n) => n.showFilters);
   const s = M(
     (n) => n.actions.setShowFilters
@@ -5682,7 +5700,7 @@ function dr() {
         ColumnsComponent: () => (
           // schemaName, tableName, columns
           /* @__PURE__ */ e.jsx(
-            cr,
+            ur,
             {}
           )
         )
@@ -5690,7 +5708,7 @@ function dr() {
     ) })
   ] });
 }
-function ur() {
+function mr() {
   const s = M((t) => t.dashboard.filters), n = M((t) => t.theme), a = s == null ? void 0 : s.filter((t) => t.hide);
   return a != null && a.length ? /* @__PURE__ */ e.jsx(
     "div",
@@ -5713,7 +5731,7 @@ function ur() {
     }
   ) : null;
 }
-function hr() {
+function xr() {
   const s = M((t) => t.showFilters), n = M((t) => t.isVisualEditing), a = M(
     (t) => t.isDashboardEditing
   );
@@ -5727,15 +5745,15 @@ function hr() {
       }),
       children: [
         /* @__PURE__ */ e.jsxs("section", { className: "flex grow flex-col", children: [
-          a && /* @__PURE__ */ e.jsx(ur, {}),
-          /* @__PURE__ */ e.jsx(fn, {})
+          a && /* @__PURE__ */ e.jsx(mr, {}),
+          /* @__PURE__ */ e.jsx(gn, {})
         ] }),
-        s && /* @__PURE__ */ e.jsx("div", { role: "filter-aside-container", className: "flex", children: /* @__PURE__ */ e.jsx(dr, {}) })
+        s && /* @__PURE__ */ e.jsx("div", { role: "filter-aside-container", className: "flex", children: /* @__PURE__ */ e.jsx(hr, {}) })
       ]
     }
   );
 }
-function mr() {
+function pr() {
   const s = M((t) => t.dashboard), n = M((t) => t.actions.setDashboard), a = M(
     (t) => t.showDashboardJSON
   );
@@ -5748,7 +5766,7 @@ function mr() {
         hidden: !a
       }),
       children: /* @__PURE__ */ e.jsx(
-        gn,
+        jn,
         {
           onChange: (t) => {
             if (t)
@@ -5779,64 +5797,65 @@ function mr() {
     }
   );
 }
-function gr({
+function br({
   showControls: s = !1,
   showFooter: n = !0,
   ...a
 }) {
-  return /* @__PURE__ */ e.jsx(cs, { FallbackComponent: za, children: /* @__PURE__ */ e.jsxs(jn, { dashboardProps: a, children: [
-    /* @__PURE__ */ e.jsx(bn, {}),
-    /* @__PURE__ */ e.jsxs(yn, { children: [
-      /* @__PURE__ */ e.jsx(mr, {}),
-      /* @__PURE__ */ e.jsxs(vn, { ...a, children: [
-        s && /* @__PURE__ */ e.jsx(tl, {}),
-        /* @__PURE__ */ e.jsx(or, {}),
-        /* @__PURE__ */ e.jsx(hr, {})
+  return /* @__PURE__ */ e.jsx(cs, { FallbackComponent: za, children: /* @__PURE__ */ e.jsxs(bn, { dashboardProps: a, children: [
+    /* @__PURE__ */ e.jsx(yn, {}),
+    /* @__PURE__ */ e.jsxs(vn, { children: [
+      /* @__PURE__ */ e.jsx(pr, {}),
+      /* @__PURE__ */ e.jsxs(Cn, { ...a, children: [
+        s && /* @__PURE__ */ e.jsx(ll, {}),
+        /* @__PURE__ */ e.jsx(dr, {}),
+        /* @__PURE__ */ e.jsx(xr, {})
       ] })
     ] })
   ] }) });
 }
 export {
-  Ea as A,
-  Nn as B,
-  wn as C,
-  gr as D,
-  Fa as E,
-  Wn as F,
-  In as G,
+  He as A,
+  Sn as B,
+  kn as C,
+  br as D,
+  Ta as E,
+  Ea as F,
+  Tn as G,
   Fn as H,
-  En as K,
-  Vn as L,
-  Ta as M,
-  _n as N,
-  Hn as P,
-  Pn as S,
-  Kn as T,
-  Jn as U,
-  Sn as a,
+  Xn as I,
+  Vn as K,
+  An as L,
+  Fa as M,
+  Hn as N,
+  $n as P,
+  Bn as S,
+  Qn as T,
+  Yn as U,
+  wn as a,
   qs as b,
   Rs as c,
   Da as d,
   Ma as e,
   Ia as f,
-  kn as g,
-  zn as h,
-  On as i,
-  Dn as j,
-  Mn as k,
-  Tn as l,
-  Ln as m,
-  An as n,
-  qn as o,
+  zn as g,
+  On as h,
+  Dn as i,
+  Mn as j,
+  In as k,
+  Ln as l,
+  En as m,
+  qn as n,
+  Rn as o,
   Ae as p,
-  Rn as q,
-  $n as r,
+  _n as q,
+  Pn as r,
   La as s,
-  Bn as t,
-  Un as u,
-  Gn as v,
-  Qn as w,
-  _s as x,
-  qe as y,
-  He as z
+  Un as t,
+  Gn as u,
+  Kn as v,
+  Jn as w,
+  Wn as x,
+  _s as y,
+  qe as z
 };