react-semaphor 0.0.321 → 0.0.323

package/dist/chunks/{index-DMyD2wJC.js → index-CmI4p14L.js}

@@ -1,6 +1,6 @@
-import { c as V, p as Os, u as z, n as zs, o as Ie, q as e, r as Fs, s as Is, t as O, j as Ts, v as Ds, w as Ms, x as Ls, 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 as W, R as Ge, V as m, W as nt, F as ca, Y as Qe, Z as Je, _ as da, $ as lt, a0 as ua, a1 as me, a2 as he, a3 as xe, a4 as pe, a5 as Se, a6 as fe, a7 as J, T as As, a8 as Vs, a9 as qs, aa as Rs, ab as ma, ac as ha, ad as de, ae as rt, af as it, ag as xa, ah as ot, C as ct, ai as dt, aj as pa, B as ut, ak as We, al as mt, am as Ks, an as fa, ao as ys, ap as Ne, aq as ze, ar as ge, as as ga, at as ht, au as xt, av as pt, aw as ft, I as gt, ax as jt, ay as bt, az as yt, aA as Ve, aB as vs, aC as vt, a as Ct, aD as Be, aE as Cs, aF as Ae, aG as Ns, aH as Nt, aI as St, aJ as wt, aK as kt, aL as Ot, aM as zt, aN as bs, aO as Ft, aP as Ws, aQ as It, aR as Ys, aS as Tt, aT as Dt, aU as Mt, aV as Lt, aW as ja, aX as re, aY as _s, aZ as ba, a_ as Et, a$ as At, b0 as ls, b1 as Vt, b2 as qt, b3 as Rt, b4 as _t, b5 as Ht, b6 as $t, b7 as Pt, l as Bt, 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 Ut, bh as Gt, bi as ms, bj as hs, bk as xs, bl as Qt, X as Sa, bm as Jt, bn as Kt, bo as Wt, bp as ps, bq as Fe, f as Yt, br as Pe, bs as Hs, bt as wa, bu as Xt, bv as Zt, bw as os, bx as en, by as sn, bz as an, bA as Zs, bB as tn, bC as nn, bD as ln, bE as rn, bF as on, bG as cn, bH as dn, bI as un, bJ as Te, bK as B, bL as U, bM as $s, bN as G, bO as mn, bP as ka, bQ as hn, bR as xn, bS as pn, bT as fn, bU as gn, bV as jn, bW as bn, bX as yn, bY as vn } from "./index-D045_ncj.js";
+import { c as V, p as Os, u as O, n as zs, o as ke, q as e, r as Fs, s as Is, t as z, 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 as W, 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 J, 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 Ot, aL as zt, 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-Csp8aNd_.js";
 import * as ea from "react";
-import we, { useState as q, useMemo as Ss, useEffect as Z, useRef as ws, Suspense as Cn } from "react";
+import we, { useState as q, useMemo as Ss, useEffect as Z, useRef as ws, Suspense as Nn } from "react";
 import "react-dom";
 /**
  * @license lucide-react v0.453.0 - ISC
@@ -8,7 +8,7 @@ import "react-dom";
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Nn = V("Box", [
+const Sn = V("Box", [
   [
     "path",
     {
@@ -25,7 +25,7 @@ const Nn = V("Box", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Sn = V("ChartArea", [
+const wn = 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 wn = V("CircleX", [
+const kn = 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 wn = V("CircleX", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const kn = 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 kn = 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 zn = 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 zn = V("Eraser", [
+const Fn = V("Eraser", [
   [
     "path",
     {
@@ -166,7 +166,7 @@ const zn = V("Eraser", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Fn = V("EyeClosed", [
+const In = 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 Fn = V("EyeClosed", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const In = V("Eye", [
+const Dn = V("Eye", [
   [
     "path",
     {
@@ -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 Dn = V("Hammer", [
+const Ln = 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" }],
   [
@@ -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 Ln = V("House", [
+const En = 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 Ln = V("House", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const En = V("IdCard", [
+const An = 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 En = V("IdCard", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const An = V("ListEnd", [
+const Vn = 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 An = V("ListEnd", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Vn = V("ListStart", [
+const qn = 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 Vn = V("ListStart", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const qn = V("ListX", [
+const Rn = V("ListX", [
   ["path", { d: "M11 12H3", key: "51ecnj" }],
   ["path", { d: "M16 6H3", key: "1wxfjs" }],
   ["path", { d: "M16 18H3", key: "12xzn7" }],
@@ -305,7 +305,7 @@ const qn = V("ListX", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ke = V("LoaderCircle", [
+const Ve = V("LoaderCircle", [
   ["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]
 ]);
 /**
@@ -314,7 +314,7 @@ const Ke = V("LoaderCircle", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ta = V("Map", [
+const Da = V("Map", [
   [
     "path",
     {
@@ -331,7 +331,7 @@ const Ta = V("Map", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Rn = V("MessageSquareMore", [
+const _n = 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 Rn = V("MessageSquareMore", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const _n = V("Network", [
+const Hn = 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" }],
@@ -356,7 +356,7 @@ const _n = V("Network", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Da = V("Pencil", [
+const Ta = V("Pencil", [
   [
     "path",
     {
@@ -372,7 +372,7 @@ const Da = V("Pencil", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Hn = V("Play", [
+const $n = V("Play", [
   ["polygon", { points: "6 3 20 12 6 21 6 3", key: "1oa8hb" }]
 ]);
 /**
@@ -381,7 +381,7 @@ const Hn = V("Play", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const $n = V("Plug2", [
+const Pn = 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 $n = V("Plug2", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Pn = V("Save", [
+const Bn = V("Save", [
   [
     "path",
     {
@@ -411,7 +411,7 @@ const Pn = V("Save", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ma = V("Shapes", [
+const La = V("Shapes", [
   [
     "path",
     {
@@ -428,7 +428,7 @@ const Ma = V("Shapes", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Bn = V("ShieldQuestion", [
+const Un = V("ShieldQuestion", [
   [
     "path",
     {
@@ -445,7 +445,7 @@ const Bn = V("ShieldQuestion", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Un = V("Sigma", [
+const Gn = V("Sigma", [
   [
     "path",
     {
@@ -460,7 +460,7 @@ const Un = V("Sigma", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Gn = V("SwatchBook", [
+const Qn = 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 Gn = V("SwatchBook", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Qn = V("Tag", [
+const Jn = V("Tag", [
   [
     "path",
     {
@@ -494,7 +494,7 @@ const Qn = V("Tag", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Jn = V("ToggleLeft", [
+const Kn = 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,11 +515,11 @@ 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 Kn = V("User", [
+const Wn = 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" }]
 ]);
-function La(s) {
+function Ma(s) {
   var t;
   return {
     ...s,
@@ -531,14 +531,14 @@ function La(s) {
           var o;
           return {
             ...l,
-            cards: (o = l.cards) == null ? void 0 : o.map((i) => Wn(i))
+            cards: (o = l.cards) == null ? void 0 : o.map((r) => Yn(r))
           };
         })
       };
     })
   };
 }
-function Wn(s) {
+function Yn(s) {
   var t, a, n, l;
   return {
     ...s,
@@ -553,12 +553,12 @@ function Wn(s) {
         }))
       }
     },
-    customCfg: Yn(s.customCfg),
+    customCfg: Xn(s.customCfg),
     // if customCfg is present, clean it, otherwise return null{
     data: []
   };
 }
-function Yn(s) {
+function Xn(s) {
   var t, a;
   return s ? {
     ...s,
@@ -572,7 +572,7 @@ function Yn(s) {
     }
   } : null;
 }
-async function Xn(s, t, a, n) {
+async function Zn(s, t, a, n) {
   if (!n)
     return null;
   const l = JSON.stringify(t);
@@ -586,52 +586,52 @@ async function Xn(s, t, a, n) {
 async function ks(s, t) {
   if (!t)
     return null;
-  const { id: a, template: n, filterValues: l, isDefault: o, shared: i } = s;
+  const { id: a, template: n, filterValues: l, isDefault: o, shared: r } = s;
   return await Os("https://semaphor.cloud/api/v1/lens", t, {
     lensId: a,
     template: n,
     filterValues: l,
     isDefault: o,
-    shared: i,
+    shared: r,
     operation: "update"
   });
 }
-async function Zn(s, t) {
+async function el(s, t) {
   return t ? await Os("https://semaphor.cloud/api/v1/lens", t, {
     operation: "delete",
     lensId: s
   }) : null;
 }
-function el() {
-  const [s, t] = q(""), [a, n] = q(!1), l = z((b) => b.lenses), { setLenses: o, setSelectedLensId: i } = zs(), [c, d] = q(!1), [p, u] = q(!1), y = z((b) => b.dashboard), g = z((b) => b.filterValues), { authToken: x } = Ie();
+function sl() {
+  const [s, t] = q(""), [a, n] = q(!1), l = O((b) => b.lenses), { setLenses: o, setSelectedLensId: r } = zs(), [c, d] = q(!1), [p, u] = q(!1), y = O((b) => b.dashboard), g = O((b) => b.filterValues), { authToken: x } = ke();
   async function j() {
     d(!0);
-    const b = La(
+    const b = Ma(
       y
-    ), I = await Xn(
+    ), I = await Zn(
       s,
       b,
       g,
       x == null ? void 0 : x.accessToken
     );
-    I && (o([...l || [], I]), i(I.id), u(!1)), d(!1);
+    I && (o([...l || [], I]), r(I.id), u(!1)), d(!1);
   }
   return /* @__PURE__ */ e.jsxs(Fs, { open: p, onOpenChange: u, children: [
     /* @__PURE__ */ e.jsx(Is, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
-      O,
+      z,
       {
         variant: "secondary",
         className: "h-7 p-2",
         size: "sm",
         children: [
-          /* @__PURE__ */ e.jsx(Ts, { className: "mr-2 h-4 w-4", strokeWidth: 1.5 }),
+          /* @__PURE__ */ e.jsx(Ds, { className: "mr-2 h-4 w-4", strokeWidth: 1.5 }),
           "Lens"
         ]
       }
     ) }),
-    /* @__PURE__ */ e.jsxs(Ds, { className: "sm:max-w-[425px]", children: [
-      /* @__PURE__ */ e.jsxs(Ms, { children: [
-        /* @__PURE__ */ e.jsx(Ls, { children: "Create Lens" }),
+    /* @__PURE__ */ e.jsxs(Ts, { className: "sm:max-w-[425px]", children: [
+      /* @__PURE__ */ e.jsxs(Ls, { children: [
+        /* @__PURE__ */ e.jsx(Ms, { children: "Create Lens" }),
         /* @__PURE__ */ e.jsx(Es, { children: "Lenses are private by default and are only visible to you." })
       ] }),
       /* @__PURE__ */ e.jsx("div", { className: "grid gap-4 py-4", children: /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-8 items-center gap-4", children: [
@@ -650,7 +650,7 @@ function el() {
       ] }) }),
       a && /* @__PURE__ */ e.jsx("p", { className: "text-sm", children: "The lens name already exists. Use a differnet name." }),
       /* @__PURE__ */ e.jsx(la, { children: /* @__PURE__ */ e.jsx(
-        O,
+        z,
         {
           size: "sm",
           variant: "outline",
@@ -663,13 +663,13 @@ function el() {
     ] })
   ] });
 }
-function sl() {
-  const [s, t] = q(!1), a = z((u) => u.lenses), n = z((u) => u.selectedLensId), { setLenses: l, setSelectedLensId: o } = zs(), { authToken: i } = Ie();
+function al() {
+  const [s, t] = q(!1), a = O((u) => u.lenses), n = O((u) => u.selectedLensId), { setLenses: l, setSelectedLensId: o } = zs(), { authToken: r } = ke();
   async function c(u) {
     o(u);
   }
   async function d(u) {
-    if (await Zn(u, i == null ? void 0 : i.accessToken)) {
+    if (await el(u, r == null ? void 0 : r.accessToken)) {
       const g = a == null ? void 0 : a.filter((x) => x.id !== u);
       l(g || []), o("original");
     }
@@ -687,18 +687,18 @@ function sl() {
       ...u,
       isDefault: !u.isDefault
     };
-    await ks(g, i == null ? void 0 : i.accessToken);
+    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 j = {
         ...x,
         isDefault: !1
       };
-      await ks(j, i == null ? void 0 : i.accessToken);
+      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(z, { variant: "ghost", className: "h-7 p-2", children: /* @__PURE__ */ e.jsx(Tn, { 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,7 +718,7 @@ function sl() {
                   /* @__PURE__ */ e.jsx("p", { children: u.name }),
                   /* @__PURE__ */ e.jsxs("span", { className: "flex items-center gap-3", children: [
                     /* @__PURE__ */ e.jsx(
-                      Ln,
+                      En,
                       {
                         onClick: (y) => {
                           y.preventDefault(), p(u);
@@ -734,7 +734,7 @@ function sl() {
                       }
                     ),
                     /* @__PURE__ */ e.jsx(
-                      Ge,
+                      Qe,
                       {
                         onClick: (y) => {
                           y.preventDefault(), d(u.id);
@@ -754,29 +754,59 @@ function sl() {
     ] })
   ] });
 }
-function al() {
-  const { authToken: s } = Ie(), 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 o = z(
+function tl() {
+  const [s, t] = q(!1), { authToken: a } = ke(), n = O((r) => r.theme), l = O((r) => r.filterValues);
+  async function o() {
+    {
+      t(!0);
+      const r = new URLSearchParams();
+      r.set("token", (a == null ? void 0 : a.accessToken) || ""), r.set("theme", n || "light"), r.set("filterValues", JSON.stringify(l));
+      const c = `https://semaphor.cloud/api/v1/generate-pdf?params=${encodeURIComponent(r.toString())}`, p = await (await fetch(c, {
+        method: "GET",
+        headers: {
+          Authorization: `Bearer ${a == null ? void 0 : a.accessToken}`
+        }
+      })).blob(), u = URL.createObjectURL(p);
+      window.open(u, "_blank"), t(!1);
+    }
+  }
+  return /* @__PURE__ */ e.jsx(
+    z,
+    {
+      variant: "ghost",
+      className: "h-7 p-2",
+      size: "sm",
+      onClick: o,
+      children: s ? /* @__PURE__ */ e.jsx(Ve, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ e.jsx(nt, { className: "h-4 w-4", strokeWidth: 1.5 })
+    }
+  );
+}
+function nl() {
+  q(!1);
+  const { authToken: s } = ke();
+  O((f) => f.theme);
+  const t = O((f) => f.lenses), a = O((f) => f.selectedLensId), n = t == null ? void 0 : t.find((f) => f.id === a), l = O((f) => f.dashboard);
+  O((f) => f.selectedSheetId);
+  const o = O(
     (f) => f.isDashboardEditing
-  ), i = m(
+  ), r = m(
     (f) => f.selectedConnectionId
-  ), [c, d] = q(!1), p = z((f) => f.filterValues), u = z((f) => f.isVisualEditing), y = z((f) => f.showFilters);
-  z(
+  ), [c, d] = q(!1), p = O((f) => f.filterValues), u = O((f) => f.isVisualEditing), y = O((f) => f.showFilters);
+  O(
     (f) => f.showDashboardJSON
   );
-  const g = z((f) => f.onSaveFunction), x = z(
+  const g = O((f) => f.onSaveFunction), x = O(
     (f) => f.actions.setShowFilters
-  ), { addFrame: j, setSelectedFrameId: b } = z(
+  ), { addFrame: j, setSelectedFrameId: b } = O(
     (f) => f.actions
-  ), { getSelectedSheet: I, setIsDashboardEditing: C, setShowDashboardJSON: D } = z((f) => f.actions), F = I(), { tenantId: A, endUserId: N } = Ss(
-    () => nt(s == null ? void 0 : s.accessToken),
+  ), { getSelectedSheet: I, setIsDashboardEditing: C, setShowDashboardJSON: T } = O((f) => f.actions), F = I(), { tenantId: A, endUserId: N } = Ss(
+    () => lt(s == null ? void 0 : s.accessToken),
     [s == null ? void 0 : s.accessToken]
-  ), S = Ss(() => A || N, [A, N]), M = () => {
+  ), S = Ss(() => A || N, [A, N]), L = () => {
     if (!o || !F) return;
     const f = {
-      connectionId: i,
-      id: Qe(),
+      connectionId: r,
+      id: Je(),
       title: "Title",
       description: "Description",
       preferences: {
@@ -791,7 +821,7 @@ function al() {
       sql: "select COUNT(*) from YOUR_TABLE",
       data: []
     }, k = {
-      id: Qe(),
+      id: Je(),
       cards: [f],
       activeCardId: f.id
     };
@@ -801,14 +831,14 @@ function al() {
   };
   async function v() {
     if (d(!0), !a || !n) return;
-    const f = La(
+    const f = Ma(
       l
-    ), k = JSON.stringify(f), L = {
+    ), k = JSON.stringify(f), M = {
       ...n,
       template: k,
       filterValues: p
     };
-    await ks(L, s == null ? void 0 : s.accessToken), Je.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), d(!1);
   }
   return u ? null : /* @__PURE__ */ e.jsxs(
     "div",
@@ -818,58 +848,59 @@ function al() {
       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: [
-          o && !u && S && /* @__PURE__ */ e.jsx(el, {}),
-          !u && S && /* @__PURE__ */ e.jsx(sl, {}),
+          /* @__PURE__ */ e.jsx(tl, {}),
+          o && !u && S && /* @__PURE__ */ e.jsx(sl, {}),
+          !u && S && /* @__PURE__ */ e.jsx(al, {}),
           o && !u && /* @__PURE__ */ e.jsxs(
-            O,
+            z,
             {
               variant: "secondary",
               className: "h-7 p-2",
               size: "sm",
               disabled: !o,
-              onClick: M,
+              onClick: L,
               children: [
-                /* @__PURE__ */ e.jsx(Ts, { className: "mr-2 h-4 w-4", strokeWidth: 1.5 }),
+                /* @__PURE__ */ e.jsx(Ds, { className: "mr-2 h-4 w-4", strokeWidth: 1.5 }),
                 "Frame"
               ]
             }
           ),
           !o && /* @__PURE__ */ e.jsx(
-            O,
+            z,
             {
               variant: "ghost",
               className: "h-7 p-2",
               onClick: h,
               size: "sm",
-              children: /* @__PURE__ */ e.jsx(Da, { className: "h-4 w-4", strokeWidth: 1.5 })
+              children: /* @__PURE__ */ e.jsx(Ta, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
           o && !u && /* @__PURE__ */ e.jsx(
-            O,
+            z,
             {
               variant: "ghost",
               role: "close",
               className: "h-7 p-2",
               onClick: () => {
-                C(!1), D(!1);
+                C(!1), T(!1);
               },
               size: "sm",
-              children: /* @__PURE__ */ e.jsx(Ge, { className: "h-4 w-4", strokeWidth: 1.5 })
+              children: /* @__PURE__ */ e.jsx(Qe, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
           o && !u && S && /* @__PURE__ */ e.jsx(
-            O,
+            z,
             {
               className: "h-7 p-2",
               variant: "ghost",
               disabled: c,
               onClick: v,
               size: "sm",
-              children: /* @__PURE__ */ e.jsx(Pn, { className: "h-4 w-4", strokeWidth: 1.5 })
+              children: /* @__PURE__ */ e.jsx(Bn, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
           !y && !u && o && /* @__PURE__ */ e.jsx(
-            O,
+            z,
             {
               className: "h-7 p-2",
               variant: "ghost",
@@ -885,14 +916,14 @@ function al() {
     }
   );
 }
-function $e({
+function Pe({
   title: s,
   items: t,
   value: a,
   isLoading: n,
   isError: l,
   connectionTooltip: o,
-  onChange: i,
+  onChange: r,
   showNone: c = !1,
   className: d,
   showIcon: p = !0,
@@ -901,22 +932,22 @@ function $e({
   const y = n ? "Loading..." : l ? "Error" : a;
   function g() {
     if (s === "Connection")
-      return /* @__PURE__ */ e.jsx($n, { className: "size-4 rotate-90" });
+      return /* @__PURE__ */ e.jsx(Pn, { className: "size-4 rotate-90" });
     if (s === "Database")
-      return /* @__PURE__ */ e.jsx(On, { className: "size-4" });
+      return /* @__PURE__ */ e.jsx(zn, { className: "size-4" });
     if (s === "Schema")
-      return /* @__PURE__ */ e.jsx(_n, { className: "size-4" });
+      return /* @__PURE__ */ e.jsx(Hn, { className: "size-4" });
     if (s === "Table")
       return /* @__PURE__ */ e.jsx(As, { className: "size-4" });
     if (s === "Model")
-      return /* @__PURE__ */ e.jsx(Nn, { className: "size-4" });
+      return /* @__PURE__ */ e.jsx(Sn, { className: "size-4" });
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
     p && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: o ? /* @__PURE__ */ e.jsxs(da, { children: [
-      /* @__PURE__ */ e.jsx(lt, { children: g() }),
+      /* @__PURE__ */ e.jsx(rt, { children: g() }),
       /* @__PURE__ */ e.jsx(ua, { className: "text-xs", align: "start", children: o })
     ] }) : g() }),
-    /* @__PURE__ */ e.jsxs(me, { disabled: u, value: y, onValueChange: i, children: [
+    /* @__PURE__ */ e.jsxs(me, { disabled: u, value: y, onValueChange: r, children: [
       /* @__PURE__ */ e.jsx(
         he,
         {
@@ -943,17 +974,17 @@ function $e({
     ] })
   ] });
 }
-function tl({ column: s }) {
+function ll({ column: s }) {
   const [t, a] = q(!1), n = m((x) => x.selectedTableName), l = m(
     (x) => x.selectedSchemaName
   ), o = m(
     (x) => x.selectedDatamodelId
-  ), i = m((x) => x.sqlGen), { modelItems: c } = qe(), d = m((x) => x.actions.setSqlGen), p = m((x) => x.actions.setCardSql), u = m((x) => x.actions.setRunSql);
+  ), r = m((x) => x.sqlGen), { modelItems: c } = Re(), d = m((x) => x.actions.setSqlGen), p = m((x) => x.actions.setCardSql), u = m((x) => x.actions.setRunSql);
   function y(x, j) {
-    var D;
-    const b = ma(x, i, j), I = (D = c == null ? void 0 : c.find(
+    var T;
+    const b = ma(x, r, j), I = (T = c == null ? void 0 : c.find(
       (F) => F.id === o
-    )) == null ? void 0 : D.name;
+    )) == null ? void 0 : T.name;
     d(b);
     const C = ha(
       b,
@@ -1021,17 +1052,17 @@ function tl({ column: s }) {
 }
 function Ea({ column: s }) {
   return /* @__PURE__ */ e.jsxs(da, { children: [
-    /* @__PURE__ */ e.jsx(rt, { asChild: !0, children: it.includes(s.data_type.toLowerCase()) ? (
+    /* @__PURE__ */ e.jsx(it, { asChild: !0, children: ot.includes(s.data_type.toLowerCase()) ? (
       // <span className=" font-thin">T</span>
       /* @__PURE__ */ e.jsx(Us, { className: "size-3" })
     ) : xa.includes(s.data_type.toLowerCase()) ? (
       //
       /* @__PURE__ */ e.jsx(Mn, { className: "size-3" })
-    ) : ot.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(ct, { className: "size-3" }) : dt.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(Jn, { className: "size-3" }) : /* @__PURE__ */ e.jsx(Bn, { 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(ua, { children: /* @__PURE__ */ e.jsx("p", { className: "font-mono text-xs", children: s.data_type }) })
   ] });
 }
-function nl({
+function rl({
   schemaName: s,
   tableName: t,
   columns: a,
@@ -1039,24 +1070,24 @@ function nl({
 }) {
   const l = m((h) => h.sqlGen), o = m(
     (h) => h.selectedConnectionId
-  ), i = m(
+  ), r = m(
     (h) => h.selectedDatabaseName
   ), c = m(
     (h) => h.selectedSchemaName
   ), d = m((h) => h.selectedTableName), p = m(
     (h) => h.selectedDatamodelId
-  ), u = z(
+  ), u = O(
     (h) => h.dashboard.aiScopeTables
-  ), { setAIScopeTables: y } = z((h) => h.actions), g = m((h) => h.actions.setRunSql), x = m((h) => h.actions.setSqlGen), j = m(
+  ), { setAIScopeTables: y } = O((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 } = qe();
-  function D(h) {
-    var L;
+  ), b = m((h) => h.actions.setCardSql), { connectionType: I, modelItems: C } = Re();
+  function T(h) {
+    var M;
     const v = ma(h, l);
     x(v);
-    const f = (L = C == null ? void 0 : C.find(
+    const f = (M = C == null ? void 0 : C.find(
       (H) => H.id === p
-    )) == null ? void 0 : L.name, k = ha(v, de(s), de(t), f);
+    )) == null ? void 0 : M.name, k = ha(v, de(s), de(t), f);
     k && (b(k), g(!0));
   }
   function F() {
@@ -1069,15 +1100,15 @@ function nl({
       const v = {
         connectinonId: o,
         connectionType: I,
-        databaseName: i,
+        databaseName: r,
         schemaName: c,
         tableName: d
       }, k = [...u || [], v].filter(
-        (L, H, P) => P.findIndex(
-          (Y) => Y.connectinonId === L.connectinonId && Y.tableName === L.tableName
+        (M, H, P) => P.findIndex(
+          (Y) => Y.connectinonId === M.connectinonId && Y.tableName === M.tableName
         ) === H
       );
-      y(k), Je.success(`Added '${d}' to AI Scope`, {
+      y(k), Ke.success(`Added '${d}' to AI Scope`, {
         position: "top-right",
         duration: 2500,
         richColors: !0
@@ -1086,7 +1117,7 @@ function nl({
       const v = (u || []).filter(
         (f) => f.connectinonId !== o && f.tableName !== d
       );
-      y(v), Je(`Removed '${d}' from AI Scope`, {
+      y(v), Ke(`Removed '${d}' from AI Scope`, {
         position: "top-right",
         duration: 2e3,
         richColors: !0
@@ -1094,11 +1125,11 @@ function nl({
     }
   }
   function N() {
-    var L;
+    var M;
     let h = fa(s, t);
-    const v = (L = C == null ? void 0 : C.find(
+    const v = (M = C == null ? void 0 : C.find(
       (H) => H.id === p
-    )) == null ? void 0 : L.name;
+    )) == null ? void 0 : M.name;
     console.log("modelName", v), p && p !== "none" && (h = `${ys}.${v}`);
     let f = h;
     return ((H) => /[A-Z]/.test(H))(t) && (f = f.split(".").map((P) => `"${P}"`).join(".")), f;
@@ -1109,7 +1140,7 @@ function nl({
     const v = I === "MSSQL" ? `SELECT top 10 * FROM ${h}` : `SELECT * FROM ${h} LIMIT 10`;
     b(v), g(!0);
   }
-  function M() {
+  function L() {
     const h = N();
     b(`SELECT COUNT(*) as count FROM ${h}`), g(!0);
   }
@@ -1124,7 +1155,7 @@ function nl({
           variant: "outline",
           className: "h-9 px-2",
           children: /* @__PURE__ */ e.jsx(
-            ut,
+            mt,
             {
               className: W("size-4", {
                 "text-primary": F(),
@@ -1135,7 +1166,7 @@ function nl({
         }
       ),
       /* @__PURE__ */ e.jsxs(
-        O,
+        z,
         {
           disabled: n !== "Success",
           onClick: S,
@@ -1143,21 +1174,21 @@ function nl({
           variant: "secondary",
           className: "flex",
           children: [
-            n !== "Success" ? /* @__PURE__ */ e.jsx(Ke, { 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" }),
             "Top 10"
           ]
         }
       ),
       /* @__PURE__ */ e.jsxs(
-        O,
+        z,
         {
           disabled: n !== "Success",
-          onClick: M,
+          onClick: L,
           size: "sm",
           variant: "secondary",
           className: "flex",
           children: [
-            n !== "Success" ? /* @__PURE__ */ e.jsx(Ke, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(Un, { 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(Gn, { className: "mr-2 size-4" }),
             "Count"
           ]
         }
@@ -1171,11 +1202,11 @@ function nl({
           a == null ? void 0 : a.map((h) => /* @__PURE__ */ e.jsxs(
             "div",
             {
-              onClick: () => D(h),
+              onClick: () => T(h),
               className: W(
                 "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": mt(h, l)
+                  "bg-muted": ht(h, l)
                 }
               ),
               children: [
@@ -1188,7 +1219,7 @@ function nl({
                   {
                     onClick: (v) => v.stopPropagation(),
                     className: "flex items-center justify-end",
-                    children: xa.includes(h.data_type) && /* @__PURE__ */ e.jsx(tl, { column: h })
+                    children: xa.includes(h.data_type) && /* @__PURE__ */ e.jsx(ll, { column: h })
                   }
                 )
               ]
@@ -1202,38 +1233,38 @@ function nl({
     )
   ] });
 }
-function qe(s, t) {
+function Re(s, t) {
   var Xe, Ze, es, ss, as;
   let a = Ss(() => [], []);
-  const n = Ie().authToken || s, l = m(
-    (r) => r.selectedConnectionId
+  const n = ke().authToken || s, l = m(
+    (i) => i.selectedConnectionId
   ), o = m(
-    (r) => r.selectedDatamodelId
-  ), i = m(
-    (r) => r.selectedDatabaseName
+    (i) => i.selectedDatamodelId
+  ), r = m(
+    (i) => i.selectedDatabaseName
   ), c = m(
-    (r) => r.selectedSchemaName
-  ), d = m((r) => r.selectedTableName), p = m(
-    (r) => r.actions.setCurrentColumns
+    (i) => i.selectedSchemaName
+  ), d = m((i) => i.selectedTableName), p = m(
+    (i) => i.actions.setCurrentColumns
   ), u = m(
-    (r) => r.actions.setSelectedConnectionId
+    (i) => i.actions.setSelectedConnectionId
   ), y = m(
-    (r) => r.actions.setSelectedDatamodelId
+    (i) => i.actions.setSelectedDatamodelId
   ), g = m(
-    (r) => r.actions.setSelectedDatabaseName
+    (i) => i.actions.setSelectedDatabaseName
   ), x = m(
-    (r) => r.actions.setSelectedSchemaName
+    (i) => i.actions.setSelectedSchemaName
   ), j = m(
-    (r) => r.actions.setSelectedTableName
-  ), b = m((r) => r.actions.setCardSql);
-  function I(r) {
-    return l && i && c && i !== "NA" ? !0 : l && r === "API" ? !1 : !!(l && r === "S3");
+    (i) => i.actions.setSelectedTableName
+  ), b = m((i) => i.actions.setCardSql);
+  function I(i) {
+    return l && r && c && r !== "NA" ? !0 : l && i === "API" ? !1 : !!(l && i === "S3");
   }
-  function C(r) {
-    return !!(l && i && i !== "NA" && c && d || l && (r === "S3" || r === "API") || o && o);
+  function C(i) {
+    return !!(l && r && r !== "NA" && c && d || l && (i === "S3" || i === "API") || o && o);
   }
-  function D(r) {
-    return l && r ? !(r === "API" || r === "S3") : !1;
+  function T(i) {
+    return l && i ? !(i === "API" || i === "S3") : !1;
   }
   const {
     data: F,
@@ -1241,7 +1272,7 @@ function qe(s, t) {
     isError: N
   } = Ne({
     queryKey: ["connections"],
-    queryFn: () => ze(
+    queryFn: () => Fe(
       "https://semaphor.cloud/api/v1/connections",
       (n == null ? void 0 : n.accessToken) || ""
     ),
@@ -1249,11 +1280,11 @@ function qe(s, t) {
     // Only fetch if authToken is present
   }), {
     data: S,
-    isLoading: M,
+    isLoading: L,
     isError: h
   } = Ne({
     queryKey: ["models", l],
-    queryFn: () => ze(
+    queryFn: () => Fe(
       "https://semaphor.cloud/api/v1/datamodels",
       (n == null ? void 0 : n.accessToken) || "",
       {
@@ -1263,23 +1294,23 @@ function qe(s, t) {
     enabled: !!(n != null && n.accessToken) && !!l
     // Only fetch if authToken is present
   }), v = F == null ? void 0 : F.connections.find(
-    (r) => r.id === l
+    (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: L,
+    data: M,
     isLoading: H,
     isFetching: P,
     isError: Y,
     refetch: ie
   } = Ne({
     queryKey: ["databases", l],
-    queryFn: () => ze(
+    queryFn: () => Fe(
       "https://semaphor.cloud/api/v1/databases",
       (n == null ? void 0 : n.accessToken) || "",
       {
         connection_id: l
       }
     ),
-    enabled: D(f)
+    enabled: T(f)
     // !!selectedConnectionId && !isNonDbConnection, //currentConnection?.type !== 'API', // Only fetch if connectionId is present
   }), {
     data: K,
@@ -1288,20 +1319,20 @@ function qe(s, t) {
     isError: _,
     refetch: ee
   } = Ne({
-    queryKey: ["schemas", l, i],
-    queryFn: () => ze(
+    queryKey: ["schemas", l, r],
+    queryFn: () => Fe(
       "https://semaphor.cloud/api/v1/schemas",
       (n == null ? void 0 : n.accessToken) || "",
       {
         connection_id: l,
-        database_name: i
+        database_name: r
       }
     ),
-    enabled: !!l && !!i && !k && i !== "NA"
+    enabled: !!l && !!r && !k && r !== "NA"
     //currentConnection?.type !== 'API', // Only fetch if connectionId and database is present
   }), {
     data: E,
-    isLoading: T,
+    isLoading: D,
     isFetching: se,
     isError: $,
     refetch: X
@@ -1309,41 +1340,41 @@ function qe(s, t) {
     queryKey: [
       "tables",
       l,
-      i,
+      r,
       c
     ],
-    queryFn: () => ze(
+    queryFn: () => Fe(
       "https://semaphor.cloud/api/v1/tables",
       (n == null ? void 0 : n.accessToken) || "",
       {
         connection_id: l,
-        database_name: i,
+        database_name: r,
         schema_name: c
       }
     ),
     enabled: I(f)
   }), {
     data: te,
-    isLoading: Me,
-    isFetching: ke,
+    isLoading: Le,
+    isFetching: Oe,
     isError: be
   } = Ne({
     queryKey: [
       "columns",
       l,
-      i,
+      r,
       o,
       c,
       d
     ],
-    queryFn: () => ze(
+    queryFn: () => Fe(
       "https://semaphor.cloud/api/v1/columns",
       (n == null ? void 0 : n.accessToken) || "",
       {
         connection_id: l,
         datamodel_id: o || "",
         // don't pass undefined. Pass empty string
-        database_name: i,
+        database_name: r,
         schema_name: c,
         table_name: d
       }
@@ -1369,47 +1400,47 @@ function qe(s, t) {
     v
   ]);
   const ye = (v == null ? void 0 : v.type) === "API" ? (Xe = v == null ? void 0 : v.type) == null ? void 0 : Xe.toLowerCase() : d || "", Q = k ? "" : c || "";
-  function oe(r) {
-    x(r), j("");
+  function oe(i) {
+    x(i), j("");
   }
-  function ce(r) {
-    g(r === "none" ? "" : r), x(""), j(""), r !== "none" && r !== "" && y("");
+  function ce(i) {
+    g(i === "none" ? "" : i), x(""), j(""), i !== "none" && i !== "" && y("");
   }
-  function Oe(r) {
-    u(r);
+  function ze(i) {
+    u(i);
   }
-  function Le(r) {
-    y(r === "none" ? "" : r), r !== "none" && r !== "" && g("");
+  function Me(i) {
+    y(i === "none" ? "" : i), i !== "none" && i !== "" && g("");
   }
-  L && ((Ze = L == null ? void 0 : L.databases) == null ? void 0 : Ze.length) > 0, K && ((es = K == null ? void 0 : K.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((r) => ({
-    ...r,
-    data_type: r.data_type.toLowerCase()
+  M && ((Ze = M == null ? void 0 : M.databases) == null ? void 0 : Ze.length) > 0, K && ((es = K == null ? void 0 : K.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 _e = F == null ? void 0 : F.connections.map(
-    (r) => ({
-      id: r.id,
-      name: r.name,
-      type: r.type
+  const He = F == null ? void 0 : F.connections.map(
+    (i) => ({
+      id: i.id,
+      name: i.name,
+      type: i.type
     })
-  ), He = (as = S == null ? void 0 : S.datamodels) == null ? void 0 : as.map((r) => ({
-    id: r.id,
-    name: r.name
-  })), Ee = L == null ? void 0 : L.databases.map((r) => ({
-    id: r.database_name,
-    name: r.database_name
-  })), gs = K == null ? void 0 : K.schemas.map((r) => ({
-    id: r.schema_name,
-    name: r.schema_name
-  })), Ye = E == null ? void 0 : E.tables.map((r) => ({
-    id: r.table_name,
-    name: r.table_name
+  ), $e = (as = S == null ? void 0 : S.datamodels) == null ? void 0 : as.map((i) => ({
+    id: i.id,
+    name: i.name
+  })), Ee = M == null ? void 0 : M.databases.map((i) => ({
+    id: i.database_name,
+    name: i.database_name
+  })), gs = K == null ? void 0 : K.schemas.map((i) => ({
+    id: i.schema_name,
+    name: i.schema_name
+  })), Ye = E == null ? void 0 : E.tables.map((i) => ({
+    id: i.table_name,
+    name: i.table_name
   }));
   return {
-    connectionItems: _e,
+    connectionItems: He,
     isConnectionsLoading: A,
     isConnectionsError: N,
-    modelItems: He,
-    isModelsLoading: M,
+    modelItems: $e,
+    isModelsLoading: L,
     isModelsError: h,
     databaseItems: Ee,
     isDatabasesLoadingOrFetching: H || P,
@@ -1418,17 +1449,17 @@ function qe(s, t) {
     isSchemaLoadingOrFetching: ae || w,
     isSchemaError: _,
     tableItems: Ye,
-    isTableLoadingOrFetching: T || se,
+    isTableLoadingOrFetching: D || se,
     isTableError: $,
     columns: a,
-    isColumnsLoadingOrFetching: Me || ke,
+    isColumnsLoadingOrFetching: Le || Oe,
     isColumnsError: be,
     isNonDbConnection: k,
     connectionType: f,
     tableName: ye,
     schemaName: Q,
-    handleConnectionChange: Oe,
-    handleDatamodelChange: Le,
+    handleConnectionChange: ze,
+    handleDatamodelChange: Me,
     handleDatabaseChange: ce,
     handleSchemaChange: oe
   };
@@ -1445,7 +1476,7 @@ function Aa({
     ($) => $.selectedDatabaseName
   ), l = m(
     ($) => $.selectedSchemaName
-  ), o = m(($) => $.selectedTableName), i = m(
+  ), o = m(($) => $.selectedTableName), r = m(
     ($) => $.actions.setSelectedTableName
   ), {
     connectionItems: c,
@@ -1459,25 +1490,25 @@ function Aa({
     isConnectionsError: b,
     isModelsError: I,
     isDatabasesLoadingOrFetching: C,
-    isDatabaseError: D,
+    isDatabaseError: T,
     isSchemaLoadingOrFetching: F,
     isSchemaError: A,
     isColumnsError: N,
     isColumnsLoadingOrFetching: S,
-    isTableLoadingOrFetching: M,
+    isTableLoadingOrFetching: L,
     isTableError: h,
     connectionType: v,
     isNonDbConnection: f,
     handleConnectionChange: k,
-    handleDatabaseChange: L,
+    handleDatabaseChange: M,
     handleSchemaChange: H,
     handleDatamodelChange: P,
     tableName: Y,
     schemaName: ie
-  } = qe();
+  } = Re();
   function K() {
     return s ? s(ie, Y, g) : /* @__PURE__ */ e.jsx(
-      nl,
+      rl,
       {
         schemaName: ie,
         tableName: Y,
@@ -1493,11 +1524,11 @@ function Aa({
     if (!t || v === "S3" || v === "API") return null;
     if (!a || a === "none")
       return /* @__PURE__ */ e.jsx(
-        $e,
+        Pe,
         {
           showNone: !0,
-          onChange: L,
-          isError: D,
+          onChange: M,
+          isError: T,
           isLoading: C,
           items: u,
           value: n || "",
@@ -1517,7 +1548,7 @@ function Aa({
     if (!t || v === "S3" || v === "API") return null;
     if (!n || n === "none")
       return /* @__PURE__ */ e.jsx(
-        $e,
+        Pe,
         {
           showNone: !0,
           onChange: P,
@@ -1531,7 +1562,7 @@ function Aa({
   }
   function E() {
     return !t || v === "S3" || v === "API" || !n || n === "none" ? null : /* @__PURE__ */ e.jsx(
-      $e,
+      Pe,
       {
         onChange: H,
         isError: A,
@@ -1542,18 +1573,18 @@ function Aa({
       }
     );
   }
-  function T() {
+  function D() {
     function $() {
       let X = !1;
       return v === "API" ? (X = !1, X) : ((v === "S3" || t && n && n !== "none" && l) && (X = !0), X);
     }
     return $() ? /* @__PURE__ */ e.jsx(
-      $e,
+      Pe,
       {
-        onChange: i,
+        onChange: r,
         isError: h,
         items: y,
-        isLoading: M,
+        isLoading: L,
         value: o || "",
         title: "Table"
       }
@@ -1562,7 +1593,7 @@ function Aa({
   return /* @__PURE__ */ e.jsxs("aside", { className: "xbg-red-100 flex grow flex-col justify-between", children: [
     /* @__PURE__ */ e.jsxs("section", { className: "space-y-3 px-6 py-4", children: [
       /* @__PURE__ */ e.jsx(
-        $e,
+        Pe,
         {
           items: c,
           title: "Connection",
@@ -1579,48 +1610,48 @@ function Aa({
       _(),
       w(),
       E(),
-      T()
+      D()
     ] }),
     K(),
     /* @__PURE__ */ e.jsx("div", { className: "flex items-end justify-center gap-2 px-6 py-4", children: /* @__PURE__ */ e.jsxs(
-      O,
+      z,
       {
         onClick: ae,
         size: "sm",
         variant: "secondary",
         className: "w-full",
         children: [
-          /* @__PURE__ */ e.jsx(Rn, { className: "mr-2 size-4" }),
+          /* @__PURE__ */ e.jsx(_n, { className: "mr-2 size-4" }),
           "Help"
         ]
       }
     ) })
   ] });
 }
-function ll(s) {
+function il(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 o = s.length;
   if (l !== -1 && (o = l), n !== -1 && n < o && (o = n), t !== -1) {
-    const i = s.substring(0, t), c = s.substring(t);
-    return `${i} {{ filters | where }} AND ${c.substring(
+    const r = s.substring(0, t), c = s.substring(t);
+    return `${r} {{ filters | where }} AND ${c.substring(
       6
     )}`;
   } else if (a !== -1) {
-    const i = s.substring(0, a), c = s.substring(a);
-    return `${i} {{ filters | where }} ${c}`;
+    const r = s.substring(0, a), c = s.substring(a);
+    return `${r} {{ filters | where }} ${c}`;
   } else {
-    const i = s.substring(0, o), c = s.substring(o);
-    return `${i} {{ filters | where }} ${c}`;
+    const r = s.substring(0, o), c = s.substring(o);
+    return `${r} {{ filters | where }} ${c}`;
   }
 }
-function rl({
+function ol({
   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(wn, { className: "h-4 w-4 text-red-500" }) }) }),
+    /* @__PURE__ */ e.jsx(qs, { asChild: !0, children: /* @__PURE__ */ e.jsx(z, { variant: "link", className: "h-5 p-0", children: /* @__PURE__ */ e.jsx(kn, { className: "h-4 w-4 text-red-500" }) }) }),
     /* @__PURE__ */ e.jsx(
       Rs,
       {
@@ -1629,7 +1660,7 @@ function rl({
         children: /* @__PURE__ */ e.jsx("div", { className: "flex justify-between space-x-4", children: /* @__PURE__ */ e.jsxs("div", { className: "flex grow flex-col space-y-2", children: [
           /* @__PURE__ */ e.jsx(We, { className: "max-h-[250px] min-h-0 overflow-scroll", children: /* @__PURE__ */ e.jsx("p", { className: "overflow-auto rounded-md bg-muted p-2 text-xs leading-relaxed", children: s }) }),
           /* @__PURE__ */ e.jsxs(
-            O,
+            z,
             {
               onClick: () => {
                 t(!0), a(s), n(!0);
@@ -1637,7 +1668,7 @@ function rl({
               size: "sm",
               variant: "outline",
               children: [
-                /* @__PURE__ */ e.jsx(Dn, { className: "mr-2 h-4 w-4" }),
+                /* @__PURE__ */ e.jsx(Ln, { className: "mr-2 h-4 w-4" }),
                 "Debug with AI"
               ]
             }
@@ -1647,7 +1678,7 @@ function rl({
     )
   ] });
 }
-const il = `
+const cl = `
 
 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.
 
@@ -1694,7 +1725,7 @@ SELECT label, measure FROM table
 - Label - Category 
 - Measure - Number 
 `;
-function ol({
+function dl({
   open: s,
   setOpen: t,
   userInput: a,
@@ -1702,17 +1733,17 @@ function ol({
   triggerAIRun: l,
   setTriggerAIRun: o
 }) {
-  const i = ws(null), c = ws(null), { authToken: d } = Ie(), [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), D = m((w) => w.card.sql), F = m((w) => w.selectedTableName), A = `
+  const r = ws(null), c = ws(null), { authToken: d } = ke(), [p, u] = q(!1), y = m((w) => w.actions.setCardSql), g = O((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 = `
   ${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(", ")}
-  User SQL: ${D}  
+  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: ${il}`, { data: S, isLoading: M, isFetching: h, isError: v, refetch: f } = Ne({
+  Visual Query Syntax: ${cl}`, { data: S, isLoading: L, isFetching: h, isError: v, refetch: f } = Ne({
     queryKey: ["ai-query"],
-    queryFn: () => ze(
+    queryFn: () => Fe(
       "https://semaphor.cloud/api/v1/ai",
       (d == null ? void 0 : d.accessToken) || "",
       {
@@ -1751,15 +1782,15 @@ function ol({
       c.current && (c.current.scroll({
         top: c.current.scrollHeight,
         behavior: "smooth"
-      }), (_ = i.current) == null || _.focus());
+      }), (_ = r.current) == null || _.focus());
     }, 100);
     return () => clearTimeout(w);
   }, [b]);
-  function L() {
+  function M() {
     a && (I((w) => [...w, { role: "user", content: a }]), k(a) && u(!0), n(""), f());
   }
   Z(() => {
-    l && (L(), o(!1));
+    l && (M(), o(!1));
   }, [l, o]);
   const H = {
     //seleect a darker color
@@ -1793,9 +1824,9 @@ function ol({
     pre: ({ node: w, ..._ }) => /* @__PURE__ */ e.jsxs("pre", { className: "space-y-2 rounded-sm bg-muted/50 p-3", style: P, children: [
       /* @__PURE__ */ e.jsx("code", { className: "whitespace-normal text-sm", children: _.children }),
       /* @__PURE__ */ e.jsxs("div", { className: "flex justify-start gap-2", children: [
-        /* @__PURE__ */ e.jsx(O, { onClick: K, size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(pt, {}) }),
+        /* @__PURE__ */ e.jsx(z, { onClick: K, size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(ft, {}) }),
         /* @__PURE__ */ e.jsx(
-          O,
+          z,
           {
             onClick: (ee) => {
               const E = K(ee);
@@ -1803,7 +1834,7 @@ function ol({
             },
             size: "sm",
             variant: "outline",
-            children: /* @__PURE__ */ e.jsx(ft, {})
+            children: /* @__PURE__ */ e.jsx(gt, {})
           }
         )
       ] })
@@ -1823,13 +1854,13 @@ function ol({
       {
         className: "flex items-start rounded-md bg-muted p-3 text-sm",
         children: [
-          /* @__PURE__ */ e.jsx(Kn, { className: "mr-2 h-5 w-5" }),
+          /* @__PURE__ */ e.jsx(Wn, { className: "mr-2 h-5 w-5" }),
           /* @__PURE__ */ e.jsx("div", { children: w.content })
         ]
       },
       _
     ) : w.role === "ai" ? /* @__PURE__ */ e.jsx(
-      xt,
+      pt,
       {
         className: "w-full overflow-auto py-1",
         components: ie,
@@ -1840,7 +1871,7 @@ function ol({
   }
   return /* @__PURE__ */ e.jsxs(Fs, { open: s, onOpenChange: t, children: [
     /* @__PURE__ */ e.jsx(Is, { asChild: !0, children: /* @__PURE__ */ e.jsx(
-      O,
+      z,
       {
         size: "sm",
         className: "w-full justify-start border font-normal text-muted-foreground focus-visible:ring-0 focus-visible:ring-offset-0",
@@ -1849,12 +1880,12 @@ function ol({
       }
     ) }),
     /* @__PURE__ */ e.jsxs(
-      Ds,
+      Ts,
       {
         className: "flex flex-col justify-between overflow-auto sm:max-w-[425px] md:max-h-[625px] md:min-w-[625px]",
         children: [
-          /* @__PURE__ */ e.jsxs(Ms, { children: [
-            /* @__PURE__ */ e.jsx(Ls, { children: "Assistant" }),
+          /* @__PURE__ */ e.jsxs(Ls, { children: [
+            /* @__PURE__ */ e.jsx(Ms, { children: "Assistant" }),
             /* @__PURE__ */ e.jsx(Es, { children: "What can I help you with?" })
           ] }),
           /* @__PURE__ */ e.jsx(
@@ -1873,9 +1904,9 @@ function ol({
                   ga,
                   {
                     autoFocus: !0,
-                    ref: i,
+                    ref: r,
                     onKeyDown: (w) => {
-                      w.key === "Enter" && !w.shiftKey && (w.preventDefault(), n(""), L());
+                      w.key === "Enter" && !w.shiftKey && (w.preventDefault(), n(""), M());
                     },
                     placeholder: "Type your question here...",
                     onFocus: (w) => {
@@ -1885,20 +1916,20 @@ function ol({
                     className: W(
                       "max-h-10 min-h-7 resize-none border-none focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0"
                     ),
-                    disabled: M || h,
+                    disabled: L || h,
                     value: a,
                     onChange: (w) => n(w.target.value)
                   }
                 ),
                 " ",
                 /* @__PURE__ */ e.jsx(
-                  O,
+                  z,
                   {
                     className: "h-8",
                     size: "sm",
                     variant: "ghost",
-                    onClick: L,
-                    children: !M && !h ? /* @__PURE__ */ e.jsx(ht, {}) : /* @__PURE__ */ e.jsx(Ke, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" })
+                    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" })
                   }
                 )
               ] })
@@ -1915,10 +1946,10 @@ var Va = {
   className: void 0,
   style: void 0,
   attr: void 0
-}, sa = we.createContext && /* @__PURE__ */ we.createContext(Va), cl = ["attr", "size", "title"];
-function dl(s, t) {
+}, sa = we.createContext && /* @__PURE__ */ we.createContext(Va), ul = ["attr", "size", "title"];
+function ml(s, t) {
   if (s == null) return {};
-  var a = ul(s, t), n, l;
+  var a = hl(s, t), n, l;
   if (Object.getOwnPropertySymbols) {
     var o = Object.getOwnPropertySymbols(s);
     for (l = 0; l < o.length; l++)
@@ -1926,7 +1957,7 @@ function dl(s, t) {
   }
   return a;
 }
-function ul(s, t) {
+function hl(s, t) {
   if (s == null) return {};
   var a = {};
   for (var n in s)
@@ -1960,21 +1991,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) {
-      ml(s, n, a[n]);
+      xl(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 ml(s, t, a) {
-  return t = hl(t), t in s ? Object.defineProperty(s, t, { value: a, enumerable: !0, configurable: !0, writable: !0 }) : s[t] = a, 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 hl(s) {
-  var t = xl(s, "string");
+function pl(s) {
+  var t = fl(s, "string");
   return typeof t == "symbol" ? t : t + "";
 }
-function xl(s, t) {
+function fl(s, t) {
   if (typeof s != "object" || !s) return s;
   var a = s[Symbol.toPrimitive];
   if (a !== void 0) {
@@ -1990,22 +2021,22 @@ function qa(s) {
   }, t.attr), qa(t.child)));
 }
 function je(s) {
-  return (t) => /* @__PURE__ */ we.createElement(pl, cs({
+  return (t) => /* @__PURE__ */ we.createElement(gl, cs({
     attr: ds({}, s.attr)
   }, t), qa(s.child));
 }
-function pl(s) {
+function gl(s) {
   var t = (a) => {
     var {
       attr: n,
       size: l,
       title: o
-    } = s, i = dl(s, cl), c = l || a.size || "1em", d;
+    } = s, r = ml(s, ul), c = l || a.size || "1em", d;
     return a.className && (d = a.className), s.className && (d = (d ? d + " " : "") + s.className), /* @__PURE__ */ we.createElement("svg", cs({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
-    }, a.attr, n, i, {
+    }, a.attr, n, r, {
       className: d,
       style: ds(ds({
         color: s.color || a.color
@@ -2017,12 +2048,12 @@ function pl(s) {
   };
   return sa !== void 0 ? /* @__PURE__ */ we.createElement(sa.Consumer, null, (a) => t(a)) : t(Va);
 }
-function fl(s) {
+function jl(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 gl({ sql: s }) {
+function bl({ 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(gt, { className: "h-4 w-4 text-muted-foreground" }) }) }),
+    /* @__PURE__ */ e.jsx(qs, { asChild: !0, children: /* @__PURE__ */ e.jsx(z, { variant: "link", className: "h-5 p-0", children: /* @__PURE__ */ e.jsx(jt, { className: "h-4 w-4 text-muted-foreground" }) }) }),
     /* @__PURE__ */ e.jsx(
       Rs,
       {
@@ -2036,65 +2067,65 @@ function gl({ sql: s }) {
     )
   ] });
 }
-function jl() {
+function yl() {
   const [s, t] = q({
     queryKey: [],
     queryData: null
-  }), { theme: a } = jt(), n = bt(), l = ws(), o = yt(), [i, c] = q(!1), [d, p] = q(!1), [u, y] = q(!1), [g, x] = q(""), [j, b] = q(!1), I = z((r) => r.selectedSheetId);
-  z((r) => r.dashboard.baseQueries);
-  const C = m((r) => r.card), D = z((r) => r.theme), F = m((r) => r.isShowingVisual);
-  z((r) => r.onAcceptChanges);
+  }), { theme: a } = bt(), n = yt(), l = ws(), o = vt(), [r, c] = q(!1), [d, p] = q(!1), [u, y] = q(!1), [g, x] = q(""), [j, b] = q(!1), I = O((i) => i.selectedSheetId);
+  O((i) => i.dashboard.baseQueries);
+  const C = m((i) => i.card), T = O((i) => i.theme), F = m((i) => i.isShowingVisual);
+  O((i) => i.onAcceptChanges);
   const A = m(
-    (r) => r.selectedConnectionId
+    (i) => i.selectedConnectionId
   ), N = m(
-    (r) => r.selectedDatabaseName
+    (i) => i.selectedDatabaseName
   ), S = m(
-    (r) => r.selectedDatamodelId
-  ), M = m(
-    (r) => r.selectedSchemaName
+    (i) => i.selectedDatamodelId
+  ), L = m(
+    (i) => i.selectedSchemaName
   );
-  z(
-    (r) => r.actions.updateFrameCard
+  O(
+    (i) => i.actions.updateFrameCard
   );
-  const h = m((r) => r.selectedTableName), v = m((r) => r.card.sql), f = m((r) => r.card.python), k = m((r) => r.frame), L = z((r) => r.dashboard.filters), H = z((r) => r.filterValues), P = L == null ? void 0 : L.filter(
-    (r) => r.sheetId === I || !r.sheetId
+  const h = m((i) => i.selectedTableName), v = m((i) => i.card.sql), f = m((i) => i.card.python), k = m((i) => i.frame), M = O((i) => i.dashboard.filters), H = O((i) => i.filterValues), P = M == null ? void 0 : M.filter(
+    (i) => i.sheetId === I || !i.sheetId
   ), Y = H == null ? void 0 : H.filter(
-    (r) => (P == null ? void 0 : P.some((ne) => ne.id === r.filterId)) || r.filterId.endsWith(I)
-  ), ie = m((r) => r.applyFilters), {
+    (i) => (P == null ? void 0 : P.some((ne) => ne.id === i.filterId)) || i.filterId.endsWith(I)
+  ), ie = m((i) => i.applyFilters), {
     setCardCustomCfg: K,
     setQueryResultColumns: ae,
     setFilterValues: w,
     setCardSql: _,
     setCard: ee,
     setCardPython: E,
-    setQueryError: T,
+    setQueryError: D,
     setPythonStdOut: se,
     setCardPreferences: $
-  } = m((r) => r.actions), X = m((r) => r.onSave);
+  } = m((i) => i.actions), X = m((i) => i.onSave);
   m(
-    (r) => r.actions.setApplyFilters
+    (i) => i.actions.setApplyFilters
   );
-  const te = m((r) => r.onClose), Me = m((r) => r.actions.setSqlGen), ke = m((r) => r.runSql), be = m((r) => r.actions.setRunSql);
-  m((r) => r.actions.setCardCfg);
+  const te = m((i) => i.onClose), Le = m((i) => i.actions.setSqlGen), Oe = m((i) => i.runSql), be = m((i) => i.actions.setRunSql);
+  m((i) => i.actions.setCardCfg);
   const ye = m(
-    (r) => r.actions.setIsSqlRunning
+    (i) => i.actions.setIsSqlRunning
   ), {
     data: Q,
     isLoading: oe,
     isFetching: ce,
-    isSuccess: Oe,
-    isError: Le,
-    error: _e,
-    queryKey: He,
+    isSuccess: ze,
+    isError: Me,
+    error: He,
+    queryKey: $e,
     refetch: Ee
-  } = Ve(C);
+  } = qe(C);
   Z(() => {
-    if (Q && (Q.rowLimitExceeded && Je.error("Row limit (10,000) exceeded. Refine your query.", {
+    if (Q && (Q.rowLimitExceeded && Ke.error("Row limit (10,000) exceeded. Refine your query.", {
       position: "top-center",
       richColors: !0
     }), se((Q == null ? void 0 : Q.output) || ""), Q.records.length > 0)) {
-      const { dimensionKeys: r } = vs(Q.records);
-      ae(r);
+      const { dimensionKeys: i } = vs(Q.records);
+      ae(i);
     }
   }, [
     Q,
@@ -2102,63 +2133,63 @@ function jl() {
     ae,
     se
   ]), Z(() => {
-    (oe || ce) && ye(!0), (Le || Oe) && ye(!1), Le ? (T(_e.message), ae([]), se("")) : T("");
+    (oe || ce) && ye(!0), (Me || ze) && ye(!1), Me ? (D(He.message), ae([]), se("")) : D("");
   }, [
     oe,
     ce,
     Q,
     se,
-    Le,
-    Oe,
+    Me,
+    ze,
     ye,
     ae,
-    T,
-    _e
+    D,
+    He
   ]), Z(() => {
-    ke && (Ee(), be(!1));
-  }, [ke, Ee, be]);
+    Oe && (Ee(), be(!1));
+  }, [Oe, Ee, be]);
   function gs() {
-    const r = n.getQueryData(He);
+    const i = n.getQueryData($e);
     s.queryData || t({
-      queryKey: He,
-      queryData: r
-    }), n.setQueryData(He, null), _(""), Me({}), K(""), $({});
+      queryKey: $e,
+      queryData: i
+    }), n.setQueryData($e, null), _(""), Le({}), K(""), $({});
   }
-  const Ye = (r) => {
-    l.current = r;
+  const Ye = (i) => {
+    l.current = i;
   };
-  function Xe(r, ne) {
-    if (r.length === 0)
+  function Xe(i, ne) {
+    if (i.length === 0)
       return "";
     if (ne) {
-      const ve = r.find((Ce) => Ce.id === ne);
+      const ve = i.find((Ce) => Ce.id === ne);
       if (ve) {
         const Ce = ve.tabTitle;
         if (Ce == "All__Header")
-          return r[0].id;
+          return i[0].id;
         if (Ce && Ce.endsWith("__Header")) {
-          const Za = Ce.split("__")[0], Qs = r.find(
+          const Za = Ce.split("__")[0], Qs = i.find(
             (et) => et.tabTitle === Za
           );
-          return Qs ? Qs.id : r[0].id;
+          return Qs ? Qs.id : i[0].id;
         }
         return ne;
       }
     }
-    return r[0].id;
+    return i[0].id;
   }
   function Ze() {
-    let r = v;
-    v && !v.includes("{{") && (r = ll(v), _(r));
+    let i = v;
+    v && !v.includes("{{") && (i = il(v), _(i));
     const ne = {
       ...C,
-      lastSelectedSchema: M,
+      lastSelectedSchema: L,
       lastSelectedDatamodelId: S,
       lastSelectedDatabase: N,
       lastSelectedTable: h,
       connectionId: A,
       type: F ? C.type : "table",
-      sql: r,
+      sql: i,
       customCfg: F ? C.customCfg : null
     }, ve = k.cards.map(
       (js) => js.id === C.id ? ne : js
@@ -2170,32 +2201,32 @@ function jl() {
     X == null || X(Ce);
   }
   function es() {
-    const { queryKey: r, queryData: ne } = s;
-    r && ne && n.setQueryData(r, ne), te == null || te();
+    const { queryKey: i, queryData: ne } = s;
+    i && ne && n.setQueryData(i, ne), te == null || te();
   }
   Z(() => {
     if (!o) return;
-    const r = l.current, ne = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", ve = D === "system" ? ne : D;
+    const i = l.current, ne = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", ve = T === "system" ? ne : T;
     return o.editor.defineTheme("default", {
       // base: theme === 'light' ? 'hc-light' : 'vs-dark',
       base: ve === "light" ? "vs" : "vs-dark",
       inherit: !0,
       rules: [],
       colors: {
-        "editor.background": ve === "light" ? "#ffffff" : vt("240 10% 10%")
+        "editor.background": ve === "light" ? "#ffffff" : Ct("240 10% 10%")
         // 'editor.background':
         //   activeTheme === 'light'
         //     ? '#ffffff'
         //     : getCssVariableValue('--semaphor-background'),
       }
-    }), o.editor.setTheme("default"), r && o && r.addCommand(
+    }), o.editor.setTheme("default"), i && o && i.addCommand(
       o.KeyMod.Shift | o.KeyCode.Enter,
       function() {
         return Ee(), !1;
       }
     ), () => {
     };
-  }, [a, D, o]);
+  }, [a, T, o]);
   function ss() {
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       d && /* @__PURE__ */ e.jsx(
@@ -2207,7 +2238,7 @@ function jl() {
             /* @__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(
-                Ge,
+                Qe,
                 {
                   onClick: () => p(!1),
                   className: "bg-background/50 text-foreground/50 hover:cursor-pointer hover:text-foreground"
@@ -2215,13 +2246,13 @@ function jl() {
               )
             ] }),
             /* @__PURE__ */ e.jsx(
-              Be,
+              Ue,
               {
                 theme: "default",
-                onChange: (r) => {
-                  if (r)
+                onChange: (i) => {
+                  if (i)
                     try {
-                      JSON.parse(r), w(JSON.parse(r));
+                      JSON.parse(i), w(JSON.parse(i));
                     } catch {
                     }
                 },
@@ -2244,7 +2275,7 @@ function jl() {
                   renderLineHighlight: "none"
                 }
               },
-              D
+              T
             )
           ] })
         }
@@ -2276,7 +2307,7 @@ function jl() {
             {
               id: "1",
               order: 1,
-              defaultSize: i ? 20 : 100,
+              defaultSize: r ? 20 : 100,
               className: "relative flex grow",
               children: [
                 /* @__PURE__ */ e.jsx(
@@ -2285,12 +2316,12 @@ function jl() {
                     role: "sql-container",
                     className: "relative flex w-[99%]",
                     children: /* @__PURE__ */ e.jsx(
-                      Be,
+                      Ue,
                       {
                         theme: "default",
                         className: "pt-3",
-                        onChange: (r) => {
-                          _(r);
+                        onChange: (i) => {
+                          _(i);
                         },
                         value: v,
                         options: {
@@ -2311,11 +2342,11 @@ function jl() {
                     )
                   }
                 ),
-                i && /* @__PURE__ */ e.jsx("code", { className: "absolute right-6 top-3 text-sm text-muted-foreground/70", children: "sql" })
+                r && /* @__PURE__ */ e.jsx("code", { className: "absolute right-6 top-3 text-sm text-muted-foreground/70", children: "sql" })
               ]
             }
           ),
-          i && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          r && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
             /* @__PURE__ */ e.jsx(Ns, { withHandle: !0, className: "border" }),
             /* @__PURE__ */ e.jsxs(
               Ae,
@@ -2331,14 +2362,14 @@ function jl() {
                       role: "python-container",
                       className: "relative flex w-[99%] pt-0",
                       children: /* @__PURE__ */ e.jsx(
-                        Be,
+                        Ue,
                         {
                           className: "pt-3",
                           theme: "default",
-                          onChange: (r) => {
-                            E(r && r.trim() || "");
+                          onChange: (i) => {
+                            E(i && i.trim() || "");
                           },
-                          value: f || Nt,
+                          value: f || St,
                           options: {
                             minimap: {
                               enabled: !1
@@ -2393,7 +2424,7 @@ function jl() {
               children: [
                 /* @__PURE__ */ e.jsxs("div", { className: "flex grow items-center gap-2", children: [
                   /* @__PURE__ */ e.jsxs(
-                    O,
+                    z,
                     {
                       title: "Shift + Enter",
                       disabled: oe || ce,
@@ -2404,29 +2435,29 @@ function jl() {
                       size: "sm",
                       variant: "outline",
                       children: [
-                        oe || ce ? /* @__PURE__ */ e.jsx(Ke, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(Hn, { 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($n, { className: "mr-2 h-4 w-4" }),
                         "Run"
                       ]
                     }
                   ),
-                  Le && /* @__PURE__ */ e.jsx(
-                    rl,
+                  Me && /* @__PURE__ */ e.jsx(
+                    ol,
                     {
-                      error: _e.message,
+                      error: He.message,
                       setShowAIDialog: y,
                       setTriggerAIRun: b,
                       setUserInputforAI: x
                     }
                   ),
                   /* @__PURE__ */ e.jsxs(
-                    O,
+                    z,
                     {
                       onClick: gs,
                       className: "",
                       size: "sm",
                       variant: "outline",
                       children: [
-                        /* @__PURE__ */ e.jsx(zn, { className: "mr-2 size-4" }),
+                        /* @__PURE__ */ e.jsx(Fn, { className: "mr-2 size-4" }),
                         "Clear"
                       ]
                     }
@@ -2434,49 +2465,49 @@ function jl() {
                   /* @__PURE__ */ e.jsx(
                     pa,
                     {
-                      pressed: i,
-                      onPressedChange: (r) => c(r),
+                      pressed: r,
+                      onPressedChange: (i) => c(i),
                       className: "",
                       size: "sm",
                       variant: "outline",
-                      children: /* @__PURE__ */ e.jsx(fl, { className: "size-4 text-foreground/70" })
+                      children: /* @__PURE__ */ e.jsx(jl, { className: "size-4 text-foreground/70" })
                     }
                   ),
                   /* @__PURE__ */ e.jsx(
-                    ol,
+                    dl,
                     {
                       open: u,
                       setOpen: y,
                       userInput: g,
                       triggerAIRun: j,
                       setTriggerAIRun: b,
-                      setUserInput: (r) => x(r)
+                      setUserInput: (i) => x(i)
                     }
                   )
                 ] }),
                 /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-                  (Q == null ? void 0 : Q.sql) && /* @__PURE__ */ e.jsx(gl, { sql: Q.sql }),
+                  (Q == null ? void 0 : Q.sql) && /* @__PURE__ */ e.jsx(bl, { sql: Q.sql }),
                   /* @__PURE__ */ e.jsxs(
-                    O,
+                    z,
                     {
                       onClick: es,
                       className: "w-full",
                       size: "sm",
                       variant: "outline",
                       children: [
-                        /* @__PURE__ */ e.jsx(Ge, { className: "mr-2 size-4" }),
+                        /* @__PURE__ */ e.jsx(Qe, { className: "mr-2 size-4" }),
                         "Close"
                       ]
                     }
                   ),
                   /* @__PURE__ */ e.jsxs(
-                    O,
+                    z,
                     {
                       onClick: Ze,
                       size: "sm",
                       variant: "outline",
                       children: [
-                        /* @__PURE__ */ e.jsx(Ct, { className: "mr-2 size-4 font-bold text-green-600" }),
+                        /* @__PURE__ */ e.jsx(Nt, { className: "mr-2 size-4 font-bold text-green-600" }),
                         "Accept"
                       ]
                     }
@@ -2490,8 +2521,8 @@ function jl() {
     )
   );
 }
-function bl({ data: s }) {
-  var i;
+function vl({ data: s }) {
+  var r;
   const [t, a] = we.useState([]), l = Object.keys(s[0]).map((c) => ({
     // header: key,
     accessorKey: c,
@@ -2504,16 +2535,16 @@ function bl({ data: s }) {
           onClick: () => d.toggleSorting(d.getIsSorted() === "asc"),
           children: [
             c,
-            p === "asc" ? /* @__PURE__ */ e.jsx(St, { className: "ml-2 h-5 w-5" }) : p === "desc" ? /* @__PURE__ */ e.jsx(wt, { className: "ml-2 h-5 w-5" }) : null
+            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
           ]
         }
       ) });
     }
-  })), o = kt({
+  })), o = Ot({
     data: s,
     columns: l,
     getCoreRowModel: Tt(),
-    getPaginationRowModel: Dt(),
+    getPaginationRowModel: Lt(),
     onSortingChange: a,
     getSortedRowModel: Mt(),
     manualPagination: !0,
@@ -2521,12 +2552,12 @@ function bl({ data: s }) {
       sorting: t
     }
   });
-  return /* @__PURE__ */ e.jsxs(Ot, { children: [
-    /* @__PURE__ */ e.jsx(zt, { children: o.getHeaderGroups().map((c) => /* @__PURE__ */ e.jsx(bs, { children: c.headers.map((d) => /* @__PURE__ */ e.jsx(Ft, { className: "sticky top-0 bg-muted", children: d.isPlaceholder ? null : Ws(
+  return /* @__PURE__ */ e.jsxs(zt, { children: [
+    /* @__PURE__ */ e.jsx(Ft, { children: o.getHeaderGroups().map((c) => /* @__PURE__ */ e.jsx(bs, { children: c.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)) }, c.id)) }),
-    /* @__PURE__ */ e.jsx(It, { children: (i = o.getRowModel().rows) != null && i.length ? o.getRowModel().rows.map((c) => /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx(Dt, { children: (r = o.getRowModel().rows) != null && r.length ? o.getRowModel().rows.map((c) => /* @__PURE__ */ e.jsx(
       bs,
       {
         className: "whitespace-nowrap py-2",
@@ -2537,34 +2568,34 @@ function bl({ data: s }) {
     )) : /* @__PURE__ */ e.jsx(bs, { children: /* @__PURE__ */ e.jsx(Ys, { colSpan: l.length, className: "h-24 text-center", children: "No results." }) }) })
   ] });
 }
-function yl({ card: s }) {
-  var g, x, j, b, I, C, D, F, A, N;
-  const { authToken: t } = Ie(), a = Lt(t == null ? void 0 : t.accessToken), n = z((S) => S.themeStyle), l = {
+function Cl({ card: s }) {
+  var g, x, j, b, I, C, T, F, A, N;
+  const { authToken: t } = ke(), a = Et(t == null ? void 0 : t.accessToken), n = O((S) => S.themeStyle), l = {
     colors: ((x = (g = n == null ? void 0 : n.chart) == null ? void 0 : g.dataset) == null ? void 0 : x.backgroundColor) || []
   };
   (j = s.customCardPreferences) != null && j.inputData;
-  const { getCard: o } = ja(((b = s.customCardPreferences) == null ? void 0 : b.url) || ""), i = ((I = s.customCardPreferences) == null ? void 0 : I.visualType) || "single", c = m((S) => S.frame);
+  const { getCard: o } = ja(((b = s.customCardPreferences) == null ? void 0 : b.url) || ""), r = ((I = s.customCardPreferences) == null ? void 0 : I.visualType) || "single", c = m((S) => S.frame);
   re();
-  const { data: d } = Ve(s);
+  const { data: d } = qe(s);
   if (!((C = s.customCardPreferences) != null && C.componentName))
     return null;
   const p = o(
-    (D = s.customCardPreferences) == null ? void 0 : D.componentName
+    (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) || {}
   ).map((S) => {
     var v, f, k;
-    const M = (f = (v = s.customCardPreferences) == null ? void 0 : v.dataInputCardIds) == null ? void 0 : f[S].cardId, h = (k = c == null ? void 0 : c.cards) == null ? void 0 : k.find((L) => L.id === M);
+    const L = (f = (v = s.customCardPreferences) == null ? void 0 : v.dataInputCardIds) == null ? void 0 : f[S].cardId, h = (k = c == null ? void 0 : c.cards) == null ? void 0 : k.find((M) => M.id === L);
     return h || null;
   });
   return /* @__PURE__ */ e.jsx("div", { className: "semaphor-custom mb-3 flex grow basis-0 flex-col space-y-2 overflow-y-auto", children: /* @__PURE__ */ e.jsxs(
-    Cn,
+    Nn,
     {
       fallback: /* @__PURE__ */ e.jsx(e.Fragment, {}),
       children: [
-        p && i === "single" && /* @__PURE__ */ e.jsx(
+        p && r === "single" && /* @__PURE__ */ e.jsx(
           p,
           {
             params: a,
@@ -2574,15 +2605,15 @@ function yl({ card: s }) {
             data: (d == null ? void 0 : d.records) || []
           }
         ),
-        p && i === "multiple" && /* @__PURE__ */ e.jsx("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ e.jsx(
+        p && r === "multiple" && /* @__PURE__ */ e.jsx("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ e.jsx(
           p,
           {
             theme: l,
             onDataChange: u,
             settings: y.map(
               (S) => {
-                var M;
-                return (M = S == null ? void 0 : S.customCardPreferences) == null ? void 0 : M.settings;
+                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) || [])
@@ -2600,9 +2631,9 @@ function Ra({
   ...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), o = z((b) => b.dashboard.filters);
+  const a = m((b) => b.card), n = ((x = a.customCardPreferences) == null ? void 0 : x.showCardHeader) ?? !0, l = m((b) => b.frame), o = O((b) => b.dashboard.filters);
   m((b) => b.actions.setRunSql);
-  const { updateFilter: i } = zs(), c = o == null ? void 0 : o.find((b) => b.id === l.filterId), { data: d } = Ve(a), { setCard: p } = re(), { data: u } = _s(a);
+  const { updateFilter: r } = zs(), c = o == null ? void 0 : o.find((b) => b.id === l.filterId), { data: d } = qe(a), { setCard: p } = re(), { data: u } = _s(a);
   if (!a.id) return null;
   let y;
   d != null && d.records && (d == null ? void 0 : d.records.length) > 0 && (y = ba({
@@ -2614,23 +2645,23 @@ function Ra({
     topoJson: u
   }));
   function g(b) {
-    return /* @__PURE__ */ e.jsx(yl, { card: b });
+    return /* @__PURE__ */ e.jsx(Cl, { card: b });
   }
   return /* @__PURE__ */ e.jsxs(
-    Et,
+    At,
     {
       role: "editor-visual-card",
       className: W("relative flex h-full flex-col rounded-none", s),
       ...t,
       children: [
-        n && /* @__PURE__ */ e.jsxs(At, { className: "flex flex-row items-start justify-between py-4", children: [
+        n && /* @__PURE__ */ e.jsxs(Vt, { className: "flex flex-row items-start justify-between py-4", children: [
           /* @__PURE__ */ e.jsxs("div", { children: [
             /* @__PURE__ */ e.jsx(
               ls,
               {
                 text: a.title,
                 onSave: (b) => p({ ...a, title: b }),
-                children: /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-5", children: /* @__PURE__ */ e.jsx(Vt, { className: "text-base", children: a.title || "Edit title..." }) })
+                children: /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-5", children: /* @__PURE__ */ e.jsx(qt, { className: "text-base", children: a.title || "Edit title..." }) })
               },
               a.title
             ),
@@ -2639,7 +2670,7 @@ function Ra({
               {
                 text: a.description || "",
                 onSave: (b) => p({ ...a, description: b }),
-                children: /* @__PURE__ */ e.jsx(qt, { children: a.description || "Edit description..." })
+                children: /* @__PURE__ */ e.jsx(Rt, { children: a.description || "Edit description..." })
               },
               a.description
             )
@@ -2650,34 +2681,34 @@ function Ra({
               {
                 className: "my-1",
                 text: c.title || c.column,
-                onSave: (b) => i({ ...c, title: b }),
+                onSave: (b) => r({ ...c, title: b }),
                 children: /* @__PURE__ */ e.jsx(R, { children: c.title })
               }
             ),
-            /* @__PURE__ */ e.jsx(Rt, { filter: c })
+            /* @__PURE__ */ e.jsx(_t, { filter: c })
           ] })
         ] }),
-        /* @__PURE__ */ e.jsxs(_t, { className: "flex grow flex-col", children: [
+        /* @__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(
-            Ht,
+            $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($t, { className: "flex min-h-0 flex-1 grow basis-0", children: /* @__PURE__ */ e.jsx(Pt, { card: a, data: d == null ? void 0 : d.records }) })
+          /* @__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 }) })
         ] })
       ]
     }
   );
 }
-function vl() {
-  const [s, t] = q(!1), [a, n] = q(""), [l, o] = q(""), [i, c] = q(""), [d, p] = q(""), u = m((N) => N.card), y = m(
+function Nl() {
+  const [s, t] = q(!1), [a, n] = q(""), [l, o] = q(""), [r, c] = q(""), [d, p] = q(""), u = m((N) => N.card), y = m(
     (N) => N.card.customCfg
-  ), { data: g } = Ve(u), { data: x } = _s(u), { setCardCustomCfg: j, setCustomVisualCode: b } = re();
+  ), { data: g } = qe(u), { data: x } = _s(u), { setCardCustomCfg: j, setCustomVisualCode: b } = re();
   function I(N) {
     var h, v;
     const S = {
@@ -2693,7 +2724,7 @@ function vl() {
     return JSON.stringify(S, null, 1);
   }
   function C() {
-    var S, M;
+    var S, L;
     if (!(g != null && g.records) || (g == null ? void 0 : g.records.length) === 0) return;
     const N = ba({
       data: g == null ? void 0 : g.records,
@@ -2702,10 +2733,10 @@ function vl() {
       preferences: u.preferences,
       topoJson: x
     });
-    N && (n(JSON.stringify(N, null, 1)), (S = u == null ? void 0 : u.preferences) != null && S.customVisualCode && c((M = u == null ? void 0 : u.preferences) == null ? void 0 : M.customVisualCode), y && o(JSON.stringify(y, null, 1)));
+    N && (n(JSON.stringify(N, null, 1)), (S = u == null ? void 0 : u.preferences) != null && S.customVisualCode && c((L = u == null ? void 0 : u.preferences) == null ? void 0 : L.customVisualCode), y && o(JSON.stringify(y, null, 1)));
   }
-  function D() {
-    if (i && b(i), !!l)
+  function T() {
+    if (r && b(r), !!l)
       try {
         const N = JSON.parse(l);
         return N ? (j(N), p(""), o(""), N) : void 0;
@@ -2719,29 +2750,29 @@ function vl() {
   function A() {
     let N;
     if (y) {
-      const S = Xs.cloneDeep(u.cfg), M = Xs.merge(S, y);
-      return N = I(M), N;
+      const S = Xs.cloneDeep(u.cfg), L = Xs.merge(S, y);
+      return N = I(L), N;
     }
     return a ? (N = I(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,
+      z,
       {
         onClick: C,
         className: ` ${y && "border-foreground/50 dark:border-foreground/70"}`,
         size: "sm",
         variant: "outline",
-        children: /* @__PURE__ */ e.jsx(Bt, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ e.jsx(Ut, { className: "h-4 w-4" })
       }
     ) }),
     /* @__PURE__ */ e.jsxs(
-      Ds,
+      Ts,
       {
         className: "max-h-[70vh] min-h-[70vh] overflow-auto sm:min-w-[900px] lg:min-w-[1200px]",
         children: [
-          /* @__PURE__ */ e.jsxs(Ms, { className: "", children: [
-            /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e.jsx(Ls, { children: "Customize Card" }) }),
+          /* @__PURE__ */ e.jsxs(Ls, { className: "", children: [
+            /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e.jsx(Ms, { children: "Customize Card" }) }),
             /* @__PURE__ */ e.jsxs(Es, { children: [
               "See the configuration options and documentation",
               /* @__PURE__ */ e.jsx(
@@ -2787,7 +2818,7 @@ function vl() {
                   className: "mt-0 grow rounded-b border border-t-0",
                   value: "custom-config",
                   children: /* @__PURE__ */ e.jsx(
-                    Be,
+                    Ue,
                     {
                       className: "h-full w-full overflow-hidden",
                       theme: "default",
@@ -2816,7 +2847,7 @@ function vl() {
                   className: "mt-0 grow rounded-b border border-t-0",
                   value: "custom-code",
                   children: /* @__PURE__ */ e.jsx(
-                    Be,
+                    Ue,
                     {
                       className: "h-full w-full overflow-hidden",
                       theme: "default",
@@ -2833,7 +2864,7 @@ function vl() {
                         renderLineHighlight: "none"
                       },
                       defaultLanguage: "javascript",
-                      value: i,
+                      value: r,
                       onChange: (N) => c(N || "")
                     }
                   )
@@ -2844,7 +2875,7 @@ function vl() {
           /* @__PURE__ */ e.jsxs(la, { className: "flex items-center", children: [
             /* @__PURE__ */ e.jsx(R, { className: "mr-2 text-red-500", children: d }),
             /* @__PURE__ */ e.jsx(
-              O,
+              z,
               {
                 disabled: !y,
                 onClick: F,
@@ -2852,8 +2883,8 @@ function vl() {
                 children: "Reset"
               }
             ),
-            /* @__PURE__ */ e.jsx(O, { onClick: D, variant: "outline", children: "Apply" }),
-            /* @__PURE__ */ e.jsx(O, { onClick: () => t(!1), variant: "outline", children: "Close" })
+            /* @__PURE__ */ e.jsx(z, { onClick: T, variant: "outline", children: "Apply" }),
+            /* @__PURE__ */ e.jsx(z, { onClick: () => t(!1), variant: "outline", children: "Close" })
           ] })
         ]
       }
@@ -2888,20 +2919,20 @@ function Ja(s) {
   const [t, a] = q(null);
   return Z(() => {
     s && (async () => {
-      const o = (await import("./lucide-react-DyGQh8fl.js"))[s];
+      const o = (await import("./lucide-react-DzVyq6Fk.js"))[s];
       a(o);
     })();
   }, [s]), t;
 }
 function Ka() {
-  const { authToken: s } = Ie(), { data: t, isLoading: a, isFetching: n, isError: l } = Ne({
+  const { authToken: s } = ke(), { data: t, isLoading: a, isFetching: n, isError: l } = Ne({
     queryKey: ["plugins", s == null ? void 0 : s.accessToken],
-    queryFn: () => Ut(s == null ? void 0 : s.accessToken)
+    queryFn: () => Gt(s == null ? void 0 : s.accessToken)
     // staleTime: Infinity,
   });
   return { data: t, isLoading: a, isFetching: n, isError: l };
 }
-function Cl({
+function Sl({
   onChartTypeChange: s
 }) {
   const [t, a] = q([]), { data: n } = Ka();
@@ -2910,7 +2941,7 @@ function Cl({
       var o;
       if (n) {
         const c = (await Promise.all(
-          (o = n == null ? void 0 : n.plugins) == null ? void 0 : o.map(async (d) => (await Gt(d.value)).visuals.map((y) => ({
+          (o = n == null ? void 0 : n.plugins) == null ? void 0 : o.map(async (d) => (await Qt(d.value)).visuals.map((y) => ({
             name: y.name,
             icon: y.icon,
             url: d.value
@@ -2922,7 +2953,7 @@ function Cl({
   }, [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, o) => /* @__PURE__ */ e.jsx(
-      Nl,
+      wl,
       {
         text: l.name,
         onClick: () => s("custom", l),
@@ -2932,17 +2963,17 @@ function Cl({
     )) })
   ] });
 }
-const Nl = ({
+const wl = ({
   text: s,
   icon: t,
   onClick: a
 }) => {
   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 });
+  return /* @__PURE__ */ e.jsx(z, { onClick: a, title: s, variant: "ghost", children: n ? /* @__PURE__ */ e.jsx(n, { className: "h-4 w-4" }) : l });
 };
-function Sl() {
+function kl() {
   var u, y;
-  const [s, t] = q(!1), a = m((g) => g.card), n = a.type, { setCardType: l, setCardPreferences: o, setChartOrientation: i } = m((g) => g.actions), { setCardCustomCfg: c, setCustomCardPreferences: d } = re();
+  const [s, t] = q(!1), a = m((g) => g.card), n = a.type, { setCardType: l, setCardPreferences: o, setChartOrientation: r } = m((g) => g.actions), { setCardCustomCfg: c, setCustomCardPreferences: d } = re();
   function p(g, x) {
     c(null), o({}), l(g), x && d({
       type: "component",
@@ -2953,8 +2984,8 @@ function Sl() {
     }), 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(
-      wl,
+    /* @__PURE__ */ e.jsx(hs, { asChild: !0, children: /* @__PURE__ */ e.jsx(z, { size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(
+      Ol,
       {
         className: "h-4 w-4",
         chartType: n,
@@ -2965,7 +2996,7 @@ function Sl() {
     /* @__PURE__ */ e.jsxs(xs, { className: "w-50", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-4 place-items-center", children: [
         /* @__PURE__ */ e.jsx(
-          O,
+          z,
           {
             onClick: () => p("bar"),
             className: "font-normal",
@@ -2974,7 +3005,7 @@ function Sl() {
           }
         ),
         /* @__PURE__ */ e.jsx(
-          O,
+          z,
           {
             onClick: () => p("line"),
             variant: "ghost",
@@ -2982,7 +3013,7 @@ function Sl() {
           }
         ),
         /* @__PURE__ */ e.jsx(
-          O,
+          z,
           {
             onClick: () => p("stackedBar"),
             variant: "ghost",
@@ -2990,7 +3021,7 @@ function Sl() {
           }
         ),
         /* @__PURE__ */ e.jsx(
-          O,
+          z,
           {
             onClick: () => p("stackedLine"),
             variant: "ghost",
@@ -2998,7 +3029,7 @@ function Sl() {
           }
         ),
         /* @__PURE__ */ e.jsx(
-          O,
+          z,
           {
             onClick: () => p("scatter"),
             variant: "ghost",
@@ -3006,7 +3037,7 @@ function Sl() {
           }
         ),
         /* @__PURE__ */ e.jsx(
-          O,
+          z,
           {
             onClick: () => p("bubble"),
             variant: "ghost",
@@ -3014,7 +3045,7 @@ function Sl() {
           }
         ),
         /* @__PURE__ */ e.jsx(
-          O,
+          z,
           {
             onClick: () => p("pie"),
             variant: "ghost",
@@ -3022,7 +3053,7 @@ function Sl() {
           }
         ),
         /* @__PURE__ */ e.jsx(
-          O,
+          z,
           {
             onClick: () => p("doughnut"),
             variant: "ghost",
@@ -3030,7 +3061,7 @@ function Sl() {
           }
         ),
         /* @__PURE__ */ e.jsx(
-          O,
+          z,
           {
             onClick: () => p("radar"),
             variant: "ghost",
@@ -3044,7 +3075,7 @@ function Sl() {
           }
         ),
         /* @__PURE__ */ e.jsx(
-          O,
+          z,
           {
             onClick: () => p("polarArea"),
             variant: "ghost",
@@ -3052,7 +3083,7 @@ function Sl() {
           }
         ),
         /* @__PURE__ */ e.jsx(
-          O,
+          z,
           {
             onClick: () => p("pyramid"),
             variant: "ghost",
@@ -3060,7 +3091,7 @@ function Sl() {
           }
         ),
         /* @__PURE__ */ e.jsx(
-          O,
+          z,
           {
             onClick: () => p("range"),
             variant: "ghost",
@@ -3068,7 +3099,7 @@ function Sl() {
           }
         ),
         /* @__PURE__ */ e.jsx(
-          O,
+          z,
           {
             onClick: () => p("table"),
             variant: "ghost",
@@ -3076,7 +3107,7 @@ function Sl() {
           }
         ),
         /* @__PURE__ */ e.jsx(
-          O,
+          z,
           {
             onClick: () => p("kpi"),
             variant: "ghost",
@@ -3084,7 +3115,7 @@ function Sl() {
           }
         ),
         /* @__PURE__ */ e.jsx(
-          O,
+          z,
           {
             onClick: () => p("text"),
             variant: "ghost",
@@ -3092,27 +3123,27 @@ function Sl() {
           }
         ),
         /* @__PURE__ */ e.jsx(
-          O,
+          z,
           {
             onClick: () => p("map"),
             variant: "ghost",
-            children: /* @__PURE__ */ e.jsx(Ta, { className: "size-4" })
+            children: /* @__PURE__ */ e.jsx(Da, { className: "size-4" })
           }
         ),
         /* @__PURE__ */ e.jsx(
-          O,
+          z,
           {
             onClick: () => p("custom"),
             variant: "ghost",
-            children: /* @__PURE__ */ e.jsx(Ma, { className: "size-4" })
+            children: /* @__PURE__ */ e.jsx(La, { className: "size-4" })
           }
         )
       ] }),
-      /* @__PURE__ */ e.jsx(Cl, { onChartTypeChange: p })
+      /* @__PURE__ */ e.jsx(Sl, { onChartTypeChange: p })
     ] })
   ] });
 }
-function wl({
+function Ol({
   chartType: s,
   className: t,
   customIcon: a,
@@ -3149,27 +3180,27 @@ function wl({
     case "text":
       return /* @__PURE__ */ e.jsx(Us, { className: t });
     case "map":
-      return /* @__PURE__ */ e.jsx(Ta, { className: t });
+      return /* @__PURE__ */ e.jsx(Da, { className: t });
     case "custom":
-      return a && l ? /* @__PURE__ */ e.jsx(l, { className: t }) : n ? n == null ? void 0 : n.charAt(0).toUpperCase() : /* @__PURE__ */ e.jsx(Ma, { className: t });
+      return a && l ? /* @__PURE__ */ e.jsx(l, { className: t }) : n ? n == null ? void 0 : n.charAt(0).toUpperCase() : /* @__PURE__ */ e.jsx(La, { className: t });
     default:
       return /* @__PURE__ */ e.jsx(As, { className: t });
   }
 }
-function kl() {
+function zl() {
   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(
-      Qt,
+      Jt,
       {
         onClick: () => {
-          navigator.clipboard.writeText(s.id), Je.success("Card ID copied to clipboard");
+          navigator.clipboard.writeText(s.id), Ke.success("Card ID copied to clipboard");
         },
         className: "cursor-pointer space-x-2",
         children: [
-          /* @__PURE__ */ e.jsx(En, { className: "size-5" }),
+          /* @__PURE__ */ e.jsx(An, { className: "size-5" }),
           /* @__PURE__ */ e.jsx("span", { children: "Copy Card ID" })
         ]
       }
@@ -3177,14 +3208,14 @@ function kl() {
   ] });
 }
 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), o = m((h) => h.pythonStdOut), i = m((h) => h.actions.setRunSql);
+  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), o = 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: c, setCard: d, updateCardInFrame: p } = re(), { data: u, isLoading: y, isFetching: g } = Ve(t);
+  const { setFrame: c, setCard: d, updateCardInFrame: p } = re(), { data: u, isLoading: y, isFetching: g } = qe(t);
   if (!t) return /* @__PURE__ */ e.jsx(e.Fragment, { children: "No Active Card" });
   function x() {
     const h = {
       connectionId: t.connectionId,
-      id: Qe(),
+      id: Je(),
       title: "Title",
       description: "Description",
       preferences: {
@@ -3212,14 +3243,14 @@ function ta() {
   function b() {
     const h = {
       ...t,
-      id: Qe(),
+      id: Je(),
       title: `${t.title} Copy`,
       tabTitle: `${t.tabTitle} Copy`
     };
     j(h);
   }
   function I(h) {
-    const v = s.cards.filter((L) => L.id !== h), f = v[0], k = {
+    const v = s.cards.filter((M) => M.id !== h), f = v[0], k = {
       ...s,
       cards: v,
       // update the active card to the first card in the frame
@@ -3235,17 +3266,17 @@ function ta() {
     };
     c(v);
     const f = v.cards.find((k) => k.id === h);
-    f.sql && i(!0), d(f);
+    f.sql && r(!0), d(f);
   }
-  const D = (h, v) => {
+  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");
     if (f === v.toString()) return;
-    const k = Array.from(s.cards), [L] = k.splice(parseInt(f), 1);
-    k.splice(v, 0, L), c({ ...s, cards: k });
+    const k = Array.from(s.cards), [M] = k.splice(parseInt(f), 1);
+    k.splice(v, 0, M), c({ ...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(
@@ -3258,7 +3289,7 @@ function ta() {
             displayTab: f
           });
         },
-        children: v.displayTab === !0 || v.displayTab === void 0 ? /* @__PURE__ */ e.jsx(In, { className: "mr-2 size-3.5 text-muted-foreground hover:text-foreground" }) : /* @__PURE__ */ e.jsx(Fn, { className: "mr-2 size-3.5 text-muted-foreground hover:text-foreground" })
+        children: 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" })
       }
     );
   }
@@ -3270,7 +3301,7 @@ function ta() {
         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: M() }, h.id)),
+          s.cards.map((h) => /* @__PURE__ */ e.jsx(is, { className: "mt-0 grow", value: h.id, children: L() }, h.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(
               ls,
@@ -3283,7 +3314,7 @@ function ta() {
                   rs,
                   {
                     draggable: !0,
-                    onDragStart: (f) => D(f, v),
+                    onDragStart: (f) => T(f, v),
                     onDragOver: F,
                     onDrop: (f) => A(f, v),
                     className: "",
@@ -3305,21 +3336,21 @@ function ta() {
               h.id
             )),
             /* @__PURE__ */ e.jsx(
-              O,
+              z,
               {
                 className: "ml-1 h-8 px-2 hover:bg-muted-foreground/50",
                 variant: "outline",
                 onClick: x,
-                children: /* @__PURE__ */ e.jsx(Ts, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ e.jsx(Ds, { className: "h-4 w-4" })
               }
             ),
             /* @__PURE__ */ e.jsx(
-              O,
+              z,
               {
                 className: "invisible ml-1 h-8 px-2 hover:bg-muted-foreground/50 group-hover:visible",
                 variant: "outline",
                 onClick: b,
-                children: /* @__PURE__ */ e.jsx(kn, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ e.jsx(On, { className: "h-4 w-4" })
               }
             )
           ] }) })
@@ -3327,9 +3358,9 @@ function ta() {
       }
     );
   }
-  function M() {
-    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(Jt, { 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(
-      Kt,
+  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,
       {
         isLoading: n,
         card: t,
@@ -3338,23 +3369,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(Ke, { className: "absolute bottom-0 left-0 right-0 top-0 z-50 m-auto h-10 w-10 animate-spin text-foreground/10" }),
+    (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" }),
     /* @__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(Sl, {}),
-        !["table", "custom"].includes(t.type) && /* @__PURE__ */ e.jsx(vl, {}),
-        /* @__PURE__ */ e.jsx(kl, {})
+        /* @__PURE__ */ e.jsx(kl, {}),
+        !["table", "custom"].includes(t.type) && /* @__PURE__ */ e.jsx(Nl, {}),
+        /* @__PURE__ */ e.jsx(zl, {})
       ] }),
-      /* @__PURE__ */ e.jsx(zl, {})
+      /* @__PURE__ */ e.jsx(Il, {})
     ] }),
     a ? S() : /* @__PURE__ */ e.jsxs("div", { className: "flex min-h-0 w-full flex-1 grow basis-0 px-6", children: [
-      o && /* @__PURE__ */ e.jsx(Ol, {}),
-      (u == null ? void 0 : u.records) && (u == null ? void 0 : u.records.length) > 0 && /* @__PURE__ */ e.jsx(bl, { data: (u == null ? void 0 : u.records) || [] }),
+      o && /* @__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) || [] }),
       l && /* @__PURE__ */ e.jsx("span", { className: "font-mono text-sm", children: l })
     ] })
   ] });
 }
-function Ol() {
+function Fl() {
   const s = m((a) => a.pythonStdOut);
   if (!s) return null;
   const t = s.replace(/\n/g, "<br>");
@@ -3370,14 +3401,14 @@ function Ol() {
     /* @__PURE__ */ e.jsx(ge, { className: "mb-2" })
   ] });
 }
-function zl() {
+function Il() {
   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(
-      Wt,
+      Yt,
       {
         checked: s,
         onCheckedChange: () => t(!s),
@@ -3387,7 +3418,7 @@ function zl() {
     )
   ] });
 }
-function Fl({
+function Dl({
   options: s,
   value: t,
   onValueChange: a
@@ -3400,7 +3431,7 @@ function Fl({
       className: "flex gap-4",
       defaultValue: s[0].value,
       children: s.map((n) => /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-        /* @__PURE__ */ e.jsx(Fe, { value: n.value, id: n.value }),
+        /* @__PURE__ */ e.jsx(Ie, { value: n.value, id: n.value }),
         /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: n.value, children: n.label })
       ] }, n.value))
     }
@@ -3427,7 +3458,7 @@ function ue({
     ] }) })
   ] });
 }
-function Ue({
+function Ge({
   children: s,
   summary: t,
   open: a,
@@ -3441,39 +3472,39 @@ function Ue({
       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(Yt, { className: "h-4 w-4" })
+          /* @__PURE__ */ e.jsx(Xt, { className: "h-4 w-4" })
         ] }),
         /* @__PURE__ */ e.jsx("div", { className: "transition-all ease-in-out", children: s })
       ]
     }
   );
 }
-function Il() {
+function Tl() {
   var b, I;
   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), o = (s == null ? void 0 : s.visualType) || "single", { setCustomCardPreferences: i } = re(), { components: c, manifest: d } = ja(
+  ), { data: t } = Ka(), a = (t == null ? void 0 : t.plugins) || [], n = m((C) => C.card), l = m((C) => C.frame), o = (s == null ? void 0 : s.visualType) || "single", { setCustomCardPreferences: r } = re(), { components: c, manifest: d } = 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)
   );
-  function u(C, D) {
+  function u(C, T) {
     if (!s) return;
     const A = {
       ...(s == null ? void 0 : s.dataInputCardIds) || {},
       [C]: {
-        cardId: D,
+        cardId: T,
         hookRef: null
       }
     };
-    i({
+    r({
       ...s,
       dataInputCardIds: A
     });
   }
   function y(C) {
     var F, A;
-    const D = (F = l == null ? void 0 : l.cards) == null ? void 0 : F.filter((N) => {
+    const T = (F = l == null ? void 0 : l.cards) == null ? void 0 : F.filter((N) => {
       var S;
       return ((S = N == null ? void 0 : N.customCardPreferences) == null ? void 0 : S.visualType) !== "multiple";
     }).map((N) => ({
@@ -3481,7 +3512,7 @@ function Il() {
       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 M, h;
+      var L, h;
       return /* @__PURE__ */ e.jsxs(
         "div",
         {
@@ -3493,8 +3524,8 @@ function Il() {
               {
                 className: "col-span-6 h-8 w-full justify-between",
                 label: "",
-                options: D || [],
-                value: ((h = (M = s == null ? void 0 : s.dataInputCardIds) == null ? void 0 : M[S]) == null ? void 0 : h.cardId) || "",
+                options: T || [],
+                value: ((h = (L = s == null ? void 0 : s.dataInputCardIds) == null ? void 0 : L[S]) == null ? void 0 : h.cardId) || "",
                 onValueChange: (v) => u(S, v)
               }
             )
@@ -3504,43 +3535,43 @@ function Il() {
       );
     }) });
   }
-  function g(C, D, F = []) {
+  function g(C, T, F = []) {
     var A, N;
     return s ? C === "input" ? /* @__PURE__ */ e.jsx(
       le,
       {
-        className: `h-8 w-full ${Pe}`,
-        value: ((A = s == null ? void 0 : s.settings) == null ? void 0 : A[D]) || "",
+        className: `h-8 w-full ${Be}`,
+        value: ((A = s == null ? void 0 : s.settings) == null ? void 0 : A[T]) || "",
         onChange: (S) => {
-          i({
+          r({
             ...s,
             settings: {
               ...s == null ? void 0 : s.settings,
-              [D]: S.target.value
+              [T]: S.target.value
             }
           });
         }
       },
-      D
+      T
     ) : C === "select" ? /* @__PURE__ */ e.jsx(
       ue,
       {
         className: "h-8 w-full",
         label: "",
         options: F,
-        value: ((N = s == null ? void 0 : s.settings) == null ? void 0 : N[D]) || "",
+        value: ((N = s == null ? void 0 : s.settings) == null ? void 0 : N[T]) || "",
         onValueChange: (S) => {
-          i({
+          r({
             ...s,
-            settings: { ...s == null ? void 0 : s.settings, [D]: S }
+            settings: { ...s == null ? void 0 : s.settings, [T]: S }
           });
         }
       }
     ) : null : null;
   }
   function x(C) {
-    const D = Object.entries((C == null ? void 0 : C.settings) || {});
-    return /* @__PURE__ */ e.jsx("div", { className: "space-y-3", children: D.map(([F, A]) => /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
+    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: [
       /* @__PURE__ */ e.jsx(R, { children: A.title }),
       g(
         A.ui,
@@ -3550,7 +3581,7 @@ function Il() {
     ] }, F)) });
   }
   function j(C) {
-    s && i({
+    s && r({
       ...s,
       visualType: C,
       componentName: ""
@@ -3561,7 +3592,7 @@ function Il() {
     {
       className: "p-6",
       children: [
-        /* @__PURE__ */ e.jsx(Ue, { summary: "Plugin Settings", children: /* @__PURE__ */ e.jsx("div", { className: "space-y-4 text-sm", children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 text-sm", children: [
+        /* @__PURE__ */ e.jsx(Ge, { summary: "Plugin Settings", children: /* @__PURE__ */ e.jsx("div", { className: "space-y-4 text-sm", children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 text-sm", children: [
           /* @__PURE__ */ e.jsx("div", { className: "space-y-2", children: /* @__PURE__ */ e.jsx("div", { className: "px-2", children: /* @__PURE__ */ e.jsx(
             ue,
             {
@@ -3569,7 +3600,7 @@ function Il() {
               label: "",
               options: a,
               value: (s == null ? void 0 : s.url) || "",
-              onValueChange: (C) => i({
+              onValueChange: (C) => r({
                 ...s || {
                   url: "",
                   componentName: ""
@@ -3579,7 +3610,7 @@ function Il() {
             }
           ) }) }),
           ((s == null ? void 0 : s.type) === "component" || (s == null ? void 0 : s.type) === void 0) && /* @__PURE__ */ e.jsx(
-            Fl,
+            Dl,
             {
               options: [
                 { value: "single", label: "Single Visual" },
@@ -3604,7 +3635,7 @@ function Il() {
                 }))) || [],
                 value: s.componentName,
                 onValueChange: (C) => {
-                  console.log("changing value", C), i({
+                  console.log("changing value", C), r({
                     ...s,
                     componentName: C
                   });
@@ -3614,7 +3645,7 @@ function Il() {
           ] }) })
         ] }) }) }),
         /* @__PURE__ */ e.jsx(ge, { className: "my-4" }),
-        ((I = n == null ? void 0 : n.customCardPreferences) == null ? void 0 : I.componentName) && /* @__PURE__ */ e.jsxs(Ue, { summary: "Component Settings", children: [
+        ((I = n == null ? void 0 : n.customCardPreferences) == null ? void 0 : I.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) })
@@ -3625,12 +3656,12 @@ function Il() {
     }
   );
 }
-function De() {
+function Te() {
   const [s, t] = q([]);
   m(
     (u) => u.card.cfg
   );
-  const a = m((u) => u.card.preferences), { setCardCfg: n, setFilterOnClickColumnIndex: l, setCardPreferences: o } = m((u) => u.actions), i = m(
+  const a = m((u) => u.card.preferences), { setCardCfg: n, setFilterOnClickColumnIndex: l, setCardPreferences: o } = m((u) => u.actions), r = m(
     (u) => u.queryResultColumns
   );
   m(
@@ -3639,8 +3670,8 @@ function De() {
       return (y = u.card.preferences) == null ? void 0 : y.filterOnClickColumnIndex;
     }
   ), Z(() => {
-    i && t(new Array(i.length).fill(!1));
-  }, [i]);
+    r && t(new Array(r.length).fill(!1));
+  }, [r]);
   function c(u, y) {
     var g, x;
     y ? a != null && a.onClickFilter && ((g = a == null ? void 0 : a.onClickFilter) == null ? void 0 : g.length) > 0 ? o({
@@ -3697,7 +3728,7 @@ function De() {
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ e.jsx(R, { children: "On Click" }),
-    i == null ? void 0 : i.map((u, y) => {
+    r == null ? void 0 : r.map((u, y) => {
       var g, x;
       return /* @__PURE__ */ e.jsx(
         "div",
@@ -3724,7 +3755,7 @@ function De() {
               /* @__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(
-                Da,
+                Ta,
                 {
                   onClick: () => {
                     t((j) => {
@@ -3745,11 +3776,11 @@ function De() {
   ] });
 }
 function fs() {
-  var i, c, d;
+  var r, c, d;
   const s = m((p) => p.card.preferences), t = m(
     (p) => p.card.cfg
   ), { setCardCfg: a, setCardPreferences: n, setChartOrientation: l } = m((p) => p.actions);
-  (i = t == null ? void 0 : t.options) != null && i.indexAxis;
+  (r = t == null ? void 0 : t.options) != null && r.indexAxis;
   function o(p) {
     l(p);
   }
@@ -3762,11 +3793,11 @@ function fs() {
       defaultValue: "x",
       children: [
         /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ e.jsx(Fe, { value: "x", id: "r1" }),
+          /* @__PURE__ */ e.jsx(Ie, { value: "x", id: "r1" }),
           /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: "r1", children: "Vertical" })
         ] }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ e.jsx(Fe, { value: "y", id: "r2" }),
+          /* @__PURE__ */ e.jsx(Ie, { value: "y", id: "r2" }),
           /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: "r2", children: "Horizontal" })
         ] })
       ]
@@ -3782,37 +3813,37 @@ function na(s, t) {
 function Wa() {
   var ie, K, ae, w, _, ee;
   const [s, t] = q(!1), a = m((E) => {
-    var T;
-    return (T = E.card) == null ? void 0 : T.preferences;
+    var D;
+    return (D = E.card) == null ? void 0 : D.preferences;
   }), n = m((E) => {
-    var T;
-    return (T = E.card) == null ? void 0 : T.cfg;
-  }), l = wa(a, n), [o, i] = q(
+    var D;
+    return (D = E.card) == null ? void 0 : D.cfg;
+  }), l = wa(a, n), [o, r] = q(
     na(a)
   ), [c, d] = q(
     ((ae = (K = (ie = a == null ? void 0 : a.chartOptions) == null ? void 0 : ie.scales) == null ? void 0 : K[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(c || p ? "custom" : "auto"), [x, j] = q(""), [b, I] = q(0), [C, D] = q(""), [F, A] = q(""), [N, S] = q(""), M = m(
+  ), [y, g] = q(c || p ? "custom" : "auto"), [x, j] = q(""), [b, I] = q(0), [C, T] = q(""), [F, A] = q(""), [N, S] = q(""), L = m(
     (E) => E.actions.setCardPreferences
   ), { updateCardInFrame: h } = re(), v = m((E) => E.card), f = m((E) => {
-    var T;
-    return (T = E.card) == null ? void 0 : T.type;
+    var D;
+    return (D = E.card) == null ? void 0 : D.type;
   }), k = ["pie", "doughnut", "polarArea"].includes(f);
   Z(() => {
-    var E, T, se, $, X, te, Me, ke, be, ye, Q, oe, ce, Oe;
-    i(na(a)), d(
-      ((se = (T = (E = a == null ? void 0 : a.chartOptions) == null ? void 0 : E.scales) == null ? void 0 : T[l]) == null ? void 0 : se.min) === 0 ? 0 : ""
+    var E, D, se, $, X, te, Le, Oe, be, ye, Q, oe, ce, ze;
+    r(na(a)), d(
+      ((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 = (ke = (Me = a == null ? void 0 : a.chartOptions) == null ? void 0 : Me.scales) == null ? void 0 : ke[l]) == null ? void 0 : be.ticks) == null ? void 0 : ye.stepSize) || ""
-    ), I(((Q = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : Q.decimalPlaces) || 0), D(((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) || "");
+      ((ye = (be = (Oe = (Le = a == null ? void 0 : a.chartOptions) == null ? void 0 : Le.scales) == null ? void 0 : Oe[l]) == null ? void 0 : be.ticks) == null ? void 0 : ye.stepSize) || ""
+    ), I(((Q = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : Q.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(((ze = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : ze.locale) || "");
   }, [s, a, l]);
-  function L(E, T) {
-    return T === "" || /^[0-9\b]+$/.test(T) ? Number(T) : Number(E);
+  function M(E, D) {
+    return D === "" || /^[0-9\b]+$/.test(D) ? Number(D) : Number(E);
   }
   function H() {
     const E = [
-      ...new Set(os.map((T) => T.currency))
+      ...new Set(os.map((D) => D.currency))
     ];
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-6 items-center gap-2", children: [
@@ -3835,18 +3866,18 @@ function Wa() {
           me,
           {
             value: F || "none",
-            onValueChange: (T) => A(T === "none" ? "" : T),
+            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, {}) }),
               /* @__PURE__ */ e.jsx(pe, { children: /* @__PURE__ */ e.jsxs(Se, { children: [
                 /* @__PURE__ */ e.jsx(fe, { children: "Currency" }),
                 /* @__PURE__ */ e.jsx(J, { value: "none", children: "None" }),
-                E.map((T) => /* @__PURE__ */ e.jsx(J, { value: T, children: T }, T))
+                E.map((D) => /* @__PURE__ */ e.jsx(J, { value: D, children: D }, D))
               ] }) })
             ]
           }
         ),
-        /* @__PURE__ */ e.jsxs(me, { value: N, onValueChange: (T) => S(T), children: [
+        /* @__PURE__ */ e.jsxs(me, { value: N, onValueChange: (D) => S(D), children: [
           /* @__PURE__ */ e.jsx(
             he,
             {
@@ -3856,7 +3887,7 @@ function Wa() {
           ),
           /* @__PURE__ */ e.jsx(pe, { children: /* @__PURE__ */ e.jsxs(Se, { children: [
             /* @__PURE__ */ e.jsx(fe, { children: "Locale" }),
-            os.map((T) => /* @__PURE__ */ e.jsx(J, { value: T.locale, children: T.locale }, T.locale))
+            os.map((D) => /* @__PURE__ */ e.jsx(J, { value: D.locale, children: D.locale }, D.locale))
           ] }) })
         ] })
       ] }),
@@ -3866,7 +3897,7 @@ function Wa() {
           le,
           {
             value: b,
-            onChange: (T) => I(Number(T.target.value)),
+            onChange: (D) => I(Number(D.target.value)),
             id: "format",
             className: `col-span-6 h-8 w-full tracking-wide ${ts}`
           }
@@ -3883,7 +3914,7 @@ function Wa() {
           {
             id: "min",
             value: c,
-            onChange: (E) => d((T) => L(T, E.target.value)),
+            onChange: (E) => d((D) => M(D, E.target.value)),
             className: `col-span-1 h-8 w-full ${ts}`
           }
         ),
@@ -3891,7 +3922,7 @@ function Wa() {
           le,
           {
             value: p,
-            onChange: (E) => u((T) => L(T, E.target.value)),
+            onChange: (E) => u((D) => M(D, E.target.value)),
             id: "max",
             className: `col-span-1 h-8 w-full ${ts}`
           }
@@ -3903,7 +3934,7 @@ function Wa() {
           le,
           {
             value: x,
-            onChange: (E) => j((T) => L(T, E.target.value)),
+            onChange: (E) => j((D) => M(D, E.target.value)),
             id: "step-size",
             className: `col-span-1 h-8 w-full ${ts}`
           }
@@ -3921,7 +3952,7 @@ function Wa() {
         stepSize: x
       }
     });
-    const T = {
+    const D = {
       ...a || {},
       chartOptions: {
         ...a == null ? void 0 : a.chartOptions,
@@ -3941,15 +3972,15 @@ function Wa() {
         locale: N
       }
     };
-    console.log(T), M(T);
+    console.log(D), L(D);
     const se = {
       ...v,
-      preferences: T
+      preferences: D
     };
     h(se);
   }
   return /* @__PURE__ */ e.jsxs(ms, { onOpenChange: (E) => t(E), children: [
-    /* @__PURE__ */ e.jsx(hs, { asChild: !0, children: /* @__PURE__ */ e.jsx(Xt, { className: "size-4 cursor-pointer text-muted-foreground hover:text-foreground" }) }),
+    /* @__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(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" }),
@@ -3963,7 +3994,7 @@ function Wa() {
             {
               disabled: k,
               value: o,
-              onValueChange: (E) => i(E),
+              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, {}) }),
                 /* @__PURE__ */ e.jsx(pe, { id: "type", children: /* @__PURE__ */ e.jsxs(Se, { children: [
@@ -3988,11 +4019,11 @@ function Wa() {
               defaultValue: "x",
               children: [
                 /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-                  /* @__PURE__ */ e.jsx(Fe, { value: "auto", id: "r1" }),
+                  /* @__PURE__ */ e.jsx(Ie, { value: "auto", id: "r1" }),
                   /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: "r1", children: "Auto" })
                 ] }),
                 /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-                  /* @__PURE__ */ e.jsx(Fe, { value: "custom", id: "r2" }),
+                  /* @__PURE__ */ e.jsx(Ie, { value: "custom", id: "r2" }),
                   /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: "r2", children: "Custom" })
                 ] })
               ]
@@ -4001,9 +4032,9 @@ function Wa() {
         ] }),
         y === "custom" && o == "linear" && P(),
         H(),
-        /* @__PURE__ */ e.jsx(Zt, {}),
+        /* @__PURE__ */ e.jsx(en, {}),
         /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-3", children: /* @__PURE__ */ e.jsx(
-          O,
+          z,
           {
             onClick: Y,
             variant: "secondary",
@@ -4015,7 +4046,7 @@ function Wa() {
     ] }) })
   ] });
 }
-function Tl({ idx: s }) {
+function Ll({ idx: s }) {
   var c;
   const t = m((d) => {
     var p;
@@ -4028,8 +4059,8 @@ function Tl({ idx: s }) {
   ), n = m(
     (d) => d.actions.setCardPreferences
   ), l = (c = t == null ? void 0 : t.chartOptions) == null ? void 0 : c.indexAxis, o = a == null ? void 0 : a.find((d) => d.idx === s);
-  function i(d, p) {
-    (d === "end" || d === "start") && en(sn());
+  function r(d, p) {
+    (d === "end" || d === "start") && sn(an());
     const u = {
       display: d !== "none",
       align: d,
@@ -4060,12 +4091,12 @@ function Tl({ idx: s }) {
     }
   }
   return /* @__PURE__ */ e.jsxs(ms, { children: [
-    /* @__PURE__ */ e.jsx(hs, { children: /* @__PURE__ */ e.jsx(Qn, { className: "invisible size-4 rotate-[135deg] cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible" }) }),
+    /* @__PURE__ */ e.jsx(hs, { 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(xs, { className: "w-fit p-1", children: /* @__PURE__ */ e.jsxs("div", { className: "flex gap-1", children: [
       /* @__PURE__ */ e.jsx(
-        O,
+        z,
         {
-          onClick: () => i("none", s),
+          onClick: () => r("none", s),
           size: "sm",
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
@@ -4073,14 +4104,14 @@ function Tl({ idx: s }) {
         }
       ),
       /* @__PURE__ */ e.jsx(
-        O,
+        z,
         {
-          onClick: () => i("start", s),
+          onClick: () => r("start", s),
           size: "sm",
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
           children: /* @__PURE__ */ e.jsx(
-            An,
+            Vn,
             {
               className: W("h-4 w-4", {
                 "rotate-90": l === "y"
@@ -4090,14 +4121,14 @@ function Tl({ idx: s }) {
         }
       ),
       /* @__PURE__ */ e.jsx(
-        O,
+        z,
         {
-          onClick: () => i("center", s),
+          onClick: () => r("center", s),
           size: "sm",
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
           children: /* @__PURE__ */ e.jsx(
-            qn,
+            Rn,
             {
               className: W("h-4 w-4", {
                 "rotate-90": l === "y"
@@ -4107,14 +4138,14 @@ function Tl({ idx: s }) {
         }
       ),
       /* @__PURE__ */ e.jsx(
-        O,
+        z,
         {
-          onClick: () => i("end", s),
+          onClick: () => r("end", s),
           size: "sm",
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
           children: /* @__PURE__ */ e.jsx(
-            Vn,
+            qn,
             {
               className: W("h-4 w-4", {
                 "rotate-90": l === "y"
@@ -4132,14 +4163,14 @@ function Ya() {
       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;
     }
-  ), { data: a } = Ve(s), n = t === "y" ? "Y axis" : "X axis", l = t === "y" ? "X axis" : "Y axis", {
+  ), { data: a } = qe(s), n = t === "y" ? "Y axis" : "X axis", l = t === "y" ? "X axis" : "Y axis", {
     keys: o,
-    metricKeys: i,
+    metricKeys: r,
     dimensionKeys: c
   } = vs((a == null ? void 0 : a.records) || []);
-  let d = i;
+  let d = r;
   if (["stackedBar", "stackedLine"].includes(s.type)) {
-    const p = an({
+    const p = tn({
       dataArray: (a == null ? void 0 : a.records) || [],
       groupKey: c[0],
       pivotKey: c[1],
@@ -4157,11 +4188,11 @@ 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(Dl, { col: p, idx: u }, p)) })
+      /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: d.map((p, u) => /* @__PURE__ */ e.jsx(Ml, { col: p, idx: u }, p)) })
     ] })
   ] });
 }
-function Dl({ col: s, idx: t }) {
+function Ml({ col: s, idx: t }) {
   const a = m((c) => {
     var d;
     return (d = c.card) == null ? void 0 : d.preferences;
@@ -4171,7 +4202,7 @@ function Dl({ col: s, idx: t }) {
       return (d = c.card.preferences) == null ? void 0 : d.datasetOptions;
     }
   ), l = n == null ? void 0 : n.find((c) => c.idx === t), { setCardPreferences: o } = m((c) => c.actions);
-  function i(c) {
+  function r(c) {
     if (!l)
       o({
         ...a,
@@ -4202,53 +4233,53 @@ function Dl({ col: s, idx: t }) {
       /* @__PURE__ */ e.jsx(
         Ps,
         {
-          onClick: () => i("bar"),
+          onClick: () => r("bar"),
           className: "invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"
         }
       ),
       /* @__PURE__ */ e.jsx(
         Bs,
         {
-          onClick: () => i("line"),
+          onClick: () => r("line"),
           className: "invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"
         }
       ),
       /* @__PURE__ */ e.jsx(
-        Sn,
+        wn,
         {
-          onClick: () => i("area"),
+          onClick: () => r("area"),
           className: "invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"
         }
       ),
-      /* @__PURE__ */ e.jsx(Tl, { idx: t })
+      /* @__PURE__ */ e.jsx(Ll, { 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), o = z((g) => g.dashboard.filters) || [], i = z((g) => g.actions.addFilter), c = 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), o = O((g) => g.dashboard.filters) || [], r = O((g) => g.actions.addFilter), c = O((g) => g.actions.removeFilter), d = O(
     (g) => g.actions.removeFilterValue
-  ), { modelItems: p, tableName: u } = qe();
+  ), { modelItems: p, tableName: u } = Re();
   function y(g, x = "dashboard") {
     var S;
     const j = de(g.column_name), b = de(a || ""), I = de(n || ""), C = de(u);
-    let D = fa(
+    let T = fa(
       I,
       C
-    ), F = `${D}.${j}`;
+    ), F = `${T}.${j}`;
     const A = (S = p == null ? void 0 : p.find(
-      (M) => M.id === t
+      (L) => L.id === t
     )) == null ? void 0 : S.name;
-    t && t !== "none" && (F = `${ys}.${A}.${j}`, D = `${ys}.${A}`);
+    t && t !== "none" && (F = `${ys}.${A}.${j}`, T = `${ys}.${A}`);
     const N = o == null ? void 0 : o.find(
-      (M) => M.column === F && M.table === C && (M.database === b || M.database === a)
+      (L) => L.column === F && L.table === C && (L.database === b || L.database === a)
     );
     if (N)
       d(N.id), c(N.id);
     else {
-      const M = Qe();
-      return u === "api" && s ? (i({
+      const L = Je();
+      return u === "api" && s ? (r({
         location: x,
-        id: M,
+        id: L,
         //uuidv4(),
         column: F,
         title: g.column_name,
@@ -4260,12 +4291,12 @@ function Xa() {
         operation: "in",
         sql: Zs(
           g.data_type,
-          D,
+          T,
           j
         )
         //DATE_DATA_TYPES.includes(column.data_type) ? dateSql : sql,
-      }), M) : (i({
-        id: M,
+      }), L) : (r({
+        id: L,
         //uuidv4(),
         location: x,
         column: F,
@@ -4278,39 +4309,39 @@ function Xa() {
         operation: "in",
         sql: Zs(
           g.data_type,
-          D,
+          T,
           j
         )
         //DATE_DATA_TYPES.includes(column.data_type) ? dateSql : sql,
-      }), M);
+      }), L);
     }
   }
   return { assignFilter: y };
 }
-function Re() {
-  const s = z(
+function _e() {
+  const s = O(
     (c) => c.dashboard.filters
-  ), t = m((c) => c.frame), { setFrame: a } = re(), { columns: n } = qe(), { assignFilter: l } = Xa();
+  ), t = m((c) => c.frame), { setFrame: a } = re(), { columns: n } = Re(), { assignFilter: l } = Xa();
   function o(c) {
     const d = l(c, "frame");
     a({ ...t, filterId: d });
   }
-  const i = s == null ? void 0 : s.find((c) => c.id === t.filterId);
+  const r = s == null ? void 0 : s.find((c) => c.id === t.filterId);
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-3", children: [
     /* @__PURE__ */ e.jsx(R, { children: "Card Filter" }),
-    /* @__PURE__ */ e.jsx(Ml, { onSelect: o, columns: n }),
-    i && /* @__PURE__ */ e.jsx(tn, { filter: i })
+    /* @__PURE__ */ e.jsx(El, { onSelect: o, columns: n }),
+    r && /* @__PURE__ */ e.jsx(nn, { filter: r })
   ] });
 }
-function Ml({
+function El({
   columns: s,
   onSelect: t
 }) {
-  var i;
+  var r;
   const [a, n] = ea.useState(!1), [l, o] = ea.useState("");
   return /* @__PURE__ */ e.jsxs(ms, { open: a, onOpenChange: n, children: [
     /* @__PURE__ */ e.jsx(hs, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
-      O,
+      z,
       {
         size: "sm",
         variant: "outline",
@@ -4318,17 +4349,17 @@ function Ml({
         "aria-expanded": a,
         className: "w-full justify-between font-normal",
         children: [
-          l ? (i = s.find((c) => c.column_name === l)) == null ? void 0 : i.column_name : "Select Column...",
-          /* @__PURE__ */ e.jsx(nn, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+          l ? (r = s.find((c) => c.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(xs, { className: "w-[200px] p-0", children: /* @__PURE__ */ e.jsxs(ln, { children: [
-      /* @__PURE__ */ e.jsx(rn, { placeholder: "Search column", className: "h-9" }),
-      /* @__PURE__ */ e.jsxs(on, { children: [
-        /* @__PURE__ */ e.jsx(cn, { children: "No framework found." }),
-        /* @__PURE__ */ e.jsx(dn, { children: s.map((c) => /* @__PURE__ */ e.jsxs(
-          un,
+    /* @__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((c) => /* @__PURE__ */ e.jsxs(
+          mn,
           {
             value: c.column_name,
             onSelect: (d) => {
@@ -4354,10 +4385,10 @@ function Ml({
     ] }) })
   ] });
 }
-function Ll({
+function Al({
   cardType: s
 }) {
-  return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(Te, { defaultValue: ["item-2"], type: "multiple", children: [
+  return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(De, { defaultValue: ["item-2"], type: "multiple", children: [
     /* @__PURE__ */ e.jsxs(B, { value: "item-1", children: [
       /* @__PURE__ */ e.jsx(U, { children: `${$s(s)} Chart` }),
       /* @__PURE__ */ e.jsxs(G, { className: "space-y-4 font-mono text-xs", children: [
@@ -4393,14 +4424,14 @@ function Ll({
     /* @__PURE__ */ e.jsxs(B, { value: "item-3", children: [
       /* @__PURE__ */ e.jsx(U, { children: "Filters" }),
       /* @__PURE__ */ e.jsxs(G, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e.jsx(De, {}),
-        /* @__PURE__ */ e.jsx(Re, {})
+        /* @__PURE__ */ e.jsx(Te, {}),
+        /* @__PURE__ */ e.jsx(_e, {})
       ] })
     ] })
   ] }) });
 }
 function Gs() {
-  var l, o, i;
+  var l, o, r;
   const s = m(
     (c) => c.card.cfg
   ), t = m((c) => c.actions.setCardCfg), a = m((c) => c.card.type);
@@ -4433,7 +4464,7 @@ function Gs() {
     /* @__PURE__ */ e.jsxs(
       me,
       {
-        value: (i = (o = (l = s == null ? void 0 : s.options) == null ? void 0 : l.plugins) == null ? void 0 : o.datalabels) == null ? void 0 : i.anchor,
+        value: (r = (o = (l = s == null ? void 0 : s.options) == null ? void 0 : l.plugins) == null ? void 0 : o.datalabels) == null ? void 0 : r.anchor,
         onValueChange: n,
         defaultValue: "none",
         children: [
@@ -4450,7 +4481,7 @@ function Gs() {
     )
   ] });
 }
-function El({
+function Vl({
   cardType: s
 }) {
   function t(a) {
@@ -4479,7 +4510,7 @@ function El({
       ] })
     ] });
   }
-  return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(Te, { defaultValue: ["item-2"], type: "multiple", children: [
+  return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(De, { defaultValue: ["item-2"], type: "multiple", children: [
     /* @__PURE__ */ e.jsxs(B, { value: "item-1", children: [
       /* @__PURE__ */ e.jsx(U, { children: `${$s(s)} Chart` }),
       /* @__PURE__ */ e.jsx(G, { className: "space-y-4 font-mono text-xs", children: t(s) })
@@ -4491,13 +4522,13 @@ function El({
     /* @__PURE__ */ e.jsxs(B, { value: "item-3", children: [
       /* @__PURE__ */ e.jsx(U, { children: "Filters" }),
       /* @__PURE__ */ e.jsxs(G, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e.jsx(De, {}),
-        /* @__PURE__ */ e.jsx(Re, {})
+        /* @__PURE__ */ e.jsx(Te, {}),
+        /* @__PURE__ */ e.jsx(_e, {})
       ] })
     ] })
   ] }) });
 }
-const Al = {
+const ql = {
   datasets: [
     {
       type: "line",
@@ -4510,7 +4541,7 @@ const Al = {
       data: []
     }
   ]
-}, Vl = {
+}, Rl = {
   datasets: [
     {
       fill: "origin",
@@ -4520,27 +4551,27 @@ const Al = {
     }
   ]
 };
-function ql() {
+function _l() {
   const s = m((t) => t.card.type);
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-6 p-6", children: [
     /* @__PURE__ */ e.jsx(
-      Te,
+      De,
       {
         className: " ",
         type: "single",
         collapsible: !0,
-        children: Rl(s)
+        children: Hl(s)
       }
     ),
     /* @__PURE__ */ e.jsx("section", { className: "", children: ["line", "bar"].includes(s) && /* @__PURE__ */ e.jsx(fs, {}) }),
     !["kpi"].includes(s) && /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
       /* @__PURE__ */ e.jsx(Gs, {}),
-      /* @__PURE__ */ e.jsx(De, {}),
-      /* @__PURE__ */ e.jsx(Re, {})
+      /* @__PURE__ */ e.jsx(Te, {}),
+      /* @__PURE__ */ e.jsx(_e, {})
     ] })
   ] });
 }
-function Rl(s) {
+function Hl(s) {
   if (["line", "bar"].includes(s))
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs(B, { value: "item-1", children: [
@@ -4561,7 +4592,7 @@ function Rl(s) {
             /* @__PURE__ */ e.jsx("b", { children: "Customize" }),
             " and change the `type` property in the dataset."
           ] }),
-          /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify(Al, null, 2) })
+          /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify(ql, null, 2) })
         ] })
       ] }),
       /* @__PURE__ */ e.jsxs(B, { value: "item-3", children: [
@@ -4582,7 +4613,7 @@ function Rl(s) {
             ),
             "for more options."
           ] }),
-          /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify(Vl, null, 2) })
+          /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify(Rl, null, 2) })
         ] })
       ] })
     ] });
@@ -4637,7 +4668,7 @@ function Rl(s) {
       ] })
     ] }) });
 }
-function _l() {
+function $l() {
   var d, p, u, y, g;
   const s = m((x) => x.card.preferences), t = m(
     (x) => x.actions.setCardPreferences
@@ -4669,7 +4700,7 @@ function _l() {
       var j, b;
       return (b = (j = x.card.preferences) == null ? void 0 : j.formatNumber) == null ? void 0 : b.colorRanges;
     }
-  ) || [], i = m(
+  ) || [], r = m(
     (x) => x.actions.setColorRanges
   ), c = [...new Set(os.map((x) => x.currency))];
   return /* @__PURE__ */ e.jsxs("div", { children: [
@@ -4794,18 +4825,18 @@ function _l() {
       ] }) }),
       /* @__PURE__ */ e.jsx(ge, { className: "my-3" }),
       /* @__PURE__ */ e.jsx(
-        mn,
+        hn,
         {
           colorRanges: o,
-          setColorRanges: i
+          setColorRanges: r
         }
       )
     ] })
   ] });
 }
-function Hl() {
+function Pl() {
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-6 px-6 py-2", children: [
-    /* @__PURE__ */ e.jsx(Te, { type: "single", collapsible: !0, children: /* @__PURE__ */ e.jsxs(B, { value: "item-1", children: [
+    /* @__PURE__ */ e.jsx(De, { type: "single", collapsible: !0, children: /* @__PURE__ */ e.jsxs(B, { value: "item-1", children: [
       /* @__PURE__ */ e.jsx(U, { className: "", children: "KPI Query" }),
       /* @__PURE__ */ e.jsxs(G, { className: "font-mono", children: [
         /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 font-mono text-xs", children: "SELECT current, previous FROM table" }),
@@ -4829,12 +4860,12 @@ function Hl() {
         ] })
       ] })
     ] }) }),
-    /* @__PURE__ */ e.jsx("section", { className: "", children: /* @__PURE__ */ e.jsx(_l, {}) }),
+    /* @__PURE__ */ e.jsx("section", { className: "", children: /* @__PURE__ */ e.jsx($l, {}) }),
     /* @__PURE__ */ e.jsx("div", {}),
     /* @__PURE__ */ e.jsx("div", {})
   ] });
 }
-const $l = [
+const Bl = [
   {
     label: "Mercator",
     value: "mercator"
@@ -4891,7 +4922,7 @@ const $l = [
     label: "Natural Earth 1",
     value: "naturalEarth1"
   }
-], Pl = [
+], Ul = [
   "blues",
   "brBG",
   "buGn",
@@ -4930,15 +4961,15 @@ const $l = [
   "ylGnBu",
   "ylOrBr",
   "ylOrRd"
-], Bl = Pl.map((s) => ({
+], Gl = Ul.map((s) => ({
   label: s,
   value: s
 }));
-function Ul() {
-  var d, p, u, y, g, x, j, b, I, C, D, F, A, N, S, M, h, v;
+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: o } = _s(s), i = Object.keys((o == null ? void 0 : o.objects) || {}).map((f) => ({
+  ), { setCardPreferences: l } = re(), { data: o } = _s(s), r = Object.keys((o == null ? void 0 : o.objects) || {}).map((f) => ({
     label: f,
     value: f
   })) || [], c = [
@@ -4956,9 +4987,9 @@ function Ul() {
     }
   ];
   return /* @__PURE__ */ e.jsxs("div", { className: "p-6", children: [
-    /* @__PURE__ */ e.jsx(Ue, { summary: "Map Query", children: /* @__PURE__ */ e.jsx("p", { className: "rounded-md bg-muted p-2 font-mono text-xs", children: "SELECT country, value FROM table" }) }),
+    /* @__PURE__ */ e.jsx(Ge, { summary: "Map Query", children: /* @__PURE__ */ e.jsx("p", { className: "rounded-md bg-muted p-2 font-mono text-xs", children: "SELECT country, value FROM table" }) }),
     /* @__PURE__ */ e.jsx(ge, { className: "my-4" }),
-    /* @__PURE__ */ e.jsx(Ue, { open: !0, summary: "Settings", children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-3 px-2", children: [
+    /* @__PURE__ */ e.jsx(Ge, { open: !0, summary: "Settings", children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-3 px-2", children: [
       /* @__PURE__ */ e.jsx(
         ue,
         {
@@ -4994,7 +5025,7 @@ function Ul() {
             });
           },
           value: a,
-          className: `h-9 w-full ${Pe}`,
+          className: `h-9 w-full ${Be}`,
           placeholder: "Custom URL"
         }
       ),
@@ -5005,7 +5036,7 @@ function Ul() {
             ue,
             {
               className: "h-9",
-              options: i,
+              options: r,
               value: ((x = (g = s.preferences) == null ? void 0 : g.mapVisualOptions) == null ? void 0 : x.objectKey) || "",
               label: "Map Object",
               onValueChange: (f) => {
@@ -5027,7 +5058,7 @@ function Ul() {
             ue,
             {
               className: "h-9",
-              options: $l,
+              options: Bl,
               value: ((b = (j = s.preferences) == null ? void 0 : j.mapVisualOptions) == null ? void 0 : b.projection) || "",
               label: "Projection",
               onValueChange: (f) => {
@@ -5049,7 +5080,7 @@ function Ul() {
             ue,
             {
               className: "h-9",
-              options: Bl,
+              options: Gl,
               value: ((C = (I = s.preferences) == null ? void 0 : I.mapVisualOptions) == null ? void 0 : C.colorScale) || "",
               label: "Select Color Scale",
               onValueChange: (f) => {
@@ -5068,14 +5099,14 @@ function Ul() {
       ] })
     ] }) }),
     /* @__PURE__ */ e.jsx(ge, { className: "my-4" }),
-    /* @__PURE__ */ e.jsx(Ue, { className: "", summary: "Scale Options", children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
+    /* @__PURE__ */ e.jsx(Ge, { className: "", summary: "Scale Options", children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
       /* @__PURE__ */ e.jsx(
         le,
         {
-          className: `h-9 w-full ${Pe}`,
+          className: `h-9 w-full ${Be}`,
           type: "number",
           step: 0.1,
-          value: ((F = (D = s.preferences) == null ? void 0 : D.mapVisualOptions) == null ? void 0 : F.projectionScale) || 1,
+          value: ((F = (T = s.preferences) == null ? void 0 : T.mapVisualOptions) == null ? void 0 : F.projectionScale) || 1,
           onChange: (f) => {
             var k;
             l({
@@ -5092,19 +5123,19 @@ function Ul() {
       /* @__PURE__ */ e.jsx(
         le,
         {
-          className: `h-9 w-full ${Pe}`,
+          className: `h-9 w-full ${Be}`,
           type: "number",
           step: 10,
           value: ((S = (N = (A = s.preferences) == null ? void 0 : A.mapVisualOptions) == null ? void 0 : N.projectionOffset) == null ? void 0 : S[0]) || 0,
           onChange: (f) => {
-            var k, L, H, P;
+            var k, M, H, P;
             l({
               ...s.preferences,
               mapVisualOptions: {
                 ...(k = s.preferences) == null ? void 0 : k.mapVisualOptions,
                 projectionOffset: [
                   Number(f.target.value),
-                  ((P = (H = (L = s.preferences) == null ? void 0 : L.mapVisualOptions) == null ? void 0 : H.projectionOffset) == null ? void 0 : P[1]) || 0
+                  ((P = (H = (M = s.preferences) == null ? void 0 : M.mapVisualOptions) == null ? void 0 : H.projectionOffset) == null ? void 0 : P[1]) || 0
                 ]
               }
             });
@@ -5115,18 +5146,18 @@ function Ul() {
       /* @__PURE__ */ e.jsx(
         le,
         {
-          className: `h-9 w-full ${Pe}`,
+          className: `h-9 w-full ${Be}`,
           type: "number",
           step: 10,
-          value: ((v = (h = (M = s.preferences) == null ? void 0 : M.mapVisualOptions) == null ? void 0 : h.projectionOffset) == null ? void 0 : v[1]) || 0,
+          value: ((v = (h = (L = s.preferences) == null ? void 0 : L.mapVisualOptions) == null ? void 0 : h.projectionOffset) == null ? void 0 : v[1]) || 0,
           onChange: (f) => {
-            var k, L, H, P;
+            var k, M, H, P;
             l({
               ...s.preferences,
               mapVisualOptions: {
                 ...(k = s.preferences) == null ? void 0 : k.mapVisualOptions,
                 projectionOffset: [
-                  ((P = (H = (L = s.preferences) == null ? void 0 : L.mapVisualOptions) == null ? void 0 : H.projectionOffset) == null ? void 0 : P[0]) || 0,
+                  ((P = (H = (M = s.preferences) == null ? void 0 : M.mapVisualOptions) == null ? void 0 : H.projectionOffset) == null ? void 0 : P[0]) || 0,
                   Number(f.target.value)
                 ]
               }
@@ -5136,10 +5167,10 @@ function Ul() {
       )
     ] }) }),
     /* @__PURE__ */ e.jsx(ge, { className: "my-4" }),
-    /* @__PURE__ */ e.jsx(De, {})
+    /* @__PURE__ */ e.jsx(Te, {})
   ] });
 }
-function Gl() {
+function Jl() {
   var n;
   const s = m((l) => l.card.preferences), { setCardPreferences: t } = m((l) => l.actions);
   function a(l) {
@@ -5160,11 +5191,11 @@ function Gl() {
       defaultValue: "x",
       children: [
         /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ e.jsx(Fe, { value: "static", id: "r1" }),
+          /* @__PURE__ */ e.jsx(Ie, { value: "static", id: "r1" }),
           /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: "r1", children: "Static" })
         ] }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ e.jsx(Fe, { value: "dynamic", id: "r2" }),
+          /* @__PURE__ */ e.jsx(Ie, { value: "dynamic", id: "r2" }),
           /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: "r2", children: "Dynamic" })
         ] })
       ]
@@ -5177,7 +5208,7 @@ function ns({
   suffix: a = "Chart"
 }) {
   let n = "pie-chart";
-  return s === "radar" && (n = "radar-chart"), /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(Te, { defaultValue: ["item-2"], type: "multiple", children: [
+  return s === "radar" && (n = "radar-chart"), /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(De, { defaultValue: ["item-2"], type: "multiple", children: [
     /* @__PURE__ */ e.jsxs(B, { value: "item-1", children: [
       /* @__PURE__ */ e.jsx(U, { children: `${$s(s)} ${a}` }),
       /* @__PURE__ */ e.jsx(G, { children: t || /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
@@ -5207,19 +5238,19 @@ 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(Gl, {})
+        s === "text" && /* @__PURE__ */ e.jsx(Jl, {})
       ] })
     ] }),
     !["range", "text"].includes(s) && /* @__PURE__ */ e.jsxs(B, { value: "item-3", children: [
       /* @__PURE__ */ e.jsx(U, { children: "Filters" }),
       /* @__PURE__ */ e.jsxs(G, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e.jsx(De, {}),
-        /* @__PURE__ */ e.jsx(Re, {})
+        /* @__PURE__ */ e.jsx(Te, {}),
+        /* @__PURE__ */ e.jsx(_e, {})
       ] })
     ] })
   ] }) });
 }
-function Ql() {
+function Kl() {
   const s = m(
     (n) => {
       var l, o;
@@ -5256,7 +5287,7 @@ function Ql() {
       )
     ] });
   }
-  return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(Te, { defaultValue: ["item-2"], type: "multiple", children: [
+  return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(De, { defaultValue: ["item-2"], type: "multiple", children: [
     /* @__PURE__ */ e.jsxs(B, { value: "item-1", children: [
       /* @__PURE__ */ e.jsx(U, { children: "Stacked Chart" }),
       /* @__PURE__ */ e.jsxs(G, { className: "space-y-4 font-mono text-xs", children: [
@@ -5293,13 +5324,13 @@ function Ql() {
     /* @__PURE__ */ e.jsxs(B, { value: "item-3", children: [
       /* @__PURE__ */ e.jsx(U, { children: "Filters" }),
       /* @__PURE__ */ e.jsxs(G, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e.jsx(De, {}),
-        /* @__PURE__ */ e.jsx(Re, {})
+        /* @__PURE__ */ e.jsx(Te, {}),
+        /* @__PURE__ */ e.jsx(_e, {})
       ] })
     ] })
   ] }) });
 }
-function Jl({}) {
+function Wl({}) {
   const s = m((n) => {
     var l;
     return (l = n.card) == null ? void 0 : l.preferences;
@@ -5312,11 +5343,11 @@ function Jl({}) {
     });
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-6 px-6 py-2", children: [
-    /* @__PURE__ */ e.jsx(Te, { defaultValue: ["item-3"], type: "multiple", children: /* @__PURE__ */ e.jsxs(B, { value: "item-3", children: [
+    /* @__PURE__ */ e.jsx(De, { defaultValue: ["item-3"], type: "multiple", children: /* @__PURE__ */ e.jsxs(B, { value: "item-3", children: [
       /* @__PURE__ */ e.jsx(U, { children: "Filters" }),
       /* @__PURE__ */ e.jsxs(G, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e.jsx(De, {}),
-        /* @__PURE__ */ e.jsx(Re, {})
+        /* @__PURE__ */ e.jsx(Te, {}),
+        /* @__PURE__ */ e.jsx(_e, {})
       ] })
     ] }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
@@ -5332,7 +5363,7 @@ function Jl({}) {
     ] })
   ] });
 }
-const Kl = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
+const Yl = /* @__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 ",
@@ -5348,7 +5379,7 @@ const Kl = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-
     ),
     " in the docs."
   ] })
-] }), Wl = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
+] }), 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 y-axis, label, range-from, range-to, range-value FROM table" }),
   /* @__PURE__ */ e.jsxs("div", { children: [
     "See ",
@@ -5364,7 +5395,7 @@ const Kl = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-
     ),
     " in the docs."
   ] })
-] }), Yl = /* @__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 text FROM table limit 1" }),
   /* @__PURE__ */ e.jsxs("div", { children: [
     "See ",
@@ -5381,22 +5412,22 @@ const Kl = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-
     " in the docs."
   ] })
 ] });
-function Xl() {
+function er() {
   const s = m((a) => a.card.type);
   function t(a) {
     switch (a) {
       case "stackedBar":
       case "stackedLine":
-        return /* @__PURE__ */ e.jsx(Ql, {});
+        return /* @__PURE__ */ e.jsx(Kl, {});
       case "pyramid":
-        return /* @__PURE__ */ e.jsx(ns, { docContent: Kl, cardType: a });
+        return /* @__PURE__ */ e.jsx(ns, { docContent: Yl, cardType: a });
       case "kpi":
-        return /* @__PURE__ */ e.jsx(Hl, {});
+        return /* @__PURE__ */ e.jsx(Pl, {});
       case "line":
       case "bar":
-        return /* @__PURE__ */ e.jsx(Ll, { cardType: a });
+        return /* @__PURE__ */ e.jsx(Al, { cardType: a });
       case "range":
-        return /* @__PURE__ */ e.jsx(ns, { docContent: Wl, cardType: a });
+        return /* @__PURE__ */ e.jsx(ns, { docContent: Xl, cardType: a });
       case "pie":
       case "doughnut":
       case "polarArea":
@@ -5404,29 +5435,29 @@ function Xl() {
         return /* @__PURE__ */ e.jsx(ns, { cardType: a });
       case "bubble":
       case "scatter":
-        return /* @__PURE__ */ e.jsx(El, { cardType: a });
+        return /* @__PURE__ */ e.jsx(Vl, { cardType: a });
       case "table":
-        return /* @__PURE__ */ e.jsx(Jl, { cardType: a });
+        return /* @__PURE__ */ e.jsx(Wl, { cardType: a });
       case "text":
         return /* @__PURE__ */ e.jsx(
           ns,
           {
-            docContent: Yl,
+            docContent: Zl,
             cardType: a,
             suffix: "Visual"
           }
         );
       case "map":
-        return /* @__PURE__ */ e.jsx(Ul, {});
+        return /* @__PURE__ */ e.jsx(Ql, {});
       case "custom":
-        return /* @__PURE__ */ e.jsx(Il, {});
+        return /* @__PURE__ */ e.jsx(Tl, {});
       default:
-        return /* @__PURE__ */ e.jsx(ql, {});
+        return /* @__PURE__ */ e.jsx(_l, {});
     }
   }
   return /* @__PURE__ */ e.jsx(We, { className: "h-full w-full text-sm", children: t(s) });
 }
-function Zl() {
+function sr() {
   const s = m((t) => t.isShowingVisual);
   return /* @__PURE__ */ e.jsxs(
     Cs,
@@ -5441,7 +5472,7 @@ function Zl() {
             className: "flex",
             minSize: 20,
             defaultSize: 40,
-            children: /* @__PURE__ */ e.jsx(jl, {})
+            children: /* @__PURE__ */ e.jsx(yl, {})
           }
         ),
         /* @__PURE__ */ e.jsx(Ns, { withHandle: !0, className: "border" }),
@@ -5460,7 +5491,7 @@ function Zl() {
                   minSize: 20,
                   defaultSize: 25,
                   maxSize: 30,
-                  children: /* @__PURE__ */ e.jsx(Xl, {})
+                  children: /* @__PURE__ */ e.jsx(er, {})
                 }
               ) }),
               /* @__PURE__ */ e.jsx(Ns, { className: "border" }),
@@ -5472,15 +5503,15 @@ function Zl() {
     }
   );
 }
-function er({ authToken: s, onSave: t, onClose: a }) {
-  z((i) => i.themeStyle);
-  const n = m((i) => i.actions.setOnSave), l = m((i) => i.actions.setOnClose), o = z((i) => i.actions.setAuthToken);
+function ar({ authToken: s, onSave: t, onClose: a }) {
+  O((r) => r.themeStyle);
+  const n = m((r) => r.actions.setOnSave), l = m((r) => r.actions.setOnClose), o = O((r) => r.actions.setAuthToken);
   return Z(() => {
     t && n(t), a && l(a);
   }, [t, n, a, l]), Z(() => {
     s && s.accessToken && o(s);
   }, [s, o]), /* @__PURE__ */ e.jsx(us, { FallbackComponent: ka, children: /* @__PURE__ */ e.jsxs(
-    hn,
+    xn,
     {
       style: {
         // borderRadius: currentStyle?.chart?.options?.borderRadius,
@@ -5489,17 +5520,17 @@ function er({ authToken: s, onSave: t, onClose: a }) {
       className: "rounded-none",
       role: "editor-panel",
       children: [
-        /* @__PURE__ */ e.jsx(xn, { className: "rounded-none border-r-[1.5px]", children: /* @__PURE__ */ e.jsx(Aa, {}) }),
-        /* @__PURE__ */ e.jsx(pn, { children: /* @__PURE__ */ e.jsx(Zl, {}) })
+        /* @__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, {}) })
       ]
     }
   ) });
 }
-function sr() {
-  z((i) => i.selectedCardId);
-  const s = z((i) => i.selectedSheetId), { setIsVisualEditing: t } = z((i) => i.actions), a = z((i) => i.isVisualEditing), n = z((i) => i.actions.updateFrame);
-  function l(i) {
-    s && (n(s, i), t(!1));
+function tr() {
+  O((r) => r.selectedCardId);
+  const s = O((r) => r.selectedSheetId), { setIsVisualEditing: t } = O((r) => r.actions), a = O((r) => r.isVisualEditing), n = O((r) => r.actions.updateFrame);
+  function l(r) {
+    s && (n(s, r), t(!1));
   }
   function o() {
     t(!1);
@@ -5511,27 +5542,27 @@ function sr() {
       className: W("flex grow", {
         "max-h-0 overflow-hidden": !a
       }),
-      children: /* @__PURE__ */ e.jsx(er, { onSave: l, onClose: o })
+      children: /* @__PURE__ */ e.jsx(ar, { onSave: l, onClose: o })
     }
   );
 }
-function ar() {
-  m((i) => i.selectedConnectionId), m((i) => i.selectedDatamodelId);
-  const s = m((i) => i.selectedDatabaseName);
-  m((i) => i.selectedSchemaName);
-  const t = m((i) => i.selectedTableName), a = z((i) => i.dashboard.filters) || [];
-  z((i) => i.actions.addFilter), z((i) => i.actions.removeFilter), z(
-    (i) => i.actions.removeFilterValue
+function nr() {
+  m((r) => r.selectedConnectionId), m((r) => r.selectedDatamodelId);
+  const s = m((r) => r.selectedDatabaseName);
+  m((r) => r.selectedSchemaName);
+  const t = m((r) => r.selectedTableName), a = O((r) => r.dashboard.filters) || [];
+  O((r) => r.actions.addFilter), O((r) => r.actions.removeFilter), O(
+    (r) => r.actions.removeFilterValue
   );
-  const { modelItems: n, columns: l } = qe(), { assignFilter: o } = 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((i) => {
+  const { modelItems: n, columns: l } = Re(), { assignFilter: o } = 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 c = a == null ? void 0 : a.find(
-      (d) => d.column === de(i.column_name) && d.table === t && d.database === s
+      (d) => d.column === de(r.column_name) && d.table === t && d.database === s
     );
     return /* @__PURE__ */ e.jsx(
       "div",
       {
-        onClick: () => o(i),
+        onClick: () => o(r),
         className: W(
           "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",
           {
@@ -5539,29 +5570,29 @@ function ar() {
           }
         ),
         children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ e.jsx(Ea, { column: i }),
-          /* @__PURE__ */ e.jsx("span", { children: i.column_name })
+          /* @__PURE__ */ e.jsx(Ea, { column: r }),
+          /* @__PURE__ */ e.jsx("span", { children: r.column_name })
         ] })
       },
-      i.column_name
+      r.column_name
     );
   }) });
 }
-function tr() {
-  z((t) => t.showFilters);
-  const s = z(
+function lr() {
+  O((t) => t.showFilters);
+  const s = O(
     (t) => t.actions.setShowFilters
   );
   return /* @__PURE__ */ e.jsxs("section", { className: "relative flex grow flex-col border-l px-4", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "mt-4 flex items-center justify-between gap-2 px-3", children: [
       /* @__PURE__ */ e.jsx(R, { className: "text-lg", children: "Filters" }),
       /* @__PURE__ */ e.jsx(
-        O,
+        z,
         {
           onClick: () => s(!1),
           className: "h-7 w-7 p-0",
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Ge, {})
+          children: /* @__PURE__ */ e.jsx(Qe, {})
         }
       )
     ] }),
@@ -5571,7 +5602,7 @@ function tr() {
         ColumnsComponent: () => (
           // schemaName, tableName, columns
           /* @__PURE__ */ e.jsx(
-            ar,
+            nr,
             {}
           )
         )
@@ -5579,8 +5610,8 @@ function tr() {
     ) })
   ] });
 }
-function nr() {
-  const s = z((a) => a.showFilters), t = z((a) => a.isVisualEditing);
+function rr() {
+  const s = O((a) => a.showFilters), t = O((a) => a.isVisualEditing);
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -5590,17 +5621,17 @@ function nr() {
         "flex grow": !t
       }),
       children: [
-        /* @__PURE__ */ e.jsx(fn, {}),
-        s && /* @__PURE__ */ e.jsx("div", { role: "filter-aside-container", className: "flex", children: /* @__PURE__ */ e.jsx(tr, {}) })
+        /* @__PURE__ */ e.jsx(gn, {}),
+        s && /* @__PURE__ */ e.jsx("div", { role: "filter-aside-container", className: "flex", children: /* @__PURE__ */ e.jsx(lr, {}) })
       ]
     }
   );
 }
-function lr() {
-  const s = z((n) => n.dashboard), t = z((n) => n.actions.setDashboard), a = z(
+function ir() {
+  const s = O((n) => n.dashboard), t = O((n) => n.actions.setDashboard), a = O(
     (n) => n.showDashboardJSON
   );
-  return z(
+  return O(
     (n) => n.actions.setShowDashboardJSON
   ), /* @__PURE__ */ e.jsx(
     "div",
@@ -5609,7 +5640,7 @@ function lr() {
         hidden: !a
       }),
       children: /* @__PURE__ */ e.jsx(
-        gn,
+        jn,
         {
           onChange: (n) => {
             if (n)
@@ -5640,65 +5671,65 @@ function lr() {
     }
   );
 }
-function cr({
+function ur({
   showControls: s = !1,
   showFooter: t = !0,
   ...a
 }) {
-  return /* @__PURE__ */ e.jsx(us, { FallbackComponent: ka, children: /* @__PURE__ */ e.jsxs(jn, { dashboardProps: a, children: [
-    /* @__PURE__ */ e.jsx(bn, {}),
-    /* @__PURE__ */ e.jsxs(yn, { children: [
-      /* @__PURE__ */ e.jsx(lr, {}),
-      /* @__PURE__ */ e.jsxs(vn, { ...a, children: [
-        s && /* @__PURE__ */ e.jsx(al, {}),
-        /* @__PURE__ */ e.jsx(sr, {}),
-        /* @__PURE__ */ e.jsx(nr, {})
+  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, {})
       ] })
     ] })
   ] }) });
 }
 export {
-  $e as A,
-  Nn as B,
-  Sn as C,
-  cr as D,
+  Pe as A,
+  Sn as B,
+  wn as C,
+  ur as D,
   Ia as E,
-  La as F,
+  Ma as F,
   Tn as G,
-  Dn as H,
-  En as I,
-  Wn as J,
-  An as L,
-  Ta as M,
-  _n as N,
-  Da as P,
-  Pn as S,
-  Qn as T,
-  Kn as U,
+  Ln as H,
+  An as I,
+  Yn as J,
+  Vn as L,
+  Da as M,
+  Hn as N,
+  Ta as P,
+  Bn as S,
+  Jn as T,
+  Wn as U,
   Ps as a,
   Bs as b,
   Oa as c,
   za as d,
   Fa as e,
-  wn as f,
-  kn as g,
-  On as h,
-  zn as i,
-  In as j,
-  Fn as k,
+  kn as f,
+  On as g,
+  zn as h,
+  Fn as i,
+  Dn as j,
+  In as k,
   Mn as l,
-  Ln as m,
-  Vn as n,
-  qn as o,
-  Ke as p,
-  Rn as q,
-  Hn as r,
-  $n as s,
-  Ma as t,
-  Bn as u,
-  Un as v,
-  Gn as w,
-  Jn as x,
+  En as m,
+  qn as n,
+  Rn as o,
+  Ve as p,
+  _n as q,
+  $n as r,
+  Pn as s,
+  La as t,
+  Un as u,
+  Gn as v,
+  Qn as w,
+  Kn as x,
   Us as y,
-  qe as z
+  Re as z
 };