semaphor 0.0.83 → 0.0.84

package/dist/chunks/{index-CXcv9meF.js → index-DBlG6tXU.js}

@@ -1,6 +1,6 @@
-import { c as V, p as zs, u as z, n as Os, o as ke, q as e, r as Fs, s as Is, t as O, j as Ds, v as Ts, w as Ls, x as Ms, y as Es, L as R, z as le, A as la, E as ra, H as ia, J as oa, K as st, M as at, N as tt, O as Js, Q, R as Qe, h as nt, V as m, W as lt, F as ca, Y as Je, Z as Ke, _ as da, $ as rt, a0 as ua, a1 as me, a2 as he, a3 as xe, a4 as pe, a5 as Se, a6 as fe, a7 as K, T as As, a8 as Vs, a9 as qs, aa as Rs, ab as ma, ac as ha, ad as de, ae as it, af as ot, ag as xa, ah as ct, C as dt, ai as ut, aj as pa, B as mt, ak as We, al as ht, am as Ks, an as fa, ao as ys, ap as Ne, aq as Fe, ar as ge, as as ga, at as xt, au as pt, av as ft, aw as gt, I as jt, ax as bt, ay as yt, az as vt, aA as qe, aB as vs, aC as Ct, a as Nt, aD as Ue, aE as Cs, aF as Ae, aG as Ns, aH as St, aI as wt, aJ as kt, aK as zt, aL as Ot, aM as Ft, aN as bs, aO as It, aP as Ws, aQ as Dt, aR as Ys, aS as Tt, aT as Lt, aU as Mt, aV as Et, aW as ja, aX as re, aY as _s, aZ as ba, a_ as At, a$ as Vt, b0 as ls, b1 as qt, b2 as Rt, b3 as _t, b4 as Ht, b5 as $t, b6 as Pt, b7 as Bt, l as Ut, b8 as us, b9 as ya, ba as va, bb as Ca, bc as rs, bd as Na, be as is, bf as Xs, bg as Gt, bh as Qt, bi as ms, bj as hs, bk as xs, bl as Jt, X as Sa, bm as Kt, bn as Wt, bo as Yt, bp as ps, bq as Ie, f as Xt, br as Be, bs as Hs, bt as wa, bu as Zt, bv as en, bw as os, bx as sn, by as an, bz as tn, bA as Zs, bB as nn, bC as ln, bD as rn, bE as on, bF as cn, bG as dn, bH as un, bI as mn, bJ as De, bK as B, bL as U, bM as $s, bN as G, bO as hn, bP as ka, bQ as xn, bR as pn, bS as fn, bT as gn, bU as jn, bV as bn, bW as yn, bX as vn, bY as Cn } from "./index-Ua4j6zM4.js";
+import { c as V, p as zs, u as z, q as Os, r as ke, s as e, t as Fs, v as Is, w as O, k as Ds, x as Ts, y as Ls, z as Ms, A as Es, E as R, H as le, J as la, K as ra, M as ia, N as oa, O as st, Q as at, R as tt, V as Js, W as Q, Y as Qe, h as nt, Z as m, _ as lt, F as ca, $ as Je, a0 as Ke, a1 as da, a2 as rt, a3 as ua, a4 as me, a5 as he, a6 as xe, a7 as pe, a8 as Se, a9 as fe, aa as K, T as As, ab as Vs, ac as qs, ad as Rs, ae as ma, af as ha, ag as de, ah as it, ai as ot, aj as xa, ak as ct, C as dt, al as ut, am as pa, B as mt, an as We, ao as ht, ap as Ks, aq as fa, ar as ys, as as Ne, at as Fe, au as ge, av as ga, aw as xt, ax as pt, ay as ft, az as gt, I as jt, aA as bt, aB as yt, aC as vt, aD as qe, aE as vs, aF as Ct, a as Nt, aG as Ue, aH as Cs, aI as Ae, aJ as Ns, aK as St, aL as wt, aM as kt, aN as zt, aO as Ot, aP as Ft, aQ as bs, aR as It, aS as Ws, aT as Dt, aU as Ys, aV as Tt, aW as Lt, aX as Mt, aY as Et, aZ as ja, a_ as re, a$ as _s, b0 as ba, b1 as At, b2 as Vt, b3 as ls, b4 as qt, b5 as Rt, b6 as _t, b7 as Ht, m as $t, b8 as Pt, b9 as Bt, ba as Ut, n as Gt, bb as us, bc as ya, bd as va, be as Ca, bf as rs, bg as Na, bh as is, bi as Xs, bj as Qt, bk as Jt, bl as ms, bm as hs, bn as xs, bo as Kt, X as Sa, bp as Wt, bq as Yt, br as Xt, bs as ps, bt as Ie, f as Zt, bu as Be, bv as Hs, bw as wa, bx as en, by as sn, bz as os, bA as an, bB as tn, bC as nn, bD as Zs, bE as ln, bF as rn, bG as on, bH as cn, bI as dn, bJ as un, bK as mn, bL as hn, bM as De, bN as B, bO as U, bP as $s, bQ as G, bR as xn, bS as ka, bT as pn, bU as fn, bV as gn, bW as jn, bX as bn, bY as yn, bZ as vn, b_ as Cn, b$ as Nn } from "./index-BDqPrh8h.js";
 import * as ea from "react";
-import we, { useState as q, useMemo as Ss, useEffect as Z, useRef as ws, Suspense as Nn } from "react";
+import we, { useState as q, useMemo as Ss, useEffect as Z, useRef as ws, Suspense as Sn } 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 Sn = V("Box", [
+const wn = V("Box", [
   [
     "path",
     {
@@ -25,7 +25,7 @@ const Sn = V("Box", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const wn = V("ChartArea", [
+const kn = V("ChartArea", [
   ["path", { d: "M3 3v16a2 2 0 0 0 2 2h16", key: "c24i48" }],
   [
     "path",
@@ -104,7 +104,7 @@ const Fa = V("ChartScatter", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const kn = V("CircleX", [
+const zn = V("CircleX", [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
   ["path", { d: "m9 9 6 6", key: "z0biqf" }]
@@ -115,7 +115,7 @@ const kn = V("CircleX", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const zn = V("CopyPlus", [
+const On = V("CopyPlus", [
   ["line", { x1: "15", x2: "15", y1: "12", y2: "18", key: "1p7wdc" }],
   ["line", { x1: "12", x2: "18", y1: "15", y2: "15", key: "1nscbv" }],
   ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
@@ -127,7 +127,7 @@ const zn = V("CopyPlus", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const On = V("Database", [
+const Fn = V("Database", [
   ["ellipse", { cx: "12", cy: "5", rx: "9", ry: "3", key: "msslwz" }],
   ["path", { d: "M3 5V19A9 3 0 0 0 21 19V5", key: "1wlel7" }],
   ["path", { d: "M3 12A9 3 0 0 0 21 12", key: "mv7ke4" }]
@@ -149,7 +149,7 @@ const Ia = V("EllipsisVertical", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Fn = V("Eraser", [
+const In = V("Eraser", [
   [
     "path",
     {
@@ -166,7 +166,7 @@ const Fn = V("Eraser", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const In = V("EyeClosed", [
+const Dn = V("EyeClosed", [
   ["path", { d: "m15 18-.722-3.25", key: "1j64jw" }],
   ["path", { d: "M2 8a10.645 10.645 0 0 0 20 0", key: "1e7gxb" }],
   ["path", { d: "m20 15-1.726-2.05", key: "1cnuld" }],
@@ -179,7 +179,7 @@ const In = V("EyeClosed", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Dn = V("Eye", [
+const Tn = V("Eye", [
   [
     "path",
     {
@@ -195,7 +195,7 @@ const Dn = V("Eye", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Tn = V("Glasses", [
+const Ln = V("Glasses", [
   ["circle", { cx: "6", cy: "15", r: "4", key: "vux9w4" }],
   ["circle", { cx: "18", cy: "15", r: "4", key: "18o8ve" }],
   ["path", { d: "M14 15a2 2 0 0 0-2-2 2 2 0 0 0-2 2", key: "1ag4bs" }],
@@ -208,7 +208,7 @@ const Tn = V("Glasses", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ln = V("Hammer", [
+const Mn = V("Hammer", [
   ["path", { d: "m15 12-8.373 8.373a1 1 0 1 1-3-3L12 9", key: "eefl8a" }],
   ["path", { d: "m18 15 4-4", key: "16gjal" }],
   [
@@ -225,7 +225,7 @@ const Ln = V("Hammer", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Mn = V("Hash", [
+const En = V("Hash", [
   ["line", { x1: "4", x2: "20", y1: "9", y2: "9", key: "4lhtct" }],
   ["line", { x1: "4", x2: "20", y1: "15", y2: "15", key: "vyu0kd" }],
   ["line", { x1: "10", x2: "8", y1: "3", y2: "21", key: "1ggp8o" }],
@@ -237,7 +237,7 @@ const Mn = V("Hash", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const En = V("House", [
+const An = V("House", [
   ["path", { d: "M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8", key: "5wwlr5" }],
   [
     "path",
@@ -253,7 +253,7 @@ const En = V("House", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const An = V("IdCard", [
+const Vn = V("IdCard", [
   ["path", { d: "M16 10h2", key: "8sgtl7" }],
   ["path", { d: "M16 14h2", key: "epxaof" }],
   ["path", { d: "M6.17 15a3 3 0 0 1 5.66 0", key: "n6f512" }],
@@ -266,7 +266,7 @@ const An = V("IdCard", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Vn = V("ListEnd", [
+const qn = V("ListEnd", [
   ["path", { d: "M16 12H3", key: "1a2rj7" }],
   ["path", { d: "M16 6H3", key: "1wxfjs" }],
   ["path", { d: "M10 18H3", key: "13769t" }],
@@ -279,7 +279,7 @@ const Vn = V("ListEnd", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const qn = V("ListStart", [
+const Rn = V("ListStart", [
   ["path", { d: "M16 12H3", key: "1a2rj7" }],
   ["path", { d: "M16 18H3", key: "12xzn7" }],
   ["path", { d: "M10 6H3", key: "lf8lx7" }],
@@ -292,7 +292,7 @@ const qn = V("ListStart", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Rn = V("ListX", [
+const _n = V("ListX", [
   ["path", { d: "M11 12H3", key: "51ecnj" }],
   ["path", { d: "M16 6H3", key: "1wxfjs" }],
   ["path", { d: "M16 18H3", key: "12xzn7" }],
@@ -331,7 +331,7 @@ const Da = V("Map", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const _n = V("MessageSquareMore", [
+const Hn = V("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" }],
@@ -343,7 +343,7 @@ const _n = V("MessageSquareMore", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Hn = V("Network", [
+const $n = V("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" }],
@@ -372,7 +372,7 @@ const Ta = V("Pencil", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const $n = V("Play", [
+const Pn = V("Play", [
   ["polygon", { points: "6 3 20 12 6 21 6 3", key: "1oa8hb" }]
 ]);
 /**
@@ -381,7 +381,7 @@ const $n = V("Play", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Pn = V("Plug2", [
+const Bn = V("Plug2", [
   ["path", { d: "M9 2v6", key: "17ngun" }],
   ["path", { d: "M15 2v6", key: "s7yy2p" }],
   ["path", { d: "M12 17v5", key: "bb1du9" }],
@@ -394,7 +394,7 @@ const Pn = V("Plug2", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Bn = V("Save", [
+const Un = V("Save", [
   [
     "path",
     {
@@ -428,7 +428,7 @@ const La = V("Shapes", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Un = V("ShieldQuestion", [
+const Gn = V("ShieldQuestion", [
   [
     "path",
     {
@@ -445,7 +445,7 @@ const Un = V("ShieldQuestion", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Gn = V("Sigma", [
+const Qn = V("Sigma", [
   [
     "path",
     {
@@ -460,7 +460,7 @@ const Gn = V("Sigma", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Qn = V("SwatchBook", [
+const Jn = V("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" }],
@@ -478,7 +478,7 @@ const Qn = V("SwatchBook", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Jn = V("Tag", [
+const Kn = V("Tag", [
   [
     "path",
     {
@@ -494,7 +494,7 @@ const Jn = V("Tag", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Kn = V("ToggleLeft", [
+const Wn = V("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" }]
 ]);
@@ -515,7 +515,7 @@ const Us = V("Type", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Wn = V("User", [
+const Yn = V("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" }]
 ]);
@@ -528,17 +528,17 @@ function Ma(s) {
       return {
         ...a,
         frames: (n = a.frames) == null ? void 0 : n.map((l) => {
-          var c;
+          var d;
           return {
             ...l,
-            cards: (c = l.cards) == null ? void 0 : c.map((r) => Yn(r))
+            cards: (d = l.cards) == null ? void 0 : d.map((r) => Xn(r))
           };
         })
       };
     })
   };
 }
-function Yn(s) {
+function Xn(s) {
   var t, a, n, l;
   return {
     ...s,
@@ -547,18 +547,18 @@ function Yn(s) {
       data: {
         ...(t = s.cfg) == null ? void 0 : t.data,
         labels: [],
-        datasets: (l = (n = (a = s.cfg) == null ? void 0 : a.data) == null ? void 0 : n.datasets) == null ? void 0 : l.map((c) => ({
-          ...c,
+        datasets: (l = (n = (a = s.cfg) == null ? void 0 : a.data) == null ? void 0 : n.datasets) == null ? void 0 : l.map((d) => ({
+          ...d,
           data: []
         }))
       }
     },
-    customCfg: Xn(s.customCfg),
+    customCfg: Zn(s.customCfg),
     // if customCfg is present, clean it, otherwise return null{
     data: []
   };
 }
-function Xn(s) {
+function Zn(s) {
   var t, a;
   return s ? {
     ...s,
@@ -572,7 +572,7 @@ function Xn(s) {
     }
   } : null;
 }
-async function Zn(s, t, a, n) {
+async function el(s, t, a, n) {
   if (!n)
     return null;
   const l = JSON.stringify(t);
@@ -586,35 +586,35 @@ async function Zn(s, t, a, n) {
 async function ks(s, t) {
   if (!t)
     return null;
-  const { id: a, template: n, filterValues: l, isDefault: c, shared: r } = s;
+  const { id: a, template: n, filterValues: l, isDefault: d, shared: r } = s;
   return await zs("https://semaphor.cloud/api/v1/lens", t, {
     lensId: a,
     template: n,
     filterValues: l,
-    isDefault: c,
+    isDefault: d,
     shared: r,
     operation: "update"
   });
 }
-async function el(s, t) {
+async function sl(s, t) {
   return t ? await zs("https://semaphor.cloud/api/v1/lens", t, {
     operation: "delete",
     lensId: s
   }) : null;
 }
-function sl() {
-  const [s, t] = q(""), [a, n] = q(!1), l = z((b) => b.lenses), { setLenses: c, setSelectedLensId: r } = Os(), [o, d] = q(!1), [p, u] = q(!1), y = z((b) => b.dashboard), g = z((b) => b.filterValues), { authToken: x } = ke();
+function al() {
+  const [s, t] = q(""), [a, n] = q(!1), l = z((C) => C.lenses), { setLenses: d, setSelectedLensId: r } = Os(), [o, c] = q(!1), [p, u] = q(!1), b = z((C) => C.dashboard), g = z((C) => C.filterValues), { authToken: h } = ke();
   async function j() {
-    d(!0);
-    const b = Ma(
-      y
-    ), I = await Zn(
+    c(!0);
+    const C = Ma(
+      b
+    ), F = await el(
       s,
-      b,
+      C,
       g,
-      x == null ? void 0 : x.accessToken
+      h == null ? void 0 : h.accessToken
     );
-    I && (c([...l || [], I]), r(I.id), u(!1)), d(!1);
+    F && (d([...l || [], F]), r(F.id), u(!1)), c(!1);
   }
   return /* @__PURE__ */ e.jsxs(Fs, { open: p, onOpenChange: u, children: [
     /* @__PURE__ */ e.jsx(Is, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
@@ -640,8 +640,8 @@ function sl() {
           le,
           {
             value: s,
-            onChange: (b) => {
-              t(b.target.value);
+            onChange: (C) => {
+              t(C.target.value);
             },
             id: "name",
             className: "col-span-7 focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0"
@@ -663,42 +663,42 @@ function sl() {
     ] })
   ] });
 }
-function al() {
-  const [s, t] = q(!1), a = z((u) => u.lenses), n = z((u) => u.selectedLensId), { setLenses: l, setSelectedLensId: c } = Os(), { authToken: r } = ke();
+function tl() {
+  const [s, t] = q(!1), a = z((u) => u.lenses), n = z((u) => u.selectedLensId), { setLenses: l, setSelectedLensId: d } = Os(), { authToken: r } = ke();
   async function o(u) {
-    c(u);
+    d(u);
   }
-  async function d(u) {
-    if (await el(u, r == null ? void 0 : r.accessToken)) {
-      const g = a == null ? void 0 : a.filter((x) => x.id !== u);
-      l(g || []), c("original");
+  async function c(u) {
+    if (await sl(u, r == null ? void 0 : r.accessToken)) {
+      const g = a == null ? void 0 : a.filter((h) => h.id !== u);
+      l(g || []), d("original");
     }
   }
   async function p(u) {
-    const y = a == null ? void 0 : a.map((j) => j.id === u.id ? {
+    const b = a == null ? void 0 : a.map((j) => j.id === u.id ? {
       ...j,
       isDefault: !u.isDefault
     } : {
       ...j,
       isDefault: !1
     });
-    l(y || []);
+    l(b || []);
     const g = {
       ...u,
       isDefault: !u.isDefault
     };
     await ks(g, r == null ? void 0 : r.accessToken);
-    const x = a == null ? void 0 : a.find((j) => j.isDefault);
-    if (x && x.id !== u.id) {
+    const h = a == null ? void 0 : a.find((j) => j.isDefault);
+    if (h && h.id !== u.id) {
       const j = {
-        ...x,
+        ...h,
         isDefault: !1
       };
       await ks(j, r == null ? void 0 : r.accessToken);
     }
   }
   return /* @__PURE__ */ e.jsxs(ra, { open: s, onOpenChange: t, children: [
-    /* @__PURE__ */ e.jsx(ia, { 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.jsx(ia, { asChild: !0, children: /* @__PURE__ */ e.jsx(O, { variant: "ghost", className: "h-7 p-2", children: /* @__PURE__ */ e.jsx(Ln, { className: "h-4 w-4", strokeWidth: 1.5 }) }) }),
     /* @__PURE__ */ e.jsxs(oa, { align: "end", className: "w-60", children: [
       /* @__PURE__ */ e.jsx(st, { className: "px-3", children: "Lenses" }),
       /* @__PURE__ */ e.jsx(at, {}),
@@ -718,10 +718,10 @@ function al() {
                   /* @__PURE__ */ e.jsx("p", { children: u.name }),
                   /* @__PURE__ */ e.jsxs("span", { className: "flex items-center gap-3", children: [
                     /* @__PURE__ */ e.jsx(
-                      En,
+                      An,
                       {
-                        onClick: (y) => {
-                          y.preventDefault(), p(u);
+                        onClick: (b) => {
+                          b.preventDefault(), p(u);
                         },
                         className: Q(
                           "size-3.5 text-muted-foreground hover:cursor-pointer hover:text-foreground group-hover:visible",
@@ -736,8 +736,8 @@ function al() {
                     /* @__PURE__ */ e.jsx(
                       Qe,
                       {
-                        onClick: (y) => {
-                          y.preventDefault(), d(u.id);
+                        onClick: (b) => {
+                          b.preventDefault(), c(u.id);
                         },
                         className: "invisible size-3.5 text-muted-foreground hover:cursor-pointer hover:text-foreground group-hover:visible",
                         strokeWidth: 1.5
@@ -754,22 +754,22 @@ function al() {
     ] })
   ] });
 }
-function tl({
+function nl({
   iconClassName: s
 }) {
-  const [t, a] = q(!1), { authToken: n } = ke(), l = z((o) => o.theme), c = z((o) => o.filterValues);
+  const [t, a] = q(!1), { authToken: n } = ke(), l = z((o) => o.theme), d = z((o) => o.filterValues);
   async function r() {
     {
       a(!0);
       const o = new URLSearchParams();
-      o.set("token", (n == null ? void 0 : n.accessToken) || ""), o.set("theme", l || "light"), o.set("filterValues", JSON.stringify(c));
-      const d = `https://semaphor.cloud/api/v1/generate-pdf?params=${encodeURIComponent(o.toString())}`, u = await (await fetch(d, {
+      o.set("token", (n == null ? void 0 : n.accessToken) || ""), o.set("theme", l || "light"), o.set("filterValues", JSON.stringify(d));
+      const c = `https://semaphor.cloud/api/v1/generate-pdf?params=${encodeURIComponent(o.toString())}`, u = await (await fetch(c, {
         method: "GET",
         headers: {
           Authorization: `Bearer ${n == null ? void 0 : n.accessToken}`
         }
-      })).blob(), y = URL.createObjectURL(u);
-      window.open(y, "_blank"), a(!1);
+      })).blob(), b = URL.createObjectURL(u);
+      window.open(b, "_blank"), a(!1);
     }
   }
   return /* @__PURE__ */ e.jsx(
@@ -789,29 +789,29 @@ function tl({
     }
   );
 }
-function nl() {
+function ll() {
   q(!1);
   const { authToken: s } = ke();
   z((f) => f.theme);
   const t = z((f) => f.lenses), a = z((f) => f.selectedLensId), n = t == null ? void 0 : t.find((f) => f.id === a), l = z((f) => f.dashboard);
   z((f) => f.selectedSheetId);
-  const c = z(
+  const d = z(
     (f) => f.isDashboardEditing
   ), r = m(
     (f) => f.selectedConnectionId
-  ), [o, d] = q(!1), p = z((f) => f.filterValues), u = z((f) => f.isVisualEditing), y = z((f) => f.showFilters);
+  ), [o, c] = q(!1), p = z((f) => f.filterValues), u = z((f) => f.isVisualEditing), b = z((f) => f.showFilters);
   z(
     (f) => f.showDashboardJSON
   );
-  const g = z((f) => f.onSaveFunction), x = z(
+  const g = z((f) => f.onSaveFunction), h = z(
     (f) => f.actions.setShowFilters
-  ), { addFrame: j, setSelectedFrameId: b } = z(
+  ), { addFrame: j, setSelectedFrameId: C } = z(
     (f) => f.actions
-  ), { getSelectedSheet: I, setIsDashboardEditing: C, setShowDashboardJSON: T } = z((f) => f.actions), F = I(), { tenantId: A, endUserId: N } = Ss(
+  ), { getSelectedSheet: F, setIsDashboardEditing: y, setShowDashboardJSON: T } = z((f) => f.actions), I = F(), { tenantId: A, endUserId: N } = Ss(
     () => lt(s == null ? void 0 : s.accessToken),
     [s == null ? void 0 : s.accessToken]
   ), S = Ss(() => A || N, [A, N]), L = () => {
-    if (!c || !F) return;
+    if (!d || !I) return;
     const f = {
       connectionId: r,
       id: Je(),
@@ -833,12 +833,12 @@ function nl() {
       cards: [f],
       activeCardId: f.id
     };
-    j(F.id, k), b(k.id);
-  }, h = () => {
-    C(!0);
+    j(I.id, k), C(k.id);
+  }, x = () => {
+    y(!0);
   };
   async function v() {
-    if (d(!0), !a || !n) return;
+    if (c(!0), !a || !n) return;
     const f = Ma(
       l
     ), k = JSON.stringify(f), M = {
@@ -846,7 +846,7 @@ function nl() {
       template: k,
       filterValues: p
     };
-    await ks(M, s == null ? void 0 : s.accessToken), Ke.success("Lens saved"), g == null || g(f), d(!1);
+    await ks(M, s == null ? void 0 : s.accessToken), Ke.success("Lens saved"), g == null || g(f), c(!1);
   }
   return u ? null : /* @__PURE__ */ e.jsxs(
     "div",
@@ -856,16 +856,16 @@ function nl() {
       children: [
         !u && /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ e.jsx(R, { children: n == null ? void 0 : n.name }) }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ e.jsx(tl, {}),
-          c && !u && S && /* @__PURE__ */ e.jsx(sl, {}),
-          !u && S && /* @__PURE__ */ e.jsx(al, {}),
-          c && !u && /* @__PURE__ */ e.jsxs(
+          /* @__PURE__ */ e.jsx(nl, {}),
+          d && !u && S && /* @__PURE__ */ e.jsx(al, {}),
+          !u && S && /* @__PURE__ */ e.jsx(tl, {}),
+          d && !u && /* @__PURE__ */ e.jsxs(
             O,
             {
               variant: "secondary",
               className: "h-7 p-2",
               size: "sm",
-              disabled: !c,
+              disabled: !d,
               onClick: L,
               children: [
                 /* @__PURE__ */ e.jsx(Ds, { className: "mr-2 h-4 w-4", strokeWidth: 1.5 }),
@@ -873,30 +873,30 @@ function nl() {
               ]
             }
           ),
-          !c && /* @__PURE__ */ e.jsx(
+          !d && /* @__PURE__ */ e.jsx(
             O,
             {
               variant: "ghost",
               className: "h-7 p-2",
-              onClick: h,
+              onClick: x,
               size: "sm",
               children: /* @__PURE__ */ e.jsx(Ta, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          c && !u && /* @__PURE__ */ e.jsx(
+          d && !u && /* @__PURE__ */ e.jsx(
             O,
             {
               variant: "ghost",
               role: "close",
               className: "h-7 p-2",
               onClick: () => {
-                C(!1), T(!1);
+                y(!1), T(!1);
               },
               size: "sm",
               children: /* @__PURE__ */ e.jsx(Qe, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          c && !u && S && /* @__PURE__ */ e.jsx(
+          d && !u && S && /* @__PURE__ */ e.jsx(
             O,
             {
               className: "h-7 p-2",
@@ -904,20 +904,20 @@ function nl() {
               disabled: o,
               onClick: v,
               size: "sm",
-              children: /* @__PURE__ */ e.jsx(Bn, { className: "h-4 w-4", strokeWidth: 1.5 })
+              children: /* @__PURE__ */ e.jsx(Un, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          !y && !u && c && /* @__PURE__ */ e.jsx(
+          !b && !u && d && /* @__PURE__ */ e.jsx(
             O,
             {
               className: "h-7 p-2",
               variant: "ghost",
-              onClick: () => x(!0),
+              onClick: () => h(!0),
               size: "sm",
               children: /* @__PURE__ */ e.jsx(ca, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          !u && c && !1,
+          !u && d && !1,
           !u && !1
         ] })
       ]
@@ -930,38 +930,38 @@ function Pe({
   value: a,
   isLoading: n,
   isError: l,
-  connectionTooltip: c,
+  connectionTooltip: d,
   onChange: r,
   showNone: o = !1,
-  className: d,
+  className: c,
   showIcon: p = !0,
   disabled: u = !1
 }) {
-  const y = n ? "Loading..." : l ? "Error" : a;
+  const b = n ? "Loading..." : l ? "Error" : a;
   function g() {
     if (s === "Connection")
-      return /* @__PURE__ */ e.jsx(Pn, { className: "size-4 rotate-90" });
+      return /* @__PURE__ */ e.jsx(Bn, { className: "size-4 rotate-90" });
     if (s === "Database")
-      return /* @__PURE__ */ e.jsx(On, { className: "size-4" });
+      return /* @__PURE__ */ e.jsx(Fn, { className: "size-4" });
     if (s === "Schema")
-      return /* @__PURE__ */ e.jsx(Hn, { className: "size-4" });
+      return /* @__PURE__ */ e.jsx($n, { className: "size-4" });
     if (s === "Table")
       return /* @__PURE__ */ e.jsx(As, { className: "size-4" });
     if (s === "Model")
-      return /* @__PURE__ */ e.jsx(Sn, { className: "size-4" });
+      return /* @__PURE__ */ e.jsx(wn, { className: "size-4" });
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-    p && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: c ? /* @__PURE__ */ e.jsxs(da, { children: [
+    p && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: d ? /* @__PURE__ */ e.jsxs(da, { children: [
       /* @__PURE__ */ e.jsx(rt, { children: g() }),
-      /* @__PURE__ */ e.jsx(ua, { className: "text-xs", align: "start", children: c })
+      /* @__PURE__ */ e.jsx(ua, { className: "text-xs", align: "start", children: d })
     ] }) : g() }),
-    /* @__PURE__ */ e.jsxs(me, { disabled: u, value: y, onValueChange: r, children: [
+    /* @__PURE__ */ e.jsxs(me, { disabled: u, value: b, onValueChange: r, children: [
       /* @__PURE__ */ e.jsx(
         he,
         {
           className: Q(
             "h-9 w-full focus:ring-1 focus:ring-offset-0",
-            d
+            c
           ),
           children: /* @__PURE__ */ e.jsx(
             xe,
@@ -975,39 +975,39 @@ function Pe({
         n ? /* @__PURE__ */ e.jsx(fe, { children: "Loading..." }) : /* @__PURE__ */ e.jsx(fe, { children: s }),
         /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
           o && /* @__PURE__ */ e.jsx(K, { value: "none", children: "None" }, "none"),
-          t && t.map((x, j) => /* @__PURE__ */ e.jsx(K, { value: x.id, children: x.name }, j))
+          t && t.map((h, j) => /* @__PURE__ */ e.jsx(K, { value: h.id, children: h.name }, j))
         ] }),
-        (n || l) && /* @__PURE__ */ e.jsx(K, { value: y, children: y })
+        (n || l) && /* @__PURE__ */ e.jsx(K, { value: b, children: b })
       ] }) })
     ] })
   ] });
 }
-function ll({ column: s }) {
-  const [t, a] = q(!1), n = m((x) => x.selectedTableName), l = m(
-    (x) => x.selectedSchemaName
-  ), c = m(
-    (x) => x.selectedDatamodelId
-  ), r = m((x) => x.sqlGen), { modelItems: o } = Re(), d = m((x) => x.actions.setSqlGen), p = m((x) => x.actions.setCardSql), u = m((x) => x.actions.setRunSql);
-  function y(x, j) {
+function rl({ column: s }) {
+  const [t, a] = q(!1), n = m((h) => h.selectedTableName), l = m(
+    (h) => h.selectedSchemaName
+  ), d = m(
+    (h) => h.selectedDatamodelId
+  ), r = m((h) => h.sqlGen), { modelItems: o } = Re(), c = m((h) => h.actions.setSqlGen), p = m((h) => h.actions.setCardSql), u = m((h) => h.actions.setRunSql);
+  function b(h, j) {
     var T;
-    const b = ma(x, r, j), I = (T = o == null ? void 0 : o.find(
-      (F) => F.id === c
+    const C = ma(h, r, j), F = (T = o == null ? void 0 : o.find(
+      (I) => I.id === d
     )) == null ? void 0 : T.name;
-    d(b);
-    const C = ha(
-      b,
+    c(C);
+    const y = ha(
+      C,
       de(l || ""),
       de(n),
-      I
+      F
     );
-    C && (p(C), u(!0)), a(!1);
+    y && (p(y), u(!0)), a(!1);
   }
   function g() {
     return /* @__PURE__ */ e.jsxs("ul", { className: "text-xs", children: [
       /* @__PURE__ */ e.jsx(
         "li",
         {
-          onClick: () => y(s, "COUNT"),
+          onClick: () => b(s, "COUNT"),
           className: "cursor-pointer p-1 px-3 transition-colors hover:bg-muted",
           children: "Count"
         }
@@ -1015,7 +1015,7 @@ function ll({ column: s }) {
       /* @__PURE__ */ e.jsx(
         "li",
         {
-          onClick: () => y(s, "AVG"),
+          onClick: () => b(s, "AVG"),
           className: "cursor-pointer p-1 px-3 transition-colors hover:bg-muted",
           children: "Avg"
         }
@@ -1023,7 +1023,7 @@ function ll({ column: s }) {
       /* @__PURE__ */ e.jsx(
         "li",
         {
-          onClick: () => y(s, "SUM"),
+          onClick: () => b(s, "SUM"),
           className: "cursor-pointer p-1 px-3 transition-colors hover:bg-muted",
           children: "Sum"
         }
@@ -1031,7 +1031,7 @@ function ll({ column: s }) {
       /* @__PURE__ */ e.jsx(
         "li",
         {
-          onClick: () => y(s, "MAX"),
+          onClick: () => b(s, "MAX"),
           className: "cursor-pointer p-1 px-3 transition-colors hover:bg-muted",
           children: "Max"
         }
@@ -1039,7 +1039,7 @@ function ll({ column: s }) {
       /* @__PURE__ */ e.jsx(
         "li",
         {
-          onClick: () => y(s, "MIN"),
+          onClick: () => b(s, "MIN"),
           className: "cursor-pointer p-1 px-3 transition-colors hover:bg-muted",
           children: "Min"
         }
@@ -1065,67 +1065,67 @@ function Ea({ column: s }) {
       /* @__PURE__ */ e.jsx(Us, { className: "size-3" })
     ) : xa.includes(s.data_type.toLowerCase()) ? (
       //
-      /* @__PURE__ */ e.jsx(Mn, { className: "size-3" })
-    ) : ct.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(dt, { className: "size-3" }) : ut.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(Kn, { className: "size-3" }) : /* @__PURE__ */ e.jsx(Un, { className: "size-3" }) }),
+      /* @__PURE__ */ e.jsx(En, { className: "size-3" })
+    ) : ct.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(dt, { className: "size-3" }) : ut.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(Wn, { className: "size-3" }) : /* @__PURE__ */ e.jsx(Gn, { className: "size-3" }) }),
     /* @__PURE__ */ e.jsx(ua, { children: /* @__PURE__ */ e.jsx("p", { className: "font-mono text-xs", children: s.data_type }) })
   ] });
 }
-function rl({
+function il({
   schemaName: s,
   tableName: t,
   columns: a,
   status: n
 }) {
-  const l = m((h) => h.sqlGen), c = m(
-    (h) => h.selectedConnectionId
+  const l = m((x) => x.sqlGen), d = m(
+    (x) => x.selectedConnectionId
   ), r = m(
-    (h) => h.selectedDatabaseName
+    (x) => x.selectedDatabaseName
   ), o = m(
-    (h) => h.selectedSchemaName
-  ), d = m((h) => h.selectedTableName), p = m(
-    (h) => h.selectedDatamodelId
+    (x) => x.selectedSchemaName
+  ), c = m((x) => x.selectedTableName), p = m(
+    (x) => x.selectedDatamodelId
   ), u = z(
-    (h) => h.dashboard.aiScopeTables
-  ), { setAIScopeTables: y } = z((h) => h.actions), g = m((h) => h.actions.setRunSql), x = m((h) => h.actions.setSqlGen), j = m(
-    (h) => h.actions.setIsShowingVisual
-  ), b = m((h) => h.actions.setCardSql), { connectionType: I, modelItems: C } = Re();
-  function T(h) {
+    (x) => x.dashboard.aiScopeTables
+  ), { setAIScopeTables: b } = z((x) => x.actions), g = m((x) => x.actions.setRunSql), h = m((x) => x.actions.setSqlGen), j = m(
+    (x) => x.actions.setIsShowingVisual
+  ), C = m((x) => x.actions.setCardSql), { connectionType: F, modelItems: y } = Re();
+  function T(x) {
     var M;
-    const v = ma(h, l);
-    x(v);
-    const f = (M = C == null ? void 0 : C.find(
+    const v = ma(x, l);
+    h(v);
+    const f = (M = y == null ? void 0 : y.find(
       (H) => H.id === p
     )) == null ? void 0 : M.name, k = ha(v, de(s), de(t), f);
-    k && (b(k), g(!0));
+    k && (C(k), g(!0));
   }
-  function F() {
+  function I() {
     return (u == null ? void 0 : u.find(
-      (h) => h.connectinonId === c && h.tableName === d
+      (x) => x.connectinonId === d && x.tableName === c
     )) !== void 0;
   }
-  function A(h) {
-    if (h === !0 && d && c) {
+  function A(x) {
+    if (x === !0 && c && d) {
       const v = {
-        connectinonId: c,
-        connectionType: I,
+        connectinonId: d,
+        connectionType: F,
         databaseName: r,
         schemaName: o,
-        tableName: d
+        tableName: c
       }, k = [...u || [], v].filter(
         (M, H, P) => P.findIndex(
           (Y) => Y.connectinonId === M.connectinonId && Y.tableName === M.tableName
         ) === H
       );
-      y(k), Ke.success(`Added '${d}' to AI Scope`, {
+      b(k), Ke.success(`Added '${c}' to AI Scope`, {
         position: "top-right",
         duration: 2500,
         richColors: !0
       });
     } else {
       const v = (u || []).filter(
-        (f) => f.connectinonId !== c && f.tableName !== d
+        (f) => f.connectinonId !== d && f.tableName !== c
       );
-      y(v), Ke(`Removed '${d}' from AI Scope`, {
+      b(v), Ke(`Removed '${c}' from AI Scope`, {
         position: "top-right",
         duration: 2e3,
         richColors: !0
@@ -1134,31 +1134,31 @@ function rl({
   }
   function N() {
     var M;
-    let h = fa(s, t);
-    const v = (M = C == null ? void 0 : C.find(
+    let x = fa(s, t);
+    const v = (M = y == null ? void 0 : y.find(
       (H) => H.id === p
     )) == null ? void 0 : M.name;
-    console.log("modelName", v), p && p !== "none" && (h = `${ys}.${v}`);
-    let f = h;
+    console.log("modelName", v), p && p !== "none" && (x = `${ys}.${v}`);
+    let f = x;
     return ((H) => /[A-Z]/.test(H))(t) && (f = f.split(".").map((P) => `"${P}"`).join(".")), f;
   }
   function S() {
-    const h = N();
+    const x = N();
     j(!1);
-    const v = I === "MSSQL" ? `SELECT top 10 * FROM ${h}` : `SELECT * FROM ${h} LIMIT 10`;
-    b(v), g(!0);
+    const v = F === "MSSQL" ? `SELECT top 10 * FROM ${x}` : `SELECT * FROM ${x} LIMIT 10`;
+    C(v), g(!0);
   }
   function L() {
-    const h = N();
-    b(`SELECT COUNT(*) as count FROM ${h}`), g(!0);
+    const x = N();
+    C(`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: [
       /* @__PURE__ */ e.jsx(
         pa,
         {
-          title: `${F() ? "Remove from" : "Add to"} AI Scope`,
-          pressed: F(),
+          title: `${I() ? "Remove from" : "Add to"} AI Scope`,
+          pressed: I(),
           onPressedChange: A,
           variant: "outline",
           className: "h-9 px-2",
@@ -1166,8 +1166,8 @@ function rl({
             mt,
             {
               className: Q("size-4", {
-                "text-primary": F(),
-                "text-muted-foreground": !F()
+                "text-primary": I(),
+                "text-muted-foreground": !I()
               })
             }
           )
@@ -1182,7 +1182,7 @@ function rl({
           variant: "secondary",
           className: "flex",
           children: [
-            n !== "Success" ? /* @__PURE__ */ e.jsx(Ve, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(Qn, { className: "mr-2 size-4" }),
+            n !== "Success" ? /* @__PURE__ */ e.jsx(Ve, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(Jn, { className: "mr-2 size-4" }),
             "Top 10"
           ]
         }
@@ -1196,7 +1196,7 @@ function rl({
           variant: "secondary",
           className: "flex",
           children: [
-            n !== "Success" ? /* @__PURE__ */ e.jsx(Ve, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(Gn, { className: "mr-2 size-4" }),
+            n !== "Success" ? /* @__PURE__ */ e.jsx(Ve, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(Qn, { className: "mr-2 size-4" }),
             "Count"
           ]
         }
@@ -1207,32 +1207,32 @@ function rl({
       {
         className: "flex-1 basis-0 overflow-y-auto border-b border-t border-muted py-3",
         children: [
-          a == null ? void 0 : a.map((h) => /* @__PURE__ */ e.jsxs(
+          a == null ? void 0 : a.map((x) => /* @__PURE__ */ e.jsxs(
             "div",
             {
-              onClick: () => T(h),
+              onClick: () => T(x),
               className: Q(
                 "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(h, l)
+                  "bg-muted": ht(x, l)
                 }
               ),
               children: [
                 /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-                  /* @__PURE__ */ e.jsx(Ea, { column: h }),
-                  /* @__PURE__ */ e.jsx("span", { children: h.column_name })
+                  /* @__PURE__ */ e.jsx(Ea, { 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: xa.includes(h.data_type) && /* @__PURE__ */ e.jsx(ll, { column: h })
+                    children: xa.includes(x.data_type) && /* @__PURE__ */ e.jsx(rl, { column: x })
                   }
                 )
               ]
             },
-            h.column_name
+            x.column_name
           )),
           /* @__PURE__ */ e.jsx(Ks, { orientation: "vertical" }),
           /* @__PURE__ */ e.jsx(Ks, { orientation: "horizontal" })
@@ -1246,36 +1246,36 @@ function Re(s, t) {
   let a = Ss(() => [], []);
   const n = ke().authToken || s, l = m(
     (i) => i.selectedConnectionId
-  ), c = m(
+  ), d = m(
     (i) => i.selectedDatamodelId
   ), r = m(
     (i) => i.selectedDatabaseName
   ), o = m(
     (i) => i.selectedSchemaName
-  ), d = m((i) => i.selectedTableName), p = m(
+  ), c = m((i) => i.selectedTableName), p = m(
     (i) => i.actions.setCurrentColumns
   ), u = m(
     (i) => i.actions.setSelectedConnectionId
-  ), y = m(
+  ), b = m(
     (i) => i.actions.setSelectedDatamodelId
   ), g = m(
     (i) => i.actions.setSelectedDatabaseName
-  ), x = m(
+  ), h = m(
     (i) => i.actions.setSelectedSchemaName
   ), j = m(
     (i) => i.actions.setSelectedTableName
-  ), b = m((i) => i.actions.setCardSql);
-  function I(i) {
+  ), C = m((i) => i.actions.setCardSql);
+  function F(i) {
     return l && r && o && r !== "NA" ? !0 : l && i === "API" ? !1 : !!(l && i === "S3");
   }
-  function C(i) {
-    return !!(l && r && r !== "NA" && o && d || l && (i === "S3" || i === "API") || c && c);
+  function y(i) {
+    return !!(l && r && r !== "NA" && o && c || l && (i === "S3" || i === "API") || d && d);
   }
   function T(i) {
     return l && i ? !(i === "API" || i === "S3") : !1;
   }
   const {
-    data: F,
+    data: I,
     isLoading: A,
     isError: N
   } = Ne({
@@ -1289,7 +1289,7 @@ function Re(s, t) {
   }), {
     data: S,
     isLoading: L,
-    isError: h
+    isError: x
   } = Ne({
     queryKey: ["models", l],
     queryFn: () => Fe(
@@ -1301,7 +1301,7 @@ function Re(s, t) {
     ),
     enabled: !!(n != null && n.accessToken) && !!l
     // Only fetch if authToken is present
-  }), v = F == null ? void 0 : F.connections.find(
+  }), v = I == null ? void 0 : I.connections.find(
     (i) => i.id === l
   ), f = v == null ? void 0 : v.type, k = (v == null ? void 0 : v.type) === "API" || (v == null ? void 0 : v.type) === "S3", {
     data: M,
@@ -1360,7 +1360,7 @@ function Re(s, t) {
         schema_name: o
       }
     ),
-    enabled: I(f)
+    enabled: F(f)
   }), {
     data: te,
     isLoading: Le,
@@ -1371,23 +1371,23 @@ function Re(s, t) {
       "columns",
       l,
       r,
-      c,
+      d,
       o,
-      d
+      c
     ],
     queryFn: () => Fe(
       "https://semaphor.cloud/api/v1/columns",
       (n == null ? void 0 : n.accessToken) || "",
       {
         connection_id: l,
-        datamodel_id: c || "",
+        datamodel_id: d || "",
         // don't pass undefined. Pass empty string
         database_name: r,
         schema_name: o,
-        table_name: d
+        table_name: c
       }
     ),
-    enabled: C(f)
+    enabled: y(f)
     // (!!selectedConnectionId &&
     //   !!selectedDatabaseName &&
     //   !!selectedSchemaName &&
@@ -1401,30 +1401,30 @@ function Re(s, t) {
   }, [te, p, a]), Z(() => {
   }, [
     k,
-    b,
+    C,
     j,
-    x,
+    h,
     g,
     v
   ]);
-  const ye = (v == null ? void 0 : v.type) === "API" ? (Xe = v == null ? void 0 : v.type) == null ? void 0 : Xe.toLowerCase() : d || "", J = k ? "" : o || "";
+  const ye = (v == null ? void 0 : v.type) === "API" ? (Xe = v == null ? void 0 : v.type) == null ? void 0 : Xe.toLowerCase() : c || "", J = k ? "" : o || "";
   function oe(i) {
-    x(i), j("");
+    h(i), j("");
   }
   function ce(i) {
-    g(i === "none" ? "" : i), x(""), j(""), i !== "none" && i !== "" && y("");
+    g(i === "none" ? "" : i), h(""), j(""), i !== "none" && i !== "" && b("");
   }
   function Oe(i) {
     u(i);
   }
   function Me(i) {
-    y(i === "none" ? "" : i), i !== "none" && i !== "" && g("");
+    b(i === "none" ? "" : i), i !== "none" && i !== "" && g("");
   }
   M && ((Ze = M == null ? void 0 : M.databases) == null ? void 0 : Ze.length) > 0, W && ((es = W == null ? void 0 : W.schemas) == null ? void 0 : es.length) > 0, te && ((ss = te == null ? void 0 : te.columns) == null ? void 0 : ss.length) > 0 && (a = te.columns.map((i) => ({
     ...i,
     data_type: i.data_type.toLowerCase()
   }))), Y && (a = []), (be || N) && (a = []);
-  const He = F == null ? void 0 : F.connections.map(
+  const He = I == null ? void 0 : I.connections.map(
     (i) => ({
       id: i.id,
       name: i.name,
@@ -1449,7 +1449,7 @@ function Re(s, t) {
     isConnectionsError: N,
     modelItems: $e,
     isModelsLoading: L,
-    isModelsError: h,
+    isModelsError: x,
     databaseItems: Ee,
     isDatabasesLoadingOrFetching: H || P,
     isDatabaseError: Y,
@@ -1484,27 +1484,27 @@ function Aa({
     ($) => $.selectedDatabaseName
   ), l = m(
     ($) => $.selectedSchemaName
-  ), c = m(($) => $.selectedTableName), r = m(
+  ), d = m(($) => $.selectedTableName), r = m(
     ($) => $.actions.setSelectedTableName
   ), {
     connectionItems: o,
-    modelItems: d,
+    modelItems: c,
     schemaItems: p,
     databaseItems: u,
-    tableItems: y,
+    tableItems: b,
     columns: g,
-    isConnectionsLoading: x,
+    isConnectionsLoading: h,
     isModelsLoading: j,
-    isConnectionsError: b,
-    isModelsError: I,
-    isDatabasesLoadingOrFetching: C,
+    isConnectionsError: C,
+    isModelsError: F,
+    isDatabasesLoadingOrFetching: y,
     isDatabaseError: T,
-    isSchemaLoadingOrFetching: F,
+    isSchemaLoadingOrFetching: I,
     isSchemaError: A,
     isColumnsError: N,
     isColumnsLoadingOrFetching: S,
     isTableLoadingOrFetching: L,
-    isTableError: h,
+    isTableError: x,
     connectionType: v,
     isNonDbConnection: f,
     handleConnectionChange: k,
@@ -1516,7 +1516,7 @@ function Aa({
   } = Re();
   function W() {
     return s ? s(ie, Y, g) : /* @__PURE__ */ e.jsx(
-      rl,
+      il,
       {
         schemaName: ie,
         tableName: Y,
@@ -1537,7 +1537,7 @@ function Aa({
           showNone: !0,
           onChange: M,
           isError: T,
-          isLoading: C,
+          isLoading: y,
           items: u,
           value: n || "",
           title: "Database"
@@ -1560,9 +1560,9 @@ function Aa({
         {
           showNone: !0,
           onChange: P,
-          isError: I,
+          isError: F,
           isLoading: j,
-          items: d,
+          items: c,
           value: a || "",
           title: "Model"
         }
@@ -1574,7 +1574,7 @@ function Aa({
       {
         onChange: H,
         isError: A,
-        isLoading: F,
+        isLoading: I,
         items: p,
         value: l || "",
         title: "Schema"
@@ -1590,10 +1590,10 @@ function Aa({
       Pe,
       {
         onChange: r,
-        isError: h,
-        items: y,
+        isError: x,
+        items: b,
         isLoading: L,
-        value: c || "",
+        value: d || "",
         title: "Table"
       }
     ) : null;
@@ -1607,8 +1607,8 @@ function Aa({
           title: "Connection",
           value: t || "",
           onChange: k,
-          isLoading: x,
-          isError: b,
+          isLoading: h,
+          isError: C,
           connectionTooltip: ((se = o == null ? void 0 : o.find(
             ($) => $.id === t
           )) == null ? void 0 : se.type) || ""
@@ -1629,17 +1629,17 @@ function Aa({
         variant: "secondary",
         className: "w-full",
         children: [
-          /* @__PURE__ */ e.jsx(_n, { className: "mr-2 size-4" }),
+          /* @__PURE__ */ e.jsx(Hn, { className: "mr-2 size-4" }),
           "Help"
         ]
       }
     ) })
   ] });
 }
-function il(s) {
+function ol(s) {
   const t = s.toUpperCase().indexOf("WHERE"), a = s.toUpperCase().indexOf("GROUP BY"), n = s.toUpperCase().indexOf("LIMIT"), l = s.toUpperCase().indexOf("ORDER BY");
-  let c = s.length;
-  if (l !== -1 && (c = l), n !== -1 && n < c && (c = n), t !== -1) {
+  let d = s.length;
+  if (l !== -1 && (d = l), n !== -1 && n < d && (d = n), t !== -1) {
     const r = s.substring(0, t), o = s.substring(t);
     return `${r} {{ filters | where }} AND ${o.substring(
       6
@@ -1648,18 +1648,18 @@ function il(s) {
     const r = s.substring(0, a), o = s.substring(a);
     return `${r} {{ filters | where }} ${o}`;
   } else {
-    const r = s.substring(0, c), o = s.substring(c);
+    const r = s.substring(0, d), o = s.substring(d);
     return `${r} {{ filters | where }} ${o}`;
   }
 }
-function ol({
+function cl({
   error: s,
   setShowAIDialog: t,
   setUserInputforAI: a,
   setTriggerAIRun: n
 }) {
   return /* @__PURE__ */ e.jsxs(Vs, { openDelay: 0, children: [
-    /* @__PURE__ */ e.jsx(qs, { 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" }) }) }),
+    /* @__PURE__ */ e.jsx(qs, { 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(
       Rs,
       {
@@ -1676,7 +1676,7 @@ function ol({
               size: "sm",
               variant: "outline",
               children: [
-                /* @__PURE__ */ e.jsx(Ln, { className: "mr-2 h-4 w-4" }),
+                /* @__PURE__ */ e.jsx(Mn, { className: "mr-2 h-4 w-4" }),
                 "Debug with AI"
               ]
             }
@@ -1686,7 +1686,7 @@ function ol({
     )
   ] });
 }
-const cl = `
+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.
 
@@ -1733,27 +1733,27 @@ SELECT label, measure FROM table
 - Label - Category 
 - Measure - Number 
 `;
-function dl({
+function ul({
   open: s,
   setOpen: t,
   userInput: a,
   setUserInput: n,
   triggerAIRun: l,
-  setTriggerAIRun: c
+  setTriggerAIRun: d
 }) {
-  const r = ws(null), o = ws(null), { authToken: d } = ke(), [p, u] = q(!1), y = m((w) => w.actions.setCardSql), g = z((w) => w.dashboard.baseQueries), x = m((w) => w.actions.setRunSql), j = m((w) => w.actions.setCardType), [b, I] = q([]), C = m((w) => w.currentColumns), T = m((w) => w.card.sql), F = m((w) => w.selectedTableName), A = `
+  const r = ws(null), o = ws(null), { authToken: c } = ke(), [p, u] = q(!1), b = m((w) => w.actions.setCardSql), g = z((w) => w.dashboard.baseQueries), h = m((w) => w.actions.setRunSql), j = m((w) => w.actions.setCardType), [C, F] = q([]), y = m((w) => w.currentColumns), T = m((w) => w.card.sql), I = m((w) => w.selectedTableName), A = `
   ${a}
 
-  Database Query Dialect: ${F === "api" || F === "s3" ? "DuckDb" : ""}
-  Table Name: ${F}   
-  Table Columns: ${C == null ? void 0 : C.map((w) => `${w.column_name} | ${w.data_type}`).join(", ")}
+  Database Query Dialect: ${I === "api" || I === "s3" ? "DuckDb" : ""}
+  Table Name: ${I}   
+  Table Columns: ${y == null ? void 0 : y.map((w) => `${w.column_name} | ${w.data_type}`).join(", ")}
   User SQL: ${T}  
   ${g && `Base Queries: ${JSON.stringify(g)} `}`, N = ` When the user asks for a specific chart please use the following query structure to generate the chart query. Do not make up the column names. Use only the table columns provided above for the query. Replace x-axis, y-axis, and lables with the appropriate column names.
-  Visual Query Syntax: ${cl}`, { data: S, isLoading: L, isFetching: h, isError: v, refetch: f } = Ne({
+  Visual Query Syntax: ${dl}`, { data: S, isLoading: L, isFetching: x, isError: v, refetch: f } = Ne({
     queryKey: ["ai-query"],
     queryFn: () => Fe(
       "https://semaphor.cloud/api/v1/ai",
-      (d == null ? void 0 : d.accessToken) || "",
+      (c == null ? void 0 : c.accessToken) || "",
       {
         user_content: `userContent: ${A} ${p ? N : ""}`
       }
@@ -1783,7 +1783,7 @@ function dl({
     return !0;
   }
   Z(() => {
-    S && I((w) => [...w, { role: "ai", content: S.response }]);
+    S && F((w) => [...w, { role: "ai", content: S.response }]);
   }, [S]), Z(() => {
     const w = setTimeout(() => {
       var _;
@@ -1793,13 +1793,13 @@ function dl({
       }), (_ = r.current) == null || _.focus());
     }, 100);
     return () => clearTimeout(w);
-  }, [b]);
+  }, [C]);
   function M() {
-    a && (I((w) => [...w, { role: "user", content: a }]), k(a) && u(!0), n(""), f());
+    a && (F((w) => [...w, { role: "user", content: a }]), k(a) && u(!0), n(""), f());
   }
   Z(() => {
-    l && (M(), c(!1));
-  }, [l, c]);
+    l && (M(), d(!1));
+  }, [l, d]);
   const H = {
     //seleect a darker color
     // color: '#000',
@@ -1838,7 +1838,7 @@ function dl({
           {
             onClick: (ee) => {
               const E = W(ee);
-              E && (t(!1), y(E), x(!0));
+              E && (t(!1), b(E), h(!0));
             },
             size: "sm",
             variant: "outline",
@@ -1857,12 +1857,12 @@ function dl({
     return navigator.clipboard.writeText(ee).then(() => console.log("Text copied to clipboard")).catch((E) => console.error("Error in copying text: ", E)), ee;
   }
   function ae() {
-    return b == null ? void 0 : b.map((w, _) => w.role === "user" ? /* @__PURE__ */ e.jsxs(
+    return C == null ? void 0 : C.map((w, _) => w.role === "user" ? /* @__PURE__ */ e.jsxs(
       "div",
       {
         className: "flex items-start rounded-md bg-muted p-3 text-sm",
         children: [
-          /* @__PURE__ */ e.jsx(Wn, { className: "mr-2 h-5 w-5" }),
+          /* @__PURE__ */ e.jsx(Yn, { className: "mr-2 h-5 w-5" }),
           /* @__PURE__ */ e.jsx("div", { children: w.content })
         ]
       },
@@ -1924,7 +1924,7 @@ function dl({
                     className: Q(
                       "max-h-10 min-h-7 resize-none border-none focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0"
                     ),
-                    disabled: L || h,
+                    disabled: L || x,
                     value: a,
                     onChange: (w) => n(w.target.value)
                   }
@@ -1937,7 +1937,7 @@ function dl({
                     size: "sm",
                     variant: "ghost",
                     onClick: M,
-                    children: !L && !h ? /* @__PURE__ */ e.jsx(xt, {}) : /* @__PURE__ */ e.jsx(Ve, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" })
+                    children: !L && !x ? /* @__PURE__ */ e.jsx(xt, {}) : /* @__PURE__ */ e.jsx(Ve, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" })
                   }
                 )
               ] })
@@ -1954,18 +1954,18 @@ var Va = {
   className: void 0,
   style: void 0,
   attr: void 0
-}, sa = we.createContext && /* @__PURE__ */ we.createContext(Va), ul = ["attr", "size", "title"];
-function ml(s, t) {
+}, sa = we.createContext && /* @__PURE__ */ we.createContext(Va), ml = ["attr", "size", "title"];
+function hl(s, t) {
   if (s == null) return {};
-  var a = hl(s, t), n, l;
+  var a = xl(s, t), n, l;
   if (Object.getOwnPropertySymbols) {
-    var c = Object.getOwnPropertySymbols(s);
-    for (l = 0; l < c.length; l++)
-      n = c[l], !(t.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(s, n) && (a[n] = s[n]);
+    var d = Object.getOwnPropertySymbols(s);
+    for (l = 0; l < d.length; l++)
+      n = d[l], !(t.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(s, n) && (a[n] = s[n]);
   }
   return a;
 }
-function hl(s, t) {
+function xl(s, t) {
   if (s == null) return {};
   var a = {};
   for (var n in s)
@@ -1999,21 +1999,21 @@ function ds(s) {
   for (var t = 1; t < arguments.length; t++) {
     var a = arguments[t] != null ? arguments[t] : {};
     t % 2 ? aa(Object(a), !0).forEach(function(n) {
-      xl(s, n, a[n]);
+      pl(s, n, a[n]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(s, Object.getOwnPropertyDescriptors(a)) : aa(Object(a)).forEach(function(n) {
       Object.defineProperty(s, n, Object.getOwnPropertyDescriptor(a, n));
     });
   }
   return s;
 }
-function xl(s, t, a) {
-  return t = pl(t), t in s ? Object.defineProperty(s, t, { value: a, enumerable: !0, configurable: !0, writable: !0 }) : s[t] = a, s;
+function pl(s, t, a) {
+  return t = fl(t), t in s ? Object.defineProperty(s, t, { value: a, enumerable: !0, configurable: !0, writable: !0 }) : s[t] = a, s;
 }
-function pl(s) {
-  var t = fl(s, "string");
+function fl(s) {
+  var t = gl(s, "string");
   return typeof t == "symbol" ? t : t + "";
 }
-function fl(s, t) {
+function gl(s, t) {
   if (typeof s != "object" || !s) return s;
   var a = s[Symbol.toPrimitive];
   if (a !== void 0) {
@@ -2029,37 +2029,37 @@ function qa(s) {
   }, t.attr), qa(t.child)));
 }
 function je(s) {
-  return (t) => /* @__PURE__ */ we.createElement(gl, cs({
+  return (t) => /* @__PURE__ */ we.createElement(jl, cs({
     attr: ds({}, s.attr)
   }, t), qa(s.child));
 }
-function gl(s) {
+function jl(s) {
   var t = (a) => {
     var {
       attr: n,
       size: l,
-      title: c
-    } = s, r = ml(s, ul), o = l || a.size || "1em", d;
-    return a.className && (d = a.className), s.className && (d = (d ? d + " " : "") + s.className), /* @__PURE__ */ we.createElement("svg", cs({
+      title: d
+    } = s, r = hl(s, ml), o = l || a.size || "1em", c;
+    return a.className && (c = a.className), s.className && (c = (c ? c + " " : "") + s.className), /* @__PURE__ */ we.createElement("svg", cs({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
     }, a.attr, n, r, {
-      className: d,
+      className: c,
       style: ds(ds({
         color: s.color || a.color
       }, a.style), s.style),
       height: o,
       width: o,
       xmlns: "http://www.w3.org/2000/svg"
-    }), c && /* @__PURE__ */ we.createElement("title", null, c), s.children);
+    }), d && /* @__PURE__ */ we.createElement("title", null, d), s.children);
   };
   return sa !== void 0 ? /* @__PURE__ */ we.createElement(sa.Consumer, null, (a) => t(a)) : t(Va);
 }
-function jl(s) {
+function bl(s) {
   return je({ 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 bl({ sql: s }) {
+function yl({ sql: s }) {
   return /* @__PURE__ */ e.jsxs(Vs, { children: [
     /* @__PURE__ */ e.jsx(qs, { 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(
@@ -2075,13 +2075,13 @@ function bl({ sql: s }) {
     )
   ] });
 }
-function yl() {
+function vl() {
   const [s, t] = q({
     queryKey: [],
     queryData: null
-  }), { theme: a } = bt(), n = yt(), l = ws(), c = vt(), [r, o] = q(!1), [d, p] = q(!1), [u, y] = q(!1), [g, x] = q(""), [j, b] = q(!1), I = z((i) => i.selectedSheetId);
+  }), { theme: a } = bt(), n = yt(), l = ws(), d = vt(), [r, o] = q(!1), [c, p] = q(!1), [u, b] = q(!1), [g, h] = q(""), [j, C] = q(!1), F = z((i) => i.selectedSheetId);
   z((i) => i.dashboard.baseQueries);
-  const C = m((i) => i.card), T = z((i) => i.theme), F = m((i) => i.isShowingVisual);
+  const y = m((i) => i.card), T = z((i) => i.theme), I = m((i) => i.isShowingVisual);
   z((i) => i.onAcceptChanges);
   const A = m(
     (i) => i.selectedConnectionId
@@ -2095,10 +2095,10 @@ function yl() {
   z(
     (i) => i.actions.updateFrameCard
   );
-  const h = m((i) => i.selectedTableName), v = m((i) => i.card.sql), f = m((i) => i.card.python), k = m((i) => i.frame), M = z((i) => i.dashboard.filters), H = z((i) => i.filterValues), P = M == null ? void 0 : M.filter(
-    (i) => i.sheetId === I || !i.sheetId
+  const x = m((i) => i.selectedTableName), v = m((i) => i.card.sql), f = m((i) => i.card.python), k = m((i) => i.frame), M = z((i) => i.dashboard.filters), H = z((i) => i.filterValues), P = M == null ? void 0 : M.filter(
+    (i) => i.sheetId === F || !i.sheetId
   ), Y = H == null ? void 0 : H.filter(
-    (i) => (P == null ? void 0 : P.some((ne) => ne.id === i.filterId)) || i.filterId.endsWith(I)
+    (i) => (P == null ? void 0 : P.some((ne) => ne.id === i.filterId)) || i.filterId.endsWith(F)
   ), ie = m((i) => i.applyFilters), {
     setCardCustomCfg: W,
     setQueryResultColumns: ae,
@@ -2126,7 +2126,7 @@ function yl() {
     error: He,
     queryKey: $e,
     refetch: Ee
-  } = qe(C);
+  } = qe(y);
   Z(() => {
     if (J && (J.rowLimitExceeded && Ke.error("Row limit (10,000) exceeded. Refine your query.", {
       position: "top-center",
@@ -2188,19 +2188,19 @@ function yl() {
   }
   function Ze() {
     let i = v;
-    v && !v.includes("{{") && (i = il(v), _(i));
+    v && !v.includes("{{") && (i = ol(v), _(i));
     const ne = {
-      ...C,
+      ...y,
       lastSelectedSchema: L,
       lastSelectedDatamodelId: S,
       lastSelectedDatabase: N,
-      lastSelectedTable: h,
+      lastSelectedTable: x,
       connectionId: A,
-      type: F ? C.type : "table",
+      type: I ? y.type : "table",
       sql: i,
-      customCfg: F ? C.customCfg : null
+      customCfg: I ? y.customCfg : null
     }, ve = k.cards.map(
-      (js) => js.id === C.id ? ne : js
+      (js) => js.id === y.id ? ne : js
     ), Ce = {
       ...k,
       cards: ve,
@@ -2213,9 +2213,9 @@ function yl() {
     i && ne && n.setQueryData(i, ne), te == null || te();
   }
   Z(() => {
-    if (!c) return;
+    if (!d) return;
     const i = l.current, ne = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", ve = T === "system" ? ne : T;
-    return c.editor.defineTheme("default", {
+    return d.editor.defineTheme("default", {
       // base: theme === 'light' ? 'hc-light' : 'vs-dark',
       base: ve === "light" ? "vs" : "vs-dark",
       inherit: !0,
@@ -2227,17 +2227,17 @@ function yl() {
         //     ? '#ffffff'
         //     : getCssVariableValue('--semaphor-background'),
       }
-    }), c.editor.setTheme("default"), i && c && i.addCommand(
-      c.KeyMod.Shift | c.KeyCode.Enter,
+    }), d.editor.setTheme("default"), i && d && i.addCommand(
+      d.KeyMod.Shift | d.KeyCode.Enter,
       function() {
         return Ee(), !1;
       }
     ), () => {
     };
-  }, [a, T, c]);
+  }, [a, T, d]);
   function ss() {
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      d && /* @__PURE__ */ e.jsx(
+      c && /* @__PURE__ */ e.jsx(
         "div",
         {
           className: "xbg-yellow-100 relative flex w-1/3 min-w-0 grow overflow-hidden border-l p-1 text-xs",
@@ -2245,7 +2245,7 @@ function yl() {
           children: /* @__PURE__ */ e.jsxs("div", { className: "w-[99%]", children: [
             /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 pt-3", children: [
               /* @__PURE__ */ e.jsx(R, { className: "ml-6 text-xs font-semibold", children: "Filters" }),
-              Y && d && /* @__PURE__ */ e.jsx(
+              Y && c && /* @__PURE__ */ e.jsx(
                 Qe,
                 {
                   onClick: () => p(!1),
@@ -2288,7 +2288,7 @@ function yl() {
           ] })
         }
       ),
-      Y && !d && /* @__PURE__ */ e.jsx(
+      Y && !c && /* @__PURE__ */ e.jsx(
         ca,
         {
           onClick: () => p(!0),
@@ -2443,18 +2443,18 @@ function yl() {
                       size: "sm",
                       variant: "outline",
                       children: [
-                        oe || ce ? /* @__PURE__ */ e.jsx(Ve, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx($n, { className: "mr-2 h-4 w-4" }),
+                        oe || ce ? /* @__PURE__ */ e.jsx(Ve, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(Pn, { className: "mr-2 h-4 w-4" }),
                         "Run"
                       ]
                     }
                   ),
                   Me && /* @__PURE__ */ e.jsx(
-                    ol,
+                    cl,
                     {
                       error: He.message,
-                      setShowAIDialog: y,
-                      setTriggerAIRun: b,
-                      setUserInputforAI: x
+                      setShowAIDialog: b,
+                      setTriggerAIRun: C,
+                      setUserInputforAI: h
                     }
                   ),
                   /* @__PURE__ */ e.jsxs(
@@ -2465,7 +2465,7 @@ function yl() {
                       size: "sm",
                       variant: "outline",
                       children: [
-                        /* @__PURE__ */ e.jsx(Fn, { className: "mr-2 size-4" }),
+                        /* @__PURE__ */ e.jsx(In, { className: "mr-2 size-4" }),
                         "Clear"
                       ]
                     }
@@ -2478,23 +2478,23 @@ function yl() {
                       className: "",
                       size: "sm",
                       variant: "outline",
-                      children: /* @__PURE__ */ e.jsx(jl, { className: "size-4 text-foreground/70" })
+                      children: /* @__PURE__ */ e.jsx(bl, { className: "size-4 text-foreground/70" })
                     }
                   ),
                   /* @__PURE__ */ e.jsx(
-                    dl,
+                    ul,
                     {
                       open: u,
-                      setOpen: y,
+                      setOpen: b,
                       userInput: g,
                       triggerAIRun: j,
-                      setTriggerAIRun: b,
-                      setUserInput: (i) => x(i)
+                      setTriggerAIRun: C,
+                      setUserInput: (i) => h(i)
                     }
                   )
                 ] }),
                 /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-                  (J == null ? void 0 : J.sql) && /* @__PURE__ */ e.jsx(bl, { sql: J.sql }),
+                  (J == null ? void 0 : J.sql) && /* @__PURE__ */ e.jsx(yl, { sql: J.sql }),
                   /* @__PURE__ */ e.jsxs(
                     O,
                     {
@@ -2529,18 +2529,18 @@ function yl() {
     )
   );
 }
-function vl({ data: s }) {
+function Cl({ data: s }) {
   var r;
   const [t, a] = we.useState([]), l = Object.keys(s[0]).map((o) => ({
     // header: key,
     accessorKey: o,
-    header: ({ column: d }) => {
-      const p = d.getIsSorted();
+    header: ({ column: c }) => {
+      const p = c.getIsSorted();
       return /* @__PURE__ */ e.jsx("div", { className: "flex gap-2", children: /* @__PURE__ */ e.jsxs(
         "div",
         {
           className: "flex cursor-pointer items-center",
-          onClick: () => d.toggleSorting(d.getIsSorted() === "asc"),
+          onClick: () => c.toggleSorting(c.getIsSorted() === "asc"),
           children: [
             o,
             p === "asc" ? /* @__PURE__ */ e.jsx(wt, { className: "ml-2 h-5 w-5" }) : p === "desc" ? /* @__PURE__ */ e.jsx(kt, { className: "ml-2 h-5 w-5" }) : null
@@ -2548,7 +2548,7 @@ function vl({ data: s }) {
         }
       ) });
     }
-  })), c = zt({
+  })), d = zt({
     data: s,
     columns: l,
     getCoreRowModel: Tt(),
@@ -2561,45 +2561,45 @@ function vl({ data: s }) {
     }
   });
   return /* @__PURE__ */ e.jsxs(Ot, { children: [
-    /* @__PURE__ */ e.jsx(Ft, { children: c.getHeaderGroups().map((o) => /* @__PURE__ */ e.jsx(bs, { children: o.headers.map((d) => /* @__PURE__ */ e.jsx(It, { className: "sticky top-0 bg-muted", children: d.isPlaceholder ? null : Ws(
-      d.column.columnDef.header,
-      d.getContext()
-    ) }, d.id)) }, o.id)) }),
-    /* @__PURE__ */ e.jsx(Dt, { children: (r = c.getRowModel().rows) != null && r.length ? c.getRowModel().rows.map((o) => /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx(Ft, { children: d.getHeaderGroups().map((o) => /* @__PURE__ */ e.jsx(bs, { children: o.headers.map((c) => /* @__PURE__ */ e.jsx(It, { className: "sticky top-0 bg-muted", children: c.isPlaceholder ? null : Ws(
+      c.column.columnDef.header,
+      c.getContext()
+    ) }, c.id)) }, o.id)) }),
+    /* @__PURE__ */ e.jsx(Dt, { children: (r = d.getRowModel().rows) != null && r.length ? d.getRowModel().rows.map((o) => /* @__PURE__ */ e.jsx(
       bs,
       {
         className: "whitespace-nowrap py-2",
         "data-state": o.getIsSelected() && "selected",
-        children: o.getVisibleCells().map((d) => /* @__PURE__ */ e.jsx(Ys, { children: Ws(d.column.columnDef.cell, d.getContext()) }, d.id))
+        children: o.getVisibleCells().map((c) => /* @__PURE__ */ e.jsx(Ys, { children: Ws(c.column.columnDef.cell, c.getContext()) }, c.id))
       },
       o.id
     )) : /* @__PURE__ */ e.jsx(bs, { children: /* @__PURE__ */ e.jsx(Ys, { colSpan: l.length, className: "h-24 text-center", children: "No results." }) }) })
   ] });
 }
-function Cl({ card: s }) {
-  var g, x, j, b, I, C, T, F, A, N;
+function Nl({ card: s }) {
+  var g, h, j, C, F, y, T, I, A, N;
   const { authToken: t } = ke(), a = Et(t == null ? void 0 : t.accessToken), n = z((S) => S.themeStyle), l = {
-    colors: ((x = (g = n == null ? void 0 : n.chart) == null ? void 0 : g.dataset) == null ? void 0 : x.backgroundColor) || []
+    colors: ((h = (g = n == null ? void 0 : n.chart) == null ? void 0 : g.dataset) == null ? void 0 : h.backgroundColor) || []
   };
   (j = s.customCardPreferences) != null && j.inputData;
-  const { getCard: c } = ja(((b = s.customCardPreferences) == null ? void 0 : b.url) || ""), r = ((I = s.customCardPreferences) == null ? void 0 : I.visualType) || "single", o = m((S) => S.frame);
+  const { getCard: d } = ja(((C = s.customCardPreferences) == null ? void 0 : C.url) || ""), r = ((F = s.customCardPreferences) == null ? void 0 : F.visualType) || "single", o = m((S) => S.frame);
   re();
-  const { data: d } = qe(s);
-  if (!((C = s.customCardPreferences) != null && C.componentName))
+  const { data: c } = qe(s);
+  if (!((y = s.customCardPreferences) != null && y.componentName))
     return null;
-  const p = c(
+  const p = d(
     (T = s.customCardPreferences) == null ? void 0 : T.componentName
   ), u = (S) => {
     console.log("data", S), s.customCardPreferences;
-  }, y = Object.keys(
-    ((F = s.customCardPreferences) == null ? void 0 : F.dataInputCardIds) || {}
+  }, b = Object.keys(
+    ((I = s.customCardPreferences) == null ? void 0 : I.dataInputCardIds) || {}
   ).map((S) => {
     var v, f, k;
-    const L = (f = (v = s.customCardPreferences) == null ? void 0 : v.dataInputCardIds) == null ? void 0 : f[S].cardId, h = (k = o == null ? void 0 : o.cards) == null ? void 0 : k.find((M) => M.id === L);
-    return h || null;
+    const L = (f = (v = s.customCardPreferences) == null ? void 0 : v.dataInputCardIds) == null ? void 0 : f[S].cardId, x = (k = o == null ? void 0 : o.cards) == null ? void 0 : k.find((M) => M.id === L);
+    return x || 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(
-    Nn,
+    Sn,
     {
       fallback: /* @__PURE__ */ e.jsx(e.Fragment, {}),
       children: [
@@ -2610,7 +2610,7 @@ function Cl({ card: s }) {
             theme: l,
             settings: (A = s.customCardPreferences) == null ? void 0 : A.settings,
             onDataChange: u,
-            data: (d == null ? void 0 : d.records) || []
+            data: (c == null ? void 0 : c.records) || []
           }
         ),
         p && r === "multiple" && /* @__PURE__ */ e.jsx("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ e.jsx(
@@ -2618,13 +2618,13 @@ function Cl({ card: s }) {
           {
             theme: l,
             onDataChange: u,
-            settings: y.map(
+            settings: b.map(
               (S) => {
                 var L;
                 return (L = S == null ? void 0 : S.customCardPreferences) == null ? void 0 : L.settings;
               }
             ),
-            data: y.map((S) => (S == null ? void 0 : S.data) || [])
+            data: b.map((S) => (S == null ? void 0 : S.data) || [])
           }
         ) })
       ]
@@ -2638,22 +2638,42 @@ function Ra({
   className: s,
   ...t
 }) {
-  var x, j;
-  const a = m((b) => b.card), n = ((x = a.customCardPreferences) == null ? void 0 : x.showCardHeader) ?? !0, l = m((b) => b.frame), c = z((b) => b.dashboard.filters);
-  m((b) => b.actions.setRunSql);
-  const { updateFilter: r } = Os(), o = c == null ? void 0 : c.find((b) => b.id === l.filterId), { data: d } = qe(a), { setCard: p } = re(), { data: u } = _s(a);
+  var F;
+  const a = m((y) => y.card), n = ((F = a.customCardPreferences) == null ? void 0 : F.showCardHeader) ?? !0, l = m((y) => y.frame), d = z((y) => y.dashboard.filters);
+  m((y) => y.actions.setRunSql);
+  const { updateFilter: r } = Os(), o = d == null ? void 0 : d.find((y) => y.id === l.filterId), { data: c, isLoading: p, isFetching: u } = qe(a), { setCard: b } = re(), { data: g } = _s(a);
   if (!a.id) return null;
-  let y;
-  d != null && d.records && (d == null ? void 0 : d.records.length) > 0 && (y = ba({
-    data: d == null ? void 0 : d.records,
+  let h;
+  c != null && c.records && (c == null ? void 0 : c.records.length) > 0 && (h = ba({
+    data: c == null ? void 0 : c.records,
     cardType: a.type,
     cfg: a.cfg,
     customCfg: a.customCfg,
     preferences: a.preferences,
-    topoJson: u
+    topoJson: g
   }));
-  function g(b) {
-    return /* @__PURE__ */ e.jsx(Cl, { card: b });
+  function j(y) {
+    return /* @__PURE__ */ e.jsx(Nl, { card: y });
+  }
+  function C() {
+    var y;
+    if (c != null && c.records && (c == null ? void 0 : c.records.length) === 0 && !p && !u)
+      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("p", { className: "text-sm text-muted-foreground", children: "No records to display" })
+      ] });
+    if (a.type === "custom")
+      return j(a);
+    if (!["table", "custom"].includes(a.type) && h)
+      return /* @__PURE__ */ e.jsx(
+        Pt,
+        {
+          cfg: h
+        },
+        JSON.stringify(h) + JSON.stringify(a.preferences) + ((y = a == null ? void 0 : a.preferences) == null ? void 0 : y.customVisualCode)
+      );
+    if (a.type === "table" && (c != null && c.records) && (c == null ? void 0 : c.records.length) > 0)
+      return /* @__PURE__ */ e.jsx(Bt, { className: "flex min-h-0 flex-1 grow basis-0", children: /* @__PURE__ */ e.jsx(Ut, { card: a, data: c == null ? void 0 : c.records }) });
   }
   return /* @__PURE__ */ e.jsxs(
     At,
@@ -2668,7 +2688,7 @@ function Ra({
               ls,
               {
                 text: a.title,
-                onSave: (b) => p({ ...a, title: b }),
+                onSave: (y) => b({ ...a, title: y }),
                 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
@@ -2677,7 +2697,7 @@ function Ra({
               ls,
               {
                 text: a.description || "",
-                onSave: (b) => p({ ...a, description: b }),
+                onSave: (y) => b({ ...a, description: y }),
                 children: /* @__PURE__ */ e.jsx(Rt, { children: a.description || "Edit description..." })
               },
               a.description
@@ -2689,41 +2709,29 @@ function Ra({
               {
                 className: "my-1",
                 text: o.title || o.column,
-                onSave: (b) => r({ ...o, title: b }),
+                onSave: (y) => r({ ...o, title: y }),
                 children: /* @__PURE__ */ e.jsx(R, { children: o.title })
               }
             ),
             /* @__PURE__ */ e.jsx(_t, { filter: o })
           ] })
         ] }),
-        /* @__PURE__ */ e.jsxs(Ht, { className: "flex grow flex-col", children: [
-          a.type === "custom" && g(a),
-          !["table", "custom"].includes(a.type) && y && // <ChartJsVisual key={visualKey} cfg={cfg} />
-          /* @__PURE__ */ e.jsx(
-            $t,
-            {
-              cfg: y
-            },
-            JSON.stringify(y) + JSON.stringify(a.preferences) + ((j = a == null ? void 0 : a.preferences) == null ? void 0 : j.customVisualCode)
-          ),
-          a.type === "table" && (d == null ? void 0 : d.records) && (d == null ? void 0 : d.records.length) > 0 && // All of the below css classes are #IMPORTANT for the table to scroll properly
-          /* @__PURE__ */ e.jsx(Pt, { className: "flex min-h-0 flex-1 grow basis-0", children: /* @__PURE__ */ e.jsx(Bt, { card: a, data: d == null ? void 0 : d.records }) })
-        ] })
+        /* @__PURE__ */ e.jsx(Ht, { className: "flex grow flex-col", children: C() })
       ]
     }
   );
 }
-function Nl() {
-  const [s, t] = q(!1), [a, n] = q(""), [l, c] = q(""), [r, o] = q(""), [d, p] = q(""), u = m((N) => N.card), y = m(
+function Sl() {
+  const [s, t] = q(!1), [a, n] = q(""), [l, d] = q(""), [r, o] = q(""), [c, p] = q(""), u = m((N) => N.card), b = m(
     (N) => N.card.customCfg
-  ), { data: g } = qe(u), { data: x } = _s(u), { setCardCustomCfg: j, setCustomVisualCode: b } = re();
-  function I(N) {
-    var h, v;
+  ), { data: g } = qe(u), { data: h } = _s(u), { setCardCustomCfg: j, setCustomVisualCode: C } = re();
+  function F(N) {
+    var x, v;
     const S = {
       ...N,
       data: {
         ...N == null ? void 0 : N.data,
-        datasets: (v = (h = N == null ? void 0 : N.data) == null ? void 0 : h.datasets) == null ? void 0 : v.map((f) => ({
+        datasets: (v = (x = N == null ? void 0 : N.data) == null ? void 0 : x.datasets) == null ? void 0 : v.map((f) => ({
           ...f,
           data: []
         }))
@@ -2731,7 +2739,7 @@ function Nl() {
     };
     return JSON.stringify(S, null, 1);
   }
-  function C() {
+  function y() {
     var S, L;
     if (!(g != null && g.records) || (g == null ? void 0 : g.records.length) === 0) return;
     const N = ba({
@@ -2739,39 +2747,39 @@ function Nl() {
       cardType: u.type,
       cfg: u.cfg,
       preferences: u.preferences,
-      topoJson: x
+      topoJson: h
     });
-    N && (n(JSON.stringify(N, null, 1)), (S = u == null ? void 0 : u.preferences) != null && S.customVisualCode && o((L = u == null ? void 0 : u.preferences) == null ? void 0 : L.customVisualCode), y && c(JSON.stringify(y, null, 1)));
+    N && (n(JSON.stringify(N, null, 1)), (S = u == null ? void 0 : u.preferences) != null && S.customVisualCode && o((L = u == null ? void 0 : u.preferences) == null ? void 0 : L.customVisualCode), b && d(JSON.stringify(b, null, 1)));
   }
   function T() {
-    if (r && b(r), !!l)
+    if (r && C(r), !!l)
       try {
         const N = JSON.parse(l);
-        return N ? (j(N), p(""), c(""), N) : void 0;
+        return N ? (j(N), p(""), d(""), N) : void 0;
       } catch (N) {
         console.log(N), p("Invalid JSON");
       }
   }
-  function F() {
-    c(""), j(null);
+  function I() {
+    d(""), j(null);
   }
   function A() {
     let N;
-    if (y) {
-      const S = Xs.cloneDeep(u.cfg), L = Xs.merge(S, y);
-      return N = I(L), N;
+    if (b) {
+      const S = Xs.cloneDeep(u.cfg), L = Xs.merge(S, b);
+      return N = F(L), N;
     }
-    return a ? (N = I(JSON.parse(a)), N) : "";
+    return a ? (N = F(JSON.parse(a)), N) : "";
   }
   return /* @__PURE__ */ e.jsxs(Fs, { open: s, onOpenChange: t, children: [
     /* @__PURE__ */ e.jsx(Is, { asChild: !0, children: /* @__PURE__ */ e.jsx(
       O,
       {
-        onClick: C,
-        className: ` ${y && "border-foreground/50 dark:border-foreground/70"}`,
+        onClick: y,
+        className: ` ${b && "border-foreground/50 dark:border-foreground/70"}`,
         size: "sm",
         variant: "outline",
-        children: /* @__PURE__ */ e.jsx(Ut, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ e.jsx(Gt, { className: "h-4 w-4" })
       }
     ) }),
     /* @__PURE__ */ e.jsxs(
@@ -2799,8 +2807,8 @@ function Nl() {
             /* @__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(rs, { value: "custom-config", children: [
-                  y && /* @__PURE__ */ e.jsx(Na, { className: "mr-1 h-5 w-5 text-green-600" }),
-                  y ? "Custom Config" : "Default Config"
+                  b && /* @__PURE__ */ e.jsx(Na, { className: "mr-1 h-5 w-5 text-green-600" }),
+                  b ? "Custom Config" : "Default Config"
                 ] }),
                 /* @__PURE__ */ e.jsx(rs, { className: "", value: "output", children: "Output" }),
                 /* @__PURE__ */ e.jsx(rs, { className: "", value: "custom-code", children: "Custom Code" })
@@ -2844,7 +2852,7 @@ function Nl() {
                       },
                       defaultLanguage: "json",
                       value: A(),
-                      onChange: (N) => c(N)
+                      onChange: (N) => d(N)
                     }
                   )
                 }
@@ -2881,12 +2889,12 @@ function Nl() {
             ] })
           ] }),
           /* @__PURE__ */ e.jsxs(la, { className: "flex items-center", children: [
-            /* @__PURE__ */ e.jsx(R, { className: "mr-2 text-red-500", children: d }),
+            /* @__PURE__ */ e.jsx(R, { className: "mr-2 text-red-500", children: c }),
             /* @__PURE__ */ e.jsx(
               O,
               {
-                disabled: !y,
-                onClick: F,
+                disabled: !b,
+                onClick: I,
                 variant: "outline",
                 children: "Reset"
               }
@@ -2927,32 +2935,32 @@ function Ja(s) {
   const [t, a] = q(null);
   return Z(() => {
     s && (async () => {
-      const c = (await import("./lucide-react-BsoLm7gj.js"))[s];
-      a(c);
+      const d = (await import("./lucide-react-ihYr7LJ1.js"))[s];
+      a(d);
     })();
   }, [s]), t;
 }
 function Ka() {
   const { authToken: s } = ke(), { data: t, isLoading: a, isFetching: n, isError: l } = Ne({
     queryKey: ["plugins", s == null ? void 0 : s.accessToken],
-    queryFn: () => Gt(s == null ? void 0 : s.accessToken)
+    queryFn: () => Qt(s == null ? void 0 : s.accessToken)
     // staleTime: Infinity,
   });
   return { data: t, isLoading: a, isFetching: n, isError: l };
 }
-function Sl({
+function wl({
   onChartTypeChange: s
 }) {
   const [t, a] = q([]), { data: n } = Ka();
   return Z(() => {
     (async () => {
-      var c;
+      var d;
       if (n) {
         const o = (await Promise.all(
-          (c = n == null ? void 0 : n.plugins) == null ? void 0 : c.map(async (d) => (await Qt(d.value)).visuals.map((y) => ({
-            name: y.name,
-            icon: y.icon,
-            url: d.value
+          (d = n == null ? void 0 : n.plugins) == null ? void 0 : d.map(async (c) => (await Jt(c.value)).visuals.map((b) => ({
+            name: b.name,
+            icon: b.icon,
+            url: c.value
           })))
         )).flat();
         a(o);
@@ -2960,18 +2968,18 @@ function Sl({
     })();
   }, [n]), t.length === 0 ? null : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(ge, { className: "my-2" }),
-    /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-4 place-items-center", children: t.map((l, c) => /* @__PURE__ */ e.jsx(
-      wl,
+    /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-4 place-items-center", children: t.map((l, d) => /* @__PURE__ */ e.jsx(
+      kl,
       {
         text: l.name,
         onClick: () => s("custom", l),
         icon: l.icon
       },
-      l.url + l.name + c
+      l.url + l.name + d
     )) })
   ] });
 }
-const wl = ({
+const kl = ({
   text: s,
   icon: t,
   onClick: a
@@ -2979,26 +2987,26 @@ const wl = ({
   const n = Ja(t || ""), l = s.charAt(0).toUpperCase();
   return /* @__PURE__ */ e.jsx(O, { onClick: a, title: s, variant: "ghost", children: n ? /* @__PURE__ */ e.jsx(n, { className: "h-4 w-4" }) : l });
 };
-function kl() {
-  var u, y;
-  const [s, t] = q(!1), a = m((g) => g.card), n = a.type, { setCardType: l, setCardPreferences: c, setChartOrientation: r } = m((g) => g.actions), { setCardCustomCfg: o, setCustomCardPreferences: d } = re();
-  function p(g, x) {
-    o(null), c({}), l(g), x && d({
+function zl() {
+  var u, b;
+  const [s, t] = q(!1), a = m((g) => g.card), n = a.type, { setCardType: l, setCardPreferences: d, setChartOrientation: r } = m((g) => g.actions), { setCardCustomCfg: o, setCustomCardPreferences: c } = re();
+  function p(g, h) {
+    o(null), d({}), l(g), h && c({
       type: "component",
       visualType: "single",
-      url: x.url,
-      componentName: x.name,
-      icon: x.icon
+      url: h.url,
+      componentName: h.name,
+      icon: h.icon
     }), t(!1);
   }
   return /* @__PURE__ */ e.jsxs(ms, { open: s, onOpenChange: t, children: [
     /* @__PURE__ */ e.jsx(hs, { asChild: !0, children: /* @__PURE__ */ e.jsx(O, { size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(
-      zl,
+      Ol,
       {
         className: "h-4 w-4",
         chartType: n,
         customIcon: (u = a.customCardPreferences) == null ? void 0 : u.icon,
-        componentName: (y = a.customCardPreferences) == null ? void 0 : y.componentName
+        componentName: (b = a.customCardPreferences) == null ? void 0 : b.componentName
       }
     ) }) }),
     /* @__PURE__ */ e.jsxs(xs, { className: "w-50", children: [
@@ -3147,11 +3155,11 @@ function kl() {
           }
         )
       ] }),
-      /* @__PURE__ */ e.jsx(Sl, { onChartTypeChange: p })
+      /* @__PURE__ */ e.jsx(wl, { onChartTypeChange: p })
     ] })
   ] });
 }
-function zl({
+function Ol({
   chartType: s,
   className: t,
   customIcon: a,
@@ -3195,20 +3203,20 @@ function zl({
       return /* @__PURE__ */ e.jsx(As, { className: t });
   }
 }
-function Ol() {
+function Fl() {
   var t;
   const s = m((a) => a.card);
   return (t = s.customCardPreferences) == null || t.showCardHeader, re(), /* @__PURE__ */ e.jsxs(ra, { children: [
     /* @__PURE__ */ e.jsx(ia, { asChild: !0, children: /* @__PURE__ */ e.jsx(Ia, { className: "size-4 cursor-pointer text-muted-foreground/70 transition-colors hover:text-muted-foreground" }) }),
     /* @__PURE__ */ e.jsx(oa, { align: "start", className: "w-40 text-muted-foreground", children: /* @__PURE__ */ e.jsxs(
-      Jt,
+      Kt,
       {
         onClick: () => {
           navigator.clipboard.writeText(s.id), Ke.success("Card ID copied to clipboard");
         },
         className: "cursor-pointer space-x-2",
         children: [
-          /* @__PURE__ */ e.jsx(An, { className: "size-5" }),
+          /* @__PURE__ */ e.jsx(Vn, { className: "size-5" }),
           /* @__PURE__ */ e.jsx("span", { children: "Copy Card ID" })
         ]
       }
@@ -3216,12 +3224,12 @@ function Ol() {
   ] });
 }
 function ta() {
-  const s = m((h) => h.frame), t = m((h) => h.card), a = m((h) => h.isShowingVisual), n = m((h) => h.isSqlRunning), l = m((h) => h.queryError), c = m((h) => h.pythonStdOut), r = m((h) => h.actions.setRunSql);
-  m((h) => h.onSave), m((h) => h.onClose), m((h) => h.actions.setCardSql), m((h) => h.actions.setCardType), m((h) => h.actions.setSqlGen);
-  const { setFrame: o, setCard: d, updateCardInFrame: p } = re(), { data: u, isLoading: y, isFetching: g } = qe(t);
+  const s = m((x) => x.frame), t = m((x) => x.card), a = m((x) => x.isShowingVisual), n = m((x) => x.isSqlRunning), l = m((x) => x.queryError), d = m((x) => x.pythonStdOut), r = m((x) => x.actions.setRunSql);
+  m((x) => x.onSave), m((x) => x.onClose), m((x) => x.actions.setCardSql), m((x) => x.actions.setCardType), m((x) => x.actions.setSqlGen);
+  const { setFrame: o, setCard: c, updateCardInFrame: p } = re(), { data: u, isLoading: b, isFetching: g } = qe(t);
   if (!t) return /* @__PURE__ */ e.jsx(e.Fragment, { children: "No Active Card" });
-  function x() {
-    const h = {
+  function h() {
+    const x = {
       connectionId: t.connectionId,
       id: Je(),
       title: "Title",
@@ -3238,66 +3246,66 @@ function ta() {
       sql: "",
       data: []
     };
-    j(h);
+    j(x);
   }
-  function j(h) {
+  function j(x) {
     const v = {
       ...s,
-      cards: [...s.cards, h],
-      activeCardId: h.id
+      cards: [...s.cards, x],
+      activeCardId: x.id
     };
-    o(v), d(h);
+    o(v), c(x);
   }
-  function b() {
-    const h = {
+  function C() {
+    const x = {
       ...t,
       id: Je(),
       title: `${t.title} Copy`,
-      tabTitle: `${t.tabTitle} Copy`
+      tabTitle: `${t.tabTitle || t.title} Copy`
     };
-    j(h);
+    j(x);
   }
-  function I(h) {
-    const v = s.cards.filter((M) => M.id !== h), f = v[0], k = {
+  function F(x) {
+    const v = s.cards.filter((M) => M.id !== x), f = v[0], k = {
       ...s,
       cards: v,
       // update the active card to the first card in the frame
       activeCardId: f.id
     };
-    o(k), d(f);
+    o(k), c(f);
   }
-  function C(h) {
+  function y(x) {
     const v = {
       ...s,
       cards: s.cards.map((k) => k.id === t.id ? t : k),
-      activeCardId: h
+      activeCardId: x
     };
     o(v);
-    const f = v.cards.find((k) => k.id === h);
-    f.sql && r(!0), d(f);
+    const f = v.cards.find((k) => k.id === x);
+    f.sql && r(!0), c(f);
   }
-  const T = (h, v) => {
-    console.log("handleDragStart", v), h.dataTransfer.setData("tabIndex", v.toString());
-  }, F = (h) => {
-    h.preventDefault();
-  }, A = (h, v) => {
-    const f = h.dataTransfer.getData("tabIndex");
+  const T = (x, v) => {
+    console.log("handleDragStart", v), x.dataTransfer.setData("tabIndex", v.toString());
+  }, I = (x) => {
+    x.preventDefault();
+  }, A = (x, v) => {
+    const f = x.dataTransfer.getData("tabIndex");
     if (f === v.toString()) return;
     const k = Array.from(s.cards), [M] = k.splice(parseInt(f), 1);
     k.splice(v, 0, M), o({ ...s, cards: k });
   };
-  function N(h, v) {
-    return h.cards.length === 1 && (v.displayTab === !0 || v.displayTab === void 0) || h.activeCardId !== v.id && (v.displayTab === !0 || v.displayTab === void 0) ? null : /* @__PURE__ */ e.jsx(
+  function N(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: () => {
           const f = v.displayTab === void 0 ? !1 : !v.displayTab;
-          d({ ...v, displayTab: f }), p({
+          c({ ...v, displayTab: f }), p({
             ...v,
             displayTab: f
           });
         },
-        children: v.displayTab === !0 || v.displayTab === void 0 ? /* @__PURE__ */ e.jsx(Dn, { 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" })
+        children: v.displayTab === !0 || v.displayTab === void 0 ? /* @__PURE__ */ e.jsx(Tn, { className: "mr-2 size-3.5 text-muted-foreground hover:text-foreground" }) : /* @__PURE__ */ e.jsx(Dn, { className: "mr-2 size-3.5 text-muted-foreground hover:text-foreground" })
       }
     );
   }
@@ -3305,50 +3313,50 @@ function ta() {
     return /* @__PURE__ */ e.jsxs(
       va,
       {
-        onValueChange: C,
+        onValueChange: y,
         value: s.activeCardId,
         className: "flex grow flex-col",
         children: [
-          s.cards.map((h) => /* @__PURE__ */ e.jsx(is, { className: "mt-0 grow", value: h.id, children: L() }, h.id)),
+          s.cards.map((x) => /* @__PURE__ */ e.jsx(is, { className: "mt-0 grow", value: x.id, children: L() }, 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((h, v) => /* @__PURE__ */ e.jsx(
+            s.cards.map((x, v) => /* @__PURE__ */ e.jsx(
               ls,
               {
-                text: h.tabTitle || h.title,
+                text: x.tabTitle || x.title,
                 onSave: (f) => {
-                  d({ ...t, tabTitle: f }), p({ ...t, tabTitle: f });
+                  c({ ...t, tabTitle: f }), p({ ...t, tabTitle: f });
                 },
                 children: /* @__PURE__ */ e.jsxs(
                   rs,
                   {
                     draggable: !0,
                     onDragStart: (f) => T(f, v),
-                    onDragOver: F,
+                    onDragOver: I,
                     onDrop: (f) => A(f, v),
                     className: "",
-                    value: h.id,
+                    value: x.id,
                     children: [
-                      N(s, h),
-                      h.tabTitle || h.title,
-                      s.activeCardId === h.id && s.cards.length > 1 && /* @__PURE__ */ e.jsx(
+                      N(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: () => I(h.id)
+                          onClick: () => F(x.id)
                         }
                       )
                     ]
                   }
                 )
               },
-              h.id
+              x.id
             )),
             /* @__PURE__ */ e.jsx(
               O,
               {
                 className: "ml-1 h-8 px-2 hover:bg-muted-foreground/50",
                 variant: "outline",
-                onClick: x,
+                onClick: h,
                 children: /* @__PURE__ */ e.jsx(Ds, { className: "h-4 w-4" })
               }
             ),
@@ -3357,8 +3365,8 @@ function ta() {
               {
                 className: "invisible ml-1 h-8 px-2 hover:bg-muted-foreground/50 group-hover:visible",
                 variant: "outline",
-                onClick: b,
-                children: /* @__PURE__ */ e.jsx(zn, { className: "h-4 w-4" })
+                onClick: C,
+                children: /* @__PURE__ */ e.jsx(On, { className: "h-4 w-4" })
               }
             )
           ] }) })
@@ -3367,8 +3375,8 @@ function ta() {
     );
   }
   function L() {
-    return t.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(Kt, { card: t, data: u == null ? void 0 : u.records }) }) }) : t.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(We, { className: "mx-3 my-6 h-[300px] overflow-y-auto break-words px-3", children: /* @__PURE__ */ e.jsx(
-      Wt,
+    return t.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(Wt, { card: t, data: u == null ? void 0 : u.records }) }) }) : t.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(We, { className: "mx-3 my-6 h-[300px] overflow-y-auto break-words px-3", children: /* @__PURE__ */ e.jsx(
+      Yt,
       {
         isLoading: n,
         card: t,
@@ -3377,23 +3385,23 @@ function ta() {
     ) }) }) }) : /* @__PURE__ */ e.jsx(us, { FallbackComponent: ya, children: /* @__PURE__ */ e.jsx(Ra, { className: "grow border-none shadow-none" }) });
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "relative flex h-full flex-col py-3", children: [
-    (y || g) && /* @__PURE__ */ e.jsx(Ve, { className: "absolute bottom-0 left-0 right-0 top-0 z-50 m-auto h-10 w-10 animate-spin text-foreground/10" }),
+    (b || g) && /* @__PURE__ */ e.jsx(Ve, { 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(kl, {}),
-        !["table", "custom"].includes(t.type) && /* @__PURE__ */ e.jsx(Nl, {}),
-        /* @__PURE__ */ e.jsx(Ol, {})
+        /* @__PURE__ */ e.jsx(zl, {}),
+        !["table", "custom"].includes(t.type) && /* @__PURE__ */ e.jsx(Sl, {}),
+        /* @__PURE__ */ e.jsx(Fl, {})
       ] }),
-      /* @__PURE__ */ e.jsx(Il, {})
+      /* @__PURE__ */ e.jsx(Dl, {})
     ] }),
     a ? S() : /* @__PURE__ */ e.jsxs("div", { className: "flex min-h-0 w-full flex-1 grow basis-0 px-6", children: [
-      c && /* @__PURE__ */ e.jsx(Fl, {}),
-      (u == null ? void 0 : u.records) && (u == null ? void 0 : u.records.length) > 0 && /* @__PURE__ */ e.jsx(vl, { data: (u == null ? void 0 : u.records) || [] }),
+      d && /* @__PURE__ */ e.jsx(Il, {}),
+      (u == null ? void 0 : u.records) && (u == null ? void 0 : u.records.length) > 0 && /* @__PURE__ */ e.jsx(Cl, { data: (u == null ? void 0 : u.records) || [] }),
       l && /* @__PURE__ */ e.jsx("span", { className: "font-mono text-sm", children: l })
     ] })
   ] });
 }
-function Fl() {
+function Il() {
   const s = m((a) => a.pythonStdOut);
   if (!s) return null;
   const t = s.replace(/\n/g, "<br>");
@@ -3409,14 +3417,14 @@ function Fl() {
     /* @__PURE__ */ e.jsx(ge, { className: "mb-2" })
   ] });
 }
-function Il() {
+function Dl() {
   const s = m((a) => a.isShowingVisual), t = m(
     (a) => a.actions.setIsShowingVisual
   );
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
     /* @__PURE__ */ e.jsx(R, { htmlFor: "visualize", children: "Chart" }),
     /* @__PURE__ */ e.jsx(
-      Yt,
+      Xt,
       {
         checked: s,
         onCheckedChange: () => t(!s),
@@ -3426,7 +3434,7 @@ function Il() {
     )
   ] });
 }
-function Dl({
+function Tl({
   options: s,
   value: t,
   onValueChange: a
@@ -3462,7 +3470,7 @@ function ue({
     ),
     /* @__PURE__ */ e.jsx(pe, { children: /* @__PURE__ */ e.jsxs(Se, { children: [
       /* @__PURE__ */ e.jsx(fe, { children: s }),
-      t.map((c) => /* @__PURE__ */ e.jsx(K, { value: c.value, children: c.label }, c.value))
+      t.map((d) => /* @__PURE__ */ e.jsx(K, { value: d.value, children: d.label }, d.value))
     ] }) })
   ] });
 }
@@ -3480,27 +3488,27 @@ function Ge({
       children: [
         /* @__PURE__ */ e.jsxs("summary", { className: "flex cursor-pointer list-none items-center justify-between gap-4", children: [
           /* @__PURE__ */ e.jsx(R, { children: t }),
-          /* @__PURE__ */ e.jsx(Xt, { className: "h-4 w-4" })
+          /* @__PURE__ */ e.jsx(Zt, { className: "h-4 w-4" })
         ] }),
         /* @__PURE__ */ e.jsx("div", { className: "transition-all ease-in-out", children: s })
       ]
     }
   );
 }
-function Tl() {
-  var b, I;
+function Ll() {
+  var C, F;
   const s = m(
-    (C) => C.card.customCardPreferences
-  ), { data: t } = Ka(), a = (t == null ? void 0 : t.plugins) || [], n = m((C) => C.card), l = m((C) => C.frame), c = (s == null ? void 0 : s.visualType) || "single", { setCustomCardPreferences: r } = re(), { components: o, manifest: d } = ja(
+    (y) => y.card.customCardPreferences
+  ), { data: t } = Ka(), a = (t == null ? void 0 : t.plugins) || [], n = m((y) => y.card), l = m((y) => y.frame), d = (s == null ? void 0 : s.visualType) || "single", { setCustomCardPreferences: r } = re(), { components: o, manifest: c } = ja(
     (s == null ? void 0 : s.url) || ""
-  ), p = (b = d == null ? void 0 : d.visuals) == null ? void 0 : b.find(
-    (C) => C.name === (s == null ? void 0 : s.componentName)
+  ), p = (C = c == null ? void 0 : c.visuals) == null ? void 0 : C.find(
+    (y) => y.name === (s == null ? void 0 : s.componentName)
   );
-  function u(C, T) {
+  function u(y, T) {
     if (!s) return;
     const A = {
       ...(s == null ? void 0 : s.dataInputCardIds) || {},
-      [C]: {
+      [y]: {
         cardId: T,
         hookRef: null
       }
@@ -3510,17 +3518,17 @@ function Tl() {
       dataInputCardIds: A
     });
   }
-  function y(C) {
-    var F, A;
-    const T = (F = l == null ? void 0 : l.cards) == null ? void 0 : F.filter((N) => {
+  function b(y) {
+    var I, A;
+    const T = (I = l == null ? void 0 : l.cards) == null ? void 0 : I.filter((N) => {
       var S;
       return ((S = N == null ? void 0 : N.customCardPreferences) == null ? void 0 : S.visualType) !== "multiple";
     }).map((N) => ({
       value: N.id,
       label: N.tabTitle || N.title
     }));
-    return /* @__PURE__ */ e.jsx("div", { className: "space-y-2", children: (A = C == null ? void 0 : C.dataInputs) == null ? void 0 : A.map((N, S) => {
-      var L, h;
+    return /* @__PURE__ */ e.jsx("div", { className: "space-y-2", children: (A = y == null ? void 0 : y.dataInputs) == null ? void 0 : A.map((N, S) => {
+      var L, x;
       return /* @__PURE__ */ e.jsxs(
         "div",
         {
@@ -3533,7 +3541,7 @@ function Tl() {
                 className: "col-span-6 h-8 w-full justify-between",
                 label: "",
                 options: T || [],
-                value: ((h = (L = s == null ? void 0 : s.dataInputCardIds) == null ? void 0 : L[S]) == null ? void 0 : h.cardId) || "",
+                value: ((x = (L = s == null ? void 0 : s.dataInputCardIds) == null ? void 0 : L[S]) == null ? void 0 : x.cardId) || "",
                 onValueChange: (v) => u(S, v)
               }
             )
@@ -3543,9 +3551,9 @@ function Tl() {
       );
     }) });
   }
-  function g(C, T, F = []) {
+  function g(y, T, I = []) {
     var A, N;
-    return s ? C === "input" ? /* @__PURE__ */ e.jsx(
+    return s ? y === "input" ? /* @__PURE__ */ e.jsx(
       le,
       {
         className: `h-8 w-full ${Be}`,
@@ -3561,12 +3569,12 @@ function Tl() {
         }
       },
       T
-    ) : C === "select" ? /* @__PURE__ */ e.jsx(
+    ) : y === "select" ? /* @__PURE__ */ e.jsx(
       ue,
       {
         className: "h-8 w-full",
         label: "",
-        options: F,
+        options: I,
         value: ((N = s == null ? void 0 : s.settings) == null ? void 0 : N[T]) || "",
         onValueChange: (S) => {
           r({
@@ -3577,21 +3585,21 @@ function Tl() {
       }
     ) : null : null;
   }
-  function x(C) {
-    const T = Object.entries((C == null ? void 0 : C.settings) || {});
-    return /* @__PURE__ */ e.jsx("div", { className: "space-y-3", children: T.map(([F, A]) => /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
+  function h(y) {
+    const T = Object.entries((y == null ? void 0 : y.settings) || {});
+    return /* @__PURE__ */ e.jsx("div", { className: "space-y-3", children: T.map(([I, A]) => /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ e.jsx(R, { children: A.title }),
       g(
         A.ui,
-        F,
+        I,
         A.options
       )
-    ] }, F)) });
+    ] }, I)) });
   }
-  function j(C) {
+  function j(y) {
     s && r({
       ...s,
-      visualType: C,
+      visualType: y,
       componentName: ""
     });
   }
@@ -3608,23 +3616,23 @@ function Tl() {
               label: "",
               options: a,
               value: (s == null ? void 0 : s.url) || "",
-              onValueChange: (C) => r({
+              onValueChange: (y) => r({
                 ...s || {
                   url: "",
                   componentName: ""
                 },
-                url: C
+                url: y
               })
             }
           ) }) }),
           ((s == null ? void 0 : s.type) === "component" || (s == null ? void 0 : s.type) === void 0) && /* @__PURE__ */ e.jsx(
-            Dl,
+            Tl,
             {
               options: [
                 { value: "single", label: "Single Visual" },
                 { value: "multiple", label: "Multi-Visual" }
               ],
-              value: c,
+              value: d,
               onValueChange: j
             }
           ),
@@ -3636,16 +3644,16 @@ function Tl() {
                 className: "h-8 w-full",
                 label: "",
                 options: (o == null ? void 0 : o.filter(
-                  (C) => C.type === c
-                ).map((C) => ({
-                  value: C.name,
-                  label: C.name
+                  (y) => y.type === d
+                ).map((y) => ({
+                  value: y.name,
+                  label: y.name
                 }))) || [],
                 value: s.componentName,
-                onValueChange: (C) => {
-                  console.log("changing value", C), r({
+                onValueChange: (y) => {
+                  console.log("changing value", y), r({
                     ...s,
-                    componentName: C
+                    componentName: y
                   });
                 }
               }
@@ -3653,12 +3661,12 @@ function Tl() {
           ] }) })
         ] }) }) }),
         /* @__PURE__ */ e.jsx(ge, { className: "my-4" }),
-        ((I = n == null ? void 0 : n.customCardPreferences) == null ? void 0 : I.componentName) && /* @__PURE__ */ e.jsxs(Ge, { summary: "Component Settings", children: [
+        ((F = n == null ? void 0 : n.customCardPreferences) == null ? void 0 : F.componentName) && /* @__PURE__ */ e.jsxs(Ge, { summary: "Component Settings", children: [
           p && p.dataInputs && /* @__PURE__ */ e.jsxs("div", { className: "space-y-3", children: [
             /* @__PURE__ */ e.jsx(R, { children: "Input Mapping" }),
-            /* @__PURE__ */ e.jsx("div", { className: "px-2", children: y(p) })
+            /* @__PURE__ */ e.jsx("div", { className: "px-2", children: b(p) })
           ] }),
-          p && p.settings && /* @__PURE__ */ e.jsx("div", { className: "space-y-3", children: /* @__PURE__ */ e.jsx("div", { className: "px-2", children: x(p) }) })
+          p && p.settings && /* @__PURE__ */ e.jsx("div", { className: "space-y-3", children: /* @__PURE__ */ e.jsx("div", { className: "px-2", children: h(p) }) })
         ] })
       ]
     }
@@ -3669,20 +3677,20 @@ function Te() {
   m(
     (u) => u.card.cfg
   );
-  const a = m((u) => u.card.preferences), { setCardCfg: n, setFilterOnClickColumnIndex: l, setCardPreferences: c } = m((u) => u.actions), r = m(
+  const a = m((u) => u.card.preferences), { setCardCfg: n, setFilterOnClickColumnIndex: l, setCardPreferences: d } = m((u) => u.actions), r = m(
     (u) => u.queryResultColumns
   );
   m(
     (u) => {
-      var y;
-      return (y = u.card.preferences) == null ? void 0 : y.filterOnClickColumnIndex;
+      var b;
+      return (b = u.card.preferences) == null ? void 0 : b.filterOnClickColumnIndex;
     }
   ), Z(() => {
     r && t(new Array(r.length).fill(!1));
   }, [r]);
-  function o(u, y) {
-    var g, x;
-    y ? a != null && a.onClickFilter && ((g = a == null ? void 0 : a.onClickFilter) == null ? void 0 : g.length) > 0 ? c({
+  function o(u, b) {
+    var g, h;
+    b ? a != null && a.onClickFilter && ((g = a == null ? void 0 : a.onClickFilter) == null ? void 0 : g.length) > 0 ? d({
       ...a,
       onClickFilter: [
         ...a.onClickFilter,
@@ -3691,7 +3699,7 @@ function Te() {
           expression: ""
         }
       ]
-    }) : c({
+    }) : d({
       ...a,
       onClickFilter: [
         {
@@ -3699,35 +3707,35 @@ function Te() {
           expression: ""
         }
       ]
-    }) : (c({
+    }) : (d({
       ...a,
-      onClickFilter: (x = a == null ? void 0 : a.onClickFilter) == null ? void 0 : x.filter(
+      onClickFilter: (h = a == null ? void 0 : a.onClickFilter) == null ? void 0 : h.filter(
         (j) => j.columnIndex !== u
       )
     }), t((j) => {
-      const b = [...j];
-      return b[u] = !1, b;
+      const C = [...j];
+      return C[u] = !1, C;
     }));
   }
-  function d(u, y) {
-    var x;
-    const g = (x = a == null ? void 0 : a.onClickFilter) == null ? void 0 : x.map((j) => j.columnIndex === u ? {
+  function c(u, b) {
+    var h;
+    const g = (h = a == null ? void 0 : a.onClickFilter) == null ? void 0 : h.map((j) => j.columnIndex === u ? {
       ...j,
-      expression: y.target.value
+      expression: b.target.value
     } : j);
-    c({
+    d({
       ...a,
       onClickFilter: g
     });
   }
   function p(u) {
-    var y, g, x, j;
-    if (s != null && s[u] || (g = (y = a == null ? void 0 : a.onClickFilter) == null ? void 0 : y.find((b) => b.columnIndex === u)) != null && g.expression)
+    var b, g, h, j;
+    if (s != null && s[u] || (g = (b = a == null ? void 0 : a.onClickFilter) == null ? void 0 : b.find((C) => C.columnIndex === u)) != null && g.expression)
       return /* @__PURE__ */ e.jsx(
         le,
         {
-          value: (j = (x = a == null ? void 0 : a.onClickFilter) == null ? void 0 : x.find((b) => b.columnIndex === u)) == null ? void 0 : j.expression,
-          onChange: (b) => d(u, b),
+          value: (j = (h = a == null ? void 0 : a.onClickFilter) == null ? void 0 : h.find((C) => C.columnIndex === u)) == null ? void 0 : j.expression,
+          onChange: (C) => c(u, C),
           type: "text",
           className: "h-9 w-full font-mono text-xs focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0",
           placeholder: "Expression"
@@ -3736,8 +3744,8 @@ function Te() {
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ e.jsx(R, { children: "On Click" }),
-    r == null ? void 0 : r.map((u, y) => {
-      var g, x;
+    r == null ? void 0 : r.map((u, b) => {
+      var g, h;
       return /* @__PURE__ */ e.jsx(
         "div",
         {
@@ -3748,9 +3756,9 @@ function Te() {
                 Hs,
                 {
                   checked: !!((g = a == null ? void 0 : a.onClickFilter) != null && g.find(
-                    (j) => j.columnIndex === y
+                    (j) => j.columnIndex === b
                   )),
-                  onCheckedChange: (j) => o(y, j)
+                  onCheckedChange: (j) => o(b, j)
                 }
               ),
               /* @__PURE__ */ e.jsx(
@@ -3760,22 +3768,22 @@ function Te() {
                   children: u
                 }
               ),
-              /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: ((x = a == null ? void 0 : a.onClickFilter) == null ? void 0 : x.find(
-                (j) => j.columnIndex === y
+              /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: ((h = a == null ? void 0 : a.onClickFilter) == null ? void 0 : h.find(
+                (j) => j.columnIndex === b
               )) && /* @__PURE__ */ e.jsx(
                 Ta,
                 {
                   onClick: () => {
                     t((j) => {
-                      const b = [...j];
-                      return b[y] = !j[y], b;
+                      const C = [...j];
+                      return C[b] = !j[b], C;
                     });
                   },
                   className: "invisible size-3 cursor-pointer text-gray-400 group-hover:visible"
                 }
               ) })
             ] }),
-            p(y)
+            p(b)
           ] })
         },
         u
@@ -3784,19 +3792,19 @@ function Te() {
   ] });
 }
 function fs() {
-  var r, o, d;
+  var r, o, c;
   const s = m((p) => p.card.preferences), t = m(
     (p) => p.card.cfg
   ), { setCardCfg: a, setCardPreferences: n, setChartOrientation: l } = m((p) => p.actions);
   (r = t == null ? void 0 : t.options) != null && r.indexAxis;
-  function c(p) {
+  function d(p) {
     l(p);
   }
   return /* @__PURE__ */ e.jsxs(
     ps,
     {
-      value: ((o = s == null ? void 0 : s.chartOptions) == null ? void 0 : o.indexAxis) || ((d = t == null ? void 0 : t.options) == null ? void 0 : d.indexAxis) || "x",
-      onValueChange: c,
+      value: ((o = s == null ? void 0 : s.chartOptions) == null ? void 0 : o.indexAxis) || ((c = t == null ? void 0 : t.options) == null ? void 0 : c.indexAxis) || "x",
+      onValueChange: d,
       className: "flex gap-3",
       defaultValue: "x",
       children: [
@@ -3814,9 +3822,9 @@ function fs() {
 }
 const ts = "focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0";
 function na(s, t) {
-  var n, l, c;
+  var n, l, d;
   const a = wa(s, t);
-  return ((c = (l = (n = s == null ? void 0 : s.chartOptions) == null ? void 0 : n.scales) == null ? void 0 : l[a]) == null ? void 0 : c.type) || "linear";
+  return ((d = (l = (n = s == null ? void 0 : s.chartOptions) == null ? void 0 : n.scales) == null ? void 0 : l[a]) == null ? void 0 : d.type) || "linear";
 }
 function Wa() {
   var ie, W, ae, w, _, ee;
@@ -3826,25 +3834,25 @@ function Wa() {
   }), n = m((E) => {
     var D;
     return (D = E.card) == null ? void 0 : D.cfg;
-  }), l = wa(a, n), [c, r] = q(
+  }), l = wa(a, n), [d, r] = q(
     na(a)
-  ), [o, d] = q(
+  ), [o, c] = q(
     ((ae = (W = (ie = a == null ? void 0 : a.chartOptions) == null ? void 0 : ie.scales) == null ? void 0 : W[l]) == null ? void 0 : ae.min) || ""
   ), [p, u] = q(
     ((ee = (_ = (w = a == null ? void 0 : a.chartOptions) == null ? void 0 : w.scales) == null ? void 0 : _[l]) == null ? void 0 : ee.max) || ""
-  ), [y, g] = q(o || p ? "custom" : "auto"), [x, j] = q(""), [b, I] = q(0), [C, T] = q(""), [F, A] = q(""), [N, S] = q(""), L = m(
+  ), [b, g] = q(o || p ? "custom" : "auto"), [h, j] = q(""), [C, F] = q(0), [y, T] = q(""), [I, A] = q(""), [N, S] = q(""), L = m(
     (E) => E.actions.setCardPreferences
-  ), { updateCardInFrame: h } = re(), v = m((E) => E.card), f = m((E) => {
+  ), { updateCardInFrame: x } = re(), v = m((E) => E.card), f = m((E) => {
     var D;
     return (D = E.card) == null ? void 0 : D.type;
   }), k = ["pie", "doughnut", "polarArea"].includes(f);
   Z(() => {
     var E, D, se, $, X, te, Le, ze, be, ye, J, oe, ce, Oe;
-    r(na(a)), d(
+    r(na(a)), c(
       ((se = (D = (E = a == null ? void 0 : a.chartOptions) == null ? void 0 : E.scales) == null ? void 0 : D[l]) == null ? void 0 : se.min) === 0 ? 0 : ""
     ), u(((te = (X = ($ = a == null ? void 0 : a.chartOptions) == null ? void 0 : $.scales) == null ? void 0 : X[l]) == null ? void 0 : te.max) || ""), j(
       ((ye = (be = (ze = (Le = a == null ? void 0 : a.chartOptions) == null ? void 0 : Le.scales) == null ? void 0 : ze[l]) == null ? void 0 : be.ticks) == null ? void 0 : ye.stepSize) || ""
-    ), I(((J = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : J.decimalPlaces) || 0), T(((oe = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : oe.suffix) || ""), A(((ce = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : ce.currency) || ""), S(((Oe = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : Oe.locale) || "");
+    ), F(((J = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : J.decimalPlaces) || 0), T(((oe = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : oe.suffix) || ""), A(((ce = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : ce.currency) || ""), S(((Oe = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : Oe.locale) || "");
   }, [s, a, l]);
   function M(E, D) {
     return D === "" || /^[0-9\b]+$/.test(D) ? Number(D) : Number(E);
@@ -3873,7 +3881,7 @@ function Wa() {
         /* @__PURE__ */ e.jsxs(
           me,
           {
-            value: F || "none",
+            value: I || "none",
             onValueChange: (D) => A(D === "none" ? "" : D),
             children: [
               /* @__PURE__ */ e.jsx(he, { className: "col-span-2 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(xe, {}) }),
@@ -3904,8 +3912,8 @@ function Wa() {
         /* @__PURE__ */ e.jsx(
           le,
           {
-            value: b,
-            onChange: (D) => I(Number(D.target.value)),
+            value: C,
+            onChange: (D) => F(Number(D.target.value)),
             id: "format",
             className: `col-span-6 h-8 w-full tracking-wide ${ts}`
           }
@@ -3922,7 +3930,7 @@ function Wa() {
           {
             id: "min",
             value: o,
-            onChange: (E) => d((D) => M(D, E.target.value)),
+            onChange: (E) => c((D) => M(D, E.target.value)),
             className: `col-span-1 h-8 w-full ${ts}`
           }
         ),
@@ -3941,7 +3949,7 @@ function Wa() {
         /* @__PURE__ */ e.jsx(
           le,
           {
-            value: x,
+            value: h,
             onChange: (E) => j((D) => M(D, E.target.value)),
             id: "step-size",
             className: `col-span-1 h-8 w-full ${ts}`
@@ -3953,11 +3961,11 @@ function Wa() {
   function Y() {
     var $;
     let E = {};
-    y === "custom" && (E = {
+    b === "custom" && (E = {
       min: o,
       max: p,
       ticks: {
-        stepSize: x
+        stepSize: h
       }
     });
     const D = {
@@ -3968,15 +3976,15 @@ function Wa() {
           ...($ = a == null ? void 0 : a.chartOptions) == null ? void 0 : $.scales,
           [l]: {
             // ...cardPreferences?.chartOptions?.scales?.[axis],
-            type: c,
-            ...c === "linear" ? E : {}
+            type: d,
+            ...d === "linear" ? E : {}
           }
         }
       },
       numberAxisFormat: {
-        decimalPlaces: b,
-        suffix: C,
-        currency: F,
+        decimalPlaces: C,
+        suffix: y,
+        currency: I,
         locale: N
       }
     };
@@ -3985,10 +3993,10 @@ function Wa() {
       ...v,
       preferences: D
     };
-    h(se);
+    x(se);
   }
   return /* @__PURE__ */ e.jsxs(ms, { onOpenChange: (E) => t(E), children: [
-    /* @__PURE__ */ e.jsx(hs, { asChild: !0, children: /* @__PURE__ */ e.jsx(Zt, { className: "size-4 cursor-pointer text-muted-foreground hover:text-foreground" }) }),
+    /* @__PURE__ */ e.jsx(hs, { asChild: !0, children: /* @__PURE__ */ e.jsx(en, { className: "size-4 cursor-pointer text-muted-foreground hover:text-foreground" }) }),
     /* @__PURE__ */ e.jsx(xs, { 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" }),
@@ -4001,7 +4009,7 @@ function Wa() {
             me,
             {
               disabled: k,
-              value: c,
+              value: d,
               onValueChange: (E) => r(E),
               children: [
                 /* @__PURE__ */ e.jsx(he, { className: "col-span-2 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(xe, {}) }),
@@ -4014,14 +4022,14 @@ function Wa() {
             }
           )
         ] }),
-        c == "linear" && /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 items-center gap-2 py-1", children: [
+        d == "linear" && /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 items-center gap-2 py-1", children: [
           /* @__PURE__ */ e.jsx(R, { htmlFor: "scale-option", children: "Setup" }),
           /* @__PURE__ */ e.jsxs(
             ps,
             {
               disabled: k,
               id: "scale-option",
-              value: y,
+              value: b,
               onValueChange: (E) => g(E),
               className: "col-span-2 flex gap-3",
               defaultValue: "x",
@@ -4038,9 +4046,9 @@ function Wa() {
             }
           )
         ] }),
-        y === "custom" && c == "linear" && P(),
+        b === "custom" && d == "linear" && P(),
         H(),
-        /* @__PURE__ */ e.jsx(en, {}),
+        /* @__PURE__ */ e.jsx(sn, {}),
         /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-3", children: /* @__PURE__ */ e.jsx(
           O,
           {
@@ -4054,28 +4062,28 @@ function Wa() {
     ] }) })
   ] });
 }
-function Ll({ idx: s }) {
+function Ml({ idx: s }) {
   var o;
-  const t = m((d) => {
+  const t = m((c) => {
     var p;
-    return (p = d.card) == null ? void 0 : p.preferences;
+    return (p = c.card) == null ? void 0 : p.preferences;
   }), a = m(
-    (d) => {
+    (c) => {
       var p;
-      return (p = d.card.preferences) == null ? void 0 : p.datasetOptions;
+      return (p = c.card.preferences) == null ? void 0 : p.datasetOptions;
     }
   ), n = m(
-    (d) => d.actions.setCardPreferences
-  ), l = (o = t == null ? void 0 : t.chartOptions) == null ? void 0 : o.indexAxis, c = a == null ? void 0 : a.find((d) => d.idx === s);
-  function r(d, p) {
-    (d === "end" || d === "start") && sn(an());
+    (c) => c.actions.setCardPreferences
+  ), l = (o = t == null ? void 0 : t.chartOptions) == null ? void 0 : o.indexAxis, d = a == null ? void 0 : a.find((c) => c.idx === s);
+  function r(c, p) {
+    (c === "end" || c === "start") && an(tn());
     const u = {
-      display: d !== "none",
-      align: d,
-      anchor: d,
+      display: c !== "none",
+      align: c,
+      anchor: c,
       clamp: !0
     };
-    if (!c)
+    if (!d)
       n({
         ...t,
         datasetOptions: [
@@ -4087,10 +4095,10 @@ function Ll({ idx: s }) {
         ]
       });
     else {
-      const y = { ...c };
-      y.datalabels = u;
+      const b = { ...d };
+      b.datalabels = u;
       const g = a == null ? void 0 : a.map(
-        (x) => x.idx === p ? y : x
+        (h) => h.idx === p ? b : h
       );
       n({
         ...t,
@@ -4099,7 +4107,7 @@ function Ll({ idx: s }) {
     }
   }
   return /* @__PURE__ */ e.jsxs(ms, { children: [
-    /* @__PURE__ */ e.jsx(hs, { children: /* @__PURE__ */ e.jsx(Jn, { className: "invisible size-4 rotate-[135deg] cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible" }) }),
+    /* @__PURE__ */ e.jsx(hs, { children: /* @__PURE__ */ e.jsx(Kn, { className: "invisible size-4 rotate-[135deg] cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible" }) }),
     /* @__PURE__ */ e.jsx(xs, { className: "w-fit p-1", children: /* @__PURE__ */ e.jsxs("div", { className: "flex gap-1", children: [
       /* @__PURE__ */ e.jsx(
         O,
@@ -4119,7 +4127,7 @@ function Ll({ idx: s }) {
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
           children: /* @__PURE__ */ e.jsx(
-            Vn,
+            qn,
             {
               className: Q("h-4 w-4", {
                 "rotate-90": l === "y"
@@ -4136,7 +4144,7 @@ function Ll({ idx: s }) {
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
           children: /* @__PURE__ */ e.jsx(
-            Rn,
+            _n,
             {
               className: Q("h-4 w-4", {
                 "rotate-90": l === "y"
@@ -4153,7 +4161,7 @@ function Ll({ idx: s }) {
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
           children: /* @__PURE__ */ e.jsx(
-            qn,
+            Rn,
             {
               className: Q("h-4 w-4", {
                 "rotate-90": l === "y"
@@ -4168,25 +4176,25 @@ function Ll({ idx: s }) {
 function Ya() {
   const s = m((p) => p.card), t = m(
     (p) => {
-      var u, y, g;
-      return (g = (y = (u = p == null ? void 0 : p.card) == null ? void 0 : u.preferences) == null ? void 0 : y.chartOptions) == null ? void 0 : g.indexAxis;
+      var u, b, g;
+      return (g = (b = (u = p == null ? void 0 : p.card) == null ? void 0 : u.preferences) == null ? void 0 : b.chartOptions) == null ? void 0 : g.indexAxis;
     }
   ), { data: a } = qe(s), n = t === "y" ? "Y axis" : "X axis", l = t === "y" ? "X axis" : "Y axis", {
-    keys: c,
+    keys: d,
     metricKeys: r,
     dimensionKeys: o
   } = vs((a == null ? void 0 : a.records) || []);
-  let d = r;
+  let c = r;
   if (["stackedBar", "stackedLine"].includes(s.type)) {
-    const p = tn({
+    const p = nn({
       dataArray: (a == null ? void 0 : a.records) || [],
       groupKey: o[0],
       pivotKey: o[1],
-      valueKey: d[0]
+      valueKey: c[0]
     }), { metricKeys: u } = vs(p);
-    d = u;
+    c = u;
   }
-  return c.length === 0 ? null : /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
+  return d.length === 0 ? null : /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ e.jsx(R, { children: n }),
       /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: /* @__PURE__ */ e.jsx("div", { className: "rounded-md bg-muted/70 px-2 py-1 hover:bg-muted", children: /* @__PURE__ */ e.jsx("p", { children: o[0] }) }) })
@@ -4196,23 +4204,23 @@ function Ya() {
         /* @__PURE__ */ e.jsx(R, { children: l }),
         /* @__PURE__ */ e.jsx(Wa, {})
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: d.map((p, u) => /* @__PURE__ */ e.jsx(Ml, { col: p, idx: u }, p)) })
+      /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: c.map((p, u) => /* @__PURE__ */ e.jsx(El, { col: p, idx: u }, p)) })
     ] })
   ] });
 }
-function Ml({ col: s, idx: t }) {
+function El({ col: s, idx: t }) {
   const a = m((o) => {
-    var d;
-    return (d = o.card) == null ? void 0 : d.preferences;
+    var c;
+    return (c = o.card) == null ? void 0 : c.preferences;
   }), n = m(
     (o) => {
-      var d;
-      return (d = o.card.preferences) == null ? void 0 : d.datasetOptions;
+      var c;
+      return (c = o.card.preferences) == null ? void 0 : c.datasetOptions;
     }
-  ), l = n == null ? void 0 : n.find((o) => o.idx === t), { setCardPreferences: c } = m((o) => o.actions);
+  ), l = n == null ? void 0 : n.find((o) => o.idx === t), { setCardPreferences: d } = m((o) => o.actions);
   function r(o) {
     if (!l)
-      c({
+      d({
         ...a,
         datasetOptions: [
           ...n || [],
@@ -4224,12 +4232,12 @@ function Ml({ col: s, idx: t }) {
         ]
       });
     else {
-      const d = { ...l };
-      d.type = o === "area" ? "line" : o, d.fill = o === "area" ? "origin" : "";
+      const c = { ...l };
+      c.type = o === "area" ? "line" : o, c.fill = o === "area" ? "origin" : "";
       const p = n == null ? void 0 : n.map(
-        (u) => u.idx === t ? d : u
+        (u) => u.idx === t ? c : u
       );
-      c({
+      d({
         ...a,
         datasetOptions: p
       });
@@ -4253,43 +4261,43 @@ function Ml({ col: s, idx: t }) {
         }
       ),
       /* @__PURE__ */ e.jsx(
-        wn,
+        kn,
         {
           onClick: () => r("area"),
           className: "invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"
         }
       ),
-      /* @__PURE__ */ e.jsx(Ll, { idx: t })
+      /* @__PURE__ */ e.jsx(Ml, { idx: t })
     ] })
   ] });
 }
 function Xa() {
-  const s = m((g) => g.selectedConnectionId), t = m((g) => g.selectedDatamodelId), a = m((g) => g.selectedDatabaseName), n = m((g) => g.selectedSchemaName), l = m((g) => g.selectedTableName), c = z((g) => g.dashboard.filters) || [], r = z((g) => g.actions.addFilter), o = z((g) => g.actions.removeFilter), d = z(
+  const s = m((g) => g.selectedConnectionId), t = m((g) => g.selectedDatamodelId), a = m((g) => g.selectedDatabaseName), n = m((g) => g.selectedSchemaName), l = m((g) => g.selectedTableName), d = z((g) => g.dashboard.filters) || [], r = z((g) => g.actions.addFilter), o = z((g) => g.actions.removeFilter), c = z(
     (g) => g.actions.removeFilterValue
   ), { modelItems: p, tableName: u } = Re();
-  function y(g, x = "dashboard") {
+  function b(g, h = "dashboard") {
     var S;
-    const j = de(g.column_name), b = de(a || ""), I = de(n || ""), C = de(u);
+    const j = de(g.column_name), C = de(a || ""), F = de(n || ""), y = de(u);
     let T = fa(
-      I,
-      C
-    ), F = `${T}.${j}`;
+      F,
+      y
+    ), I = `${T}.${j}`;
     const A = (S = p == null ? void 0 : p.find(
       (L) => L.id === t
     )) == null ? void 0 : S.name;
-    t && t !== "none" && (F = `${ys}.${A}.${j}`, T = `${ys}.${A}`);
-    const N = c == null ? void 0 : c.find(
-      (L) => L.column === F && L.table === C && (L.database === b || L.database === a)
+    t && t !== "none" && (I = `${ys}.${A}.${j}`, T = `${ys}.${A}`);
+    const N = d == null ? void 0 : d.find(
+      (L) => L.column === I && L.table === y && (L.database === C || L.database === a)
     );
     if (N)
-      d(N.id), o(N.id);
+      c(N.id), o(N.id);
     else {
       const L = Je();
       return u === "api" && s ? (r({
-        location: x,
+        location: h,
         id: L,
         //uuidv4(),
-        column: F,
+        column: I,
         title: g.column_name,
         dataType: g.data_type,
         table: "api",
@@ -4306,8 +4314,8 @@ function Xa() {
       }), L) : (r({
         id: L,
         //uuidv4(),
-        location: x,
-        column: F,
+        location: h,
+        column: I,
         //columnName, //`${qualifiedTableName}.${formattedColumnName}`,
         title: g.column_name,
         dataType: g.data_type,
@@ -4324,29 +4332,29 @@ function Xa() {
       }), L);
     }
   }
-  return { assignFilter: y };
+  return { assignFilter: b };
 }
 function _e() {
   const s = z(
     (o) => o.dashboard.filters
   ), t = m((o) => o.frame), { setFrame: a } = re(), { columns: n } = Re(), { assignFilter: l } = Xa();
-  function c(o) {
-    const d = l(o, "frame");
-    a({ ...t, filterId: d });
+  function d(o) {
+    const c = l(o, "frame");
+    a({ ...t, filterId: c });
   }
   const r = s == null ? void 0 : s.find((o) => o.id === t.filterId);
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-3", children: [
     /* @__PURE__ */ e.jsx(R, { children: "Card Filter" }),
-    /* @__PURE__ */ e.jsx(El, { onSelect: c, columns: n }),
-    r && /* @__PURE__ */ e.jsx(nn, { filter: r })
+    /* @__PURE__ */ e.jsx(Al, { onSelect: d, columns: n }),
+    r && /* @__PURE__ */ e.jsx(ln, { filter: r })
   ] });
 }
-function El({
+function Al({
   columns: s,
   onSelect: t
 }) {
   var r;
-  const [a, n] = ea.useState(!1), [l, c] = ea.useState("");
+  const [a, n] = ea.useState(!1), [l, d] = ea.useState("");
   return /* @__PURE__ */ e.jsxs(ms, { open: a, onOpenChange: n, children: [
     /* @__PURE__ */ e.jsx(hs, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
       O,
@@ -4358,21 +4366,21 @@ function El({
         className: "w-full justify-between font-normal",
         children: [
           l ? (r = s.find((o) => o.column_name === l)) == null ? void 0 : r.column_name : "Select Column...",
-          /* @__PURE__ */ e.jsx(ln, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+          /* @__PURE__ */ e.jsx(rn, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
         ]
       }
     ) }),
-    /* @__PURE__ */ e.jsx(xs, { 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((o) => /* @__PURE__ */ e.jsxs(
-          mn,
+    /* @__PURE__ */ e.jsx(xs, { className: "w-[200px] p-0", children: /* @__PURE__ */ e.jsxs(on, { children: [
+      /* @__PURE__ */ e.jsx(cn, { placeholder: "Search column", className: "h-9" }),
+      /* @__PURE__ */ e.jsxs(dn, { children: [
+        /* @__PURE__ */ e.jsx(un, { children: "No framework found." }),
+        /* @__PURE__ */ e.jsx(mn, { children: s.map((o) => /* @__PURE__ */ e.jsxs(
+          hn,
           {
             value: o.column_name,
-            onSelect: (d) => {
-              const p = d === l ? "" : d;
-              c(p), n(!1), p && t(o);
+            onSelect: (c) => {
+              const p = c === l ? "" : c;
+              d(p), n(!1), p && t(o);
             },
             children: [
               o.column_name,
@@ -4393,7 +4401,7 @@ function El({
     ] }) })
   ] });
 }
-function Al({
+function Vl({
   cardType: s
 }) {
   return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(De, { defaultValue: ["item-2"], type: "multiple", children: [
@@ -4439,13 +4447,13 @@ function Al({
   ] }) });
 }
 function Gs() {
-  var l, c, r;
+  var l, d, r;
   const s = m(
     (o) => o.card.cfg
   ), t = m((o) => o.actions.setCardCfg), a = m((o) => o.card.type);
   function n(o) {
     var u;
-    const d = {
+    const c = {
       datalabels: {
         display: o !== "none",
         align: o,
@@ -4458,7 +4466,7 @@ function Gs() {
         ...s == null ? void 0 : s.options,
         plugins: {
           ...(u = s == null ? void 0 : s.options) == null ? void 0 : u.plugins,
-          ...d
+          ...c
         }
       }
     };
@@ -4472,7 +4480,7 @@ function Gs() {
     /* @__PURE__ */ e.jsxs(
       me,
       {
-        value: (r = (c = (l = s == null ? void 0 : s.options) == null ? void 0 : l.plugins) == null ? void 0 : c.datalabels) == null ? void 0 : r.anchor,
+        value: (r = (d = (l = s == null ? void 0 : s.options) == null ? void 0 : l.plugins) == null ? void 0 : d.datalabels) == null ? void 0 : r.anchor,
         onValueChange: n,
         defaultValue: "none",
         children: [
@@ -4489,7 +4497,7 @@ function Gs() {
     )
   ] });
 }
-function Vl({
+function ql({
   cardType: s
 }) {
   function t(a) {
@@ -4508,7 +4516,7 @@ function Vl({
           "a",
           {
             target: "_blank",
-            onClick: (c) => c.stopPropagation(),
+            onClick: (d) => d.stopPropagation(),
             className: "text-blue-700",
             href: "https://docs.semaphor.cloud/concepts/visuals#pie-chart",
             children: "example"
@@ -4536,7 +4544,7 @@ function Vl({
     ] })
   ] }) });
 }
-const ql = {
+const Rl = {
   datasets: [
     {
       type: "line",
@@ -4549,7 +4557,7 @@ const ql = {
       data: []
     }
   ]
-}, Rl = {
+}, _l = {
   datasets: [
     {
       fill: "origin",
@@ -4559,7 +4567,7 @@ const ql = {
     }
   ]
 };
-function _l() {
+function Hl() {
   const s = m((t) => t.card.type);
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-6 p-6", children: [
     /* @__PURE__ */ e.jsx(
@@ -4568,7 +4576,7 @@ function _l() {
         className: " ",
         type: "single",
         collapsible: !0,
-        children: Hl(s)
+        children: $l(s)
       }
     ),
     /* @__PURE__ */ e.jsx("section", { className: "", children: ["line", "bar"].includes(s) && /* @__PURE__ */ e.jsx(fs, {}) }),
@@ -4579,7 +4587,7 @@ function _l() {
     ] })
   ] });
 }
-function Hl(s) {
+function $l(s) {
   if (["line", "bar"].includes(s))
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs(B, { value: "item-1", children: [
@@ -4600,7 +4608,7 @@ function Hl(s) {
             /* @__PURE__ */ e.jsx("b", { children: "Customize" }),
             " and change the `type` property in the dataset."
           ] }),
-          /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify(ql, null, 2) })
+          /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify(Rl, null, 2) })
         ] })
       ] }),
       /* @__PURE__ */ e.jsxs(B, { value: "item-3", children: [
@@ -4621,7 +4629,7 @@ function Hl(s) {
             ),
             "for more options."
           ] }),
-          /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify(Rl, null, 2) })
+          /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify(_l, null, 2) })
         ] })
       ] })
     ] });
@@ -4676,53 +4684,53 @@ function Hl(s) {
       ] })
     ] }) });
 }
-function $l() {
-  var d, p, u, y, g;
-  const s = m((x) => x.card.preferences), t = m(
-    (x) => x.actions.setCardPreferences
+function Pl() {
+  var c, p, u, b, g;
+  const s = m((h) => h.card.preferences), t = m(
+    (h) => h.actions.setCardPreferences
   ), a = m(
-    (x) => x.actions.setNumberFormat
+    (h) => h.actions.setNumberFormat
   );
   m(
-    (x) => {
-      var j, b;
-      return (b = (j = x.card.preferences) == null ? void 0 : j.formatNumber) == null ? void 0 : b.decimalPlaces;
+    (h) => {
+      var j, C;
+      return (C = (j = h.card.preferences) == null ? void 0 : j.formatNumber) == null ? void 0 : C.decimalPlaces;
     }
   );
   const n = m(
-    (x) => {
-      var j, b;
-      return (b = (j = x.card.preferences) == null ? void 0 : j.formatNumber) == null ? void 0 : b.locale;
+    (h) => {
+      var j, C;
+      return (C = (j = h.card.preferences) == null ? void 0 : j.formatNumber) == null ? void 0 : C.locale;
     }
   ), l = m(
-    (x) => {
-      var j, b;
-      return (b = (j = x.card.preferences) == null ? void 0 : j.formatNumber) == null ? void 0 : b.currency;
+    (h) => {
+      var j, C;
+      return (C = (j = h.card.preferences) == null ? void 0 : j.formatNumber) == null ? void 0 : C.currency;
     }
   );
   m(
-    (x) => x.actions.setFilterOnClickField
+    (h) => h.actions.setFilterOnClickField
   );
-  const c = m(
-    (x) => {
-      var j, b;
-      return (b = (j = x.card.preferences) == null ? void 0 : j.formatNumber) == null ? void 0 : b.colorRanges;
+  const d = m(
+    (h) => {
+      var j, C;
+      return (C = (j = h.card.preferences) == null ? void 0 : j.formatNumber) == null ? void 0 : C.colorRanges;
     }
   ) || [], r = m(
-    (x) => x.actions.setColorRanges
-  ), o = [...new Set(os.map((x) => x.currency))];
+    (h) => h.actions.setColorRanges
+  ), o = [...new Set(os.map((h) => h.currency))];
   return /* @__PURE__ */ e.jsxs("div", { children: [
     /* @__PURE__ */ e.jsxs("div", { className: "mb-3 flex items-center gap-2", children: [
       /* @__PURE__ */ e.jsx(
         Hs,
         {
-          checked: !!((d = s == null ? void 0 : s.formatNumber) != null && d.enabled),
-          onCheckedChange: (x) => {
+          checked: !!((c = s == null ? void 0 : s.formatNumber) != null && c.enabled),
+          onCheckedChange: (h) => {
             t({
               ...s,
               formatNumber: {
                 ...s == null ? void 0 : s.formatNumber,
-                enabled: x
+                enabled: h
               }
             });
           }
@@ -4739,13 +4747,13 @@ function $l() {
               me,
               {
                 value: n || "none",
-                onValueChange: (x) => {
-                  var j, b, I;
+                onValueChange: (h) => {
+                  var j, C, F;
                   return a(
                     ((j = s == null ? void 0 : s.formatNumber) == null ? void 0 : j.decimalPlaces) || 0,
-                    ((b = s == null ? void 0 : s.formatNumber) == null ? void 0 : b.currency) || "",
-                    x,
-                    ((I = s == null ? void 0 : s.formatNumber) == null ? void 0 : I.suffix) || ""
+                    ((C = s == null ? void 0 : s.formatNumber) == null ? void 0 : C.currency) || "",
+                    h,
+                    ((F = s == null ? void 0 : s.formatNumber) == null ? void 0 : F.suffix) || ""
                   );
                 },
                 children: [
@@ -4753,7 +4761,7 @@ function $l() {
                   /* @__PURE__ */ e.jsx(pe, { children: /* @__PURE__ */ e.jsxs(Se, { children: [
                     /* @__PURE__ */ e.jsx(fe, { children: "Format" }),
                     /* @__PURE__ */ e.jsx(K, { value: "none", children: "None" }, "none"),
-                    os.map((x) => /* @__PURE__ */ e.jsx(K, { value: x.locale, children: x.locale }, x.locale))
+                    os.map((h) => /* @__PURE__ */ e.jsx(K, { value: h.locale, children: h.locale }, h.locale))
                   ] }) })
                 ]
               }
@@ -4765,13 +4773,13 @@ function $l() {
               me,
               {
                 value: l || "none",
-                onValueChange: (x) => {
-                  var j, b, I;
-                  console.log("currency", x), a(
+                onValueChange: (h) => {
+                  var j, C, F;
+                  console.log("currency", h), a(
                     ((j = s == null ? void 0 : s.formatNumber) == null ? void 0 : j.decimalPlaces) || 0,
-                    x === "none" ? "" : x,
-                    ((b = s == null ? void 0 : s.formatNumber) == null ? void 0 : b.locale) || "",
-                    ((I = s == null ? void 0 : s.formatNumber) == null ? void 0 : I.suffix) || ""
+                    h === "none" ? "" : h,
+                    ((C = s == null ? void 0 : s.formatNumber) == null ? void 0 : C.locale) || "",
+                    ((F = s == null ? void 0 : s.formatNumber) == null ? void 0 : F.suffix) || ""
                   );
                 },
                 children: [
@@ -4779,7 +4787,7 @@ function $l() {
                   /* @__PURE__ */ e.jsx(pe, { children: /* @__PURE__ */ e.jsxs(Se, { children: [
                     /* @__PURE__ */ e.jsx(fe, { children: "Currency" }),
                     /* @__PURE__ */ e.jsx(K, { value: "none", children: "None" }, "none"),
-                    o.map((x) => /* @__PURE__ */ e.jsx(K, { value: x, children: x }, x))
+                    o.map((h) => /* @__PURE__ */ e.jsx(K, { value: h, children: h }, h))
                   ] }) })
                 ]
               }
@@ -4792,19 +4800,19 @@ function $l() {
             /* @__PURE__ */ e.jsxs(
               me,
               {
-                value: ((y = (u = s == null ? void 0 : s.formatNumber) == null ? void 0 : u.decimalPlaces) == null ? void 0 : y.toString()) || "0",
-                onValueChange: (x) => {
-                  var j, b, I;
+                value: ((b = (u = s == null ? void 0 : s.formatNumber) == null ? void 0 : u.decimalPlaces) == null ? void 0 : b.toString()) || "0",
+                onValueChange: (h) => {
+                  var j, C, F;
                   return a(
-                    Number(x),
+                    Number(h),
                     ((j = s == null ? void 0 : s.formatNumber) == null ? void 0 : j.currency) || "",
-                    ((b = s == null ? void 0 : s.formatNumber) == null ? void 0 : b.locale) || "",
-                    ((I = s == null ? void 0 : s.formatNumber) == null ? void 0 : I.suffix) || ""
+                    ((C = s == null ? void 0 : s.formatNumber) == null ? void 0 : C.locale) || "",
+                    ((F = s == null ? void 0 : s.formatNumber) == null ? void 0 : F.suffix) || ""
                   );
                 },
                 children: [
                   /* @__PURE__ */ e.jsx(he, { className: "col-span-3 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(xe, {}) }),
-                  /* @__PURE__ */ e.jsx(pe, { children: ["0", "1", "2", "3", "4"].map((x) => /* @__PURE__ */ e.jsx(K, { value: x, children: x }, x)) })
+                  /* @__PURE__ */ e.jsx(pe, { children: ["0", "1", "2", "3", "4"].map((h) => /* @__PURE__ */ e.jsx(K, { value: h, children: h }, h)) })
                 ]
               }
             )
@@ -4817,13 +4825,13 @@ function $l() {
                 value: ((g = s == null ? void 0 : s.formatNumber) == null ? void 0 : g.suffix) || "",
                 className: "h-8 font-mono text-xs focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0",
                 placeholder: "K, M, B, %",
-                onChange: (x) => {
-                  var j, b, I;
+                onChange: (h) => {
+                  var j, C, F;
                   return a(
                     ((j = s == null ? void 0 : s.formatNumber) == null ? void 0 : j.decimalPlaces) || 0,
-                    ((b = s == null ? void 0 : s.formatNumber) == null ? void 0 : b.currency) || "",
-                    ((I = s == null ? void 0 : s.formatNumber) == null ? void 0 : I.locale) || "",
-                    x.target.value
+                    ((C = s == null ? void 0 : s.formatNumber) == null ? void 0 : C.currency) || "",
+                    ((F = s == null ? void 0 : s.formatNumber) == null ? void 0 : F.locale) || "",
+                    h.target.value
                   );
                 }
               }
@@ -4833,16 +4841,16 @@ function $l() {
       ] }) }),
       /* @__PURE__ */ e.jsx(ge, { className: "my-3" }),
       /* @__PURE__ */ e.jsx(
-        hn,
+        xn,
         {
-          colorRanges: c,
+          colorRanges: d,
           setColorRanges: r
         }
       )
     ] })
   ] });
 }
-function Pl() {
+function Bl() {
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-6 px-6 py-2", children: [
     /* @__PURE__ */ e.jsx(De, { type: "single", collapsible: !0, children: /* @__PURE__ */ e.jsxs(B, { value: "item-1", children: [
       /* @__PURE__ */ e.jsx(U, { className: "", children: "KPI Query" }),
@@ -4868,12 +4876,12 @@ function Pl() {
         ] })
       ] })
     ] }) }),
-    /* @__PURE__ */ e.jsx("section", { className: "", children: /* @__PURE__ */ e.jsx($l, {}) }),
+    /* @__PURE__ */ e.jsx("section", { className: "", children: /* @__PURE__ */ e.jsx(Pl, {}) }),
     /* @__PURE__ */ e.jsx("div", {}),
     /* @__PURE__ */ e.jsx("div", {})
   ] });
 }
-const Bl = [
+const Ul = [
   {
     label: "Mercator",
     value: "mercator"
@@ -4930,7 +4938,7 @@ const Bl = [
     label: "Natural Earth 1",
     value: "naturalEarth1"
   }
-], Ul = [
+], Gl = [
   "blues",
   "brBG",
   "buGn",
@@ -4969,15 +4977,15 @@ const Bl = [
   "ylGnBu",
   "ylOrBr",
   "ylOrRd"
-], Gl = Ul.map((s) => ({
+], Ql = Gl.map((s) => ({
   label: s,
   value: s
 }));
-function Ql() {
-  var d, p, u, y, g, x, j, b, I, C, T, F, A, N, S, L, h, v;
-  const s = m((f) => f.card), t = (p = (d = s == null ? void 0 : s.preferences) == null ? void 0 : d.mapVisualOptions) == null ? void 0 : p.topoJsonUrl, [a, n] = q(
-    ((y = (u = s == null ? void 0 : s.preferences) == null ? void 0 : u.mapVisualOptions) == null ? void 0 : y.customTopoJsonUrl) || ""
-  ), { setCardPreferences: l } = re(), { data: c } = _s(s), r = Object.keys((c == null ? void 0 : c.objects) || {}).map((f) => ({
+function Jl() {
+  var c, p, u, b, g, h, j, C, F, y, T, I, A, N, S, L, x, v;
+  const s = m((f) => f.card), t = (p = (c = s == null ? void 0 : s.preferences) == null ? void 0 : c.mapVisualOptions) == null ? void 0 : p.topoJsonUrl, [a, n] = q(
+    ((b = (u = s == null ? void 0 : s.preferences) == null ? void 0 : u.mapVisualOptions) == null ? void 0 : b.customTopoJsonUrl) || ""
+  ), { setCardPreferences: l } = re(), { data: d } = _s(s), r = Object.keys((d == null ? void 0 : d.objects) || {}).map((f) => ({
     label: f,
     value: f
   })) || [], o = [
@@ -5037,7 +5045,7 @@ function Ql() {
           placeholder: "Custom URL"
         }
       ),
-      c && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      d && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
         /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
           /* @__PURE__ */ e.jsx(R, { children: "Map Object" }),
           /* @__PURE__ */ e.jsx(
@@ -5045,7 +5053,7 @@ function Ql() {
             {
               className: "h-9",
               options: r,
-              value: ((x = (g = s.preferences) == null ? void 0 : g.mapVisualOptions) == null ? void 0 : x.objectKey) || "",
+              value: ((h = (g = s.preferences) == null ? void 0 : g.mapVisualOptions) == null ? void 0 : h.objectKey) || "",
               label: "Map Object",
               onValueChange: (f) => {
                 var k;
@@ -5066,8 +5074,8 @@ function Ql() {
             ue,
             {
               className: "h-9",
-              options: Bl,
-              value: ((b = (j = s.preferences) == null ? void 0 : j.mapVisualOptions) == null ? void 0 : b.projection) || "",
+              options: Ul,
+              value: ((C = (j = s.preferences) == null ? void 0 : j.mapVisualOptions) == null ? void 0 : C.projection) || "",
               label: "Projection",
               onValueChange: (f) => {
                 var k;
@@ -5088,8 +5096,8 @@ function Ql() {
             ue,
             {
               className: "h-9",
-              options: Gl,
-              value: ((C = (I = s.preferences) == null ? void 0 : I.mapVisualOptions) == null ? void 0 : C.colorScale) || "",
+              options: Ql,
+              value: ((y = (F = s.preferences) == null ? void 0 : F.mapVisualOptions) == null ? void 0 : y.colorScale) || "",
               label: "Select Color Scale",
               onValueChange: (f) => {
                 var k;
@@ -5114,7 +5122,7 @@ function Ql() {
           className: `h-9 w-full ${Be}`,
           type: "number",
           step: 0.1,
-          value: ((F = (T = s.preferences) == null ? void 0 : T.mapVisualOptions) == null ? void 0 : F.projectionScale) || 1,
+          value: ((I = (T = s.preferences) == null ? void 0 : T.mapVisualOptions) == null ? void 0 : I.projectionScale) || 1,
           onChange: (f) => {
             var k;
             l({
@@ -5157,7 +5165,7 @@ function Ql() {
           className: `h-9 w-full ${Be}`,
           type: "number",
           step: 10,
-          value: ((v = (h = (L = s.preferences) == null ? void 0 : L.mapVisualOptions) == null ? void 0 : h.projectionOffset) == null ? void 0 : v[1]) || 0,
+          value: ((v = (x = (L = s.preferences) == null ? void 0 : L.mapVisualOptions) == null ? void 0 : x.projectionOffset) == null ? void 0 : v[1]) || 0,
           onChange: (f) => {
             var k, M, H, P;
             l({
@@ -5178,7 +5186,7 @@ function Ql() {
     /* @__PURE__ */ e.jsx(Te, {})
   ] });
 }
-function Jl() {
+function Kl() {
   var n;
   const s = m((l) => l.card.preferences), { setCardPreferences: t } = m((l) => l.actions);
   function a(l) {
@@ -5246,7 +5254,7 @@ function ns({
       /* @__PURE__ */ e.jsxs(G, { className: "space-y-4 px-2", children: [
         s === "range" && /* @__PURE__ */ e.jsx(fs, {}),
         s !== "text" && /* @__PURE__ */ e.jsx(Gs, {}),
-        s === "text" && /* @__PURE__ */ e.jsx(Jl, {})
+        s === "text" && /* @__PURE__ */ e.jsx(Kl, {})
       ] })
     ] }),
     !["range", "text"].includes(s) && /* @__PURE__ */ e.jsxs(B, { value: "item-3", children: [
@@ -5258,11 +5266,11 @@ function ns({
     ] })
   ] }) });
 }
-function Kl() {
+function Wl() {
   const s = m(
     (n) => {
-      var l, c;
-      return (c = (l = n == null ? void 0 : n.card) == null ? void 0 : l.preferences) == null ? void 0 : c.sortChart;
+      var l, d;
+      return (d = (l = n == null ? void 0 : n.card) == null ? void 0 : l.preferences) == null ? void 0 : d.sortChart;
     }
   ), { setSortChart: t } = re();
   function a() {
@@ -5338,7 +5346,7 @@ function Kl() {
     ] })
   ] }) });
 }
-function Wl({}) {
+function Yl({}) {
   const s = m((n) => {
     var l;
     return (l = n.card) == null ? void 0 : l.preferences;
@@ -5371,7 +5379,7 @@ function Wl({}) {
     ] })
   ] });
 }
-const Yl = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
+const Xl = /* @__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 ",
@@ -5387,7 +5395,7 @@ const Yl = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-
     ),
     " in the docs."
   ] })
-] }), Xl = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
+] }), Zl = /* @__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 ",
@@ -5403,7 +5411,7 @@ const Yl = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-
     ),
     " in the docs."
   ] })
-] }), Zl = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
+] }), er = /* @__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 ",
@@ -5420,22 +5428,22 @@ const Yl = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-
     " in the docs."
   ] })
 ] });
-function er() {
+function sr() {
   const s = m((a) => a.card.type);
   function t(a) {
     switch (a) {
       case "stackedBar":
       case "stackedLine":
-        return /* @__PURE__ */ e.jsx(Kl, {});
+        return /* @__PURE__ */ e.jsx(Wl, {});
       case "pyramid":
-        return /* @__PURE__ */ e.jsx(ns, { docContent: Yl, cardType: a });
+        return /* @__PURE__ */ e.jsx(ns, { docContent: Xl, cardType: a });
       case "kpi":
-        return /* @__PURE__ */ e.jsx(Pl, {});
+        return /* @__PURE__ */ e.jsx(Bl, {});
       case "line":
       case "bar":
-        return /* @__PURE__ */ e.jsx(Al, { cardType: a });
+        return /* @__PURE__ */ e.jsx(Vl, { cardType: a });
       case "range":
-        return /* @__PURE__ */ e.jsx(ns, { docContent: Xl, cardType: a });
+        return /* @__PURE__ */ e.jsx(ns, { docContent: Zl, cardType: a });
       case "pie":
       case "doughnut":
       case "polarArea":
@@ -5443,29 +5451,29 @@ function er() {
         return /* @__PURE__ */ e.jsx(ns, { cardType: a });
       case "bubble":
       case "scatter":
-        return /* @__PURE__ */ e.jsx(Vl, { cardType: a });
+        return /* @__PURE__ */ e.jsx(ql, { cardType: a });
       case "table":
-        return /* @__PURE__ */ e.jsx(Wl, { cardType: a });
+        return /* @__PURE__ */ e.jsx(Yl, { cardType: a });
       case "text":
         return /* @__PURE__ */ e.jsx(
           ns,
           {
-            docContent: Zl,
+            docContent: er,
             cardType: a,
             suffix: "Visual"
           }
         );
       case "map":
-        return /* @__PURE__ */ e.jsx(Ql, {});
+        return /* @__PURE__ */ e.jsx(Jl, {});
       case "custom":
-        return /* @__PURE__ */ e.jsx(Tl, {});
+        return /* @__PURE__ */ e.jsx(Ll, {});
       default:
-        return /* @__PURE__ */ e.jsx(_l, {});
+        return /* @__PURE__ */ e.jsx(Hl, {});
     }
   }
   return /* @__PURE__ */ e.jsx(We, { className: "h-full w-full text-sm", children: t(s) });
 }
-function sr() {
+function ar() {
   const s = m((t) => t.isShowingVisual);
   return /* @__PURE__ */ e.jsxs(
     Cs,
@@ -5480,7 +5488,7 @@ function sr() {
             className: "flex",
             minSize: 20,
             defaultSize: 40,
-            children: /* @__PURE__ */ e.jsx(yl, {})
+            children: /* @__PURE__ */ e.jsx(vl, {})
           }
         ),
         /* @__PURE__ */ e.jsx(Ns, { withHandle: !0, className: "border" }),
@@ -5499,7 +5507,7 @@ function sr() {
                   minSize: 20,
                   defaultSize: 25,
                   maxSize: 30,
-                  children: /* @__PURE__ */ e.jsx(er, {})
+                  children: /* @__PURE__ */ e.jsx(sr, {})
                 }
               ) }),
               /* @__PURE__ */ e.jsx(Ns, { className: "border" }),
@@ -5511,15 +5519,15 @@ function sr() {
     }
   );
 }
-function ar({ authToken: s, onSave: t, onClose: a }) {
+function tr({ authToken: s, onSave: t, onClose: a }) {
   z((r) => r.themeStyle);
-  const n = m((r) => r.actions.setOnSave), l = m((r) => r.actions.setOnClose), c = z((r) => r.actions.setAuthToken);
+  const n = m((r) => r.actions.setOnSave), l = m((r) => r.actions.setOnClose), d = z((r) => r.actions.setAuthToken);
   return Z(() => {
     t && n(t), a && l(a);
   }, [t, n, a, l]), Z(() => {
-    s && s.accessToken && c(s);
-  }, [s, c]), /* @__PURE__ */ e.jsx(us, { FallbackComponent: ka, children: /* @__PURE__ */ e.jsxs(
-    xn,
+    s && s.accessToken && d(s);
+  }, [s, d]), /* @__PURE__ */ e.jsx(us, { FallbackComponent: ka, children: /* @__PURE__ */ e.jsxs(
+    pn,
     {
       style: {
         // borderRadius: currentStyle?.chart?.options?.borderRadius,
@@ -5528,19 +5536,19 @@ function ar({ authToken: s, onSave: t, onClose: a }) {
       className: "rounded-none",
       role: "editor-panel",
       children: [
-        /* @__PURE__ */ e.jsx(pn, { className: "rounded-none border-r-[1.5px]", children: /* @__PURE__ */ e.jsx(Aa, {}) }),
-        /* @__PURE__ */ e.jsx(fn, { children: /* @__PURE__ */ e.jsx(sr, {}) })
+        /* @__PURE__ */ e.jsx(fn, { className: "rounded-none border-r-[1.5px]", children: /* @__PURE__ */ e.jsx(Aa, {}) }),
+        /* @__PURE__ */ e.jsx(gn, { children: /* @__PURE__ */ e.jsx(ar, {}) })
       ]
     }
   ) });
 }
-function tr() {
+function nr() {
   z((r) => r.selectedCardId);
   const s = z((r) => r.selectedSheetId), { setIsVisualEditing: t } = z((r) => r.actions), a = z((r) => r.isVisualEditing), n = z((r) => r.actions.updateFrame);
   function l(r) {
     s && (n(s, r), t(!1));
   }
-  function c() {
+  function d() {
     t(!1);
   }
   return /* @__PURE__ */ e.jsx(
@@ -5550,11 +5558,11 @@ function tr() {
       className: Q("flex grow", {
         "max-h-0 overflow-hidden": !a
       }),
-      children: /* @__PURE__ */ e.jsx(ar, { onSave: l, onClose: c })
+      children: /* @__PURE__ */ e.jsx(tr, { onSave: l, onClose: d })
     }
   );
 }
-function nr() {
+function lr() {
   m((r) => r.selectedConnectionId), m((r) => r.selectedDatamodelId);
   const s = m((r) => r.selectedDatabaseName);
   m((r) => r.selectedSchemaName);
@@ -5562,15 +5570,15 @@ function nr() {
   z((r) => r.actions.addFilter), z((r) => r.actions.removeFilter), z(
     (r) => r.actions.removeFilterValue
   );
-  const { modelItems: n, columns: l } = Re(), { assignFilter: c } = Xa();
+  const { modelItems: n, columns: l } = Re(), { assignFilter: d } = Xa();
   return /* @__PURE__ */ e.jsx("div", { className: "xbg-red-100 flex-1 basis-0 flex-col overflow-scroll px-3", children: l == null ? void 0 : l.map((r) => {
     const o = a == null ? void 0 : a.find(
-      (d) => d.column === de(r.column_name) && d.table === t && d.database === s
+      (c) => c.column === de(r.column_name) && c.table === t && c.database === s
     );
     return /* @__PURE__ */ e.jsx(
       "div",
       {
-        onClick: () => c(r),
+        onClick: () => d(r),
         className: Q(
           "group flex cursor-pointer items-center justify-between border border-dashed border-background px-3 py-[6px] text-sm transition-colors hover:bg-muted/50",
           {
@@ -5586,7 +5594,7 @@ function nr() {
     );
   }) });
 }
-function lr() {
+function rr() {
   z((t) => t.showFilters);
   const s = z(
     (t) => t.actions.setShowFilters
@@ -5610,7 +5618,7 @@ function lr() {
         ColumnsComponent: () => (
           // schemaName, tableName, columns
           /* @__PURE__ */ e.jsx(
-            nr,
+            lr,
             {}
           )
         )
@@ -5618,7 +5626,7 @@ function lr() {
     ) })
   ] });
 }
-function rr() {
+function ir() {
   const s = z((a) => a.showFilters), t = z((a) => a.isVisualEditing);
   return /* @__PURE__ */ e.jsxs(
     "div",
@@ -5629,13 +5637,13 @@ function rr() {
         "flex grow": !t
       }),
       children: [
-        /* @__PURE__ */ e.jsx(gn, {}),
-        s && /* @__PURE__ */ e.jsx("div", { role: "filter-aside-container", className: "flex", children: /* @__PURE__ */ e.jsx(lr, {}) })
+        /* @__PURE__ */ e.jsx(jn, {}),
+        s && /* @__PURE__ */ e.jsx("div", { role: "filter-aside-container", className: "flex", children: /* @__PURE__ */ e.jsx(rr, {}) })
       ]
     }
   );
 }
-function ir() {
+function or() {
   const s = z((n) => n.dashboard), t = z((n) => n.actions.setDashboard), a = z(
     (n) => n.showDashboardJSON
   );
@@ -5648,7 +5656,7 @@ function ir() {
         hidden: !a
       }),
       children: /* @__PURE__ */ e.jsx(
-        jn,
+        bn,
         {
           onChange: (n) => {
             if (n)
@@ -5679,65 +5687,65 @@ function ir() {
     }
   );
 }
-function ur({
+function mr({
   showControls: s = !1,
   showFooter: t = !0,
   ...a
 }) {
-  return /* @__PURE__ */ e.jsx(us, { FallbackComponent: ka, children: /* @__PURE__ */ e.jsxs(bn, { dashboardProps: a, children: [
-    /* @__PURE__ */ e.jsx(yn, {}),
-    /* @__PURE__ */ e.jsxs(vn, { children: [
-      /* @__PURE__ */ e.jsx(ir, {}),
-      /* @__PURE__ */ e.jsxs(Cn, { ...a, children: [
-        s && /* @__PURE__ */ e.jsx(nl, {}),
-        /* @__PURE__ */ e.jsx(tr, {}),
-        /* @__PURE__ */ e.jsx(rr, {})
+  return /* @__PURE__ */ e.jsx(us, { FallbackComponent: ka, children: /* @__PURE__ */ e.jsxs(yn, { dashboardProps: a, children: [
+    /* @__PURE__ */ e.jsx(vn, {}),
+    /* @__PURE__ */ e.jsxs(Cn, { children: [
+      /* @__PURE__ */ e.jsx(or, {}),
+      /* @__PURE__ */ e.jsxs(Nn, { ...a, children: [
+        s && /* @__PURE__ */ e.jsx(ll, {}),
+        /* @__PURE__ */ e.jsx(nr, {}),
+        /* @__PURE__ */ e.jsx(ir, {})
       ] })
     ] })
   ] }) });
 }
 export {
   Pe as A,
-  Sn as B,
-  wn as C,
-  ur as D,
+  wn as B,
+  kn as C,
+  mr as D,
   Ia as E,
   Ma as F,
-  Tn as G,
-  Ln as H,
-  An as I,
-  Yn as J,
-  Vn as L,
+  Ln as G,
+  Mn as H,
+  Vn as I,
+  Xn as J,
+  qn as L,
   Da as M,
-  Hn as N,
+  $n as N,
   Ta as P,
-  Bn as S,
-  Jn as T,
-  Wn as U,
+  Un as S,
+  Kn as T,
+  Yn as U,
   Ps as a,
   Bs as b,
   za as c,
   Oa as d,
   Fa as e,
-  kn as f,
-  zn as g,
-  On as h,
-  Fn as i,
-  Dn as j,
-  In as k,
-  Mn as l,
-  En as m,
-  qn as n,
-  Rn as o,
+  zn as f,
+  On as g,
+  Fn as h,
+  In as i,
+  Tn as j,
+  Dn as k,
+  En as l,
+  An as m,
+  Rn as n,
+  _n as o,
   Ve as p,
-  _n as q,
-  $n as r,
-  Pn as s,
+  Hn as q,
+  Pn as r,
+  Bn as s,
   La as t,
-  Un as u,
-  Gn as v,
-  Qn as w,
-  Kn as x,
+  Gn as u,
+  Qn as v,
+  Jn as w,
+  Wn as x,
   Us as y,
   Re as z
 };