semaphor 0.0.83 → 0.0.85

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

@@ -1,6 +1,6 @@
-import { c as V, p as zs, u as z, n as Os, o as ke, q as e, r as Fs, s as Is, t as O, j as Ds, v as Ts, w as Ls, x as Ms, y as Es, L as R, z as le, A as la, E as ra, H as ia, J as oa, K as st, M as at, N as tt, O as Js, Q, R as Qe, h as nt, V as m, W as lt, F as ca, Y as Je, Z as Ke, _ as da, $ as rt, a0 as ua, a1 as me, a2 as he, a3 as xe, a4 as pe, a5 as Se, a6 as fe, a7 as K, T as As, a8 as Vs, a9 as qs, aa as Rs, ab as ma, ac as ha, ad as de, ae as it, af as ot, ag as xa, ah as ct, C as dt, ai as ut, aj as pa, B as mt, ak as We, al as ht, am as Ks, an as fa, ao as ys, ap as Ne, aq as Fe, ar as ge, as as ga, at as xt, au as pt, av as ft, aw as gt, I as jt, ax as bt, ay as yt, az as vt, aA as qe, aB as vs, aC as Ct, a as Nt, aD as Ue, aE as Cs, aF as Ae, aG as Ns, aH as St, aI as wt, aJ as kt, aK as zt, aL as Ot, aM as Ft, aN as bs, aO as It, aP as Ws, aQ as Dt, aR as Ys, aS as Tt, aT as Lt, aU as Mt, aV as Et, aW as ja, aX as re, aY as _s, aZ as ba, a_ as At, a$ as Vt, b0 as ls, b1 as qt, b2 as Rt, b3 as _t, b4 as Ht, b5 as $t, b6 as Pt, b7 as Bt, l as Ut, b8 as us, b9 as ya, ba as va, bb as Ca, bc as rs, bd as Na, be as is, bf as Xs, bg as Gt, bh as Qt, bi as ms, bj as hs, bk as xs, bl as Jt, X as Sa, bm as Kt, bn as Wt, bo as Yt, bp as ps, bq as Ie, f as Xt, br as Be, bs as Hs, bt as wa, bu as Zt, bv as en, bw as os, bx as sn, by as an, bz as tn, bA as Zs, bB as nn, bC as ln, bD as rn, bE as on, bF as cn, bG as dn, bH as un, bI as mn, bJ as De, bK as B, bL as U, bM as $s, bN as G, bO as hn, bP as ka, bQ as xn, bR as pn, bS as fn, bT as gn, bU as jn, bV as bn, bW as yn, bX as vn, bY as Cn } from "./index-Ua4j6zM4.js";
+import { c as V, q as Os, u as z, r as Fs, s as ze, t as e, v as Is, w as Ds, x as O, k as Ts, y as Ls, z as Ms, A as Es, E as As, H as R, J as le, K as la, M as ra, N as ia, O as oa, Q as st, R as at, V as tt, W as Ks, Y as Q, Z as Je, h as nt, _ as m, $ as lt, F as ca, a0 as Ke, a1 as We, a2 as da, a3 as rt, a4 as ua, a5 as me, a6 as he, a7 as xe, a8 as pe, a9 as Se, aa as fe, ab as K, T as Vs, ac as qs, ad as Rs, ae as _s, af as ma, ag as ha, ah as de, ai as it, aj as ot, ak as xa, al as ct, C as dt, am as ut, an as pa, B as mt, ao as De, ap as ht, aq as os, ar as fa, as as Ns, at as Ce, au as Ie, av as we, aw as ga, ax as xt, ay as pt, az as ft, aA as gt, I as jt, aB as bt, aC as yt, aD as vt, aE as Re, aF as Ss, aG as Ct, a as Nt, aH as Ge, aI as cs, aJ as Ne, aK as ds, aL as St, aM as wt, aN as kt, aO as zt, aP as Ot, aQ as Cs, aR as Ft, aS as Ws, aT as It, aU as Ys, aV as Dt, aW as Tt, aX as Lt, aY as Mt, aZ as ja, a_ as re, a$ as Hs, b0 as ba, b1 as Et, b2 as At, b3 as ls, b4 as Vt, b5 as qt, b6 as Rt, b7 as _t, o as Ht, b8 as $t, b9 as Pt, ba as Bt, n as Ut, bb as xs, bc as ya, bd as va, be as Ca, bf as rs, bg as Na, bh as is, bi as Xs, bj as Gt, bk as Qt, bl as ps, bm as fs, bn as gs, bo as Jt, X as Sa, bp as Kt, bq as Wt, br as Yt, bs as js, bt as Te, f as Xt, bu as Ue, bv as $s, bw as wa, bx as Zt, by as en, bz as us, bA as sn, bB as an, bC as tn, bD as Zs, bE as nn, bF as ln, bG as rn, bH as on, bI as cn, bJ as dn, bK as un, bL as mn, bM as Le, bN as B, bO as U, bP as Ps, bQ as G, bR as hn, bS as ka, bT as xn, bU as pn, bV as fn, bW as gn, bX as jn, bY as bn, bZ as yn, b_ as vn, b$ as Cn } from "./index-BnsJsevV.js";
 import * as ea from "react";
-import we, { useState as q, useMemo as Ss, useEffect as Z, useRef as ws, Suspense as Nn } from "react";
+import ke, { useState as q, useMemo as ws, useEffect as Z, useRef as ks, Suspense as Nn } from "react";
 import "react-dom";
 /**
  * @license lucide-react v0.453.0 - ISC
@@ -41,7 +41,7 @@ const wn = V("ChartArea", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ps = V("ChartColumnIncreasing", [
+const Bs = V("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" }],
@@ -53,7 +53,7 @@ const Ps = V("ChartColumnIncreasing", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Bs = V("ChartLine", [
+const Us = V("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" }]
 ]);
@@ -305,7 +305,7 @@ const Rn = V("ListX", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ve = V("LoaderCircle", [
+const qe = V("LoaderCircle", [
   ["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]
 ]);
 /**
@@ -504,7 +504,7 @@ const Kn = V("ToggleLeft", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Us = V("Type", [
+const Gs = V("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" }]
@@ -528,10 +528,10 @@ function Ma(s) {
       return {
         ...a,
         frames: (n = a.frames) == null ? void 0 : n.map((l) => {
-          var c;
+          var d;
           return {
             ...l,
-            cards: (c = l.cards) == null ? void 0 : c.map((r) => Yn(r))
+            cards: (d = l.cards) == null ? void 0 : d.map((r) => Yn(r))
           };
         })
       };
@@ -547,8 +547,8 @@ function Yn(s) {
       data: {
         ...(t = s.cfg) == null ? void 0 : t.data,
         labels: [],
-        datasets: (l = (n = (a = s.cfg) == null ? void 0 : a.data) == null ? void 0 : n.datasets) == null ? void 0 : l.map((c) => ({
-          ...c,
+        datasets: (l = (n = (a = s.cfg) == null ? void 0 : a.data) == null ? void 0 : n.datasets) == null ? void 0 : l.map((d) => ({
+          ...d,
           data: []
         }))
       }
@@ -576,63 +576,63 @@ async function Zn(s, t, a, n) {
   if (!n)
     return null;
   const l = JSON.stringify(t);
-  return await zs("https://semaphor.cloud/api/v1/lens", n, {
+  return await Os("https://semaphor.cloud/api/v1/lens", n, {
     name: s,
     template: l,
     filterValues: a,
     operation: "create"
   });
 }
-async function ks(s, t) {
+async function zs(s, t) {
   if (!t)
     return null;
-  const { id: a, template: n, filterValues: l, isDefault: c, shared: r } = s;
-  return await zs("https://semaphor.cloud/api/v1/lens", t, {
+  const { id: a, template: n, filterValues: l, isDefault: d, shared: r } = s;
+  return await Os("https://semaphor.cloud/api/v1/lens", t, {
     lensId: a,
     template: n,
     filterValues: l,
-    isDefault: c,
+    isDefault: d,
     shared: r,
     operation: "update"
   });
 }
 async function el(s, t) {
-  return t ? await zs("https://semaphor.cloud/api/v1/lens", t, {
+  return t ? await Os("https://semaphor.cloud/api/v1/lens", t, {
     operation: "delete",
     lensId: s
   }) : null;
 }
 function sl() {
-  const [s, t] = q(""), [a, n] = q(!1), l = z((b) => b.lenses), { setLenses: c, setSelectedLensId: r } = Os(), [o, d] = q(!1), [p, u] = q(!1), y = z((b) => b.dashboard), g = z((b) => b.filterValues), { authToken: x } = ke();
+  const [s, t] = q(""), [a, n] = q(!1), l = z((C) => C.lenses), { setLenses: d, setSelectedLensId: r } = Fs(), [o, c] = q(!1), [p, u] = q(!1), b = z((C) => C.dashboard), g = z((C) => C.filterValues), { authToken: h } = ze();
   async function j() {
-    d(!0);
-    const b = Ma(
-      y
-    ), I = await Zn(
+    c(!0);
+    const C = Ma(
+      b
+    ), F = await Zn(
       s,
-      b,
+      C,
       g,
-      x == null ? void 0 : x.accessToken
+      h == null ? void 0 : h.accessToken
     );
-    I && (c([...l || [], I]), r(I.id), u(!1)), d(!1);
+    F && (d([...l || [], F]), r(F.id), u(!1)), c(!1);
   }
-  return /* @__PURE__ */ e.jsxs(Fs, { open: p, onOpenChange: u, children: [
-    /* @__PURE__ */ e.jsx(Is, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
+  return /* @__PURE__ */ e.jsxs(Is, { open: p, onOpenChange: u, children: [
+    /* @__PURE__ */ e.jsx(Ds, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
       O,
       {
         variant: "secondary",
         className: "h-7 p-2",
         size: "sm",
         children: [
-          /* @__PURE__ */ e.jsx(Ds, { className: "mr-2 h-4 w-4", strokeWidth: 1.5 }),
+          /* @__PURE__ */ e.jsx(Ts, { className: "mr-2 h-4 w-4", strokeWidth: 1.5 }),
           "Lens"
         ]
       }
     ) }),
-    /* @__PURE__ */ e.jsxs(Ts, { className: "sm:max-w-[425px]", children: [
-      /* @__PURE__ */ e.jsxs(Ls, { children: [
-        /* @__PURE__ */ e.jsx(Ms, { children: "Create Lens" }),
-        /* @__PURE__ */ e.jsx(Es, { children: "Lenses are private by default and are only visible to you." })
+    /* @__PURE__ */ e.jsxs(Ls, { className: "sm:max-w-[425px]", children: [
+      /* @__PURE__ */ e.jsxs(Ms, { children: [
+        /* @__PURE__ */ e.jsx(Es, { children: "Create Lens" }),
+        /* @__PURE__ */ e.jsx(As, { 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(R, { className: "text-right", children: "Name" }),
@@ -640,8 +640,8 @@ function sl() {
           le,
           {
             value: s,
-            onChange: (b) => {
-              t(b.target.value);
+            onChange: (C) => {
+              t(C.target.value);
             },
             id: "name",
             className: "col-span-7 focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0"
@@ -664,37 +664,37 @@ function sl() {
   ] });
 }
 function al() {
-  const [s, t] = q(!1), a = z((u) => u.lenses), n = z((u) => u.selectedLensId), { setLenses: l, setSelectedLensId: c } = Os(), { authToken: r } = ke();
+  const [s, t] = q(!1), a = z((u) => u.lenses), n = z((u) => u.selectedLensId), { setLenses: l, setSelectedLensId: d } = Fs(), { authToken: r } = ze();
   async function o(u) {
-    c(u);
+    d(u);
   }
-  async function d(u) {
+  async function c(u) {
     if (await el(u, r == null ? void 0 : r.accessToken)) {
-      const g = a == null ? void 0 : a.filter((x) => x.id !== u);
-      l(g || []), c("original");
+      const g = a == null ? void 0 : a.filter((h) => h.id !== u);
+      l(g || []), d("original");
     }
   }
   async function p(u) {
-    const y = a == null ? void 0 : a.map((j) => j.id === u.id ? {
+    const b = a == null ? void 0 : a.map((j) => j.id === u.id ? {
       ...j,
       isDefault: !u.isDefault
     } : {
       ...j,
       isDefault: !1
     });
-    l(y || []);
+    l(b || []);
     const g = {
       ...u,
       isDefault: !u.isDefault
     };
-    await ks(g, r == null ? void 0 : r.accessToken);
-    const x = a == null ? void 0 : a.find((j) => j.isDefault);
-    if (x && x.id !== u.id) {
+    await zs(g, r == null ? void 0 : r.accessToken);
+    const h = a == null ? void 0 : a.find((j) => j.isDefault);
+    if (h && h.id !== u.id) {
       const j = {
-        ...x,
+        ...h,
         isDefault: !1
       };
-      await ks(j, r == null ? void 0 : r.accessToken);
+      await zs(j, r == null ? void 0 : r.accessToken);
     }
   }
   return /* @__PURE__ */ e.jsxs(ra, { open: s, onOpenChange: t, children: [
@@ -708,9 +708,9 @@ function al() {
           value: n,
           onValueChange: o,
           children: [
-            /* @__PURE__ */ e.jsx(Js, { value: "original", children: "Original" }),
+            /* @__PURE__ */ e.jsx(Ks, { value: "original", children: "Original" }),
             a == null ? void 0 : a.map((u) => /* @__PURE__ */ e.jsxs(
-              Js,
+              Ks,
               {
                 className: "group flex justify-between gap-2",
                 value: u.id,
@@ -720,8 +720,8 @@ function al() {
                     /* @__PURE__ */ e.jsx(
                       En,
                       {
-                        onClick: (y) => {
-                          y.preventDefault(), p(u);
+                        onClick: (b) => {
+                          b.preventDefault(), p(u);
                         },
                         className: Q(
                           "size-3.5 text-muted-foreground hover:cursor-pointer hover:text-foreground group-hover:visible",
@@ -734,10 +734,10 @@ function al() {
                       }
                     ),
                     /* @__PURE__ */ e.jsx(
-                      Qe,
+                      Je,
                       {
-                        onClick: (y) => {
-                          y.preventDefault(), d(u.id);
+                        onClick: (b) => {
+                          b.preventDefault(), c(u.id);
                         },
                         className: "invisible size-3.5 text-muted-foreground hover:cursor-pointer hover:text-foreground group-hover:visible",
                         strokeWidth: 1.5
@@ -757,19 +757,19 @@ function al() {
 function tl({
   iconClassName: s
 }) {
-  const [t, a] = q(!1), { authToken: n } = ke(), l = z((o) => o.theme), c = z((o) => o.filterValues);
+  const [t, a] = q(!1), { authToken: n } = ze(), l = z((o) => o.theme), d = z((o) => o.filterValues);
   async function r() {
     {
       a(!0);
       const o = new URLSearchParams();
-      o.set("token", (n == null ? void 0 : n.accessToken) || ""), o.set("theme", l || "light"), o.set("filterValues", JSON.stringify(c));
-      const d = `https://semaphor.cloud/api/v1/generate-pdf?params=${encodeURIComponent(o.toString())}`, u = await (await fetch(d, {
+      o.set("token", (n == null ? void 0 : n.accessToken) || ""), o.set("theme", l || "light"), o.set("filterValues", JSON.stringify(d));
+      const c = `https://semaphor.cloud/api/v1/generate-pdf?params=${encodeURIComponent(o.toString())}`, u = await (await fetch(c, {
         method: "GET",
         headers: {
           Authorization: `Bearer ${n == null ? void 0 : n.accessToken}`
         }
-      })).blob(), y = URL.createObjectURL(u);
-      window.open(y, "_blank"), a(!1);
+      })).blob(), b = URL.createObjectURL(u);
+      window.open(b, "_blank"), a(!1);
     }
   }
   return /* @__PURE__ */ e.jsx(
@@ -779,7 +779,7 @@ function tl({
       className: "group h-7 p-2",
       size: "sm",
       onClick: r,
-      children: t ? /* @__PURE__ */ e.jsx(Ve, { className: Q("size-3.5 animate-spin", s) }) : /* @__PURE__ */ e.jsx(
+      children: t ? /* @__PURE__ */ e.jsx(qe, { className: Q("size-3.5 animate-spin", s) }) : /* @__PURE__ */ e.jsx(
         nt,
         {
           className: Q("size-3.5", s),
@@ -791,30 +791,30 @@ function tl({
 }
 function nl() {
   q(!1);
-  const { authToken: s } = ke();
+  const { authToken: s } = ze();
   z((f) => f.theme);
   const t = z((f) => f.lenses), a = z((f) => f.selectedLensId), n = t == null ? void 0 : t.find((f) => f.id === a), l = z((f) => f.dashboard);
   z((f) => f.selectedSheetId);
-  const c = z(
+  const d = z(
     (f) => f.isDashboardEditing
   ), r = m(
     (f) => f.selectedConnectionId
-  ), [o, d] = q(!1), p = z((f) => f.filterValues), u = z((f) => f.isVisualEditing), y = z((f) => f.showFilters);
+  ), [o, c] = q(!1), p = z((f) => f.filterValues), u = z((f) => f.isVisualEditing), b = z((f) => f.showFilters);
   z(
     (f) => f.showDashboardJSON
   );
-  const g = z((f) => f.onSaveFunction), x = z(
+  const g = z((f) => f.onSaveFunction), h = z(
     (f) => f.actions.setShowFilters
-  ), { addFrame: j, setSelectedFrameId: b } = z(
+  ), { addFrame: j, setSelectedFrameId: C } = z(
     (f) => f.actions
-  ), { getSelectedSheet: I, setIsDashboardEditing: C, setShowDashboardJSON: T } = z((f) => f.actions), F = I(), { tenantId: A, endUserId: N } = Ss(
+  ), { getSelectedSheet: F, setIsDashboardEditing: y, setShowDashboardJSON: T } = z((f) => f.actions), I = F(), { tenantId: A, endUserId: N } = ws(
     () => lt(s == null ? void 0 : s.accessToken),
     [s == null ? void 0 : s.accessToken]
-  ), S = Ss(() => A || N, [A, N]), L = () => {
-    if (!c || !F) return;
+  ), S = ws(() => A || N, [A, N]), L = () => {
+    if (!d || !I) return;
     const f = {
       connectionId: r,
-      id: Je(),
+      id: Ke(),
       title: "Title",
       description: "Description",
       preferences: {
@@ -829,16 +829,16 @@ function nl() {
       sql: "select COUNT(*) from YOUR_TABLE",
       data: []
     }, k = {
-      id: Je(),
+      id: Ke(),
       cards: [f],
       activeCardId: f.id
     };
-    j(F.id, k), b(k.id);
-  }, h = () => {
-    C(!0);
+    j(I.id, k), C(k.id);
+  }, x = () => {
+    y(!0);
   };
   async function v() {
-    if (d(!0), !a || !n) return;
+    if (c(!0), !a || !n) return;
     const f = Ma(
       l
     ), k = JSON.stringify(f), M = {
@@ -846,7 +846,7 @@ function nl() {
       template: k,
       filterValues: p
     };
-    await ks(M, s == null ? void 0 : s.accessToken), Ke.success("Lens saved"), g == null || g(f), d(!1);
+    await zs(M, s == null ? void 0 : s.accessToken), We.success("Lens saved"), g == null || g(f), c(!1);
   }
   return u ? null : /* @__PURE__ */ e.jsxs(
     "div",
@@ -857,46 +857,46 @@ function nl() {
         !u && /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ e.jsx(R, { children: n == null ? void 0 : n.name }) }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
           /* @__PURE__ */ e.jsx(tl, {}),
-          c && !u && S && /* @__PURE__ */ e.jsx(sl, {}),
+          d && !u && S && /* @__PURE__ */ e.jsx(sl, {}),
           !u && S && /* @__PURE__ */ e.jsx(al, {}),
-          c && !u && /* @__PURE__ */ e.jsxs(
+          d && !u && /* @__PURE__ */ e.jsxs(
             O,
             {
               variant: "secondary",
               className: "h-7 p-2",
               size: "sm",
-              disabled: !c,
+              disabled: !d,
               onClick: L,
               children: [
-                /* @__PURE__ */ e.jsx(Ds, { className: "mr-2 h-4 w-4", strokeWidth: 1.5 }),
+                /* @__PURE__ */ e.jsx(Ts, { className: "mr-2 h-4 w-4", strokeWidth: 1.5 }),
                 "Frame"
               ]
             }
           ),
-          !c && /* @__PURE__ */ e.jsx(
+          !d && /* @__PURE__ */ e.jsx(
             O,
             {
               variant: "ghost",
               className: "h-7 p-2",
-              onClick: h,
+              onClick: x,
               size: "sm",
               children: /* @__PURE__ */ e.jsx(Ta, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          c && !u && /* @__PURE__ */ e.jsx(
+          d && !u && /* @__PURE__ */ e.jsx(
             O,
             {
               variant: "ghost",
               role: "close",
               className: "h-7 p-2",
               onClick: () => {
-                C(!1), T(!1);
+                y(!1), T(!1);
               },
               size: "sm",
-              children: /* @__PURE__ */ e.jsx(Qe, { className: "h-4 w-4", strokeWidth: 1.5 })
+              children: /* @__PURE__ */ e.jsx(Je, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          c && !u && S && /* @__PURE__ */ e.jsx(
+          d && !u && S && /* @__PURE__ */ e.jsx(
             O,
             {
               className: "h-7 p-2",
@@ -907,37 +907,37 @@ function nl() {
               children: /* @__PURE__ */ e.jsx(Bn, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          !y && !u && c && /* @__PURE__ */ e.jsx(
+          !b && !u && d && /* @__PURE__ */ e.jsx(
             O,
             {
               className: "h-7 p-2",
               variant: "ghost",
-              onClick: () => x(!0),
+              onClick: () => h(!0),
               size: "sm",
               children: /* @__PURE__ */ e.jsx(ca, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          !u && c && !1,
+          !u && d && !1,
           !u && !1
         ] })
       ]
     }
   );
 }
-function Pe({
+function Be({
   title: s,
   items: t,
   value: a,
   isLoading: n,
   isError: l,
-  connectionTooltip: c,
+  connectionTooltip: d,
   onChange: r,
   showNone: o = !1,
-  className: d,
+  className: c,
   showIcon: p = !0,
   disabled: u = !1
 }) {
-  const y = n ? "Loading..." : l ? "Error" : a;
+  const b = n ? "Loading..." : l ? "Error" : a;
   function g() {
     if (s === "Connection")
       return /* @__PURE__ */ e.jsx(Pn, { className: "size-4 rotate-90" });
@@ -946,22 +946,22 @@ function Pe({
     if (s === "Schema")
       return /* @__PURE__ */ e.jsx(Hn, { className: "size-4" });
     if (s === "Table")
-      return /* @__PURE__ */ e.jsx(As, { className: "size-4" });
+      return /* @__PURE__ */ e.jsx(Vs, { 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: [
-    p && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: c ? /* @__PURE__ */ e.jsxs(da, { children: [
+    p && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: d ? /* @__PURE__ */ e.jsxs(da, { children: [
       /* @__PURE__ */ e.jsx(rt, { children: g() }),
-      /* @__PURE__ */ e.jsx(ua, { className: "text-xs", align: "start", children: c })
+      /* @__PURE__ */ e.jsx(ua, { className: "text-xs", align: "start", children: d })
     ] }) : g() }),
-    /* @__PURE__ */ e.jsxs(me, { disabled: u, value: y, onValueChange: r, children: [
+    /* @__PURE__ */ e.jsxs(me, { disabled: u, value: b, onValueChange: r, children: [
       /* @__PURE__ */ e.jsx(
         he,
         {
           className: Q(
             "h-9 w-full focus:ring-1 focus:ring-offset-0",
-            d
+            c
           ),
           children: /* @__PURE__ */ e.jsx(
             xe,
@@ -975,39 +975,39 @@ function Pe({
         n ? /* @__PURE__ */ e.jsx(fe, { children: "Loading..." }) : /* @__PURE__ */ e.jsx(fe, { children: s }),
         /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
           o && /* @__PURE__ */ e.jsx(K, { value: "none", children: "None" }, "none"),
-          t && t.map((x, j) => /* @__PURE__ */ e.jsx(K, { value: x.id, children: x.name }, j))
+          t && t.map((h, j) => /* @__PURE__ */ e.jsx(K, { value: h.id, children: h.name }, j))
         ] }),
-        (n || l) && /* @__PURE__ */ e.jsx(K, { value: y, children: y })
+        (n || l) && /* @__PURE__ */ e.jsx(K, { value: b, children: b })
       ] }) })
     ] })
   ] });
 }
 function ll({ column: s }) {
-  const [t, a] = q(!1), n = m((x) => x.selectedTableName), l = m(
-    (x) => x.selectedSchemaName
-  ), c = m(
-    (x) => x.selectedDatamodelId
-  ), r = m((x) => x.sqlGen), { modelItems: o } = Re(), d = m((x) => x.actions.setSqlGen), p = m((x) => x.actions.setCardSql), u = m((x) => x.actions.setRunSql);
-  function y(x, j) {
+  const [t, a] = q(!1), n = m((h) => h.selectedTableName), l = m(
+    (h) => h.selectedSchemaName
+  ), d = m(
+    (h) => h.selectedDatamodelId
+  ), r = m((h) => h.sqlGen), { modelItems: o } = _e(), c = m((h) => h.actions.setSqlGen), p = m((h) => h.actions.setCardSql), u = m((h) => h.actions.setRunSql);
+  function b(h, j) {
     var T;
-    const b = ma(x, r, j), I = (T = o == null ? void 0 : o.find(
-      (F) => F.id === c
+    const C = ma(h, r, j), F = (T = o == null ? void 0 : o.find(
+      (I) => I.id === d
     )) == null ? void 0 : T.name;
-    d(b);
-    const C = ha(
-      b,
+    c(C);
+    const y = ha(
+      C,
       de(l || ""),
       de(n),
-      I
+      F
     );
-    C && (p(C), u(!0)), a(!1);
+    y && (p(y), u(!0)), a(!1);
   }
   function g() {
     return /* @__PURE__ */ e.jsxs("ul", { className: "text-xs", children: [
       /* @__PURE__ */ e.jsx(
         "li",
         {
-          onClick: () => y(s, "COUNT"),
+          onClick: () => b(s, "COUNT"),
           className: "cursor-pointer p-1 px-3 transition-colors hover:bg-muted",
           children: "Count"
         }
@@ -1015,7 +1015,7 @@ function ll({ column: s }) {
       /* @__PURE__ */ e.jsx(
         "li",
         {
-          onClick: () => y(s, "AVG"),
+          onClick: () => b(s, "AVG"),
           className: "cursor-pointer p-1 px-3 transition-colors hover:bg-muted",
           children: "Avg"
         }
@@ -1023,7 +1023,7 @@ function ll({ column: s }) {
       /* @__PURE__ */ e.jsx(
         "li",
         {
-          onClick: () => y(s, "SUM"),
+          onClick: () => b(s, "SUM"),
           className: "cursor-pointer p-1 px-3 transition-colors hover:bg-muted",
           children: "Sum"
         }
@@ -1031,7 +1031,7 @@ function ll({ column: s }) {
       /* @__PURE__ */ e.jsx(
         "li",
         {
-          onClick: () => y(s, "MAX"),
+          onClick: () => b(s, "MAX"),
           className: "cursor-pointer p-1 px-3 transition-colors hover:bg-muted",
           children: "Max"
         }
@@ -1039,17 +1039,17 @@ function ll({ column: s }) {
       /* @__PURE__ */ e.jsx(
         "li",
         {
-          onClick: () => y(s, "MIN"),
+          onClick: () => b(s, "MIN"),
           className: "cursor-pointer p-1 px-3 transition-colors hover:bg-muted",
           children: "Min"
         }
       )
     ] });
   }
-  return /* @__PURE__ */ e.jsxs(Vs, { openDelay: 0, open: t, onOpenChange: a, children: [
-    /* @__PURE__ */ e.jsx(qs, { asChild: !0, children: /* @__PURE__ */ e.jsx(Ia, { className: "invisible size-3.5 cursor-pointer text-foreground/40 group-hover:visible" }) }),
+  return /* @__PURE__ */ e.jsxs(qs, { openDelay: 0, open: t, onOpenChange: a, children: [
+    /* @__PURE__ */ e.jsx(Rs, { asChild: !0, children: /* @__PURE__ */ e.jsx(Ia, { className: "invisible size-3.5 cursor-pointer text-foreground/40 group-hover:visible" }) }),
     /* @__PURE__ */ e.jsx(
-      Rs,
+      _s,
       {
         align: "center",
         className: "w-20 rounded-md p-0 shadow-none",
@@ -1062,7 +1062,7 @@ function Ea({ column: s }) {
   return /* @__PURE__ */ e.jsxs(da, { children: [
     /* @__PURE__ */ e.jsx(it, { asChild: !0, children: ot.includes(s.data_type.toLowerCase()) ? (
       // <span className=" font-thin">T</span>
-      /* @__PURE__ */ e.jsx(Us, { className: "size-3" })
+      /* @__PURE__ */ e.jsx(Gs, { className: "size-3" })
     ) : xa.includes(s.data_type.toLowerCase()) ? (
       //
       /* @__PURE__ */ e.jsx(Mn, { className: "size-3" })
@@ -1076,56 +1076,56 @@ function rl({
   columns: a,
   status: n
 }) {
-  const l = m((h) => h.sqlGen), c = m(
-    (h) => h.selectedConnectionId
+  const l = m((x) => x.sqlGen), d = m(
+    (x) => x.selectedConnectionId
   ), r = m(
-    (h) => h.selectedDatabaseName
+    (x) => x.selectedDatabaseName
   ), o = m(
-    (h) => h.selectedSchemaName
-  ), d = m((h) => h.selectedTableName), p = m(
-    (h) => h.selectedDatamodelId
+    (x) => x.selectedSchemaName
+  ), c = m((x) => x.selectedTableName), p = m(
+    (x) => x.selectedDatamodelId
   ), u = z(
-    (h) => h.dashboard.aiScopeTables
-  ), { setAIScopeTables: y } = z((h) => h.actions), g = m((h) => h.actions.setRunSql), x = m((h) => h.actions.setSqlGen), j = m(
-    (h) => h.actions.setIsShowingVisual
-  ), b = m((h) => h.actions.setCardSql), { connectionType: I, modelItems: C } = Re();
-  function T(h) {
+    (x) => x.dashboard.aiScopeTables
+  ), { setAIScopeTables: b } = z((x) => x.actions), g = m((x) => x.actions.setRunSql), h = m((x) => x.actions.setSqlGen), j = m(
+    (x) => x.actions.setIsShowingVisual
+  ), C = m((x) => x.actions.setCardSql), { connectionType: F, modelItems: y } = _e();
+  function T(x) {
     var M;
-    const v = ma(h, l);
-    x(v);
-    const f = (M = C == null ? void 0 : C.find(
+    const v = ma(x, l);
+    h(v);
+    const f = (M = y == null ? void 0 : y.find(
       (H) => H.id === p
     )) == null ? void 0 : M.name, k = ha(v, de(s), de(t), f);
-    k && (b(k), g(!0));
+    k && (C(k), g(!0));
   }
-  function F() {
+  function I() {
     return (u == null ? void 0 : u.find(
-      (h) => h.connectinonId === c && h.tableName === d
+      (x) => x.connectinonId === d && x.tableName === c
     )) !== void 0;
   }
-  function A(h) {
-    if (h === !0 && d && c) {
+  function A(x) {
+    if (x === !0 && c && d) {
       const v = {
-        connectinonId: c,
-        connectionType: I,
+        connectinonId: d,
+        connectionType: F,
         databaseName: r,
         schemaName: o,
-        tableName: d
+        tableName: c
       }, k = [...u || [], v].filter(
         (M, H, P) => P.findIndex(
           (Y) => Y.connectinonId === M.connectinonId && Y.tableName === M.tableName
         ) === H
       );
-      y(k), Ke.success(`Added '${d}' to AI Scope`, {
+      b(k), We.success(`Added '${c}' to AI Scope`, {
         position: "top-right",
         duration: 2500,
         richColors: !0
       });
     } else {
       const v = (u || []).filter(
-        (f) => f.connectinonId !== c && f.tableName !== d
+        (f) => f.connectinonId !== d && f.tableName !== c
       );
-      y(v), Ke(`Removed '${d}' from AI Scope`, {
+      b(v), We(`Removed '${c}' from AI Scope`, {
         position: "top-right",
         duration: 2e3,
         richColors: !0
@@ -1134,31 +1134,31 @@ function rl({
   }
   function N() {
     var M;
-    let h = fa(s, t);
-    const v = (M = C == null ? void 0 : C.find(
+    let x = fa(s, t);
+    const v = (M = y == null ? void 0 : y.find(
       (H) => H.id === p
     )) == null ? void 0 : M.name;
-    console.log("modelName", v), p && p !== "none" && (h = `${ys}.${v}`);
-    let f = h;
+    p && p !== "none" && (x = `${Ns}.${v}`);
+    let f = x;
     return ((H) => /[A-Z]/.test(H))(t) && (f = f.split(".").map((P) => `"${P}"`).join(".")), f;
   }
   function S() {
-    const h = N();
+    const x = N();
     j(!1);
-    const v = I === "MSSQL" ? `SELECT top 10 * FROM ${h}` : `SELECT * FROM ${h} LIMIT 10`;
-    b(v), g(!0);
+    const v = F === "MSSQL" ? `SELECT top 10 * FROM ${x}` : `SELECT * FROM ${x} LIMIT 10`;
+    C(v), g(!0);
   }
   function L() {
-    const h = N();
-    b(`SELECT COUNT(*) as count FROM ${h}`), g(!0);
+    const x = N();
+    C(`SELECT COUNT(*) as count FROM ${x}`), g(!0);
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "flex grow flex-col space-y-4 px-4", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-center gap-1", children: [
       /* @__PURE__ */ e.jsx(
         pa,
         {
-          title: `${F() ? "Remove from" : "Add to"} AI Scope`,
-          pressed: F(),
+          title: `${I() ? "Remove from" : "Add to"} AI Scope`,
+          pressed: I(),
           onPressedChange: A,
           variant: "outline",
           className: "h-9 px-2",
@@ -1166,8 +1166,8 @@ function rl({
             mt,
             {
               className: Q("size-4", {
-                "text-primary": F(),
-                "text-muted-foreground": !F()
+                "text-primary": I(),
+                "text-muted-foreground": !I()
               })
             }
           )
@@ -1182,7 +1182,7 @@ function rl({
           variant: "secondary",
           className: "flex",
           children: [
-            n !== "Success" ? /* @__PURE__ */ e.jsx(Ve, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(Qn, { className: "mr-2 size-4" }),
+            n !== "Success" ? /* @__PURE__ */ e.jsx(qe, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(Qn, { className: "mr-2 size-4" }),
             "Top 10"
           ]
         }
@@ -1196,91 +1196,91 @@ function rl({
           variant: "secondary",
           className: "flex",
           children: [
-            n !== "Success" ? /* @__PURE__ */ e.jsx(Ve, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(Gn, { className: "mr-2 size-4" }),
+            n !== "Success" ? /* @__PURE__ */ e.jsx(qe, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(Gn, { className: "mr-2 size-4" }),
             "Count"
           ]
         }
       )
     ] }),
     /* @__PURE__ */ e.jsxs(
-      We,
+      De,
       {
         className: "flex-1 basis-0 overflow-y-auto border-b border-t border-muted py-3",
         children: [
-          a == null ? void 0 : a.map((h) => /* @__PURE__ */ e.jsxs(
+          a == null ? void 0 : a.map((x) => /* @__PURE__ */ e.jsxs(
             "div",
             {
-              onClick: () => T(h),
+              onClick: () => T(x),
               className: Q(
                 "group mx-3 flex cursor-pointer items-center justify-between rounded px-2 py-[6px] text-sm transition-colors hover:bg-muted/50",
                 {
-                  "bg-muted": ht(h, l)
+                  "bg-muted": ht(x, l)
                 }
               ),
               children: [
                 /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-                  /* @__PURE__ */ e.jsx(Ea, { column: h }),
-                  /* @__PURE__ */ e.jsx("span", { children: h.column_name })
+                  /* @__PURE__ */ e.jsx(Ea, { column: x }),
+                  /* @__PURE__ */ e.jsx("span", { children: x.column_name })
                 ] }),
                 /* @__PURE__ */ e.jsx(
                   "div",
                   {
                     onClick: (v) => v.stopPropagation(),
                     className: "flex items-center justify-end",
-                    children: xa.includes(h.data_type) && /* @__PURE__ */ e.jsx(ll, { column: h })
+                    children: xa.includes(x.data_type) && /* @__PURE__ */ e.jsx(ll, { column: x })
                   }
                 )
               ]
             },
-            h.column_name
+            x.column_name
           )),
-          /* @__PURE__ */ e.jsx(Ks, { orientation: "vertical" }),
-          /* @__PURE__ */ e.jsx(Ks, { orientation: "horizontal" })
+          /* @__PURE__ */ e.jsx(os, { orientation: "vertical" }),
+          /* @__PURE__ */ e.jsx(os, { orientation: "horizontal" })
         ]
       }
     )
   ] });
 }
-function Re(s, t) {
+function _e(s, t) {
   var Xe, Ze, es, ss, as;
-  let a = Ss(() => [], []);
-  const n = ke().authToken || s, l = m(
+  let a = ws(() => [], []);
+  const n = ze().authToken || s, l = m(
     (i) => i.selectedConnectionId
-  ), c = m(
+  ), d = m(
     (i) => i.selectedDatamodelId
   ), r = m(
     (i) => i.selectedDatabaseName
   ), o = m(
     (i) => i.selectedSchemaName
-  ), d = m((i) => i.selectedTableName), p = m(
+  ), c = m((i) => i.selectedTableName), p = m(
     (i) => i.actions.setCurrentColumns
   ), u = m(
     (i) => i.actions.setSelectedConnectionId
-  ), y = m(
+  ), b = m(
     (i) => i.actions.setSelectedDatamodelId
   ), g = m(
     (i) => i.actions.setSelectedDatabaseName
-  ), x = m(
+  ), h = m(
     (i) => i.actions.setSelectedSchemaName
   ), j = m(
     (i) => i.actions.setSelectedTableName
-  ), b = m((i) => i.actions.setCardSql);
-  function I(i) {
+  ), C = m((i) => i.actions.setCardSql);
+  function F(i) {
     return l && r && o && r !== "NA" ? !0 : l && i === "API" ? !1 : !!(l && i === "S3");
   }
-  function C(i) {
-    return !!(l && r && r !== "NA" && o && d || l && (i === "S3" || i === "API") || c && c);
+  function y(i) {
+    return !!(l && r && r !== "NA" && o && c || l && (i === "S3" || i === "API") || d && d);
   }
   function T(i) {
     return l && i ? !(i === "API" || i === "S3") : !1;
   }
   const {
-    data: F,
+    data: I,
     isLoading: A,
     isError: N
-  } = Ne({
+  } = Ce({
     queryKey: ["connections"],
-    queryFn: () => Fe(
+    queryFn: () => Ie(
       "https://semaphor.cloud/api/v1/connections",
       (n == null ? void 0 : n.accessToken) || ""
     ),
@@ -1289,10 +1289,10 @@ function Re(s, t) {
   }), {
     data: S,
     isLoading: L,
-    isError: h
-  } = Ne({
+    isError: x
+  } = Ce({
     queryKey: ["models", l],
-    queryFn: () => Fe(
+    queryFn: () => Ie(
       "https://semaphor.cloud/api/v1/datamodels",
       (n == null ? void 0 : n.accessToken) || "",
       {
@@ -1301,7 +1301,7 @@ function Re(s, t) {
     ),
     enabled: !!(n != null && n.accessToken) && !!l
     // Only fetch if authToken is present
-  }), v = F == null ? void 0 : F.connections.find(
+  }), v = I == null ? void 0 : I.connections.find(
     (i) => i.id === l
   ), f = v == null ? void 0 : v.type, k = (v == null ? void 0 : v.type) === "API" || (v == null ? void 0 : v.type) === "S3", {
     data: M,
@@ -1309,9 +1309,9 @@ function Re(s, t) {
     isFetching: P,
     isError: Y,
     refetch: ie
-  } = Ne({
+  } = Ce({
     queryKey: ["databases", l],
-    queryFn: () => Fe(
+    queryFn: () => Ie(
       "https://semaphor.cloud/api/v1/databases",
       (n == null ? void 0 : n.accessToken) || "",
       {
@@ -1326,9 +1326,9 @@ function Re(s, t) {
     isFetching: w,
     isError: _,
     refetch: ee
-  } = Ne({
+  } = Ce({
     queryKey: ["schemas", l, r],
-    queryFn: () => Fe(
+    queryFn: () => Ie(
       "https://semaphor.cloud/api/v1/schemas",
       (n == null ? void 0 : n.accessToken) || "",
       {
@@ -1344,14 +1344,14 @@ function Re(s, t) {
     isFetching: se,
     isError: $,
     refetch: X
-  } = Ne({
+  } = Ce({
     queryKey: [
       "tables",
       l,
       r,
       o
     ],
-    queryFn: () => Fe(
+    queryFn: () => Ie(
       "https://semaphor.cloud/api/v1/tables",
       (n == null ? void 0 : n.accessToken) || "",
       {
@@ -1360,34 +1360,34 @@ function Re(s, t) {
         schema_name: o
       }
     ),
-    enabled: I(f)
+    enabled: F(f)
   }), {
     data: te,
-    isLoading: Le,
-    isFetching: ze,
-    isError: be
-  } = Ne({
+    isLoading: Ee,
+    isFetching: Oe,
+    isError: je
+  } = Ce({
     queryKey: [
       "columns",
       l,
       r,
-      c,
+      d,
       o,
-      d
+      c
     ],
-    queryFn: () => Fe(
+    queryFn: () => Ie(
       "https://semaphor.cloud/api/v1/columns",
       (n == null ? void 0 : n.accessToken) || "",
       {
         connection_id: l,
-        datamodel_id: c || "",
+        datamodel_id: d || "",
         // don't pass undefined. Pass empty string
         database_name: r,
         schema_name: o,
-        table_name: d
+        table_name: c
       }
     ),
-    enabled: C(f)
+    enabled: y(f)
     // (!!selectedConnectionId &&
     //   !!selectedDatabaseName &&
     //   !!selectedSchemaName &&
@@ -1401,42 +1401,42 @@ function Re(s, t) {
   }, [te, p, a]), Z(() => {
   }, [
     k,
-    b,
+    C,
     j,
-    x,
+    h,
     g,
     v
   ]);
-  const ye = (v == null ? void 0 : v.type) === "API" ? (Xe = v == null ? void 0 : v.type) == null ? void 0 : Xe.toLowerCase() : d || "", J = k ? "" : o || "";
+  const be = (v == null ? void 0 : v.type) === "API" ? (Xe = v == null ? void 0 : v.type) == null ? void 0 : Xe.toLowerCase() : c || "", J = k ? "" : o || "";
   function oe(i) {
-    x(i), j("");
+    h(i), j("");
   }
   function ce(i) {
-    g(i === "none" ? "" : i), x(""), j(""), i !== "none" && i !== "" && y("");
+    g(i === "none" ? "" : i), h(""), j(""), i !== "none" && i !== "" && b("");
   }
-  function Oe(i) {
+  function Fe(i) {
     u(i);
   }
-  function Me(i) {
-    y(i === "none" ? "" : i), i !== "none" && i !== "" && g("");
+  function Ae(i) {
+    b(i === "none" ? "" : i), i !== "none" && i !== "" && g("");
   }
   M && ((Ze = M == null ? void 0 : M.databases) == null ? void 0 : Ze.length) > 0, W && ((es = W == null ? void 0 : W.schemas) == null ? void 0 : es.length) > 0, te && ((ss = te == null ? void 0 : te.columns) == null ? void 0 : ss.length) > 0 && (a = te.columns.map((i) => ({
     ...i,
     data_type: i.data_type.toLowerCase()
-  }))), Y && (a = []), (be || N) && (a = []);
-  const He = F == null ? void 0 : F.connections.map(
+  }))), Y && (a = []), (je || N) && (a = []);
+  const $e = I == null ? void 0 : I.connections.map(
     (i) => ({
       id: i.id,
       name: i.name,
       type: i.type
     })
-  ), $e = (as = S == null ? void 0 : S.datamodels) == null ? void 0 : as.map((i) => ({
+  ), Pe = (as = S == null ? void 0 : S.datamodels) == null ? void 0 : as.map((i) => ({
     id: i.id,
     name: i.name
-  })), Ee = M == null ? void 0 : M.databases.map((i) => ({
+  })), Ve = M == null ? void 0 : M.databases.map((i) => ({
     id: i.database_name,
     name: i.database_name
-  })), gs = W == null ? void 0 : W.schemas.map((i) => ({
+  })), ys = W == null ? void 0 : W.schemas.map((i) => ({
     id: i.schema_name,
     name: i.schema_name
   })), Ye = E == null ? void 0 : E.tables.map((i) => ({
@@ -1444,30 +1444,30 @@ function Re(s, t) {
     name: i.table_name
   }));
   return {
-    connectionItems: He,
+    connectionItems: $e,
     isConnectionsLoading: A,
     isConnectionsError: N,
-    modelItems: $e,
+    modelItems: Pe,
     isModelsLoading: L,
-    isModelsError: h,
-    databaseItems: Ee,
+    isModelsError: x,
+    databaseItems: Ve,
     isDatabasesLoadingOrFetching: H || P,
     isDatabaseError: Y,
-    schemaItems: gs,
+    schemaItems: ys,
     isSchemaLoadingOrFetching: ae || w,
     isSchemaError: _,
     tableItems: Ye,
     isTableLoadingOrFetching: D || se,
     isTableError: $,
     columns: a,
-    isColumnsLoadingOrFetching: Le || ze,
-    isColumnsError: be,
+    isColumnsLoadingOrFetching: Ee || Oe,
+    isColumnsError: je,
     isNonDbConnection: k,
     connectionType: f,
-    tableName: ye,
+    tableName: be,
     schemaName: J,
-    handleConnectionChange: Oe,
-    handleDatamodelChange: Me,
+    handleConnectionChange: Fe,
+    handleDatamodelChange: Ae,
     handleDatabaseChange: ce,
     handleSchemaChange: oe
   };
@@ -1484,27 +1484,27 @@ function Aa({
     ($) => $.selectedDatabaseName
   ), l = m(
     ($) => $.selectedSchemaName
-  ), c = m(($) => $.selectedTableName), r = m(
+  ), d = m(($) => $.selectedTableName), r = m(
     ($) => $.actions.setSelectedTableName
   ), {
     connectionItems: o,
-    modelItems: d,
+    modelItems: c,
     schemaItems: p,
     databaseItems: u,
-    tableItems: y,
+    tableItems: b,
     columns: g,
-    isConnectionsLoading: x,
+    isConnectionsLoading: h,
     isModelsLoading: j,
-    isConnectionsError: b,
-    isModelsError: I,
-    isDatabasesLoadingOrFetching: C,
+    isConnectionsError: C,
+    isModelsError: F,
+    isDatabasesLoadingOrFetching: y,
     isDatabaseError: T,
-    isSchemaLoadingOrFetching: F,
+    isSchemaLoadingOrFetching: I,
     isSchemaError: A,
     isColumnsError: N,
     isColumnsLoadingOrFetching: S,
     isTableLoadingOrFetching: L,
-    isTableError: h,
+    isTableError: x,
     connectionType: v,
     isNonDbConnection: f,
     handleConnectionChange: k,
@@ -1513,7 +1513,7 @@ function Aa({
     handleDatamodelChange: P,
     tableName: Y,
     schemaName: ie
-  } = Re();
+  } = _e();
   function W() {
     return s ? s(ie, Y, g) : /* @__PURE__ */ e.jsx(
       rl,
@@ -1532,12 +1532,12 @@ function Aa({
     if (!t || v === "S3" || v === "API") return null;
     if (!a || a === "none")
       return /* @__PURE__ */ e.jsx(
-        Pe,
+        Be,
         {
           showNone: !0,
           onChange: M,
           isError: T,
-          isLoading: C,
+          isLoading: y,
           items: u,
           value: n || "",
           title: "Database"
@@ -1547,22 +1547,22 @@ function Aa({
   function _() {
     if (t && !f && (!n || n === "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(ge, {}) }),
+        /* @__PURE__ */ e.jsx("div", { className: "col-span-1 grid place-items-center", children: /* @__PURE__ */ e.jsx(we, {}) }),
         /* @__PURE__ */ e.jsx("div", { className: "col-span-1 grid place-items-center", children: /* @__PURE__ */ e.jsx(R, { children: "OR" }) }),
-        /* @__PURE__ */ e.jsx("div", { className: "col-span-1 grid place-items-center", children: /* @__PURE__ */ e.jsx(ge, {}) })
+        /* @__PURE__ */ e.jsx("div", { className: "col-span-1 grid place-items-center", children: /* @__PURE__ */ e.jsx(we, {}) })
       ] });
   }
   function ee() {
     if (!t || v === "S3" || v === "API") return null;
     if (!n || n === "none")
       return /* @__PURE__ */ e.jsx(
-        Pe,
+        Be,
         {
           showNone: !0,
           onChange: P,
-          isError: I,
+          isError: F,
           isLoading: j,
-          items: d,
+          items: c,
           value: a || "",
           title: "Model"
         }
@@ -1570,11 +1570,11 @@ function Aa({
   }
   function E() {
     return !t || v === "S3" || v === "API" || !n || n === "none" ? null : /* @__PURE__ */ e.jsx(
-      Pe,
+      Be,
       {
         onChange: H,
         isError: A,
-        isLoading: F,
+        isLoading: I,
         items: p,
         value: l || "",
         title: "Schema"
@@ -1587,13 +1587,13 @@ function Aa({
       return v === "API" ? (X = !1, X) : ((v === "S3" || t && n && n !== "none" && l) && (X = !0), X);
     }
     return $() ? /* @__PURE__ */ e.jsx(
-      Pe,
+      Be,
       {
         onChange: r,
-        isError: h,
-        items: y,
+        isError: x,
+        items: b,
         isLoading: L,
-        value: c || "",
+        value: d || "",
         title: "Table"
       }
     ) : null;
@@ -1601,14 +1601,14 @@ 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(
-        Pe,
+        Be,
         {
           items: o,
           title: "Connection",
           value: t || "",
           onChange: k,
-          isLoading: x,
-          isError: b,
+          isLoading: h,
+          isError: C,
           connectionTooltip: ((se = o == null ? void 0 : o.find(
             ($) => $.id === t
           )) == null ? void 0 : se.type) || ""
@@ -1638,8 +1638,8 @@ function Aa({
 }
 function il(s) {
   const t = s.toUpperCase().indexOf("WHERE"), a = s.toUpperCase().indexOf("GROUP BY"), n = s.toUpperCase().indexOf("LIMIT"), l = s.toUpperCase().indexOf("ORDER BY");
-  let c = s.length;
-  if (l !== -1 && (c = l), n !== -1 && n < c && (c = n), t !== -1) {
+  let d = s.length;
+  if (l !== -1 && (d = l), n !== -1 && n < d && (d = n), t !== -1) {
     const r = s.substring(0, t), o = s.substring(t);
     return `${r} {{ filters | where }} AND ${o.substring(
       6
@@ -1648,7 +1648,7 @@ function il(s) {
     const r = s.substring(0, a), o = s.substring(a);
     return `${r} {{ filters | where }} ${o}`;
   } else {
-    const r = s.substring(0, c), o = s.substring(c);
+    const r = s.substring(0, d), o = s.substring(d);
     return `${r} {{ filters | where }} ${o}`;
   }
 }
@@ -1658,15 +1658,15 @@ function ol({
   setUserInputforAI: a,
   setTriggerAIRun: n
 }) {
-  return /* @__PURE__ */ e.jsxs(Vs, { openDelay: 0, children: [
-    /* @__PURE__ */ e.jsx(qs, { asChild: !0, children: /* @__PURE__ */ e.jsx(O, { variant: "link", className: "h-5 p-0", children: /* @__PURE__ */ e.jsx(kn, { className: "h-4 w-4 text-red-500" }) }) }),
+  return /* @__PURE__ */ e.jsxs(qs, { openDelay: 0, children: [
+    /* @__PURE__ */ e.jsx(Rs, { asChild: !0, children: /* @__PURE__ */ e.jsx(O, { variant: "link", className: "h-5 p-0", children: /* @__PURE__ */ e.jsx(kn, { className: "h-4 w-4 text-red-500" }) }) }),
     /* @__PURE__ */ e.jsx(
-      Rs,
+      _s,
       {
         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(We, { className: "max-h-[250px] min-h-0 overflow-scroll", children: /* @__PURE__ */ e.jsx("p", { className: "overflow-auto rounded-md bg-muted p-2 text-xs leading-relaxed", children: s }) }),
+          /* @__PURE__ */ e.jsx(De, { className: "max-h-[250px] min-h-0 overflow-scroll", children: /* @__PURE__ */ e.jsx("p", { className: "overflow-auto rounded-md bg-muted p-2 text-xs leading-relaxed", children: s }) }),
           /* @__PURE__ */ e.jsxs(
             O,
             {
@@ -1739,21 +1739,21 @@ function dl({
   userInput: a,
   setUserInput: n,
   triggerAIRun: l,
-  setTriggerAIRun: c
+  setTriggerAIRun: d
 }) {
-  const r = ws(null), o = ws(null), { authToken: d } = ke(), [p, u] = q(!1), y = m((w) => w.actions.setCardSql), g = z((w) => w.dashboard.baseQueries), x = m((w) => w.actions.setRunSql), j = m((w) => w.actions.setCardType), [b, I] = q([]), C = m((w) => w.currentColumns), T = m((w) => w.card.sql), F = m((w) => w.selectedTableName), A = `
+  const r = ks(null), o = ks(null), { authToken: c } = ze(), [p, u] = q(!1), b = m((w) => w.actions.setCardSql), g = z((w) => w.dashboard.baseQueries), h = m((w) => w.actions.setRunSql), j = m((w) => w.actions.setCardType), [C, F] = q([]), y = m((w) => w.currentColumns), T = m((w) => w.card.sql), I = m((w) => w.selectedTableName), A = `
   ${a}
 
-  Database Query Dialect: ${F === "api" || F === "s3" ? "DuckDb" : ""}
-  Table Name: ${F}   
-  Table Columns: ${C == null ? void 0 : C.map((w) => `${w.column_name} | ${w.data_type}`).join(", ")}
+  Database Query Dialect: ${I === "api" || I === "s3" ? "DuckDb" : ""}
+  Table Name: ${I}   
+  Table Columns: ${y == null ? void 0 : y.map((w) => `${w.column_name} | ${w.data_type}`).join(", ")}
   User SQL: ${T}  
   ${g && `Base Queries: ${JSON.stringify(g)} `}`, N = ` When the user asks for a specific chart please use the following query structure to generate the chart query. Do not make up the column names. Use only the table columns provided above for the query. Replace x-axis, y-axis, and lables with the appropriate column names.
-  Visual Query Syntax: ${cl}`, { data: S, isLoading: L, isFetching: h, isError: v, refetch: f } = Ne({
+  Visual Query Syntax: ${cl}`, { data: S, isLoading: L, isFetching: x, isError: v, refetch: f } = Ce({
     queryKey: ["ai-query"],
-    queryFn: () => Fe(
+    queryFn: () => Ie(
       "https://semaphor.cloud/api/v1/ai",
-      (d == null ? void 0 : d.accessToken) || "",
+      (c == null ? void 0 : c.accessToken) || "",
       {
         user_content: `userContent: ${A} ${p ? N : ""}`
       }
@@ -1783,7 +1783,7 @@ function dl({
     return !0;
   }
   Z(() => {
-    S && I((w) => [...w, { role: "ai", content: S.response }]);
+    S && F((w) => [...w, { role: "ai", content: S.response }]);
   }, [S]), Z(() => {
     const w = setTimeout(() => {
       var _;
@@ -1793,13 +1793,13 @@ function dl({
       }), (_ = r.current) == null || _.focus());
     }, 100);
     return () => clearTimeout(w);
-  }, [b]);
+  }, [C]);
   function M() {
-    a && (I((w) => [...w, { role: "user", content: a }]), k(a) && u(!0), n(""), f());
+    a && (F((w) => [...w, { role: "user", content: a }]), k(a) && u(!0), n(""), f());
   }
   Z(() => {
-    l && (M(), c(!1));
-  }, [l, c]);
+    l && (M(), d(!1));
+  }, [l, d]);
   const H = {
     //seleect a darker color
     // color: '#000',
@@ -1838,7 +1838,7 @@ function dl({
           {
             onClick: (ee) => {
               const E = W(ee);
-              E && (t(!1), y(E), x(!0));
+              E && (t(!1), b(E), h(!0));
             },
             size: "sm",
             variant: "outline",
@@ -1857,7 +1857,7 @@ function dl({
     return navigator.clipboard.writeText(ee).then(() => console.log("Text copied to clipboard")).catch((E) => console.error("Error in copying text: ", E)), ee;
   }
   function ae() {
-    return b == null ? void 0 : b.map((w, _) => w.role === "user" ? /* @__PURE__ */ e.jsxs(
+    return C == null ? void 0 : C.map((w, _) => w.role === "user" ? /* @__PURE__ */ e.jsxs(
       "div",
       {
         className: "flex items-start rounded-md bg-muted p-3 text-sm",
@@ -1877,8 +1877,8 @@ function dl({
       _
     ) : /* @__PURE__ */ e.jsx("div", {}, _));
   }
-  return /* @__PURE__ */ e.jsxs(Fs, { open: s, onOpenChange: t, children: [
-    /* @__PURE__ */ e.jsx(Is, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+  return /* @__PURE__ */ e.jsxs(Is, { open: s, onOpenChange: t, children: [
+    /* @__PURE__ */ e.jsx(Ds, { asChild: !0, children: /* @__PURE__ */ e.jsx(
       O,
       {
         size: "sm",
@@ -1888,13 +1888,13 @@ function dl({
       }
     ) }),
     /* @__PURE__ */ e.jsxs(
-      Ts,
+      Ls,
       {
         className: "flex flex-col justify-between overflow-auto sm:max-w-[425px] md:max-h-[625px] md:min-w-[625px]",
         children: [
-          /* @__PURE__ */ e.jsxs(Ls, { children: [
-            /* @__PURE__ */ e.jsx(Ms, { children: "Assistant" }),
-            /* @__PURE__ */ e.jsx(Es, { children: "What can I help you with?" })
+          /* @__PURE__ */ e.jsxs(Ms, { children: [
+            /* @__PURE__ */ e.jsx(Es, { children: "Assistant" }),
+            /* @__PURE__ */ e.jsx(As, { children: "What can I help you with?" })
           ] }),
           /* @__PURE__ */ e.jsx(
             "div",
@@ -1924,7 +1924,7 @@ function dl({
                     className: Q(
                       "max-h-10 min-h-7 resize-none border-none focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0"
                     ),
-                    disabled: L || h,
+                    disabled: L || x,
                     value: a,
                     onChange: (w) => n(w.target.value)
                   }
@@ -1937,7 +1937,7 @@ function dl({
                     size: "sm",
                     variant: "ghost",
                     onClick: M,
-                    children: !L && !h ? /* @__PURE__ */ e.jsx(xt, {}) : /* @__PURE__ */ e.jsx(Ve, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" })
+                    children: !L && !x ? /* @__PURE__ */ e.jsx(xt, {}) : /* @__PURE__ */ e.jsx(qe, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" })
                   }
                 )
               ] })
@@ -1954,14 +1954,14 @@ var Va = {
   className: void 0,
   style: void 0,
   attr: void 0
-}, sa = we.createContext && /* @__PURE__ */ we.createContext(Va), ul = ["attr", "size", "title"];
+}, sa = ke.createContext && /* @__PURE__ */ ke.createContext(Va), ul = ["attr", "size", "title"];
 function ml(s, t) {
   if (s == null) return {};
   var a = hl(s, t), n, l;
   if (Object.getOwnPropertySymbols) {
-    var c = Object.getOwnPropertySymbols(s);
-    for (l = 0; l < c.length; l++)
-      n = c[l], !(t.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(s, n) && (a[n] = s[n]);
+    var d = Object.getOwnPropertySymbols(s);
+    for (l = 0; l < d.length; l++)
+      n = d[l], !(t.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(s, n) && (a[n] = s[n]);
   }
   return a;
 }
@@ -1975,15 +1975,15 @@ function hl(s, t) {
     }
   return a;
 }
-function cs() {
-  return cs = Object.assign ? Object.assign.bind() : function(s) {
+function ms() {
+  return ms = Object.assign ? Object.assign.bind() : function(s) {
     for (var t = 1; t < arguments.length; t++) {
       var a = arguments[t];
       for (var n in a)
         Object.prototype.hasOwnProperty.call(a, n) && (s[n] = a[n]);
     }
     return s;
-  }, cs.apply(this, arguments);
+  }, ms.apply(this, arguments);
 }
 function aa(s, t) {
   var a = Object.keys(s);
@@ -1995,7 +1995,7 @@ function aa(s, t) {
   }
   return a;
 }
-function ds(s) {
+function hs(s) {
   for (var t = 1; t < arguments.length; t++) {
     var a = arguments[t] != null ? arguments[t] : {};
     t % 2 ? aa(Object(a), !0).forEach(function(n) {
@@ -2024,13 +2024,13 @@ function fl(s, t) {
   return (t === "string" ? String : Number)(s);
 }
 function qa(s) {
-  return s && s.map((t, a) => /* @__PURE__ */ we.createElement(t.tag, ds({
+  return s && s.map((t, a) => /* @__PURE__ */ ke.createElement(t.tag, hs({
     key: a
   }, t.attr), qa(t.child)));
 }
-function je(s) {
-  return (t) => /* @__PURE__ */ we.createElement(gl, cs({
-    attr: ds({}, s.attr)
+function ge(s) {
+  return (t) => /* @__PURE__ */ ke.createElement(gl, ms({
+    attr: hs({}, s.attr)
   }, t), qa(s.child));
 }
 function gl(s) {
@@ -2038,38 +2038,38 @@ function gl(s) {
     var {
       attr: n,
       size: l,
-      title: c
-    } = s, r = ml(s, ul), o = l || a.size || "1em", d;
-    return a.className && (d = a.className), s.className && (d = (d ? d + " " : "") + s.className), /* @__PURE__ */ we.createElement("svg", cs({
+      title: d
+    } = s, r = ml(s, ul), o = l || a.size || "1em", c;
+    return a.className && (c = a.className), s.className && (c = (c ? c + " " : "") + s.className), /* @__PURE__ */ ke.createElement("svg", ms({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
     }, a.attr, n, r, {
-      className: d,
-      style: ds(ds({
+      className: c,
+      style: hs(hs({
         color: s.color || a.color
       }, a.style), s.style),
       height: o,
       width: o,
       xmlns: "http://www.w3.org/2000/svg"
-    }), c && /* @__PURE__ */ we.createElement("title", null, c), s.children);
+    }), d && /* @__PURE__ */ ke.createElement("title", null, d), s.children);
   };
-  return sa !== void 0 ? /* @__PURE__ */ we.createElement(sa.Consumer, null, (a) => t(a)) : t(Va);
+  return sa !== void 0 ? /* @__PURE__ */ ke.createElement(sa.Consumer, null, (a) => t(a)) : t(Va);
 }
 function jl(s) {
-  return je({ tag: "svg", attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M439.8 200.5c-7.7-30.9-22.3-54.2-53.4-54.2h-40.1v47.4c0 36.8-31.2 67.8-66.8 67.8H172.7c-29.2 0-53.4 25-53.4 54.3v101.8c0 29 25.2 46 53.4 54.3 33.8 9.9 66.3 11.7 106.8 0 26.9-7.8 53.4-23.5 53.4-54.3v-40.7H226.2v-13.6h160.2c31.1 0 42.6-21.7 53.4-54.2 11.2-33.5 10.7-65.7 0-108.6zM286.2 404c11.1 0 20.1 9.1 20.1 20.3 0 11.3-9 20.4-20.1 20.4-11 0-20.1-9.2-20.1-20.4.1-11.3 9.1-20.3 20.1-20.3zM167.8 248.1h106.8c29.7 0 53.4-24.5 53.4-54.3V91.9c0-29-24.4-50.7-53.4-55.6-35.8-5.9-74.7-5.6-106.8.1-45.2 8-53.4 24.7-53.4 55.6v40.7h106.9v13.6h-147c-31.1 0-58.3 18.7-66.8 54.2-9.8 40.7-10.2 66.1 0 108.6 7.6 31.6 25.7 54.2 56.8 54.2H101v-48.8c0-35.3 30.5-66.4 66.8-66.4zm-6.7-142.6c-11.1 0-20.1-9.1-20.1-20.3.1-11.3 9-20.4 20.1-20.4 11 0 20.1 9.2 20.1 20.4s-9 20.3-20.1 20.3z" }, child: [] }] })(s);
+  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 bl({ sql: s }) {
-  return /* @__PURE__ */ e.jsxs(Vs, { children: [
-    /* @__PURE__ */ e.jsx(qs, { asChild: !0, children: /* @__PURE__ */ e.jsx(O, { variant: "link", className: "h-5 p-0", children: /* @__PURE__ */ e.jsx(jt, { className: "h-4 w-4 text-muted-foreground" }) }) }),
+  return /* @__PURE__ */ e.jsxs(qs, { children: [
+    /* @__PURE__ */ e.jsx(Rs, { asChild: !0, children: /* @__PURE__ */ e.jsx(O, { variant: "link", className: "h-5 p-0", children: /* @__PURE__ */ e.jsx(jt, { className: "h-4 w-4 text-muted-foreground" }) }) }),
     /* @__PURE__ */ e.jsx(
-      Rs,
+      _s,
       {
         align: "end",
         className: "w-full min-w-fit max-w-[700px] p-3 pt-2",
         children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
           /* @__PURE__ */ e.jsx(R, { className: "text-xs font-semibold", children: "Resolved Query" }),
-          /* @__PURE__ */ e.jsx("div", { className: "flex grow flex-col space-y-2", children: /* @__PURE__ */ e.jsx(We, { className: "max-h-[250px] min-h-0 overflow-scroll", children: /* @__PURE__ */ e.jsx("p", { className: "overflow-auto rounded-md bg-muted p-2 font-mono text-xs leading-relaxed", children: s }) }) })
+          /* @__PURE__ */ e.jsx("div", { className: "flex grow flex-col space-y-2", children: /* @__PURE__ */ e.jsx(De, { className: "max-h-[250px] min-h-0 overflow-scroll", children: /* @__PURE__ */ e.jsx("p", { className: "overflow-auto rounded-md bg-muted p-2 font-mono text-xs leading-relaxed", children: s }) }) })
         ] })
       }
     )
@@ -2079,9 +2079,9 @@ function yl() {
   const [s, t] = q({
     queryKey: [],
     queryData: null
-  }), { theme: a } = bt(), n = yt(), l = ws(), c = vt(), [r, o] = q(!1), [d, p] = q(!1), [u, y] = q(!1), [g, x] = q(""), [j, b] = q(!1), I = z((i) => i.selectedSheetId);
+  }), { theme: a } = bt(), n = yt(), l = ks(), d = vt(), [r, o] = q(!1), [c, p] = q(!1), [u, b] = q(!1), [g, h] = q(""), [j, C] = q(!1), F = z((i) => i.selectedSheetId);
   z((i) => i.dashboard.baseQueries);
-  const C = m((i) => i.card), T = z((i) => i.theme), F = m((i) => i.isShowingVisual);
+  const y = m((i) => i.card), T = z((i) => i.theme), I = m((i) => i.isShowingVisual);
   z((i) => i.onAcceptChanges);
   const A = m(
     (i) => i.selectedConnectionId
@@ -2095,10 +2095,10 @@ function yl() {
   z(
     (i) => i.actions.updateFrameCard
   );
-  const h = m((i) => i.selectedTableName), v = m((i) => i.card.sql), f = m((i) => i.card.python), k = m((i) => i.frame), M = z((i) => i.dashboard.filters), H = z((i) => i.filterValues), P = M == null ? void 0 : M.filter(
-    (i) => i.sheetId === I || !i.sheetId
+  const x = m((i) => i.selectedTableName), v = m((i) => i.card.sql), f = m((i) => i.card.python), k = m((i) => i.frame), M = z((i) => i.dashboard.filters), H = z((i) => i.filterValues), P = M == null ? void 0 : M.filter(
+    (i) => i.sheetId === F || !i.sheetId
   ), Y = H == null ? void 0 : H.filter(
-    (i) => (P == null ? void 0 : P.some((ne) => ne.id === i.filterId)) || i.filterId.endsWith(I)
+    (i) => (P == null ? void 0 : P.some((ne) => ne.id === i.filterId)) || i.filterId.endsWith(F)
   ), ie = m((i) => i.applyFilters), {
     setCardCustomCfg: W,
     setQueryResultColumns: ae,
@@ -2113,26 +2113,26 @@ function yl() {
   m(
     (i) => i.actions.setApplyFilters
   );
-  const te = m((i) => i.onClose), Le = m((i) => i.actions.setSqlGen), ze = m((i) => i.runSql), be = m((i) => i.actions.setRunSql);
+  const te = m((i) => i.onClose), Ee = m((i) => i.actions.setSqlGen), Oe = m((i) => i.runSql), je = m((i) => i.actions.setRunSql);
   m((i) => i.actions.setCardCfg);
-  const ye = m(
+  const be = m(
     (i) => i.actions.setIsSqlRunning
   ), {
     data: J,
     isLoading: oe,
     isFetching: ce,
-    isSuccess: Oe,
-    isError: Me,
-    error: He,
-    queryKey: $e,
-    refetch: Ee
-  } = qe(C);
+    isSuccess: Fe,
+    isError: Ae,
+    error: $e,
+    queryKey: Pe,
+    refetch: Ve
+  } = Re(y);
   Z(() => {
-    if (J && (J.rowLimitExceeded && Ke.error("Row limit (10,000) exceeded. Refine your query.", {
+    if (J && (J.rowLimitExceeded && We.error("Row limit (10,000) exceeded. Refine your query.", {
       position: "top-center",
       richColors: !0
     }), se((J == null ? void 0 : J.output) || ""), J.records.length > 0)) {
-      const { dimensionKeys: i } = vs(J.records);
+      const { dimensionKeys: i } = Ss(J.records);
       ae(i);
     }
   }, [
@@ -2141,27 +2141,27 @@ function yl() {
     ae,
     se
   ]), Z(() => {
-    (oe || ce) && ye(!0), (Me || Oe) && ye(!1), Me ? (D(He.message), ae([]), se("")) : D("");
+    (oe || ce) && be(!0), (Ae || Fe) && be(!1), Ae ? (D($e.message), ae([]), se("")) : D("");
   }, [
     oe,
     ce,
     J,
     se,
-    Me,
-    Oe,
-    ye,
+    Ae,
+    Fe,
+    be,
     ae,
     D,
-    He
+    $e
   ]), Z(() => {
-    ze && (Ee(), be(!1));
-  }, [ze, Ee, be]);
-  function gs() {
-    const i = n.getQueryData($e);
+    Oe && (Ve(), je(!1));
+  }, [Oe, Ve, je]);
+  function ys() {
+    const i = n.getQueryData(Pe);
     s.queryData || t({
-      queryKey: $e,
+      queryKey: Pe,
       queryData: i
-    }), n.setQueryData($e, null), _(""), Le({}), W(""), $({});
+    }), n.setQueryData(Pe, null), _(""), Ee({}), W(""), $({});
   }
   const Ye = (i) => {
     l.current = i;
@@ -2170,16 +2170,16 @@ function yl() {
     if (i.length === 0)
       return "";
     if (ne) {
-      const ve = i.find((Ce) => Ce.id === ne);
-      if (ve) {
-        const Ce = ve.tabTitle;
-        if (Ce == "All__Header")
+      const ye = i.find((ve) => ve.id === ne);
+      if (ye) {
+        const ve = ye.tabTitle;
+        if (ve == "All__Header")
           return i[0].id;
-        if (Ce && Ce.endsWith("__Header")) {
-          const Za = Ce.split("__")[0], Qs = i.find(
+        if (ve && ve.endsWith("__Header")) {
+          const Za = ve.split("__")[0], Js = i.find(
             (et) => et.tabTitle === Za
           );
-          return Qs ? Qs.id : i[0].id;
+          return Js ? Js.id : i[0].id;
         }
         return ne;
       }
@@ -2190,54 +2190,54 @@ function yl() {
     let i = v;
     v && !v.includes("{{") && (i = il(v), _(i));
     const ne = {
-      ...C,
+      ...y,
       lastSelectedSchema: L,
       lastSelectedDatamodelId: S,
       lastSelectedDatabase: N,
-      lastSelectedTable: h,
+      lastSelectedTable: x,
       connectionId: A,
-      type: F ? C.type : "table",
+      type: I ? y.type : "table",
       sql: i,
-      customCfg: F ? C.customCfg : null
-    }, ve = k.cards.map(
-      (js) => js.id === C.id ? ne : js
-    ), Ce = {
+      customCfg: I ? y.customCfg : null
+    }, ye = k.cards.map(
+      (vs) => vs.id === y.id ? ne : vs
+    ), ve = {
       ...k,
-      cards: ve,
-      activeCardId: Xe(ve, k.activeCardId)
+      cards: ye,
+      activeCardId: Xe(ye, k.activeCardId)
     };
-    X == null || X(Ce);
+    X == null || X(ve);
   }
   function es() {
     const { queryKey: i, queryData: ne } = s;
     i && ne && n.setQueryData(i, ne), te == null || te();
   }
   Z(() => {
-    if (!c) return;
-    const i = l.current, ne = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", ve = T === "system" ? ne : T;
-    return c.editor.defineTheme("default", {
+    if (!d) return;
+    const i = l.current, ne = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", ye = T === "system" ? ne : T;
+    return d.editor.defineTheme("default", {
       // base: theme === 'light' ? 'hc-light' : 'vs-dark',
-      base: ve === "light" ? "vs" : "vs-dark",
+      base: ye === "light" ? "vs" : "vs-dark",
       inherit: !0,
       rules: [],
       colors: {
-        "editor.background": ve === "light" ? "#ffffff" : Ct("240 10% 10%")
+        "editor.background": ye === "light" ? "#ffffff" : Ct("240 10% 10%")
         // 'editor.background':
         //   activeTheme === 'light'
         //     ? '#ffffff'
         //     : getCssVariableValue('--semaphor-background'),
       }
-    }), c.editor.setTheme("default"), i && c && i.addCommand(
-      c.KeyMod.Shift | c.KeyCode.Enter,
+    }), d.editor.setTheme("default"), i && d && i.addCommand(
+      d.KeyMod.Shift | d.KeyCode.Enter,
       function() {
-        return Ee(), !1;
+        return Ve(), !1;
       }
     ), () => {
     };
-  }, [a, T, c]);
+  }, [a, T, d]);
   function ss() {
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      d && /* @__PURE__ */ e.jsx(
+      c && /* @__PURE__ */ e.jsx(
         "div",
         {
           className: "xbg-yellow-100 relative flex w-1/3 min-w-0 grow overflow-hidden border-l p-1 text-xs",
@@ -2245,8 +2245,8 @@ function yl() {
           children: /* @__PURE__ */ e.jsxs("div", { className: "w-[99%]", children: [
             /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 pt-3", children: [
               /* @__PURE__ */ e.jsx(R, { className: "ml-6 text-xs font-semibold", children: "Filters" }),
-              Y && d && /* @__PURE__ */ e.jsx(
-                Qe,
+              Y && c && /* @__PURE__ */ e.jsx(
+                Je,
                 {
                   onClick: () => p(!1),
                   className: "bg-background/50 text-foreground/50 hover:cursor-pointer hover:text-foreground"
@@ -2254,7 +2254,7 @@ function yl() {
               )
             ] }),
             /* @__PURE__ */ e.jsx(
-              Ue,
+              Ge,
               {
                 theme: "default",
                 onChange: (i) => {
@@ -2288,7 +2288,7 @@ function yl() {
           ] })
         }
       ),
-      Y && !d && /* @__PURE__ */ e.jsx(
+      Y && !c && /* @__PURE__ */ e.jsx(
         ca,
         {
           onClick: () => p(!0),
@@ -2304,14 +2304,14 @@ function yl() {
   }
   function as() {
     return /* @__PURE__ */ e.jsxs(
-      Cs,
+      cs,
       {
         className: "flex grow pb-1",
         direction: "vertical",
         role: "editor-resizable-group",
         children: [
           /* @__PURE__ */ e.jsxs(
-            Ae,
+            Ne,
             {
               id: "1",
               order: 1,
@@ -2324,7 +2324,7 @@ function yl() {
                     role: "sql-container",
                     className: "relative flex w-[99%]",
                     children: /* @__PURE__ */ e.jsx(
-                      Ue,
+                      Ge,
                       {
                         theme: "default",
                         className: "pt-3",
@@ -2355,9 +2355,9 @@ function yl() {
             }
           ),
           r && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-            /* @__PURE__ */ e.jsx(Ns, { withHandle: !0, className: "border" }),
+            /* @__PURE__ */ e.jsx(ds, { withHandle: !0, className: "border" }),
             /* @__PURE__ */ e.jsxs(
-              Ae,
+              Ne,
               {
                 id: "2",
                 order: 2,
@@ -2370,7 +2370,7 @@ function yl() {
                       role: "python-container",
                       className: "relative flex w-[99%] pt-0",
                       children: /* @__PURE__ */ e.jsx(
-                        Ue,
+                        Ge,
                         {
                           className: "pt-3",
                           theme: "default",
@@ -2437,30 +2437,30 @@ function yl() {
                       title: "Shift + Enter",
                       disabled: oe || ce,
                       onClick: () => {
-                        Ee();
+                        Ve();
                       },
                       className: "shrink-0",
                       size: "sm",
                       variant: "outline",
                       children: [
-                        oe || ce ? /* @__PURE__ */ e.jsx(Ve, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx($n, { className: "mr-2 h-4 w-4" }),
+                        oe || ce ? /* @__PURE__ */ e.jsx(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"
                       ]
                     }
                   ),
-                  Me && /* @__PURE__ */ e.jsx(
+                  Ae && /* @__PURE__ */ e.jsx(
                     ol,
                     {
-                      error: He.message,
-                      setShowAIDialog: y,
-                      setTriggerAIRun: b,
-                      setUserInputforAI: x
+                      error: $e.message,
+                      setShowAIDialog: b,
+                      setTriggerAIRun: C,
+                      setUserInputforAI: h
                     }
                   ),
                   /* @__PURE__ */ e.jsxs(
                     O,
                     {
-                      onClick: gs,
+                      onClick: ys,
                       className: "",
                       size: "sm",
                       variant: "outline",
@@ -2485,11 +2485,11 @@ function yl() {
                     dl,
                     {
                       open: u,
-                      setOpen: y,
+                      setOpen: b,
                       userInput: g,
                       triggerAIRun: j,
-                      setTriggerAIRun: b,
-                      setUserInput: (i) => x(i)
+                      setTriggerAIRun: C,
+                      setUserInput: (i) => h(i)
                     }
                   )
                 ] }),
@@ -2503,7 +2503,7 @@ function yl() {
                       size: "sm",
                       variant: "outline",
                       children: [
-                        /* @__PURE__ */ e.jsx(Qe, { className: "mr-2 size-4" }),
+                        /* @__PURE__ */ e.jsx(Je, { className: "mr-2 size-4" }),
                         "Close"
                       ]
                     }
@@ -2531,16 +2531,16 @@ function yl() {
 }
 function vl({ data: s }) {
   var r;
-  const [t, a] = we.useState([]), l = Object.keys(s[0]).map((o) => ({
+  const [t, a] = ke.useState([]), l = Object.keys(s[0]).map((o) => ({
     // header: key,
     accessorKey: o,
-    header: ({ column: d }) => {
-      const p = d.getIsSorted();
+    header: ({ column: c }) => {
+      const p = c.getIsSorted();
       return /* @__PURE__ */ e.jsx("div", { className: "flex gap-2", children: /* @__PURE__ */ e.jsxs(
         "div",
         {
           className: "flex cursor-pointer items-center",
-          onClick: () => d.toggleSorting(d.getIsSorted() === "asc"),
+          onClick: () => c.toggleSorting(c.getIsSorted() === "asc"),
           children: [
             o,
             p === "asc" ? /* @__PURE__ */ e.jsx(wt, { className: "ml-2 h-5 w-5" }) : p === "desc" ? /* @__PURE__ */ e.jsx(kt, { className: "ml-2 h-5 w-5" }) : null
@@ -2548,55 +2548,62 @@ function vl({ data: s }) {
         }
       ) });
     }
-  })), c = zt({
+  })), d = zt({
     data: s,
     columns: l,
-    getCoreRowModel: Tt(),
-    getPaginationRowModel: Lt(),
+    getCoreRowModel: Dt(),
+    getPaginationRowModel: Tt(),
     onSortingChange: a,
-    getSortedRowModel: Mt(),
+    getSortedRowModel: Lt(),
     manualPagination: !0,
     state: {
       sorting: t
     }
   });
-  return /* @__PURE__ */ e.jsxs(Ot, { children: [
-    /* @__PURE__ */ e.jsx(Ft, { children: c.getHeaderGroups().map((o) => /* @__PURE__ */ e.jsx(bs, { children: o.headers.map((d) => /* @__PURE__ */ e.jsx(It, { className: "sticky top-0 bg-muted", children: d.isPlaceholder ? null : Ws(
-      d.column.columnDef.header,
-      d.getContext()
-    ) }, d.id)) }, o.id)) }),
-    /* @__PURE__ */ e.jsx(Dt, { children: (r = c.getRowModel().rows) != null && r.length ? c.getRowModel().rows.map((o) => /* @__PURE__ */ e.jsx(
-      bs,
+  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: d.getHeaderGroups().map((o) => /* @__PURE__ */ e.jsx(Cs, { children: o.headers.map((c) => /* @__PURE__ */ e.jsx(
+      Ft,
+      {
+        className: "sticky top-0 h-11 bg-muted font-semibold",
+        children: c.isPlaceholder ? null : Ws(
+          c.column.columnDef.header,
+          c.getContext()
+        )
+      },
+      c.id
+    )) }, o.id)) }),
+    /* @__PURE__ */ e.jsx(It, { children: (r = d.getRowModel().rows) != null && r.length ? d.getRowModel().rows.map((o) => /* @__PURE__ */ e.jsx(
+      Cs,
       {
         className: "whitespace-nowrap py-2",
         "data-state": o.getIsSelected() && "selected",
-        children: o.getVisibleCells().map((d) => /* @__PURE__ */ e.jsx(Ys, { children: Ws(d.column.columnDef.cell, d.getContext()) }, d.id))
+        children: o.getVisibleCells().map((c) => /* @__PURE__ */ e.jsx(Ys, { className: "py-3", children: Ws(c.column.columnDef.cell, c.getContext()) }, c.id))
       },
       o.id
-    )) : /* @__PURE__ */ e.jsx(bs, { children: /* @__PURE__ */ e.jsx(Ys, { colSpan: l.length, className: "h-24 text-center", children: "No results." }) }) })
-  ] });
+    )) : /* @__PURE__ */ e.jsx(Cs, { children: /* @__PURE__ */ e.jsx(Ys, { colSpan: l.length, className: "h-24 text-center", children: "No results." }) }) })
+  ] }) });
 }
 function Cl({ card: s }) {
-  var g, x, j, b, I, C, T, F, A, N;
-  const { authToken: t } = ke(), a = Et(t == null ? void 0 : t.accessToken), n = z((S) => S.themeStyle), l = {
-    colors: ((x = (g = n == null ? void 0 : n.chart) == null ? void 0 : g.dataset) == null ? void 0 : x.backgroundColor) || []
+  var g, h, j, C, F, y, T, I, A, N;
+  const { authToken: t } = ze(), a = Mt(t == null ? void 0 : t.accessToken), n = z((S) => S.themeStyle), l = {
+    colors: ((h = (g = n == null ? void 0 : n.chart) == null ? void 0 : g.dataset) == null ? void 0 : h.backgroundColor) || []
   };
   (j = s.customCardPreferences) != null && j.inputData;
-  const { getCard: c } = ja(((b = s.customCardPreferences) == null ? void 0 : b.url) || ""), r = ((I = s.customCardPreferences) == null ? void 0 : I.visualType) || "single", o = m((S) => S.frame);
+  const { getCard: d } = ja(((C = s.customCardPreferences) == null ? void 0 : C.url) || ""), r = ((F = s.customCardPreferences) == null ? void 0 : F.visualType) || "single", o = m((S) => S.frame);
   re();
-  const { data: d } = qe(s);
-  if (!((C = s.customCardPreferences) != null && C.componentName))
+  const { data: c } = Re(s);
+  if (!((y = s.customCardPreferences) != null && y.componentName))
     return null;
-  const p = c(
+  const p = d(
     (T = s.customCardPreferences) == null ? void 0 : T.componentName
   ), u = (S) => {
     console.log("data", S), s.customCardPreferences;
-  }, y = Object.keys(
-    ((F = s.customCardPreferences) == null ? void 0 : F.dataInputCardIds) || {}
+  }, b = Object.keys(
+    ((I = s.customCardPreferences) == null ? void 0 : I.dataInputCardIds) || {}
   ).map((S) => {
     var v, f, k;
-    const L = (f = (v = s.customCardPreferences) == null ? void 0 : v.dataInputCardIds) == null ? void 0 : f[S].cardId, h = (k = o == null ? void 0 : o.cards) == null ? void 0 : k.find((M) => M.id === L);
-    return h || null;
+    const L = (f = (v = s.customCardPreferences) == null ? void 0 : v.dataInputCardIds) == null ? void 0 : f[S].cardId, x = (k = o == null ? void 0 : o.cards) == null ? void 0 : k.find((M) => M.id === L);
+    return x || null;
   });
   return /* @__PURE__ */ e.jsx("div", { className: "semaphor-custom mb-3 flex grow basis-0 flex-col space-y-2 overflow-y-auto", children: /* @__PURE__ */ e.jsxs(
     Nn,
@@ -2610,7 +2617,7 @@ function Cl({ card: s }) {
             theme: l,
             settings: (A = s.customCardPreferences) == null ? void 0 : A.settings,
             onDataChange: u,
-            data: (d == null ? void 0 : d.records) || []
+            data: (c == null ? void 0 : c.records) || []
           }
         ),
         p && r === "multiple" && /* @__PURE__ */ e.jsx("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ e.jsx(
@@ -2618,13 +2625,13 @@ function Cl({ card: s }) {
           {
             theme: l,
             onDataChange: u,
-            settings: y.map(
+            settings: b.map(
               (S) => {
                 var L;
                 return (L = S == null ? void 0 : S.customCardPreferences) == null ? void 0 : L.settings;
               }
             ),
-            data: y.map((S) => (S == null ? void 0 : S.data) || [])
+            data: b.map((S) => (S == null ? void 0 : S.data) || [])
           }
         ) })
       ]
@@ -2638,38 +2645,58 @@ function Ra({
   className: s,
   ...t
 }) {
-  var x, j;
-  const a = m((b) => b.card), n = ((x = a.customCardPreferences) == null ? void 0 : x.showCardHeader) ?? !0, l = m((b) => b.frame), c = z((b) => b.dashboard.filters);
-  m((b) => b.actions.setRunSql);
-  const { updateFilter: r } = Os(), o = c == null ? void 0 : c.find((b) => b.id === l.filterId), { data: d } = qe(a), { setCard: p } = re(), { data: u } = _s(a);
+  var F;
+  const a = m((y) => y.card), n = ((F = a.customCardPreferences) == null ? void 0 : F.showCardHeader) ?? !0, l = m((y) => y.frame), d = z((y) => y.dashboard.filters);
+  m((y) => y.actions.setRunSql);
+  const { updateFilter: r } = Fs(), o = d == null ? void 0 : d.find((y) => y.id === l.filterId), { data: c, isLoading: p, isFetching: u } = Re(a), { setCard: b } = re(), { data: g } = Hs(a);
   if (!a.id) return null;
-  let y;
-  d != null && d.records && (d == null ? void 0 : d.records.length) > 0 && (y = ba({
-    data: d == null ? void 0 : d.records,
+  let h;
+  c != null && c.records && (c == null ? void 0 : c.records.length) > 0 && (h = ba({
+    data: c == null ? void 0 : c.records,
     cardType: a.type,
     cfg: a.cfg,
     customCfg: a.customCfg,
     preferences: a.preferences,
-    topoJson: u
+    topoJson: g
   }));
-  function g(b) {
-    return /* @__PURE__ */ e.jsx(Cl, { card: b });
+  function j(y) {
+    return /* @__PURE__ */ e.jsx(Cl, { card: y });
+  }
+  function C() {
+    var y;
+    if (c != null && c.records && (c == null ? void 0 : c.records.length) === 0 && !p && !u)
+      return /* @__PURE__ */ e.jsxs("div", { className: "flex h-full flex-col items-center justify-center gap-2", children: [
+        /* @__PURE__ */ e.jsx(Ht, { className: "size-8 text-muted-foreground" }),
+        /* @__PURE__ */ e.jsx("p", { className: "text-sm text-muted-foreground", children: "No records to display" })
+      ] });
+    if (a.type === "custom")
+      return j(a);
+    if (!["table", "custom"].includes(a.type) && h)
+      return /* @__PURE__ */ e.jsx(
+        $t,
+        {
+          cfg: h
+        },
+        JSON.stringify(h) + JSON.stringify(a.preferences) + ((y = a == null ? void 0 : a.preferences) == null ? void 0 : y.customVisualCode)
+      );
+    if (a.type === "table" && (c != null && c.records) && (c == null ? void 0 : c.records.length) > 0)
+      return /* @__PURE__ */ e.jsx(Pt, { className: "flex min-h-0 flex-1 grow basis-0", children: /* @__PURE__ */ e.jsx(Bt, { card: a, data: c == null ? void 0 : c.records }) });
   }
   return /* @__PURE__ */ e.jsxs(
-    At,
+    Et,
     {
       role: "editor-visual-card",
       className: Q("relative flex h-full flex-col rounded-none", s),
       ...t,
       children: [
-        n && /* @__PURE__ */ e.jsxs(Vt, { className: "flex flex-row items-start justify-between py-4", children: [
+        n && /* @__PURE__ */ e.jsxs(At, { className: "flex flex-row items-start justify-between py-4", children: [
           /* @__PURE__ */ e.jsxs("div", { children: [
             /* @__PURE__ */ e.jsx(
               ls,
               {
                 text: a.title,
-                onSave: (b) => p({ ...a, title: b }),
-                children: /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-5", children: /* @__PURE__ */ e.jsx(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(Vt, { className: "text-base", children: a.title || "Edit title..." }) })
               },
               a.title
             ),
@@ -2677,8 +2704,8 @@ function Ra({
               ls,
               {
                 text: a.description || "",
-                onSave: (b) => p({ ...a, description: b }),
-                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
             )
@@ -2689,41 +2716,29 @@ function Ra({
               {
                 className: "my-1",
                 text: o.title || o.column,
-                onSave: (b) => r({ ...o, title: b }),
+                onSave: (y) => r({ ...o, title: y }),
                 children: /* @__PURE__ */ e.jsx(R, { children: o.title })
               }
             ),
-            /* @__PURE__ */ e.jsx(_t, { filter: o })
+            /* @__PURE__ */ e.jsx(Rt, { filter: o })
           ] })
         ] }),
-        /* @__PURE__ */ e.jsxs(Ht, { className: "flex grow flex-col", children: [
-          a.type === "custom" && g(a),
-          !["table", "custom"].includes(a.type) && y && // <ChartJsVisual key={visualKey} cfg={cfg} />
-          /* @__PURE__ */ e.jsx(
-            $t,
-            {
-              cfg: y
-            },
-            JSON.stringify(y) + JSON.stringify(a.preferences) + ((j = a == null ? void 0 : a.preferences) == null ? void 0 : j.customVisualCode)
-          ),
-          a.type === "table" && (d == null ? void 0 : d.records) && (d == null ? void 0 : d.records.length) > 0 && // All of the below css classes are #IMPORTANT for the table to scroll properly
-          /* @__PURE__ */ e.jsx(Pt, { className: "flex min-h-0 flex-1 grow basis-0", children: /* @__PURE__ */ e.jsx(Bt, { card: a, data: d == null ? void 0 : d.records }) })
-        ] })
+        /* @__PURE__ */ e.jsx(_t, { className: "flex grow flex-col", children: C() })
       ]
     }
   );
 }
 function Nl() {
-  const [s, t] = q(!1), [a, n] = q(""), [l, c] = q(""), [r, o] = q(""), [d, p] = q(""), u = m((N) => N.card), y = m(
+  const [s, t] = q(!1), [a, n] = q(""), [l, d] = q(""), [r, o] = q(""), [c, p] = q(""), u = m((N) => N.card), b = m(
     (N) => N.card.customCfg
-  ), { data: g } = qe(u), { data: x } = _s(u), { setCardCustomCfg: j, setCustomVisualCode: b } = re();
-  function I(N) {
-    var h, v;
+  ), { data: g } = Re(u), { data: h } = Hs(u), { setCardCustomCfg: j, setCustomVisualCode: C } = re();
+  function F(N) {
+    var x, v;
     const S = {
       ...N,
       data: {
         ...N == null ? void 0 : N.data,
-        datasets: (v = (h = N == null ? void 0 : N.data) == null ? void 0 : h.datasets) == null ? void 0 : v.map((f) => ({
+        datasets: (v = (x = N == null ? void 0 : N.data) == null ? void 0 : x.datasets) == null ? void 0 : v.map((f) => ({
           ...f,
           data: []
         }))
@@ -2731,7 +2746,7 @@ function Nl() {
     };
     return JSON.stringify(S, null, 1);
   }
-  function C() {
+  function y() {
     var S, L;
     if (!(g != null && g.records) || (g == null ? void 0 : g.records.length) === 0) return;
     const N = ba({
@@ -2739,49 +2754,49 @@ function Nl() {
       cardType: u.type,
       cfg: u.cfg,
       preferences: u.preferences,
-      topoJson: x
+      topoJson: h
     });
-    N && (n(JSON.stringify(N, null, 1)), (S = u == null ? void 0 : u.preferences) != null && S.customVisualCode && o((L = u == null ? void 0 : u.preferences) == null ? void 0 : L.customVisualCode), y && c(JSON.stringify(y, null, 1)));
+    N && (n(JSON.stringify(N, null, 1)), (S = u == null ? void 0 : u.preferences) != null && S.customVisualCode && o((L = u == null ? void 0 : u.preferences) == null ? void 0 : L.customVisualCode), b && d(JSON.stringify(b, null, 1)));
   }
   function T() {
-    if (r && b(r), !!l)
+    if (r && C(r), !!l)
       try {
         const N = JSON.parse(l);
-        return N ? (j(N), p(""), c(""), N) : void 0;
+        return N ? (j(N), p(""), d(""), N) : void 0;
       } catch (N) {
         console.log(N), p("Invalid JSON");
       }
   }
-  function F() {
-    c(""), j(null);
+  function I() {
+    d(""), j(null);
   }
   function A() {
     let N;
-    if (y) {
-      const S = Xs.cloneDeep(u.cfg), L = Xs.merge(S, y);
-      return N = I(L), N;
+    if (b) {
+      const S = Xs.cloneDeep(u.cfg), L = Xs.merge(S, b);
+      return N = F(L), N;
     }
-    return a ? (N = I(JSON.parse(a)), N) : "";
+    return a ? (N = F(JSON.parse(a)), N) : "";
   }
-  return /* @__PURE__ */ e.jsxs(Fs, { open: s, onOpenChange: t, children: [
-    /* @__PURE__ */ e.jsx(Is, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+  return /* @__PURE__ */ e.jsxs(Is, { open: s, onOpenChange: t, children: [
+    /* @__PURE__ */ e.jsx(Ds, { asChild: !0, children: /* @__PURE__ */ e.jsx(
       O,
       {
-        onClick: C,
-        className: ` ${y && "border-foreground/50 dark:border-foreground/70"}`,
+        onClick: y,
+        className: ` ${b && "border-foreground/50 dark:border-foreground/70"}`,
         size: "sm",
         variant: "outline",
         children: /* @__PURE__ */ e.jsx(Ut, { className: "h-4 w-4" })
       }
     ) }),
     /* @__PURE__ */ e.jsxs(
-      Ts,
+      Ls,
       {
         className: "max-h-[70vh] min-h-[70vh] overflow-auto sm:min-w-[900px] lg:min-w-[1200px]",
         children: [
-          /* @__PURE__ */ e.jsxs(Ls, { className: "", children: [
-            /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e.jsx(Ms, { children: "Customize Card" }) }),
-            /* @__PURE__ */ e.jsxs(Es, { children: [
+          /* @__PURE__ */ e.jsxs(Ms, { className: "", children: [
+            /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e.jsx(Es, { children: "Customize Card" }) }),
+            /* @__PURE__ */ e.jsxs(As, { children: [
               "See the configuration options and documentation",
               /* @__PURE__ */ e.jsx(
                 "a",
@@ -2795,12 +2810,12 @@ function Nl() {
             ] })
           ] }),
           /* @__PURE__ */ e.jsxs("div", { className: "flex grow gap-2", children: [
-            /* @__PURE__ */ e.jsx(us, { FallbackComponent: ya, children: /* @__PURE__ */ e.jsx(Ra, { className: "w-1/2 rounded shadow-none" }) }),
+            /* @__PURE__ */ e.jsx(xs, { FallbackComponent: ya, children: /* @__PURE__ */ e.jsx(Ra, { className: "w-1/2 rounded shadow-none" }) }),
             /* @__PURE__ */ e.jsxs(va, { defaultValue: "custom-config", className: "flex w-1/2 flex-col", children: [
               /* @__PURE__ */ e.jsxs(Ca, { className: "justify-start rounded-sm rounded-b-none border border-b-0", children: [
                 /* @__PURE__ */ e.jsxs(rs, { value: "custom-config", children: [
-                  y && /* @__PURE__ */ e.jsx(Na, { className: "mr-1 h-5 w-5 text-green-600" }),
-                  y ? "Custom Config" : "Default Config"
+                  b && /* @__PURE__ */ e.jsx(Na, { className: "mr-1 h-5 w-5 text-green-600" }),
+                  b ? "Custom Config" : "Default Config"
                 ] }),
                 /* @__PURE__ */ e.jsx(rs, { className: "", value: "output", children: "Output" }),
                 /* @__PURE__ */ e.jsx(rs, { className: "", value: "custom-code", children: "Custom Code" })
@@ -2826,7 +2841,7 @@ function Nl() {
                   className: "mt-0 grow rounded-b border border-t-0",
                   value: "custom-config",
                   children: /* @__PURE__ */ e.jsx(
-                    Ue,
+                    Ge,
                     {
                       className: "h-full w-full overflow-hidden",
                       theme: "default",
@@ -2844,7 +2859,7 @@ function Nl() {
                       },
                       defaultLanguage: "json",
                       value: A(),
-                      onChange: (N) => c(N)
+                      onChange: (N) => d(N)
                     }
                   )
                 }
@@ -2855,7 +2870,7 @@ function Nl() {
                   className: "mt-0 grow rounded-b border border-t-0",
                   value: "custom-code",
                   children: /* @__PURE__ */ e.jsx(
-                    Ue,
+                    Ge,
                     {
                       className: "h-full w-full overflow-hidden",
                       theme: "default",
@@ -2881,12 +2896,12 @@ function Nl() {
             ] })
           ] }),
           /* @__PURE__ */ e.jsxs(la, { className: "flex items-center", children: [
-            /* @__PURE__ */ e.jsx(R, { className: "mr-2 text-red-500", children: d }),
+            /* @__PURE__ */ e.jsx(R, { className: "mr-2 text-red-500", children: c }),
             /* @__PURE__ */ e.jsx(
               O,
               {
-                disabled: !y,
-                onClick: F,
+                disabled: !b,
+                onClick: I,
                 variant: "outline",
                 children: "Reset"
               }
@@ -2900,40 +2915,40 @@ function Nl() {
   ] });
 }
 function _a(s) {
-  return je({ 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);
+  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 Ha(s) {
-  return je({ 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);
+  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 $a(s) {
-  return je({ 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);
+  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 Pa(s) {
-  return je({ 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);
+  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 Ba(s) {
-  return je({ 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);
+  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 Ua(s) {
-  return je({ 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);
+  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 Ga(s) {
-  return je({ 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);
+  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 Qa(s) {
-  return je({ 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);
+  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 Ja(s) {
   const [t, a] = q(null);
   return Z(() => {
     s && (async () => {
-      const c = (await import("./lucide-react-BsoLm7gj.js"))[s];
-      a(c);
+      const d = (await import("./lucide-react-BOL6diSu.js"))[s];
+      a(d);
     })();
   }, [s]), t;
 }
 function Ka() {
-  const { authToken: s } = ke(), { data: t, isLoading: a, isFetching: n, isError: l } = Ne({
+  const { authToken: s } = ze(), { data: t, isLoading: a, isFetching: n, isError: l } = Ce({
     queryKey: ["plugins", s == null ? void 0 : s.accessToken],
     queryFn: () => Gt(s == null ? void 0 : s.accessToken)
     // staleTime: Infinity,
@@ -2946,28 +2961,28 @@ function Sl({
   const [t, a] = q([]), { data: n } = Ka();
   return Z(() => {
     (async () => {
-      var c;
+      var d;
       if (n) {
         const o = (await Promise.all(
-          (c = n == null ? void 0 : n.plugins) == null ? void 0 : c.map(async (d) => (await Qt(d.value)).visuals.map((y) => ({
-            name: y.name,
-            icon: y.icon,
-            url: d.value
+          (d = n == null ? void 0 : n.plugins) == null ? void 0 : d.map(async (c) => (await Qt(c.value)).visuals.map((b) => ({
+            name: b.name,
+            icon: b.icon,
+            url: c.value
           })))
         )).flat();
         a(o);
       }
     })();
   }, [n]), t.length === 0 ? null : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(ge, { className: "my-2" }),
-    /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-4 place-items-center", children: t.map((l, c) => /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx(we, { className: "my-2" }),
+    /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-4 place-items-center", children: t.map((l, d) => /* @__PURE__ */ e.jsx(
       wl,
       {
         text: l.name,
         onClick: () => s("custom", l),
         icon: l.icon
       },
-      l.url + l.name + c
+      l.url + l.name + d
     )) })
   ] });
 }
@@ -2980,28 +2995,28 @@ const wl = ({
   return /* @__PURE__ */ e.jsx(O, { onClick: a, title: s, variant: "ghost", children: n ? /* @__PURE__ */ e.jsx(n, { className: "h-4 w-4" }) : l });
 };
 function kl() {
-  var u, y;
-  const [s, t] = q(!1), a = m((g) => g.card), n = a.type, { setCardType: l, setCardPreferences: c, setChartOrientation: r } = m((g) => g.actions), { setCardCustomCfg: o, setCustomCardPreferences: d } = re();
-  function p(g, x) {
-    o(null), c({}), l(g), x && d({
+  var u, b;
+  const [s, t] = q(!1), a = m((g) => g.card), n = a.type, { setCardType: l, setCardPreferences: d, setChartOrientation: r } = m((g) => g.actions), { setCardCustomCfg: o, setCustomCardPreferences: c } = re();
+  function p(g, h) {
+    o(null), d({}), l(g), h && c({
       type: "component",
       visualType: "single",
-      url: x.url,
-      componentName: x.name,
-      icon: x.icon
+      url: h.url,
+      componentName: h.name,
+      icon: h.icon
     }), t(!1);
   }
-  return /* @__PURE__ */ e.jsxs(ms, { open: s, onOpenChange: t, children: [
-    /* @__PURE__ */ e.jsx(hs, { asChild: !0, children: /* @__PURE__ */ e.jsx(O, { size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(
+  return /* @__PURE__ */ e.jsxs(ps, { open: s, onOpenChange: t, children: [
+    /* @__PURE__ */ e.jsx(fs, { asChild: !0, children: /* @__PURE__ */ e.jsx(O, { size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(
       zl,
       {
         className: "h-4 w-4",
         chartType: n,
         customIcon: (u = a.customCardPreferences) == null ? void 0 : u.icon,
-        componentName: (y = a.customCardPreferences) == null ? void 0 : y.componentName
+        componentName: (b = a.customCardPreferences) == null ? void 0 : b.componentName
       }
     ) }) }),
-    /* @__PURE__ */ e.jsxs(xs, { className: "w-50", children: [
+    /* @__PURE__ */ e.jsxs(gs, { className: "w-50", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-4 place-items-center", children: [
         /* @__PURE__ */ e.jsx(
           O,
@@ -3009,7 +3024,7 @@ function kl() {
             onClick: () => p("bar"),
             className: "font-normal",
             variant: "ghost",
-            children: /* @__PURE__ */ e.jsx(Ps, { className: "size-5" })
+            children: /* @__PURE__ */ e.jsx(Bs, { className: "size-5" })
           }
         ),
         /* @__PURE__ */ e.jsx(
@@ -3017,7 +3032,7 @@ function kl() {
           {
             onClick: () => p("line"),
             variant: "ghost",
-            children: /* @__PURE__ */ e.jsx(Bs, { className: "size-5" })
+            children: /* @__PURE__ */ e.jsx(Us, { className: "size-5" })
           }
         ),
         /* @__PURE__ */ e.jsx(
@@ -3111,7 +3126,7 @@ function kl() {
           {
             onClick: () => p("table"),
             variant: "ghost",
-            children: /* @__PURE__ */ e.jsx(As, { className: "size-5" })
+            children: /* @__PURE__ */ e.jsx(Vs, { className: "size-5" })
           }
         ),
         /* @__PURE__ */ e.jsx(
@@ -3127,7 +3142,7 @@ function kl() {
           {
             onClick: () => p("text"),
             variant: "ghost",
-            children: /* @__PURE__ */ e.jsx(Us, { className: "size-4" })
+            children: /* @__PURE__ */ e.jsx(Gs, { className: "size-4" })
           }
         ),
         /* @__PURE__ */ e.jsx(
@@ -3160,9 +3175,9 @@ function zl({
   const l = Ja(a || "");
   switch (s) {
     case "bar":
-      return /* @__PURE__ */ e.jsx(Ps, { className: t });
-    case "line":
       return /* @__PURE__ */ e.jsx(Bs, { className: t });
+    case "line":
+      return /* @__PURE__ */ e.jsx(Us, { className: t });
     case "pie":
       return /* @__PURE__ */ e.jsx(Oa, { className: t });
     case "radar":
@@ -3186,13 +3201,13 @@ function zl({
     case "kpi":
       return /* @__PURE__ */ e.jsx(Ga, { className: t });
     case "text":
-      return /* @__PURE__ */ e.jsx(Us, { className: t });
+      return /* @__PURE__ */ e.jsx(Gs, { className: t });
     case "map":
       return /* @__PURE__ */ e.jsx(Da, { className: t });
     case "custom":
       return a && l ? /* @__PURE__ */ e.jsx(l, { className: t }) : n ? n == null ? void 0 : n.charAt(0).toUpperCase() : /* @__PURE__ */ e.jsx(La, { className: t });
     default:
-      return /* @__PURE__ */ e.jsx(As, { className: t });
+      return /* @__PURE__ */ e.jsx(Vs, { className: t });
   }
 }
 function Ol() {
@@ -3204,7 +3219,7 @@ function Ol() {
       Jt,
       {
         onClick: () => {
-          navigator.clipboard.writeText(s.id), Ke.success("Card ID copied to clipboard");
+          navigator.clipboard.writeText(s.id), We.success("Card ID copied to clipboard");
         },
         className: "cursor-pointer space-x-2",
         children: [
@@ -3216,14 +3231,14 @@ function Ol() {
   ] });
 }
 function ta() {
-  const s = m((h) => h.frame), t = m((h) => h.card), a = m((h) => h.isShowingVisual), n = m((h) => h.isSqlRunning), l = m((h) => h.queryError), c = m((h) => h.pythonStdOut), r = m((h) => h.actions.setRunSql);
-  m((h) => h.onSave), m((h) => h.onClose), m((h) => h.actions.setCardSql), m((h) => h.actions.setCardType), m((h) => h.actions.setSqlGen);
-  const { setFrame: o, setCard: d, updateCardInFrame: p } = re(), { data: u, isLoading: y, isFetching: g } = qe(t);
+  const s = m((x) => x.frame), t = m((x) => x.card), a = m((x) => x.isShowingVisual), n = m((x) => x.isSqlRunning), l = m((x) => x.queryError), d = m((x) => x.pythonStdOut), r = m((x) => x.actions.setRunSql);
+  m((x) => x.onSave), m((x) => x.onClose), m((x) => x.actions.setCardSql), m((x) => x.actions.setCardType), m((x) => x.actions.setSqlGen);
+  const { setFrame: o, setCard: c, updateCardInFrame: p } = re(), { data: u, isLoading: b, isFetching: g } = Re(t);
   if (!t) return /* @__PURE__ */ e.jsx(e.Fragment, { children: "No Active Card" });
-  function x() {
-    const h = {
+  function h() {
+    const x = {
       connectionId: t.connectionId,
-      id: Je(),
+      id: Ke(),
       title: "Title",
       description: "Description",
       preferences: {
@@ -3238,61 +3253,61 @@ function ta() {
       sql: "",
       data: []
     };
-    j(h);
+    j(x);
   }
-  function j(h) {
+  function j(x) {
     const v = {
       ...s,
-      cards: [...s.cards, h],
-      activeCardId: h.id
+      cards: [...s.cards, x],
+      activeCardId: x.id
     };
-    o(v), d(h);
+    o(v), c(x);
   }
-  function b() {
-    const h = {
+  function C() {
+    const x = {
       ...t,
-      id: Je(),
+      id: Ke(),
       title: `${t.title} Copy`,
-      tabTitle: `${t.tabTitle} Copy`
+      tabTitle: `${t.tabTitle || t.title} Copy`
     };
-    j(h);
+    j(x);
   }
-  function I(h) {
-    const v = s.cards.filter((M) => M.id !== h), f = v[0], k = {
+  function F(x) {
+    const v = s.cards.filter((M) => M.id !== x), f = v[0], k = {
       ...s,
       cards: v,
       // update the active card to the first card in the frame
       activeCardId: f.id
     };
-    o(k), d(f);
+    o(k), c(f);
   }
-  function C(h) {
+  function y(x) {
     const v = {
       ...s,
       cards: s.cards.map((k) => k.id === t.id ? t : k),
-      activeCardId: h
+      activeCardId: x
     };
     o(v);
-    const f = v.cards.find((k) => k.id === h);
-    f.sql && r(!0), d(f);
+    const f = v.cards.find((k) => k.id === x);
+    f.sql && r(!0), c(f);
   }
-  const T = (h, v) => {
-    console.log("handleDragStart", v), h.dataTransfer.setData("tabIndex", v.toString());
-  }, F = (h) => {
-    h.preventDefault();
-  }, A = (h, v) => {
-    const f = h.dataTransfer.getData("tabIndex");
+  const T = (x, v) => {
+    console.log("handleDragStart", v), x.dataTransfer.setData("tabIndex", v.toString());
+  }, I = (x) => {
+    x.preventDefault();
+  }, A = (x, v) => {
+    const f = x.dataTransfer.getData("tabIndex");
     if (f === v.toString()) return;
     const k = Array.from(s.cards), [M] = k.splice(parseInt(f), 1);
     k.splice(v, 0, M), o({ ...s, cards: k });
   };
-  function N(h, v) {
-    return h.cards.length === 1 && (v.displayTab === !0 || v.displayTab === void 0) || h.activeCardId !== v.id && (v.displayTab === !0 || v.displayTab === void 0) ? null : /* @__PURE__ */ e.jsx(
+  function N(x, v) {
+    return x.cards.length === 1 && (v.displayTab === !0 || v.displayTab === void 0) || x.activeCardId !== v.id && (v.displayTab === !0 || v.displayTab === void 0) ? null : /* @__PURE__ */ e.jsx(
       "div",
       {
         onClick: () => {
           const f = v.displayTab === void 0 ? !1 : !v.displayTab;
-          d({ ...v, displayTab: f }), p({
+          c({ ...v, displayTab: f }), p({
             ...v,
             displayTab: f
           });
@@ -3305,51 +3320,51 @@ function ta() {
     return /* @__PURE__ */ e.jsxs(
       va,
       {
-        onValueChange: C,
+        onValueChange: y,
         value: s.activeCardId,
         className: "flex grow flex-col",
         children: [
-          s.cards.map((h) => /* @__PURE__ */ e.jsx(is, { className: "mt-0 grow", value: h.id, children: L() }, h.id)),
+          s.cards.map((x) => /* @__PURE__ */ e.jsx(is, { className: "mt-0 grow", value: x.id, children: L() }, x.id)),
           /* @__PURE__ */ e.jsx(Ca, { className: "group mx-6 justify-between", children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center", children: [
-            s.cards.map((h, v) => /* @__PURE__ */ e.jsx(
+            s.cards.map((x, v) => /* @__PURE__ */ e.jsx(
               ls,
               {
-                text: h.tabTitle || h.title,
+                text: x.tabTitle || x.title,
                 onSave: (f) => {
-                  d({ ...t, tabTitle: f }), p({ ...t, tabTitle: f });
+                  c({ ...t, tabTitle: f }), p({ ...t, tabTitle: f });
                 },
                 children: /* @__PURE__ */ e.jsxs(
                   rs,
                   {
                     draggable: !0,
                     onDragStart: (f) => T(f, v),
-                    onDragOver: F,
+                    onDragOver: I,
                     onDrop: (f) => A(f, v),
                     className: "",
-                    value: h.id,
+                    value: x.id,
                     children: [
-                      N(s, h),
-                      h.tabTitle || h.title,
-                      s.activeCardId === h.id && s.cards.length > 1 && /* @__PURE__ */ e.jsx(
+                      N(s, x),
+                      x.tabTitle || x.title,
+                      s.activeCardId === x.id && s.cards.length > 1 && /* @__PURE__ */ e.jsx(
                         Sa,
                         {
                           className: "ml-2 size-3.5 text-muted-foreground hover:text-foreground",
-                          onClick: () => I(h.id)
+                          onClick: () => F(x.id)
                         }
                       )
                     ]
                   }
                 )
               },
-              h.id
+              x.id
             )),
             /* @__PURE__ */ e.jsx(
               O,
               {
                 className: "ml-1 h-8 px-2 hover:bg-muted-foreground/50",
                 variant: "outline",
-                onClick: x,
-                children: /* @__PURE__ */ e.jsx(Ds, { className: "h-4 w-4" })
+                onClick: h,
+                children: /* @__PURE__ */ e.jsx(Ts, { className: "h-4 w-4" })
               }
             ),
             /* @__PURE__ */ e.jsx(
@@ -3357,7 +3372,7 @@ function ta() {
               {
                 className: "invisible ml-1 h-8 px-2 hover:bg-muted-foreground/50 group-hover:visible",
                 variant: "outline",
-                onClick: b,
+                onClick: C,
                 children: /* @__PURE__ */ e.jsx(zn, { className: "h-4 w-4" })
               }
             )
@@ -3367,17 +3382,17 @@ function ta() {
     );
   }
   function L() {
-    return t.type === "kpi" ? /* @__PURE__ */ e.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e.jsx(Kt, { card: t, data: u == null ? void 0 : u.records }) }) }) : t.type === "text" ? /* @__PURE__ */ e.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e.jsx(We, { className: "mx-3 my-6 h-[300px] overflow-y-auto break-words px-3", children: /* @__PURE__ */ e.jsx(
+    return t.type === "kpi" ? /* @__PURE__ */ e.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e.jsx(Kt, { card: t, data: u == null ? void 0 : u.records }) }) }) : t.type === "text" ? /* @__PURE__ */ e.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e.jsx(De, { className: "mx-3 my-6 h-[300px] overflow-y-auto break-words px-3", children: /* @__PURE__ */ e.jsx(
       Wt,
       {
         isLoading: n,
         card: t,
         data: u == null ? void 0 : u.records
       }
-    ) }) }) }) : /* @__PURE__ */ e.jsx(us, { FallbackComponent: ya, children: /* @__PURE__ */ e.jsx(Ra, { className: "grow border-none shadow-none" }) });
+    ) }) }) }) : /* @__PURE__ */ e.jsx(xs, { FallbackComponent: ya, children: /* @__PURE__ */ e.jsx(Ra, { className: "grow border-none shadow-none" }) });
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "relative flex h-full flex-col py-3", children: [
-    (y || g) && /* @__PURE__ */ e.jsx(Ve, { className: "absolute bottom-0 left-0 right-0 top-0 z-50 m-auto h-10 w-10 animate-spin text-foreground/10" }),
+    (b || g) && /* @__PURE__ */ e.jsx(qe, { className: "absolute bottom-0 left-0 right-0 top-0 z-50 m-auto h-10 w-10 animate-spin text-foreground/10" }),
     /* @__PURE__ */ e.jsxs("div", { className: "mb-0 flex min-h-10 items-center justify-end gap-2 px-6", children: [
       a && /* @__PURE__ */ e.jsxs("div", { className: "flex grow items-center gap-2", children: [
         /* @__PURE__ */ e.jsx(kl, {}),
@@ -3386,27 +3401,55 @@ function ta() {
       ] }),
       /* @__PURE__ */ e.jsx(Il, {})
     ] }),
-    a ? S() : /* @__PURE__ */ e.jsxs("div", { className: "flex min-h-0 w-full flex-1 grow basis-0 px-6", children: [
-      c && /* @__PURE__ */ e.jsx(Fl, {}),
-      (u == null ? void 0 : u.records) && (u == null ? void 0 : u.records.length) > 0 && /* @__PURE__ */ e.jsx(vl, { data: (u == null ? void 0 : u.records) || [] }),
-      l && /* @__PURE__ */ e.jsx("span", { className: "font-mono text-sm", children: l })
-    ] })
+    a ? S() : /* @__PURE__ */ e.jsxs(
+      cs,
+      {
+        className: "px-6",
+        direction: "horizontal",
+        children: [
+          d && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+            /* @__PURE__ */ e.jsx(
+              Ne,
+              {
+                id: "1",
+                order: 1,
+                defaultSize: 30,
+                minSize: 10,
+                className: "relative flex h-full min-h-0 w-full flex-1 basis-0",
+                children: d && /* @__PURE__ */ e.jsx(Fl, {})
+              }
+            ),
+            /* @__PURE__ */ e.jsx(ds, {})
+          ] }),
+          /* @__PURE__ */ e.jsx(
+            Ne,
+            {
+              id: "2",
+              order: 2,
+              minSize: 10,
+              className: "relative flex h-full min-h-0 w-full flex-1 basis-0",
+              children: /* @__PURE__ */ e.jsxs(De, { className: "relative flex h-full min-h-0 w-full flex-1 basis-0", children: [
+                (u == null ? void 0 : u.records) && (u == null ? void 0 : u.records.length) > 0 && /* @__PURE__ */ e.jsx(vl, { data: (u == null ? void 0 : u.records) || [] }),
+                l && /* @__PURE__ */ e.jsx("span", { className: "font-mono text-xs", children: l }),
+                /* @__PURE__ */ e.jsx(os, { orientation: "horizontal" })
+              ] })
+            }
+          )
+        ]
+      }
+    )
   ] });
 }
 function Fl() {
   const s = m((a) => a.pythonStdOut);
   if (!s) return null;
   const t = s.replace(/\n/g, "<br>");
-  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx("p", { className: "font-mono text-sm", children: "Output:" }),
-    /* @__PURE__ */ e.jsx(
-      "div",
-      {
-        dangerouslySetInnerHTML: { __html: t },
-        className: "bg-muted p-2 font-mono text-sm"
-      }
-    ),
-    /* @__PURE__ */ e.jsx(ge, { className: "mb-2" })
+  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(De, { className: "overflow-y-auto px-2 pt-1 font-mono text-xs text-foreground/90", children: [
+      /* @__PURE__ */ e.jsx("div", { dangerouslySetInnerHTML: { __html: t } }),
+      /* @__PURE__ */ e.jsx(os, { orientation: "horizontal" })
+    ] })
   ] });
 }
 function Il() {
@@ -3432,14 +3475,14 @@ function Dl({
   onValueChange: a
 }) {
   return /* @__PURE__ */ e.jsx(
-    ps,
+    js,
     {
       value: t,
       onValueChange: a,
       className: "flex gap-4",
       defaultValue: s[0].value,
       children: s.map((n) => /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-        /* @__PURE__ */ e.jsx(Ie, { value: n.value, id: n.value }),
+        /* @__PURE__ */ e.jsx(Te, { value: n.value, id: n.value }),
         /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: n.value, children: n.label })
       ] }, n.value))
     }
@@ -3462,11 +3505,11 @@ function ue({
     ),
     /* @__PURE__ */ e.jsx(pe, { children: /* @__PURE__ */ e.jsxs(Se, { children: [
       /* @__PURE__ */ e.jsx(fe, { children: s }),
-      t.map((c) => /* @__PURE__ */ e.jsx(K, { value: c.value, children: c.label }, c.value))
+      t.map((d) => /* @__PURE__ */ e.jsx(K, { value: d.value, children: d.label }, d.value))
     ] }) })
   ] });
 }
-function Ge({
+function Qe({
   children: s,
   summary: t,
   open: a,
@@ -3488,19 +3531,19 @@ function Ge({
   );
 }
 function Tl() {
-  var b, I;
+  var C, F;
   const s = m(
-    (C) => C.card.customCardPreferences
-  ), { data: t } = Ka(), a = (t == null ? void 0 : t.plugins) || [], n = m((C) => C.card), l = m((C) => C.frame), c = (s == null ? void 0 : s.visualType) || "single", { setCustomCardPreferences: r } = re(), { components: o, manifest: d } = ja(
+    (y) => y.card.customCardPreferences
+  ), { data: t } = Ka(), a = (t == null ? void 0 : t.plugins) || [], n = m((y) => y.card), l = m((y) => y.frame), d = (s == null ? void 0 : s.visualType) || "single", { setCustomCardPreferences: r } = re(), { components: o, manifest: c } = ja(
     (s == null ? void 0 : s.url) || ""
-  ), p = (b = d == null ? void 0 : d.visuals) == null ? void 0 : b.find(
-    (C) => C.name === (s == null ? void 0 : s.componentName)
+  ), p = (C = c == null ? void 0 : c.visuals) == null ? void 0 : C.find(
+    (y) => y.name === (s == null ? void 0 : s.componentName)
   );
-  function u(C, T) {
+  function u(y, T) {
     if (!s) return;
     const A = {
       ...(s == null ? void 0 : s.dataInputCardIds) || {},
-      [C]: {
+      [y]: {
         cardId: T,
         hookRef: null
       }
@@ -3510,17 +3553,17 @@ function Tl() {
       dataInputCardIds: A
     });
   }
-  function y(C) {
-    var F, A;
-    const T = (F = l == null ? void 0 : l.cards) == null ? void 0 : F.filter((N) => {
+  function b(y) {
+    var I, A;
+    const T = (I = l == null ? void 0 : l.cards) == null ? void 0 : I.filter((N) => {
       var S;
       return ((S = N == null ? void 0 : N.customCardPreferences) == null ? void 0 : S.visualType) !== "multiple";
     }).map((N) => ({
       value: N.id,
       label: N.tabTitle || N.title
     }));
-    return /* @__PURE__ */ e.jsx("div", { className: "space-y-2", children: (A = C == null ? void 0 : C.dataInputs) == null ? void 0 : A.map((N, S) => {
-      var L, h;
+    return /* @__PURE__ */ e.jsx("div", { className: "space-y-2", children: (A = y == null ? void 0 : y.dataInputs) == null ? void 0 : A.map((N, S) => {
+      var L, x;
       return /* @__PURE__ */ e.jsxs(
         "div",
         {
@@ -3533,7 +3576,7 @@ function Tl() {
                 className: "col-span-6 h-8 w-full justify-between",
                 label: "",
                 options: T || [],
-                value: ((h = (L = s == null ? void 0 : s.dataInputCardIds) == null ? void 0 : L[S]) == null ? void 0 : h.cardId) || "",
+                value: ((x = (L = s == null ? void 0 : s.dataInputCardIds) == null ? void 0 : L[S]) == null ? void 0 : x.cardId) || "",
                 onValueChange: (v) => u(S, v)
               }
             )
@@ -3543,12 +3586,12 @@ function Tl() {
       );
     }) });
   }
-  function g(C, T, F = []) {
+  function g(y, T, I = []) {
     var A, N;
-    return s ? C === "input" ? /* @__PURE__ */ e.jsx(
+    return s ? y === "input" ? /* @__PURE__ */ e.jsx(
       le,
       {
-        className: `h-8 w-full ${Be}`,
+        className: `h-8 w-full ${Ue}`,
         value: ((A = s == null ? void 0 : s.settings) == null ? void 0 : A[T]) || "",
         onChange: (S) => {
           r({
@@ -3561,12 +3604,12 @@ function Tl() {
         }
       },
       T
-    ) : C === "select" ? /* @__PURE__ */ e.jsx(
+    ) : y === "select" ? /* @__PURE__ */ e.jsx(
       ue,
       {
         className: "h-8 w-full",
         label: "",
-        options: F,
+        options: I,
         value: ((N = s == null ? void 0 : s.settings) == null ? void 0 : N[T]) || "",
         onValueChange: (S) => {
           r({
@@ -3577,21 +3620,21 @@ function Tl() {
       }
     ) : null : null;
   }
-  function x(C) {
-    const T = Object.entries((C == null ? void 0 : C.settings) || {});
-    return /* @__PURE__ */ e.jsx("div", { className: "space-y-3", children: T.map(([F, A]) => /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
+  function h(y) {
+    const T = Object.entries((y == null ? void 0 : y.settings) || {});
+    return /* @__PURE__ */ e.jsx("div", { className: "space-y-3", children: T.map(([I, A]) => /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ e.jsx(R, { children: A.title }),
       g(
         A.ui,
-        F,
+        I,
         A.options
       )
-    ] }, F)) });
+    ] }, I)) });
   }
-  function j(C) {
+  function j(y) {
     s && r({
       ...s,
-      visualType: C,
+      visualType: y,
       componentName: ""
     });
   }
@@ -3600,7 +3643,7 @@ function Tl() {
     {
       className: "p-6",
       children: [
-        /* @__PURE__ */ e.jsx(Ge, { summary: "Plugin Settings", children: /* @__PURE__ */ e.jsx("div", { className: "space-y-4 text-sm", children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 text-sm", children: [
+        /* @__PURE__ */ e.jsx(Qe, { summary: "Plugin Settings", children: /* @__PURE__ */ e.jsx("div", { className: "space-y-4 text-sm", children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 text-sm", children: [
           /* @__PURE__ */ e.jsx("div", { className: "space-y-2", children: /* @__PURE__ */ e.jsx("div", { className: "px-2", children: /* @__PURE__ */ e.jsx(
             ue,
             {
@@ -3608,12 +3651,12 @@ function Tl() {
               label: "",
               options: a,
               value: (s == null ? void 0 : s.url) || "",
-              onValueChange: (C) => r({
+              onValueChange: (y) => r({
                 ...s || {
                   url: "",
                   componentName: ""
                 },
-                url: C
+                url: y
               })
             }
           ) }) }),
@@ -3624,7 +3667,7 @@ function Tl() {
                 { value: "single", label: "Single Visual" },
                 { value: "multiple", label: "Multi-Visual" }
               ],
-              value: c,
+              value: d,
               onValueChange: j
             }
           ),
@@ -3636,53 +3679,53 @@ function Tl() {
                 className: "h-8 w-full",
                 label: "",
                 options: (o == null ? void 0 : o.filter(
-                  (C) => C.type === c
-                ).map((C) => ({
-                  value: C.name,
-                  label: C.name
+                  (y) => y.type === d
+                ).map((y) => ({
+                  value: y.name,
+                  label: y.name
                 }))) || [],
                 value: s.componentName,
-                onValueChange: (C) => {
-                  console.log("changing value", C), r({
+                onValueChange: (y) => {
+                  console.log("changing value", y), r({
                     ...s,
-                    componentName: C
+                    componentName: y
                   });
                 }
               }
             ) })
           ] }) })
         ] }) }) }),
-        /* @__PURE__ */ e.jsx(ge, { className: "my-4" }),
-        ((I = n == null ? void 0 : n.customCardPreferences) == null ? void 0 : I.componentName) && /* @__PURE__ */ e.jsxs(Ge, { summary: "Component Settings", children: [
+        /* @__PURE__ */ e.jsx(we, { className: "my-4" }),
+        ((F = n == null ? void 0 : n.customCardPreferences) == null ? void 0 : F.componentName) && /* @__PURE__ */ e.jsxs(Qe, { summary: "Component Settings", children: [
           p && p.dataInputs && /* @__PURE__ */ e.jsxs("div", { className: "space-y-3", children: [
             /* @__PURE__ */ e.jsx(R, { children: "Input Mapping" }),
-            /* @__PURE__ */ e.jsx("div", { className: "px-2", children: y(p) })
+            /* @__PURE__ */ e.jsx("div", { className: "px-2", children: b(p) })
           ] }),
-          p && p.settings && /* @__PURE__ */ e.jsx("div", { className: "space-y-3", children: /* @__PURE__ */ e.jsx("div", { className: "px-2", children: x(p) }) })
+          p && p.settings && /* @__PURE__ */ e.jsx("div", { className: "space-y-3", children: /* @__PURE__ */ e.jsx("div", { className: "px-2", children: h(p) }) })
         ] })
       ]
     }
   );
 }
-function Te() {
+function Me() {
   const [s, t] = q([]);
   m(
     (u) => u.card.cfg
   );
-  const a = m((u) => u.card.preferences), { setCardCfg: n, setFilterOnClickColumnIndex: l, setCardPreferences: c } = m((u) => u.actions), r = m(
+  const a = m((u) => u.card.preferences), { setCardCfg: n, setFilterOnClickColumnIndex: l, setCardPreferences: d } = m((u) => u.actions), r = m(
     (u) => u.queryResultColumns
   );
   m(
     (u) => {
-      var y;
-      return (y = u.card.preferences) == null ? void 0 : y.filterOnClickColumnIndex;
+      var b;
+      return (b = u.card.preferences) == null ? void 0 : b.filterOnClickColumnIndex;
     }
   ), Z(() => {
     r && t(new Array(r.length).fill(!1));
   }, [r]);
-  function o(u, y) {
-    var g, x;
-    y ? a != null && a.onClickFilter && ((g = a == null ? void 0 : a.onClickFilter) == null ? void 0 : g.length) > 0 ? c({
+  function o(u, b) {
+    var g, h;
+    b ? a != null && a.onClickFilter && ((g = a == null ? void 0 : a.onClickFilter) == null ? void 0 : g.length) > 0 ? d({
       ...a,
       onClickFilter: [
         ...a.onClickFilter,
@@ -3691,7 +3734,7 @@ function Te() {
           expression: ""
         }
       ]
-    }) : c({
+    }) : d({
       ...a,
       onClickFilter: [
         {
@@ -3699,35 +3742,35 @@ function Te() {
           expression: ""
         }
       ]
-    }) : (c({
+    }) : (d({
       ...a,
-      onClickFilter: (x = a == null ? void 0 : a.onClickFilter) == null ? void 0 : x.filter(
+      onClickFilter: (h = a == null ? void 0 : a.onClickFilter) == null ? void 0 : h.filter(
         (j) => j.columnIndex !== u
       )
     }), t((j) => {
-      const b = [...j];
-      return b[u] = !1, b;
+      const C = [...j];
+      return C[u] = !1, C;
     }));
   }
-  function d(u, y) {
-    var x;
-    const g = (x = a == null ? void 0 : a.onClickFilter) == null ? void 0 : x.map((j) => j.columnIndex === u ? {
+  function c(u, b) {
+    var h;
+    const g = (h = a == null ? void 0 : a.onClickFilter) == null ? void 0 : h.map((j) => j.columnIndex === u ? {
       ...j,
-      expression: y.target.value
+      expression: b.target.value
     } : j);
-    c({
+    d({
       ...a,
       onClickFilter: g
     });
   }
   function p(u) {
-    var y, g, x, j;
-    if (s != null && s[u] || (g = (y = a == null ? void 0 : a.onClickFilter) == null ? void 0 : y.find((b) => b.columnIndex === u)) != null && g.expression)
+    var b, g, h, j;
+    if (s != null && s[u] || (g = (b = a == null ? void 0 : a.onClickFilter) == null ? void 0 : b.find((C) => C.columnIndex === u)) != null && g.expression)
       return /* @__PURE__ */ e.jsx(
         le,
         {
-          value: (j = (x = a == null ? void 0 : a.onClickFilter) == null ? void 0 : x.find((b) => b.columnIndex === u)) == null ? void 0 : j.expression,
-          onChange: (b) => d(u, b),
+          value: (j = (h = a == null ? void 0 : a.onClickFilter) == null ? void 0 : h.find((C) => C.columnIndex === u)) == null ? void 0 : j.expression,
+          onChange: (C) => c(u, C),
           type: "text",
           className: "h-9 w-full font-mono text-xs focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0",
           placeholder: "Expression"
@@ -3736,8 +3779,8 @@ function Te() {
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ e.jsx(R, { children: "On Click" }),
-    r == null ? void 0 : r.map((u, y) => {
-      var g, x;
+    r == null ? void 0 : r.map((u, b) => {
+      var g, h;
       return /* @__PURE__ */ e.jsx(
         "div",
         {
@@ -3745,12 +3788,12 @@ function Te() {
           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(
-                Hs,
+                $s,
                 {
                   checked: !!((g = a == null ? void 0 : a.onClickFilter) != null && g.find(
-                    (j) => j.columnIndex === y
+                    (j) => j.columnIndex === b
                   )),
-                  onCheckedChange: (j) => o(y, j)
+                  onCheckedChange: (j) => o(b, j)
                 }
               ),
               /* @__PURE__ */ e.jsx(
@@ -3760,22 +3803,22 @@ function Te() {
                   children: u
                 }
               ),
-              /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: ((x = a == null ? void 0 : a.onClickFilter) == null ? void 0 : x.find(
-                (j) => j.columnIndex === y
+              /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: ((h = a == null ? void 0 : a.onClickFilter) == null ? void 0 : h.find(
+                (j) => j.columnIndex === b
               )) && /* @__PURE__ */ e.jsx(
                 Ta,
                 {
                   onClick: () => {
                     t((j) => {
-                      const b = [...j];
-                      return b[y] = !j[y], b;
+                      const C = [...j];
+                      return C[b] = !j[b], C;
                     });
                   },
                   className: "invisible size-3 cursor-pointer text-gray-400 group-hover:visible"
                 }
               ) })
             ] }),
-            p(y)
+            p(b)
           ] })
         },
         u
@@ -3783,29 +3826,29 @@ function Te() {
     })
   ] });
 }
-function fs() {
-  var r, o, d;
+function bs() {
+  var r, o, c;
   const s = m((p) => p.card.preferences), t = m(
     (p) => p.card.cfg
   ), { setCardCfg: a, setCardPreferences: n, setChartOrientation: l } = m((p) => p.actions);
   (r = t == null ? void 0 : t.options) != null && r.indexAxis;
-  function c(p) {
+  function d(p) {
     l(p);
   }
   return /* @__PURE__ */ e.jsxs(
-    ps,
+    js,
     {
-      value: ((o = s == null ? void 0 : s.chartOptions) == null ? void 0 : o.indexAxis) || ((d = t == null ? void 0 : t.options) == null ? void 0 : d.indexAxis) || "x",
-      onValueChange: c,
+      value: ((o = s == null ? void 0 : s.chartOptions) == null ? void 0 : o.indexAxis) || ((c = t == null ? void 0 : t.options) == null ? void 0 : c.indexAxis) || "x",
+      onValueChange: d,
       className: "flex gap-3",
       defaultValue: "x",
       children: [
         /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ e.jsx(Ie, { value: "x", id: "r1" }),
+          /* @__PURE__ */ e.jsx(Te, { 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(Ie, { value: "y", id: "r2" }),
+          /* @__PURE__ */ e.jsx(Te, { value: "y", id: "r2" }),
           /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: "r2", children: "Horizontal" })
         ] })
       ]
@@ -3814,9 +3857,9 @@ function fs() {
 }
 const ts = "focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0";
 function na(s, t) {
-  var n, l, c;
+  var n, l, d;
   const a = wa(s, t);
-  return ((c = (l = (n = s == null ? void 0 : s.chartOptions) == null ? void 0 : n.scales) == null ? void 0 : l[a]) == null ? void 0 : c.type) || "linear";
+  return ((d = (l = (n = s == null ? void 0 : s.chartOptions) == null ? void 0 : n.scales) == null ? void 0 : l[a]) == null ? void 0 : d.type) || "linear";
 }
 function Wa() {
   var ie, W, ae, w, _, ee;
@@ -3826,32 +3869,32 @@ function Wa() {
   }), n = m((E) => {
     var D;
     return (D = E.card) == null ? void 0 : D.cfg;
-  }), l = wa(a, n), [c, r] = q(
+  }), l = wa(a, n), [d, r] = q(
     na(a)
-  ), [o, d] = q(
+  ), [o, c] = q(
     ((ae = (W = (ie = a == null ? void 0 : a.chartOptions) == null ? void 0 : ie.scales) == null ? void 0 : W[l]) == null ? void 0 : ae.min) || ""
   ), [p, u] = q(
     ((ee = (_ = (w = a == null ? void 0 : a.chartOptions) == null ? void 0 : w.scales) == null ? void 0 : _[l]) == null ? void 0 : ee.max) || ""
-  ), [y, g] = q(o || p ? "custom" : "auto"), [x, j] = q(""), [b, I] = q(0), [C, T] = q(""), [F, A] = q(""), [N, S] = q(""), L = m(
+  ), [b, g] = q(o || p ? "custom" : "auto"), [h, j] = q(""), [C, F] = q(0), [y, T] = q(""), [I, A] = q(""), [N, S] = q(""), L = m(
     (E) => E.actions.setCardPreferences
-  ), { updateCardInFrame: h } = re(), v = m((E) => E.card), f = m((E) => {
+  ), { updateCardInFrame: x } = re(), v = m((E) => E.card), f = m((E) => {
     var D;
     return (D = E.card) == null ? void 0 : D.type;
   }), k = ["pie", "doughnut", "polarArea"].includes(f);
   Z(() => {
-    var E, D, se, $, X, te, Le, ze, be, ye, J, oe, ce, Oe;
-    r(na(a)), d(
+    var E, D, se, $, X, te, Ee, Oe, je, be, J, oe, ce, Fe;
+    r(na(a)), c(
       ((se = (D = (E = a == null ? void 0 : a.chartOptions) == null ? void 0 : E.scales) == null ? void 0 : D[l]) == null ? void 0 : se.min) === 0 ? 0 : ""
     ), u(((te = (X = ($ = a == null ? void 0 : a.chartOptions) == null ? void 0 : $.scales) == null ? void 0 : X[l]) == null ? void 0 : te.max) || ""), j(
-      ((ye = (be = (ze = (Le = a == null ? void 0 : a.chartOptions) == null ? void 0 : Le.scales) == null ? void 0 : ze[l]) == null ? void 0 : be.ticks) == null ? void 0 : ye.stepSize) || ""
-    ), I(((J = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : J.decimalPlaces) || 0), T(((oe = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : oe.suffix) || ""), A(((ce = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : ce.currency) || ""), S(((Oe = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : Oe.locale) || "");
+      ((be = (je = (Oe = (Ee = a == null ? void 0 : a.chartOptions) == null ? void 0 : Ee.scales) == null ? void 0 : Oe[l]) == null ? void 0 : je.ticks) == null ? void 0 : be.stepSize) || ""
+    ), F(((J = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : J.decimalPlaces) || 0), T(((oe = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : oe.suffix) || ""), A(((ce = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : ce.currency) || ""), S(((Fe = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : Fe.locale) || "");
   }, [s, a, l]);
   function M(E, D) {
     return D === "" || /^[0-9\b]+$/.test(D) ? Number(D) : Number(E);
   }
   function H() {
     const E = [
-      ...new Set(os.map((D) => D.currency))
+      ...new Set(us.map((D) => D.currency))
     ];
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-6 items-center gap-2", children: [
@@ -3873,7 +3916,7 @@ function Wa() {
         /* @__PURE__ */ e.jsxs(
           me,
           {
-            value: F || "none",
+            value: I || "none",
             onValueChange: (D) => A(D === "none" ? "" : D),
             children: [
               /* @__PURE__ */ e.jsx(he, { className: "col-span-2 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(xe, {}) }),
@@ -3895,7 +3938,7 @@ function Wa() {
           ),
           /* @__PURE__ */ e.jsx(pe, { children: /* @__PURE__ */ e.jsxs(Se, { children: [
             /* @__PURE__ */ e.jsx(fe, { children: "Locale" }),
-            os.map((D) => /* @__PURE__ */ e.jsx(K, { value: D.locale, children: D.locale }, D.locale))
+            us.map((D) => /* @__PURE__ */ e.jsx(K, { value: D.locale, children: D.locale }, D.locale))
           ] }) })
         ] })
       ] }),
@@ -3904,8 +3947,8 @@ function Wa() {
         /* @__PURE__ */ e.jsx(
           le,
           {
-            value: b,
-            onChange: (D) => I(Number(D.target.value)),
+            value: C,
+            onChange: (D) => F(Number(D.target.value)),
             id: "format",
             className: `col-span-6 h-8 w-full tracking-wide ${ts}`
           }
@@ -3922,7 +3965,7 @@ function Wa() {
           {
             id: "min",
             value: o,
-            onChange: (E) => d((D) => M(D, E.target.value)),
+            onChange: (E) => c((D) => M(D, E.target.value)),
             className: `col-span-1 h-8 w-full ${ts}`
           }
         ),
@@ -3941,7 +3984,7 @@ function Wa() {
         /* @__PURE__ */ e.jsx(
           le,
           {
-            value: x,
+            value: h,
             onChange: (E) => j((D) => M(D, E.target.value)),
             id: "step-size",
             className: `col-span-1 h-8 w-full ${ts}`
@@ -3953,11 +3996,11 @@ function Wa() {
   function Y() {
     var $;
     let E = {};
-    y === "custom" && (E = {
+    b === "custom" && (E = {
       min: o,
       max: p,
       ticks: {
-        stepSize: x
+        stepSize: h
       }
     });
     const D = {
@@ -3968,15 +4011,15 @@ function Wa() {
           ...($ = a == null ? void 0 : a.chartOptions) == null ? void 0 : $.scales,
           [l]: {
             // ...cardPreferences?.chartOptions?.scales?.[axis],
-            type: c,
-            ...c === "linear" ? E : {}
+            type: d,
+            ...d === "linear" ? E : {}
           }
         }
       },
       numberAxisFormat: {
-        decimalPlaces: b,
-        suffix: C,
-        currency: F,
+        decimalPlaces: C,
+        suffix: y,
+        currency: I,
         locale: N
       }
     };
@@ -3985,11 +4028,11 @@ function Wa() {
       ...v,
       preferences: D
     };
-    h(se);
+    x(se);
   }
-  return /* @__PURE__ */ e.jsxs(ms, { onOpenChange: (E) => t(E), children: [
-    /* @__PURE__ */ e.jsx(hs, { asChild: !0, children: /* @__PURE__ */ e.jsx(Zt, { className: "size-4 cursor-pointer text-muted-foreground hover:text-foreground" }) }),
-    /* @__PURE__ */ e.jsx(xs, { align: "center", className: "max-w-65", children: /* @__PURE__ */ e.jsxs("div", { className: "grid gap-4", children: [
+  return /* @__PURE__ */ e.jsxs(ps, { onOpenChange: (E) => t(E), children: [
+    /* @__PURE__ */ e.jsx(fs, { asChild: !0, children: /* @__PURE__ */ e.jsx(Zt, { className: "size-4 cursor-pointer text-muted-foreground hover:text-foreground" }) }),
+    /* @__PURE__ */ e.jsx(gs, { 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" })
@@ -4001,7 +4044,7 @@ function Wa() {
             me,
             {
               disabled: k,
-              value: c,
+              value: d,
               onValueChange: (E) => r(E),
               children: [
                 /* @__PURE__ */ e.jsx(he, { className: "col-span-2 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(xe, {}) }),
@@ -4014,31 +4057,31 @@ function Wa() {
             }
           )
         ] }),
-        c == "linear" && /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 items-center gap-2 py-1", children: [
+        d == "linear" && /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 items-center gap-2 py-1", children: [
           /* @__PURE__ */ e.jsx(R, { htmlFor: "scale-option", children: "Setup" }),
           /* @__PURE__ */ e.jsxs(
-            ps,
+            js,
             {
               disabled: k,
               id: "scale-option",
-              value: y,
+              value: b,
               onValueChange: (E) => g(E),
               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(Ie, { value: "auto", id: "r1" }),
+                  /* @__PURE__ */ e.jsx(Te, { 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(Ie, { value: "custom", id: "r2" }),
+                  /* @__PURE__ */ e.jsx(Te, { value: "custom", id: "r2" }),
                   /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: "r2", children: "Custom" })
                 ] })
               ]
             }
           )
         ] }),
-        y === "custom" && c == "linear" && P(),
+        b === "custom" && d == "linear" && P(),
         H(),
         /* @__PURE__ */ e.jsx(en, {}),
         /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-3", children: /* @__PURE__ */ e.jsx(
@@ -4056,26 +4099,26 @@ function Wa() {
 }
 function Ll({ idx: s }) {
   var o;
-  const t = m((d) => {
+  const t = m((c) => {
     var p;
-    return (p = d.card) == null ? void 0 : p.preferences;
+    return (p = c.card) == null ? void 0 : p.preferences;
   }), a = m(
-    (d) => {
+    (c) => {
       var p;
-      return (p = d.card.preferences) == null ? void 0 : p.datasetOptions;
+      return (p = c.card.preferences) == null ? void 0 : p.datasetOptions;
     }
   ), n = m(
-    (d) => d.actions.setCardPreferences
-  ), l = (o = t == null ? void 0 : t.chartOptions) == null ? void 0 : o.indexAxis, c = a == null ? void 0 : a.find((d) => d.idx === s);
-  function r(d, p) {
-    (d === "end" || d === "start") && sn(an());
+    (c) => c.actions.setCardPreferences
+  ), l = (o = t == null ? void 0 : t.chartOptions) == null ? void 0 : o.indexAxis, d = a == null ? void 0 : a.find((c) => c.idx === s);
+  function r(c, p) {
+    (c === "end" || c === "start") && sn(an());
     const u = {
-      display: d !== "none",
-      align: d,
-      anchor: d,
+      display: c !== "none",
+      align: c,
+      anchor: c,
       clamp: !0
     };
-    if (!c)
+    if (!d)
       n({
         ...t,
         datasetOptions: [
@@ -4087,10 +4130,10 @@ function Ll({ idx: s }) {
         ]
       });
     else {
-      const y = { ...c };
-      y.datalabels = u;
+      const b = { ...d };
+      b.datalabels = u;
       const g = a == null ? void 0 : a.map(
-        (x) => x.idx === p ? y : x
+        (h) => h.idx === p ? b : h
       );
       n({
         ...t,
@@ -4098,9 +4141,9 @@ function Ll({ idx: s }) {
       });
     }
   }
-  return /* @__PURE__ */ e.jsxs(ms, { children: [
-    /* @__PURE__ */ e.jsx(hs, { children: /* @__PURE__ */ e.jsx(Jn, { className: "invisible size-4 rotate-[135deg] cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible" }) }),
-    /* @__PURE__ */ e.jsx(xs, { className: "w-fit p-1", children: /* @__PURE__ */ e.jsxs("div", { className: "flex gap-1", children: [
+  return /* @__PURE__ */ e.jsxs(ps, { children: [
+    /* @__PURE__ */ e.jsx(fs, { children: /* @__PURE__ */ e.jsx(Jn, { className: "invisible size-4 rotate-[135deg] cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible" }) }),
+    /* @__PURE__ */ e.jsx(gs, { className: "w-fit p-1", children: /* @__PURE__ */ e.jsxs("div", { className: "flex gap-1", children: [
       /* @__PURE__ */ e.jsx(
         O,
         {
@@ -4168,25 +4211,25 @@ function Ll({ idx: s }) {
 function Ya() {
   const s = m((p) => p.card), t = m(
     (p) => {
-      var u, y, g;
-      return (g = (y = (u = p == null ? void 0 : p.card) == null ? void 0 : u.preferences) == null ? void 0 : y.chartOptions) == null ? void 0 : g.indexAxis;
+      var u, b, g;
+      return (g = (b = (u = p == null ? void 0 : p.card) == null ? void 0 : u.preferences) == null ? void 0 : b.chartOptions) == null ? void 0 : g.indexAxis;
     }
-  ), { data: a } = qe(s), n = t === "y" ? "Y axis" : "X axis", l = t === "y" ? "X axis" : "Y axis", {
-    keys: c,
+  ), { data: a } = Re(s), n = t === "y" ? "Y axis" : "X axis", l = t === "y" ? "X axis" : "Y axis", {
+    keys: d,
     metricKeys: r,
     dimensionKeys: o
-  } = vs((a == null ? void 0 : a.records) || []);
-  let d = r;
+  } = Ss((a == null ? void 0 : a.records) || []);
+  let c = r;
   if (["stackedBar", "stackedLine"].includes(s.type)) {
     const p = tn({
       dataArray: (a == null ? void 0 : a.records) || [],
       groupKey: o[0],
       pivotKey: o[1],
-      valueKey: d[0]
-    }), { metricKeys: u } = vs(p);
-    d = u;
+      valueKey: c[0]
+    }), { metricKeys: u } = Ss(p);
+    c = u;
   }
-  return c.length === 0 ? null : /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
+  return d.length === 0 ? null : /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ e.jsx(R, { children: n }),
       /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: /* @__PURE__ */ e.jsx("div", { className: "rounded-md bg-muted/70 px-2 py-1 hover:bg-muted", children: /* @__PURE__ */ e.jsx("p", { children: o[0] }) }) })
@@ -4196,23 +4239,23 @@ function Ya() {
         /* @__PURE__ */ e.jsx(R, { children: l }),
         /* @__PURE__ */ e.jsx(Wa, {})
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: d.map((p, u) => /* @__PURE__ */ e.jsx(Ml, { col: p, idx: u }, p)) })
+      /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: c.map((p, u) => /* @__PURE__ */ e.jsx(Ml, { col: p, idx: u }, p)) })
     ] })
   ] });
 }
 function Ml({ col: s, idx: t }) {
   const a = m((o) => {
-    var d;
-    return (d = o.card) == null ? void 0 : d.preferences;
+    var c;
+    return (c = o.card) == null ? void 0 : c.preferences;
   }), n = m(
     (o) => {
-      var d;
-      return (d = o.card.preferences) == null ? void 0 : d.datasetOptions;
+      var c;
+      return (c = o.card.preferences) == null ? void 0 : c.datasetOptions;
     }
-  ), l = n == null ? void 0 : n.find((o) => o.idx === t), { setCardPreferences: c } = m((o) => o.actions);
+  ), l = n == null ? void 0 : n.find((o) => o.idx === t), { setCardPreferences: d } = m((o) => o.actions);
   function r(o) {
     if (!l)
-      c({
+      d({
         ...a,
         datasetOptions: [
           ...n || [],
@@ -4224,12 +4267,12 @@ function Ml({ col: s, idx: t }) {
         ]
       });
     else {
-      const d = { ...l };
-      d.type = o === "area" ? "line" : o, d.fill = o === "area" ? "origin" : "";
+      const c = { ...l };
+      c.type = o === "area" ? "line" : o, c.fill = o === "area" ? "origin" : "";
       const p = n == null ? void 0 : n.map(
-        (u) => u.idx === t ? d : u
+        (u) => u.idx === t ? c : u
       );
-      c({
+      d({
         ...a,
         datasetOptions: p
       });
@@ -4239,14 +4282,14 @@ function Ml({ col: s, idx: t }) {
     /* @__PURE__ */ e.jsx("p", { children: s }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
       /* @__PURE__ */ e.jsx(
-        Ps,
+        Bs,
         {
           onClick: () => r("bar"),
           className: "invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"
         }
       ),
       /* @__PURE__ */ e.jsx(
-        Bs,
+        Us,
         {
           onClick: () => r("line"),
           className: "invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"
@@ -4264,32 +4307,32 @@ function Ml({ col: s, idx: t }) {
   ] });
 }
 function Xa() {
-  const s = m((g) => g.selectedConnectionId), t = m((g) => g.selectedDatamodelId), a = m((g) => g.selectedDatabaseName), n = m((g) => g.selectedSchemaName), l = m((g) => g.selectedTableName), c = z((g) => g.dashboard.filters) || [], r = z((g) => g.actions.addFilter), o = z((g) => g.actions.removeFilter), d = z(
+  const s = m((g) => g.selectedConnectionId), t = m((g) => g.selectedDatamodelId), a = m((g) => g.selectedDatabaseName), n = m((g) => g.selectedSchemaName), l = m((g) => g.selectedTableName), d = z((g) => g.dashboard.filters) || [], r = z((g) => g.actions.addFilter), o = z((g) => g.actions.removeFilter), c = z(
     (g) => g.actions.removeFilterValue
-  ), { modelItems: p, tableName: u } = Re();
-  function y(g, x = "dashboard") {
+  ), { modelItems: p, tableName: u } = _e();
+  function b(g, h = "dashboard") {
     var S;
-    const j = de(g.column_name), b = de(a || ""), I = de(n || ""), C = de(u);
+    const j = de(g.column_name), C = de(a || ""), F = de(n || ""), y = de(u);
     let T = fa(
-      I,
-      C
-    ), F = `${T}.${j}`;
+      F,
+      y
+    ), I = `${T}.${j}`;
     const A = (S = p == null ? void 0 : p.find(
       (L) => L.id === t
     )) == null ? void 0 : S.name;
-    t && t !== "none" && (F = `${ys}.${A}.${j}`, T = `${ys}.${A}`);
-    const N = c == null ? void 0 : c.find(
-      (L) => L.column === F && L.table === C && (L.database === b || L.database === a)
+    t && t !== "none" && (I = `${Ns}.${A}.${j}`, T = `${Ns}.${A}`);
+    const N = d == null ? void 0 : d.find(
+      (L) => L.column === I && L.table === y && (L.database === C || L.database === a)
     );
     if (N)
-      d(N.id), o(N.id);
+      c(N.id), o(N.id);
     else {
-      const L = Je();
+      const L = Ke();
       return u === "api" && s ? (r({
-        location: x,
+        location: h,
         id: L,
         //uuidv4(),
-        column: F,
+        column: I,
         title: g.column_name,
         dataType: g.data_type,
         table: "api",
@@ -4306,8 +4349,8 @@ function Xa() {
       }), L) : (r({
         id: L,
         //uuidv4(),
-        location: x,
-        column: F,
+        location: h,
+        column: I,
         //columnName, //`${qualifiedTableName}.${formattedColumnName}`,
         title: g.column_name,
         dataType: g.data_type,
@@ -4324,20 +4367,20 @@ function Xa() {
       }), L);
     }
   }
-  return { assignFilter: y };
+  return { assignFilter: b };
 }
-function _e() {
+function He() {
   const s = z(
     (o) => o.dashboard.filters
-  ), t = m((o) => o.frame), { setFrame: a } = re(), { columns: n } = Re(), { assignFilter: l } = Xa();
-  function c(o) {
-    const d = l(o, "frame");
-    a({ ...t, filterId: d });
+  ), t = m((o) => o.frame), { setFrame: a } = re(), { columns: n } = _e(), { assignFilter: l } = Xa();
+  function d(o) {
+    const c = l(o, "frame");
+    a({ ...t, filterId: c });
   }
   const r = s == null ? void 0 : s.find((o) => o.id === t.filterId);
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-3", children: [
     /* @__PURE__ */ e.jsx(R, { children: "Card Filter" }),
-    /* @__PURE__ */ e.jsx(El, { onSelect: c, columns: n }),
+    /* @__PURE__ */ e.jsx(El, { onSelect: d, columns: n }),
     r && /* @__PURE__ */ e.jsx(nn, { filter: r })
   ] });
 }
@@ -4346,9 +4389,9 @@ function El({
   onSelect: t
 }) {
   var r;
-  const [a, n] = ea.useState(!1), [l, c] = ea.useState("");
-  return /* @__PURE__ */ e.jsxs(ms, { open: a, onOpenChange: n, children: [
-    /* @__PURE__ */ e.jsx(hs, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
+  const [a, n] = ea.useState(!1), [l, d] = ea.useState("");
+  return /* @__PURE__ */ e.jsxs(ps, { open: a, onOpenChange: n, children: [
+    /* @__PURE__ */ e.jsx(fs, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
       O,
       {
         size: "sm",
@@ -4362,7 +4405,7 @@ function El({
         ]
       }
     ) }),
-    /* @__PURE__ */ e.jsx(xs, { className: "w-[200px] p-0", children: /* @__PURE__ */ e.jsxs(rn, { children: [
+    /* @__PURE__ */ e.jsx(gs, { 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." }),
@@ -4370,9 +4413,9 @@ function El({
           mn,
           {
             value: o.column_name,
-            onSelect: (d) => {
-              const p = d === l ? "" : d;
-              c(p), n(!1), p && t(o);
+            onSelect: (c) => {
+              const p = c === l ? "" : c;
+              d(p), n(!1), p && t(o);
             },
             children: [
               o.column_name,
@@ -4396,9 +4439,9 @@ function El({
 function Al({
   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(Le, { defaultValue: ["item-2"], type: "multiple", children: [
     /* @__PURE__ */ e.jsxs(B, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx(U, { children: `${$s(s)} Chart` }),
+      /* @__PURE__ */ e.jsx(U, { children: `${Ps(s)} Chart` }),
       /* @__PURE__ */ e.jsxs(G, { 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: [
@@ -4425,27 +4468,27 @@ function Al({
     /* @__PURE__ */ e.jsxs(B, { value: "item-2", children: [
       /* @__PURE__ */ e.jsx(U, { children: "Settings" }),
       /* @__PURE__ */ e.jsxs(G, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e.jsx(fs, {}),
+        /* @__PURE__ */ e.jsx(bs, {}),
         /* @__PURE__ */ e.jsx(Ya, {})
       ] })
     ] }),
     /* @__PURE__ */ e.jsxs(B, { value: "item-3", children: [
       /* @__PURE__ */ e.jsx(U, { children: "Filters" }),
       /* @__PURE__ */ e.jsxs(G, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e.jsx(Te, {}),
-        /* @__PURE__ */ e.jsx(_e, {})
+        /* @__PURE__ */ e.jsx(Me, {}),
+        /* @__PURE__ */ e.jsx(He, {})
       ] })
     ] })
   ] }) });
 }
-function Gs() {
-  var l, c, r;
+function Qs() {
+  var l, d, r;
   const s = m(
     (o) => o.card.cfg
   ), t = m((o) => o.actions.setCardCfg), a = m((o) => o.card.type);
   function n(o) {
     var u;
-    const d = {
+    const c = {
       datalabels: {
         display: o !== "none",
         align: o,
@@ -4458,7 +4501,7 @@ function Gs() {
         ...s == null ? void 0 : s.options,
         plugins: {
           ...(u = s == null ? void 0 : s.options) == null ? void 0 : u.plugins,
-          ...d
+          ...c
         }
       }
     };
@@ -4472,7 +4515,7 @@ function Gs() {
     /* @__PURE__ */ e.jsxs(
       me,
       {
-        value: (r = (c = (l = s == null ? void 0 : s.options) == null ? void 0 : l.plugins) == null ? void 0 : c.datalabels) == null ? void 0 : r.anchor,
+        value: (r = (d = (l = s == null ? void 0 : s.options) == null ? void 0 : l.plugins) == null ? void 0 : d.datalabels) == null ? void 0 : r.anchor,
         onValueChange: n,
         defaultValue: "none",
         children: [
@@ -4508,7 +4551,7 @@ function Vl({
           "a",
           {
             target: "_blank",
-            onClick: (c) => c.stopPropagation(),
+            onClick: (d) => d.stopPropagation(),
             className: "text-blue-700",
             href: "https://docs.semaphor.cloud/concepts/visuals#pie-chart",
             children: "example"
@@ -4518,20 +4561,20 @@ function Vl({
       ] })
     ] });
   }
-  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(Le, { defaultValue: ["item-2"], type: "multiple", children: [
     /* @__PURE__ */ e.jsxs(B, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx(U, { children: `${$s(s)} Chart` }),
+      /* @__PURE__ */ e.jsx(U, { children: `${Ps(s)} Chart` }),
       /* @__PURE__ */ e.jsx(G, { className: "space-y-4 font-mono text-xs", children: t(s) })
     ] }),
     /* @__PURE__ */ e.jsxs(B, { value: "item-2", children: [
       /* @__PURE__ */ e.jsx(U, { children: "Settings" }),
-      /* @__PURE__ */ e.jsx(G, { className: "px-2", children: /* @__PURE__ */ e.jsx(Gs, {}) })
+      /* @__PURE__ */ e.jsx(G, { className: "px-2", children: /* @__PURE__ */ e.jsx(Qs, {}) })
     ] }),
     /* @__PURE__ */ e.jsxs(B, { value: "item-3", children: [
       /* @__PURE__ */ e.jsx(U, { children: "Filters" }),
       /* @__PURE__ */ e.jsxs(G, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e.jsx(Te, {}),
-        /* @__PURE__ */ e.jsx(_e, {})
+        /* @__PURE__ */ e.jsx(Me, {}),
+        /* @__PURE__ */ e.jsx(He, {})
       ] })
     ] })
   ] }) });
@@ -4563,7 +4606,7 @@ function _l() {
   const s = m((t) => t.card.type);
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-6 p-6", children: [
     /* @__PURE__ */ e.jsx(
-      De,
+      Le,
       {
         className: " ",
         type: "single",
@@ -4571,11 +4614,11 @@ function _l() {
         children: Hl(s)
       }
     ),
-    /* @__PURE__ */ e.jsx("section", { className: "", children: ["line", "bar"].includes(s) && /* @__PURE__ */ e.jsx(fs, {}) }),
+    /* @__PURE__ */ e.jsx("section", { className: "", children: ["line", "bar"].includes(s) && /* @__PURE__ */ e.jsx(bs, {}) }),
     !["kpi"].includes(s) && /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ e.jsx(Gs, {}),
-      /* @__PURE__ */ e.jsx(Te, {}),
-      /* @__PURE__ */ e.jsx(_e, {})
+      /* @__PURE__ */ e.jsx(Qs, {}),
+      /* @__PURE__ */ e.jsx(Me, {}),
+      /* @__PURE__ */ e.jsx(He, {})
     ] })
   ] });
 }
@@ -4677,52 +4720,52 @@ function Hl(s) {
     ] }) });
 }
 function $l() {
-  var d, p, u, y, g;
-  const s = m((x) => x.card.preferences), t = m(
-    (x) => x.actions.setCardPreferences
+  var c, p, u, b, g;
+  const s = m((h) => h.card.preferences), t = m(
+    (h) => h.actions.setCardPreferences
   ), a = m(
-    (x) => x.actions.setNumberFormat
+    (h) => h.actions.setNumberFormat
   );
   m(
-    (x) => {
-      var j, b;
-      return (b = (j = x.card.preferences) == null ? void 0 : j.formatNumber) == null ? void 0 : b.decimalPlaces;
+    (h) => {
+      var j, C;
+      return (C = (j = h.card.preferences) == null ? void 0 : j.formatNumber) == null ? void 0 : C.decimalPlaces;
     }
   );
   const n = m(
-    (x) => {
-      var j, b;
-      return (b = (j = x.card.preferences) == null ? void 0 : j.formatNumber) == null ? void 0 : b.locale;
+    (h) => {
+      var j, C;
+      return (C = (j = h.card.preferences) == null ? void 0 : j.formatNumber) == null ? void 0 : C.locale;
     }
   ), l = m(
-    (x) => {
-      var j, b;
-      return (b = (j = x.card.preferences) == null ? void 0 : j.formatNumber) == null ? void 0 : b.currency;
+    (h) => {
+      var j, C;
+      return (C = (j = h.card.preferences) == null ? void 0 : j.formatNumber) == null ? void 0 : C.currency;
     }
   );
   m(
-    (x) => x.actions.setFilterOnClickField
+    (h) => h.actions.setFilterOnClickField
   );
-  const c = m(
-    (x) => {
-      var j, b;
-      return (b = (j = x.card.preferences) == null ? void 0 : j.formatNumber) == null ? void 0 : b.colorRanges;
+  const d = m(
+    (h) => {
+      var j, C;
+      return (C = (j = h.card.preferences) == null ? void 0 : j.formatNumber) == null ? void 0 : C.colorRanges;
     }
   ) || [], r = m(
-    (x) => x.actions.setColorRanges
-  ), o = [...new Set(os.map((x) => x.currency))];
+    (h) => h.actions.setColorRanges
+  ), o = [...new Set(us.map((h) => h.currency))];
   return /* @__PURE__ */ e.jsxs("div", { children: [
     /* @__PURE__ */ e.jsxs("div", { className: "mb-3 flex items-center gap-2", children: [
       /* @__PURE__ */ e.jsx(
-        Hs,
+        $s,
         {
-          checked: !!((d = s == null ? void 0 : s.formatNumber) != null && d.enabled),
-          onCheckedChange: (x) => {
+          checked: !!((c = s == null ? void 0 : s.formatNumber) != null && c.enabled),
+          onCheckedChange: (h) => {
             t({
               ...s,
               formatNumber: {
                 ...s == null ? void 0 : s.formatNumber,
-                enabled: x
+                enabled: h
               }
             });
           }
@@ -4739,13 +4782,13 @@ function $l() {
               me,
               {
                 value: n || "none",
-                onValueChange: (x) => {
-                  var j, b, I;
+                onValueChange: (h) => {
+                  var j, C, F;
                   return a(
                     ((j = s == null ? void 0 : s.formatNumber) == null ? void 0 : j.decimalPlaces) || 0,
-                    ((b = s == null ? void 0 : s.formatNumber) == null ? void 0 : b.currency) || "",
-                    x,
-                    ((I = s == null ? void 0 : s.formatNumber) == null ? void 0 : I.suffix) || ""
+                    ((C = s == null ? void 0 : s.formatNumber) == null ? void 0 : C.currency) || "",
+                    h,
+                    ((F = s == null ? void 0 : s.formatNumber) == null ? void 0 : F.suffix) || ""
                   );
                 },
                 children: [
@@ -4753,7 +4796,7 @@ function $l() {
                   /* @__PURE__ */ e.jsx(pe, { children: /* @__PURE__ */ e.jsxs(Se, { children: [
                     /* @__PURE__ */ e.jsx(fe, { children: "Format" }),
                     /* @__PURE__ */ e.jsx(K, { value: "none", children: "None" }, "none"),
-                    os.map((x) => /* @__PURE__ */ e.jsx(K, { value: x.locale, children: x.locale }, x.locale))
+                    us.map((h) => /* @__PURE__ */ e.jsx(K, { value: h.locale, children: h.locale }, h.locale))
                   ] }) })
                 ]
               }
@@ -4765,13 +4808,13 @@ function $l() {
               me,
               {
                 value: l || "none",
-                onValueChange: (x) => {
-                  var j, b, I;
-                  console.log("currency", x), a(
+                onValueChange: (h) => {
+                  var j, C, F;
+                  console.log("currency", h), a(
                     ((j = s == null ? void 0 : s.formatNumber) == null ? void 0 : j.decimalPlaces) || 0,
-                    x === "none" ? "" : x,
-                    ((b = s == null ? void 0 : s.formatNumber) == null ? void 0 : b.locale) || "",
-                    ((I = s == null ? void 0 : s.formatNumber) == null ? void 0 : I.suffix) || ""
+                    h === "none" ? "" : h,
+                    ((C = s == null ? void 0 : s.formatNumber) == null ? void 0 : C.locale) || "",
+                    ((F = s == null ? void 0 : s.formatNumber) == null ? void 0 : F.suffix) || ""
                   );
                 },
                 children: [
@@ -4779,7 +4822,7 @@ function $l() {
                   /* @__PURE__ */ e.jsx(pe, { children: /* @__PURE__ */ e.jsxs(Se, { children: [
                     /* @__PURE__ */ e.jsx(fe, { children: "Currency" }),
                     /* @__PURE__ */ e.jsx(K, { value: "none", children: "None" }, "none"),
-                    o.map((x) => /* @__PURE__ */ e.jsx(K, { value: x, children: x }, x))
+                    o.map((h) => /* @__PURE__ */ e.jsx(K, { value: h, children: h }, h))
                   ] }) })
                 ]
               }
@@ -4792,19 +4835,19 @@ function $l() {
             /* @__PURE__ */ e.jsxs(
               me,
               {
-                value: ((y = (u = s == null ? void 0 : s.formatNumber) == null ? void 0 : u.decimalPlaces) == null ? void 0 : y.toString()) || "0",
-                onValueChange: (x) => {
-                  var j, b, I;
+                value: ((b = (u = s == null ? void 0 : s.formatNumber) == null ? void 0 : u.decimalPlaces) == null ? void 0 : b.toString()) || "0",
+                onValueChange: (h) => {
+                  var j, C, F;
                   return a(
-                    Number(x),
+                    Number(h),
                     ((j = s == null ? void 0 : s.formatNumber) == null ? void 0 : j.currency) || "",
-                    ((b = s == null ? void 0 : s.formatNumber) == null ? void 0 : b.locale) || "",
-                    ((I = s == null ? void 0 : s.formatNumber) == null ? void 0 : I.suffix) || ""
+                    ((C = s == null ? void 0 : s.formatNumber) == null ? void 0 : C.locale) || "",
+                    ((F = s == null ? void 0 : s.formatNumber) == null ? void 0 : F.suffix) || ""
                   );
                 },
                 children: [
                   /* @__PURE__ */ e.jsx(he, { className: "col-span-3 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(xe, {}) }),
-                  /* @__PURE__ */ e.jsx(pe, { children: ["0", "1", "2", "3", "4"].map((x) => /* @__PURE__ */ e.jsx(K, { value: x, children: x }, x)) })
+                  /* @__PURE__ */ e.jsx(pe, { children: ["0", "1", "2", "3", "4"].map((h) => /* @__PURE__ */ e.jsx(K, { value: h, children: h }, h)) })
                 ]
               }
             )
@@ -4817,13 +4860,13 @@ function $l() {
                 value: ((g = s == null ? void 0 : s.formatNumber) == null ? void 0 : g.suffix) || "",
                 className: "h-8 font-mono text-xs focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0",
                 placeholder: "K, M, B, %",
-                onChange: (x) => {
-                  var j, b, I;
+                onChange: (h) => {
+                  var j, C, F;
                   return a(
                     ((j = s == null ? void 0 : s.formatNumber) == null ? void 0 : j.decimalPlaces) || 0,
-                    ((b = s == null ? void 0 : s.formatNumber) == null ? void 0 : b.currency) || "",
-                    ((I = s == null ? void 0 : s.formatNumber) == null ? void 0 : I.locale) || "",
-                    x.target.value
+                    ((C = s == null ? void 0 : s.formatNumber) == null ? void 0 : C.currency) || "",
+                    ((F = s == null ? void 0 : s.formatNumber) == null ? void 0 : F.locale) || "",
+                    h.target.value
                   );
                 }
               }
@@ -4831,11 +4874,11 @@ function $l() {
           ] })
         ] })
       ] }) }),
-      /* @__PURE__ */ e.jsx(ge, { className: "my-3" }),
+      /* @__PURE__ */ e.jsx(we, { className: "my-3" }),
       /* @__PURE__ */ e.jsx(
         hn,
         {
-          colorRanges: c,
+          colorRanges: d,
           setColorRanges: r
         }
       )
@@ -4844,7 +4887,7 @@ function $l() {
 }
 function Pl() {
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-6 px-6 py-2", children: [
-    /* @__PURE__ */ e.jsx(De, { type: "single", collapsible: !0, children: /* @__PURE__ */ e.jsxs(B, { value: "item-1", children: [
+    /* @__PURE__ */ e.jsx(Le, { type: "single", collapsible: !0, children: /* @__PURE__ */ e.jsxs(B, { value: "item-1", children: [
       /* @__PURE__ */ e.jsx(U, { className: "", children: "KPI Query" }),
       /* @__PURE__ */ e.jsxs(G, { className: "font-mono", children: [
         /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 font-mono text-xs", children: "SELECT current, previous FROM table" }),
@@ -4974,10 +5017,10 @@ const Bl = [
   value: s
 }));
 function Ql() {
-  var d, p, u, y, g, x, j, b, I, C, T, F, A, N, S, L, h, v;
-  const s = m((f) => f.card), t = (p = (d = s == null ? void 0 : s.preferences) == null ? void 0 : d.mapVisualOptions) == null ? void 0 : p.topoJsonUrl, [a, n] = q(
-    ((y = (u = s == null ? void 0 : s.preferences) == null ? void 0 : u.mapVisualOptions) == null ? void 0 : y.customTopoJsonUrl) || ""
-  ), { setCardPreferences: l } = re(), { data: c } = _s(s), r = Object.keys((c == null ? void 0 : c.objects) || {}).map((f) => ({
+  var c, p, u, b, g, h, j, C, F, y, T, I, A, N, S, L, x, v;
+  const s = m((f) => f.card), t = (p = (c = s == null ? void 0 : s.preferences) == null ? void 0 : c.mapVisualOptions) == null ? void 0 : p.topoJsonUrl, [a, n] = q(
+    ((b = (u = s == null ? void 0 : s.preferences) == null ? void 0 : u.mapVisualOptions) == null ? void 0 : b.customTopoJsonUrl) || ""
+  ), { setCardPreferences: l } = re(), { data: d } = Hs(s), r = Object.keys((d == null ? void 0 : d.objects) || {}).map((f) => ({
     label: f,
     value: f
   })) || [], o = [
@@ -4995,9 +5038,9 @@ function Ql() {
     }
   ];
   return /* @__PURE__ */ e.jsxs("div", { className: "p-6", children: [
-    /* @__PURE__ */ e.jsx(Ge, { summary: "Map Query", children: /* @__PURE__ */ e.jsx("p", { className: "rounded-md bg-muted p-2 font-mono text-xs", children: "SELECT country, value FROM table" }) }),
-    /* @__PURE__ */ e.jsx(ge, { className: "my-4" }),
-    /* @__PURE__ */ e.jsx(Ge, { open: !0, summary: "Settings", children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-3 px-2", children: [
+    /* @__PURE__ */ e.jsx(Qe, { 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(we, { className: "my-4" }),
+    /* @__PURE__ */ e.jsx(Qe, { open: !0, summary: "Settings", children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-3 px-2", children: [
       /* @__PURE__ */ e.jsx(
         ue,
         {
@@ -5033,11 +5076,11 @@ function Ql() {
             });
           },
           value: a,
-          className: `h-9 w-full ${Be}`,
+          className: `h-9 w-full ${Ue}`,
           placeholder: "Custom URL"
         }
       ),
-      c && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      d && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
         /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
           /* @__PURE__ */ e.jsx(R, { children: "Map Object" }),
           /* @__PURE__ */ e.jsx(
@@ -5045,7 +5088,7 @@ function Ql() {
             {
               className: "h-9",
               options: r,
-              value: ((x = (g = s.preferences) == null ? void 0 : g.mapVisualOptions) == null ? void 0 : x.objectKey) || "",
+              value: ((h = (g = s.preferences) == null ? void 0 : g.mapVisualOptions) == null ? void 0 : h.objectKey) || "",
               label: "Map Object",
               onValueChange: (f) => {
                 var k;
@@ -5067,7 +5110,7 @@ function Ql() {
             {
               className: "h-9",
               options: Bl,
-              value: ((b = (j = s.preferences) == null ? void 0 : j.mapVisualOptions) == null ? void 0 : b.projection) || "",
+              value: ((C = (j = s.preferences) == null ? void 0 : j.mapVisualOptions) == null ? void 0 : C.projection) || "",
               label: "Projection",
               onValueChange: (f) => {
                 var k;
@@ -5089,7 +5132,7 @@ function Ql() {
             {
               className: "h-9",
               options: Gl,
-              value: ((C = (I = s.preferences) == null ? void 0 : I.mapVisualOptions) == null ? void 0 : C.colorScale) || "",
+              value: ((y = (F = s.preferences) == null ? void 0 : F.mapVisualOptions) == null ? void 0 : y.colorScale) || "",
               label: "Select Color Scale",
               onValueChange: (f) => {
                 var k;
@@ -5106,15 +5149,15 @@ function Ql() {
         ] })
       ] })
     ] }) }),
-    /* @__PURE__ */ e.jsx(ge, { className: "my-4" }),
-    /* @__PURE__ */ e.jsx(Ge, { className: "", summary: "Scale Options", children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
+    /* @__PURE__ */ e.jsx(we, { className: "my-4" }),
+    /* @__PURE__ */ e.jsx(Qe, { className: "", summary: "Scale Options", children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
       /* @__PURE__ */ e.jsx(
         le,
         {
-          className: `h-9 w-full ${Be}`,
+          className: `h-9 w-full ${Ue}`,
           type: "number",
           step: 0.1,
-          value: ((F = (T = s.preferences) == null ? void 0 : T.mapVisualOptions) == null ? void 0 : F.projectionScale) || 1,
+          value: ((I = (T = s.preferences) == null ? void 0 : T.mapVisualOptions) == null ? void 0 : I.projectionScale) || 1,
           onChange: (f) => {
             var k;
             l({
@@ -5131,7 +5174,7 @@ function Ql() {
       /* @__PURE__ */ e.jsx(
         le,
         {
-          className: `h-9 w-full ${Be}`,
+          className: `h-9 w-full ${Ue}`,
           type: "number",
           step: 10,
           value: ((S = (N = (A = s.preferences) == null ? void 0 : A.mapVisualOptions) == null ? void 0 : N.projectionOffset) == null ? void 0 : S[0]) || 0,
@@ -5154,10 +5197,10 @@ function Ql() {
       /* @__PURE__ */ e.jsx(
         le,
         {
-          className: `h-9 w-full ${Be}`,
+          className: `h-9 w-full ${Ue}`,
           type: "number",
           step: 10,
-          value: ((v = (h = (L = s.preferences) == null ? void 0 : L.mapVisualOptions) == null ? void 0 : h.projectionOffset) == null ? void 0 : v[1]) || 0,
+          value: ((v = (x = (L = s.preferences) == null ? void 0 : L.mapVisualOptions) == null ? void 0 : x.projectionOffset) == null ? void 0 : v[1]) || 0,
           onChange: (f) => {
             var k, M, H, P;
             l({
@@ -5174,8 +5217,8 @@ function Ql() {
         }
       )
     ] }) }),
-    /* @__PURE__ */ e.jsx(ge, { className: "my-4" }),
-    /* @__PURE__ */ e.jsx(Te, {})
+    /* @__PURE__ */ e.jsx(we, { className: "my-4" }),
+    /* @__PURE__ */ e.jsx(Me, {})
   ] });
 }
 function Jl() {
@@ -5191,7 +5234,7 @@ function Jl() {
     });
   }
   return /* @__PURE__ */ e.jsxs(
-    ps,
+    js,
     {
       value: (n = s == null ? void 0 : s.textVisualOptions) != null && n.isDynamicText ? "dynamic" : "static",
       onValueChange: a,
@@ -5199,11 +5242,11 @@ function Jl() {
       defaultValue: "x",
       children: [
         /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ e.jsx(Ie, { value: "static", id: "r1" }),
+          /* @__PURE__ */ e.jsx(Te, { 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(Ie, { value: "dynamic", id: "r2" }),
+          /* @__PURE__ */ e.jsx(Te, { value: "dynamic", id: "r2" }),
           /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: "r2", children: "Dynamic" })
         ] })
       ]
@@ -5216,9 +5259,9 @@ function ns({
   suffix: a = "Chart"
 }) {
   let n = "pie-chart";
-  return s === "radar" && (n = "radar-chart"), /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(De, { defaultValue: ["item-2"], type: "multiple", children: [
+  return s === "radar" && (n = "radar-chart"), /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(Le, { defaultValue: ["item-2"], type: "multiple", children: [
     /* @__PURE__ */ e.jsxs(B, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx(U, { children: `${$s(s)} ${a}` }),
+      /* @__PURE__ */ e.jsx(U, { children: `${Ps(s)} ${a}` }),
       /* @__PURE__ */ e.jsx(G, { children: t || /* @__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: [
@@ -5244,16 +5287,16 @@ function ns({
     /* @__PURE__ */ e.jsxs(B, { value: "item-2", children: [
       /* @__PURE__ */ e.jsx(U, { children: "Settings" }),
       /* @__PURE__ */ e.jsxs(G, { className: "space-y-4 px-2", children: [
-        s === "range" && /* @__PURE__ */ e.jsx(fs, {}),
-        s !== "text" && /* @__PURE__ */ e.jsx(Gs, {}),
+        s === "range" && /* @__PURE__ */ e.jsx(bs, {}),
+        s !== "text" && /* @__PURE__ */ e.jsx(Qs, {}),
         s === "text" && /* @__PURE__ */ e.jsx(Jl, {})
       ] })
     ] }),
     !["range", "text"].includes(s) && /* @__PURE__ */ e.jsxs(B, { value: "item-3", children: [
       /* @__PURE__ */ e.jsx(U, { children: "Filters" }),
       /* @__PURE__ */ e.jsxs(G, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e.jsx(Te, {}),
-        /* @__PURE__ */ e.jsx(_e, {})
+        /* @__PURE__ */ e.jsx(Me, {}),
+        /* @__PURE__ */ e.jsx(He, {})
       ] })
     ] })
   ] }) });
@@ -5261,8 +5304,8 @@ function ns({
 function Kl() {
   const s = m(
     (n) => {
-      var l, c;
-      return (c = (l = n == null ? void 0 : n.card) == null ? void 0 : l.preferences) == null ? void 0 : c.sortChart;
+      var l, d;
+      return (d = (l = n == null ? void 0 : n.card) == null ? void 0 : l.preferences) == null ? void 0 : d.sortChart;
     }
   ), { setSortChart: t } = re();
   function a() {
@@ -5295,7 +5338,7 @@ function Kl() {
       )
     ] });
   }
-  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(Le, { defaultValue: ["item-2"], type: "multiple", children: [
     /* @__PURE__ */ e.jsxs(B, { value: "item-1", children: [
       /* @__PURE__ */ e.jsx(U, { children: "Stacked Chart" }),
       /* @__PURE__ */ e.jsxs(G, { className: "space-y-4 font-mono text-xs", children: [
@@ -5324,7 +5367,7 @@ function Kl() {
     /* @__PURE__ */ e.jsxs(B, { value: "item-2", children: [
       /* @__PURE__ */ e.jsx(U, { children: "Settings" }),
       /* @__PURE__ */ e.jsxs(G, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e.jsx(fs, {}),
+        /* @__PURE__ */ e.jsx(bs, {}),
         a(),
         /* @__PURE__ */ e.jsx(Ya, {})
       ] })
@@ -5332,8 +5375,8 @@ function Kl() {
     /* @__PURE__ */ e.jsxs(B, { value: "item-3", children: [
       /* @__PURE__ */ e.jsx(U, { children: "Filters" }),
       /* @__PURE__ */ e.jsxs(G, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e.jsx(Te, {}),
-        /* @__PURE__ */ e.jsx(_e, {})
+        /* @__PURE__ */ e.jsx(Me, {}),
+        /* @__PURE__ */ e.jsx(He, {})
       ] })
     ] })
   ] }) });
@@ -5351,15 +5394,15 @@ function Wl({}) {
     });
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-6 px-6 py-2", children: [
-    /* @__PURE__ */ e.jsx(De, { defaultValue: ["item-3"], type: "multiple", children: /* @__PURE__ */ e.jsxs(B, { value: "item-3", children: [
+    /* @__PURE__ */ e.jsx(Le, { defaultValue: ["item-3"], type: "multiple", children: /* @__PURE__ */ e.jsxs(B, { value: "item-3", children: [
       /* @__PURE__ */ e.jsx(U, { children: "Filters" }),
       /* @__PURE__ */ e.jsxs(G, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e.jsx(Te, {}),
-        /* @__PURE__ */ e.jsx(_e, {})
+        /* @__PURE__ */ e.jsx(Me, {}),
+        /* @__PURE__ */ e.jsx(He, {})
       ] })
     ] }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-      /* @__PURE__ */ e.jsx(Hs, { onCheckedChange: a, id: "allow-download" }),
+      /* @__PURE__ */ e.jsx($s, { onCheckedChange: a, id: "allow-download" }),
       /* @__PURE__ */ e.jsx(
         "label",
         {
@@ -5463,18 +5506,18 @@ function er() {
         return /* @__PURE__ */ e.jsx(_l, {});
     }
   }
-  return /* @__PURE__ */ e.jsx(We, { className: "h-full w-full text-sm", children: t(s) });
+  return /* @__PURE__ */ e.jsx(De, { className: "h-full w-full text-sm", children: t(s) });
 }
 function sr() {
   const s = m((t) => t.isShowingVisual);
   return /* @__PURE__ */ e.jsxs(
-    Cs,
+    cs,
     {
       direction: "vertical",
       className: "min-h-[250px] min-w-full max-w-lg",
       children: [
         /* @__PURE__ */ e.jsx(
-          Ae,
+          Ne,
           {
             role: "query-section",
             className: "flex",
@@ -5483,17 +5526,17 @@ function sr() {
             children: /* @__PURE__ */ e.jsx(yl, {})
           }
         ),
-        /* @__PURE__ */ e.jsx(Ns, { withHandle: !0, className: "border" }),
+        /* @__PURE__ */ e.jsx(ds, { withHandle: !0, className: "border" }),
         /* @__PURE__ */ e.jsx(
-          Ae,
+          Ne,
           {
             className: "pb-1",
             role: "visual-section",
             minSize: 0,
             defaultSize: 60,
-            children: s ? /* @__PURE__ */ e.jsxs(Cs, { direction: "horizontal", children: [
+            children: s ? /* @__PURE__ */ e.jsxs(cs, { direction: "horizontal", children: [
               /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(
-                Ae,
+                Ne,
                 {
                   className: "flex min-w-[275px]",
                   minSize: 20,
@@ -5502,8 +5545,8 @@ function sr() {
                   children: /* @__PURE__ */ e.jsx(er, {})
                 }
               ) }),
-              /* @__PURE__ */ e.jsx(Ns, { className: "border" }),
-              /* @__PURE__ */ e.jsx(Ae, { minSize: 40, defaultSize: 75, maxSize: 100, children: /* @__PURE__ */ e.jsx(ta, {}) })
+              /* @__PURE__ */ e.jsx(ds, { className: "border" }),
+              /* @__PURE__ */ e.jsx(Ne, { minSize: 40, defaultSize: 75, maxSize: 100, children: /* @__PURE__ */ e.jsx(ta, {}) })
             ] }) : /* @__PURE__ */ e.jsx(ta, {})
           }
         )
@@ -5513,12 +5556,12 @@ function sr() {
 }
 function ar({ authToken: s, onSave: t, onClose: a }) {
   z((r) => r.themeStyle);
-  const n = m((r) => r.actions.setOnSave), l = m((r) => r.actions.setOnClose), c = z((r) => r.actions.setAuthToken);
+  const n = m((r) => r.actions.setOnSave), l = m((r) => r.actions.setOnClose), d = z((r) => r.actions.setAuthToken);
   return Z(() => {
     t && n(t), a && l(a);
   }, [t, n, a, l]), Z(() => {
-    s && s.accessToken && c(s);
-  }, [s, c]), /* @__PURE__ */ e.jsx(us, { FallbackComponent: ka, children: /* @__PURE__ */ e.jsxs(
+    s && s.accessToken && d(s);
+  }, [s, d]), /* @__PURE__ */ e.jsx(xs, { FallbackComponent: ka, children: /* @__PURE__ */ e.jsxs(
     xn,
     {
       style: {
@@ -5540,7 +5583,7 @@ function tr() {
   function l(r) {
     s && (n(s, r), t(!1));
   }
-  function c() {
+  function d() {
     t(!1);
   }
   return /* @__PURE__ */ e.jsx(
@@ -5550,7 +5593,7 @@ function tr() {
       className: Q("flex grow", {
         "max-h-0 overflow-hidden": !a
       }),
-      children: /* @__PURE__ */ e.jsx(ar, { onSave: l, onClose: c })
+      children: /* @__PURE__ */ e.jsx(ar, { onSave: l, onClose: d })
     }
   );
 }
@@ -5562,15 +5605,15 @@ function nr() {
   z((r) => r.actions.addFilter), z((r) => r.actions.removeFilter), z(
     (r) => r.actions.removeFilterValue
   );
-  const { modelItems: n, columns: l } = Re(), { assignFilter: c } = Xa();
+  const { modelItems: n, columns: l } = _e(), { assignFilter: d } = Xa();
   return /* @__PURE__ */ e.jsx("div", { className: "xbg-red-100 flex-1 basis-0 flex-col overflow-scroll px-3", children: l == null ? void 0 : l.map((r) => {
     const o = a == null ? void 0 : a.find(
-      (d) => d.column === de(r.column_name) && d.table === t && d.database === s
+      (c) => c.column === de(r.column_name) && c.table === t && c.database === s
     );
     return /* @__PURE__ */ e.jsx(
       "div",
       {
-        onClick: () => c(r),
+        onClick: () => d(r),
         className: Q(
           "group flex cursor-pointer items-center justify-between border border-dashed border-background px-3 py-[6px] text-sm transition-colors hover:bg-muted/50",
           {
@@ -5600,7 +5643,7 @@ function lr() {
           onClick: () => s(!1),
           className: "h-7 w-7 p-0",
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Qe, {})
+          children: /* @__PURE__ */ e.jsx(Je, {})
         }
       )
     ] }),
@@ -5684,7 +5727,7 @@ function ur({
   showFooter: t = !0,
   ...a
 }) {
-  return /* @__PURE__ */ e.jsx(us, { FallbackComponent: ka, children: /* @__PURE__ */ e.jsxs(bn, { dashboardProps: a, children: [
+  return /* @__PURE__ */ e.jsx(xs, { FallbackComponent: ka, children: /* @__PURE__ */ e.jsxs(bn, { dashboardProps: a, children: [
     /* @__PURE__ */ e.jsx(yn, {}),
     /* @__PURE__ */ e.jsxs(vn, { children: [
       /* @__PURE__ */ e.jsx(ir, {}),
@@ -5697,7 +5740,7 @@ function ur({
   ] }) });
 }
 export {
-  Pe as A,
+  Be as A,
   Sn as B,
   wn as C,
   ur as D,
@@ -5714,8 +5757,8 @@ export {
   Bn as S,
   Jn as T,
   Wn as U,
-  Ps as a,
-  Bs as b,
+  Bs as a,
+  Us as b,
   za as c,
   Oa as d,
   Fa as e,
@@ -5729,7 +5772,7 @@ export {
   En as m,
   qn as n,
   Rn as o,
-  Ve as p,
+  qe as p,
   _n as q,
   $n as r,
   Pn as s,
@@ -5738,6 +5781,6 @@ export {
   Gn as v,
   Qn as w,
   Kn as x,
-  Us as y,
-  Re as z
+  Gs as y,
+  _e as z
 };