react-semaphor 0.0.357 → 0.0.358

package/dist/chunks/{index-5kb_hK26.js → index-BDt6evqD.js}

@@ -1,6 +1,6 @@
-import { c as H, u as vs, v as D, w as is, x as Ne, y as e, z as Cs, A as Ns, H as M, o as Ss, J as ws, K as ks, M as zs, N as Os, O as $, Q as ie, R as ta, V as na, W as la, Y as ra, Z as st, _ as at, $ as tt, a0 as Gs, a1 as W, a2 as Be, i as nt, a3 as u, a4 as lt, a5 as rt, P as ia, F as oa, a6 as Ue, a7 as Ge, a8 as Ms, a9 as ca, aa as Ds, ab as ue, ac as he, ad as me, ae as xe, af as ye, ag as pe, ah as Z, T as Is, ai as Ts, aj as Fs, ak as Ls, al as da, am as ua, an as ce, ao as it, ap as ot, aq as ha, ar as ct, C as dt, as as ut, at as ma, B as ht, au as fe, av as mt, aw as Ke, ax as xa, ay as gs, az as je, aA as ze, aB as ve, aC as pa, aD as xt, aE as pt, aF as ft, aG as gt, l as jt, aH as bt, aI as yt, aJ as Me, aK as ae, aL as fa, aM as vt, aN as os, aO as Ct, aP as Nt, aQ as js, a as St, aR as ss, aS as be, aT as as, aU as wt, aV as kt, aW as zt, aX as Ot, aY as fs, aZ as Mt, a_ as Ks, a$ as Dt, b0 as Qs, b1 as It, b2 as Tt, b3 as Ft, b4 as Lt, b5 as ga, b6 as Et, b7 as Es, b8 as ja, b9 as Vt, ba as At, bb as Xe, bc as qt, bd as Rt, be as ba, bf as _t, s as Ht, bg as $t, bh as Pt, r as Bt, bi as cs, bj as ya, bk as va, bl as Ca, bm as Ze, bn as Na, bo as es, bp as Js, bq as Ut, br as Gt, bs as ds, bt as us, bu as hs, bv as Kt, I as Qt, X as Sa, bw as Jt, bx as Wt, by as Yt, E as Xt, bz as ms, bA as Oe, f as Zt, bB as $e, bC as Vs, bD as wa, bE as en, bF as sn, bG as ts, bH as an, bI as tn, bJ as nn, bK as Ws, bL as ka, bM as ln, bN as rn, bO as on, bP as cn, bQ as dn, bR as un, bS as hn, bT as De, bU as K, bV as Q, bW as As, bX as J, bY as mn, bZ as za, b_ as xn, b$ as pn, c0 as fn, c1 as gn, c2 as jn, c3 as bn, c4 as yn, c5 as vn, c6 as Cn } from "./index-DeRfYbqz.js";
+import { c as H, u as Cs, v as T, w as os, x as Se, y as e, z as Ns, A as Ss, H as I, o as ws, J as ks, K as zs, M as Os, N as Ms, O as $, Q as ie, R as ta, V as na, W as la, Y as ra, Z as et, _ as st, $ as at, a0 as Ks, a1 as W, a2 as Ue, i as tt, a3 as d, a4 as nt, a5 as lt, P as ia, F as oa, a6 as Ge, a7 as Ke, a8 as Ds, a9 as ca, aa as Is, ab as ue, ac as he, ad as me, ae as xe, af as ve, ag as pe, ah as Z, T as Ts, ai as Fs, aj as Ls, ak as Es, al as da, am as ua, an as ce, ao as rt, ap as it, aq as ha, ar as ot, C as ct, as as dt, at as ma, B as ut, au as fe, av as ht, aw as Qe, ax as xa, ay as js, az as be, aA as Oe, aB as Ce, aC as pa, aD as mt, aE as xt, aF as pt, aG as ft, l as gt, aH as jt, aI as bt, aJ as De, aK as ae, aL as fa, aM as yt, aN as cs, aO as vt, aP as Ct, aQ as bs, a as Nt, aR as as, aS as ye, aT as ts, aU as St, aV as wt, aW as kt, aX as zt, aY as gs, aZ as Ot, a_ as Qs, a$ as Mt, b0 as Js, b1 as Dt, b2 as It, b3 as Tt, b4 as Ft, b5 as ga, b6 as Lt, b7 as Vs, b8 as ja, b9 as Et, ba as Vt, bb as Ze, bc as At, bd as qt, be as ba, bf as Rt, s as _t, bg as Ht, bh as $t, r as Pt, bi as ds, bj as ya, bk as va, bl as Ca, bm as es, bn as ss, bo as je, bp as Bt, bq as Ut, br as us, bs as hs, bt as ms, bu as Gt, I as Kt, X as Na, bv as Qt, bw as Jt, bx as Wt, E as Yt, by as xs, bz as Me, f as Xt, bA as Pe, bB as As, bC as Sa, bD as Zt, bE as en, bF as ns, bG as sn, bH as an, bI as tn, bJ as Ws, bK as wa, bL as nn, bM as ln, bN as rn, bO as on, bP as cn, bQ as dn, bR as un, bS as hn, bT as Ie, bU as K, bV as Q, bW as qs, bX as J, bY as mn, bZ as ka, b_ as xn, b$ as pn, c0 as fn, c1 as gn, c2 as jn, c3 as bn, c4 as yn, c5 as vn, c6 as Cn } from "./index-l4bsL81E.js";
 import * as Ys from "react";
-import Ce, { useState as _, useMemo as bs, useEffect as se, useRef as ns, useCallback as Oa, Suspense as Nn } from "react";
+import Ne, { useState as _, useMemo as ys, useEffect as se, useRef as ls, useCallback as za, Suspense as Nn } from "react";
 import "react-dom";
 /**
  * @license lucide-react v0.453.0 - ISC
@@ -60,7 +60,7 @@ const kn = H("ChartArea", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const qs = H("ChartColumnIncreasing", [
+const Rs = H("ChartColumnIncreasing", [
   ["path", { d: "M13 17V9", key: "1fwyjl" }],
   ["path", { d: "M18 17V5", key: "sfb6ij" }],
   ["path", { d: "M3 3v16a2 2 0 0 0 2 2h16", key: "c24i48" }],
@@ -72,7 +72,7 @@ const qs = H("ChartColumnIncreasing", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Rs = H("ChartLine", [
+const _s = H("ChartLine", [
   ["path", { d: "M3 3v16a2 2 0 0 0 2 2h16", key: "c24i48" }],
   ["path", { d: "m19 9-5 5-4-4-3 3", key: "2osh9i" }]
 ]);
@@ -82,7 +82,7 @@ const Rs = H("ChartLine", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ma = H("ChartNoAxesGantt", [
+const Oa = H("ChartNoAxesGantt", [
   ["path", { d: "M8 6h10", key: "9lnwnk" }],
   ["path", { d: "M6 12h9", key: "1g9pqf" }],
   ["path", { d: "M11 18h7", key: "c8dzvl" }]
@@ -93,7 +93,7 @@ const Ma = H("ChartNoAxesGantt", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Da = H("ChartPie", [
+const Ma = H("ChartPie", [
   [
     "path",
     {
@@ -109,7 +109,7 @@ const Da = H("ChartPie", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ia = H("ChartScatter", [
+const Da = H("ChartScatter", [
   ["circle", { cx: "7.5", cy: "7.5", r: ".5", fill: "currentColor", key: "kqv944" }],
   ["circle", { cx: "18.5", cy: "5.5", r: ".5", fill: "currentColor", key: "lysivs" }],
   ["circle", { cx: "11.5", cy: "11.5", r: ".5", fill: "currentColor", key: "byv1b8" }],
@@ -157,7 +157,7 @@ const Mn = H("Database", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ta = H("EllipsisVertical", [
+const Ia = H("EllipsisVertical", [
   ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
   ["circle", { cx: "12", cy: "5", r: "1", key: "gxeob9" }],
   ["circle", { cx: "12", cy: "19", r: "1", key: "lyex9k" }]
@@ -306,7 +306,7 @@ const Rn = H("ListX", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ae = H("LoaderCircle", [
+const qe = H("LoaderCircle", [
   ["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]
 ]);
 /**
@@ -315,7 +315,7 @@ const Ae = H("LoaderCircle", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Fa = H("Map", [
+const Ta = H("Map", [
   [
     "path",
     {
@@ -396,7 +396,7 @@ const Bn = H("Save", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const La = H("Shapes", [
+const Fa = H("Shapes", [
   [
     "path",
     {
@@ -506,7 +506,7 @@ const Wn = H("ToggleLeft", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const _s = H("Type", [
+const Hs = H("Type", [
   ["polyline", { points: "4 7 4 4 20 4 20 7", key: "1nosan" }],
   ["line", { x1: "9", x2: "15", y1: "20", y2: "20", key: "swin9y" }],
   ["line", { x1: "12", x2: "12", y1: "4", y2: "20", key: "1tx1rr" }]
@@ -521,7 +521,7 @@ const Yn = H("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 Ea(s) {
+function La(s) {
   var n;
   return {
     ...s,
@@ -578,18 +578,18 @@ async function el(s, n, a, t) {
   if (!t)
     return null;
   const l = JSON.stringify(n);
-  return await vs("https://semaphor.cloud/api/v1/lens", t, {
+  return await Cs("https://semaphor.cloud/api/v1/lens", t, {
     name: s,
     template: l,
     filterValues: a,
     operation: "create"
   });
 }
-async function ys(s, n) {
+async function vs(s, n) {
   if (!n)
     return null;
   const { id: a, template: t, filterValues: l, isDefault: r, shared: i } = s;
-  return await vs("https://semaphor.cloud/api/v1/lens", n, {
+  return await Cs("https://semaphor.cloud/api/v1/lens", n, {
     lensId: a,
     template: t,
     filterValues: l,
@@ -599,42 +599,42 @@ async function ys(s, n) {
   });
 }
 async function sl(s, n) {
-  return n ? await vs("https://semaphor.cloud/api/v1/lens", n, {
+  return n ? await Cs("https://semaphor.cloud/api/v1/lens", n, {
     operation: "delete",
     lensId: s
   }) : null;
 }
 function al() {
-  const [s, n] = _(""), [a, t] = _(!1), l = D((p) => p.lenses), { setLenses: r, setSelectedLensId: i } = is(), [o, c] = _(!1), [h, d] = _(!1), j = D((p) => p.dashboard), f = D((p) => p.filterValues), { authToken: m } = Ne();
+  const [s, n] = _(""), [a, t] = _(!1), l = T((p) => p.lenses), { setLenses: r, setSelectedLensId: i } = os(), [o, c] = _(!1), [u, h] = _(!1), b = T((p) => p.dashboard), f = T((p) => p.filterValues), { authToken: m } = Se();
   async function g() {
     c(!0);
-    const p = Ea(
-      j
+    const p = La(
+      b
     ), N = await el(
       s,
       p,
       f,
       m == null ? void 0 : m.accessToken
     );
-    N && (r([...l || [], N]), i(N.id), d(!1)), c(!1);
+    N && (r([...l || [], N]), i(N.id), h(!1)), c(!1);
   }
-  return /* @__PURE__ */ e.jsxs(Cs, { open: h, onOpenChange: d, children: [
-    /* @__PURE__ */ e.jsx(Ns, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
-      M,
+  return /* @__PURE__ */ e.jsxs(Ns, { open: u, onOpenChange: h, children: [
+    /* @__PURE__ */ e.jsx(Ss, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
+      I,
       {
         variant: "secondary",
         className: "h-7 p-2",
         size: "sm",
         children: [
-          /* @__PURE__ */ e.jsx(Ss, { className: "mr-2 h-4 w-4", strokeWidth: 1.5 }),
+          /* @__PURE__ */ e.jsx(ws, { className: "mr-2 h-4 w-4", strokeWidth: 1.5 }),
           "Lens"
         ]
       }
     ) }),
-    /* @__PURE__ */ e.jsxs(ws, { className: "sm:max-w-[425px]", children: [
-      /* @__PURE__ */ e.jsxs(ks, { children: [
-        /* @__PURE__ */ e.jsx(zs, { children: "Create Lens" }),
-        /* @__PURE__ */ e.jsx(Os, { children: "Lenses are private by default and are only visible to you." })
+    /* @__PURE__ */ e.jsxs(ks, { className: "sm:max-w-[425px]", children: [
+      /* @__PURE__ */ e.jsxs(zs, { children: [
+        /* @__PURE__ */ e.jsx(Os, { children: "Create Lens" }),
+        /* @__PURE__ */ e.jsx(Ms, { children: "Lenses are private by default and are only visible to you." })
       ] }),
       /* @__PURE__ */ e.jsx("div", { className: "grid gap-4 py-4", children: /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-8 items-center gap-4", children: [
         /* @__PURE__ */ e.jsx($, { className: "text-right", children: "Name" }),
@@ -652,7 +652,7 @@ function al() {
       ] }) }),
       a && /* @__PURE__ */ e.jsx("p", { className: "text-sm", children: "The lens name already exists. Use a differnet name." }),
       /* @__PURE__ */ e.jsx(ta, { children: /* @__PURE__ */ e.jsx(
-        M,
+        I,
         {
           size: "sm",
           variant: "outline",
@@ -666,80 +666,80 @@ function al() {
   ] });
 }
 function tl() {
-  const [s, n] = _(!1), a = D((d) => d.lenses), t = D((d) => d.selectedLensId), { setLenses: l, setSelectedLensId: r } = is(), { authToken: i } = Ne();
-  async function o(d) {
-    r(d);
+  const [s, n] = _(!1), a = T((h) => h.lenses), t = T((h) => h.selectedLensId), { setLenses: l, setSelectedLensId: r } = os(), { authToken: i } = Se();
+  async function o(h) {
+    r(h);
   }
-  async function c(d) {
-    if (await sl(d, i == null ? void 0 : i.accessToken)) {
-      const f = a == null ? void 0 : a.filter((m) => m.id !== d);
+  async function c(h) {
+    if (await sl(h, i == null ? void 0 : i.accessToken)) {
+      const f = a == null ? void 0 : a.filter((m) => m.id !== h);
       l(f || []), r("original");
     }
   }
-  async function h(d) {
-    const j = a == null ? void 0 : a.map((g) => g.id === d.id ? {
+  async function u(h) {
+    const b = a == null ? void 0 : a.map((g) => g.id === h.id ? {
       ...g,
-      isDefault: !d.isDefault
+      isDefault: !h.isDefault
     } : {
       ...g,
       isDefault: !1
     });
-    l(j || []);
+    l(b || []);
     const f = {
-      ...d,
-      isDefault: !d.isDefault
+      ...h,
+      isDefault: !h.isDefault
     };
-    await ys(f, i == null ? void 0 : i.accessToken);
+    await vs(f, i == null ? void 0 : i.accessToken);
     const m = a == null ? void 0 : a.find((g) => g.isDefault);
-    if (m && m.id !== d.id) {
+    if (m && m.id !== h.id) {
       const g = {
         ...m,
         isDefault: !1
       };
-      await ys(g, i == null ? void 0 : i.accessToken);
+      await vs(g, i == null ? void 0 : i.accessToken);
     }
   }
   return /* @__PURE__ */ e.jsxs(na, { open: s, onOpenChange: n, children: [
-    /* @__PURE__ */ e.jsx(la, { asChild: !0, children: /* @__PURE__ */ e.jsx(M, { variant: "ghost", className: "h-7 p-2", children: /* @__PURE__ */ e.jsx(Tn, { className: "h-4 w-4", strokeWidth: 1.5 }) }) }),
+    /* @__PURE__ */ e.jsx(la, { asChild: !0, children: /* @__PURE__ */ e.jsx(I, { variant: "ghost", className: "h-7 p-2", children: /* @__PURE__ */ e.jsx(Tn, { className: "h-4 w-4", strokeWidth: 1.5 }) }) }),
     /* @__PURE__ */ e.jsxs(ra, { align: "end", className: "w-60", children: [
-      /* @__PURE__ */ e.jsx(st, { className: "px-3", children: "Lenses" }),
-      /* @__PURE__ */ e.jsx(at, {}),
+      /* @__PURE__ */ e.jsx(et, { className: "px-3", children: "Lenses" }),
+      /* @__PURE__ */ e.jsx(st, {}),
       /* @__PURE__ */ e.jsxs(
-        tt,
+        at,
         {
           value: t,
           onValueChange: o,
           children: [
-            /* @__PURE__ */ e.jsx(Gs, { value: "original", children: "Original" }),
-            a == null ? void 0 : a.map((d) => /* @__PURE__ */ e.jsxs(
-              Gs,
+            /* @__PURE__ */ e.jsx(Ks, { value: "original", children: "Original" }),
+            a == null ? void 0 : a.map((h) => /* @__PURE__ */ e.jsxs(
+              Ks,
               {
                 className: "group flex justify-between gap-2",
-                value: d.id,
+                value: h.id,
                 children: [
-                  /* @__PURE__ */ e.jsx("p", { children: d.name }),
+                  /* @__PURE__ */ e.jsx("p", { children: h.name }),
                   /* @__PURE__ */ e.jsxs("span", { className: "flex items-center gap-3", children: [
                     /* @__PURE__ */ e.jsx(
                       En,
                       {
-                        onClick: (j) => {
-                          j.preventDefault(), h(d);
+                        onClick: (b) => {
+                          b.preventDefault(), u(h);
                         },
                         className: W(
                           "size-3.5 text-muted-foreground hover:cursor-pointer hover:text-foreground group-hover:visible",
                           {
-                            invisible: !d.isDefault,
-                            "text-green-500": d.isDefault
+                            invisible: !h.isDefault,
+                            "text-green-500": h.isDefault
                           }
                         ),
                         strokeWidth: 1.5
                       }
                     ),
                     /* @__PURE__ */ e.jsx(
-                      Be,
+                      Ue,
                       {
-                        onClick: (j) => {
-                          j.preventDefault(), c(d.id);
+                        onClick: (b) => {
+                          b.preventDefault(), c(h.id);
                         },
                         className: "invisible size-3.5 text-muted-foreground hover:cursor-pointer hover:text-foreground group-hover:visible",
                         strokeWidth: 1.5
@@ -748,7 +748,7 @@ function tl() {
                   ] })
                 ]
               },
-              d.id
+              h.id
             ))
           ]
         }
@@ -759,30 +759,30 @@ function tl() {
 function nl({
   iconClassName: s
 }) {
-  const [n, a] = _(!1), { authToken: t } = Ne(), l = D((o) => o.theme), r = D((o) => o.filterValues);
+  const [n, a] = _(!1), { authToken: t } = Se(), l = T((o) => o.theme), r = T((o) => o.filterValues);
   async function i() {
     {
       a(!0);
       const o = new URLSearchParams();
       o.set("token", (t == null ? void 0 : t.accessToken) || ""), o.set("theme", l || "light"), o.set("filterValues", JSON.stringify(r));
-      const c = `https://semaphor.cloud/api/v1/generate-pdf?params=${encodeURIComponent(o.toString())}`, d = await (await fetch(c, {
+      const c = `https://semaphor.cloud/api/v1/generate-pdf?params=${encodeURIComponent(o.toString())}`, h = await (await fetch(c, {
         method: "GET",
         headers: {
           Authorization: `Bearer ${t == null ? void 0 : t.accessToken}`
         }
-      })).blob(), j = URL.createObjectURL(d);
-      window.open(j, "_blank"), a(!1);
+      })).blob(), b = URL.createObjectURL(h);
+      window.open(b, "_blank"), a(!1);
     }
   }
   return /* @__PURE__ */ e.jsx(
-    M,
+    I,
     {
       variant: "link",
       className: "group h-7 p-2",
       size: "sm",
       onClick: i,
-      children: n ? /* @__PURE__ */ e.jsx(Ae, { className: W("size-3.5 animate-spin", s) }) : /* @__PURE__ */ e.jsx(
-        nt,
+      children: n ? /* @__PURE__ */ e.jsx(qe, { className: W("size-3.5 animate-spin", s) }) : /* @__PURE__ */ e.jsx(
+        tt,
         {
           className: W("size-3.5", s),
           strokeWidth: 1.5
@@ -792,30 +792,30 @@ function nl({
   );
 }
 function ll() {
-  const { authToken: s } = Ne();
-  D((x) => x.theme);
-  const n = D((x) => x.lenses), a = D((x) => x.selectedLensId), t = n == null ? void 0 : n.find((x) => x.id === a), l = D((x) => x.dashboard);
-  D((x) => x.selectedSheetId);
-  const r = D(
+  const { authToken: s } = Se();
+  T((x) => x.theme);
+  const n = T((x) => x.lenses), a = T((x) => x.selectedLensId), t = n == null ? void 0 : n.find((x) => x.id === a), l = T((x) => x.dashboard);
+  T((x) => x.selectedSheetId);
+  const r = T(
     (x) => x.isDashboardEditing
-  ), i = u(
+  ), i = d(
     (x) => x.selectedConnectionId
-  ), [o, c] = _(!1), h = D((x) => x.filterValues), d = D((x) => x.isVisualEditing), j = D((x) => x.showFilters);
-  D(
+  ), [o, c] = _(!1), u = T((x) => x.filterValues), h = T((x) => x.isVisualEditing), b = T((x) => x.showFilters);
+  T(
     (x) => x.showDashboardJSON
   );
-  const f = D((x) => x.onSaveFunction), m = D(
+  const f = T((x) => x.onSaveFunction), m = T(
     (x) => x.actions.setShowFilters
-  ), { addFrame: g, setSelectedFrameId: p } = D(
+  ), { addFrame: g, setSelectedFrameId: p } = T(
     (x) => x.actions
-  ), { getSelectedSheet: N, setIsDashboardEditing: y, setShowDashboardJSON: A } = D((x) => x.actions), I = N(), { tenantId: O, endUserId: T } = bs(
-    () => lt(s == null ? void 0 : s.accessToken),
+  ), { getSelectedSheet: N, setIsDashboardEditing: y, setShowDashboardJSON: q } = T((x) => x.actions), F = N(), { tenantId: M, endUserId: O } = ys(
+    () => nt(s == null ? void 0 : s.accessToken),
     [s == null ? void 0 : s.accessToken]
-  ), F = bs(() => O || T, [O, T]), R = () => {
-    if (!r || !I) return;
+  ), D = ys(() => M || O, [M, O]), A = () => {
+    if (!r || !F) return;
     const x = {
       connectionId: i,
-      id: Ue(),
+      id: Ge(),
       title: "Title",
       description: "Description",
       preferences: {
@@ -830,53 +830,53 @@ function ll() {
       sql: "select COUNT(*) from YOUR_TABLE",
       data: []
     }, k = {
-      id: Ue(),
+      id: Ge(),
       cards: [x],
       activeCardId: x.id
     };
-    g(I.id, k), p(k.id);
+    g(F.id, k), p(k.id);
   }, v = () => {
     y(!0);
   };
-  async function b() {
+  async function j() {
     if (c(!0), !a || !t) return;
-    const x = Ea(
+    const x = La(
       l
     ), k = JSON.stringify(x), S = {
       ...t,
       template: k,
-      filterValues: h
+      filterValues: u
     };
-    await ys(S, s == null ? void 0 : s.accessToken), Ge.success("Lens saved"), f == null || f(x), c(!1);
+    await vs(S, s == null ? void 0 : s.accessToken), Ke.success("Lens saved"), f == null || f(x), c(!1);
   }
-  return d ? null : /* @__PURE__ */ e.jsxs(
+  return h ? null : /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: "flex items-center justify-between gap-2 border-b bg-muted/50 py-2 pl-3 pr-2",
       role: "dashboard-controls",
       children: [
-        !d && /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ e.jsx($, { children: t == null ? void 0 : t.name }) }),
+        !h && /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ e.jsx($, { children: t == null ? void 0 : t.name }) }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ e.jsx("button", { onClick: rt, children: /* @__PURE__ */ e.jsx(Jn, { className: "h-4 w-4", strokeWidth: 1.5 }) }),
+          /* @__PURE__ */ e.jsx("button", { onClick: lt, children: /* @__PURE__ */ e.jsx(Jn, { className: "h-4 w-4", strokeWidth: 1.5 }) }),
           /* @__PURE__ */ e.jsx(nl, {}),
-          r && !d && F && /* @__PURE__ */ e.jsx(al, {}),
-          !d && F && /* @__PURE__ */ e.jsx(tl, {}),
-          r && !d && /* @__PURE__ */ e.jsxs(
-            M,
+          r && !h && D && /* @__PURE__ */ e.jsx(al, {}),
+          !h && D && /* @__PURE__ */ e.jsx(tl, {}),
+          r && !h && /* @__PURE__ */ e.jsxs(
+            I,
             {
               variant: "secondary",
               className: "h-7 p-2",
               size: "sm",
               disabled: !r,
-              onClick: R,
+              onClick: A,
               children: [
-                /* @__PURE__ */ e.jsx(Ss, { className: "mr-2 h-4 w-4", strokeWidth: 1.5 }),
+                /* @__PURE__ */ e.jsx(ws, { className: "mr-2 h-4 w-4", strokeWidth: 1.5 }),
                 "Frame"
               ]
             }
           ),
           !r && /* @__PURE__ */ e.jsx(
-            M,
+            I,
             {
               variant: "ghost",
               className: "h-7 p-2",
@@ -885,32 +885,32 @@ function ll() {
               children: /* @__PURE__ */ e.jsx(ia, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          r && !d && /* @__PURE__ */ e.jsx(
-            M,
+          r && !h && /* @__PURE__ */ e.jsx(
+            I,
             {
               variant: "ghost",
               role: "close",
               className: "h-7 p-2",
               onClick: () => {
-                y(!1), A(!1);
+                y(!1), q(!1);
               },
               size: "sm",
-              children: /* @__PURE__ */ e.jsx(Be, { className: "h-4 w-4", strokeWidth: 1.5 })
+              children: /* @__PURE__ */ e.jsx(Ue, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          r && !d && F && /* @__PURE__ */ e.jsx(
-            M,
+          r && !h && D && /* @__PURE__ */ e.jsx(
+            I,
             {
               className: "h-7 p-2",
               variant: "ghost",
               disabled: o,
-              onClick: b,
+              onClick: j,
               size: "sm",
               children: /* @__PURE__ */ e.jsx(Bn, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          !j && !d && r && /* @__PURE__ */ e.jsx(
-            M,
+          !b && !h && r && /* @__PURE__ */ e.jsx(
+            I,
             {
               className: "h-7 p-2",
               variant: "ghost",
@@ -919,14 +919,14 @@ function ll() {
               children: /* @__PURE__ */ e.jsx(oa, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          !d && r && !1,
-          !d && !1
+          !h && r && !1,
+          !h && !1
         ] })
       ]
     }
   );
 }
-function He({
+function $e({
   title: s,
   items: n,
   value: a,
@@ -936,10 +936,10 @@ function He({
   onChange: i,
   showNone: o = !1,
   className: c,
-  showIcon: h = !0,
-  disabled: d = !1
+  showIcon: u = !0,
+  disabled: h = !1
 }) {
-  const j = t ? "Loading..." : l ? "Error" : a;
+  const b = t ? "Loading..." : l ? "Error" : a;
   function f() {
     if (s === "Connection")
       return /* @__PURE__ */ e.jsx(Pn, { className: "size-4 rotate-90" });
@@ -948,16 +948,16 @@ function He({
     if (s === "Schema")
       return /* @__PURE__ */ e.jsx(Hn, { className: "size-4" });
     if (s === "Table")
-      return /* @__PURE__ */ e.jsx(Is, { className: "size-4" });
+      return /* @__PURE__ */ e.jsx(Ts, { className: "size-4" });
     if (s === "Model")
       return /* @__PURE__ */ e.jsx(Sn, { className: "size-4" });
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-    h && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: r ? /* @__PURE__ */ e.jsxs(Ms, { children: [
+    u && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: r ? /* @__PURE__ */ e.jsxs(Ds, { children: [
       /* @__PURE__ */ e.jsx(ca, { children: f() }),
-      /* @__PURE__ */ e.jsx(Ds, { className: "text-xs", align: "start", children: r })
+      /* @__PURE__ */ e.jsx(Is, { className: "text-xs", align: "start", children: r })
     ] }) : f() }),
-    /* @__PURE__ */ e.jsxs(ue, { disabled: d, value: j, onValueChange: i, children: [
+    /* @__PURE__ */ e.jsxs(ue, { disabled: h, value: b, onValueChange: i, children: [
       /* @__PURE__ */ e.jsx(
         he,
         {
@@ -973,28 +973,28 @@ function He({
           )
         }
       ),
-      /* @__PURE__ */ e.jsx(xe, { children: /* @__PURE__ */ e.jsxs(ye, { children: [
+      /* @__PURE__ */ e.jsx(xe, { children: /* @__PURE__ */ e.jsxs(ve, { children: [
         t ? /* @__PURE__ */ e.jsx(pe, { children: "Loading..." }) : /* @__PURE__ */ e.jsx(pe, { children: s }),
         /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
           o && /* @__PURE__ */ e.jsx(Z, { value: "none", children: "None" }, "none"),
           n && n.map((m, g) => /* @__PURE__ */ e.jsx(Z, { value: m.id, children: m.name }, g))
         ] }),
-        (t || l) && /* @__PURE__ */ e.jsx(Z, { value: j, children: j })
+        (t || l) && /* @__PURE__ */ e.jsx(Z, { value: b, children: b })
       ] }) })
     ] })
   ] });
 }
 function rl({ column: s }) {
-  const [n, a] = _(!1), t = u((m) => m.selectedTableName), l = u(
+  const [n, a] = _(!1), t = d((m) => m.selectedTableName), l = d(
     (m) => m.selectedSchemaName
-  ), r = u(
+  ), r = d(
     (m) => m.selectedDatamodelId
-  ), i = u((m) => m.sqlGen), { modelItems: o } = qe(), c = u((m) => m.actions.setSqlGen), h = u((m) => m.actions.setCardSql), d = u((m) => m.actions.setRunSql);
-  function j(m, g) {
-    var A;
-    const p = da(m, i, g), N = (A = o == null ? void 0 : o.find(
-      (I) => I.id === r
-    )) == null ? void 0 : A.name;
+  ), i = d((m) => m.sqlGen), { modelItems: o } = Re(), c = d((m) => m.actions.setSqlGen), u = d((m) => m.actions.setCardSql), h = d((m) => m.actions.setRunSql);
+  function b(m, g) {
+    var q;
+    const p = da(m, i, g), N = (q = o == null ? void 0 : o.find(
+      (F) => F.id === r
+    )) == null ? void 0 : q.name;
     c(p);
     const y = ua(
       p,
@@ -1002,14 +1002,14 @@ function rl({ column: s }) {
       ce(t),
       N
     );
-    y && (h(y), d(!0)), a(!1);
+    y && (u(y), h(!0)), a(!1);
   }
   function f() {
     return /* @__PURE__ */ e.jsxs("ul", { className: "text-xs", children: [
       /* @__PURE__ */ e.jsx(
         "li",
         {
-          onClick: () => j(s, "COUNT"),
+          onClick: () => b(s, "COUNT"),
           className: "cursor-pointer p-1 px-3 transition-colors hover:bg-muted",
           children: "Count"
         }
@@ -1017,7 +1017,7 @@ function rl({ column: s }) {
       /* @__PURE__ */ e.jsx(
         "li",
         {
-          onClick: () => j(s, "AVG"),
+          onClick: () => b(s, "AVG"),
           className: "cursor-pointer p-1 px-3 transition-colors hover:bg-muted",
           children: "Avg"
         }
@@ -1025,7 +1025,7 @@ function rl({ column: s }) {
       /* @__PURE__ */ e.jsx(
         "li",
         {
-          onClick: () => j(s, "SUM"),
+          onClick: () => b(s, "SUM"),
           className: "cursor-pointer p-1 px-3 transition-colors hover:bg-muted",
           children: "Sum"
         }
@@ -1033,7 +1033,7 @@ function rl({ column: s }) {
       /* @__PURE__ */ e.jsx(
         "li",
         {
-          onClick: () => j(s, "MAX"),
+          onClick: () => b(s, "MAX"),
           className: "cursor-pointer p-1 px-3 transition-colors hover:bg-muted",
           children: "Max"
         }
@@ -1041,17 +1041,17 @@ function rl({ column: s }) {
       /* @__PURE__ */ e.jsx(
         "li",
         {
-          onClick: () => j(s, "MIN"),
+          onClick: () => b(s, "MIN"),
           className: "cursor-pointer p-1 px-3 transition-colors hover:bg-muted",
           children: "Min"
         }
       )
     ] });
   }
-  return /* @__PURE__ */ e.jsxs(Ts, { openDelay: 0, open: n, onOpenChange: a, children: [
-    /* @__PURE__ */ e.jsx(Fs, { asChild: !0, children: /* @__PURE__ */ e.jsx(Ta, { className: "invisible size-3.5 cursor-pointer text-foreground/40 group-hover:visible" }) }),
+  return /* @__PURE__ */ e.jsxs(Fs, { openDelay: 0, open: n, onOpenChange: a, children: [
+    /* @__PURE__ */ e.jsx(Ls, { asChild: !0, children: /* @__PURE__ */ e.jsx(Ia, { className: "invisible size-3.5 cursor-pointer text-foreground/40 group-hover:visible" }) }),
     /* @__PURE__ */ e.jsx(
-      Ls,
+      Es,
       {
         align: "center",
         className: "w-20 rounded-md p-0 shadow-none",
@@ -1060,10 +1060,10 @@ function rl({ column: s }) {
     )
   ] });
 }
-function Va({ column: s }) {
-  return /* @__PURE__ */ e.jsxs(Ms, { children: [
-    /* @__PURE__ */ e.jsx(it, { asChild: !0, children: ot(s.data_type) ? /* @__PURE__ */ e.jsx(_s, { className: "size-3" }) : ha(s.data_type) ? /* @__PURE__ */ e.jsx(Ln, { className: "size-3" }) : ct(s.data_type) ? /* @__PURE__ */ e.jsx(dt, { className: "size-3" }) : ut(s.data_type) ? /* @__PURE__ */ e.jsx(Wn, { className: "size-3" }) : s.data_type.toLowerCase() === "json" ? /* @__PURE__ */ e.jsx(wn, { className: "size-3" }) : /* @__PURE__ */ e.jsx(Un, { className: "size-3" }) }),
-    /* @__PURE__ */ e.jsx(Ds, { children: /* @__PURE__ */ e.jsx("p", { className: "font-mono text-xs", children: s.data_type }) })
+function Ea({ column: s }) {
+  return /* @__PURE__ */ e.jsxs(Ds, { children: [
+    /* @__PURE__ */ e.jsx(rt, { asChild: !0, children: it(s.data_type) ? /* @__PURE__ */ e.jsx(Hs, { className: "size-3" }) : ha(s.data_type) ? /* @__PURE__ */ e.jsx(Ln, { className: "size-3" }) : ot(s.data_type) ? /* @__PURE__ */ e.jsx(ct, { className: "size-3" }) : dt(s.data_type) ? /* @__PURE__ */ e.jsx(Wn, { className: "size-3" }) : s.data_type.toLowerCase() === "json" ? /* @__PURE__ */ e.jsx(wn, { className: "size-3" }) : /* @__PURE__ */ e.jsx(Un, { className: "size-3" }) }),
+    /* @__PURE__ */ e.jsx(Is, { children: /* @__PURE__ */ e.jsx("p", { className: "font-mono text-xs", children: s.data_type }) })
   ] });
 }
 function il({
@@ -1072,80 +1072,80 @@ function il({
   columns: a,
   status: t
 }) {
-  const l = u((v) => v.sqlGen), r = u(
+  const l = d((v) => v.sqlGen), r = d(
     (v) => v.selectedConnectionId
-  ), i = u(
+  ), i = d(
     (v) => v.selectedDatabaseName
-  ), o = u(
+  ), o = d(
     (v) => v.selectedSchemaName
-  ), c = u((v) => v.selectedTableName), h = u(
+  ), c = d((v) => v.selectedTableName), u = d(
     (v) => v.selectedDatamodelId
-  ), d = D(
+  ), h = T(
     (v) => v.dashboard.aiScopeTables
-  ), { setAIScopeTables: j } = D((v) => v.actions), f = u((v) => v.actions.setRunSql), m = u((v) => v.actions.setSqlGen), g = u(
+  ), { setAIScopeTables: b } = T((v) => v.actions), f = d((v) => v.actions.setRunSql), m = d((v) => v.actions.setSqlGen), g = d(
     (v) => v.actions.setIsShowingVisual
-  ), p = u((v) => v.actions.setCardSql), { connectionType: N, modelItems: y } = qe();
-  function A(v) {
+  ), p = d((v) => v.actions.setCardSql), { connectionType: N, modelItems: y } = Re();
+  function q(v) {
     var S;
-    const b = da(v, l);
-    m(b);
+    const j = da(v, l);
+    m(j);
     const x = (S = y == null ? void 0 : y.find(
-      (q) => q.id === h
-    )) == null ? void 0 : S.name, k = ua(b, ce(s), ce(n), x);
+      (R) => R.id === u
+    )) == null ? void 0 : S.name, k = ua(j, ce(s), ce(n), x);
     k && (p(k), f(!0));
   }
-  function I() {
-    return (d == null ? void 0 : d.find(
+  function F() {
+    return (h == null ? void 0 : h.find(
       (v) => v.connectinonId === r && v.tableName === c
     )) !== void 0;
   }
-  function O(v) {
+  function M(v) {
     if (v === !0 && c && r) {
-      const b = {
+      const j = {
         connectinonId: r,
         connectionType: N,
         databaseName: i,
         schemaName: o,
         tableName: c
-      }, k = [...d || [], b].filter(
-        (S, q, P) => P.findIndex(
+      }, k = [...h || [], j].filter(
+        (S, R, P) => P.findIndex(
           (G) => G.connectinonId === S.connectinonId && G.tableName === S.tableName
-        ) === q
+        ) === R
       );
-      j(k), Ge.success(`Added '${c}' to AI Scope`, {
+      b(k), Ke.success(`Added '${c}' to AI Scope`, {
         position: "top-right",
         duration: 2500,
         richColors: !0
       });
     } else {
-      const b = (d || []).filter(
+      const j = (h || []).filter(
         (x) => x.connectinonId !== r && x.tableName !== c
       );
-      j(b), Ge(`Removed '${c}' from AI Scope`, {
+      b(j), Ke(`Removed '${c}' from AI Scope`, {
         position: "top-right",
         duration: 2e3,
         richColors: !0
       });
     }
   }
-  function T() {
+  function O() {
     var S;
     let v = xa(s, n);
-    const b = (S = y == null ? void 0 : y.find(
-      (q) => q.id === h
+    const j = (S = y == null ? void 0 : y.find(
+      (R) => R.id === u
     )) == null ? void 0 : S.name;
-    h && h !== "none" && (v = `${gs}.${b}`);
+    u && u !== "none" && (v = `${js}.${j}`);
     let x = v;
-    return ((q) => /[A-Z]/.test(q))(n) && (x = x.split(".").map((P) => `"${P}"`).join(".")), x;
+    return ((R) => /[A-Z]/.test(R))(n) && (x = x.split(".").map((P) => `"${P}"`).join(".")), x;
   }
-  function F() {
-    const v = T();
+  function D() {
+    const v = O();
     g(!1);
-    const b = N === "MSSQL" ? `SELECT top 10 * FROM ${v}` : `SELECT * FROM ${v} LIMIT 10`;
-    p(b), f(!0);
+    const j = N === "MSSQL" ? `SELECT top 10 * FROM ${v}` : `SELECT * FROM ${v} LIMIT 10`;
+    p(j), f(!0);
   }
-  function R() {
-    const v = T();
+  function A() {
+    const v = O();
     p(`SELECT COUNT(*) as count FROM ${v}`), f(!0);
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "flex grow flex-col space-y-4 px-4", children: [
@@ -1153,46 +1153,46 @@ function il({
       /* @__PURE__ */ e.jsx(
         ma,
         {
-          title: `${I() ? "Remove from" : "Add to"} AI Scope`,
-          pressed: I(),
-          onPressedChange: O,
+          title: `${F() ? "Remove from" : "Add to"} AI Scope`,
+          pressed: F(),
+          onPressedChange: M,
           variant: "outline",
           className: "h-9 px-2",
           children: /* @__PURE__ */ e.jsx(
-            ht,
+            ut,
             {
               className: W("size-4", {
-                "text-primary": I(),
-                "text-muted-foreground": !I()
+                "text-primary": F(),
+                "text-muted-foreground": !F()
               })
             }
           )
         }
       ),
       /* @__PURE__ */ e.jsxs(
-        M,
+        I,
         {
           disabled: t !== "Success",
-          onClick: F,
+          onClick: D,
           size: "sm",
           variant: "secondary",
           className: "flex",
           children: [
-            t !== "Success" ? /* @__PURE__ */ e.jsx(Ae, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(Kn, { className: "mr-2 size-4" }),
+            t !== "Success" ? /* @__PURE__ */ e.jsx(qe, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(Kn, { className: "mr-2 size-4" }),
             "Top 10"
           ]
         }
       ),
       /* @__PURE__ */ e.jsxs(
-        M,
+        I,
         {
           disabled: t !== "Success",
-          onClick: R,
+          onClick: A,
           size: "sm",
           variant: "secondary",
           className: "flex",
           children: [
-            t !== "Success" ? /* @__PURE__ */ e.jsx(Ae, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(Gn, { className: "mr-2 size-4" }),
+            t !== "Success" ? /* @__PURE__ */ e.jsx(qe, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(Gn, { className: "mr-2 size-4" }),
             "Count"
           ]
         }
@@ -1206,22 +1206,22 @@ function il({
           /* @__PURE__ */ e.jsx("div", { className: "flex flex-col gap-1", children: a == null ? void 0 : a.map((v) => /* @__PURE__ */ e.jsxs(
             "div",
             {
-              onClick: () => A(v),
+              onClick: () => q(v),
               className: W(
                 "group mx-3 flex cursor-pointer items-center justify-between rounded px-2 py-1 text-sm transition-colors hover:bg-muted/50",
                 {
-                  "border border-dashed border-muted-foreground bg-muted": mt(v, l)
+                  "border border-dashed border-muted-foreground bg-muted": ht(v, l)
                 }
               ),
               children: [
                 /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-                  /* @__PURE__ */ e.jsx(Va, { column: v }),
+                  /* @__PURE__ */ e.jsx(Ea, { column: v }),
                   /* @__PURE__ */ e.jsx("span", { children: v.column_name })
                 ] }),
                 /* @__PURE__ */ e.jsx(
                   "div",
                   {
-                    onClick: (b) => b.stopPropagation(),
+                    onClick: (j) => j.stopPropagation(),
                     className: "flex items-center justify-end",
                     children: ha(v.data_type) && /* @__PURE__ */ e.jsx(rl, { column: v })
                   }
@@ -1230,65 +1230,65 @@ function il({
             },
             v.column_name
           )) }),
-          /* @__PURE__ */ e.jsx(Ke, { orientation: "vertical" }),
-          /* @__PURE__ */ e.jsx(Ke, { orientation: "horizontal" })
+          /* @__PURE__ */ e.jsx(Qe, { orientation: "vertical" }),
+          /* @__PURE__ */ e.jsx(Qe, { orientation: "horizontal" })
         ]
       }
     )
   ] });
 }
-function qe(s, n) {
-  var Je, $s, Ps, Bs, Us;
-  let a = bs(() => [], []);
-  const t = Ne().authToken || s, l = u(
+function Re(s, n) {
+  var We, Ps, Bs, Us, Gs;
+  let a = ys(() => [], []);
+  const t = Se().authToken || s, l = d(
     (C) => C.selectedConnectionId
-  ), r = u(
+  ), r = d(
     (C) => C.selectedDatamodelId
-  ), i = u(
+  ), i = d(
     (C) => C.selectedDatabaseName
-  ), o = u(
+  ), o = d(
     (C) => C.selectedSchemaName
-  ), c = u((C) => C.selectedTableName), h = u(
+  ), c = d((C) => C.selectedTableName), u = d(
     (C) => C.actions.setCurrentColumns
-  ), d = u(
+  ), h = d(
     (C) => C.actions.setSelectedConnectionId
-  ), j = u(
+  ), b = d(
     (C) => C.actions.setSelectedDatamodelId
-  ), f = u(
+  ), f = d(
     (C) => C.actions.setSelectedDatabaseName
-  ), m = u(
+  ), m = d(
     (C) => C.actions.setSelectedSchemaName
-  ), g = u(
+  ), g = d(
     (C) => C.actions.setSelectedTableName
-  ), p = u((C) => C.actions.setCardSql);
+  ), p = d((C) => C.actions.setCardSql);
   function N(C) {
     return l && i && o && i !== "NA" ? !0 : l && C === "API" ? !1 : !!(l && C === "S3");
   }
   function y(C) {
     return !!(l && i && i !== "NA" && o && c || l && (C === "S3" || C === "API") || r && r);
   }
-  function A(C) {
+  function q(C) {
     return l && C ? !(C === "API" || C === "S3") : !1;
   }
   const {
-    data: I,
-    isLoading: O,
-    isError: T
-  } = je({
+    data: F,
+    isLoading: M,
+    isError: O
+  } = be({
     queryKey: ["connections"],
-    queryFn: () => ze(
+    queryFn: () => Oe(
       "https://semaphor.cloud/api/v1/connections",
       (t == null ? void 0 : t.accessToken) || ""
     ),
     enabled: !!(t != null && t.accessToken)
     // Only fetch if authToken is present
   }), {
-    data: F,
-    isLoading: R,
+    data: D,
+    isLoading: A,
     isError: v
-  } = je({
+  } = be({
     queryKey: ["models", l],
-    queryFn: () => ze(
+    queryFn: () => Oe(
       "https://semaphor.cloud/api/v1/datamodels",
       (t == null ? void 0 : t.accessToken) || "",
       {
@@ -1297,24 +1297,24 @@ function qe(s, n) {
     ),
     enabled: !!(t != null && t.accessToken) && !!l
     // Only fetch if authToken is present
-  }), b = I == null ? void 0 : I.connections.find(
+  }), j = F == null ? void 0 : F.connections.find(
     (C) => C.id === l
-  ), x = b == null ? void 0 : b.type, k = (b == null ? void 0 : b.type) === "API" || (b == null ? void 0 : b.type) === "S3", {
+  ), x = j == null ? void 0 : j.type, k = (j == null ? void 0 : j.type) === "API" || (j == null ? void 0 : j.type) === "S3", {
     data: S,
-    isLoading: q,
+    isLoading: R,
     isFetching: P,
     isError: G,
     refetch: ee
-  } = je({
+  } = be({
     queryKey: ["databases", l],
-    queryFn: () => ze(
+    queryFn: () => Oe(
       "https://semaphor.cloud/api/v1/databases",
       (t == null ? void 0 : t.accessToken) || "",
       {
         connection_id: l
       }
     ),
-    enabled: A(x)
+    enabled: q(x)
     // !!selectedConnectionId && !isNonDbConnection, //currentConnection?.type !== 'API', // Only fetch if connectionId is present
   }), {
     data: U,
@@ -1322,9 +1322,9 @@ function qe(s, n) {
     isFetching: z,
     isError: E,
     refetch: Y
-  } = je({
+  } = be({
     queryKey: ["schemas", l, i],
-    queryFn: () => ze(
+    queryFn: () => Oe(
       "https://semaphor.cloud/api/v1/schemas",
       (t == null ? void 0 : t.accessToken) || "",
       {
@@ -1340,14 +1340,14 @@ function qe(s, n) {
     isFetching: ne,
     isError: B,
     refetch: X
-  } = je({
+  } = be({
     queryKey: [
       "tables",
       l,
       i,
       o
     ],
-    queryFn: () => ze(
+    queryFn: () => Oe(
       "https://semaphor.cloud/api/v1/tables",
       (t == null ? void 0 : t.accessToken) || "",
       {
@@ -1359,10 +1359,10 @@ function qe(s, n) {
     enabled: N(x)
   }), {
     data: le,
-    isLoading: Te,
-    isFetching: Fe,
-    isError: Se
-  } = je({
+    isLoading: Fe,
+    isFetching: Le,
+    isError: we
+  } = be({
     queryKey: [
       "columns",
       l,
@@ -1371,7 +1371,7 @@ function qe(s, n) {
       o,
       c
     ],
-    queryFn: () => ze(
+    queryFn: () => Oe(
       "https://semaphor.cloud/api/v1/columns",
       (t == null ? void 0 : t.accessToken) || "",
       {
@@ -1393,123 +1393,123 @@ function qe(s, n) {
     // && currentConnection?.type !== 'API', // Only fetch if connectionId, database, and table is present
   });
   se(() => {
-    h(a);
-  }, [le, h, a]), se(() => {
+    u(a);
+  }, [le, u, a]), se(() => {
   }, [
     k,
     p,
     g,
     m,
     f,
-    b
+    j
   ]);
-  const Le = (b == null ? void 0 : b.type) === "API" ? (Je = b == null ? void 0 : b.type) == null ? void 0 : Je.toLowerCase() : c || "", Ee = k ? "" : o || "";
-  function Ve(C) {
+  const Ee = (j == null ? void 0 : j.type) === "API" ? (We = j == null ? void 0 : j.type) == null ? void 0 : We.toLowerCase() : c || "", Ve = k ? "" : o || "";
+  function Ae(C) {
     m(C), g("");
   }
-  function we(C) {
-    f(C === "none" ? "" : C), m(""), g(""), C !== "none" && C !== "" && j("");
+  function ke(C) {
+    f(C === "none" ? "" : C), m(""), g(""), C !== "none" && C !== "" && b("");
   }
   function w(C) {
-    d(C);
+    h(C);
   }
   function re(C) {
-    j(C === "none" ? "" : C), C !== "none" && C !== "" && f("");
+    b(C === "none" ? "" : C), C !== "none" && C !== "" && f("");
   }
-  S && (($s = S == null ? void 0 : S.databases) == null ? void 0 : $s.length) > 0, U && ((Ps = U == null ? void 0 : U.schemas) == null ? void 0 : Ps.length) > 0, le && ((Bs = le == null ? void 0 : le.columns) == null ? void 0 : Bs.length) > 0 && (a = le.columns.map((C) => ({
+  S && ((Ps = S == null ? void 0 : S.databases) == null ? void 0 : Ps.length) > 0, U && ((Bs = U == null ? void 0 : U.schemas) == null ? void 0 : Bs.length) > 0, le && ((Us = le == null ? void 0 : le.columns) == null ? void 0 : Us.length) > 0 && (a = le.columns.map((C) => ({
     ...C,
     data_type: C.data_type.toLowerCase()
-  }))), G && (a = []), (Se || T) && (a = []);
-  const ke = I == null ? void 0 : I.connections.map(
+  }))), G && (a = []), (we || O) && (a = []);
+  const ze = F == null ? void 0 : F.connections.map(
     (C) => ({
       id: C.id,
       name: C.name,
       type: C.type
     })
-  ), oe = (Us = F == null ? void 0 : F.datamodels) == null ? void 0 : Us.map((C) => ({
+  ), oe = (Gs = D == null ? void 0 : D.datamodels) == null ? void 0 : Gs.map((C) => ({
     id: C.id,
     name: C.name
-  })), _e = S == null ? void 0 : S.databases.map((C) => ({
+  })), He = S == null ? void 0 : S.databases.map((C) => ({
     id: C.database_name,
     name: C.database_name
-  })), ps = U == null ? void 0 : U.schemas.map((C) => ({
+  })), fs = U == null ? void 0 : U.schemas.map((C) => ({
     id: C.schema_name,
     name: C.schema_name
-  })), Qe = V == null ? void 0 : V.tables.map((C) => ({
+  })), Je = V == null ? void 0 : V.tables.map((C) => ({
     id: C.table_name,
     name: C.table_name
   }));
   return {
-    connectionItems: ke,
-    isConnectionsLoading: O,
-    isConnectionsError: T,
+    connectionItems: ze,
+    isConnectionsLoading: M,
+    isConnectionsError: O,
     modelItems: oe,
-    isModelsLoading: R,
+    isModelsLoading: A,
     isModelsError: v,
-    databaseItems: _e,
-    isDatabasesLoadingOrFetching: q || P,
+    databaseItems: He,
+    isDatabasesLoadingOrFetching: R || P,
     isDatabaseError: G,
-    schemaItems: ps,
+    schemaItems: fs,
     isSchemaLoadingOrFetching: te || z,
     isSchemaError: E,
-    tableItems: Qe,
+    tableItems: Je,
     isTableLoadingOrFetching: L || ne,
     isTableError: B,
     columns: a,
-    isColumnsLoadingOrFetching: Te || Fe,
-    isColumnsError: Se,
+    isColumnsLoadingOrFetching: Fe || Le,
+    isColumnsError: we,
     isNonDbConnection: k,
     connectionType: x,
-    tableName: Le,
-    schemaName: Ee,
+    tableName: Ee,
+    schemaName: Ve,
     handleConnectionChange: w,
     handleDatamodelChange: re,
-    handleDatabaseChange: we,
-    handleSchemaChange: Ve
+    handleDatabaseChange: ke,
+    handleSchemaChange: Ae
   };
 }
-function Aa({
+function Va({
   ColumnsComponent: s
 }) {
   var ne;
-  const n = u(
+  const n = d(
     (B) => B.selectedConnectionId
-  ), a = u(
+  ), a = d(
     (B) => B.selectedDatamodelId
-  ), t = u(
+  ), t = d(
     (B) => B.selectedDatabaseName
-  ), l = u(
+  ), l = d(
     (B) => B.selectedSchemaName
-  ), r = u((B) => B.selectedTableName), i = u(
+  ), r = d((B) => B.selectedTableName), i = d(
     (B) => B.actions.setSelectedTableName
   ), {
     connectionItems: o,
     modelItems: c,
-    schemaItems: h,
-    databaseItems: d,
-    tableItems: j,
+    schemaItems: u,
+    databaseItems: h,
+    tableItems: b,
     columns: f,
     isConnectionsLoading: m,
     isModelsLoading: g,
     isConnectionsError: p,
     isModelsError: N,
     isDatabasesLoadingOrFetching: y,
-    isDatabaseError: A,
-    isSchemaLoadingOrFetching: I,
-    isSchemaError: O,
-    isColumnsError: T,
-    isColumnsLoadingOrFetching: F,
-    isTableLoadingOrFetching: R,
+    isDatabaseError: q,
+    isSchemaLoadingOrFetching: F,
+    isSchemaError: M,
+    isColumnsError: O,
+    isColumnsLoadingOrFetching: D,
+    isTableLoadingOrFetching: A,
     isTableError: v,
-    connectionType: b,
+    connectionType: j,
     isNonDbConnection: x,
     handleConnectionChange: k,
     handleDatabaseChange: S,
-    handleSchemaChange: q,
+    handleSchemaChange: R,
     handleDatamodelChange: P,
     tableName: G,
     schemaName: ee
-  } = qe();
+  } = Re();
   function U() {
     return s ? s(ee, G, f) : /* @__PURE__ */ e.jsx(
       il,
@@ -1517,7 +1517,7 @@ function Aa({
         schemaName: ee,
         tableName: G,
         columns: f,
-        status: F ? "Loading..." : T ? "Error" : "Success"
+        status: D ? "Loading..." : O ? "Error" : "Success"
       }
     );
   }
@@ -1525,16 +1525,16 @@ function Aa({
     window.location.href = "mailto:support@semaphor.cloud?subject=Help&body=I need help with...";
   }
   function z() {
-    if (!n || b === "S3" || b === "API") return null;
+    if (!n || j === "S3" || j === "API") return null;
     if (!a || a === "none")
       return /* @__PURE__ */ e.jsx(
-        He,
+        $e,
         {
           showNone: !0,
           onChange: S,
-          isError: A,
+          isError: q,
           isLoading: y,
-          items: d,
+          items: h,
           value: t || "",
           title: "Database"
         }
@@ -1543,16 +1543,16 @@ function Aa({
   function E() {
     if (n && !x && (!t || t === "none") && (!a || a === "none"))
       return /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3", children: [
-        /* @__PURE__ */ e.jsx("div", { className: "col-span-1 grid place-items-center", children: /* @__PURE__ */ e.jsx(ve, {}) }),
+        /* @__PURE__ */ e.jsx("div", { className: "col-span-1 grid place-items-center", children: /* @__PURE__ */ e.jsx(Ce, {}) }),
         /* @__PURE__ */ e.jsx("div", { className: "col-span-1 grid place-items-center", children: /* @__PURE__ */ e.jsx($, { children: "OR" }) }),
-        /* @__PURE__ */ e.jsx("div", { className: "col-span-1 grid place-items-center", children: /* @__PURE__ */ e.jsx(ve, {}) })
+        /* @__PURE__ */ e.jsx("div", { className: "col-span-1 grid place-items-center", children: /* @__PURE__ */ e.jsx(Ce, {}) })
       ] });
   }
   function Y() {
-    if (!n || b === "S3" || b === "API") return null;
+    if (!n || j === "S3" || j === "API") return null;
     if (!t || t === "none")
       return /* @__PURE__ */ e.jsx(
-        He,
+        $e,
         {
           showNone: !0,
           onChange: P,
@@ -1565,13 +1565,13 @@ function Aa({
       );
   }
   function V() {
-    return !n || b === "S3" || b === "API" || !t || t === "none" ? null : /* @__PURE__ */ e.jsx(
-      He,
+    return !n || j === "S3" || j === "API" || !t || t === "none" ? null : /* @__PURE__ */ e.jsx(
+      $e,
       {
-        onChange: q,
-        isError: O,
-        isLoading: I,
-        items: h,
+        onChange: R,
+        isError: M,
+        isLoading: F,
+        items: u,
         value: l || "",
         title: "Schema"
       }
@@ -1580,15 +1580,15 @@ function Aa({
   function L() {
     function B() {
       let X = !1;
-      return b === "API" ? (X = !1, X) : ((b === "S3" || n && t && t !== "none" && l) && (X = !0), X);
+      return j === "API" ? (X = !1, X) : ((j === "S3" || n && t && t !== "none" && l) && (X = !0), X);
     }
     return B() ? /* @__PURE__ */ e.jsx(
-      He,
+      $e,
       {
         onChange: i,
         isError: v,
-        items: j,
-        isLoading: R,
+        items: b,
+        isLoading: A,
         value: r || "",
         title: "Table"
       }
@@ -1597,7 +1597,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(
-        He,
+        $e,
         {
           items: o,
           title: "Connection",
@@ -1618,7 +1618,7 @@ function Aa({
     ] }),
     U(),
     /* @__PURE__ */ e.jsx("div", { className: "flex items-end justify-center gap-2 px-6 py-4", children: /* @__PURE__ */ e.jsxs(
-      M,
+      I,
       {
         onClick: te,
         size: "sm",
@@ -1654,17 +1654,17 @@ function cl({
   setUserInputforAI: a,
   setTriggerAIRun: t
 }) {
-  return /* @__PURE__ */ e.jsxs(Ts, { openDelay: 0, children: [
-    /* @__PURE__ */ e.jsx(Fs, { asChild: !0, children: /* @__PURE__ */ e.jsx(M, { variant: "link", className: "h-5 p-0", children: /* @__PURE__ */ e.jsx(zn, { className: "h-4 w-4 text-red-500" }) }) }),
+  return /* @__PURE__ */ e.jsxs(Fs, { openDelay: 0, children: [
+    /* @__PURE__ */ e.jsx(Ls, { asChild: !0, children: /* @__PURE__ */ e.jsx(I, { variant: "link", className: "h-5 p-0", children: /* @__PURE__ */ e.jsx(zn, { className: "h-4 w-4 text-red-500" }) }) }),
     /* @__PURE__ */ e.jsx(
-      Ls,
+      Es,
       {
         align: "start",
         className: "w-full min-w-fit max-w-[700px]",
         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(fe, { 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(
-            M,
+            I,
             {
               onClick: () => {
                 n(!0), a(s), t(!0);
@@ -1737,21 +1737,21 @@ function ul({
   triggerAIRun: l,
   setTriggerAIRun: r
 }) {
-  const i = ns(null), o = ns(null), { authToken: c } = Ne(), [h, d] = _(!1), j = u((z) => z.actions.setCardSql), f = D((z) => z.dashboard.baseQueries), m = u((z) => z.actions.setRunSql), g = u((z) => z.actions.setCardType), [p, N] = _([]), y = u((z) => z.currentColumns), A = u((z) => z.card.sql), I = u((z) => z.selectedTableName), O = `
+  const i = ls(null), o = ls(null), { authToken: c } = Se(), [u, h] = _(!1), b = d((z) => z.actions.setCardSql), f = T((z) => z.dashboard.baseQueries), m = d((z) => z.actions.setRunSql), g = d((z) => z.actions.setCardType), [p, N] = _([]), y = d((z) => z.currentColumns), q = d((z) => z.card.sql), F = d((z) => z.selectedTableName), M = `
   ${a}
 
-  Database Query Dialect: ${I === "api" || I === "s3" ? "DuckDb" : ""}
-  Table Name: ${I}   
+  Database Query Dialect: ${F === "api" || F === "s3" ? "DuckDb" : ""}
+  Table Name: ${F}   
   Table Columns: ${y == null ? void 0 : y.map((z) => `${z.column_name} | ${z.data_type}`).join(", ")}
-  User SQL: ${A}  
-  ${f && `Base Queries: ${JSON.stringify(f)} `}`, T = ` When the user asks for a specific chart please use the following query structure to generate the chart query. Do not make up the column names. Use only the table columns provided above for the query. Replace x-axis, y-axis, and lables with the appropriate column names.
-  Visual Query Syntax: ${dl}`, { data: F, isLoading: R, isFetching: v, isError: b, refetch: x } = je({
+  User SQL: ${q}  
+  ${f && `Base Queries: ${JSON.stringify(f)} `}`, O = ` When the user asks for a specific chart please use the following query structure to generate the chart query. Do not make up the column names. Use only the table columns provided above for the query. Replace x-axis, y-axis, and lables with the appropriate column names.
+  Visual Query Syntax: ${dl}`, { data: D, isLoading: A, isFetching: v, isError: j, refetch: x } = be({
     queryKey: ["ai-query"],
-    queryFn: () => ze(
+    queryFn: () => Oe(
       "https://semaphor.cloud/api/v1/ai",
       (c == null ? void 0 : c.accessToken) || "",
       {
-        user_content: `userContent: ${O} ${h ? T : ""}`
+        user_content: `userContent: ${M} ${u ? O : ""}`
       }
     ),
     enabled: !1
@@ -1779,8 +1779,8 @@ function ul({
     return !0;
   }
   se(() => {
-    F && N((z) => [...z, { role: "ai", content: F.response }]);
-  }, [F]), se(() => {
+    D && N((z) => [...z, { role: "ai", content: D.response }]);
+  }, [D]), se(() => {
     const z = setTimeout(() => {
       var E;
       o.current && (o.current.scroll({
@@ -1791,12 +1791,12 @@ function ul({
     return () => clearTimeout(z);
   }, [p]);
   function S() {
-    a && (N((z) => [...z, { role: "user", content: a }]), k(a) && d(!0), t(""), x());
+    a && (N((z) => [...z, { role: "user", content: a }]), k(a) && h(!0), t(""), x());
   }
   se(() => {
     l && (S(), r(!1));
   }, [l, r]);
-  const q = {
+  const R = {
     //seleect a darker color
     // color: '#000',
     fontFamily: "Arial, sans-serif",
@@ -1823,22 +1823,22 @@ function ul({
     listStyleType: "disc"
   }, ee = {
     // Override how paragraphs are rendered
-    p: ({ node: z, ...E }) => /* @__PURE__ */ e.jsx("p", { style: q, ...E }),
+    p: ({ node: z, ...E }) => /* @__PURE__ */ e.jsx("p", { style: R, ...E }),
     code: ({ node: z, ...E }) => /* @__PURE__ */ e.jsx("code", { className: "rounded-sm bg-muted px-2 py-1 text-sm", ...E }),
     pre: ({ node: z, ...E }) => /* @__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: E.children }),
       /* @__PURE__ */ e.jsxs("div", { className: "flex justify-start gap-2", children: [
-        /* @__PURE__ */ e.jsx(M, { onClick: U, size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(ft, {}) }),
+        /* @__PURE__ */ e.jsx(I, { onClick: U, size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(pt, {}) }),
         /* @__PURE__ */ e.jsx(
-          M,
+          I,
           {
             onClick: (Y) => {
               const V = U(Y);
-              V && (n(!1), j(V), m(!0));
+              V && (n(!1), b(V), m(!0));
             },
             size: "sm",
             variant: "outline",
-            children: /* @__PURE__ */ e.jsx(gt, {})
+            children: /* @__PURE__ */ e.jsx(ft, {})
           }
         )
       ] })
@@ -1864,18 +1864,18 @@ function ul({
       },
       E
     ) : z.role === "ai" ? /* @__PURE__ */ e.jsx(
-      pt,
+      xt,
       {
         className: "w-full overflow-auto py-1",
         components: ee,
-        children: F == null ? void 0 : F.response.replace(/DuckDB/gi, "Semaphor")
+        children: D == null ? void 0 : D.response.replace(/DuckDB/gi, "Semaphor")
       },
       E
     ) : /* @__PURE__ */ e.jsx("div", {}, E));
   }
-  return /* @__PURE__ */ e.jsxs(Cs, { open: s, onOpenChange: n, children: [
-    /* @__PURE__ */ e.jsx(Ns, { asChild: !0, children: /* @__PURE__ */ e.jsx(
-      M,
+  return /* @__PURE__ */ e.jsxs(Ns, { open: s, onOpenChange: n, children: [
+    /* @__PURE__ */ e.jsx(Ss, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+      I,
       {
         size: "sm",
         className: "w-full justify-start border font-normal text-muted-foreground focus-visible:ring-0 focus-visible:ring-offset-0",
@@ -1884,13 +1884,13 @@ function ul({
       }
     ) }),
     /* @__PURE__ */ e.jsxs(
-      ws,
+      ks,
       {
         className: "flex flex-col justify-between overflow-auto sm:max-w-[425px] md:max-h-[625px] md:min-w-[625px]",
         children: [
-          /* @__PURE__ */ e.jsxs(ks, { children: [
-            /* @__PURE__ */ e.jsx(zs, { children: "Assistant" }),
-            /* @__PURE__ */ e.jsx(Os, { children: "What can I help you with?" })
+          /* @__PURE__ */ e.jsxs(zs, { children: [
+            /* @__PURE__ */ e.jsx(Os, { children: "Assistant" }),
+            /* @__PURE__ */ e.jsx(Ms, { children: "What can I help you with?" })
           ] }),
           /* @__PURE__ */ e.jsx(
             "div",
@@ -1920,20 +1920,20 @@ function ul({
                     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: R || v,
+                    disabled: A || v,
                     value: a,
                     onChange: (z) => t(z.target.value)
                   }
                 ),
                 " ",
                 /* @__PURE__ */ e.jsx(
-                  M,
+                  I,
                   {
                     className: "h-8",
                     size: "sm",
                     variant: "ghost",
                     onClick: S,
-                    children: !R && !v ? /* @__PURE__ */ e.jsx(xt, {}) : /* @__PURE__ */ e.jsx(Ae, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" })
+                    children: !A && !v ? /* @__PURE__ */ e.jsx(mt, {}) : /* @__PURE__ */ e.jsx(qe, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" })
                   }
                 )
               ] })
@@ -1944,13 +1944,13 @@ function ul({
     )
   ] });
 }
-var qa = {
+var Aa = {
   color: void 0,
   size: void 0,
   className: void 0,
   style: void 0,
   attr: void 0
-}, Xs = Ce.createContext && /* @__PURE__ */ Ce.createContext(qa), hl = ["attr", "size", "title"];
+}, Xs = Ne.createContext && /* @__PURE__ */ Ne.createContext(Aa), hl = ["attr", "size", "title"];
 function ml(s, n) {
   if (s == null) return {};
   var a = xl(s, n), t, l;
@@ -1971,15 +1971,15 @@ function xl(s, n) {
     }
   return a;
 }
-function ls() {
-  return ls = Object.assign ? Object.assign.bind() : function(s) {
+function rs() {
+  return rs = Object.assign ? Object.assign.bind() : function(s) {
     for (var n = 1; n < arguments.length; n++) {
       var a = arguments[n];
       for (var t in a)
         Object.prototype.hasOwnProperty.call(a, t) && (s[t] = a[t]);
     }
     return s;
-  }, ls.apply(this, arguments);
+  }, rs.apply(this, arguments);
 }
 function Zs(s, n) {
   var a = Object.keys(s);
@@ -1991,7 +1991,7 @@ function Zs(s, n) {
   }
   return a;
 }
-function rs(s) {
+function is(s) {
   for (var n = 1; n < arguments.length; n++) {
     var a = arguments[n] != null ? arguments[n] : {};
     n % 2 ? Zs(Object(a), !0).forEach(function(t) {
@@ -2019,15 +2019,15 @@ function gl(s, n) {
   }
   return (n === "string" ? String : Number)(s);
 }
-function Ra(s) {
-  return s && s.map((n, a) => /* @__PURE__ */ Ce.createElement(n.tag, rs({
+function qa(s) {
+  return s && s.map((n, a) => /* @__PURE__ */ Ne.createElement(n.tag, is({
     key: a
-  }, n.attr), Ra(n.child)));
+  }, n.attr), qa(n.child)));
 }
 function ge(s) {
-  return (n) => /* @__PURE__ */ Ce.createElement(jl, ls({
-    attr: rs({}, s.attr)
-  }, n), Ra(s.child));
+  return (n) => /* @__PURE__ */ Ne.createElement(jl, rs({
+    attr: is({}, s.attr)
+  }, n), qa(s.child));
 }
 function jl(s) {
   var n = (a) => {
@@ -2036,30 +2036,30 @@ function jl(s) {
       size: l,
       title: r
     } = s, i = ml(s, hl), o = l || a.size || "1em", c;
-    return a.className && (c = a.className), s.className && (c = (c ? c + " " : "") + s.className), /* @__PURE__ */ Ce.createElement("svg", ls({
+    return a.className && (c = a.className), s.className && (c = (c ? c + " " : "") + s.className), /* @__PURE__ */ Ne.createElement("svg", rs({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
     }, a.attr, t, i, {
       className: c,
-      style: rs(rs({
+      style: is(is({
         color: s.color || a.color
       }, a.style), s.style),
       height: o,
       width: o,
       xmlns: "http://www.w3.org/2000/svg"
-    }), r && /* @__PURE__ */ Ce.createElement("title", null, r), s.children);
+    }), r && /* @__PURE__ */ Ne.createElement("title", null, r), s.children);
   };
-  return Xs !== void 0 ? /* @__PURE__ */ Ce.createElement(Xs.Consumer, null, (a) => n(a)) : n(qa);
+  return Xs !== void 0 ? /* @__PURE__ */ Ne.createElement(Xs.Consumer, null, (a) => n(a)) : n(Aa);
 }
 function bl(s) {
   return ge({ tag: "svg", attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M439.8 200.5c-7.7-30.9-22.3-54.2-53.4-54.2h-40.1v47.4c0 36.8-31.2 67.8-66.8 67.8H172.7c-29.2 0-53.4 25-53.4 54.3v101.8c0 29 25.2 46 53.4 54.3 33.8 9.9 66.3 11.7 106.8 0 26.9-7.8 53.4-23.5 53.4-54.3v-40.7H226.2v-13.6h160.2c31.1 0 42.6-21.7 53.4-54.2 11.2-33.5 10.7-65.7 0-108.6zM286.2 404c11.1 0 20.1 9.1 20.1 20.3 0 11.3-9 20.4-20.1 20.4-11 0-20.1-9.2-20.1-20.4.1-11.3 9.1-20.3 20.1-20.3zM167.8 248.1h106.8c29.7 0 53.4-24.5 53.4-54.3V91.9c0-29-24.4-50.7-53.4-55.6-35.8-5.9-74.7-5.6-106.8.1-45.2 8-53.4 24.7-53.4 55.6v40.7h106.9v13.6h-147c-31.1 0-58.3 18.7-66.8 54.2-9.8 40.7-10.2 66.1 0 108.6 7.6 31.6 25.7 54.2 56.8 54.2H101v-48.8c0-35.3 30.5-66.4 66.8-66.4zm-6.7-142.6c-11.1 0-20.1-9.1-20.1-20.3.1-11.3 9-20.4 20.1-20.4 11 0 20.1 9.2 20.1 20.4s-9 20.3-20.1 20.3z" }, child: [] }] })(s);
 }
 function yl({ sql: s }) {
-  return /* @__PURE__ */ e.jsxs(Ts, { children: [
-    /* @__PURE__ */ e.jsx(Fs, { asChild: !0, children: /* @__PURE__ */ e.jsx(M, { variant: "link", className: "h-5 p-0", children: /* @__PURE__ */ e.jsx(jt, { className: "h-4 w-4 text-muted-foreground" }) }) }),
+  return /* @__PURE__ */ e.jsxs(Fs, { children: [
+    /* @__PURE__ */ e.jsx(Ls, { asChild: !0, children: /* @__PURE__ */ e.jsx(I, { variant: "link", className: "h-5 p-0", children: /* @__PURE__ */ e.jsx(gt, { className: "h-4 w-4 text-muted-foreground" }) }) }),
     /* @__PURE__ */ e.jsx(
-      Ls,
+      Es,
       {
         align: "end",
         className: "w-full min-w-fit max-w-[700px] p-3 pt-2",
@@ -2071,31 +2071,31 @@ function yl({ sql: s }) {
     )
   ] });
 }
-function _a(s) {
-  const { theme: n } = bt(), a = D((p) => p.theme), t = u((p) => p.frame), l = u((p) => p.card), r = u((p) => p.activeTabCardId), i = yt(), { refetch: o } = Me(l), { updateCardTab: c, setRunSql: h } = ae(), d = ns(), j = ns({}), f = t.cards.find((p) => p.id === r), m = Oa(() => {
+function Ra(s) {
+  const { theme: n } = jt(), a = T((p) => p.theme), t = d((p) => p.frame), l = d((p) => p.card), r = d((p) => p.activeTabCardId), i = bt(), { refetch: o } = De(l), { updateCardTab: c, setRunSql: u } = ae(), h = ls(), b = ls({}), f = t.cards.find((p) => p.id === r), m = za(() => {
     let p = "";
     return s === "python" && (p = (f == null ? void 0 : f.python) || fa), s === "sql" && (p = (f == null ? void 0 : f.sql) || ""), p;
   }, [s, f]);
   se(() => {
     if (r && l.id && l.id !== r) {
-      if (d.current && i) {
-        const p = d.current.getModel();
-        p && (j.current[l.id] = p);
-        let N = j.current[r];
+      if (h.current && i) {
+        const p = h.current.getModel();
+        p && (b.current[l.id] = p);
+        let N = b.current[r];
         if (!N) {
           const y = m();
-          N = i.editor.createModel(y, s), j.current[r] = N;
+          N = i.editor.createModel(y, s), b.current[r] = N;
         }
-        d.current.setModel(N);
+        h.current.setModel(N);
       }
-      c(r, l), h(!0);
+      c(r, l), u(!0);
     }
   }, [
     r,
     l,
     c,
     i,
-    h,
+    u,
     s,
     m
   ]), se(() => {
@@ -2107,7 +2107,7 @@ function _a(s) {
       inherit: !0,
       rules: [],
       colors: {
-        "editor.background": N === "light" ? "#ffffff" : vt("240 10% 10%")
+        "editor.background": N === "light" ? "#ffffff" : yt("240 10% 10%")
         // 'editor.background':
         //   activeTheme === 'light'
         //     ? '#ffffff'
@@ -2115,7 +2115,7 @@ function _a(s) {
       }
     }), i.editor.setTheme("default");
   }, [n, a, i]), se(() => {
-    const p = d.current;
+    const p = h.current;
     p && i && l && p.addCommand(
       i.KeyMod.Shift | i.KeyCode.Enter,
       function() {
@@ -2124,21 +2124,21 @@ function _a(s) {
     );
   }, [i, o, l]);
   function g(p, N) {
-    if (d.current = p, !j.current[l.id]) {
-      const y = p.getModel(), A = m();
-      j.current[l.id] = y || (N == null ? void 0 : N.editor.createModel(A, s)) || p.getModel();
+    if (h.current = p, !b.current[l.id]) {
+      const y = p.getModel(), q = m();
+      b.current[l.id] = y || (N == null ? void 0 : N.editor.createModel(q, s)) || p.getModel();
     }
-    p.setModel(j.current[l.id]);
+    p.setModel(b.current[l.id]);
   }
   return { handleEditorDidMount: g };
 }
 function vl() {
-  const s = u((i) => i.card.sql), n = u((i) => i.sqlGen), { setCardSql: a, setSqlGen: t } = ae(), { handleEditorDidMount: l } = _a("sql");
+  const s = d((i) => i.card.sql), n = d((i) => i.sqlGen), { setCardSql: a, setSqlGen: t } = ae(), { handleEditorDidMount: l } = Ra("sql");
   function r(i) {
-    a(i), Ct(n) || t({});
+    a(i), vt(n) || t({});
   }
   return /* @__PURE__ */ e.jsx(
-    os,
+    cs,
     {
       theme: "default",
       className: "pt-3",
@@ -2162,12 +2162,12 @@ function vl() {
   );
 }
 function Cl() {
-  const s = u((l) => l.card.python), { setCardPython: n } = ae(), { handleEditorDidMount: a } = _a("python");
+  const s = d((l) => l.card.python), { setCardPython: n } = ae(), { handleEditorDidMount: a } = Ra("python");
   function t(l) {
     n(l);
   }
   return /* @__PURE__ */ e.jsx(
-    os,
+    cs,
     {
       className: "pt-3",
       theme: "default",
@@ -2191,13 +2191,13 @@ function Cl() {
   );
 }
 function Nl() {
-  const s = D((r) => r.dashboard.filters), n = D((r) => r.filterValues), a = D((r) => r.selectedSheetId), t = s == null ? void 0 : s.filter(
+  const s = T((r) => r.dashboard.filters), n = T((r) => r.filterValues), a = T((r) => r.selectedSheetId), t = s == null ? void 0 : s.filter(
     (r) => r.sheetId === a || !r.sheetId
   ), l = n == null ? void 0 : n.filter(
     (r) => (t == null ? void 0 : t.some((i) => i.id === r.filterId)) || r.filterId.endsWith(a)
   );
   return /* @__PURE__ */ e.jsx(
-    os,
+    cs,
     {
       theme: "default",
       defaultLanguage: "json",
@@ -2222,30 +2222,30 @@ function Nl() {
   );
 }
 function Sl() {
-  var we;
+  var ke;
   const [s, n] = _({
     queryKey: [],
     queryData: null
-  }), a = Nt(), [t, l] = _(!1), [r, i] = _(!1), [o, c] = _(!1), [h, d] = _(""), [j, f] = _(!1), m = u((w) => w.frame), g = u((w) => w.card), p = u((w) => w.isShowingVisual), N = u(
+  }), a = Ct(), [t, l] = _(!1), [r, i] = _(!1), [o, c] = _(!1), [u, h] = _(""), [b, f] = _(!1), m = d((w) => w.frame), g = d((w) => w.card), p = d((w) => w.isShowingVisual), N = d(
     (w) => w.selectedConnectionId
-  ), y = u(
+  ), y = d(
     (w) => w.selectedDatabaseName
-  ), A = u(
+  ), q = d(
     (w) => w.selectedDatamodelId
-  ), I = u(
+  ), F = d(
     (w) => w.selectedSchemaName
-  ), O = u((w) => w.selectedTableName), T = u((w) => {
+  ), M = d((w) => w.selectedTableName), O = d((w) => {
     var re;
     return (re = w == null ? void 0 : w.card) == null ? void 0 : re.sql;
-  }), F = u((w) => w.applyFilters), {
-    setCardCustomCfg: R,
+  }), D = d((w) => w.applyFilters), {
+    setCardCustomCfg: A,
     setQueryResultColumns: v,
-    setCardSql: b,
+    setCardSql: j,
     // setQueryError,
     setPythonStdOut: x,
     setCardPreferences: k,
     setCardType: S
-  } = ae(), q = u((w) => w.onSave), P = u((w) => w.onClose), G = u((w) => w.actions.setSqlGen), ee = u((w) => w.runSql), U = u((w) => w.actions.setRunSql), te = u((w) => w.actions.setCardCfg), z = u(
+  } = ae(), R = d((w) => w.onSave), P = d((w) => w.onClose), G = d((w) => w.actions.setSqlGen), ee = d((w) => w.runSql), U = d((w) => w.actions.setRunSql), te = d((w) => w.actions.setCardCfg), z = d(
     (w) => w.actions.setIsSqlRunning
   ), {
     data: E,
@@ -2256,13 +2256,13 @@ function Sl() {
     error: B,
     queryKey: X,
     refetch: le
-  } = Me(g);
+  } = De(g);
   se(() => {
-    if (E && (E.rowLimitExceeded && Ge.error("Row limit (10,000) exceeded. Refine your query.", {
+    if (E && (E.rowLimitExceeded && Ke.error("Row limit (10,000) exceeded. Refine your query.", {
       position: "top-center",
       richColors: !0
     }), x((E == null ? void 0 : E.output) || ""), E.records.length > 0)) {
-      const { dimensionKeys: w } = js(E.records);
+      const { dimensionKeys: w } = bs(E.records);
       v(w);
     }
   }, [E, v, x]), se(() => {
@@ -2281,60 +2281,60 @@ function Sl() {
   ]), se(() => {
     ee && (a.getQueryData(X) || le(), U(!1));
   }, [ee, le, U, X, a]);
-  function Te() {
+  function Fe() {
     const w = a.getQueryData(X);
     s.queryData || n({
       queryKey: X,
       queryData: w
-    }), a.setQueryData(X, null), a.removeQueries({ queryKey: X, exact: !0 }), b(""), G({}), te(void 0), R(""), k({}), S("bar");
+    }), a.setQueryData(X, null), a.removeQueries({ queryKey: X, exact: !0 }), j(""), G({}), te(void 0), A(""), k({}), S("bar");
   }
-  function Fe(w, re) {
+  function Le(w, re) {
     if (w.length === 0)
       return "";
     if (re) {
-      const ke = w.find((oe) => oe.id === re);
-      if (ke) {
-        const oe = ke.tabTitle;
+      const ze = w.find((oe) => oe.id === re);
+      if (ze) {
+        const oe = ze.tabTitle;
         if (oe == "All__Header")
           return w[0].id;
         if (oe && oe.endsWith("__Header")) {
-          const ps = oe.split("__")[0], Qe = w.find(
-            (Je) => Je.tabTitle === ps
+          const fs = oe.split("__")[0], Je = w.find(
+            (We) => We.tabTitle === fs
           );
-          return Qe ? Qe.id : w[0].id;
+          return Je ? Je.id : w[0].id;
         }
         return re;
       }
     }
     return w[0].id;
   }
-  function Se() {
-    let w = T;
-    T && !T.includes("{{") && (w = ol(T), b(w));
+  function we() {
+    let w = O;
+    O && !O.includes("{{") && (w = ol(O), j(w));
     const re = {
       ...g,
-      lastSelectedSchema: I,
-      lastSelectedDatamodelId: A,
+      lastSelectedSchema: F,
+      lastSelectedDatamodelId: q,
       lastSelectedDatabase: y,
-      lastSelectedTable: O,
+      lastSelectedTable: M,
       connectionId: N,
       type: p ? g.type : "table",
       sql: w,
       customCfg: p ? g.customCfg : null
-    }, ke = m.cards.map(
-      (_e) => _e.id === g.id ? re : _e
+    }, ze = m.cards.map(
+      (He) => He.id === g.id ? re : He
     ), oe = {
       ...m,
-      cards: ke,
-      activeCardId: Fe(ke, m.activeCardId)
+      cards: ze,
+      activeCardId: Le(ze, m.activeCardId)
     };
-    q == null || q(oe);
+    R == null || R(oe);
   }
-  function Le() {
+  function Ee() {
     const { queryKey: w, queryData: re } = s;
     w && re && a.setQueryData(w, re), G({}), P == null || P();
   }
-  function Ee() {
+  function Ve() {
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       r && /* @__PURE__ */ e.jsx(
         "div",
@@ -2345,7 +2345,7 @@ function Sl() {
             /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 pt-3", children: [
               /* @__PURE__ */ e.jsx($, { className: "ml-6 text-xs font-semibold", children: "Filters" }),
               r && /* @__PURE__ */ e.jsx(
-                Be,
+                Ue,
                 {
                   onClick: () => i(!1),
                   className: "bg-background/50 text-foreground/50 hover:cursor-pointer hover:text-foreground"
@@ -2363,23 +2363,23 @@ function Sl() {
           className: W(
             "absolute bottom-4 right-6 h-3 w-3 text-foreground/50 hover:cursor-pointer hover:text-foreground",
             {
-              "font-bold text-red-800": F
+              "font-bold text-red-800": D
             }
           )
         }
       )
     ] });
   }
-  function Ve() {
+  function Ae() {
     return /* @__PURE__ */ e.jsxs(
-      ss,
+      as,
       {
         className: "flex grow pb-1",
         direction: "vertical",
         role: "editor-resizable-group",
         children: [
           /* @__PURE__ */ e.jsxs(
-            be,
+            ye,
             {
               id: "1",
               order: 1,
@@ -2399,9 +2399,9 @@ function Sl() {
             }
           ),
           t && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-            /* @__PURE__ */ e.jsx(as, { withHandle: !0, className: "border" }),
+            /* @__PURE__ */ e.jsx(ts, { withHandle: !0, className: "border" }),
             /* @__PURE__ */ e.jsxs(
-              be,
+              ye,
               {
                 id: "2",
                 order: 2,
@@ -2434,8 +2434,8 @@ function Sl() {
         className: "flex grow flex-col justify-end",
         children: [
           /* @__PURE__ */ e.jsxs("div", { className: "relative flex grow justify-between overflow-y-scroll", children: [
-            Ve(),
-            Ee()
+            Ae(),
+            Ve()
           ] }),
           /* @__PURE__ */ e.jsxs(
             "div",
@@ -2445,7 +2445,7 @@ function Sl() {
               children: [
                 /* @__PURE__ */ e.jsxs("div", { className: "flex grow items-center gap-2", children: [
                   /* @__PURE__ */ e.jsxs(
-                    M,
+                    I,
                     {
                       title: "Shift + Enter",
                       disabled: Y || V,
@@ -2456,7 +2456,7 @@ function Sl() {
                       size: "sm",
                       variant: "outline",
                       children: [
-                        Y || V ? /* @__PURE__ */ e.jsx(Ae, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx($n, { className: "mr-2 h-4 w-4" }),
+                        Y || V ? /* @__PURE__ */ e.jsx(qe, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx($n, { className: "mr-2 h-4 w-4" }),
                         "Run"
                       ]
                     }
@@ -2464,16 +2464,16 @@ function Sl() {
                   (ne || (E == null ? void 0 : E.error)) && /* @__PURE__ */ e.jsx(
                     cl,
                     {
-                      error: (B == null ? void 0 : B.message) || ((we = E == null ? void 0 : E.error) == null ? void 0 : we.message),
+                      error: (B == null ? void 0 : B.message) || ((ke = E == null ? void 0 : E.error) == null ? void 0 : ke.message),
                       setShowAIDialog: c,
                       setTriggerAIRun: f,
-                      setUserInputforAI: d
+                      setUserInputforAI: h
                     }
                   ),
                   /* @__PURE__ */ e.jsxs(
-                    M,
+                    I,
                     {
-                      onClick: Te,
+                      onClick: Fe,
                       className: "",
                       size: "sm",
                       variant: "outline",
@@ -2499,36 +2499,36 @@ function Sl() {
                     {
                       open: o,
                       setOpen: c,
-                      userInput: h,
-                      triggerAIRun: j,
+                      userInput: u,
+                      triggerAIRun: b,
                       setTriggerAIRun: f,
-                      setUserInput: (w) => d(w)
+                      setUserInput: (w) => h(w)
                     }
                   )
                 ] }),
                 /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
                   (E == null ? void 0 : E.sql) && /* @__PURE__ */ e.jsx(yl, { sql: E.sql }),
                   /* @__PURE__ */ e.jsxs(
-                    M,
+                    I,
                     {
-                      onClick: Le,
+                      onClick: Ee,
                       className: "w-full",
                       size: "sm",
                       variant: "outline",
                       children: [
-                        /* @__PURE__ */ e.jsx(Be, { className: "mr-2 size-4" }),
+                        /* @__PURE__ */ e.jsx(Ue, { className: "mr-2 size-4" }),
                         "Close"
                       ]
                     }
                   ),
                   /* @__PURE__ */ e.jsxs(
-                    M,
+                    I,
                     {
-                      onClick: Se,
+                      onClick: we,
                       size: "sm",
                       variant: "outline",
                       children: [
-                        /* @__PURE__ */ e.jsx(St, { 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"
                       ]
                     }
@@ -2544,11 +2544,11 @@ function Sl() {
 }
 function wl({ data: s }) {
   var i;
-  const [n, a] = Ce.useState([]), l = Object.keys(s[0]).map((o) => ({
+  const [n, a] = Ne.useState([]), l = Object.keys(s[0]).map((o) => ({
     // header: key,
     accessorKey: o,
     header: ({ column: c }) => {
-      const h = c.getIsSorted();
+      const u = c.getIsSorted();
       return /* @__PURE__ */ e.jsx("div", { className: "flex gap-2", children: /* @__PURE__ */ e.jsxs(
         "div",
         {
@@ -2556,66 +2556,66 @@ function wl({ data: s }) {
           onClick: () => c.toggleSorting(c.getIsSorted() === "asc"),
           children: [
             o,
-            h === "asc" ? /* @__PURE__ */ e.jsx(wt, { className: "ml-2 h-5 w-5" }) : h === "desc" ? /* @__PURE__ */ e.jsx(kt, { className: "ml-2 h-5 w-5" }) : null
+            u === "asc" ? /* @__PURE__ */ e.jsx(St, { className: "ml-2 h-5 w-5" }) : u === "desc" ? /* @__PURE__ */ e.jsx(wt, { className: "ml-2 h-5 w-5" }) : null
           ]
         }
       ) });
     }
-  })), r = zt({
+  })), r = kt({
     data: s,
     columns: l,
-    getCoreRowModel: It(),
-    getPaginationRowModel: Tt(),
+    getCoreRowModel: Dt(),
+    getPaginationRowModel: It(),
     onSortingChange: a,
-    getSortedRowModel: Ft(),
+    getSortedRowModel: Tt(),
     manualPagination: !0,
     state: {
       sorting: n
     }
   });
   return /* @__PURE__ */ e.jsx("div", { className: "font-mono text-xs text-foreground/95", children: /* @__PURE__ */ e.jsxs("table", { className: "w-full", children: [
-    /* @__PURE__ */ e.jsx(Ot, { children: r.getHeaderGroups().map((o) => /* @__PURE__ */ e.jsx(fs, { children: o.headers.map((c) => /* @__PURE__ */ e.jsx(
-      Mt,
+    /* @__PURE__ */ e.jsx(zt, { children: r.getHeaderGroups().map((o) => /* @__PURE__ */ e.jsx(gs, { children: o.headers.map((c) => /* @__PURE__ */ e.jsx(
+      Ot,
       {
         className: "sticky top-0 h-11 bg-muted font-semibold",
-        children: c.isPlaceholder ? null : Ks(
+        children: c.isPlaceholder ? null : Qs(
           c.column.columnDef.header,
           c.getContext()
         )
       },
       c.id
     )) }, o.id)) }),
-    /* @__PURE__ */ e.jsx(Dt, { children: (i = r.getRowModel().rows) != null && i.length ? r.getRowModel().rows.map((o) => /* @__PURE__ */ e.jsx(
-      fs,
+    /* @__PURE__ */ e.jsx(Mt, { children: (i = r.getRowModel().rows) != null && i.length ? r.getRowModel().rows.map((o) => /* @__PURE__ */ e.jsx(
+      gs,
       {
         className: "whitespace-nowrap py-2",
         "data-state": o.getIsSelected() && "selected",
-        children: o.getVisibleCells().map((c) => /* @__PURE__ */ e.jsx(Qs, { className: "py-3", children: Ks(c.column.columnDef.cell, c.getContext()) }, c.id))
+        children: o.getVisibleCells().map((c) => /* @__PURE__ */ e.jsx(Js, { className: "py-3", children: Qs(c.column.columnDef.cell, c.getContext()) }, c.id))
       },
       o.id
-    )) : /* @__PURE__ */ e.jsx(fs, { children: /* @__PURE__ */ e.jsx(Qs, { colSpan: l.length, className: "h-24 text-center", children: "No results." }) }) })
+    )) : /* @__PURE__ */ e.jsx(gs, { children: /* @__PURE__ */ e.jsx(Js, { colSpan: l.length, className: "h-24 text-center", children: "No results." }) }) })
   ] }) });
 }
 function kl({ card: s }) {
-  var y, A, I, O, T, F, R, v, b, x, k;
+  var y, q, F, M, O, D, A, v, j, x, k;
   const [n, a] = _(!1), [t, l] = _(
     []
-  ), { authToken: r } = Ne(), i = Lt(r == null ? void 0 : r.accessToken), o = D((S) => S.themeStyle), c = {
-    colors: ((A = (y = o == null ? void 0 : o.chart) == null ? void 0 : y.dataset) == null ? void 0 : A.backgroundColor) || []
+  ), { authToken: r } = Se(), i = Ft(r == null ? void 0 : r.accessToken), o = T((S) => S.themeStyle), c = {
+    colors: ((q = (y = o == null ? void 0 : o.chart) == null ? void 0 : y.dataset) == null ? void 0 : q.backgroundColor) || []
   };
-  (I = s.customCardPreferences) != null && I.inputData;
-  const { getCard: h } = ga(((O = s.customCardPreferences) == null ? void 0 : O.url) || ""), d = ((T = s.customCardPreferences) == null ? void 0 : T.visualType) || "single", j = u((S) => S.frame);
+  (F = s.customCardPreferences) != null && F.inputData;
+  const { getCard: u } = ga(((M = s.customCardPreferences) == null ? void 0 : M.url) || ""), h = ((O = s.customCardPreferences) == null ? void 0 : O.visualType) || "single", b = d((S) => S.frame);
   ae();
-  const { data: f } = Me(s), m = Oa((S, q) => {
+  const { data: f } = De(s), m = za((S, R) => {
     l((P) => ({
       ...P,
-      [S]: q
+      [S]: R
     }));
   }, []);
-  if (!((F = s.customCardPreferences) != null && F.componentName))
+  if (!((D = s.customCardPreferences) != null && D.componentName))
     return null;
-  const g = h(
-    (R = s.customCardPreferences) == null ? void 0 : R.componentName
+  const g = u(
+    (A = s.customCardPreferences) == null ? void 0 : A.componentName
   );
   function p(S) {
     a(S);
@@ -2624,7 +2624,7 @@ function kl({ card: s }) {
     ((v = s.customCardPreferences) == null ? void 0 : v.dataInputCardIds) || {}
   ).map((S) => {
     var G, ee, U;
-    const q = (ee = (G = s.customCardPreferences) == null ? void 0 : G.dataInputCardIds) == null ? void 0 : ee[S].cardId, P = (U = j == null ? void 0 : j.cards) == null ? void 0 : U.find((te) => te.id === q);
+    const R = (ee = (G = s.customCardPreferences) == null ? void 0 : G.dataInputCardIds) == null ? void 0 : ee[S].cardId, P = (U = b == null ? void 0 : b.cards) == null ? void 0 : U.find((te) => te.id === R);
     return P || null;
   });
   return /* @__PURE__ */ e.jsx("div", { className: "semaphor-custom mb-3 flex grow basis-0 flex-col space-y-2 overflow-y-auto", children: /* @__PURE__ */ e.jsxs(
@@ -2632,27 +2632,27 @@ function kl({ card: s }) {
     {
       fallback: /* @__PURE__ */ e.jsx(e.Fragment, {}),
       children: [
-        g && d === "single" && /* @__PURE__ */ e.jsx(
+        g && h === "single" && /* @__PURE__ */ e.jsx(
           g,
           {
             params: i,
             theme: c,
-            settings: (b = s.customCardPreferences) == null ? void 0 : b.settings,
+            settings: (j = s.customCardPreferences) == null ? void 0 : j.settings,
             onDataChange: m,
             data: (f == null ? void 0 : f.records) || []
           }
         ),
-        g && d === "multiple" && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        g && h === "multiple" && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
           Object.keys(
             ((x = s.customCardPreferences) == null ? void 0 : x.dataInputCardIds) || {}
           ).map((S) => {
             var G, ee, U;
-            const q = (ee = (G = s.customCardPreferences) == null ? void 0 : G.dataInputCardIds) == null ? void 0 : ee[S].cardId, P = (U = j == null ? void 0 : j.cards) == null ? void 0 : U.find(
-              (te) => te.id === q
+            const R = (ee = (G = s.customCardPreferences) == null ? void 0 : G.dataInputCardIds) == null ? void 0 : ee[S].cardId, P = (U = b == null ? void 0 : b.cards) == null ? void 0 : U.find(
+              (te) => te.id === R
             );
             if (P)
               return /* @__PURE__ */ e.jsx(
-                Et,
+                Lt,
                 {
                   onLoadingStatus: p,
                   onDataChange: m,
@@ -2669,8 +2669,8 @@ function kl({ card: s }) {
               onDataChange: m,
               settings: N.map(
                 (S) => {
-                  var q;
-                  return (q = S == null ? void 0 : S.customCardPreferences) == null ? void 0 : q.settings;
+                  var R;
+                  return (R = S == null ? void 0 : S.customCardPreferences) == null ? void 0 : R.settings;
                 }
               ),
               data: N.map((S) => S != null && S.id ? t == null ? void 0 : t[S.id] : [])
@@ -2682,16 +2682,16 @@ function kl({ card: s }) {
     (k = s.customCardPreferences) == null ? void 0 : k.componentName
   ) });
 }
-function Ha({
+function _a({
   // card,
   // showCard,
   className: s,
   ...n
 }) {
   var N;
-  const a = u((y) => y.card), t = ((N = a.customCardPreferences) == null ? void 0 : N.showCardHeader) ?? !0, l = u((y) => y.frame), r = D((y) => y.dashboard.filters);
-  u((y) => y.actions.setRunSql);
-  const { updateFilter: i } = is(), o = r == null ? void 0 : r.find((y) => y.id === l.filterId), { data: c, isLoading: h, isFetching: d } = Me(a), { setCard: j } = ae(), { data: f } = Es(a);
+  const a = d((y) => y.card), t = ((N = a.customCardPreferences) == null ? void 0 : N.showCardHeader) ?? !0, l = d((y) => y.frame), r = T((y) => y.dashboard.filters);
+  d((y) => y.actions.setRunSql);
+  const { updateFilter: i } = os(), o = r == null ? void 0 : r.find((y) => y.id === l.filterId), { data: c, isLoading: u, isFetching: h } = De(a), { setCard: b } = ae(), { data: f } = Vs(a);
   if (!a.id) return null;
   let m;
   c != null && c.records && (c == null ? void 0 : c.records.length) > 0 && (m = ja({
@@ -2707,16 +2707,16 @@ function Ha({
   }
   function p() {
     var y;
-    if (c != null && c.records && (c == null ? void 0 : c.records.length) === 0 && !h && !d)
+    if (c != null && c.records && (c == null ? void 0 : c.records.length) === 0 && !u && !h)
       return /* @__PURE__ */ e.jsxs("div", { className: "flex h-full flex-col items-center justify-center gap-2", children: [
-        /* @__PURE__ */ e.jsx(Ht, { className: "size-8 text-muted-foreground" }),
+        /* @__PURE__ */ e.jsx(_t, { className: "size-8 text-muted-foreground" }),
         /* @__PURE__ */ e.jsx("p", { className: "text-sm text-muted-foreground", children: "No records to display" })
       ] });
     if (a.type === "custom")
       return g(a);
     if (!["table", "custom"].includes(a.type) && m)
       return /* @__PURE__ */ e.jsx(
-        $t,
+        Ht,
         {
           cfg: m
         },
@@ -2724,41 +2724,41 @@ function Ha({
       );
     if (a.type === "table" && (c != null && c.records) && (c == null ? void 0 : c.records.length) > 0)
       return /* @__PURE__ */ e.jsxs(fe, { className: "relative mb-2 flex h-full min-h-0 w-full flex-1 grow basis-0", children: [
-        /* @__PURE__ */ e.jsx(Pt, { card: a, data: c == null ? void 0 : c.records }),
-        /* @__PURE__ */ e.jsx(Ke, { orientation: "horizontal" })
+        /* @__PURE__ */ e.jsx($t, { card: a, data: c == null ? void 0 : c.records }),
+        /* @__PURE__ */ e.jsx(Qe, { orientation: "horizontal" })
       ] });
   }
   return /* @__PURE__ */ e.jsxs(
-    Vt,
+    Et,
     {
       role: "editor-visual-card",
       className: W("relative flex h-full flex-col rounded-none", s),
       ...n,
       children: [
-        t && /* @__PURE__ */ e.jsxs(At, { className: "flex flex-row items-start justify-between py-4", children: [
+        t && /* @__PURE__ */ e.jsxs(Vt, { className: "flex flex-row items-start justify-between py-4", children: [
           /* @__PURE__ */ e.jsxs("div", { children: [
             /* @__PURE__ */ e.jsx(
-              Xe,
+              Ze,
               {
                 text: a.title,
-                onSave: (y) => j({ ...a, title: y }),
-                children: /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-5", children: /* @__PURE__ */ e.jsx(qt, { className: "text-base", children: a.title || "Edit title..." }) })
+                onSave: (y) => b({ ...a, title: y }),
+                children: /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-5", children: /* @__PURE__ */ e.jsx(At, { className: "text-base", children: a.title || "Edit title..." }) })
               },
               a.title
             ),
             /* @__PURE__ */ e.jsx(
-              Xe,
+              Ze,
               {
                 text: a.description || "",
-                onSave: (y) => j({ ...a, description: y }),
-                children: /* @__PURE__ */ e.jsx(Rt, { children: a.description || "Edit description..." })
+                onSave: (y) => b({ ...a, description: y }),
+                children: /* @__PURE__ */ e.jsx(qt, { children: a.description || "Edit description..." })
               },
               a.description
             )
           ] }),
           o && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
             /* @__PURE__ */ e.jsx(
-              Xe,
+              Ze,
               {
                 className: "my-1",
                 text: o.title || o.column,
@@ -2769,13 +2769,13 @@ function Ha({
             /* @__PURE__ */ e.jsx(ba, { filter: o })
           ] })
         ] }),
-        /* @__PURE__ */ e.jsx(_t, { className: "flex grow flex-col", children: p() })
+        /* @__PURE__ */ e.jsx(Rt, { className: "flex grow flex-col", children: p() })
       ]
     }
   );
 }
 const ea = ({ language: s, value: n, onChange: a }) => /* @__PURE__ */ e.jsx(
-  os,
+  cs,
   {
     className: "h-full w-full overflow-hidden",
     theme: "default",
@@ -2793,10 +2793,10 @@ const ea = ({ language: s, value: n, onChange: a }) => /* @__PURE__ */ e.jsx(
     value: n,
     onChange: a
   }
-), zl = ({ card: s }) => /* @__PURE__ */ e.jsxs(ks, { children: [
+), zl = ({ card: s }) => /* @__PURE__ */ e.jsxs(zs, { children: [
   /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ e.jsx(zs, { children: "Customize Card" }),
-    /* @__PURE__ */ e.jsxs(Ms, { children: [
+    /* @__PURE__ */ e.jsx(Os, { children: "Customize Card" }),
+    /* @__PURE__ */ e.jsxs(Ds, { children: [
       /* @__PURE__ */ e.jsx(ca, { children: /* @__PURE__ */ e.jsx(
         Vn,
         {
@@ -2804,10 +2804,10 @@ const ea = ({ language: s, value: n, onChange: a }) => /* @__PURE__ */ e.jsx(
           className: "size-3 cursor-pointer text-muted-foreground/70 transition-colors hover:text-muted-foreground"
         }
       ) }),
-      /* @__PURE__ */ e.jsx(Ds, { side: "right", align: "center", children: /* @__PURE__ */ e.jsx("p", { className: "text-xs", children: "Copy Card ID" }) })
+      /* @__PURE__ */ e.jsx(Is, { side: "right", align: "center", children: /* @__PURE__ */ e.jsx("p", { className: "text-xs", children: "Copy Card ID" }) })
     ] })
   ] }),
-  /* @__PURE__ */ e.jsxs(Os, { children: [
+  /* @__PURE__ */ e.jsxs(Ms, { children: [
     "See the configuration options and documentation",
     /* @__PURE__ */ e.jsx(
       "a",
@@ -2827,15 +2827,12 @@ const ea = ({ language: s, value: n, onChange: a }) => /* @__PURE__ */ e.jsx(
   onCodeChange: l
 }) => /* @__PURE__ */ e.jsxs(va, { defaultValue: "custom-config", className: "flex w-1/2 flex-col", children: [
   /* @__PURE__ */ e.jsxs(Ca, { className: "justify-start rounded-sm rounded-b-none border border-b-0", children: [
-    /* @__PURE__ */ e.jsxs(Ze, { value: "custom-config", children: [
-      a && /* @__PURE__ */ e.jsx(Na, { className: "mr-1 h-5 w-5 text-green-600" }),
-      a ? "Custom Config" : "Default Config"
-    ] }),
-    /* @__PURE__ */ e.jsx(Ze, { value: "output", children: "Output" }),
-    /* @__PURE__ */ e.jsx(Ze, { value: "custom-code", children: "Custom Code" })
+    /* @__PURE__ */ e.jsx(es, { value: "custom-config", children: a ? "Custom Config" : "Default Config" }),
+    /* @__PURE__ */ e.jsx(es, { value: "output", children: "Output" }),
+    /* @__PURE__ */ e.jsx(es, { value: "custom-code", children: "Custom Code" })
   ] }),
   /* @__PURE__ */ e.jsx(
-    es,
+    ss,
     {
       value: "output",
       className: "mt-0 grow rounded-b border border-t-0 p-2",
@@ -2850,7 +2847,7 @@ const ea = ({ language: s, value: n, onChange: a }) => /* @__PURE__ */ e.jsx(
     }
   ),
   /* @__PURE__ */ e.jsx(
-    es,
+    ss,
     {
       value: "custom-config",
       className: "mt-0 grow rounded-b border border-t-0",
@@ -2865,7 +2862,7 @@ const ea = ({ language: s, value: n, onChange: a }) => /* @__PURE__ */ e.jsx(
     }
   ),
   /* @__PURE__ */ e.jsx(
-    es,
+    ss,
     {
       value: "custom-code",
       className: "mt-0 grow rounded-b border border-t-0",
@@ -2887,20 +2884,29 @@ const ea = ({ language: s, value: n, onChange: a }) => /* @__PURE__ */ e.jsx(
   onClose: l
 }) => /* @__PURE__ */ e.jsxs(ta, { className: "flex items-center", children: [
   /* @__PURE__ */ e.jsx($, { className: "mr-2 text-red-500", children: s }),
-  /* @__PURE__ */ e.jsx(M, { disabled: !n, onClick: a, variant: "outline", children: "Reset" }),
-  /* @__PURE__ */ e.jsx(M, { onClick: t, variant: "outline", children: "Apply" }),
-  /* @__PURE__ */ e.jsx(M, { onClick: l, variant: "outline", children: "Close" })
+  /* @__PURE__ */ e.jsx(I, { disabled: !n, onClick: a, variant: "outline", children: "Reset" }),
+  /* @__PURE__ */ e.jsx(I, { onClick: t, variant: "outline", children: "Apply" }),
+  /* @__PURE__ */ e.jsx(I, { onClick: l, variant: "outline", children: "Close" })
 ] });
 function Dl() {
-  const [s, n] = _(!1), [a, t] = _(""), [l, r] = _(""), [i, o] = _(""), [c, h] = _(""), d = u((O) => O.card), j = u((O) => O.card.customCfg), { data: f } = Me(d), { data: m } = Es(d), { setCardCustomCfg: g, setCustomVisualCode: p } = ae(), N = (O) => {
-    var T, F;
+  const [s, n] = _(!1), [a, t] = _(""), [l, r] = _(""), [i, o] = _(""), [c, u] = _(""), h = d((M) => M.card), b = d((M) => M.card.customCfg), { data: f } = De(h), { data: m } = Vs(h), { setCardCustomCfg: g, setCustomVisualCode: p } = ae(), N = (M, O) => je.transform(M, (D, A, v) => {
+    if (!je.isEqual(A, O[v]))
+      if (je.isArray(A) && je.isArray(O[v]))
+        D[v] = O[v];
+      else if (je.isObject(A) && je.isObject(O[v])) {
+        const j = N(A, O[v]);
+        je.isEmpty(j) || (D[v] = j);
+      } else
+        D[v] = O[v];
+  }), y = (M) => {
+    var O, D;
     return JSON.stringify(
       {
-        ...O,
+        ...M,
         data: {
-          ...O.data,
-          datasets: (F = (T = O.data) == null ? void 0 : T.datasets) == null ? void 0 : F.map((R) => ({
-            ...R,
+          ...M.data,
+          datasets: (D = (O = M.data) == null ? void 0 : O.datasets) == null ? void 0 : D.map((A) => ({
+            ...A,
             data: []
           }))
         }
@@ -2908,58 +2914,59 @@ function Dl() {
       null,
       2
     );
-  }, y = () => {
-    var T, F;
-    if (!((T = f == null ? void 0 : f.records) != null && T.length)) return;
-    const O = ja({
+  }, q = () => {
+    var O, D;
+    if (!((O = f == null ? void 0 : f.records) != null && O.length)) return;
+    const M = ja({
       data: f.records,
-      cardType: d.type,
-      cfg: d.cfg,
-      preferences: d.preferences,
+      cardType: h.type,
+      cfg: h.cfg,
+      preferences: h.preferences,
       topoJson: m
     });
-    O && (t(N(O)), o(((F = d.preferences) == null ? void 0 : F.customVisualCode) || ""), r(
-      j ? JSON.stringify(j, null, 2) : ""
-    ));
-  }, A = () => {
+    if (M) {
+      t(y(M)), o(((D = h.preferences) == null ? void 0 : D.customVisualCode) || "");
+      const A = je.merge(M, b);
+      r(y(A));
+    }
+  }, F = () => {
     try {
       if (i && p(i), l) {
-        const O = JSON.parse(l);
-        g(O), h("");
+        const M = JSON.parse(
+          l
+        ), O = N(
+          JSON.parse(a),
+          M
+        );
+        g(O), u("");
       }
     } catch {
-      h("Invalid JSON configuration");
-    }
-  }, I = () => {
-    if (j) {
-      const O = Js.merge(Js.cloneDeep(d.cfg), j);
-      return N(O);
+      u("Invalid JSON configuration");
     }
-    return a ? N(JSON.parse(a)) : "";
   };
-  return /* @__PURE__ */ e.jsxs(Cs, { open: s, onOpenChange: n, children: [
-    /* @__PURE__ */ e.jsx(Ns, { asChild: !0, children: /* @__PURE__ */ e.jsx(
-      M,
+  return /* @__PURE__ */ e.jsxs(Ns, { open: s, onOpenChange: n, children: [
+    /* @__PURE__ */ e.jsx(Ss, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+      I,
       {
-        onClick: y,
+        onClick: q,
         size: "sm",
         variant: "outline",
-        className: j ? "border-foreground/50 dark:border-foreground/70" : "",
-        children: /* @__PURE__ */ e.jsx(Bt, { className: "h-4 w-4" })
+        className: b ? "border-foreground/50 dark:border-foreground/70" : "",
+        children: /* @__PURE__ */ e.jsx(Pt, { className: "h-4 w-4" })
       }
     ) }),
-    /* @__PURE__ */ e.jsxs(ws, { className: "max-h-[70vh] min-h-[70vh] overflow-auto sm:min-w-[900px] lg:min-w-[1200px]", children: [
-      /* @__PURE__ */ e.jsx(zl, { card: d }),
+    /* @__PURE__ */ e.jsxs(ks, { className: "max-h-[70vh] min-h-[70vh] overflow-auto sm:min-w-[900px] lg:min-w-[1200px]", children: [
+      /* @__PURE__ */ e.jsx(zl, { card: h }),
       /* @__PURE__ */ e.jsxs("div", { className: "flex grow gap-2", children: [
-        /* @__PURE__ */ e.jsx(cs, { FallbackComponent: ya, children: /* @__PURE__ */ e.jsx(Ha, { className: "w-1/2 rounded shadow-none" }) }),
+        /* @__PURE__ */ e.jsx(ds, { FallbackComponent: ya, children: /* @__PURE__ */ e.jsx(_a, { className: "w-1/2 rounded shadow-none" }) }),
         /* @__PURE__ */ e.jsx(
           Ol,
           {
             defaultConfig: a,
             customCode: i,
-            customConfig: I(),
-            onConfigChange: (O) => r(O ?? ""),
-            onCodeChange: (O) => o(O ?? "")
+            customConfig: l,
+            onConfigChange: (M) => r(M ?? ""),
+            onCodeChange: (M) => o(M ?? "")
           }
         )
       ] }),
@@ -2967,54 +2974,54 @@ function Dl() {
         Ml,
         {
           error: c,
-          hasCustomConfig: !!j,
+          hasCustomConfig: !!b,
           onReset: () => {
-            r(""), g(null);
+            r(a), g(null);
           },
-          onApply: A,
+          onApply: F,
           onClose: () => n(!1)
         }
       )
     ] })
   ] });
 }
-function $a(s) {
+function Ha(s) {
   return ge({ tag: "svg", attr: { viewBox: "0 0 1024 1024" }, child: [{ tag: "path", attr: { d: "M926.8 397.1l-396-288a31.81 31.81 0 0 0-37.6 0l-396 288a31.99 31.99 0 0 0-11.6 35.8l151.3 466a32 32 0 0 0 30.4 22.1h489.5c13.9 0 26.1-8.9 30.4-22.1l151.3-466c4.2-13.2-.5-27.6-11.7-35.8zM838.6 417l-98.5 32-200-144.7V199.9L838.6 417zM466 567.2l-89.1 122.3-55.2-169.2L466 567.2zm-116.3-96.8L484 373.3v140.8l-134.3-43.7zM512 599.2l93.9 128.9H418.1L512 599.2zm28.1-225.9l134.2 97.1L540.1 514V373.3zM558 567.2l144.3-46.9-55.2 169.2L558 567.2zm-74-367.3v104.4L283.9 449l-98.5-32L484 199.9zM169.3 470.8l86.5 28.1 80.4 246.4-53.8 73.9-113.1-348.4zM327.1 853l50.3-69h269.3l50.3 69H327.1zm414.5-33.8l-53.8-73.9 80.4-246.4 86.5-28.1-113.1 348.4z" }, child: [] }] })(s);
 }
-function Pa(s) {
+function $a(s) {
   return ge({ tag: "svg", attr: { viewBox: "0 0 256 256", fill: "currentColor" }, child: [{ tag: "path", attr: { d: "M128,24a8,8,0,0,0-8,8V88a8,8,0,0,0,8,8,32,32,0,1,1-27.72,16,8,8,0,0,0-2.93-10.93l-48.5-28A8,8,0,0,0,37.92,76,104,104,0,1,0,128,24ZM48.09,91.1,83,111.26A48.09,48.09,0,0,0,80,128c0,1.53.08,3,.22,4.52L41.28,143A88.16,88.16,0,0,1,48.09,91.1Zm-2.67,67.31,39-10.44A48.1,48.1,0,0,0,120,175.32v40.31A88.2,88.2,0,0,1,45.42,158.41ZM136,215.63V175.32a48,48,0,0,0,0-94.65V40.36a88,88,0,0,1,0,175.27Z" }, child: [] }] })(s);
 }
-function Ba(s) {
+function Pa(s) {
   return ge({ tag: "svg", attr: { viewBox: "0 0 256 256", fill: "currentColor" }, child: [{ tag: "path", attr: { d: "M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm87.63,96H191.48A64.1,64.1,0,0,0,136,64.52V40.37A88.13,88.13,0,0,1,215.63,120ZM120,120H80.68A48.09,48.09,0,0,1,120,80.68Zm0,16v39.32A48.09,48.09,0,0,1,80.68,136Zm16,0h39.32A48.09,48.09,0,0,1,136,175.32Zm0-16V80.68A48.09,48.09,0,0,1,175.32,120ZM120,40.37V64.52A64.1,64.1,0,0,0,64.52,120H40.37A88.13,88.13,0,0,1,120,40.37ZM40.37,136H64.52A64.1,64.1,0,0,0,120,191.48v24.15A88.13,88.13,0,0,1,40.37,136ZM136,215.63V191.48A64.1,64.1,0,0,0,191.48,136h24.15A88.13,88.13,0,0,1,136,215.63Z" }, child: [] }] })(s);
 }
-function Ua(s) {
+function Ba(s) {
   return ge({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M6 16m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0" }, child: [] }, { tag: "path", attr: { d: "M16 19m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" }, child: [] }, { tag: "path", attr: { d: "M14.5 7.5m-4.5 0a4.5 4.5 0 1 0 9 0a4.5 4.5 0 1 0 -9 0" }, child: [] }] })(s);
 }
-function Ga(s) {
+function Ua(s) {
   return ge({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" }, child: [] }, { tag: "path", attr: { d: "m2 19.99 7.5-7.51 4 4 7.09-7.97L22 9.92l-8.5 9.56-4-4-6 6.01-1.5-1.5zm1.5-4.5 6-6.01 4 4L22 3.92l-1.41-1.41-7.09 7.97-4-4L2 13.99l1.5 1.5z" }, child: [] }] })(s);
 }
-function Ka(s) {
+function Ga(s) {
   return ge({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" }, child: [] }, { tag: "path", attr: { d: "M4 9h4v11H4zM4 4h4v4H4zM10 7h4v4h-4zM16 10h4v4h-4zM16 15h4v5h-4zM10 12h4v8h-4z" }, child: [] }] })(s);
 }
-function Qa(s) {
+function Ka(s) {
   return ge({ tag: "svg", attr: { version: "1.2", baseProfile: "tiny", viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M4 18c-.552 0-1-.448-1-1v-6.382l-.553.276c-.495.248-1.095.046-1.342-.447-.247-.494-.046-1.094.448-1.342l2-1c.31-.155.678-.139.973.044.294.183.474.504.474.851v8c0 .552-.448 1-1 1zM13 18h-5c-.404 0-.769-.244-.924-.617-.155-.374-.069-.804.217-1.09l4-4c.254-.254.394-.591.394-.95 0-.358-.14-.695-.394-.949-.508-.508-1.39-.508-1.9.001-.253.252-.393.589-.393.948 0 .552-.448 1-1 1s-1-.448-1-1c0-.894.348-1.733.98-2.364 1.265-1.263 3.464-1.263 4.727.001.632.631.979 1.471.979 2.363 0 .893-.348 1.733-.979 2.364l-2.293 2.293h2.586c.552 0 1 .448 1 1s-.448 1-1 1zM20.955 12.377c.338-.457.545-1.016.545-1.627 0-1.517-1.234-2.75-2.75-2.75-1.031 0-1.966.569-2.44 1.484-.254.49-.063 1.094.428 1.348.49.254 1.094.062 1.348-.428.128-.249.383-.404.664-.404.414 0 .75.336.75.75s-.336.75-.75.75c-.552 0-1 .448-1 1s.448 1 1 1c.689 0 1.25.561 1.25 1.25s-.561 1.25-1.25 1.25-1.25-.561-1.25-1.25c0-.552-.448-1-1-1s-1 .448-1 1c0 1.792 1.458 3.25 3.25 3.25s3.25-1.458 3.25-3.25c0-.939-.406-1.779-1.045-2.373z" }, child: [] }] })(s);
 }
-function Ja(s) {
+function Qa(s) {
   return ge({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M217 25v14h78V25h-78zm0 32v46h14V71h50v32h14V57h-78zm32 32v14h14V89h-14zm-64 32v46h30v-46h-30zm48 0v14h46v-14h-46zm64 0v46h30v-46h-30zm-64 32v14h46v-14h-46zm-80 32v46h62v-46h-62zm80 0v14h46v-14h-46zm64 0v46h62v-46h-62zm-64 32v14h46v-14h-46zm-112 32v46h94v-46h-94zm112 0v14h46v-14h-46zm64 0v46h94v-46h-94zm-64 32v14h46v-14h-46zM89 313v46h126v-46H89zm144 0v14h46v-14h-46zm64 0v46h126v-46H297zm-64 32v14h46v-14h-46zM57 377v46h158v-46H57zm176 0v14h46v-14h-46zm64 0v46h158v-46H297zm-64 32v14h46v-14h-46zM25 441v46h190v-46H25zm208 0v14h46v-14h-46zm64 0v46h190v-46H297zm-64 32v14h46v-14h-46z" }, child: [] }] })(s);
 }
-function Wa(s) {
+function Ja(s) {
   const [n, a] = _(null);
   return se(() => {
     s && (async () => {
-      const r = (await import("./lucide-react-Cxoe-V4k.js"))[s];
+      const r = (await import("./lucide-react-C5jk7GIc.js"))[s];
       a(r);
     })();
   }, [s]), n;
 }
-function Ya() {
-  const { authToken: s } = Ne(), { data: n, isLoading: a, isFetching: t, isError: l } = je({
+function Wa() {
+  const { authToken: s } = Se(), { data: n, isLoading: a, isFetching: t, isError: l } = be({
     queryKey: ["plugins", s == null ? void 0 : s.accessToken],
-    queryFn: () => Ut(s == null ? void 0 : s.accessToken)
+    queryFn: () => Bt(s == null ? void 0 : s.accessToken)
     // staleTime: Infinity,
   });
   return { data: n, isLoading: a, isFetching: t, isError: l };
@@ -3022,15 +3029,15 @@ function Ya() {
 function Il({
   onChartTypeChange: s
 }) {
-  const [n, a] = _([]), { data: t } = Ya();
+  const [n, a] = _([]), { data: t } = Wa();
   return se(() => {
     (async () => {
       var r;
       if (t) {
         const o = (await Promise.all(
-          (r = t == null ? void 0 : t.plugins) == null ? void 0 : r.map(async (c) => (await Gt(c.value)).visuals.map((j) => ({
-            name: j.name,
-            icon: j.icon,
+          (r = t == null ? void 0 : t.plugins) == null ? void 0 : r.map(async (c) => (await Ut(c.value)).visuals.map((b) => ({
+            name: b.name,
+            icon: b.icon,
             url: c.value
           })))
         )).flat();
@@ -3038,7 +3045,7 @@ function Il({
       }
     })();
   }, [t]), n.length === 0 ? null : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(ve, { className: "my-2" }),
+    /* @__PURE__ */ e.jsx(Ce, { className: "my-2" }),
     /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-4 place-items-center", children: n.map((l, r) => /* @__PURE__ */ e.jsx(
       Tl,
       {
@@ -3055,13 +3062,13 @@ const Tl = ({
   icon: n,
   onClick: a
 }) => {
-  const t = Wa(n || ""), l = s.charAt(0).toUpperCase();
-  return /* @__PURE__ */ e.jsx(M, { onClick: a, title: s, variant: "ghost", children: t ? /* @__PURE__ */ e.jsx(t, { className: "h-4 w-4" }) : l });
+  const t = Ja(n || ""), l = s.charAt(0).toUpperCase();
+  return /* @__PURE__ */ e.jsx(I, { onClick: a, title: s, variant: "ghost", children: t ? /* @__PURE__ */ e.jsx(t, { className: "h-4 w-4" }) : l });
 };
 function Fl() {
-  var d, j;
-  const [s, n] = _(!1), a = u((f) => f.card), t = a.type, { setCardType: l, setCardPreferences: r, setChartOrientation: i } = u((f) => f.actions), { setCardCustomCfg: o, setCustomCardPreferences: c } = ae();
-  function h(f, m) {
+  var h, b;
+  const [s, n] = _(!1), a = d((f) => f.card), t = a.type, { setCardType: l, setCardPreferences: r, setChartOrientation: i } = d((f) => f.actions), { setCardCustomCfg: o, setCustomCardPreferences: c } = ae();
+  function u(f, m) {
     o(null), r({}), l(f), m && c({
       type: "component",
       visualType: "single",
@@ -3070,90 +3077,90 @@ function Fl() {
       icon: m.icon
     }), n(!1);
   }
-  return /* @__PURE__ */ e.jsxs(ds, { open: s, onOpenChange: n, children: [
-    /* @__PURE__ */ e.jsx(us, { asChild: !0, children: /* @__PURE__ */ e.jsx(M, { size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(
+  return /* @__PURE__ */ e.jsxs(us, { open: s, onOpenChange: n, children: [
+    /* @__PURE__ */ e.jsx(hs, { asChild: !0, children: /* @__PURE__ */ e.jsx(I, { size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(
       Ll,
       {
         className: "h-4 w-4",
         chartType: t,
-        customIcon: (d = a.customCardPreferences) == null ? void 0 : d.icon,
-        componentName: (j = a.customCardPreferences) == null ? void 0 : j.componentName
+        customIcon: (h = a.customCardPreferences) == null ? void 0 : h.icon,
+        componentName: (b = a.customCardPreferences) == null ? void 0 : b.componentName
       }
     ) }) }),
-    /* @__PURE__ */ e.jsxs(hs, { className: "w-50", children: [
+    /* @__PURE__ */ e.jsxs(ms, { className: "w-50", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-4 place-items-center", children: [
         /* @__PURE__ */ e.jsx(
-          M,
+          I,
           {
-            onClick: () => h("bar"),
+            onClick: () => u("bar"),
             className: "font-normal",
             variant: "ghost",
-            children: /* @__PURE__ */ e.jsx(qs, { className: "size-5" })
+            children: /* @__PURE__ */ e.jsx(Rs, { className: "size-5" })
           }
         ),
         /* @__PURE__ */ e.jsx(
-          M,
+          I,
           {
-            onClick: () => h("line"),
+            onClick: () => u("line"),
             variant: "ghost",
-            children: /* @__PURE__ */ e.jsx(Rs, { className: "size-5" })
+            children: /* @__PURE__ */ e.jsx(_s, { className: "size-5" })
           }
         ),
         /* @__PURE__ */ e.jsx(
-          M,
+          I,
           {
-            onClick: () => h("stackedBar"),
+            onClick: () => u("stackedBar"),
             variant: "ghost",
-            children: /* @__PURE__ */ e.jsx(Ka, { className: "size-5", strokeWidth: 0 })
+            children: /* @__PURE__ */ e.jsx(Ga, { className: "size-5", strokeWidth: 0 })
           }
         ),
         /* @__PURE__ */ e.jsx(
-          M,
+          I,
           {
-            onClick: () => h("stackedLine"),
+            onClick: () => u("stackedLine"),
             variant: "ghost",
-            children: /* @__PURE__ */ e.jsx(Ga, { className: "size-5", strokeWidth: 0 })
+            children: /* @__PURE__ */ e.jsx(Ua, { className: "size-5", strokeWidth: 0 })
           }
         ),
         /* @__PURE__ */ e.jsx(
-          M,
+          I,
           {
-            onClick: () => h("scatter"),
+            onClick: () => u("scatter"),
             variant: "ghost",
-            children: /* @__PURE__ */ e.jsx(Ia, { className: "size-5" })
+            children: /* @__PURE__ */ e.jsx(Da, { className: "size-5" })
           }
         ),
         /* @__PURE__ */ e.jsx(
-          M,
+          I,
           {
-            onClick: () => h("bubble"),
+            onClick: () => u("bubble"),
             variant: "ghost",
-            children: /* @__PURE__ */ e.jsx(Ua, { className: "size-4" })
+            children: /* @__PURE__ */ e.jsx(Ba, { className: "size-4" })
           }
         ),
         /* @__PURE__ */ e.jsx(
-          M,
+          I,
           {
-            onClick: () => h("pie"),
+            onClick: () => u("pie"),
             variant: "ghost",
-            children: /* @__PURE__ */ e.jsx(Da, { className: "size-5" })
+            children: /* @__PURE__ */ e.jsx(Ma, { className: "size-5" })
           }
         ),
         /* @__PURE__ */ e.jsx(
-          M,
+          I,
           {
-            onClick: () => h("doughnut"),
+            onClick: () => u("doughnut"),
             variant: "ghost",
-            children: /* @__PURE__ */ e.jsx(Pa, { className: "size-5", strokeWidth: 1 })
+            children: /* @__PURE__ */ e.jsx($a, { className: "size-5", strokeWidth: 1 })
           }
         ),
         /* @__PURE__ */ e.jsx(
-          M,
+          I,
           {
-            onClick: () => h("radar"),
+            onClick: () => u("radar"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(
-              $a,
+              Ha,
               {
                 className: "size-5 font-extralight",
                 strokeWidth: 0.5
@@ -3162,71 +3169,71 @@ function Fl() {
           }
         ),
         /* @__PURE__ */ e.jsx(
-          M,
+          I,
           {
-            onClick: () => h("polarArea"),
+            onClick: () => u("polarArea"),
             variant: "ghost",
-            children: /* @__PURE__ */ e.jsx(Ba, { className: "size-5" })
+            children: /* @__PURE__ */ e.jsx(Pa, { className: "size-5" })
           }
         ),
         /* @__PURE__ */ e.jsx(
-          M,
+          I,
           {
-            onClick: () => h("pyramid"),
+            onClick: () => u("pyramid"),
             variant: "ghost",
-            children: /* @__PURE__ */ e.jsx(Ja, { className: "size-5" })
+            children: /* @__PURE__ */ e.jsx(Qa, { className: "size-5" })
           }
         ),
         /* @__PURE__ */ e.jsx(
-          M,
+          I,
           {
-            onClick: () => h("range"),
+            onClick: () => u("range"),
             variant: "ghost",
-            children: /* @__PURE__ */ e.jsx(Ma, { className: "size-5" })
+            children: /* @__PURE__ */ e.jsx(Oa, { className: "size-5" })
           }
         ),
         /* @__PURE__ */ e.jsx(
-          M,
+          I,
           {
-            onClick: () => h("table"),
+            onClick: () => u("table"),
             variant: "ghost",
-            children: /* @__PURE__ */ e.jsx(Is, { className: "size-5" })
+            children: /* @__PURE__ */ e.jsx(Ts, { className: "size-5" })
           }
         ),
         /* @__PURE__ */ e.jsx(
-          M,
+          I,
           {
-            onClick: () => h("kpi"),
+            onClick: () => u("kpi"),
             variant: "ghost",
-            children: /* @__PURE__ */ e.jsx(Qa, { className: "size-6" })
+            children: /* @__PURE__ */ e.jsx(Ka, { className: "size-6" })
           }
         ),
         /* @__PURE__ */ e.jsx(
-          M,
+          I,
           {
-            onClick: () => h("text"),
+            onClick: () => u("text"),
             variant: "ghost",
-            children: /* @__PURE__ */ e.jsx(_s, { className: "size-4" })
+            children: /* @__PURE__ */ e.jsx(Hs, { className: "size-4" })
           }
         ),
         /* @__PURE__ */ e.jsx(
-          M,
+          I,
           {
-            onClick: () => h("map"),
+            onClick: () => u("map"),
             variant: "ghost",
-            children: /* @__PURE__ */ e.jsx(Fa, { className: "size-4" })
+            children: /* @__PURE__ */ e.jsx(Ta, { className: "size-4" })
           }
         ),
         /* @__PURE__ */ e.jsx(
-          M,
+          I,
           {
-            onClick: () => h("custom"),
+            onClick: () => u("custom"),
             variant: "ghost",
-            children: /* @__PURE__ */ e.jsx(La, { className: "size-4" })
+            children: /* @__PURE__ */ e.jsx(Fa, { className: "size-4" })
           }
         )
       ] }),
-      /* @__PURE__ */ e.jsx(Il, { onChartTypeChange: h })
+      /* @__PURE__ */ e.jsx(Il, { onChartTypeChange: u })
     ] })
   ] });
 }
@@ -3236,58 +3243,58 @@ function Ll({
   customIcon: a,
   componentName: t
 }) {
-  const l = Wa(a || "");
+  const l = Ja(a || "");
   switch (s) {
     case "bar":
-      return /* @__PURE__ */ e.jsx(qs, { className: n });
-    case "line":
       return /* @__PURE__ */ e.jsx(Rs, { className: n });
+    case "line":
+      return /* @__PURE__ */ e.jsx(_s, { className: n });
     case "pie":
-      return /* @__PURE__ */ e.jsx(Da, { className: n });
+      return /* @__PURE__ */ e.jsx(Ma, { className: n });
     case "radar":
-      return /* @__PURE__ */ e.jsx($a, { className: n });
+      return /* @__PURE__ */ e.jsx(Ha, { className: n });
     case "scatter":
-      return /* @__PURE__ */ e.jsx(Ia, { className: n });
+      return /* @__PURE__ */ e.jsx(Da, { className: n });
     case "bubble":
-      return /* @__PURE__ */ e.jsx(Ua, { className: n });
+      return /* @__PURE__ */ e.jsx(Ba, { className: n });
     case "doughnut":
-      return /* @__PURE__ */ e.jsx(Pa, { className: n });
+      return /* @__PURE__ */ e.jsx($a, { className: n });
     case "stackedBar":
-      return /* @__PURE__ */ e.jsx(Ka, { className: "size-4 text-foreground/70" });
-    case "stackedLine":
       return /* @__PURE__ */ e.jsx(Ga, { className: "size-4 text-foreground/70" });
+    case "stackedLine":
+      return /* @__PURE__ */ e.jsx(Ua, { className: "size-4 text-foreground/70" });
     case "polarArea":
-      return /* @__PURE__ */ e.jsx(Ba, { className: n });
+      return /* @__PURE__ */ e.jsx(Pa, { className: n });
     case "pyramid":
-      return /* @__PURE__ */ e.jsx(Ja, { className: n });
+      return /* @__PURE__ */ e.jsx(Qa, { className: n });
     case "range":
-      return /* @__PURE__ */ e.jsx(Ma, { className: n });
+      return /* @__PURE__ */ e.jsx(Oa, { className: n });
     case "kpi":
-      return /* @__PURE__ */ e.jsx(Qa, { className: n });
+      return /* @__PURE__ */ e.jsx(Ka, { className: n });
     case "text":
-      return /* @__PURE__ */ e.jsx(_s, { className: n });
+      return /* @__PURE__ */ e.jsx(Hs, { className: n });
     case "map":
-      return /* @__PURE__ */ e.jsx(Fa, { className: n });
+      return /* @__PURE__ */ e.jsx(Ta, { className: n });
     case "custom":
-      return a && l ? /* @__PURE__ */ e.jsx(l, { className: n }) : t ? t == null ? void 0 : t.charAt(0).toUpperCase() : /* @__PURE__ */ e.jsx(La, { className: n });
+      return a && l ? /* @__PURE__ */ e.jsx(l, { className: n }) : t ? t == null ? void 0 : t.charAt(0).toUpperCase() : /* @__PURE__ */ e.jsx(Fa, { className: n });
     default:
-      return /* @__PURE__ */ e.jsx(Is, { className: n });
+      return /* @__PURE__ */ e.jsx(Ts, { className: n });
   }
 }
 function El() {
   var n;
-  const s = u((a) => a.card);
+  const s = d((a) => a.card);
   return (n = s.customCardPreferences) == null || n.showCardHeader, ae(), /* @__PURE__ */ e.jsxs(na, { children: [
-    /* @__PURE__ */ e.jsx(la, { asChild: !0, children: /* @__PURE__ */ e.jsx(Ta, { className: "size-4 cursor-pointer text-muted-foreground/70 transition-colors hover:text-muted-foreground" }) }),
+    /* @__PURE__ */ e.jsx(la, { 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(ra, { align: "start", className: "w-40 text-muted-foreground", children: /* @__PURE__ */ e.jsxs(
-      Kt,
+      Gt,
       {
         onClick: () => {
-          navigator.clipboard.writeText(s.id), Ge.success("Card ID copied to clipboard");
+          navigator.clipboard.writeText(s.id), Ke.success("Card ID copied to clipboard");
         },
         className: "cursor-pointer space-x-2",
         children: [
-          /* @__PURE__ */ e.jsx(Qt, { className: "size-5" }),
+          /* @__PURE__ */ e.jsx(Kt, { className: "size-5" }),
           /* @__PURE__ */ e.jsx("span", { children: "Copy Card ID" })
         ]
       }
@@ -3296,14 +3303,14 @@ function El() {
 }
 function sa() {
   var v;
-  const s = u((b) => b.frame), n = u((b) => b.card), a = u((b) => b.isShowingVisual), t = u((b) => b.isSqlRunning), l = u((b) => b.pythonStdOut);
-  u((b) => b.actions.setRunSql);
-  const { setFrame: r, setCard: i, updateCardInFrame: o, setActiveTabCardId: c } = ae(), { data: h, isLoading: d, isFetching: j, error: f } = Me(n);
+  const s = d((j) => j.frame), n = d((j) => j.card), a = d((j) => j.isShowingVisual), t = d((j) => j.isSqlRunning), l = d((j) => j.pythonStdOut);
+  d((j) => j.actions.setRunSql);
+  const { setFrame: r, setCard: i, updateCardInFrame: o, setActiveTabCardId: c } = ae(), { data: u, isLoading: h, isFetching: b, error: f } = De(n);
   if (!n) return /* @__PURE__ */ e.jsx(e.Fragment, { children: "No Active Card" });
   function m() {
-    const b = {
+    const j = {
       connectionId: n.connectionId,
-      id: Ue(),
+      id: Ge(),
       title: "Title",
       description: "Description",
       preferences: {
@@ -3318,27 +3325,27 @@ function sa() {
       sql: "",
       data: []
     };
-    g(b);
+    g(j);
   }
-  function g(b) {
+  function g(j) {
     const x = {
       ...s,
-      cards: [...s.cards, b],
-      activeCardId: b.id
+      cards: [...s.cards, j],
+      activeCardId: j.id
     };
-    r(x), c(b.id);
+    r(x), c(j.id);
   }
   function p() {
-    const b = {
+    const j = {
       ...n,
-      id: Ue(),
+      id: Ge(),
       title: `${n.title} Copy`,
       tabTitle: `${n.tabTitle || n.title} Copy`
     };
-    g(b);
+    g(j);
   }
-  function N(b) {
-    const x = s.cards.filter((q) => q.id !== b), k = x[0], S = {
+  function N(j) {
+    const x = s.cards.filter((R) => R.id !== j), k = x[0], S = {
       ...s,
       cards: x,
       // update the active card to the first card in the frame
@@ -3346,21 +3353,21 @@ function sa() {
     };
     r(S), c(k.id), i(k);
   }
-  function y(b) {
-    c(b);
+  function y(j) {
+    c(j);
   }
-  const A = (b, x) => {
-    console.log("handleDragStart", x), b.dataTransfer.setData("tabIndex", x.toString());
-  }, I = (b) => {
-    b.preventDefault();
-  }, O = (b, x) => {
-    const k = b.dataTransfer.getData("tabIndex");
+  const q = (j, x) => {
+    console.log("handleDragStart", x), j.dataTransfer.setData("tabIndex", x.toString());
+  }, F = (j) => {
+    j.preventDefault();
+  }, M = (j, x) => {
+    const k = j.dataTransfer.getData("tabIndex");
     if (k === x.toString()) return;
-    const S = Array.from(s.cards), [q] = S.splice(parseInt(k), 1);
-    S.splice(x, 0, q), r({ ...s, cards: S });
+    const S = Array.from(s.cards), [R] = S.splice(parseInt(k), 1);
+    S.splice(x, 0, R), r({ ...s, cards: S });
   };
-  function T(b, x) {
-    return b.cards.length === 1 && (x.displayTab === !0 || x.displayTab === void 0) || b.activeCardId !== x.id && (x.displayTab === !0 || x.displayTab === void 0) ? null : /* @__PURE__ */ e.jsx(
+  function O(j, x) {
+    return j.cards.length === 1 && (x.displayTab === !0 || x.displayTab === void 0) || j.activeCardId !== x.id && (x.displayTab === !0 || x.displayTab === void 0) ? null : /* @__PURE__ */ e.jsx(
       "div",
       {
         onClick: () => {
@@ -3370,11 +3377,11 @@ function sa() {
             displayTab: k
           });
         },
-        children: x.displayTab === !0 || x.displayTab === void 0 ? /* @__PURE__ */ e.jsx(Xt, { className: "mr-2 size-3.5 text-muted-foreground hover:text-foreground" }) : /* @__PURE__ */ e.jsx(In, { className: "mr-2 size-3.5 text-muted-foreground hover:text-foreground" })
+        children: x.displayTab === !0 || x.displayTab === void 0 ? /* @__PURE__ */ e.jsx(Yt, { className: "mr-2 size-3.5 text-muted-foreground hover:text-foreground" }) : /* @__PURE__ */ e.jsx(In, { className: "mr-2 size-3.5 text-muted-foreground hover:text-foreground" })
       }
     );
   }
-  function F() {
+  function D() {
     return /* @__PURE__ */ e.jsxs(
       va,
       {
@@ -3382,51 +3389,51 @@ function sa() {
         value: s.activeCardId,
         className: "flex grow flex-col",
         children: [
-          s.cards.map((b) => /* @__PURE__ */ e.jsx(es, { className: "mt-0 grow", value: b.id, children: R() }, b.id)),
+          s.cards.map((j) => /* @__PURE__ */ e.jsx(ss, { className: "mt-0 grow", value: j.id, children: A() }, j.id)),
           /* @__PURE__ */ e.jsx(Ca, { className: "group mx-6 justify-between", children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center", children: [
-            s.cards.map((b, x) => /* @__PURE__ */ e.jsx(
-              Xe,
+            s.cards.map((j, x) => /* @__PURE__ */ e.jsx(
+              Ze,
               {
-                text: b.tabTitle || b.title,
+                text: j.tabTitle || j.title,
                 onSave: (k) => {
                   i({ ...n, tabTitle: k }), o({ ...n, tabTitle: k });
                 },
                 children: /* @__PURE__ */ e.jsxs(
-                  Ze,
+                  es,
                   {
                     draggable: !0,
-                    onDragStart: (k) => A(k, x),
-                    onDragOver: I,
-                    onDrop: (k) => O(k, x),
+                    onDragStart: (k) => q(k, x),
+                    onDragOver: F,
+                    onDrop: (k) => M(k, x),
                     className: "",
-                    value: b.id,
+                    value: j.id,
                     children: [
-                      T(s, b),
-                      b.tabTitle || b.title,
-                      s.activeCardId === b.id && s.cards.length > 1 && /* @__PURE__ */ e.jsx(
-                        Sa,
+                      O(s, j),
+                      j.tabTitle || j.title,
+                      s.activeCardId === j.id && s.cards.length > 1 && /* @__PURE__ */ e.jsx(
+                        Na,
                         {
                           className: "ml-2 size-3.5 text-muted-foreground hover:text-foreground",
-                          onClick: () => N(b.id)
+                          onClick: () => N(j.id)
                         }
                       )
                     ]
                   }
                 )
               },
-              b.id
+              j.id
             )),
             /* @__PURE__ */ e.jsx(
-              M,
+              I,
               {
                 className: "ml-1 h-8 px-2 hover:bg-muted-foreground/50",
                 variant: "outline",
                 onClick: m,
-                children: /* @__PURE__ */ e.jsx(Ss, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ e.jsx(ws, { className: "h-4 w-4" })
               }
             ),
             /* @__PURE__ */ e.jsx(
-              M,
+              I,
               {
                 className: "invisible ml-1 h-8 px-2 hover:bg-muted-foreground/50 group-hover:visible",
                 variant: "outline",
@@ -3439,18 +3446,18 @@ function sa() {
       }
     );
   }
-  function R() {
-    return n.type === "kpi" ? /* @__PURE__ */ e.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e.jsx(Jt, { card: n, data: h == null ? void 0 : h.records }) }) }) : n.type === "text" ? /* @__PURE__ */ e.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e.jsx(fe, { className: "mx-3 my-6 h-[300px] overflow-y-auto break-words px-3", children: /* @__PURE__ */ e.jsx(
-      Wt,
+  function A() {
+    return n.type === "kpi" ? /* @__PURE__ */ e.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e.jsx(Qt, { card: n, data: u == null ? void 0 : u.records }) }) }) : n.type === "text" ? /* @__PURE__ */ e.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e.jsx(fe, { className: "mx-3 my-6 h-[300px] overflow-y-auto break-words px-3", children: /* @__PURE__ */ e.jsx(
+      Jt,
       {
         isLoading: t,
         card: n,
-        data: h == null ? void 0 : h.records
+        data: u == null ? void 0 : u.records
       }
-    ) }) }) }) : /* @__PURE__ */ e.jsx(cs, { FallbackComponent: ya, children: /* @__PURE__ */ e.jsx(Ha, { className: "grow border-none shadow-none" }) });
+    ) }) }) }) : /* @__PURE__ */ e.jsx(ds, { FallbackComponent: ya, children: /* @__PURE__ */ e.jsx(_a, { className: "grow border-none shadow-none" }) });
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "relative flex h-full flex-col py-3", children: [
-    (d || j) && /* @__PURE__ */ e.jsx("div", { className: "absolute bottom-0 left-0 right-0 top-0 z-50 m-auto flex h-10 w-10 items-center justify-center rounded-md bg-muted", children: /* @__PURE__ */ e.jsx(Ae, { className: "h-8 w-8 animate-spin text-muted-foreground" }) }),
+    (h || b) && /* @__PURE__ */ e.jsx("div", { className: "absolute bottom-0 left-0 right-0 top-0 z-50 m-auto flex h-10 w-10 items-center justify-center rounded-md bg-muted", children: /* @__PURE__ */ e.jsx(qe, { className: "h-8 w-8 animate-spin text-muted-foreground" }) }),
     /* @__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(Fl, {}),
@@ -3459,15 +3466,15 @@ function sa() {
       ] }),
       /* @__PURE__ */ e.jsx(Al, {})
     ] }),
-    a ? F() : /* @__PURE__ */ e.jsxs(
-      ss,
+    a ? D() : /* @__PURE__ */ e.jsxs(
+      as,
       {
         className: "px-6",
         direction: "horizontal",
         children: [
           l && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
             /* @__PURE__ */ e.jsx(
-              be,
+              ye,
               {
                 id: "1",
                 order: 1,
@@ -3477,19 +3484,19 @@ function sa() {
                 children: l && /* @__PURE__ */ e.jsx(Vl, {})
               }
             ),
-            /* @__PURE__ */ e.jsx(as, {})
+            /* @__PURE__ */ e.jsx(ts, {})
           ] }),
           /* @__PURE__ */ e.jsx(
-            be,
+            ye,
             {
               id: "2",
               order: 2,
               minSize: 10,
               className: "relative flex h-full min-h-0 w-full flex-1 basis-0",
               children: /* @__PURE__ */ e.jsxs(fe, { className: "relative flex h-full min-h-0 w-full flex-1 basis-0", children: [
-                (h == null ? void 0 : h.records) && (h == null ? void 0 : h.records.length) > 0 && /* @__PURE__ */ e.jsx(wl, { data: (h == null ? void 0 : h.records) || [] }),
-                (f || (h == null ? void 0 : h.error)) && /* @__PURE__ */ e.jsx("span", { className: "font-mono text-xs", children: (f == null ? void 0 : f.message) || ((v = h == null ? void 0 : h.error) == null ? void 0 : v.message) }),
-                /* @__PURE__ */ e.jsx(Ke, { orientation: "horizontal" })
+                (u == null ? void 0 : u.records) && (u == null ? void 0 : u.records.length) > 0 && /* @__PURE__ */ e.jsx(wl, { data: (u == null ? void 0 : u.records) || [] }),
+                (f || (u == null ? void 0 : u.error)) && /* @__PURE__ */ e.jsx("span", { className: "font-mono text-xs", children: (f == null ? void 0 : f.message) || ((v = u == null ? void 0 : u.error) == null ? void 0 : v.message) }),
+                /* @__PURE__ */ e.jsx(Qe, { orientation: "horizontal" })
               ] })
             }
           )
@@ -3499,25 +3506,25 @@ function sa() {
   ] });
 }
 function Vl() {
-  const s = u((a) => a.pythonStdOut);
+  const s = d((a) => a.pythonStdOut);
   if (!s) return null;
   const n = s.replace(/\n/g, "<br>");
   return /* @__PURE__ */ e.jsxs("div", { className: "relative flex w-full flex-col border-r", children: [
     /* @__PURE__ */ e.jsx("div", { className: "sticky top-0 flex max-h-11 min-h-11 grow items-center border-b bg-muted px-3 font-mono text-xs font-semibold text-foreground/70", children: "Python Output" }),
     /* @__PURE__ */ e.jsxs(fe, { className: "overflow-y-auto px-2 pt-1 font-mono text-xs text-foreground/90", children: [
       /* @__PURE__ */ e.jsx("div", { dangerouslySetInnerHTML: { __html: n } }),
-      /* @__PURE__ */ e.jsx(Ke, { orientation: "horizontal" })
+      /* @__PURE__ */ e.jsx(Qe, { orientation: "horizontal" })
     ] })
   ] });
 }
 function Al() {
-  const s = u((a) => a.isShowingVisual), n = u(
+  const s = d((a) => a.isShowingVisual), n = d(
     (a) => a.actions.setIsShowingVisual
   );
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
     /* @__PURE__ */ e.jsx($, { htmlFor: "visualize", children: "Chart" }),
     /* @__PURE__ */ e.jsx(
-      Yt,
+      Wt,
       {
         checked: s,
         onCheckedChange: () => n(!s),
@@ -3533,14 +3540,14 @@ function ql({
   onValueChange: a
 }) {
   return /* @__PURE__ */ e.jsx(
-    ms,
+    xs,
     {
       value: n,
       onValueChange: a,
       className: "flex gap-4",
       defaultValue: s[0].value,
       children: s.map((t) => /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-        /* @__PURE__ */ e.jsx(Oe, { value: t.value, id: t.value }),
+        /* @__PURE__ */ e.jsx(Me, { value: t.value, id: t.value }),
         /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: t.value, children: t.label })
       ] }, t.value))
     }
@@ -3561,13 +3568,13 @@ function de({
         children: /* @__PURE__ */ e.jsx(me, { placeholder: s })
       }
     ),
-    /* @__PURE__ */ e.jsx(xe, { children: /* @__PURE__ */ e.jsxs(ye, { children: [
+    /* @__PURE__ */ e.jsx(xe, { children: /* @__PURE__ */ e.jsxs(ve, { children: [
       /* @__PURE__ */ e.jsx(pe, { children: s }),
       n.map((r) => /* @__PURE__ */ e.jsx(Z, { value: r.value, children: r.label }, r.value))
     ] }) })
   ] });
 }
-function Pe({
+function Be({
   children: s,
   summary: n,
   open: a,
@@ -3581,7 +3588,7 @@ function Pe({
       children: [
         /* @__PURE__ */ e.jsxs("summary", { className: "flex cursor-pointer list-none items-center justify-between gap-4", children: [
           /* @__PURE__ */ e.jsx($, { children: n }),
-          /* @__PURE__ */ e.jsx(Zt, { 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 })
       ]
@@ -3590,104 +3597,104 @@ function Pe({
 }
 function Rl() {
   var p, N;
-  const s = u(
+  const s = d(
     (y) => y.card.customCardPreferences
-  ), { data: n } = Ya(), a = (n == null ? void 0 : n.plugins) || [], t = u((y) => y.card), l = u((y) => y.frame), r = (s == null ? void 0 : s.visualType) || "single", { setCustomCardPreferences: i } = ae(), { components: o, manifest: c } = ga(
+  ), { data: n } = Wa(), a = (n == null ? void 0 : n.plugins) || [], t = d((y) => y.card), l = d((y) => y.frame), r = (s == null ? void 0 : s.visualType) || "single", { setCustomCardPreferences: i } = ae(), { components: o, manifest: c } = ga(
     (s == null ? void 0 : s.url) || ""
-  ), h = (p = c == null ? void 0 : c.visuals) == null ? void 0 : p.find(
+  ), u = (p = c == null ? void 0 : c.visuals) == null ? void 0 : p.find(
     (y) => y.name === (s == null ? void 0 : s.componentName)
   );
-  function d(y, A) {
+  function h(y, q) {
     if (!s) return;
-    const O = {
+    const M = {
       ...(s == null ? void 0 : s.dataInputCardIds) || {},
       [y]: {
-        cardId: A,
+        cardId: q,
         hookRef: null
       }
     };
     i({
       ...s,
-      dataInputCardIds: O
+      dataInputCardIds: M
     });
   }
-  function j(y) {
-    var I, O;
-    const A = (I = l == null ? void 0 : l.cards) == null ? void 0 : I.filter((T) => {
-      var F;
-      return ((F = T == null ? void 0 : T.customCardPreferences) == null ? void 0 : F.visualType) !== "multiple";
-    }).map((T) => ({
-      value: T.id,
-      label: T.tabTitle || T.title
+  function b(y) {
+    var F, M;
+    const q = (F = l == null ? void 0 : l.cards) == null ? void 0 : F.filter((O) => {
+      var D;
+      return ((D = O == null ? void 0 : O.customCardPreferences) == null ? void 0 : D.visualType) !== "multiple";
+    }).map((O) => ({
+      value: O.id,
+      label: O.tabTitle || O.title
     }));
-    return /* @__PURE__ */ e.jsx("div", { className: "space-y-2", children: (O = y == null ? void 0 : y.dataInputs) == null ? void 0 : O.map((T, F) => {
-      var R, v;
+    return /* @__PURE__ */ e.jsx("div", { className: "space-y-2", children: (M = y == null ? void 0 : y.dataInputs) == null ? void 0 : M.map((O, D) => {
+      var A, v;
       return /* @__PURE__ */ e.jsxs(
         "div",
         {
           className: "grid grid-cols-10 gap-2",
           children: [
-            /* @__PURE__ */ e.jsx("div", { className: "col-span-4 flex items-center", children: T }),
+            /* @__PURE__ */ e.jsx("div", { className: "col-span-4 flex items-center", children: O }),
             /* @__PURE__ */ e.jsx(
               de,
               {
                 className: "col-span-6 h-8 w-full justify-between",
                 label: "",
-                options: A || [],
-                value: ((v = (R = s == null ? void 0 : s.dataInputCardIds) == null ? void 0 : R[F]) == null ? void 0 : v.cardId) || "",
-                onValueChange: (b) => d(F, b)
+                options: q || [],
+                value: ((v = (A = s == null ? void 0 : s.dataInputCardIds) == null ? void 0 : A[D]) == null ? void 0 : v.cardId) || "",
+                onValueChange: (j) => h(D, j)
               }
             )
           ]
         },
-        F + Math.random()
+        D + Math.random()
       );
     }) });
   }
-  function f(y, A, I = []) {
-    var O, T;
+  function f(y, q, F = []) {
+    var M, O;
     return s ? y === "input" ? /* @__PURE__ */ e.jsx(
       ie,
       {
-        className: `h-8 w-full ${$e}`,
-        value: ((O = s == null ? void 0 : s.settings) == null ? void 0 : O[A]) || "",
-        onChange: (F) => {
+        className: `h-8 w-full ${Pe}`,
+        value: ((M = s == null ? void 0 : s.settings) == null ? void 0 : M[q]) || "",
+        onChange: (D) => {
           i({
             ...s,
             settings: {
               ...s == null ? void 0 : s.settings,
-              [A]: F.target.value
+              [q]: D.target.value
             }
           });
         }
       },
-      A
+      q
     ) : y === "select" ? /* @__PURE__ */ e.jsx(
       de,
       {
         className: "h-8 w-full",
         label: "",
-        options: I,
-        value: ((T = s == null ? void 0 : s.settings) == null ? void 0 : T[A]) || "",
-        onValueChange: (F) => {
+        options: F,
+        value: ((O = s == null ? void 0 : s.settings) == null ? void 0 : O[q]) || "",
+        onValueChange: (D) => {
           i({
             ...s,
-            settings: { ...s == null ? void 0 : s.settings, [A]: F }
+            settings: { ...s == null ? void 0 : s.settings, [q]: D }
           });
         }
       }
     ) : null : null;
   }
   function m(y) {
-    const A = Object.entries((y == null ? void 0 : y.settings) || {});
-    return /* @__PURE__ */ e.jsx("div", { className: "space-y-3", children: A.map(([I, O]) => /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ e.jsx($, { children: O.title }),
+    const q = Object.entries((y == null ? void 0 : y.settings) || {});
+    return /* @__PURE__ */ e.jsx("div", { className: "space-y-3", children: q.map(([F, M]) => /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ e.jsx($, { children: M.title }),
       f(
-        O.ui,
-        I,
-        O.options
+        M.ui,
+        F,
+        M.options
       )
-    ] }, I)) });
+    ] }, F)) });
   }
   function g(y) {
     s && i({
@@ -3701,7 +3708,7 @@ function Rl() {
     {
       className: "p-6",
       children: [
-        /* @__PURE__ */ e.jsx(Pe, { 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(Be, { 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(
             de,
             {
@@ -3753,42 +3760,42 @@ function Rl() {
             ) })
           ] }) })
         ] }) }) }),
-        /* @__PURE__ */ e.jsx(ve, { className: "my-4" }),
-        ((N = t == null ? void 0 : t.customCardPreferences) == null ? void 0 : N.componentName) && /* @__PURE__ */ e.jsxs(Pe, { summary: "Component Settings", children: [
-          h && h.dataInputs && /* @__PURE__ */ e.jsxs("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ e.jsx(Ce, { className: "my-4" }),
+        ((N = t == null ? void 0 : t.customCardPreferences) == null ? void 0 : N.componentName) && /* @__PURE__ */ e.jsxs(Be, { summary: "Component Settings", children: [
+          u && u.dataInputs && /* @__PURE__ */ e.jsxs("div", { className: "space-y-3", children: [
             /* @__PURE__ */ e.jsx($, { children: "Input Mapping" }),
-            /* @__PURE__ */ e.jsx("div", { className: "px-2", children: j(h) })
+            /* @__PURE__ */ e.jsx("div", { className: "px-2", children: b(u) })
           ] }),
-          h && h.settings && /* @__PURE__ */ e.jsx("div", { className: "space-y-3", children: /* @__PURE__ */ e.jsx("div", { className: "px-2", children: m(h) }) })
+          u && u.settings && /* @__PURE__ */ e.jsx("div", { className: "space-y-3", children: /* @__PURE__ */ e.jsx("div", { className: "px-2", children: m(u) }) })
         ] })
       ]
     }
   );
 }
-function Ie() {
+function Te() {
   const [s, n] = _([]);
-  u(
-    (d) => d.card.cfg
+  d(
+    (h) => h.card.cfg
   );
-  const a = u((d) => d.card.preferences), { setCardCfg: t, setFilterOnClickColumnIndex: l, setCardPreferences: r } = u((d) => d.actions), i = u(
-    (d) => d.queryResultColumns
+  const a = d((h) => h.card.preferences), { setCardCfg: t, setFilterOnClickColumnIndex: l, setCardPreferences: r } = d((h) => h.actions), i = d(
+    (h) => h.queryResultColumns
   );
-  u(
-    (d) => {
-      var j;
-      return (j = d.card.preferences) == null ? void 0 : j.filterOnClickColumnIndex;
+  d(
+    (h) => {
+      var b;
+      return (b = h.card.preferences) == null ? void 0 : b.filterOnClickColumnIndex;
     }
   ), se(() => {
     i && n(new Array(i.length).fill(!1));
   }, [i]);
-  function o(d, j) {
+  function o(h, b) {
     var f, m;
-    j ? a != null && a.onClickFilter && ((f = a == null ? void 0 : a.onClickFilter) == null ? void 0 : f.length) > 0 ? r({
+    b ? a != null && a.onClickFilter && ((f = a == null ? void 0 : a.onClickFilter) == null ? void 0 : f.length) > 0 ? r({
       ...a,
       onClickFilter: [
         ...a.onClickFilter,
         {
-          columnIndex: d,
+          columnIndex: h,
           expression: ""
         }
       ]
@@ -3796,39 +3803,39 @@ function Ie() {
       ...a,
       onClickFilter: [
         {
-          columnIndex: d,
+          columnIndex: h,
           expression: ""
         }
       ]
     }) : (r({
       ...a,
       onClickFilter: (m = a == null ? void 0 : a.onClickFilter) == null ? void 0 : m.filter(
-        (g) => g.columnIndex !== d
+        (g) => g.columnIndex !== h
       )
     }), n((g) => {
       const p = [...g];
-      return p[d] = !1, p;
+      return p[h] = !1, p;
     }));
   }
-  function c(d, j) {
+  function c(h, b) {
     var m;
-    const f = (m = a == null ? void 0 : a.onClickFilter) == null ? void 0 : m.map((g) => g.columnIndex === d ? {
+    const f = (m = a == null ? void 0 : a.onClickFilter) == null ? void 0 : m.map((g) => g.columnIndex === h ? {
       ...g,
-      expression: j.target.value
+      expression: b.target.value
     } : g);
     r({
       ...a,
       onClickFilter: f
     });
   }
-  function h(d) {
-    var j, f, m, g;
-    if (s != null && s[d] || (f = (j = a == null ? void 0 : a.onClickFilter) == null ? void 0 : j.find((p) => p.columnIndex === d)) != null && f.expression)
+  function u(h) {
+    var b, f, m, g;
+    if (s != null && s[h] || (f = (b = a == null ? void 0 : a.onClickFilter) == null ? void 0 : b.find((p) => p.columnIndex === h)) != null && f.expression)
       return /* @__PURE__ */ e.jsx(
         ie,
         {
-          value: (g = (m = a == null ? void 0 : a.onClickFilter) == null ? void 0 : m.find((p) => p.columnIndex === d)) == null ? void 0 : g.expression,
-          onChange: (p) => c(d, p),
+          value: (g = (m = a == null ? void 0 : a.onClickFilter) == null ? void 0 : m.find((p) => p.columnIndex === h)) == null ? void 0 : g.expression,
+          onChange: (p) => c(h, p),
           type: "text",
           className: "h-9 w-full font-mono text-xs focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0",
           placeholder: "Expression"
@@ -3837,7 +3844,7 @@ function Ie() {
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ e.jsx($, { children: "On Click" }),
-    i == null ? void 0 : i.map((d, j) => {
+    i == null ? void 0 : i.map((h, b) => {
       var f, m;
       return /* @__PURE__ */ e.jsx(
         "div",
@@ -3846,55 +3853,55 @@ function Ie() {
           children: /* @__PURE__ */ e.jsxs("div", { className: "grow", children: [
             /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2 py-2", children: [
               /* @__PURE__ */ e.jsx(
-                Vs,
+                As,
                 {
                   checked: !!((f = a == null ? void 0 : a.onClickFilter) != null && f.find(
-                    (g) => g.columnIndex === j
+                    (g) => g.columnIndex === b
                   )),
-                  onCheckedChange: (g) => o(j, g)
+                  onCheckedChange: (g) => o(b, g)
                 }
               ),
               /* @__PURE__ */ e.jsx(
                 "label",
                 {
                   className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
-                  children: d
+                  children: h
                 }
               ),
               /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: ((m = a == null ? void 0 : a.onClickFilter) == null ? void 0 : m.find(
-                (g) => g.columnIndex === j
+                (g) => g.columnIndex === b
               )) && /* @__PURE__ */ e.jsx(
                 ia,
                 {
                   onClick: () => {
                     n((g) => {
                       const p = [...g];
-                      return p[j] = !g[j], p;
+                      return p[b] = !g[b], p;
                     });
                   },
                   className: "invisible size-3 cursor-pointer text-gray-400 group-hover:visible"
                 }
               ) })
             ] }),
-            h(j)
+            u(b)
           ] })
         },
-        d
+        h
       );
     })
   ] });
 }
-function xs() {
+function ps() {
   var i, o, c;
-  const s = u((h) => h.card.preferences), n = u(
-    (h) => h.card.cfg
-  ), { setCardCfg: a, setCardPreferences: t, setChartOrientation: l } = u((h) => h.actions);
+  const s = d((u) => u.card.preferences), n = d(
+    (u) => u.card.cfg
+  ), { setCardCfg: a, setCardPreferences: t, setChartOrientation: l } = d((u) => u.actions);
   (i = n == null ? void 0 : n.options) != null && i.indexAxis;
-  function r(h) {
-    l(h);
+  function r(u) {
+    l(u);
   }
   return /* @__PURE__ */ e.jsxs(
-    ms,
+    xs,
     {
       value: ((o = s == null ? void 0 : s.chartOptions) == null ? void 0 : o.indexAxis) || ((c = n == null ? void 0 : n.options) == null ? void 0 : c.indexAxis) || "x",
       onValueChange: r,
@@ -3902,57 +3909,57 @@ function xs() {
       defaultValue: "x",
       children: [
         /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ e.jsx(Oe, { value: "x", id: "r1" }),
+          /* @__PURE__ */ e.jsx(Me, { 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(Oe, { value: "y", id: "r2" }),
+          /* @__PURE__ */ e.jsx(Me, { value: "y", id: "r2" }),
           /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: "r2", children: "Horizontal" })
         ] })
       ]
     }
   );
 }
-const We = "focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0";
+const Ye = "focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0";
 function aa(s, n) {
   var t, l, r;
-  const a = wa(s, n);
+  const a = Sa(s, n);
   return ((r = (l = (t = s == null ? void 0 : s.chartOptions) == null ? void 0 : t.scales) == null ? void 0 : l[a]) == null ? void 0 : r.type) || "linear";
 }
-function Xa() {
+function Ya() {
   var ee, U, te, z, E, Y;
-  const [s, n] = _(!1), a = u((V) => {
+  const [s, n] = _(!1), a = d((V) => {
     var L;
     return (L = V.card) == null ? void 0 : L.preferences;
-  }), t = u((V) => {
+  }), t = d((V) => {
     var L;
     return (L = V.card) == null ? void 0 : L.cfg;
-  }), l = wa(a, t), [r, i] = _(
+  }), l = Sa(a, t), [r, i] = _(
     aa(a)
   ), [o, c] = _(
     ((te = (U = (ee = a == null ? void 0 : a.chartOptions) == null ? void 0 : ee.scales) == null ? void 0 : U[l]) == null ? void 0 : te.min) || ""
-  ), [h, d] = _(
+  ), [u, h] = _(
     ((Y = (E = (z = a == null ? void 0 : a.chartOptions) == null ? void 0 : z.scales) == null ? void 0 : E[l]) == null ? void 0 : Y.max) || ""
-  ), [j, f] = _(o || h ? "custom" : "auto"), [m, g] = _(""), [p, N] = _(0), [y, A] = _(""), [I, O] = _(""), [T, F] = _(""), R = u(
+  ), [b, f] = _(o || u ? "custom" : "auto"), [m, g] = _(""), [p, N] = _(0), [y, q] = _(""), [F, M] = _(""), [O, D] = _(""), A = d(
     (V) => V.actions.setCardPreferences
-  ), { updateCardInFrame: v } = ae(), b = u((V) => V.card), x = u((V) => {
+  ), { updateCardInFrame: v } = ae(), j = d((V) => V.card), x = d((V) => {
     var L;
     return (L = V.card) == null ? void 0 : L.type;
   }), k = ["pie", "doughnut", "polarArea"].includes(x);
   se(() => {
-    var V, L, ne, B, X, le, Te, Fe, Se, Le, Ee, Ve, we, w;
+    var V, L, ne, B, X, le, Fe, Le, we, Ee, Ve, Ae, ke, w;
     i(aa(a)), c(
       ((ne = (L = (V = a == null ? void 0 : a.chartOptions) == null ? void 0 : V.scales) == null ? void 0 : L[l]) == null ? void 0 : ne.min) === 0 ? 0 : ""
-    ), d(((le = (X = (B = a == null ? void 0 : a.chartOptions) == null ? void 0 : B.scales) == null ? void 0 : X[l]) == null ? void 0 : le.max) || ""), g(
-      ((Le = (Se = (Fe = (Te = a == null ? void 0 : a.chartOptions) == null ? void 0 : Te.scales) == null ? void 0 : Fe[l]) == null ? void 0 : Se.ticks) == null ? void 0 : Le.stepSize) || ""
-    ), N(((Ee = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : Ee.decimalPlaces) || 0), A(((Ve = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : Ve.suffix) || ""), O(((we = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : we.currency) || ""), F(((w = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : w.locale) || "");
+    ), h(((le = (X = (B = a == null ? void 0 : a.chartOptions) == null ? void 0 : B.scales) == null ? void 0 : X[l]) == null ? void 0 : le.max) || ""), g(
+      ((Ee = (we = (Le = (Fe = a == null ? void 0 : a.chartOptions) == null ? void 0 : Fe.scales) == null ? void 0 : Le[l]) == null ? void 0 : we.ticks) == null ? void 0 : Ee.stepSize) || ""
+    ), N(((Ve = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : Ve.decimalPlaces) || 0), q(((Ae = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : Ae.suffix) || ""), M(((ke = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : ke.currency) || ""), D(((w = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : w.locale) || "");
   }, [s, a, l]);
   function S(V, L) {
     return L === "" || /^[0-9\b]+$/.test(L) ? Number(L) : Number(V);
   }
-  function q() {
+  function R() {
     const V = [
-      ...new Set(ts.map((L) => L.currency))
+      ...new Set(ns.map((L) => L.currency))
     ];
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-6 items-center gap-2", children: [
@@ -3974,11 +3981,11 @@ function Xa() {
         /* @__PURE__ */ e.jsxs(
           ue,
           {
-            value: I || "none",
-            onValueChange: (L) => O(L === "none" ? "" : L),
+            value: F || "none",
+            onValueChange: (L) => M(L === "none" ? "" : L),
             children: [
               /* @__PURE__ */ e.jsx(he, { className: "col-span-2 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(me, {}) }),
-              /* @__PURE__ */ e.jsx(xe, { children: /* @__PURE__ */ e.jsxs(ye, { children: [
+              /* @__PURE__ */ e.jsx(xe, { children: /* @__PURE__ */ e.jsxs(ve, { children: [
                 /* @__PURE__ */ e.jsx(pe, { children: "Currency" }),
                 /* @__PURE__ */ e.jsx(Z, { value: "none", children: "None" }),
                 V.map((L) => /* @__PURE__ */ e.jsx(Z, { value: L, children: L }, L))
@@ -3986,7 +3993,7 @@ function Xa() {
             ]
           }
         ),
-        /* @__PURE__ */ e.jsxs(ue, { value: T, onValueChange: (L) => F(L), children: [
+        /* @__PURE__ */ e.jsxs(ue, { value: O, onValueChange: (L) => D(L), children: [
           /* @__PURE__ */ e.jsx(
             he,
             {
@@ -3994,9 +4001,9 @@ function Xa() {
               children: /* @__PURE__ */ e.jsx(me, {})
             }
           ),
-          /* @__PURE__ */ e.jsx(xe, { children: /* @__PURE__ */ e.jsxs(ye, { children: [
+          /* @__PURE__ */ e.jsx(xe, { children: /* @__PURE__ */ e.jsxs(ve, { children: [
             /* @__PURE__ */ e.jsx(pe, { children: "Locale" }),
-            ts.map((L) => /* @__PURE__ */ e.jsx(Z, { value: L.locale, children: L.locale }, L.locale))
+            ns.map((L) => /* @__PURE__ */ e.jsx(Z, { value: L.locale, children: L.locale }, L.locale))
           ] }) })
         ] })
       ] }),
@@ -4008,7 +4015,7 @@ function Xa() {
             value: p,
             onChange: (L) => N(Number(L.target.value)),
             id: "format",
-            className: `col-span-6 h-8 w-full tracking-wide ${We}`
+            className: `col-span-6 h-8 w-full tracking-wide ${Ye}`
           }
         )
       ] })
@@ -4024,16 +4031,16 @@ function Xa() {
             id: "min",
             value: o,
             onChange: (V) => c((L) => S(L, V.target.value)),
-            className: `col-span-1 h-8 w-full ${We}`
+            className: `col-span-1 h-8 w-full ${Ye}`
           }
         ),
         /* @__PURE__ */ e.jsx(
           ie,
           {
-            value: h,
-            onChange: (V) => d((L) => S(L, V.target.value)),
+            value: u,
+            onChange: (V) => h((L) => S(L, V.target.value)),
             id: "max",
-            className: `col-span-1 h-8 w-full ${We}`
+            className: `col-span-1 h-8 w-full ${Ye}`
           }
         )
       ] }),
@@ -4045,7 +4052,7 @@ function Xa() {
             value: m,
             onChange: (V) => g((L) => S(L, V.target.value)),
             id: "step-size",
-            className: `col-span-1 h-8 w-full ${We}`
+            className: `col-span-1 h-8 w-full ${Ye}`
           }
         )
       ] })
@@ -4054,9 +4061,9 @@ function Xa() {
   function G() {
     var B;
     let V = {};
-    j === "custom" && (V = {
+    b === "custom" && (V = {
       min: o,
-      max: h,
+      max: u,
       ticks: {
         stepSize: m
       }
@@ -4077,20 +4084,20 @@ function Xa() {
       numberAxisFormat: {
         decimalPlaces: p,
         suffix: y,
-        currency: I,
-        locale: T
+        currency: F,
+        locale: O
       }
     };
-    console.log(L), R(L);
+    console.log(L), A(L);
     const ne = {
-      ...b,
+      ...j,
       preferences: L
     };
     v(ne);
   }
-  return /* @__PURE__ */ e.jsxs(ds, { onOpenChange: (V) => n(V), children: [
-    /* @__PURE__ */ e.jsx(us, { asChild: !0, children: /* @__PURE__ */ e.jsx(en, { className: "size-4 cursor-pointer text-muted-foreground hover:text-foreground" }) }),
-    /* @__PURE__ */ e.jsx(hs, { align: "center", className: "max-w-65", children: /* @__PURE__ */ e.jsxs("div", { className: "grid gap-4", children: [
+  return /* @__PURE__ */ e.jsxs(us, { onOpenChange: (V) => n(V), children: [
+    /* @__PURE__ */ e.jsx(hs, { asChild: !0, children: /* @__PURE__ */ e.jsx(Zt, { className: "size-4 cursor-pointer text-muted-foreground hover:text-foreground" }) }),
+    /* @__PURE__ */ e.jsx(ms, { align: "center", className: "max-w-65", children: /* @__PURE__ */ e.jsxs("div", { className: "grid gap-4", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
         /* @__PURE__ */ e.jsx("h4", { className: "font-medium leading-none", children: "Scale Options" }),
         /* @__PURE__ */ e.jsx("p", { className: "text-sm text-muted-foreground", children: "Set the scale for the number axis" })
@@ -4106,7 +4113,7 @@ function Xa() {
               onValueChange: (V) => i(V),
               children: [
                 /* @__PURE__ */ e.jsx(he, { className: "col-span-2 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(me, {}) }),
-                /* @__PURE__ */ e.jsx(xe, { id: "type", children: /* @__PURE__ */ e.jsxs(ye, { children: [
+                /* @__PURE__ */ e.jsx(xe, { id: "type", children: /* @__PURE__ */ e.jsxs(ve, { children: [
                   /* @__PURE__ */ e.jsx(pe, { children: "Option" }),
                   /* @__PURE__ */ e.jsx(Z, { value: "linear", children: "Linear" }),
                   /* @__PURE__ */ e.jsx(Z, { value: "logarithmic", children: "Logarithmic" })
@@ -4118,32 +4125,32 @@ function Xa() {
         r == "linear" && /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 items-center gap-2 py-1", children: [
           /* @__PURE__ */ e.jsx($, { htmlFor: "scale-option", children: "Setup" }),
           /* @__PURE__ */ e.jsxs(
-            ms,
+            xs,
             {
               disabled: k,
               id: "scale-option",
-              value: j,
+              value: b,
               onValueChange: (V) => f(V),
               className: "col-span-2 flex gap-3",
               defaultValue: "x",
               children: [
                 /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-                  /* @__PURE__ */ e.jsx(Oe, { value: "auto", id: "r1" }),
+                  /* @__PURE__ */ e.jsx(Me, { 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(Oe, { value: "custom", id: "r2" }),
+                  /* @__PURE__ */ e.jsx(Me, { value: "custom", id: "r2" }),
                   /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: "r2", children: "Custom" })
                 ] })
               ]
             }
           )
         ] }),
-        j === "custom" && r == "linear" && P(),
-        q(),
-        /* @__PURE__ */ e.jsx(sn, {}),
+        b === "custom" && r == "linear" && P(),
+        R(),
+        /* @__PURE__ */ e.jsx(en, {}),
         /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-3", children: /* @__PURE__ */ e.jsx(
-          M,
+          I,
           {
             onClick: G,
             variant: "secondary",
@@ -4157,20 +4164,20 @@ function Xa() {
 }
 function _l({ idx: s }) {
   var o;
-  const n = u((c) => {
-    var h;
-    return (h = c.card) == null ? void 0 : h.preferences;
-  }), a = u(
+  const n = d((c) => {
+    var u;
+    return (u = c.card) == null ? void 0 : u.preferences;
+  }), a = d(
     (c) => {
-      var h;
-      return (h = c.card.preferences) == null ? void 0 : h.datasetOptions;
+      var u;
+      return (u = c.card.preferences) == null ? void 0 : u.datasetOptions;
     }
-  ), t = u(
+  ), t = d(
     (c) => c.actions.setCardPreferences
   ), l = (o = n == null ? void 0 : n.chartOptions) == null ? void 0 : o.indexAxis, r = a == null ? void 0 : a.find((c) => c.idx === s);
-  function i(c, h) {
-    (c === "end" || c === "start") && an(tn());
-    const d = {
+  function i(c, u) {
+    (c === "end" || c === "start") && sn(an());
+    const h = {
       display: c !== "none",
       align: c,
       anchor: c,
@@ -4182,16 +4189,16 @@ function _l({ idx: s }) {
         datasetOptions: [
           ...a || [],
           {
-            idx: h,
-            datalabels: d
+            idx: u,
+            datalabels: h
           }
         ]
       });
     else {
-      const j = { ...r };
-      j.datalabels = d;
+      const b = { ...r };
+      b.datalabels = h;
       const f = a == null ? void 0 : a.map(
-        (m) => m.idx === h ? j : m
+        (m) => m.idx === u ? b : m
       );
       t({
         ...n,
@@ -4199,21 +4206,21 @@ function _l({ idx: s }) {
       });
     }
   }
-  return /* @__PURE__ */ e.jsxs(ds, { children: [
-    /* @__PURE__ */ e.jsx(us, { children: /* @__PURE__ */ e.jsx(Qn, { className: "invisible size-4 rotate-[135deg] cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible" }) }),
-    /* @__PURE__ */ e.jsx(hs, { className: "w-fit p-1", children: /* @__PURE__ */ e.jsxs("div", { className: "flex gap-1", children: [
+  return /* @__PURE__ */ e.jsxs(us, { 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(ms, { className: "w-fit p-1", children: /* @__PURE__ */ e.jsxs("div", { className: "flex gap-1", children: [
       /* @__PURE__ */ e.jsx(
-        M,
+        I,
         {
           onClick: () => i("none", s),
           size: "sm",
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
-          children: /* @__PURE__ */ e.jsx(Sa, { className: "size-4" })
+          children: /* @__PURE__ */ e.jsx(Na, { className: "size-4" })
         }
       ),
       /* @__PURE__ */ e.jsx(
-        M,
+        I,
         {
           onClick: () => i("start", s),
           size: "sm",
@@ -4230,7 +4237,7 @@ function _l({ idx: s }) {
         }
       ),
       /* @__PURE__ */ e.jsx(
-        M,
+        I,
         {
           onClick: () => i("center", s),
           size: "sm",
@@ -4247,7 +4254,7 @@ function _l({ idx: s }) {
         }
       ),
       /* @__PURE__ */ e.jsx(
-        M,
+        I,
         {
           onClick: () => i("end", s),
           size: "sm",
@@ -4266,26 +4273,26 @@ function _l({ idx: s }) {
     ] }) })
   ] });
 }
-function Za() {
-  const s = u((h) => h.card), n = u(
-    (h) => {
-      var d, j, f;
-      return (f = (j = (d = h == null ? void 0 : h.card) == null ? void 0 : d.preferences) == null ? void 0 : j.chartOptions) == null ? void 0 : f.indexAxis;
+function Xa() {
+  const s = d((u) => u.card), n = d(
+    (u) => {
+      var h, b, f;
+      return (f = (b = (h = u == null ? void 0 : u.card) == null ? void 0 : h.preferences) == null ? void 0 : b.chartOptions) == null ? void 0 : f.indexAxis;
     }
-  ), { data: a } = Me(s), t = n === "y" ? "Y axis" : "X axis", l = n === "y" ? "X axis" : "Y axis", {
+  ), { data: a } = De(s), t = n === "y" ? "Y axis" : "X axis", l = n === "y" ? "X axis" : "Y axis", {
     keys: r,
     metricKeys: i,
     dimensionKeys: o
-  } = js((a == null ? void 0 : a.records) || []);
+  } = bs((a == null ? void 0 : a.records) || []);
   let c = i;
   if (["stackedBar", "stackedLine"].includes(s.type)) {
-    const h = nn({
+    const u = tn({
       dataArray: (a == null ? void 0 : a.records) || [],
       groupKey: o[0],
       pivotKey: o[1],
       valueKey: c[0]
-    }), { metricKeys: d } = js(h);
-    c = d;
+    }), { metricKeys: h } = bs(u);
+    c = h;
   }
   return r.length === 0 ? null : /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
@@ -4295,22 +4302,22 @@ function Za() {
     /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between gap-5", children: [
         /* @__PURE__ */ e.jsx($, { children: l }),
-        /* @__PURE__ */ e.jsx(Xa, {})
+        /* @__PURE__ */ e.jsx(Ya, {})
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: c.map((h, d) => /* @__PURE__ */ e.jsx(Hl, { col: h, idx: d }, h)) })
+      /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: c.map((u, h) => /* @__PURE__ */ e.jsx(Hl, { col: u, idx: h }, u)) })
     ] })
   ] });
 }
 function Hl({ col: s, idx: n }) {
-  const a = u((o) => {
+  const a = d((o) => {
     var c;
     return (c = o.card) == null ? void 0 : c.preferences;
-  }), t = u(
+  }), t = d(
     (o) => {
       var c;
       return (c = o.card.preferences) == null ? void 0 : c.datasetOptions;
     }
-  ), l = t == null ? void 0 : t.find((o) => o.idx === n), { setCardPreferences: r } = u((o) => o.actions);
+  ), l = t == null ? void 0 : t.find((o) => o.idx === n), { setCardPreferences: r } = d((o) => o.actions);
   function i(o) {
     if (!l)
       r({
@@ -4327,12 +4334,12 @@ function Hl({ col: s, idx: n }) {
     else {
       const c = { ...l };
       c.type = o === "area" ? "line" : o, c.fill = o === "area" ? "origin" : "";
-      const h = t == null ? void 0 : t.map(
-        (d) => d.idx === n ? c : d
+      const u = t == null ? void 0 : t.map(
+        (h) => h.idx === n ? c : h
       );
       r({
         ...a,
-        datasetOptions: h
+        datasetOptions: u
       });
     }
   }
@@ -4340,14 +4347,14 @@ function Hl({ col: s, idx: n }) {
     /* @__PURE__ */ e.jsx("p", { children: s }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
       /* @__PURE__ */ e.jsx(
-        qs,
+        Rs,
         {
           onClick: () => i("bar"),
           className: "invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"
         }
       ),
       /* @__PURE__ */ e.jsx(
-        Rs,
+        _s,
         {
           onClick: () => i("line"),
           className: "invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"
@@ -4364,31 +4371,31 @@ function Hl({ col: s, idx: n }) {
     ] })
   ] });
 }
-function et() {
-  const s = u((f) => f.selectedConnectionId), n = u((f) => f.selectedDatamodelId), a = u((f) => f.selectedDatabaseName), t = u((f) => f.selectedSchemaName), l = u((f) => f.selectedTableName), r = D((f) => f.dashboard.filters) || [], i = D((f) => f.actions.addFilter), o = D((f) => f.actions.removeFilter), { removeFilterValues: c } = is(), { modelItems: h, tableName: d } = qe();
-  function j(f, m = "dashboard") {
-    var F;
-    const g = ce(f.column_name), p = ce(a || ""), N = ce(t || ""), y = ce(d);
-    let A = xa(
+function Za() {
+  const s = d((f) => f.selectedConnectionId), n = d((f) => f.selectedDatamodelId), a = d((f) => f.selectedDatabaseName), t = d((f) => f.selectedSchemaName), l = d((f) => f.selectedTableName), r = T((f) => f.dashboard.filters) || [], i = T((f) => f.actions.addFilter), o = T((f) => f.actions.removeFilter), { removeFilterValues: c } = os(), { modelItems: u, tableName: h } = Re();
+  function b(f, m = "dashboard") {
+    var D;
+    const g = ce(f.column_name), p = ce(a || ""), N = ce(t || ""), y = ce(h);
+    let q = xa(
       N,
       y
-    ), I = `${A}.${g}`;
-    const O = (F = h == null ? void 0 : h.find(
-      (R) => R.id === n
-    )) == null ? void 0 : F.name;
-    n && n !== "none" && (I = `${gs}.${O}.${g}`, A = `${gs}.${O}`);
-    const T = r == null ? void 0 : r.find(
-      (R) => R.column === I && R.table === y && (R.database === p || R.database === a)
+    ), F = `${q}.${g}`;
+    const M = (D = u == null ? void 0 : u.find(
+      (A) => A.id === n
+    )) == null ? void 0 : D.name;
+    n && n !== "none" && (F = `${js}.${M}.${g}`, q = `${js}.${M}`);
+    const O = r == null ? void 0 : r.find(
+      (A) => A.column === F && A.table === y && (A.database === p || A.database === a)
     );
-    if (T)
-      c(T.id), o(T.id);
+    if (O)
+      c(O.id), o(O.id);
     else {
-      const R = Ue();
-      return d === "api" && s ? (i({
+      const A = Ge();
+      return h === "api" && s ? (i({
         location: m,
-        id: R,
+        id: A,
         //uuidv4(),
-        column: I,
+        column: F,
         title: f.column_name,
         dataType: f.data_type,
         table: "api",
@@ -4398,15 +4405,15 @@ function et() {
         operation: "in",
         sql: Ws(
           f.data_type,
-          A,
+          q,
           g
         )
         //DATE_DATA_TYPES.includes(column.data_type) ? dateSql : sql,
-      }), R) : (i({
-        id: R,
+      }), A) : (i({
+        id: A,
         //uuidv4(),
         location: m,
-        column: I,
+        column: F,
         //columnName, //`${qualifiedTableName}.${formattedColumnName}`,
         title: f.column_name,
         dataType: f.data_type,
@@ -4416,19 +4423,19 @@ function et() {
         operation: "in",
         sql: Ws(
           f.data_type,
-          A,
+          q,
           g
         )
         //DATE_DATA_TYPES.includes(column.data_type) ? dateSql : sql,
-      }), R);
+      }), A);
     }
   }
-  return { assignFilter: j };
+  return { assignFilter: b };
 }
-function Re() {
-  const s = D(
+function _e() {
+  const s = T(
     (o) => o.dashboard.filters
-  ), n = u((o) => o.frame), { setFrame: a } = ae(), { columns: t } = qe(), { assignFilter: l } = et();
+  ), n = d((o) => o.frame), { setFrame: a } = ae(), { columns: t } = Re(), { assignFilter: l } = Za();
   function r(o) {
     const c = l(o, "frame");
     a({ ...n, filterId: c });
@@ -4437,7 +4444,7 @@ function Re() {
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-3", children: [
     /* @__PURE__ */ e.jsx($, { children: "Card Filter" }),
     /* @__PURE__ */ e.jsx($l, { onSelect: r, columns: t }),
-    i && /* @__PURE__ */ e.jsx(ka, { filter: i })
+    i && /* @__PURE__ */ e.jsx(wa, { filter: i })
   ] });
 }
 function $l({
@@ -4446,9 +4453,9 @@ function $l({
 }) {
   var i;
   const [a, t] = Ys.useState(!1), [l, r] = Ys.useState("");
-  return /* @__PURE__ */ e.jsxs(ds, { open: a, onOpenChange: t, children: [
-    /* @__PURE__ */ e.jsx(us, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
-      M,
+  return /* @__PURE__ */ e.jsxs(us, { open: a, onOpenChange: t, children: [
+    /* @__PURE__ */ e.jsx(hs, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
+      I,
       {
         size: "sm",
         variant: "outline",
@@ -4457,26 +4464,26 @@ function $l({
         className: "w-full justify-between font-normal",
         children: [
           l ? (i = s.find((o) => o.column_name === l)) == null ? void 0 : i.column_name : "Select Column...",
-          /* @__PURE__ */ e.jsx(ln, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+          /* @__PURE__ */ e.jsx(nn, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
         ]
       }
     ) }),
-    /* @__PURE__ */ e.jsx(hs, { className: "w-[200px] p-0", children: /* @__PURE__ */ e.jsxs(rn, { children: [
-      /* @__PURE__ */ e.jsx(on, { placeholder: "Search column", className: "h-9" }),
-      /* @__PURE__ */ e.jsxs(cn, { children: [
-        /* @__PURE__ */ e.jsx(dn, { children: "No framework found." }),
-        /* @__PURE__ */ e.jsx(un, { children: s.map((o) => /* @__PURE__ */ e.jsxs(
-          hn,
+    /* @__PURE__ */ e.jsx(ms, { 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((o) => /* @__PURE__ */ e.jsxs(
+          un,
           {
             value: o.column_name,
             onSelect: (c) => {
-              const h = c === l ? "" : c;
-              r(h), t(!1), h && n(o);
+              const u = c === l ? "" : c;
+              r(u), t(!1), u && n(o);
             },
             children: [
               o.column_name,
               /* @__PURE__ */ e.jsx(
-                Na,
+                hn,
                 {
                   className: W(
                     "ml-auto h-4 w-4",
@@ -4495,9 +4502,9 @@ function $l({
 function Pl({
   cardType: s
 }) {
-  return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(De, { defaultValue: ["item-2"], type: "multiple", children: [
+  return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(Ie, { defaultValue: ["item-2"], type: "multiple", children: [
     /* @__PURE__ */ e.jsxs(K, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx(Q, { children: `${As(s)} Chart` }),
+      /* @__PURE__ */ e.jsx(Q, { children: `${qs(s)} Chart` }),
       /* @__PURE__ */ e.jsxs(J, { className: "space-y-4 font-mono text-xs", children: [
         /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 text-xs", children: "SELECT x-axis, y-axis-1, y-axis-2,... FROM table" }),
         /* @__PURE__ */ e.jsxs("ul", { className: "ml-6 list-disc text-xs [&>li]:mt-2", children: [
@@ -4524,26 +4531,26 @@ function Pl({
     /* @__PURE__ */ e.jsxs(K, { value: "item-2", children: [
       /* @__PURE__ */ e.jsx(Q, { children: "Settings" }),
       /* @__PURE__ */ e.jsxs(J, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e.jsx(xs, {}),
-        /* @__PURE__ */ e.jsx(Za, {})
+        /* @__PURE__ */ e.jsx(ps, {}),
+        /* @__PURE__ */ e.jsx(Xa, {})
       ] })
     ] }),
     /* @__PURE__ */ e.jsxs(K, { value: "item-3", children: [
       /* @__PURE__ */ e.jsx(Q, { children: "Filters" }),
       /* @__PURE__ */ e.jsxs(J, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e.jsx(Ie, {}),
-        /* @__PURE__ */ e.jsx(Re, {})
+        /* @__PURE__ */ e.jsx(Te, {}),
+        /* @__PURE__ */ e.jsx(_e, {})
       ] })
     ] })
   ] }) });
 }
-function Hs() {
+function $s() {
   var l, r, i;
-  const s = u(
+  const s = d(
     (o) => o.card.cfg
-  ), n = u((o) => o.actions.setCardCfg), a = u((o) => o.card.type);
+  ), n = d((o) => o.actions.setCardCfg), a = d((o) => o.card.type);
   function t(o) {
-    var d;
+    var h;
     const c = {
       datalabels: {
         display: o !== "none",
@@ -4551,22 +4558,22 @@ function Hs() {
         anchor: o,
         clamp: !0
       }
-    }, h = {
+    }, u = {
       ...s,
       options: {
         ...s == null ? void 0 : s.options,
         plugins: {
-          ...(d = s == null ? void 0 : s.options) == null ? void 0 : d.plugins,
+          ...(h = s == null ? void 0 : s.options) == null ? void 0 : h.plugins,
           ...c
         }
       }
     };
-    n(h), console.log(o);
+    n(u), console.log(o);
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ e.jsx("label", { className: "font-medium", children: "Data Labels" }),
-      !["pyramid"].includes(a) && /* @__PURE__ */ e.jsx(Xa, {})
+      !["pyramid"].includes(a) && /* @__PURE__ */ e.jsx(Ya, {})
     ] }),
     /* @__PURE__ */ e.jsxs(
       ue,
@@ -4576,7 +4583,7 @@ function Hs() {
         defaultValue: "none",
         children: [
           /* @__PURE__ */ e.jsx(he, { className: "h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(me, { placeholder: "Select position" }) }),
-          /* @__PURE__ */ e.jsx(xe, { children: /* @__PURE__ */ e.jsxs(ye, { children: [
+          /* @__PURE__ */ e.jsx(xe, { children: /* @__PURE__ */ e.jsxs(ve, { children: [
             /* @__PURE__ */ e.jsx(pe, { children: "Data Labels" }),
             /* @__PURE__ */ e.jsx(Z, { value: "none", children: "None" }),
             a !== "pyramid" && /* @__PURE__ */ e.jsx(Z, { value: "start", children: "Start" }),
@@ -4617,20 +4624,20 @@ function Bl({
       ] })
     ] });
   }
-  return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(De, { defaultValue: ["item-2"], type: "multiple", children: [
+  return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(Ie, { defaultValue: ["item-2"], type: "multiple", children: [
     /* @__PURE__ */ e.jsxs(K, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx(Q, { children: `${As(s)} Chart` }),
+      /* @__PURE__ */ e.jsx(Q, { children: `${qs(s)} Chart` }),
       /* @__PURE__ */ e.jsx(J, { className: "space-y-4 font-mono text-xs", children: n(s) })
     ] }),
     /* @__PURE__ */ e.jsxs(K, { value: "item-2", children: [
       /* @__PURE__ */ e.jsx(Q, { children: "Settings" }),
-      /* @__PURE__ */ e.jsx(J, { className: "px-2", children: /* @__PURE__ */ e.jsx(Hs, {}) })
+      /* @__PURE__ */ e.jsx(J, { className: "px-2", children: /* @__PURE__ */ e.jsx($s, {}) })
     ] }),
     /* @__PURE__ */ e.jsxs(K, { value: "item-3", children: [
       /* @__PURE__ */ e.jsx(Q, { children: "Filters" }),
       /* @__PURE__ */ e.jsxs(J, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e.jsx(Ie, {}),
-        /* @__PURE__ */ e.jsx(Re, {})
+        /* @__PURE__ */ e.jsx(Te, {}),
+        /* @__PURE__ */ e.jsx(_e, {})
       ] })
     ] })
   ] }) });
@@ -4659,10 +4666,10 @@ const Ul = {
   ]
 };
 function Kl() {
-  const s = u((n) => n.card.type);
+  const s = d((n) => n.card.type);
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-6 p-6", children: [
     /* @__PURE__ */ e.jsx(
-      De,
+      Ie,
       {
         className: " ",
         type: "single",
@@ -4670,11 +4677,11 @@ function Kl() {
         children: Ql(s)
       }
     ),
-    /* @__PURE__ */ e.jsx("section", { className: "", children: ["line", "bar"].includes(s) && /* @__PURE__ */ e.jsx(xs, {}) }),
+    /* @__PURE__ */ e.jsx("section", { className: "", children: ["line", "bar"].includes(s) && /* @__PURE__ */ e.jsx(ps, {}) }),
     !["kpi"].includes(s) && /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ e.jsx(Hs, {}),
-      /* @__PURE__ */ e.jsx(Ie, {}),
-      /* @__PURE__ */ e.jsx(Re, {})
+      /* @__PURE__ */ e.jsx($s, {}),
+      /* @__PURE__ */ e.jsx(Te, {}),
+      /* @__PURE__ */ e.jsx(_e, {})
     ] })
   ] });
 }
@@ -4776,44 +4783,44 @@ function Ql(s) {
     ] }) });
 }
 function Jl() {
-  var c, h, d, j, f;
-  const s = u((m) => m.card.preferences), n = u(
+  var c, u, h, b, f;
+  const s = d((m) => m.card.preferences), n = d(
     (m) => m.actions.setCardPreferences
-  ), a = u(
+  ), a = d(
     (m) => m.actions.setNumberFormat
   );
-  u(
+  d(
     (m) => {
       var g, p;
       return (p = (g = m.card.preferences) == null ? void 0 : g.formatNumber) == null ? void 0 : p.decimalPlaces;
     }
   );
-  const t = u(
+  const t = d(
     (m) => {
       var g, p;
       return (p = (g = m.card.preferences) == null ? void 0 : g.formatNumber) == null ? void 0 : p.locale;
     }
-  ), l = u(
+  ), l = d(
     (m) => {
       var g, p;
       return (p = (g = m.card.preferences) == null ? void 0 : g.formatNumber) == null ? void 0 : p.currency;
     }
   );
-  u(
+  d(
     (m) => m.actions.setFilterOnClickField
   );
-  const r = u(
+  const r = d(
     (m) => {
       var g, p;
       return (p = (g = m.card.preferences) == null ? void 0 : g.formatNumber) == null ? void 0 : p.colorRanges;
     }
-  ) || [], i = u(
+  ) || [], i = d(
     (m) => m.actions.setColorRanges
-  ), o = [...new Set(ts.map((m) => m.currency))];
+  ), o = [...new Set(ns.map((m) => m.currency))];
   return /* @__PURE__ */ e.jsxs("div", { children: [
     /* @__PURE__ */ e.jsxs("div", { className: "mb-3 flex items-center gap-2", children: [
       /* @__PURE__ */ e.jsx(
-        Vs,
+        As,
         {
           checked: !!((c = s == null ? void 0 : s.formatNumber) != null && c.enabled),
           onCheckedChange: (m) => {
@@ -4829,7 +4836,7 @@ function Jl() {
       ),
       /* @__PURE__ */ e.jsx($, { children: "Format Number" })
     ] }),
-    ((h = s == null ? void 0 : s.formatNumber) == null ? void 0 : h.enabled) === !0 && /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2", children: [
+    ((u = s == null ? void 0 : s.formatNumber) == null ? void 0 : u.enabled) === !0 && /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2", children: [
       /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 p-2", children: [
         /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ e.jsxs("div", { className: "w-full space-y-1", children: [
@@ -4849,10 +4856,10 @@ function Jl() {
                 },
                 children: [
                   /* @__PURE__ */ e.jsx(he, { className: "col-span-6 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(me, {}) }),
-                  /* @__PURE__ */ e.jsx(xe, { children: /* @__PURE__ */ e.jsxs(ye, { children: [
+                  /* @__PURE__ */ e.jsx(xe, { children: /* @__PURE__ */ e.jsxs(ve, { children: [
                     /* @__PURE__ */ e.jsx(pe, { children: "Format" }),
                     /* @__PURE__ */ e.jsx(Z, { value: "none", children: "None" }, "none"),
-                    ts.map((m) => /* @__PURE__ */ e.jsx(Z, { value: m.locale, children: m.locale }, m.locale))
+                    ns.map((m) => /* @__PURE__ */ e.jsx(Z, { value: m.locale, children: m.locale }, m.locale))
                   ] }) })
                 ]
               }
@@ -4875,7 +4882,7 @@ function Jl() {
                 },
                 children: [
                   /* @__PURE__ */ e.jsx(he, { className: "col-span-6 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(me, {}) }),
-                  /* @__PURE__ */ e.jsx(xe, { children: /* @__PURE__ */ e.jsxs(ye, { children: [
+                  /* @__PURE__ */ e.jsx(xe, { children: /* @__PURE__ */ e.jsxs(ve, { children: [
                     /* @__PURE__ */ e.jsx(pe, { children: "Currency" }),
                     /* @__PURE__ */ e.jsx(Z, { value: "none", children: "None" }, "none"),
                     o.map((m) => /* @__PURE__ */ e.jsx(Z, { value: m, children: m }, m))
@@ -4891,7 +4898,7 @@ function Jl() {
             /* @__PURE__ */ e.jsxs(
               ue,
               {
-                value: ((j = (d = s == null ? void 0 : s.formatNumber) == null ? void 0 : d.decimalPlaces) == null ? void 0 : j.toString()) || "0",
+                value: ((b = (h = s == null ? void 0 : s.formatNumber) == null ? void 0 : h.decimalPlaces) == null ? void 0 : b.toString()) || "0",
                 onValueChange: (m) => {
                   var g, p, N;
                   return a(
@@ -4930,7 +4937,7 @@ function Jl() {
           ] })
         ] })
       ] }) }),
-      /* @__PURE__ */ e.jsx(ve, { className: "my-3" }),
+      /* @__PURE__ */ e.jsx(Ce, { className: "my-3" }),
       /* @__PURE__ */ e.jsx(
         mn,
         {
@@ -4943,7 +4950,7 @@ function Jl() {
 }
 function Wl() {
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-6 px-6 py-2", children: [
-    /* @__PURE__ */ e.jsx(De, { type: "single", collapsible: !0, children: /* @__PURE__ */ e.jsxs(K, { value: "item-1", children: [
+    /* @__PURE__ */ e.jsx(Ie, { type: "single", collapsible: !0, children: /* @__PURE__ */ e.jsxs(K, { value: "item-1", children: [
       /* @__PURE__ */ e.jsx(Q, { className: "", children: "KPI Query" }),
       /* @__PURE__ */ e.jsxs(J, { 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" }),
@@ -5073,10 +5080,10 @@ const Yl = [
   value: s
 }));
 function er() {
-  var c, h, d, j, f, m, g, p, N, y, A, I, O, T, F, R, v, b;
-  const s = u((x) => x.card), n = (h = (c = s == null ? void 0 : s.preferences) == null ? void 0 : c.mapVisualOptions) == null ? void 0 : h.topoJsonUrl, [a, t] = _(
-    ((j = (d = s == null ? void 0 : s.preferences) == null ? void 0 : d.mapVisualOptions) == null ? void 0 : j.customTopoJsonUrl) || ""
-  ), { setCardPreferences: l } = ae(), { data: r } = Es(s), i = Object.keys((r == null ? void 0 : r.objects) || {}).map((x) => ({
+  var c, u, h, b, f, m, g, p, N, y, q, F, M, O, D, A, v, j;
+  const s = d((x) => x.card), n = (u = (c = s == null ? void 0 : s.preferences) == null ? void 0 : c.mapVisualOptions) == null ? void 0 : u.topoJsonUrl, [a, t] = _(
+    ((b = (h = s == null ? void 0 : s.preferences) == null ? void 0 : h.mapVisualOptions) == null ? void 0 : b.customTopoJsonUrl) || ""
+  ), { setCardPreferences: l } = ae(), { data: r } = Vs(s), i = Object.keys((r == null ? void 0 : r.objects) || {}).map((x) => ({
     label: x,
     value: x
   })) || [], o = [
@@ -5094,9 +5101,9 @@ function er() {
     }
   ];
   return /* @__PURE__ */ e.jsxs("div", { className: "p-6", children: [
-    /* @__PURE__ */ e.jsx(Pe, { 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(ve, { className: "my-4" }),
-    /* @__PURE__ */ e.jsx(Pe, { open: !0, summary: "Settings", children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-3 px-2", children: [
+    /* @__PURE__ */ e.jsx(Be, { 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(Ce, { className: "my-4" }),
+    /* @__PURE__ */ e.jsx(Be, { open: !0, summary: "Settings", children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-3 px-2", children: [
       /* @__PURE__ */ e.jsx(
         de,
         {
@@ -5132,7 +5139,7 @@ function er() {
             });
           },
           value: a,
-          className: `h-9 w-full ${$e}`,
+          className: `h-9 w-full ${Pe}`,
           placeholder: "Custom URL"
         }
       ),
@@ -5205,15 +5212,15 @@ function er() {
         ] })
       ] })
     ] }) }),
-    /* @__PURE__ */ e.jsx(ve, { className: "my-4" }),
-    /* @__PURE__ */ e.jsx(Pe, { className: "", summary: "Scale Options", children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
+    /* @__PURE__ */ e.jsx(Ce, { className: "my-4" }),
+    /* @__PURE__ */ e.jsx(Be, { className: "", summary: "Scale Options", children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
       /* @__PURE__ */ e.jsx(
         ie,
         {
-          className: `h-9 w-full ${$e}`,
+          className: `h-9 w-full ${Pe}`,
           type: "number",
           step: 0.1,
-          value: ((I = (A = s.preferences) == null ? void 0 : A.mapVisualOptions) == null ? void 0 : I.projectionScale) || 1,
+          value: ((F = (q = s.preferences) == null ? void 0 : q.mapVisualOptions) == null ? void 0 : F.projectionScale) || 1,
           onChange: (x) => {
             var k;
             l({
@@ -5230,19 +5237,19 @@ function er() {
       /* @__PURE__ */ e.jsx(
         ie,
         {
-          className: `h-9 w-full ${$e}`,
+          className: `h-9 w-full ${Pe}`,
           type: "number",
           step: 10,
-          value: ((F = (T = (O = s.preferences) == null ? void 0 : O.mapVisualOptions) == null ? void 0 : T.projectionOffset) == null ? void 0 : F[0]) || 0,
+          value: ((D = (O = (M = s.preferences) == null ? void 0 : M.mapVisualOptions) == null ? void 0 : O.projectionOffset) == null ? void 0 : D[0]) || 0,
           onChange: (x) => {
-            var k, S, q, P;
+            var k, S, R, P;
             l({
               ...s.preferences,
               mapVisualOptions: {
                 ...(k = s.preferences) == null ? void 0 : k.mapVisualOptions,
                 projectionOffset: [
                   Number(x.target.value),
-                  ((P = (q = (S = s.preferences) == null ? void 0 : S.mapVisualOptions) == null ? void 0 : q.projectionOffset) == null ? void 0 : P[1]) || 0
+                  ((P = (R = (S = s.preferences) == null ? void 0 : S.mapVisualOptions) == null ? void 0 : R.projectionOffset) == null ? void 0 : P[1]) || 0
                 ]
               }
             });
@@ -5253,18 +5260,18 @@ function er() {
       /* @__PURE__ */ e.jsx(
         ie,
         {
-          className: `h-9 w-full ${$e}`,
+          className: `h-9 w-full ${Pe}`,
           type: "number",
           step: 10,
-          value: ((b = (v = (R = s.preferences) == null ? void 0 : R.mapVisualOptions) == null ? void 0 : v.projectionOffset) == null ? void 0 : b[1]) || 0,
+          value: ((j = (v = (A = s.preferences) == null ? void 0 : A.mapVisualOptions) == null ? void 0 : v.projectionOffset) == null ? void 0 : j[1]) || 0,
           onChange: (x) => {
-            var k, S, q, P;
+            var k, S, R, P;
             l({
               ...s.preferences,
               mapVisualOptions: {
                 ...(k = s.preferences) == null ? void 0 : k.mapVisualOptions,
                 projectionOffset: [
-                  ((P = (q = (S = s.preferences) == null ? void 0 : S.mapVisualOptions) == null ? void 0 : q.projectionOffset) == null ? void 0 : P[0]) || 0,
+                  ((P = (R = (S = s.preferences) == null ? void 0 : S.mapVisualOptions) == null ? void 0 : R.projectionOffset) == null ? void 0 : P[0]) || 0,
                   Number(x.target.value)
                 ]
               }
@@ -5273,13 +5280,13 @@ function er() {
         }
       )
     ] }) }),
-    /* @__PURE__ */ e.jsx(ve, { className: "my-4" }),
-    /* @__PURE__ */ e.jsx(Ie, {})
+    /* @__PURE__ */ e.jsx(Ce, { className: "my-4" }),
+    /* @__PURE__ */ e.jsx(Te, {})
   ] });
 }
 function sr() {
   var t;
-  const s = u((l) => l.card.preferences), { setCardPreferences: n } = u((l) => l.actions);
+  const s = d((l) => l.card.preferences), { setCardPreferences: n } = d((l) => l.actions);
   function a(l) {
     n({
       ...s,
@@ -5290,7 +5297,7 @@ function sr() {
     });
   }
   return /* @__PURE__ */ e.jsxs(
-    ms,
+    xs,
     {
       value: (t = s == null ? void 0 : s.textVisualOptions) != null && t.isDynamicText ? "dynamic" : "static",
       onValueChange: a,
@@ -5298,26 +5305,26 @@ function sr() {
       defaultValue: "x",
       children: [
         /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ e.jsx(Oe, { value: "static", id: "r1" }),
+          /* @__PURE__ */ e.jsx(Me, { 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(Oe, { value: "dynamic", id: "r2" }),
+          /* @__PURE__ */ e.jsx(Me, { value: "dynamic", id: "r2" }),
           /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: "r2", children: "Dynamic" })
         ] })
       ]
     }
   );
 }
-function Ye({
+function Xe({
   cardType: s,
   docContent: n,
   suffix: a = "Chart"
 }) {
   let t = "pie-chart";
-  return s === "radar" && (t = "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: [
+  return s === "radar" && (t = "radar-chart"), /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(Ie, { defaultValue: ["item-2"], type: "multiple", children: [
     /* @__PURE__ */ e.jsxs(K, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx(Q, { children: `${As(s)} ${a}` }),
+      /* @__PURE__ */ e.jsx(Q, { children: `${qs(s)} ${a}` }),
       /* @__PURE__ */ e.jsx(J, { children: n || /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
         /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 text-xs", children: "SELECT label, measure FROM table" }),
         /* @__PURE__ */ e.jsxs("ul", { className: "ml-6 list-disc text-xs [&>li]:mt-2", children: [
@@ -5343,22 +5350,22 @@ function Ye({
     /* @__PURE__ */ e.jsxs(K, { value: "item-2", children: [
       /* @__PURE__ */ e.jsx(Q, { children: "Settings" }),
       /* @__PURE__ */ e.jsxs(J, { className: "space-y-4 px-2", children: [
-        s === "range" && /* @__PURE__ */ e.jsx(xs, {}),
-        s !== "text" && /* @__PURE__ */ e.jsx(Hs, {}),
+        s === "range" && /* @__PURE__ */ e.jsx(ps, {}),
+        s !== "text" && /* @__PURE__ */ e.jsx($s, {}),
         s === "text" && /* @__PURE__ */ e.jsx(sr, {})
       ] })
     ] }),
     !["range", "text"].includes(s) && /* @__PURE__ */ e.jsxs(K, { value: "item-3", children: [
       /* @__PURE__ */ e.jsx(Q, { children: "Filters" }),
       /* @__PURE__ */ e.jsxs(J, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e.jsx(Ie, {}),
-        /* @__PURE__ */ e.jsx(Re, {})
+        /* @__PURE__ */ e.jsx(Te, {}),
+        /* @__PURE__ */ e.jsx(_e, {})
       ] })
     ] })
   ] }) });
 }
 function ar() {
-  const s = u(
+  const s = d(
     (t) => {
       var l, r;
       return (r = (l = t == null ? void 0 : t.card) == null ? void 0 : l.preferences) == null ? void 0 : r.sortChart;
@@ -5394,7 +5401,7 @@ function ar() {
       )
     ] });
   }
-  return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(De, { defaultValue: ["item-2"], type: "multiple", children: [
+  return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(Ie, { defaultValue: ["item-2"], type: "multiple", children: [
     /* @__PURE__ */ e.jsxs(K, { value: "item-1", children: [
       /* @__PURE__ */ e.jsx(Q, { children: "Stacked Chart" }),
       /* @__PURE__ */ e.jsxs(J, { className: "space-y-4 font-mono text-xs", children: [
@@ -5423,25 +5430,25 @@ function ar() {
     /* @__PURE__ */ e.jsxs(K, { value: "item-2", children: [
       /* @__PURE__ */ e.jsx(Q, { children: "Settings" }),
       /* @__PURE__ */ e.jsxs(J, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e.jsx(xs, {}),
+        /* @__PURE__ */ e.jsx(ps, {}),
         a(),
-        /* @__PURE__ */ e.jsx(Za, {})
+        /* @__PURE__ */ e.jsx(Xa, {})
       ] })
     ] }),
     /* @__PURE__ */ e.jsxs(K, { value: "item-3", children: [
       /* @__PURE__ */ e.jsx(Q, { children: "Filters" }),
       /* @__PURE__ */ e.jsxs(J, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e.jsx(Ie, {}),
-        /* @__PURE__ */ e.jsx(Re, {})
+        /* @__PURE__ */ e.jsx(Te, {}),
+        /* @__PURE__ */ e.jsx(_e, {})
       ] })
     ] })
   ] }) });
 }
 function tr({}) {
-  const s = u((t) => {
+  const s = d((t) => {
     var l;
     return (l = t.card) == null ? void 0 : l.preferences;
-  }), n = u(
+  }), n = d(
     (t) => t.actions.setCardPreferences
   ), a = (t) => {
     n({
@@ -5450,15 +5457,15 @@ function tr({}) {
     });
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-6 px-6 py-2", children: [
-    /* @__PURE__ */ e.jsx(De, { defaultValue: ["item-3"], type: "multiple", children: /* @__PURE__ */ e.jsxs(K, { value: "item-3", children: [
+    /* @__PURE__ */ e.jsx(Ie, { defaultValue: ["item-3"], type: "multiple", children: /* @__PURE__ */ e.jsxs(K, { value: "item-3", children: [
       /* @__PURE__ */ e.jsx(Q, { children: "Filters" }),
       /* @__PURE__ */ e.jsxs(J, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e.jsx(Ie, {}),
-        /* @__PURE__ */ e.jsx(Re, {})
+        /* @__PURE__ */ e.jsx(Te, {}),
+        /* @__PURE__ */ e.jsx(_e, {})
       ] })
     ] }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-      /* @__PURE__ */ e.jsx(Vs, { onCheckedChange: a, id: "allow-download" }),
+      /* @__PURE__ */ e.jsx(As, { onCheckedChange: a, id: "allow-download" }),
       /* @__PURE__ */ e.jsx(
         "label",
         {
@@ -5520,26 +5527,26 @@ const nr = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-
   ] })
 ] });
 function ir() {
-  const s = u((a) => a.card.type);
+  const s = d((a) => a.card.type);
   function n(a) {
     switch (a) {
       case "stackedBar":
       case "stackedLine":
         return /* @__PURE__ */ e.jsx(ar, {});
       case "pyramid":
-        return /* @__PURE__ */ e.jsx(Ye, { docContent: nr, cardType: a });
+        return /* @__PURE__ */ e.jsx(Xe, { docContent: nr, cardType: a });
       case "kpi":
         return /* @__PURE__ */ e.jsx(Wl, {});
       case "line":
       case "bar":
         return /* @__PURE__ */ e.jsx(Pl, { cardType: a });
       case "range":
-        return /* @__PURE__ */ e.jsx(Ye, { docContent: lr, cardType: a });
+        return /* @__PURE__ */ e.jsx(Xe, { docContent: lr, cardType: a });
       case "pie":
       case "doughnut":
       case "polarArea":
       case "radar":
-        return /* @__PURE__ */ e.jsx(Ye, { cardType: a });
+        return /* @__PURE__ */ e.jsx(Xe, { cardType: a });
       case "bubble":
       case "scatter":
         return /* @__PURE__ */ e.jsx(Bl, { cardType: a });
@@ -5547,7 +5554,7 @@ function ir() {
         return /* @__PURE__ */ e.jsx(tr, { cardType: a });
       case "text":
         return /* @__PURE__ */ e.jsx(
-          Ye,
+          Xe,
           {
             docContent: rr,
             cardType: a,
@@ -5565,15 +5572,15 @@ function ir() {
   return /* @__PURE__ */ e.jsx(fe, { className: "h-full w-full text-sm", children: n(s) });
 }
 function or() {
-  const s = u((n) => n.isShowingVisual);
+  const s = d((n) => n.isShowingVisual);
   return /* @__PURE__ */ e.jsxs(
-    ss,
+    as,
     {
       direction: "vertical",
       className: "min-h-[250px] min-w-full max-w-lg",
       children: [
         /* @__PURE__ */ e.jsx(
-          be,
+          ye,
           {
             role: "query-section",
             className: "flex",
@@ -5582,17 +5589,17 @@ function or() {
             children: /* @__PURE__ */ e.jsx(Sl, {})
           }
         ),
-        /* @__PURE__ */ e.jsx(as, { withHandle: !0, className: "border" }),
+        /* @__PURE__ */ e.jsx(ts, { withHandle: !0, className: "border" }),
         /* @__PURE__ */ e.jsx(
-          be,
+          ye,
           {
             className: "pb-1",
             role: "visual-section",
             minSize: 0,
             defaultSize: 60,
-            children: s ? /* @__PURE__ */ e.jsxs(ss, { direction: "horizontal", children: [
+            children: s ? /* @__PURE__ */ e.jsxs(as, { direction: "horizontal", children: [
               /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(
-                be,
+                ye,
                 {
                   className: "flex min-w-[275px]",
                   minSize: 20,
@@ -5601,8 +5608,8 @@ function or() {
                   children: /* @__PURE__ */ e.jsx(ir, {})
                 }
               ) }),
-              /* @__PURE__ */ e.jsx(as, { className: "border" }),
-              /* @__PURE__ */ e.jsx(be, { minSize: 40, defaultSize: 75, maxSize: 100, children: /* @__PURE__ */ e.jsx(sa, {}) })
+              /* @__PURE__ */ e.jsx(ts, { className: "border" }),
+              /* @__PURE__ */ e.jsx(ye, { minSize: 40, defaultSize: 75, maxSize: 100, children: /* @__PURE__ */ e.jsx(sa, {}) })
             ] }) : /* @__PURE__ */ e.jsx(sa, {})
           }
         )
@@ -5611,13 +5618,13 @@ function or() {
   );
 }
 function cr({ authToken: s, onSave: n, onClose: a }) {
-  D((i) => i.themeStyle);
-  const t = u((i) => i.actions.setOnSave), l = u((i) => i.actions.setOnClose), r = D((i) => i.actions.setAuthToken);
+  T((i) => i.themeStyle);
+  const t = d((i) => i.actions.setOnSave), l = d((i) => i.actions.setOnClose), r = T((i) => i.actions.setAuthToken);
   return se(() => {
     n && t(n), a && l(a);
   }, [n, t, a, l]), se(() => {
     s && s.accessToken && r(s);
-  }, [s, r]), /* @__PURE__ */ e.jsx(cs, { FallbackComponent: za, children: /* @__PURE__ */ e.jsxs(
+  }, [s, r]), /* @__PURE__ */ e.jsx(ds, { FallbackComponent: ka, children: /* @__PURE__ */ e.jsxs(
     xn,
     {
       style: {
@@ -5627,15 +5634,15 @@ function cr({ authToken: s, onSave: n, onClose: a }) {
       className: "rounded-none",
       role: "editor-panel",
       children: [
-        /* @__PURE__ */ e.jsx(pn, { className: "rounded-none border-r-[1.5px]", children: /* @__PURE__ */ e.jsx(Aa, {}) }),
+        /* @__PURE__ */ e.jsx(pn, { className: "rounded-none border-r-[1.5px]", children: /* @__PURE__ */ e.jsx(Va, {}) }),
         /* @__PURE__ */ e.jsx(fn, { children: /* @__PURE__ */ e.jsx(or, {}) })
       ]
     }
   ) });
 }
 function dr() {
-  D((i) => i.selectedCardId);
-  const s = D((i) => i.selectedSheetId), { setIsVisualEditing: n } = D((i) => i.actions), a = D((i) => i.isVisualEditing), t = D((i) => i.actions.updateFrame);
+  T((i) => i.selectedCardId);
+  const s = T((i) => i.selectedSheetId), { setIsVisualEditing: n } = T((i) => i.actions), a = T((i) => i.isVisualEditing), t = T((i) => i.actions.updateFrame);
   function l(i) {
     s && (t(s, i), n(!1));
   }
@@ -5654,7 +5661,7 @@ function dr() {
   );
 }
 function ur() {
-  const s = u((r) => r.selectedDatabaseName), n = u((r) => r.selectedTableName), a = D((r) => r.dashboard.filters) || [], { columns: t } = qe(), { assignFilter: l } = et();
+  const s = d((r) => r.selectedDatabaseName), n = d((r) => r.selectedTableName), a = T((r) => r.dashboard.filters) || [], { columns: t } = Re(), { assignFilter: l } = Za();
   return /* @__PURE__ */ e.jsx(fe, { className: "flex-1 basis-0 flex-col px-3", children: t == null ? void 0 : t.map((r) => {
     const i = a == null ? void 0 : a.find(
       (o) => o.column === ce(r.column_name) && o.table === n && o.database === s
@@ -5670,7 +5677,7 @@ function ur() {
           }
         ),
         children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ e.jsx(Va, { column: r }),
+          /* @__PURE__ */ e.jsx(Ea, { column: r }),
           /* @__PURE__ */ e.jsx("span", { children: r.column_name })
         ] })
       },
@@ -5679,25 +5686,25 @@ function ur() {
   }) });
 }
 function hr() {
-  D((n) => n.showFilters);
-  const s = D(
+  T((n) => n.showFilters);
+  const s = T(
     (n) => n.actions.setShowFilters
   );
   return /* @__PURE__ */ e.jsxs("section", { className: "relative flex min-w-72 grow flex-col border-l px-1", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "mt-4 flex items-center justify-between gap-2 px-3", children: [
       /* @__PURE__ */ e.jsx($, { className: "px-2 text-lg", children: "Filters" }),
       /* @__PURE__ */ e.jsx(
-        M,
+        I,
         {
           onClick: () => s(!1),
           className: "h-7 w-7 p-0",
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Be, {})
+          children: /* @__PURE__ */ e.jsx(Ue, {})
         }
       )
     ] }),
     /* @__PURE__ */ e.jsx("div", { className: "flex grow", children: /* @__PURE__ */ e.jsx(
-      Aa,
+      Va,
       {
         ColumnsComponent: () => (
           // schemaName, tableName, columns
@@ -5711,7 +5718,7 @@ function hr() {
   ] });
 }
 function mr() {
-  const s = D((t) => t.dashboard.filters), n = D((t) => t.theme), a = s == null ? void 0 : s.filter((t) => t.hide);
+  const s = T((t) => t.dashboard.filters), n = T((t) => t.theme), a = s == null ? void 0 : s.filter((t) => t.hide);
   return a != null && a.length ? /* @__PURE__ */ e.jsx(
     "div",
     {
@@ -5724,7 +5731,7 @@ function mr() {
         {
           className: "flex min-w-[250px] max-w-fit flex-col gap-1 p-2",
           children: [
-            /* @__PURE__ */ e.jsx(ka, { filter: t }),
+            /* @__PURE__ */ e.jsx(wa, { filter: t }),
             /* @__PURE__ */ e.jsx(ba, { filter: t })
           ]
         },
@@ -5734,7 +5741,7 @@ function mr() {
   ) : null;
 }
 function xr() {
-  const s = D((t) => t.showFilters), n = D((t) => t.isVisualEditing), a = D(
+  const s = T((t) => t.showFilters), n = T((t) => t.isVisualEditing), a = T(
     (t) => t.isDashboardEditing
   );
   return /* @__PURE__ */ e.jsxs(
@@ -5756,10 +5763,10 @@ function xr() {
   );
 }
 function pr() {
-  const s = D((t) => t.dashboard), n = D((t) => t.actions.setDashboard), a = D(
+  const s = T((t) => t.dashboard), n = T((t) => t.actions.setDashboard), a = T(
     (t) => t.showDashboardJSON
   );
-  return D(
+  return T(
     (t) => t.actions.setShowDashboardJSON
   ), /* @__PURE__ */ e.jsx(
     "div",
@@ -5804,7 +5811,7 @@ function br({
   showFooter: n = !0,
   ...a
 }) {
-  return /* @__PURE__ */ e.jsx(cs, { FallbackComponent: za, children: /* @__PURE__ */ e.jsxs(bn, { dashboardProps: a, children: [
+  return /* @__PURE__ */ e.jsx(ds, { FallbackComponent: ka, children: /* @__PURE__ */ e.jsxs(bn, { dashboardProps: a, children: [
     /* @__PURE__ */ e.jsx(yn, {}),
     /* @__PURE__ */ e.jsxs(vn, { children: [
       /* @__PURE__ */ e.jsx(pr, {}),
@@ -5817,29 +5824,29 @@ function br({
   ] }) });
 }
 export {
-  He as A,
+  $e as A,
   Sn as B,
   kn as C,
   br as D,
-  Ta as E,
-  Ea as F,
+  Ia as E,
+  La as F,
   Tn as G,
   Fn as H,
   Xn as I,
   Vn as K,
   An as L,
-  Fa as M,
+  Ta as M,
   Hn as N,
   $n as P,
   Bn as S,
   Qn as T,
   Yn as U,
   wn as a,
-  qs as b,
-  Rs as c,
-  Ma as d,
-  Da as e,
-  Ia as f,
+  Rs as b,
+  _s as c,
+  Oa as d,
+  Ma as e,
+  Da as f,
   zn as g,
   On as h,
   Mn as i,
@@ -5849,15 +5856,15 @@ export {
   En as m,
   qn as n,
   Rn as o,
-  Ae as p,
+  qe as p,
   _n as q,
   Pn as r,
-  La as s,
+  Fa as s,
   Un as t,
   Gn as u,
   Kn as v,
   Jn as w,
   Wn as x,
-  _s as y,
-  qe as z
+  Hs as y,
+  Re as z
 };