react-semaphor 0.0.345 → 0.0.347

package/dist/chunks/{index-CpN3tEgm.js → index-CLf_4nXr.js}

@@ -1,6 +1,6 @@
-import { c as R, u as vs, v as M, w as is, x as Se, y as e, z as Cs, A as Ns, H as O, o as Ss, J as ws, K as ks, M as zs, N as Os, O as H, Q as ie, R as ta, V as na, W as la, Y as ra, Z as st, _ as at, $ as tt, a0 as Gs, a1 as Y, a2 as Be, i as nt, a3 as u, a4 as lt, P as ia, F as oa, a5 as Ue, a6 as Ge, a7 as Ds, a8 as ca, a9 as Ms, aa as ue, ab as he, ac as me, ad as xe, ae as ve, af as pe, ag as X, T as Is, ah as Ts, ai as Ls, aj as Fs, ak as da, al as ua, am as ce, an as rt, ao as it, ap as ha, aq as ot, C as ct, ar as dt, as as ma, B as ut, at as fe, au as ht, av as Ke, aw as xa, ax as gs, ay as be, az as ze, aA as Ce, aB as pa, aC as mt, aD as xt, aE as pt, aF as ft, l as gt, aG as jt, aH as bt, aI as De, aJ as ne, aK as fa, aL as yt, aM as os, aN as vt, aO as Ct, aP as js, a as Nt, aQ as ss, aR as ye, aS as as, aT as St, aU as wt, aV as kt, aW as zt, aX as fs, aY as Ot, aZ as Ks, a_ as Dt, a$ as Qs, b0 as Mt, b1 as It, b2 as Tt, b3 as Lt, b4 as ga, b5 as Ft, b6 as Es, b7 as ja, b8 as Et, b9 as At, ba as Xe, bb as Vt, bc as qt, bd as ba, be as Rt, s as _t, bf as Ht, bg as Pt, r as $t, bh as cs, bi as ya, bj as va, bk as Ca, bl as Ze, bm as Na, bn as es, bo as Js, bp as Bt, bq as Ut, br as ds, bs as us, bt as hs, bu as Gt, I as Kt, X as Sa, bv as Qt, bw as Jt, bx as Wt, E as Yt, by as ms, bz as Oe, f as Xt, bA as Pe, bB as As, bC as wa, bD as Zt, bE as en, bF as ts, bG as sn, bH as an, bI as tn, bJ as Ws, bK as ka, bL as nn, bM as ln, bN as rn, bO as on, bP as cn, bQ as dn, bR as un, bS as Me, bT as Q, bU as J, bV as Vs, bW as W, bX as hn, bY as za, bZ as mn, b_ as xn, b$ as pn, c0 as fn, c1 as gn, c2 as jn, c3 as bn, c4 as yn, c5 as vn } from "./index-ggRRMgwy.js";
+import { c as R, u as vs, v as M, w as is, x as Se, y as e, z as Cs, A as Ns, H as O, o as Ss, J as ws, K as ks, M as zs, N as Os, O as H, Q as ie, R as ta, V as na, W as la, Y as ra, Z as st, _ as at, $ as tt, a0 as Gs, a1 as Y, a2 as Be, i as nt, a3 as u, a4 as lt, P as ia, F as oa, a5 as Ue, a6 as Ge, a7 as Ds, a8 as ca, a9 as Ms, aa as ue, ab as he, ac as me, ad as xe, ae as ve, af as pe, ag as Z, T as Is, ah as Fs, ai as Ts, aj as Ls, ak as da, al as ua, am as ce, an as rt, ao as it, ap as ha, aq as ot, C as ct, ar as dt, as as ma, B as ut, at as fe, au as ht, av as Ke, aw as xa, ax as gs, ay as be, az as ze, aA as Ce, aB as pa, aC as mt, aD as xt, aE as pt, aF as ft, l as gt, aG as jt, aH as bt, aI as De, aJ as ne, aK as fa, aL as yt, aM as os, aN as vt, aO as Ct, aP as js, a as Nt, aQ as ss, aR as ye, aS as as, aT as St, aU as wt, aV as kt, aW as zt, aX as fs, aY as Ot, aZ as Ks, a_ as Dt, a$ as Qs, b0 as Mt, b1 as It, b2 as Ft, b3 as Tt, b4 as ga, b5 as Lt, b6 as Es, b7 as ja, b8 as Et, b9 as Vt, ba as Ze, bb as At, bc as qt, bd as ba, be as Rt, s as _t, bf as Ht, bg as $t, r as Pt, bh as cs, bi as ya, bj as va, bk as Ca, bl as Xe, bm as Na, bn as es, bo as Js, bp as Bt, bq as Ut, br as ds, bs as us, bt as hs, bu as Gt, I as Kt, X as Sa, bv as Qt, bw as Jt, bx as Wt, E as Yt, by as ms, bz as Oe, f as Zt, bA as $e, bB as Vs, bC as wa, bD as Xt, bE as en, bF as ts, bG as sn, bH as an, bI as tn, bJ as Ws, bK as ka, bL as nn, bM as ln, bN as rn, bO as on, bP as cn, bQ as dn, bR as un, bS as Me, bT as Q, bU as J, bV as As, bW as W, bX as hn, bY as za, bZ as mn, b_ as xn, b$ as pn, c0 as fn, c1 as gn, c2 as jn, c3 as bn, c4 as yn, c5 as vn } from "./index-CpBdXQXJ.js";
 import * as Ys from "react";
-import Ne, { useState as q, useMemo as bs, useEffect as Z, useRef as ns, useCallback as Oa, Suspense as Cn } from "react";
+import Ne, { useState as q, useMemo as bs, useEffect as X, useRef as ns, useCallback as Oa, Suspense as Cn } from "react";
 import "react-dom";
 /**
  * @license lucide-react v0.453.0 - ISC
@@ -157,7 +157,7 @@ const On = R("Database", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ta = R("EllipsisVertical", [
+const Fa = R("EllipsisVertical", [
   ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
   ["circle", { cx: "12", cy: "5", r: "1", key: "gxeob9" }],
   ["circle", { cx: "12", cy: "19", r: "1", key: "lyex9k" }]
@@ -211,7 +211,7 @@ const In = R("Glasses", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Tn = R("Hammer", [
+const Fn = R("Hammer", [
   ["path", { d: "m15 12-8.373 8.373a1 1 0 1 1-3-3L12 9", key: "eefl8a" }],
   ["path", { d: "m18 15 4-4", key: "16gjal" }],
   [
@@ -228,7 +228,7 @@ const Tn = R("Hammer", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ln = R("Hash", [
+const Tn = R("Hash", [
   ["line", { x1: "4", x2: "20", y1: "9", y2: "9", key: "4lhtct" }],
   ["line", { x1: "4", x2: "20", y1: "15", y2: "15", key: "vyu0kd" }],
   ["line", { x1: "10", x2: "8", y1: "3", y2: "21", key: "1ggp8o" }],
@@ -240,7 +240,7 @@ const Ln = R("Hash", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Fn = R("House", [
+const Ln = R("House", [
   ["path", { d: "M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8", key: "5wwlr5" }],
   [
     "path",
@@ -267,7 +267,7 @@ const En = R("Key", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const An = R("ListEnd", [
+const Vn = R("ListEnd", [
   ["path", { d: "M16 12H3", key: "1a2rj7" }],
   ["path", { d: "M16 6H3", key: "1wxfjs" }],
   ["path", { d: "M10 18H3", key: "13769t" }],
@@ -280,7 +280,7 @@ const An = R("ListEnd", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Vn = R("ListStart", [
+const An = R("ListStart", [
   ["path", { d: "M16 12H3", key: "1a2rj7" }],
   ["path", { d: "M16 18H3", key: "12xzn7" }],
   ["path", { d: "M10 6H3", key: "lf8lx7" }],
@@ -306,7 +306,7 @@ const qn = R("ListX", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ve = R("LoaderCircle", [
+const Ae = R("LoaderCircle", [
   ["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]
 ]);
 /**
@@ -315,7 +315,7 @@ const Ve = R("LoaderCircle", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const La = R("Map", [
+const Ta = R("Map", [
   [
     "path",
     {
@@ -366,7 +366,7 @@ const Hn = R("Play", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Pn = R("Plug2", [
+const $n = R("Plug2", [
   ["path", { d: "M9 2v6", key: "17ngun" }],
   ["path", { d: "M15 2v6", key: "s7yy2p" }],
   ["path", { d: "M12 17v5", key: "bb1du9" }],
@@ -379,7 +379,7 @@ const Pn = R("Plug2", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const $n = R("Save", [
+const Pn = R("Save", [
   [
     "path",
     {
@@ -396,7 +396,7 @@ const $n = R("Save", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Fa = R("Shapes", [
+const La = R("Shapes", [
   [
     "path",
     {
@@ -516,7 +516,7 @@ function Ea(s) {
           var r;
           return {
             ...l,
-            cards: (r = l.cards) == null ? void 0 : r.map((i) => Wn(i))
+            cards: (r = l.cards) == null ? void 0 : r.map((o) => Wn(o))
           };
         })
       };
@@ -557,7 +557,7 @@ function Yn(s) {
     }
   } : null;
 }
-async function Xn(s, n, a, t) {
+async function Zn(s, n, a, t) {
   if (!t)
     return null;
   const l = JSON.stringify(n);
@@ -571,35 +571,35 @@ async function Xn(s, n, a, t) {
 async function ys(s, n) {
   if (!n)
     return null;
-  const { id: a, template: t, filterValues: l, isDefault: r, shared: i } = s;
+  const { id: a, template: t, filterValues: l, isDefault: r, shared: o } = s;
   return await vs("https://semaphor.cloud/api/v1/lens", n, {
     lensId: a,
     template: t,
     filterValues: l,
     isDefault: r,
-    shared: i,
+    shared: o,
     operation: "update"
   });
 }
-async function Zn(s, n) {
+async function Xn(s, n) {
   return n ? await vs("https://semaphor.cloud/api/v1/lens", n, {
     operation: "delete",
     lensId: s
   }) : null;
 }
 function el() {
-  const [s, n] = q(""), [a, t] = q(!1), l = M((p) => p.lenses), { setLenses: r, setSelectedLensId: i } = is(), [o, d] = q(!1), [x, c] = q(!1), b = M((p) => p.dashboard), g = M((p) => p.filterValues), { authToken: h } = Se();
+  const [s, n] = q(""), [a, t] = q(!1), l = M((p) => p.lenses), { setLenses: r, setSelectedLensId: o } = is(), [i, d] = q(!1), [x, c] = q(!1), b = M((p) => p.dashboard), g = M((p) => p.filterValues), { authToken: h } = Se();
   async function f() {
     d(!0);
     const p = Ea(
       b
-    ), N = await Xn(
+    ), N = await Zn(
       s,
       p,
       g,
       h == null ? void 0 : h.accessToken
     );
-    N && (r([...l || [], N]), i(N.id), c(!1)), d(!1);
+    N && (r([...l || [], N]), o(N.id), c(!1)), d(!1);
   }
   return /* @__PURE__ */ e.jsxs(Cs, { open: x, onOpenChange: c, children: [
     /* @__PURE__ */ e.jsx(Ns, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
@@ -641,20 +641,20 @@ function el() {
           variant: "outline",
           type: "submit",
           onClick: f,
-          disabled: o,
-          children: o ? "Creating..." : "Add"
+          disabled: i,
+          children: i ? "Creating..." : "Add"
         }
       ) })
     ] })
   ] });
 }
 function sl() {
-  const [s, n] = q(!1), a = M((c) => c.lenses), t = M((c) => c.selectedLensId), { setLenses: l, setSelectedLensId: r } = is(), { authToken: i } = Se();
-  async function o(c) {
+  const [s, n] = q(!1), a = M((c) => c.lenses), t = M((c) => c.selectedLensId), { setLenses: l, setSelectedLensId: r } = is(), { authToken: o } = Se();
+  async function i(c) {
     r(c);
   }
   async function d(c) {
-    if (await Zn(c, i == null ? void 0 : i.accessToken)) {
+    if (await Xn(c, o == null ? void 0 : o.accessToken)) {
       const g = a == null ? void 0 : a.filter((h) => h.id !== c);
       l(g || []), r("original");
     }
@@ -672,14 +672,14 @@ function sl() {
       ...c,
       isDefault: !c.isDefault
     };
-    await ys(g, i == null ? void 0 : i.accessToken);
+    await ys(g, o == null ? void 0 : o.accessToken);
     const h = a == null ? void 0 : a.find((f) => f.isDefault);
     if (h && h.id !== c.id) {
       const f = {
         ...h,
         isDefault: !1
       };
-      await ys(f, i == null ? void 0 : i.accessToken);
+      await ys(f, o == null ? void 0 : o.accessToken);
     }
   }
   return /* @__PURE__ */ e.jsxs(na, { open: s, onOpenChange: n, children: [
@@ -691,7 +691,7 @@ function sl() {
         tt,
         {
           value: t,
-          onValueChange: o,
+          onValueChange: i,
           children: [
             /* @__PURE__ */ e.jsx(Gs, { value: "original", children: "Original" }),
             a == null ? void 0 : a.map((c) => /* @__PURE__ */ e.jsxs(
@@ -703,7 +703,7 @@ function sl() {
                   /* @__PURE__ */ e.jsx("p", { children: c.name }),
                   /* @__PURE__ */ e.jsxs("span", { className: "flex items-center gap-3", children: [
                     /* @__PURE__ */ e.jsx(
-                      Fn,
+                      Ln,
                       {
                         onClick: (b) => {
                           b.preventDefault(), x(c);
@@ -742,13 +742,13 @@ function sl() {
 function al({
   iconClassName: s
 }) {
-  const [n, a] = q(!1), { authToken: t } = Se(), l = M((o) => o.theme), r = M((o) => o.filterValues);
-  async function i() {
+  const [n, a] = q(!1), { authToken: t } = Se(), l = M((i) => i.theme), r = M((i) => i.filterValues);
+  async function o() {
     {
       a(!0);
-      const o = new URLSearchParams();
-      o.set("token", (t == null ? void 0 : t.accessToken) || ""), o.set("theme", l || "light"), o.set("filterValues", JSON.stringify(r));
-      const d = `https://semaphor.cloud/api/v1/generate-pdf?params=${encodeURIComponent(o.toString())}`, c = await (await fetch(d, {
+      const i = new URLSearchParams();
+      i.set("token", (t == null ? void 0 : t.accessToken) || ""), i.set("theme", l || "light"), i.set("filterValues", JSON.stringify(r));
+      const d = `https://semaphor.cloud/api/v1/generate-pdf?params=${encodeURIComponent(i.toString())}`, c = await (await fetch(d, {
         method: "GET",
         headers: {
           Authorization: `Bearer ${t == null ? void 0 : t.accessToken}`
@@ -763,8 +763,8 @@ function al({
       variant: "link",
       className: "group h-7 p-2",
       size: "sm",
-      onClick: i,
-      children: n ? /* @__PURE__ */ e.jsx(Ve, { className: Y("size-3.5 animate-spin", s) }) : /* @__PURE__ */ e.jsx(
+      onClick: o,
+      children: n ? /* @__PURE__ */ e.jsx(Ae, { className: Y("size-3.5 animate-spin", s) }) : /* @__PURE__ */ e.jsx(
         nt,
         {
           className: Y("size-3.5", s),
@@ -775,16 +775,15 @@ function al({
   );
 }
 function tl() {
-  q(!1);
   const { authToken: s } = Se();
   M((j) => j.theme);
   const n = M((j) => j.lenses), a = M((j) => j.selectedLensId), t = n == null ? void 0 : n.find((j) => j.id === a), l = M((j) => j.dashboard);
   M((j) => j.selectedSheetId);
   const r = M(
     (j) => j.isDashboardEditing
-  ), i = u(
+  ), o = u(
     (j) => j.selectedConnectionId
-  ), [o, d] = q(!1), x = M((j) => j.filterValues), c = M((j) => j.isVisualEditing), b = M((j) => j.showFilters);
+  ), [i, d] = q(!1), x = M((j) => j.filterValues), c = M((j) => j.isVisualEditing), b = M((j) => j.showFilters);
   M(
     (j) => j.showDashboardJSON
   );
@@ -792,13 +791,13 @@ function tl() {
     (j) => j.actions.setShowFilters
   ), { addFrame: f, setSelectedFrameId: p } = M(
     (j) => j.actions
-  ), { getSelectedSheet: N, setIsDashboardEditing: y, setShowDashboardJSON: A } = M((j) => j.actions), I = N(), { tenantId: z, endUserId: T } = bs(
+  ), { getSelectedSheet: N, setIsDashboardEditing: y, setShowDashboardJSON: V } = M((j) => j.actions), I = N(), { tenantId: z, endUserId: F } = bs(
     () => lt(s == null ? void 0 : s.accessToken),
     [s == null ? void 0 : s.accessToken]
-  ), L = bs(() => z || T, [z, T]), V = () => {
+  ), T = bs(() => z || F, [z, F]), A = () => {
     if (!r || !I) return;
     const j = {
-      connectionId: i,
+      connectionId: o,
       id: Ue(),
       title: "Title",
       description: "Description",
@@ -842,8 +841,8 @@ function tl() {
         !c && /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ e.jsx(H, { children: t == null ? void 0 : t.name }) }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
           /* @__PURE__ */ e.jsx(al, {}),
-          r && !c && L && /* @__PURE__ */ e.jsx(el, {}),
-          !c && L && /* @__PURE__ */ e.jsx(sl, {}),
+          r && !c && T && /* @__PURE__ */ e.jsx(el, {}),
+          !c && T && /* @__PURE__ */ e.jsx(sl, {}),
           r && !c && /* @__PURE__ */ e.jsxs(
             O,
             {
@@ -851,7 +850,7 @@ function tl() {
               className: "h-7 p-2",
               size: "sm",
               disabled: !r,
-              onClick: V,
+              onClick: A,
               children: [
                 /* @__PURE__ */ e.jsx(Ss, { className: "mr-2 h-4 w-4", strokeWidth: 1.5 }),
                 "Frame"
@@ -875,21 +874,21 @@ function tl() {
               role: "close",
               className: "h-7 p-2",
               onClick: () => {
-                y(!1), A(!1);
+                y(!1), V(!1);
               },
               size: "sm",
               children: /* @__PURE__ */ e.jsx(Be, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          r && !c && L && /* @__PURE__ */ e.jsx(
+          r && !c && T && /* @__PURE__ */ e.jsx(
             O,
             {
               className: "h-7 p-2",
               variant: "ghost",
-              disabled: o,
+              disabled: i,
               onClick: v,
               size: "sm",
-              children: /* @__PURE__ */ e.jsx($n, { className: "h-4 w-4", strokeWidth: 1.5 })
+              children: /* @__PURE__ */ e.jsx(Pn, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
           !b && !c && r && /* @__PURE__ */ e.jsx(
@@ -916,8 +915,8 @@ function He({
   isLoading: t,
   isError: l,
   connectionTooltip: r,
-  onChange: i,
-  showNone: o = !1,
+  onChange: o,
+  showNone: i = !1,
   className: d,
   showIcon: x = !0,
   disabled: c = !1
@@ -925,7 +924,7 @@ function He({
   const b = t ? "Loading..." : l ? "Error" : a;
   function g() {
     if (s === "Connection")
-      return /* @__PURE__ */ e.jsx(Pn, { className: "size-4 rotate-90" });
+      return /* @__PURE__ */ e.jsx($n, { className: "size-4 rotate-90" });
     if (s === "Database")
       return /* @__PURE__ */ e.jsx(On, { className: "size-4" });
     if (s === "Schema")
@@ -940,7 +939,7 @@ function He({
       /* @__PURE__ */ e.jsx(ca, { children: g() }),
       /* @__PURE__ */ e.jsx(Ms, { className: "text-xs", align: "start", children: r })
     ] }) : g() }),
-    /* @__PURE__ */ e.jsxs(ue, { disabled: c, value: b, onValueChange: i, children: [
+    /* @__PURE__ */ e.jsxs(ue, { disabled: c, value: b, onValueChange: o, children: [
       /* @__PURE__ */ e.jsx(
         he,
         {
@@ -959,10 +958,10 @@ function He({
       /* @__PURE__ */ e.jsx(xe, { children: /* @__PURE__ */ e.jsxs(ve, { children: [
         t ? /* @__PURE__ */ e.jsx(pe, { children: "Loading..." }) : /* @__PURE__ */ e.jsx(pe, { children: s }),
         /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-          o && /* @__PURE__ */ e.jsx(X, { value: "none", children: "None" }, "none"),
-          n && n.map((h, f) => /* @__PURE__ */ e.jsx(X, { value: h.id, children: h.name }, f))
+          i && /* @__PURE__ */ e.jsx(Z, { value: "none", children: "None" }, "none"),
+          n && n.map((h, f) => /* @__PURE__ */ e.jsx(Z, { value: h.id, children: h.name }, f))
         ] }),
-        (t || l) && /* @__PURE__ */ e.jsx(X, { value: b, children: b })
+        (t || l) && /* @__PURE__ */ e.jsx(Z, { value: b, children: b })
       ] }) })
     ] })
   ] });
@@ -972,12 +971,12 @@ function nl({ column: s }) {
     (h) => h.selectedSchemaName
   ), r = u(
     (h) => h.selectedDatamodelId
-  ), i = u((h) => h.sqlGen), { modelItems: o } = qe(), d = u((h) => h.actions.setSqlGen), x = u((h) => h.actions.setCardSql), c = u((h) => h.actions.setRunSql);
+  ), o = u((h) => h.sqlGen), { modelItems: i } = qe(), d = u((h) => h.actions.setSqlGen), x = u((h) => h.actions.setCardSql), c = u((h) => h.actions.setRunSql);
   function b(h, f) {
-    var A;
-    const p = da(h, i, f), N = (A = o == null ? void 0 : o.find(
+    var V;
+    const p = da(h, o, f), N = (V = i == null ? void 0 : i.find(
       (I) => I.id === r
-    )) == null ? void 0 : A.name;
+    )) == null ? void 0 : V.name;
     d(p);
     const y = ua(
       p,
@@ -1031,10 +1030,10 @@ function nl({ column: s }) {
       )
     ] });
   }
-  return /* @__PURE__ */ e.jsxs(Ts, { openDelay: 0, open: n, onOpenChange: a, children: [
-    /* @__PURE__ */ e.jsx(Ls, { asChild: !0, children: /* @__PURE__ */ e.jsx(Ta, { className: "invisible size-3.5 cursor-pointer text-foreground/40 group-hover:visible" }) }),
+  return /* @__PURE__ */ e.jsxs(Fs, { openDelay: 0, open: n, onOpenChange: a, children: [
+    /* @__PURE__ */ e.jsx(Ts, { asChild: !0, children: /* @__PURE__ */ e.jsx(Fa, { className: "invisible size-3.5 cursor-pointer text-foreground/40 group-hover:visible" }) }),
     /* @__PURE__ */ e.jsx(
-      Fs,
+      Ls,
       {
         align: "center",
         className: "w-20 rounded-md p-0 shadow-none",
@@ -1043,15 +1042,9 @@ function nl({ column: s }) {
     )
   ] });
 }
-function Aa({ column: s }) {
+function Va({ column: s }) {
   return /* @__PURE__ */ e.jsxs(Ds, { children: [
-    /* @__PURE__ */ e.jsx(rt, { asChild: !0, children: it.includes(s.data_type.toLowerCase()) ? (
-      // <span className=" font-thin">T</span>
-      /* @__PURE__ */ e.jsx(_s, { className: "size-3" })
-    ) : ha.includes(s.data_type.toLowerCase()) ? (
-      //
-      /* @__PURE__ */ e.jsx(Ln, { className: "size-3" })
-    ) : ot.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(ct, { className: "size-3" }) : dt.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(Qn, { className: "size-3" }) : s.data_type.toLowerCase() === "json" ? /* @__PURE__ */ e.jsx(Sn, { className: "size-3" }) : /* @__PURE__ */ e.jsx(Bn, { className: "size-3" }) }),
+    /* @__PURE__ */ e.jsx(rt, { asChild: !0, children: it(s.data_type) ? /* @__PURE__ */ e.jsx(_s, { className: "size-3" }) : ha(s.data_type) ? /* @__PURE__ */ e.jsx(Tn, { className: "size-3" }) : ot(s.data_type) ? /* @__PURE__ */ e.jsx(ct, { className: "size-3" }) : dt(s.data_type) ? /* @__PURE__ */ e.jsx(Qn, { className: "size-3" }) : s.data_type.toLowerCase() === "json" ? /* @__PURE__ */ e.jsx(Sn, { className: "size-3" }) : /* @__PURE__ */ e.jsx(Bn, { className: "size-3" }) }),
     /* @__PURE__ */ e.jsx(Ms, { children: /* @__PURE__ */ e.jsx("p", { className: "font-mono text-xs", children: s.data_type }) })
   ] });
 }
@@ -1063,9 +1056,9 @@ function ll({
 }) {
   const l = u((m) => m.sqlGen), r = u(
     (m) => m.selectedConnectionId
-  ), i = u(
-    (m) => m.selectedDatabaseName
   ), o = u(
+    (m) => m.selectedDatabaseName
+  ), i = u(
     (m) => m.selectedSchemaName
   ), d = u((m) => m.selectedTableName), x = u(
     (m) => m.selectedDatamodelId
@@ -1074,7 +1067,7 @@ function ll({
   ), { setAIScopeTables: b } = M((m) => m.actions), g = u((m) => m.actions.setRunSql), h = u((m) => m.actions.setSqlGen), f = u(
     (m) => m.actions.setIsShowingVisual
   ), p = u((m) => m.actions.setCardSql), { connectionType: N, modelItems: y } = qe();
-  function A(m) {
+  function V(m) {
     var S;
     const v = da(m, l);
     h(v);
@@ -1093,11 +1086,11 @@ function ll({
       const v = {
         connectinonId: r,
         connectionType: N,
-        databaseName: i,
-        schemaName: o,
+        databaseName: o,
+        schemaName: i,
         tableName: d
       }, D = [...c || [], v].filter(
-        (S, _, $) => $.findIndex(
+        (S, _, P) => P.findIndex(
           (K) => K.connectinonId === S.connectinonId && K.tableName === S.tableName
         ) === _
       );
@@ -1117,7 +1110,7 @@ function ll({
       });
     }
   }
-  function T() {
+  function F() {
     var S;
     let m = xa(s, n);
     const v = (S = y == null ? void 0 : y.find(
@@ -1125,16 +1118,16 @@ function ll({
     )) == null ? void 0 : S.name;
     x && x !== "none" && (m = `${gs}.${v}`);
     let j = m;
-    return ((_) => /[A-Z]/.test(_))(n) && (j = j.split(".").map(($) => `"${$}"`).join(".")), j;
+    return ((_) => /[A-Z]/.test(_))(n) && (j = j.split(".").map((P) => `"${P}"`).join(".")), j;
   }
-  function L() {
-    const m = T();
+  function T() {
+    const m = F();
     f(!1);
     const v = N === "MSSQL" ? `SELECT top 10 * FROM ${m}` : `SELECT * FROM ${m} LIMIT 10`;
     p(v), g(!0);
   }
-  function V() {
-    const m = T();
+  function A() {
+    const m = F();
     p(`SELECT COUNT(*) as count FROM ${m}`), g(!0);
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "flex grow flex-col space-y-4 px-4", children: [
@@ -1162,12 +1155,12 @@ function ll({
         O,
         {
           disabled: t !== "Success",
-          onClick: L,
+          onClick: T,
           size: "sm",
           variant: "secondary",
           className: "flex",
           children: [
-            t !== "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" }),
+            t !== "Success" ? /* @__PURE__ */ e.jsx(Ae, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(Gn, { className: "mr-2 size-4" }),
             "Top 10"
           ]
         }
@@ -1176,12 +1169,12 @@ function ll({
         O,
         {
           disabled: t !== "Success",
-          onClick: V,
+          onClick: A,
           size: "sm",
           variant: "secondary",
           className: "flex",
           children: [
-            t !== "Success" ? /* @__PURE__ */ e.jsx(Ve, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(Un, { className: "mr-2 size-4" }),
+            t !== "Success" ? /* @__PURE__ */ e.jsx(Ae, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(Un, { className: "mr-2 size-4" }),
             "Count"
           ]
         }
@@ -1195,7 +1188,7 @@ function ll({
           a == null ? void 0 : a.map((m) => /* @__PURE__ */ e.jsxs(
             "div",
             {
-              onClick: () => A(m),
+              onClick: () => V(m),
               className: Y(
                 "group mx-3 flex cursor-pointer items-center justify-between rounded px-2 py-[6px] text-sm transition-colors hover:bg-muted/50",
                 {
@@ -1204,7 +1197,7 @@ function ll({
               ),
               children: [
                 /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-                  /* @__PURE__ */ e.jsx(Aa, { column: m }),
+                  /* @__PURE__ */ e.jsx(Va, { column: m }),
                   /* @__PURE__ */ e.jsx("span", { children: m.column_name })
                 ] }),
                 /* @__PURE__ */ e.jsx(
@@ -1212,7 +1205,7 @@ function ll({
                   {
                     onClick: (v) => v.stopPropagation(),
                     className: "flex items-center justify-end",
-                    children: ha.includes(m.data_type) && /* @__PURE__ */ e.jsx(nl, { column: m })
+                    children: ha(m.data_type) && /* @__PURE__ */ e.jsx(nl, { column: m })
                   }
                 )
               ]
@@ -1227,15 +1220,15 @@ function ll({
   ] });
 }
 function qe(s, n) {
-  var Je, Ps, $s, Bs, Us;
+  var Je, $s, Ps, Bs, Us;
   let a = bs(() => [], []);
   const t = Se().authToken || s, l = u(
     (C) => C.selectedConnectionId
   ), r = u(
     (C) => C.selectedDatamodelId
-  ), i = u(
-    (C) => C.selectedDatabaseName
   ), o = u(
+    (C) => C.selectedDatabaseName
+  ), i = u(
     (C) => C.selectedSchemaName
   ), d = u((C) => C.selectedTableName), x = u(
     (C) => C.actions.setCurrentColumns
@@ -1251,18 +1244,18 @@ function qe(s, n) {
     (C) => C.actions.setSelectedTableName
   ), p = u((C) => C.actions.setCardSql);
   function N(C) {
-    return l && i && o && i !== "NA" ? !0 : l && C === "API" ? !1 : !!(l && C === "S3");
+    return l && o && i && o !== "NA" ? !0 : l && C === "API" ? !1 : !!(l && C === "S3");
   }
   function y(C) {
-    return !!(l && i && i !== "NA" && o && d || l && (C === "S3" || C === "API") || r && r);
+    return !!(l && o && o !== "NA" && i && d || l && (C === "S3" || C === "API") || r && r);
   }
-  function A(C) {
+  function V(C) {
     return l && C ? !(C === "API" || C === "S3") : !1;
   }
   const {
     data: I,
     isLoading: z,
-    isError: T
+    isError: F
   } = be({
     queryKey: ["connections"],
     queryFn: () => ze(
@@ -1272,8 +1265,8 @@ function qe(s, n) {
     enabled: !!(t != null && t.accessToken)
     // Only fetch if authToken is present
   }), {
-    data: L,
-    isLoading: V,
+    data: T,
+    isLoading: A,
     isError: m
   } = be({
     queryKey: ["models", l],
@@ -1291,7 +1284,7 @@ function qe(s, n) {
   ), j = v == null ? void 0 : v.type, D = (v == null ? void 0 : v.type) === "API" || (v == null ? void 0 : v.type) === "S3", {
     data: S,
     isLoading: _,
-    isFetching: $,
+    isFetching: P,
     isError: K,
     refetch: ee
   } = be({
@@ -1303,29 +1296,29 @@ function qe(s, n) {
         connection_id: l
       }
     ),
-    enabled: A(j)
+    enabled: V(j)
     // !!selectedConnectionId && !isNonDbConnection, //currentConnection?.type !== 'API', // Only fetch if connectionId is present
   }), {
     data: G,
     isLoading: se,
     isFetching: k,
-    isError: P,
+    isError: $,
     refetch: U
   } = be({
-    queryKey: ["schemas", l, i],
+    queryKey: ["schemas", l, o],
     queryFn: () => ze(
       "https://semaphor.cloud/api/v1/schemas",
       (t == null ? void 0 : t.accessToken) || "",
       {
         connection_id: l,
-        database_name: i
+        database_name: o
       }
     ),
-    enabled: !!l && !!i && !D && i !== "NA"
+    enabled: !!l && !!o && !D && o !== "NA"
     //currentConnection?.type !== 'API', // Only fetch if connectionId and database is present
   }), {
     data: E,
-    isLoading: F,
+    isLoading: L,
     isFetching: re,
     isError: B,
     refetch: ae
@@ -1333,31 +1326,31 @@ function qe(s, n) {
     queryKey: [
       "tables",
       l,
-      i,
-      o
+      o,
+      i
     ],
     queryFn: () => ze(
       "https://semaphor.cloud/api/v1/tables",
       (t == null ? void 0 : t.accessToken) || "",
       {
         connection_id: l,
-        database_name: i,
-        schema_name: o
+        database_name: o,
+        schema_name: i
       }
     ),
     enabled: N(j)
   }), {
     data: te,
     isLoading: je,
-    isFetching: Te,
+    isFetching: Fe,
     isError: we
   } = be({
     queryKey: [
       "columns",
       l,
-      i,
-      r,
       o,
+      r,
+      i,
       d
     ],
     queryFn: () => ze(
@@ -1367,8 +1360,8 @@ function qe(s, n) {
         connection_id: l,
         datamodel_id: r || "",
         // don't pass undefined. Pass empty string
-        database_name: i,
-        schema_name: o,
+        database_name: o,
+        schema_name: i,
         table_name: d
       }
     ),
@@ -1381,9 +1374,9 @@ function qe(s, n) {
     //currentConnection?.type === 'API',
     // && currentConnection?.type !== 'API', // Only fetch if connectionId, database, and table is present
   });
-  Z(() => {
+  X(() => {
     x(a);
-  }, [te, x, a]), Z(() => {
+  }, [te, x, a]), X(() => {
   }, [
     D,
     p,
@@ -1392,11 +1385,11 @@ function qe(s, n) {
     g,
     v
   ]);
-  const Le = (v == null ? void 0 : v.type) === "API" ? (Je = v == null ? void 0 : v.type) == null ? void 0 : Je.toLowerCase() : d || "", Fe = D ? "" : o || "";
+  const Te = (v == null ? void 0 : v.type) === "API" ? (Je = v == null ? void 0 : v.type) == null ? void 0 : Je.toLowerCase() : d || "", Le = D ? "" : i || "";
   function Ee(C) {
     h(C), f("");
   }
-  function Ae(C) {
+  function Ve(C) {
     g(C === "none" ? "" : C), h(""), f(""), C !== "none" && C !== "" && b("");
   }
   function w(C) {
@@ -1405,17 +1398,17 @@ function qe(s, n) {
   function le(C) {
     b(C === "none" ? "" : C), C !== "none" && C !== "" && g("");
   }
-  S && ((Ps = S == null ? void 0 : S.databases) == null ? void 0 : Ps.length) > 0, G && (($s = G == null ? void 0 : G.schemas) == null ? void 0 : $s.length) > 0, te && ((Bs = te == null ? void 0 : te.columns) == null ? void 0 : Bs.length) > 0 && (a = te.columns.map((C) => ({
+  S && (($s = S == null ? void 0 : S.databases) == null ? void 0 : $s.length) > 0, G && ((Ps = G == null ? void 0 : G.schemas) == null ? void 0 : Ps.length) > 0, te && ((Bs = te == null ? void 0 : te.columns) == null ? void 0 : Bs.length) > 0 && (a = te.columns.map((C) => ({
     ...C,
     data_type: C.data_type.toLowerCase()
-  }))), K && (a = []), (we || T) && (a = []);
+  }))), K && (a = []), (we || F) && (a = []);
   const ke = I == null ? void 0 : I.connections.map(
     (C) => ({
       id: C.id,
       name: C.name,
       type: C.type
     })
-  ), oe = (Us = L == null ? void 0 : L.datamodels) == null ? void 0 : Us.map((C) => ({
+  ), oe = (Us = T == null ? void 0 : T.datamodels) == null ? void 0 : Us.map((C) => ({
     id: C.id,
     name: C.name
   })), _e = S == null ? void 0 : S.databases.map((C) => ({
@@ -1431,33 +1424,33 @@ function qe(s, n) {
   return {
     connectionItems: ke,
     isConnectionsLoading: z,
-    isConnectionsError: T,
+    isConnectionsError: F,
     modelItems: oe,
-    isModelsLoading: V,
+    isModelsLoading: A,
     isModelsError: m,
     databaseItems: _e,
-    isDatabasesLoadingOrFetching: _ || $,
+    isDatabasesLoadingOrFetching: _ || P,
     isDatabaseError: K,
     schemaItems: ps,
     isSchemaLoadingOrFetching: se || k,
-    isSchemaError: P,
+    isSchemaError: $,
     tableItems: Qe,
-    isTableLoadingOrFetching: F || re,
+    isTableLoadingOrFetching: L || re,
     isTableError: B,
     columns: a,
-    isColumnsLoadingOrFetching: je || Te,
+    isColumnsLoadingOrFetching: je || Fe,
     isColumnsError: we,
     isNonDbConnection: D,
     connectionType: j,
-    tableName: Le,
-    schemaName: Fe,
+    tableName: Te,
+    schemaName: Le,
     handleConnectionChange: w,
     handleDatamodelChange: le,
-    handleDatabaseChange: Ae,
+    handleDatabaseChange: Ve,
     handleSchemaChange: Ee
   };
 }
-function Va({
+function Aa({
   ColumnsComponent: s
 }) {
   var re;
@@ -1469,10 +1462,10 @@ function Va({
     (B) => B.selectedDatabaseName
   ), l = u(
     (B) => B.selectedSchemaName
-  ), r = u((B) => B.selectedTableName), i = u(
+  ), r = u((B) => B.selectedTableName), o = u(
     (B) => B.actions.setSelectedTableName
   ), {
-    connectionItems: o,
+    connectionItems: i,
     modelItems: d,
     schemaItems: x,
     databaseItems: c,
@@ -1483,19 +1476,19 @@ function Va({
     isConnectionsError: p,
     isModelsError: N,
     isDatabasesLoadingOrFetching: y,
-    isDatabaseError: A,
+    isDatabaseError: V,
     isSchemaLoadingOrFetching: I,
     isSchemaError: z,
-    isColumnsError: T,
-    isColumnsLoadingOrFetching: L,
-    isTableLoadingOrFetching: V,
+    isColumnsError: F,
+    isColumnsLoadingOrFetching: T,
+    isTableLoadingOrFetching: A,
     isTableError: m,
     connectionType: v,
     isNonDbConnection: j,
     handleConnectionChange: D,
     handleDatabaseChange: S,
     handleSchemaChange: _,
-    handleDatamodelChange: $,
+    handleDatamodelChange: P,
     tableName: K,
     schemaName: ee
   } = qe();
@@ -1506,7 +1499,7 @@ function Va({
         schemaName: ee,
         tableName: K,
         columns: g,
-        status: L ? "Loading..." : T ? "Error" : "Success"
+        status: T ? "Loading..." : F ? "Error" : "Success"
       }
     );
   }
@@ -1521,7 +1514,7 @@ function Va({
         {
           showNone: !0,
           onChange: S,
-          isError: A,
+          isError: V,
           isLoading: y,
           items: c,
           value: t || "",
@@ -1529,7 +1522,7 @@ function Va({
         }
       );
   }
-  function P() {
+  function $() {
     if (n && !j && (!t || t === "none") && (!a || a === "none"))
       return /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3", children: [
         /* @__PURE__ */ e.jsx("div", { className: "col-span-1 grid place-items-center", children: /* @__PURE__ */ e.jsx(Ce, {}) }),
@@ -1544,7 +1537,7 @@ function Va({
         He,
         {
           showNone: !0,
-          onChange: $,
+          onChange: P,
           isError: N,
           isLoading: f,
           items: d,
@@ -1566,7 +1559,7 @@ function Va({
       }
     );
   }
-  function F() {
+  function L() {
     function B() {
       let ae = !1;
       return v === "API" ? (ae = !1, ae) : ((v === "S3" || n && t && t !== "none" && l) && (ae = !0), ae);
@@ -1574,10 +1567,10 @@ function Va({
     return B() ? /* @__PURE__ */ e.jsx(
       He,
       {
-        onChange: i,
+        onChange: o,
         isError: m,
         items: b,
-        isLoading: V,
+        isLoading: A,
         value: r || "",
         title: "Table"
       }
@@ -1588,22 +1581,22 @@ function Va({
       /* @__PURE__ */ e.jsx(
         He,
         {
-          items: o,
+          items: i,
           title: "Connection",
           value: n || "",
           onChange: D,
           isLoading: h,
           isError: p,
-          connectionTooltip: ((re = o == null ? void 0 : o.find(
+          connectionTooltip: ((re = i == null ? void 0 : i.find(
             (B) => B.id === n
           )) == null ? void 0 : re.type) || ""
         }
       ),
       U(),
-      P(),
+      $(),
       k(),
       E(),
-      F()
+      L()
     ] }),
     G(),
     /* @__PURE__ */ e.jsx("div", { className: "flex items-end justify-center gap-2 px-6 py-4", children: /* @__PURE__ */ e.jsxs(
@@ -1625,16 +1618,16 @@ function rl(s) {
   const n = s.toUpperCase().indexOf("WHERE"), a = s.toUpperCase().indexOf("GROUP BY"), t = s.toUpperCase().indexOf("LIMIT"), l = s.toUpperCase().indexOf("ORDER BY");
   let r = s.length;
   if (l !== -1 && (r = l), t !== -1 && t < r && (r = t), n !== -1) {
-    const i = s.substring(0, n), o = s.substring(n);
-    return `${i} {{ filters | where }} AND ${o.substring(
+    const o = s.substring(0, n), i = s.substring(n);
+    return `${o} {{ filters | where }} AND ${i.substring(
       6
     )}`;
   } else if (a !== -1) {
-    const i = s.substring(0, a), o = s.substring(a);
-    return `${i} {{ filters | where }} ${o}`;
+    const o = s.substring(0, a), i = s.substring(a);
+    return `${o} {{ filters | where }} ${i}`;
   } else {
-    const i = s.substring(0, r), o = s.substring(r);
-    return `${i} {{ filters | where }} ${o}`;
+    const o = s.substring(0, r), i = s.substring(r);
+    return `${o} {{ filters | where }} ${i}`;
   }
 }
 function il({
@@ -1643,10 +1636,10 @@ function il({
   setUserInputforAI: a,
   setTriggerAIRun: t
 }) {
-  return /* @__PURE__ */ e.jsxs(Ts, { openDelay: 0, children: [
-    /* @__PURE__ */ e.jsx(Ls, { 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(Fs, { openDelay: 0, children: [
+    /* @__PURE__ */ e.jsx(Ts, { asChild: !0, children: /* @__PURE__ */ e.jsx(O, { variant: "link", className: "h-5 p-0", children: /* @__PURE__ */ e.jsx(kn, { className: "h-4 w-4 text-red-500" }) }) }),
     /* @__PURE__ */ e.jsx(
-      Fs,
+      Ls,
       {
         align: "start",
         className: "w-full min-w-fit max-w-[700px]",
@@ -1661,7 +1654,7 @@ function il({
               size: "sm",
               variant: "outline",
               children: [
-                /* @__PURE__ */ e.jsx(Tn, { className: "mr-2 h-4 w-4" }),
+                /* @__PURE__ */ e.jsx(Fn, { className: "mr-2 h-4 w-4" }),
                 "Debug with AI"
               ]
             }
@@ -1726,21 +1719,21 @@ function cl({
   triggerAIRun: l,
   setTriggerAIRun: r
 }) {
-  const i = ns(null), o = ns(null), { authToken: d } = Se(), [x, c] = q(!1), b = u((k) => k.actions.setCardSql), g = M((k) => k.dashboard.baseQueries), h = u((k) => k.actions.setRunSql), f = u((k) => k.actions.setCardType), [p, N] = q([]), y = u((k) => k.currentColumns), A = u((k) => k.card.sql), I = u((k) => k.selectedTableName), z = `
+  const o = ns(null), i = ns(null), { authToken: d } = Se(), [x, c] = q(!1), b = u((k) => k.actions.setCardSql), g = M((k) => k.dashboard.baseQueries), h = u((k) => k.actions.setRunSql), f = u((k) => k.actions.setCardType), [p, N] = q([]), y = u((k) => k.currentColumns), V = u((k) => k.card.sql), I = u((k) => k.selectedTableName), z = `
   ${a}
 
   Database Query Dialect: ${I === "api" || I === "s3" ? "DuckDb" : ""}
   Table Name: ${I}   
   Table Columns: ${y == null ? void 0 : y.map((k) => `${k.column_name} | ${k.data_type}`).join(", ")}
-  User SQL: ${A}  
-  ${g && `Base Queries: ${JSON.stringify(g)} `}`, T = ` When the user asks for a specific chart please use the following query structure to generate the chart query. Do not make up the column names. Use only the table columns provided above for the query. Replace x-axis, y-axis, and lables with the appropriate column names.
-  Visual Query Syntax: ${ol}`, { data: L, isLoading: V, isFetching: m, isError: v, refetch: j } = be({
+  User SQL: ${V}  
+  ${g && `Base Queries: ${JSON.stringify(g)} `}`, F = ` When the user asks for a specific chart please use the following query structure to generate the chart query. Do not make up the column names. Use only the table columns provided above for the query. Replace x-axis, y-axis, and lables with the appropriate column names.
+  Visual Query Syntax: ${ol}`, { data: T, isLoading: A, isFetching: m, isError: v, refetch: j } = be({
     queryKey: ["ai-query"],
     queryFn: () => ze(
       "https://semaphor.cloud/api/v1/ai",
       (d == null ? void 0 : d.accessToken) || "",
       {
-        user_content: `userContent: ${z} ${x ? T : ""}`
+        user_content: `userContent: ${z} ${x ? F : ""}`
       }
     ),
     enabled: !1
@@ -1767,22 +1760,22 @@ function cl({
       return f("bar"), !1;
     return !0;
   }
-  Z(() => {
-    L && N((k) => [...k, { role: "ai", content: L.response }]);
-  }, [L]), Z(() => {
+  X(() => {
+    T && N((k) => [...k, { role: "ai", content: T.response }]);
+  }, [T]), X(() => {
     const k = setTimeout(() => {
-      var P;
-      o.current && (o.current.scroll({
-        top: o.current.scrollHeight,
+      var $;
+      i.current && (i.current.scroll({
+        top: i.current.scrollHeight,
         behavior: "smooth"
-      }), (P = i.current) == null || P.focus());
+      }), ($ = o.current) == null || $.focus());
     }, 100);
     return () => clearTimeout(k);
   }, [p]);
   function S() {
     a && (N((k) => [...k, { role: "user", content: a }]), D(a) && c(!0), t(""), j());
   }
-  Z(() => {
+  X(() => {
     l && (S(), r(!1));
   }, [l, r]);
   const _ = {
@@ -1793,7 +1786,7 @@ function cl({
     fontSize: 15,
     // padding: '5px',
     width: "100%"
-  }, $ = {
+  }, P = {
     // background: '#f6f8fa',
     // color: '#000',
     fontFamily: "monospace",
@@ -1812,10 +1805,10 @@ function cl({
     listStyleType: "disc"
   }, ee = {
     // Override how paragraphs are rendered
-    p: ({ node: k, ...P }) => /* @__PURE__ */ e.jsx("p", { style: _, ...P }),
-    code: ({ node: k, ...P }) => /* @__PURE__ */ e.jsx("code", { className: "rounded-sm bg-muted px-2 py-1 text-sm", ...P }),
-    pre: ({ node: k, ...P }) => /* @__PURE__ */ e.jsxs("pre", { className: "space-y-2 rounded-sm bg-muted/50 p-3", style: $, children: [
-      /* @__PURE__ */ e.jsx("code", { className: "whitespace-normal text-sm", children: P.children }),
+    p: ({ node: k, ...$ }) => /* @__PURE__ */ e.jsx("p", { style: _, ...$ }),
+    code: ({ node: k, ...$ }) => /* @__PURE__ */ e.jsx("code", { className: "rounded-sm bg-muted px-2 py-1 text-sm", ...$ }),
+    pre: ({ node: k, ...$ }) => /* @__PURE__ */ e.jsxs("pre", { className: "space-y-2 rounded-sm bg-muted/50 p-3", style: P, children: [
+      /* @__PURE__ */ e.jsx("code", { className: "whitespace-normal text-sm", children: $.children }),
       /* @__PURE__ */ e.jsxs("div", { className: "flex justify-start gap-2", children: [
         /* @__PURE__ */ e.jsx(O, { onClick: G, size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(pt, {}) }),
         /* @__PURE__ */ e.jsx(
@@ -1832,17 +1825,17 @@ function cl({
         )
       ] })
     ] }),
-    li: ({ node: k, ...P }) => /* @__PURE__ */ e.jsx("li", { style: K, ...P })
+    li: ({ node: k, ...$ }) => /* @__PURE__ */ e.jsx("li", { style: K, ...$ })
     // You can add more overrides for other elements like h1, h2, etc.
   };
   function G(k) {
-    const P = k.currentTarget.closest("pre");
-    if (!P) return;
-    const U = P.textContent || P.innerText;
+    const $ = k.currentTarget.closest("pre");
+    if (!$) return;
+    const U = $.textContent || $.innerText;
     return navigator.clipboard.writeText(U).then(() => console.log("Text copied to clipboard")).catch((E) => console.error("Error in copying text: ", E)), U;
   }
   function se() {
-    return p == null ? void 0 : p.map((k, P) => k.role === "user" ? /* @__PURE__ */ e.jsxs(
+    return p == null ? void 0 : p.map((k, $) => k.role === "user" ? /* @__PURE__ */ e.jsxs(
       "div",
       {
         className: "flex items-start rounded-md bg-muted p-3 text-sm",
@@ -1851,16 +1844,16 @@ function cl({
           /* @__PURE__ */ e.jsx("div", { children: k.content })
         ]
       },
-      P
+      $
     ) : k.role === "ai" ? /* @__PURE__ */ e.jsx(
       xt,
       {
         className: "w-full overflow-auto py-1",
         components: ee,
-        children: L == null ? void 0 : L.response.replace(/DuckDB/gi, "Semaphor")
+        children: T == null ? void 0 : T.response.replace(/DuckDB/gi, "Semaphor")
       },
-      P
-    ) : /* @__PURE__ */ e.jsx("div", {}, P));
+      $
+    ) : /* @__PURE__ */ e.jsx("div", {}, $));
   }
   return /* @__PURE__ */ e.jsxs(Cs, { open: s, onOpenChange: n, children: [
     /* @__PURE__ */ e.jsx(Ns, { asChild: !0, children: /* @__PURE__ */ e.jsx(
@@ -1884,7 +1877,7 @@ function cl({
           /* @__PURE__ */ e.jsx(
             "div",
             {
-              ref: o,
+              ref: i,
               className: "h-[625px] w-full overflow-auto border-t border-t-muted",
               children: /* @__PURE__ */ e.jsx("div", { className: "space-y-4 py-2 pr-3", role: "messages", children: se() })
             }
@@ -1897,19 +1890,19 @@ function cl({
                   pa,
                   {
                     autoFocus: !0,
-                    ref: i,
+                    ref: o,
                     onKeyDown: (k) => {
                       k.key === "Enter" && !k.shiftKey && (k.preventDefault(), t(""), S());
                     },
                     placeholder: "Type your question here...",
                     onFocus: (k) => {
-                      const P = k.target, U = P.value.length;
-                      P.setSelectionRange(U, U);
+                      const $ = k.target, U = $.value.length;
+                      $.setSelectionRange(U, U);
                     },
                     className: Y(
                       "max-h-10 min-h-7 resize-none border-none focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0"
                     ),
-                    disabled: V || m,
+                    disabled: A || m,
                     value: a,
                     onChange: (k) => t(k.target.value)
                   }
@@ -1922,7 +1915,7 @@ function cl({
                     size: "sm",
                     variant: "ghost",
                     onClick: S,
-                    children: !V && !m ? /* @__PURE__ */ e.jsx(mt, {}) : /* @__PURE__ */ e.jsx(Ve, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" })
+                    children: !A && !m ? /* @__PURE__ */ e.jsx(mt, {}) : /* @__PURE__ */ e.jsx(Ae, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" })
                   }
                 )
               ] })
@@ -1939,7 +1932,7 @@ var qa = {
   className: void 0,
   style: void 0,
   attr: void 0
-}, Xs = Ne.createContext && /* @__PURE__ */ Ne.createContext(qa), dl = ["attr", "size", "title"];
+}, Zs = Ne.createContext && /* @__PURE__ */ Ne.createContext(qa), dl = ["attr", "size", "title"];
 function ul(s, n) {
   if (s == null) return {};
   var a = hl(s, n), t, l;
@@ -1970,7 +1963,7 @@ function ls() {
     return s;
   }, ls.apply(this, arguments);
 }
-function Zs(s, n) {
+function Xs(s, n) {
   var a = Object.keys(s);
   if (Object.getOwnPropertySymbols) {
     var t = Object.getOwnPropertySymbols(s);
@@ -1983,9 +1976,9 @@ function Zs(s, n) {
 function rs(s) {
   for (var n = 1; n < arguments.length; n++) {
     var a = arguments[n] != null ? arguments[n] : {};
-    n % 2 ? Zs(Object(a), !0).forEach(function(t) {
+    n % 2 ? Xs(Object(a), !0).forEach(function(t) {
       ml(s, t, a[t]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(s, Object.getOwnPropertyDescriptors(a)) : Zs(Object(a)).forEach(function(t) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(s, Object.getOwnPropertyDescriptors(a)) : Xs(Object(a)).forEach(function(t) {
       Object.defineProperty(s, t, Object.getOwnPropertyDescriptor(a, t));
     });
   }
@@ -2024,31 +2017,31 @@ function fl(s) {
       attr: t,
       size: l,
       title: r
-    } = s, i = ul(s, dl), o = l || a.size || "1em", d;
+    } = s, o = ul(s, dl), i = l || a.size || "1em", d;
     return a.className && (d = a.className), s.className && (d = (d ? d + " " : "") + s.className), /* @__PURE__ */ Ne.createElement("svg", ls({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
-    }, a.attr, t, i, {
+    }, a.attr, t, o, {
       className: d,
       style: rs(rs({
         color: s.color || a.color
       }, a.style), s.style),
-      height: o,
-      width: o,
+      height: i,
+      width: i,
       xmlns: "http://www.w3.org/2000/svg"
     }), r && /* @__PURE__ */ Ne.createElement("title", null, r), s.children);
   };
-  return Xs !== void 0 ? /* @__PURE__ */ Ne.createElement(Xs.Consumer, null, (a) => n(a)) : n(qa);
+  return Zs !== void 0 ? /* @__PURE__ */ Ne.createElement(Zs.Consumer, null, (a) => n(a)) : n(qa);
 }
 function gl(s) {
   return ge({ tag: "svg", attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M439.8 200.5c-7.7-30.9-22.3-54.2-53.4-54.2h-40.1v47.4c0 36.8-31.2 67.8-66.8 67.8H172.7c-29.2 0-53.4 25-53.4 54.3v101.8c0 29 25.2 46 53.4 54.3 33.8 9.9 66.3 11.7 106.8 0 26.9-7.8 53.4-23.5 53.4-54.3v-40.7H226.2v-13.6h160.2c31.1 0 42.6-21.7 53.4-54.2 11.2-33.5 10.7-65.7 0-108.6zM286.2 404c11.1 0 20.1 9.1 20.1 20.3 0 11.3-9 20.4-20.1 20.4-11 0-20.1-9.2-20.1-20.4.1-11.3 9.1-20.3 20.1-20.3zM167.8 248.1h106.8c29.7 0 53.4-24.5 53.4-54.3V91.9c0-29-24.4-50.7-53.4-55.6-35.8-5.9-74.7-5.6-106.8.1-45.2 8-53.4 24.7-53.4 55.6v40.7h106.9v13.6h-147c-31.1 0-58.3 18.7-66.8 54.2-9.8 40.7-10.2 66.1 0 108.6 7.6 31.6 25.7 54.2 56.8 54.2H101v-48.8c0-35.3 30.5-66.4 66.8-66.4zm-6.7-142.6c-11.1 0-20.1-9.1-20.1-20.3.1-11.3 9-20.4 20.1-20.4 11 0 20.1 9.2 20.1 20.4s-9 20.3-20.1 20.3z" }, child: [] }] })(s);
 }
 function jl({ sql: s }) {
-  return /* @__PURE__ */ e.jsxs(Ts, { children: [
-    /* @__PURE__ */ e.jsx(Ls, { asChild: !0, children: /* @__PURE__ */ e.jsx(O, { variant: "link", className: "h-5 p-0", children: /* @__PURE__ */ e.jsx(gt, { className: "h-4 w-4 text-muted-foreground" }) }) }),
+  return /* @__PURE__ */ e.jsxs(Fs, { children: [
+    /* @__PURE__ */ e.jsx(Ts, { asChild: !0, children: /* @__PURE__ */ e.jsx(O, { variant: "link", className: "h-5 p-0", children: /* @__PURE__ */ e.jsx(gt, { className: "h-4 w-4 text-muted-foreground" }) }) }),
     /* @__PURE__ */ e.jsx(
-      Fs,
+      Ls,
       {
         align: "end",
         className: "w-full min-w-fit max-w-[700px] p-3 pt-2",
@@ -2061,19 +2054,19 @@ function jl({ sql: s }) {
   ] });
 }
 function _a(s) {
-  const { theme: n } = jt(), a = M((p) => p.theme), t = u((p) => p.frame), l = u((p) => p.card), r = u((p) => p.activeTabCardId), i = bt(), { refetch: o } = De(l), { updateCardTab: d, setRunSql: x } = ne(), c = ns(), b = ns({}), g = t.cards.find((p) => p.id === r), h = Oa(() => {
+  const { theme: n } = jt(), a = M((p) => p.theme), t = u((p) => p.frame), l = u((p) => p.card), r = u((p) => p.activeTabCardId), o = bt(), { refetch: i } = De(l), { updateCardTab: d, setRunSql: x } = ne(), c = ns(), b = ns({}), g = t.cards.find((p) => p.id === r), h = Oa(() => {
     let p = "";
     return s === "python" && (p = (g == null ? void 0 : g.python) || fa), s === "sql" && (p = (g == null ? void 0 : g.sql) || ""), p;
   }, [s, g]);
-  Z(() => {
+  X(() => {
     if (r && l.id && l.id !== r) {
-      if (c.current && i) {
+      if (c.current && o) {
         const p = c.current.getModel();
         p && (b.current[l.id] = p);
         let N = b.current[r];
         if (!N) {
           const y = h();
-          N = i.editor.createModel(y, s), b.current[r] = N;
+          N = o.editor.createModel(y, s), b.current[r] = N;
         }
         c.current.setModel(N);
       }
@@ -2083,14 +2076,14 @@ function _a(s) {
     r,
     l,
     d,
-    i,
+    o,
     x,
     s,
     h
-  ]), Z(() => {
-    if (!i) return;
+  ]), X(() => {
+    if (!o) return;
     const p = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", N = a === "system" ? p : a;
-    i.editor.defineTheme("default", {
+    o.editor.defineTheme("default", {
       // base: theme === 'light' ? 'hc-light' : 'vs-dark',
       base: N === "light" ? "vs" : "vs-dark",
       inherit: !0,
@@ -2102,29 +2095,29 @@ function _a(s) {
         //     ? '#ffffff'
         //     : getCssVariableValue('--semaphor-background'),
       }
-    }), i.editor.setTheme("default");
-  }, [n, a, i]), Z(() => {
+    }), o.editor.setTheme("default");
+  }, [n, a, o]), X(() => {
     const p = c.current;
-    p && i && l && p.addCommand(
-      i.KeyMod.Shift | i.KeyCode.Enter,
+    p && o && l && p.addCommand(
+      o.KeyMod.Shift | o.KeyCode.Enter,
       function() {
-        return o(), !1;
+        return i(), !1;
       }
     );
-  }, [i, o, l]);
+  }, [o, i, l]);
   function f(p, N) {
     if (c.current = p, !b.current[l.id]) {
-      const y = p.getModel(), A = h();
-      b.current[l.id] = y || (N == null ? void 0 : N.editor.createModel(A, s)) || p.getModel();
+      const y = p.getModel(), V = h();
+      b.current[l.id] = y || (N == null ? void 0 : N.editor.createModel(V, s)) || p.getModel();
     }
     p.setModel(b.current[l.id]);
   }
   return { handleEditorDidMount: f };
 }
 function bl() {
-  const s = u((i) => i.card.sql), n = u((i) => i.sqlGen), { setCardSql: a, setSqlGen: t } = ne(), { handleEditorDidMount: l } = _a("sql");
-  function r(i) {
-    i !== void 0 && (a(i.trim()), vt(n) || t({}));
+  const s = u((o) => o.card.sql), n = u((o) => o.sqlGen), { setCardSql: a, setSqlGen: t } = ne(), { handleEditorDidMount: l } = _a("sql");
+  function r(o) {
+    a(o), vt(n) || t({});
   }
   return /* @__PURE__ */ e.jsx(
     os,
@@ -2151,15 +2144,16 @@ function bl() {
   );
 }
 function yl() {
-  const s = u((t) => t.card.python), { setCardPython: n } = ne(), { handleEditorDidMount: a } = _a("python");
+  const s = u((l) => l.card.python), { setCardPython: n } = ne(), { handleEditorDidMount: a } = _a("python");
+  function t(l) {
+    n(l);
+  }
   return /* @__PURE__ */ e.jsx(
     os,
     {
       className: "pt-3",
       theme: "default",
-      onChange: (t) => {
-        n(t && t.trim() || "");
-      },
+      onChange: t,
       value: s || fa,
       options: {
         minimap: {
@@ -2182,7 +2176,7 @@ function vl() {
   const s = M((r) => r.dashboard.filters), n = M((r) => r.filterValues), a = M((r) => r.selectedSheetId), t = s == null ? void 0 : s.filter(
     (r) => r.sheetId === a || !r.sheetId
   ), l = n == null ? void 0 : n.filter(
-    (r) => (t == null ? void 0 : t.some((i) => i.id === r.filterId)) || r.filterId.endsWith(a)
+    (r) => (t == null ? void 0 : t.some((o) => o.id === r.filterId)) || r.filterId.endsWith(a)
   );
   return /* @__PURE__ */ e.jsx(
     os,
@@ -2213,38 +2207,38 @@ function Cl() {
   const [s, n] = q({
     queryKey: [],
     queryData: null
-  }), a = Ct(), [t, l] = q(!1), [r, i] = q(!1), [o, d] = q(!1), [x, c] = q(""), [b, g] = q(!1), h = u((w) => w.frame), f = u((w) => w.card), p = u((w) => w.isShowingVisual), N = u(
+  }), a = Ct(), [t, l] = q(!1), [r, o] = q(!1), [i, d] = q(!1), [x, c] = q(""), [b, g] = q(!1), h = u((w) => w.frame), f = u((w) => w.card), p = u((w) => w.isShowingVisual), N = u(
     (w) => w.selectedConnectionId
   ), y = u(
     (w) => w.selectedDatabaseName
-  ), A = u(
+  ), V = u(
     (w) => w.selectedDatamodelId
   ), I = u(
     (w) => w.selectedSchemaName
-  ), z = u((w) => w.selectedTableName), T = u((w) => {
+  ), z = u((w) => w.selectedTableName), F = u((w) => {
     var le;
     return (le = w == null ? void 0 : w.card) == null ? void 0 : le.sql;
-  }), L = u((w) => w.applyFilters), {
-    setCardCustomCfg: V,
+  }), T = u((w) => w.applyFilters), {
+    setCardCustomCfg: A,
     setQueryResultColumns: m,
     setCardSql: v,
     setQueryError: j,
     setPythonStdOut: D,
     setCardPreferences: S,
     setCardType: _
-  } = ne(), $ = u((w) => w.onSave), K = u((w) => w.onClose), ee = u((w) => w.actions.setSqlGen), G = u((w) => w.runSql), se = u((w) => w.actions.setRunSql), k = u((w) => w.actions.setCardCfg), P = u(
+  } = ne(), P = u((w) => w.onSave), K = u((w) => w.onClose), ee = u((w) => w.actions.setSqlGen), G = u((w) => w.runSql), se = u((w) => w.actions.setRunSql), k = u((w) => w.actions.setCardCfg), $ = u(
     (w) => w.actions.setIsSqlRunning
   ), {
     data: U,
     isLoading: E,
-    isFetching: F,
+    isFetching: L,
     isSuccess: re,
     isError: B,
     error: ae,
     queryKey: te,
     refetch: je
   } = De(f);
-  Z(() => {
+  X(() => {
     if (U && (U.rowLimitExceeded && Ge.error("Row limit (10,000) exceeded. Refine your query.", {
       position: "top-center",
       richColors: !0
@@ -2252,28 +2246,28 @@ function Cl() {
       const { dimensionKeys: w } = js(U.records);
       m(w);
     }
-  }, [U, m, D]), Z(() => {
-    (E || F) && P(!0), (B || re) && P(!1), B ? (j(ae.message), m([]), D("")) : j("");
+  }, [U, m, D]), X(() => {
+    (E || L) && $(!0), (B || re) && $(!1), B ? (j(ae.message), m([]), D("")) : j("");
   }, [
     E,
-    F,
+    L,
     U,
     D,
     B,
     re,
-    P,
+    $,
     m,
     j,
     ae
-  ]), Z(() => {
+  ]), X(() => {
     G && (a.getQueryData(te) || je(), se(!1));
   }, [G, je, se, te, a]);
-  function Te() {
+  function Fe() {
     const w = a.getQueryData(te);
     s.queryData || n({
       queryKey: te,
       queryData: w
-    }), a.setQueryData(te, null), v(""), ee({}), k(void 0), V(""), S({}), _("bar");
+    }), a.setQueryData(te, null), v(""), ee({}), k(void 0), A(""), S({}), _("bar");
   }
   function we(w, le) {
     if (w.length === 0)
@@ -2295,13 +2289,13 @@ function Cl() {
     }
     return w[0].id;
   }
-  function Le() {
-    let w = T;
-    T && !T.includes("{{") && (w = rl(T), v(w));
+  function Te() {
+    let w = F;
+    F && !F.includes("{{") && (w = rl(F), v(w));
     const le = {
       ...f,
       lastSelectedSchema: I,
-      lastSelectedDatamodelId: A,
+      lastSelectedDatamodelId: V,
       lastSelectedDatabase: y,
       lastSelectedTable: z,
       connectionId: N,
@@ -2315,9 +2309,9 @@ function Cl() {
       cards: ke,
       activeCardId: we(ke, h.activeCardId)
     };
-    $ == null || $(oe);
+    P == null || P(oe);
   }
-  function Fe() {
+  function Le() {
     const { queryKey: w, queryData: le } = s;
     w && le && a.setQueryData(w, le), K == null || K();
   }
@@ -2334,7 +2328,7 @@ function Cl() {
               r && /* @__PURE__ */ e.jsx(
                 Be,
                 {
-                  onClick: () => i(!1),
+                  onClick: () => o(!1),
                   className: "bg-background/50 text-foreground/50 hover:cursor-pointer hover:text-foreground"
                 }
               )
@@ -2346,18 +2340,18 @@ function Cl() {
       !r && /* @__PURE__ */ e.jsx(
         oa,
         {
-          onClick: () => i(!0),
+          onClick: () => o(!0),
           className: Y(
             "absolute bottom-4 right-6 h-3 w-3 text-foreground/50 hover:cursor-pointer hover:text-foreground",
             {
-              "font-bold text-red-800": L
+              "font-bold text-red-800": T
             }
           )
         }
       )
     ] });
   }
-  function Ae() {
+  function Ve() {
     return /* @__PURE__ */ e.jsxs(
       ss,
       {
@@ -2421,7 +2415,7 @@ function Cl() {
         className: "flex grow flex-col justify-end",
         children: [
           /* @__PURE__ */ e.jsxs("div", { className: "relative flex grow justify-between overflow-y-scroll", children: [
-            Ae(),
+            Ve(),
             Ee()
           ] }),
           /* @__PURE__ */ e.jsxs(
@@ -2435,7 +2429,7 @@ function Cl() {
                     O,
                     {
                       title: "Shift + Enter",
-                      disabled: E || F,
+                      disabled: E || L,
                       onClick: () => {
                         je();
                       },
@@ -2443,7 +2437,7 @@ function Cl() {
                       size: "sm",
                       variant: "outline",
                       children: [
-                        E || F ? /* @__PURE__ */ e.jsx(Ve, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(Hn, { className: "mr-2 h-4 w-4" }),
+                        E || L ? /* @__PURE__ */ e.jsx(Ae, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(Hn, { className: "mr-2 h-4 w-4" }),
                         "Run"
                       ]
                     }
@@ -2460,7 +2454,7 @@ function Cl() {
                   /* @__PURE__ */ e.jsxs(
                     O,
                     {
-                      onClick: Te,
+                      onClick: Fe,
                       className: "",
                       size: "sm",
                       variant: "outline",
@@ -2484,7 +2478,7 @@ function Cl() {
                   /* @__PURE__ */ e.jsx(
                     cl,
                     {
-                      open: o,
+                      open: i,
                       setOpen: d,
                       userInput: x,
                       triggerAIRun: b,
@@ -2498,7 +2492,7 @@ function Cl() {
                   /* @__PURE__ */ e.jsxs(
                     O,
                     {
-                      onClick: Fe,
+                      onClick: Le,
                       className: "w-full",
                       size: "sm",
                       variant: "outline",
@@ -2511,7 +2505,7 @@ function Cl() {
                   /* @__PURE__ */ e.jsxs(
                     O,
                     {
-                      onClick: Le,
+                      onClick: Te,
                       size: "sm",
                       variant: "outline",
                       children: [
@@ -2530,10 +2524,10 @@ function Cl() {
   );
 }
 function Nl({ data: s }) {
-  var i;
-  const [n, a] = Ne.useState([]), l = Object.keys(s[0]).map((o) => ({
+  var o;
+  const [n, a] = Ne.useState([]), l = Object.keys(s[0]).map((i) => ({
     // header: key,
-    accessorKey: o,
+    accessorKey: i,
     header: ({ column: d }) => {
       const x = d.getIsSorted();
       return /* @__PURE__ */ e.jsx("div", { className: "flex gap-2", children: /* @__PURE__ */ e.jsxs(
@@ -2542,7 +2536,7 @@ function Nl({ data: s }) {
           className: "flex cursor-pointer items-center",
           onClick: () => d.toggleSorting(d.getIsSorted() === "asc"),
           children: [
-            o,
+            i,
             x === "asc" ? /* @__PURE__ */ e.jsx(St, { className: "ml-2 h-5 w-5" }) : x === "desc" ? /* @__PURE__ */ e.jsx(wt, { className: "ml-2 h-5 w-5" }) : null
           ]
         }
@@ -2554,14 +2548,14 @@ function Nl({ data: s }) {
     getCoreRowModel: Mt(),
     getPaginationRowModel: It(),
     onSortingChange: a,
-    getSortedRowModel: Tt(),
+    getSortedRowModel: Ft(),
     manualPagination: !0,
     state: {
       sorting: n
     }
   });
   return /* @__PURE__ */ e.jsx("div", { className: "font-mono text-xs text-foreground/95", children: /* @__PURE__ */ e.jsxs("table", { className: "w-full", children: [
-    /* @__PURE__ */ e.jsx(zt, { children: r.getHeaderGroups().map((o) => /* @__PURE__ */ e.jsx(fs, { children: o.headers.map((d) => /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx(zt, { children: r.getHeaderGroups().map((i) => /* @__PURE__ */ e.jsx(fs, { children: i.headers.map((d) => /* @__PURE__ */ e.jsx(
       Ot,
       {
         className: "sticky top-0 h-11 bg-muted font-semibold",
@@ -2571,38 +2565,38 @@ function Nl({ data: s }) {
         )
       },
       d.id
-    )) }, o.id)) }),
-    /* @__PURE__ */ e.jsx(Dt, { children: (i = r.getRowModel().rows) != null && i.length ? r.getRowModel().rows.map((o) => /* @__PURE__ */ e.jsx(
+    )) }, i.id)) }),
+    /* @__PURE__ */ e.jsx(Dt, { children: (o = r.getRowModel().rows) != null && o.length ? r.getRowModel().rows.map((i) => /* @__PURE__ */ e.jsx(
       fs,
       {
         className: "whitespace-nowrap py-2",
-        "data-state": o.getIsSelected() && "selected",
-        children: o.getVisibleCells().map((d) => /* @__PURE__ */ e.jsx(Qs, { className: "py-3", children: Ks(d.column.columnDef.cell, d.getContext()) }, d.id))
+        "data-state": i.getIsSelected() && "selected",
+        children: i.getVisibleCells().map((d) => /* @__PURE__ */ e.jsx(Qs, { className: "py-3", children: Ks(d.column.columnDef.cell, d.getContext()) }, d.id))
       },
-      o.id
+      i.id
     )) : /* @__PURE__ */ e.jsx(fs, { children: /* @__PURE__ */ e.jsx(Qs, { colSpan: l.length, className: "h-24 text-center", children: "No results." }) }) })
   ] }) });
 }
 function Sl({ card: s }) {
-  var y, A, I, z, T, L, V, m, v, j, D;
+  var y, V, I, z, F, T, A, m, v, j, D;
   const [n, a] = q(!1), [t, l] = q(
     []
-  ), { authToken: r } = Se(), i = Lt(r == null ? void 0 : r.accessToken), o = M((S) => S.themeStyle), d = {
-    colors: ((A = (y = o == null ? void 0 : o.chart) == null ? void 0 : y.dataset) == null ? void 0 : A.backgroundColor) || []
+  ), { authToken: r } = Se(), o = Tt(r == null ? void 0 : r.accessToken), i = M((S) => S.themeStyle), d = {
+    colors: ((V = (y = i == null ? void 0 : i.chart) == null ? void 0 : y.dataset) == null ? void 0 : V.backgroundColor) || []
   };
   (I = s.customCardPreferences) != null && I.inputData;
-  const { getCard: x } = ga(((z = s.customCardPreferences) == null ? void 0 : z.url) || ""), c = ((T = s.customCardPreferences) == null ? void 0 : T.visualType) || "single", b = u((S) => S.frame);
+  const { getCard: x } = ga(((z = s.customCardPreferences) == null ? void 0 : z.url) || ""), c = ((F = s.customCardPreferences) == null ? void 0 : F.visualType) || "single", b = u((S) => S.frame);
   ne();
   const { data: g } = De(s), h = Oa((S, _) => {
-    l(($) => ({
-      ...$,
+    l((P) => ({
+      ...P,
       [S]: _
     }));
   }, []);
-  if (!((L = s.customCardPreferences) != null && L.componentName))
+  if (!((T = s.customCardPreferences) != null && T.componentName))
     return null;
   const f = x(
-    (V = s.customCardPreferences) == null ? void 0 : V.componentName
+    (A = s.customCardPreferences) == null ? void 0 : A.componentName
   );
   function p(S) {
     a(S);
@@ -2611,8 +2605,8 @@ function Sl({ card: s }) {
     ((m = s.customCardPreferences) == null ? void 0 : m.dataInputCardIds) || {}
   ).map((S) => {
     var K, ee, G;
-    const _ = (ee = (K = s.customCardPreferences) == null ? void 0 : K.dataInputCardIds) == null ? void 0 : ee[S].cardId, $ = (G = b == null ? void 0 : b.cards) == null ? void 0 : G.find((se) => se.id === _);
-    return $ || null;
+    const _ = (ee = (K = s.customCardPreferences) == null ? void 0 : K.dataInputCardIds) == null ? void 0 : ee[S].cardId, P = (G = b == null ? void 0 : b.cards) == null ? void 0 : G.find((se) => se.id === _);
+    return P || null;
   });
   return /* @__PURE__ */ e.jsx("div", { className: "semaphor-custom mb-3 flex grow basis-0 flex-col space-y-2 overflow-y-auto", children: /* @__PURE__ */ e.jsxs(
     Cn,
@@ -2622,7 +2616,7 @@ function Sl({ card: s }) {
         f && c === "single" && /* @__PURE__ */ e.jsx(
           f,
           {
-            params: i,
+            params: o,
             theme: d,
             settings: (v = s.customCardPreferences) == null ? void 0 : v.settings,
             onDataChange: h,
@@ -2634,19 +2628,19 @@ function Sl({ card: s }) {
             ((j = s.customCardPreferences) == null ? void 0 : j.dataInputCardIds) || {}
           ).map((S) => {
             var K, ee, G;
-            const _ = (ee = (K = s.customCardPreferences) == null ? void 0 : K.dataInputCardIds) == null ? void 0 : ee[S].cardId, $ = (G = b == null ? void 0 : b.cards) == null ? void 0 : G.find(
+            const _ = (ee = (K = s.customCardPreferences) == null ? void 0 : K.dataInputCardIds) == null ? void 0 : ee[S].cardId, P = (G = b == null ? void 0 : b.cards) == null ? void 0 : G.find(
               (se) => se.id === _
             );
-            if ($)
+            if (P)
               return /* @__PURE__ */ e.jsx(
-                Ft,
+                Lt,
                 {
                   onLoadingStatus: p,
                   onDataChange: h,
                   dataInputIndex: S,
-                  card: $
+                  card: P
                 },
-                $.id + S
+                P.id + S
               );
           }),
           /* @__PURE__ */ e.jsx("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ e.jsx(
@@ -2678,7 +2672,7 @@ function Ha({
   var N;
   const a = u((y) => y.card), t = ((N = a.customCardPreferences) == null ? void 0 : N.showCardHeader) ?? !0, l = u((y) => y.frame), r = M((y) => y.dashboard.filters);
   u((y) => y.actions.setRunSql);
-  const { updateFilter: i } = is(), o = r == null ? void 0 : r.find((y) => y.id === l.filterId), { data: d, isLoading: x, isFetching: c } = De(a), { setCard: b } = ne(), { data: g } = Es(a);
+  const { updateFilter: o } = is(), i = r == null ? void 0 : r.find((y) => y.id === l.filterId), { data: d, isLoading: x, isFetching: c } = De(a), { setCard: b } = ne(), { data: g } = Es(a);
   if (!a.id) return null;
   let h;
   d != null && d.records && (d == null ? void 0 : d.records.length) > 0 && (h = ja({
@@ -2711,7 +2705,7 @@ function Ha({
       );
     if (a.type === "table" && (d != null && d.records) && (d == null ? void 0 : d.records.length) > 0)
       return /* @__PURE__ */ e.jsxs(fe, { className: "relative mb-2 flex h-full min-h-0 w-full flex-1 grow basis-0", children: [
-        /* @__PURE__ */ e.jsx(Pt, { card: a, data: d == null ? void 0 : d.records }),
+        /* @__PURE__ */ e.jsx($t, { card: a, data: d == null ? void 0 : d.records }),
         /* @__PURE__ */ e.jsx(Ke, { orientation: "horizontal" })
       ] });
   }
@@ -2722,19 +2716,19 @@ function Ha({
       className: Y("relative flex h-full flex-col rounded-none", s),
       ...n,
       children: [
-        t && /* @__PURE__ */ e.jsxs(At, { className: "flex flex-row items-start justify-between py-4", children: [
+        t && /* @__PURE__ */ e.jsxs(Vt, { className: "flex flex-row items-start justify-between py-4", children: [
           /* @__PURE__ */ e.jsxs("div", { children: [
             /* @__PURE__ */ e.jsx(
-              Xe,
+              Ze,
               {
                 text: a.title,
                 onSave: (y) => 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..." }) })
+                children: /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-5", children: /* @__PURE__ */ e.jsx(At, { className: "text-base", children: a.title || "Edit title..." }) })
               },
               a.title
             ),
             /* @__PURE__ */ e.jsx(
-              Xe,
+              Ze,
               {
                 text: a.description || "",
                 onSave: (y) => b({ ...a, description: y }),
@@ -2743,17 +2737,17 @@ function Ha({
               a.description
             )
           ] }),
-          o && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
+          i && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
             /* @__PURE__ */ e.jsx(
-              Xe,
+              Ze,
               {
                 className: "my-1",
-                text: o.title || o.column,
-                onSave: (y) => i({ ...o, title: y }),
-                children: /* @__PURE__ */ e.jsx(H, { children: o.title })
+                text: i.title || i.column,
+                onSave: (y) => o({ ...i, title: y }),
+                children: /* @__PURE__ */ e.jsx(H, { children: i.title })
               }
             ),
-            /* @__PURE__ */ e.jsx(ba, { filter: o })
+            /* @__PURE__ */ e.jsx(ba, { filter: i })
           ] })
         ] }),
         /* @__PURE__ */ e.jsx(Rt, { className: "flex grow flex-col", children: p() })
@@ -2814,12 +2808,12 @@ const ea = ({ language: s, value: n, onChange: a }) => /* @__PURE__ */ e.jsx(
   onCodeChange: l
 }) => /* @__PURE__ */ e.jsxs(va, { defaultValue: "custom-config", className: "flex w-1/2 flex-col", children: [
   /* @__PURE__ */ e.jsxs(Ca, { className: "justify-start rounded-sm rounded-b-none border border-b-0", children: [
-    /* @__PURE__ */ e.jsxs(Ze, { value: "custom-config", children: [
+    /* @__PURE__ */ e.jsxs(Xe, { value: "custom-config", children: [
       a && /* @__PURE__ */ e.jsx(Na, { className: "mr-1 h-5 w-5 text-green-600" }),
       a ? "Custom Config" : "Default Config"
     ] }),
-    /* @__PURE__ */ e.jsx(Ze, { value: "output", children: "Output" }),
-    /* @__PURE__ */ e.jsx(Ze, { value: "custom-code", children: "Custom Code" })
+    /* @__PURE__ */ e.jsx(Xe, { value: "output", children: "Output" }),
+    /* @__PURE__ */ e.jsx(Xe, { value: "custom-code", children: "Custom Code" })
   ] }),
   /* @__PURE__ */ e.jsx(
     es,
@@ -2879,15 +2873,15 @@ const ea = ({ language: s, value: n, onChange: a }) => /* @__PURE__ */ e.jsx(
   /* @__PURE__ */ e.jsx(O, { onClick: l, variant: "outline", children: "Close" })
 ] });
 function Ol() {
-  const [s, n] = q(!1), [a, t] = q(""), [l, r] = q(""), [i, o] = q(""), [d, x] = q(""), c = u((z) => z.card), b = u((z) => z.card.customCfg), { data: g } = De(c), { data: h } = Es(c), { setCardCustomCfg: f, setCustomVisualCode: p } = ne(), N = (z) => {
-    var T, L;
+  const [s, n] = q(!1), [a, t] = q(""), [l, r] = q(""), [o, i] = q(""), [d, x] = q(""), c = u((z) => z.card), b = u((z) => z.card.customCfg), { data: g } = De(c), { data: h } = Es(c), { setCardCustomCfg: f, setCustomVisualCode: p } = ne(), N = (z) => {
+    var F, T;
     return JSON.stringify(
       {
         ...z,
         data: {
           ...z.data,
-          datasets: (L = (T = z.data) == null ? void 0 : T.datasets) == null ? void 0 : L.map((V) => ({
-            ...V,
+          datasets: (T = (F = z.data) == null ? void 0 : F.datasets) == null ? void 0 : T.map((A) => ({
+            ...A,
             data: []
           }))
         }
@@ -2896,8 +2890,8 @@ function Ol() {
       2
     );
   }, y = () => {
-    var T, L;
-    if (!((T = g == null ? void 0 : g.records) != null && T.length)) return;
+    var F, T;
+    if (!((F = g == null ? void 0 : g.records) != null && F.length)) return;
     const z = ja({
       data: g.records,
       cardType: c.type,
@@ -2905,12 +2899,12 @@ function Ol() {
       preferences: c.preferences,
       topoJson: h
     });
-    z && (t(N(z)), o(((L = c.preferences) == null ? void 0 : L.customVisualCode) || ""), r(
+    z && (t(N(z)), i(((T = c.preferences) == null ? void 0 : T.customVisualCode) || ""), r(
       b ? JSON.stringify(b, null, 2) : ""
     ));
-  }, A = () => {
+  }, V = () => {
     try {
-      if (i && p(i), l) {
+      if (o && p(o), l) {
         const z = JSON.parse(l);
         f(z), x("");
       }
@@ -2932,7 +2926,7 @@ function Ol() {
         size: "sm",
         variant: "outline",
         className: b ? "border-foreground/50 dark:border-foreground/70" : "",
-        children: /* @__PURE__ */ e.jsx($t, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ e.jsx(Pt, { className: "h-4 w-4" })
       }
     ) }),
     /* @__PURE__ */ e.jsxs(ws, { className: "max-h-[70vh] min-h-[70vh] overflow-auto sm:min-w-[900px] lg:min-w-[1200px]", children: [
@@ -2943,10 +2937,10 @@ function Ol() {
           kl,
           {
             defaultConfig: a,
-            customCode: i,
+            customCode: o,
             customConfig: I(),
             onConfigChange: (z) => r(z ?? ""),
-            onCodeChange: (z) => o(z ?? "")
+            onCodeChange: (z) => i(z ?? "")
           }
         )
       ] }),
@@ -2958,17 +2952,17 @@ function Ol() {
           onReset: () => {
             r(""), f(null);
           },
-          onApply: A,
+          onApply: V,
           onClose: () => n(!1)
         }
       )
     ] })
   ] });
 }
-function Pa(s) {
+function $a(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 $a(s) {
+function Pa(s) {
   return ge({ tag: "svg", attr: { viewBox: "0 0 256 256", fill: "currentColor" }, child: [{ tag: "path", attr: { d: "M128,24a8,8,0,0,0-8,8V88a8,8,0,0,0,8,8,32,32,0,1,1-27.72,16,8,8,0,0,0-2.93-10.93l-48.5-28A8,8,0,0,0,37.92,76,104,104,0,1,0,128,24ZM48.09,91.1,83,111.26A48.09,48.09,0,0,0,80,128c0,1.53.08,3,.22,4.52L41.28,143A88.16,88.16,0,0,1,48.09,91.1Zm-2.67,67.31,39-10.44A48.1,48.1,0,0,0,120,175.32v40.31A88.2,88.2,0,0,1,45.42,158.41ZM136,215.63V175.32a48,48,0,0,0,0-94.65V40.36a88,88,0,0,1,0,175.27Z" }, child: [] }] })(s);
 }
 function Ba(s) {
@@ -2991,9 +2985,9 @@ function Ja(s) {
 }
 function Wa(s) {
   const [n, a] = q(null);
-  return Z(() => {
+  return X(() => {
     s && (async () => {
-      const r = (await import("./lucide-react-g0ln-XxW.js"))[s];
+      const r = (await import("./lucide-react-CoTyczdi.js"))[s];
       a(r);
     })();
   }, [s]), n;
@@ -3010,18 +3004,18 @@ function Dl({
   onChartTypeChange: s
 }) {
   const [n, a] = q([]), { data: t } = Ya();
-  return Z(() => {
+  return X(() => {
     (async () => {
       var r;
       if (t) {
-        const o = (await Promise.all(
+        const i = (await Promise.all(
           (r = t == null ? void 0 : t.plugins) == null ? void 0 : r.map(async (d) => (await Ut(d.value)).visuals.map((b) => ({
             name: b.name,
             icon: b.icon,
             url: d.value
           })))
         )).flat();
-        a(o);
+        a(i);
       }
     })();
   }, [t]), n.length === 0 ? null : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
@@ -3047,9 +3041,9 @@ const Ml = ({
 };
 function Il() {
   var c, b;
-  const [s, n] = q(!1), a = u((g) => g.card), t = a.type, { setCardType: l, setCardPreferences: r, setChartOrientation: i } = u((g) => g.actions), { setCardCustomCfg: o, setCustomCardPreferences: d } = ne();
+  const [s, n] = q(!1), a = u((g) => g.card), t = a.type, { setCardType: l, setCardPreferences: r, setChartOrientation: o } = u((g) => g.actions), { setCardCustomCfg: i, setCustomCardPreferences: d } = ne();
   function x(g, h) {
-    o(null), r({}), l(g), h && d({
+    i(null), r({}), l(g), h && d({
       type: "component",
       visualType: "single",
       url: h.url,
@@ -3059,7 +3053,7 @@ function Il() {
   }
   return /* @__PURE__ */ e.jsxs(ds, { open: s, onOpenChange: n, children: [
     /* @__PURE__ */ e.jsx(us, { asChild: !0, children: /* @__PURE__ */ e.jsx(O, { size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(
-      Tl,
+      Fl,
       {
         className: "h-4 w-4",
         chartType: t,
@@ -3131,7 +3125,7 @@ function Il() {
           {
             onClick: () => x("doughnut"),
             variant: "ghost",
-            children: /* @__PURE__ */ e.jsx($a, { className: "size-5", strokeWidth: 1 })
+            children: /* @__PURE__ */ e.jsx(Pa, { className: "size-5", strokeWidth: 1 })
           }
         ),
         /* @__PURE__ */ e.jsx(
@@ -3140,7 +3134,7 @@ function Il() {
             onClick: () => x("radar"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(
-              Pa,
+              $a,
               {
                 className: "size-5 font-extralight",
                 strokeWidth: 0.5
@@ -3201,7 +3195,7 @@ function Il() {
           {
             onClick: () => x("map"),
             variant: "ghost",
-            children: /* @__PURE__ */ e.jsx(La, { className: "size-4" })
+            children: /* @__PURE__ */ e.jsx(Ta, { className: "size-4" })
           }
         ),
         /* @__PURE__ */ e.jsx(
@@ -3209,7 +3203,7 @@ function Il() {
           {
             onClick: () => x("custom"),
             variant: "ghost",
-            children: /* @__PURE__ */ e.jsx(Fa, { className: "size-4" })
+            children: /* @__PURE__ */ e.jsx(La, { className: "size-4" })
           }
         )
       ] }),
@@ -3217,7 +3211,7 @@ function Il() {
     ] })
   ] });
 }
-function Tl({
+function Fl({
   chartType: s,
   className: n,
   customIcon: a,
@@ -3232,13 +3226,13 @@ function Tl({
     case "pie":
       return /* @__PURE__ */ e.jsx(Ma, { className: n });
     case "radar":
-      return /* @__PURE__ */ e.jsx(Pa, { className: n });
+      return /* @__PURE__ */ e.jsx($a, { className: n });
     case "scatter":
       return /* @__PURE__ */ e.jsx(Ia, { className: n });
     case "bubble":
       return /* @__PURE__ */ e.jsx(Ua, { className: n });
     case "doughnut":
-      return /* @__PURE__ */ e.jsx($a, { className: n });
+      return /* @__PURE__ */ e.jsx(Pa, { className: n });
     case "stackedBar":
       return /* @__PURE__ */ e.jsx(Ka, { className: "size-4 text-foreground/70" });
     case "stackedLine":
@@ -3254,18 +3248,18 @@ function Tl({
     case "text":
       return /* @__PURE__ */ e.jsx(_s, { className: n });
     case "map":
-      return /* @__PURE__ */ e.jsx(La, { className: n });
+      return /* @__PURE__ */ e.jsx(Ta, { className: n });
     case "custom":
-      return a && l ? /* @__PURE__ */ e.jsx(l, { className: n }) : t ? t == null ? void 0 : t.charAt(0).toUpperCase() : /* @__PURE__ */ e.jsx(Fa, { className: n });
+      return a && l ? /* @__PURE__ */ e.jsx(l, { className: n }) : t ? t == null ? void 0 : t.charAt(0).toUpperCase() : /* @__PURE__ */ e.jsx(La, { className: n });
     default:
       return /* @__PURE__ */ e.jsx(Is, { className: n });
   }
 }
-function Ll() {
+function Tl() {
   var n;
   const s = u((a) => a.card);
   return (n = s.customCardPreferences) == null || n.showCardHeader, ne(), /* @__PURE__ */ e.jsxs(na, { children: [
-    /* @__PURE__ */ e.jsx(la, { asChild: !0, children: /* @__PURE__ */ e.jsx(Ta, { className: "size-4 cursor-pointer text-muted-foreground/70 transition-colors hover:text-muted-foreground" }) }),
+    /* @__PURE__ */ e.jsx(la, { asChild: !0, children: /* @__PURE__ */ e.jsx(Fa, { className: "size-4 cursor-pointer text-muted-foreground/70 transition-colors hover:text-muted-foreground" }) }),
     /* @__PURE__ */ e.jsx(ra, { align: "start", className: "w-40 text-muted-foreground", children: /* @__PURE__ */ e.jsxs(
       Gt,
       {
@@ -3284,7 +3278,7 @@ function Ll() {
 function sa() {
   const s = u((m) => m.frame), n = u((m) => m.card), a = u((m) => m.isShowingVisual), t = u((m) => m.isSqlRunning), l = u((m) => m.queryError), r = u((m) => m.pythonStdOut);
   u((m) => m.actions.setRunSql);
-  const { setFrame: i, setCard: o, updateCardInFrame: d, setActiveTabCardId: x } = ne(), { data: c, isLoading: b, isFetching: g } = De(n);
+  const { setFrame: o, setCard: i, updateCardInFrame: d, setActiveTabCardId: x } = ne(), { data: c, isLoading: b, isFetching: g } = De(n);
   if (!n) return /* @__PURE__ */ e.jsx(e.Fragment, { children: "No Active Card" });
   function h() {
     const m = {
@@ -3312,7 +3306,7 @@ function sa() {
       cards: [...s.cards, m],
       activeCardId: m.id
     };
-    i(v), x(m.id);
+    o(v), x(m.id);
   }
   function p() {
     const m = {
@@ -3330,12 +3324,12 @@ function sa() {
       // update the active card to the first card in the frame
       activeCardId: j.id
     };
-    i(D), o(j);
+    o(D), i(j);
   }
   function y(m) {
     x(m);
   }
-  const A = (m, v) => {
+  const V = (m, v) => {
     console.log("handleDragStart", v), m.dataTransfer.setData("tabIndex", v.toString());
   }, I = (m) => {
     m.preventDefault();
@@ -3343,15 +3337,15 @@ function sa() {
     const j = m.dataTransfer.getData("tabIndex");
     if (j === v.toString()) return;
     const D = Array.from(s.cards), [S] = D.splice(parseInt(j), 1);
-    D.splice(v, 0, S), i({ ...s, cards: D });
+    D.splice(v, 0, S), o({ ...s, cards: D });
   };
-  function T(m, v) {
+  function F(m, v) {
     return m.cards.length === 1 && (v.displayTab === !0 || v.displayTab === void 0) || m.activeCardId !== v.id && (v.displayTab === !0 || v.displayTab === void 0) ? null : /* @__PURE__ */ e.jsx(
       "div",
       {
         onClick: () => {
           const j = v.displayTab === void 0 ? !1 : !v.displayTab;
-          o({ ...v, displayTab: j }), d({
+          i({ ...v, displayTab: j }), d({
             ...v,
             displayTab: j
           });
@@ -3360,7 +3354,7 @@ function sa() {
       }
     );
   }
-  function L() {
+  function T() {
     return /* @__PURE__ */ e.jsxs(
       va,
       {
@@ -3368,26 +3362,26 @@ function sa() {
         value: s.activeCardId,
         className: "flex grow flex-col",
         children: [
-          s.cards.map((m) => /* @__PURE__ */ e.jsx(es, { className: "mt-0 grow", value: m.id, children: V() }, m.id)),
+          s.cards.map((m) => /* @__PURE__ */ e.jsx(es, { className: "mt-0 grow", value: m.id, children: A() }, m.id)),
           /* @__PURE__ */ e.jsx(Ca, { className: "group mx-6 justify-between", children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center", children: [
             s.cards.map((m, v) => /* @__PURE__ */ e.jsx(
-              Xe,
+              Ze,
               {
                 text: m.tabTitle || m.title,
                 onSave: (j) => {
-                  o({ ...n, tabTitle: j }), d({ ...n, tabTitle: j });
+                  i({ ...n, tabTitle: j }), d({ ...n, tabTitle: j });
                 },
                 children: /* @__PURE__ */ e.jsxs(
-                  Ze,
+                  Xe,
                   {
                     draggable: !0,
-                    onDragStart: (j) => A(j, v),
+                    onDragStart: (j) => V(j, v),
                     onDragOver: I,
                     onDrop: (j) => z(j, v),
                     className: "",
                     value: m.id,
                     children: [
-                      T(s, m),
+                      F(s, m),
                       m.tabTitle || m.title,
                       s.activeCardId === m.id && s.cards.length > 1 && /* @__PURE__ */ e.jsx(
                         Sa,
@@ -3425,7 +3419,7 @@ function sa() {
       }
     );
   }
-  function V() {
+  function A() {
     return n.type === "kpi" ? /* @__PURE__ */ e.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e.jsx(Qt, { card: n, data: c == null ? void 0 : c.records }) }) }) : n.type === "text" ? /* @__PURE__ */ e.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e.jsx(fe, { className: "mx-3 my-6 h-[300px] overflow-y-auto break-words px-3", children: /* @__PURE__ */ e.jsx(
       Jt,
       {
@@ -3436,16 +3430,16 @@ function sa() {
     ) }) }) }) : /* @__PURE__ */ e.jsx(cs, { FallbackComponent: ya, children: /* @__PURE__ */ e.jsx(Ha, { className: "grow border-none shadow-none" }) });
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "relative flex h-full flex-col py-3", children: [
-    (b || g) && /* @__PURE__ */ e.jsx(Ve, { className: "absolute bottom-0 left-0 right-0 top-0 z-50 m-auto h-10 w-10 animate-spin text-foreground/10" }),
+    (b || g) && /* @__PURE__ */ e.jsx(Ae, { className: "absolute bottom-0 left-0 right-0 top-0 z-50 m-auto h-10 w-10 animate-spin text-foreground/10" }),
     /* @__PURE__ */ e.jsxs("div", { className: "mb-0 flex min-h-10 items-center justify-end gap-2 px-6", children: [
       a && /* @__PURE__ */ e.jsxs("div", { className: "flex grow items-center gap-2", children: [
         /* @__PURE__ */ e.jsx(Il, {}),
         !["table", "custom"].includes(n.type) && /* @__PURE__ */ e.jsx(Ol, {}),
-        /* @__PURE__ */ e.jsx(Ll, {})
+        /* @__PURE__ */ e.jsx(Tl, {})
       ] }),
       /* @__PURE__ */ e.jsx(El, {})
     ] }),
-    a ? L() : /* @__PURE__ */ e.jsxs(
+    a ? T() : /* @__PURE__ */ e.jsxs(
       ss,
       {
         className: "px-6",
@@ -3460,7 +3454,7 @@ function sa() {
                 defaultSize: 30,
                 minSize: 10,
                 className: "relative flex h-full min-h-0 w-full flex-1 basis-0",
-                children: r && /* @__PURE__ */ e.jsx(Fl, {})
+                children: r && /* @__PURE__ */ e.jsx(Ll, {})
               }
             ),
             /* @__PURE__ */ e.jsx(as, {})
@@ -3484,7 +3478,7 @@ function sa() {
     )
   ] });
 }
-function Fl() {
+function Ll() {
   const s = u((a) => a.pythonStdOut);
   if (!s) return null;
   const n = s.replace(/\n/g, "<br>");
@@ -3513,7 +3507,7 @@ function El() {
     )
   ] });
 }
-function Al({
+function Vl({
   options: s,
   value: n,
   onValueChange: a
@@ -3549,11 +3543,11 @@ function de({
     ),
     /* @__PURE__ */ e.jsx(xe, { children: /* @__PURE__ */ e.jsxs(ve, { children: [
       /* @__PURE__ */ e.jsx(pe, { children: s }),
-      n.map((r) => /* @__PURE__ */ e.jsx(X, { value: r.value, children: r.label }, r.value))
+      n.map((r) => /* @__PURE__ */ e.jsx(Z, { value: r.value, children: r.label }, r.value))
     ] }) })
   ] });
 }
-function $e({
+function Pe({
   children: s,
   summary: n,
   open: a,
@@ -3567,106 +3561,106 @@ function $e({
       children: [
         /* @__PURE__ */ e.jsxs("summary", { className: "flex cursor-pointer list-none items-center justify-between gap-4", children: [
           /* @__PURE__ */ e.jsx(H, { children: n }),
-          /* @__PURE__ */ e.jsx(Xt, { className: "h-4 w-4" })
+          /* @__PURE__ */ e.jsx(Zt, { className: "h-4 w-4" })
         ] }),
         /* @__PURE__ */ e.jsx("div", { className: "transition-all ease-in-out", children: s })
       ]
     }
   );
 }
-function Vl() {
+function Al() {
   var p, N;
   const s = u(
     (y) => y.card.customCardPreferences
-  ), { data: n } = Ya(), a = (n == null ? void 0 : n.plugins) || [], t = u((y) => y.card), l = u((y) => y.frame), r = (s == null ? void 0 : s.visualType) || "single", { setCustomCardPreferences: i } = ne(), { components: o, manifest: d } = ga(
+  ), { data: n } = Ya(), a = (n == null ? void 0 : n.plugins) || [], t = u((y) => y.card), l = u((y) => y.frame), r = (s == null ? void 0 : s.visualType) || "single", { setCustomCardPreferences: o } = ne(), { components: i, manifest: d } = ga(
     (s == null ? void 0 : s.url) || ""
   ), x = (p = d == null ? void 0 : d.visuals) == null ? void 0 : p.find(
     (y) => y.name === (s == null ? void 0 : s.componentName)
   );
-  function c(y, A) {
+  function c(y, V) {
     if (!s) return;
     const z = {
       ...(s == null ? void 0 : s.dataInputCardIds) || {},
       [y]: {
-        cardId: A,
+        cardId: V,
         hookRef: null
       }
     };
-    i({
+    o({
       ...s,
       dataInputCardIds: z
     });
   }
   function b(y) {
     var I, z;
-    const A = (I = l == null ? void 0 : l.cards) == null ? void 0 : I.filter((T) => {
-      var L;
-      return ((L = T == null ? void 0 : T.customCardPreferences) == null ? void 0 : L.visualType) !== "multiple";
-    }).map((T) => ({
-      value: T.id,
-      label: T.tabTitle || T.title
+    const V = (I = l == null ? void 0 : l.cards) == null ? void 0 : I.filter((F) => {
+      var T;
+      return ((T = F == null ? void 0 : F.customCardPreferences) == null ? void 0 : T.visualType) !== "multiple";
+    }).map((F) => ({
+      value: F.id,
+      label: F.tabTitle || F.title
     }));
-    return /* @__PURE__ */ e.jsx("div", { className: "space-y-2", children: (z = y == null ? void 0 : y.dataInputs) == null ? void 0 : z.map((T, L) => {
-      var V, m;
+    return /* @__PURE__ */ e.jsx("div", { className: "space-y-2", children: (z = y == null ? void 0 : y.dataInputs) == null ? void 0 : z.map((F, T) => {
+      var A, m;
       return /* @__PURE__ */ e.jsxs(
         "div",
         {
           className: "grid grid-cols-10 gap-2",
           children: [
-            /* @__PURE__ */ e.jsx("div", { className: "col-span-4 flex items-center", children: T }),
+            /* @__PURE__ */ e.jsx("div", { className: "col-span-4 flex items-center", children: F }),
             /* @__PURE__ */ e.jsx(
               de,
               {
                 className: "col-span-6 h-8 w-full justify-between",
                 label: "",
-                options: A || [],
-                value: ((m = (V = s == null ? void 0 : s.dataInputCardIds) == null ? void 0 : V[L]) == null ? void 0 : m.cardId) || "",
-                onValueChange: (v) => c(L, v)
+                options: V || [],
+                value: ((m = (A = s == null ? void 0 : s.dataInputCardIds) == null ? void 0 : A[T]) == null ? void 0 : m.cardId) || "",
+                onValueChange: (v) => c(T, v)
               }
             )
           ]
         },
-        L + Math.random()
+        T + Math.random()
       );
     }) });
   }
-  function g(y, A, I = []) {
-    var z, T;
+  function g(y, V, I = []) {
+    var z, F;
     return s ? y === "input" ? /* @__PURE__ */ e.jsx(
       ie,
       {
-        className: `h-8 w-full ${Pe}`,
-        value: ((z = s == null ? void 0 : s.settings) == null ? void 0 : z[A]) || "",
-        onChange: (L) => {
-          i({
+        className: `h-8 w-full ${$e}`,
+        value: ((z = s == null ? void 0 : s.settings) == null ? void 0 : z[V]) || "",
+        onChange: (T) => {
+          o({
             ...s,
             settings: {
               ...s == null ? void 0 : s.settings,
-              [A]: L.target.value
+              [V]: T.target.value
             }
           });
         }
       },
-      A
+      V
     ) : y === "select" ? /* @__PURE__ */ e.jsx(
       de,
       {
         className: "h-8 w-full",
         label: "",
         options: I,
-        value: ((T = s == null ? void 0 : s.settings) == null ? void 0 : T[A]) || "",
-        onValueChange: (L) => {
-          i({
+        value: ((F = s == null ? void 0 : s.settings) == null ? void 0 : F[V]) || "",
+        onValueChange: (T) => {
+          o({
             ...s,
-            settings: { ...s == null ? void 0 : s.settings, [A]: L }
+            settings: { ...s == null ? void 0 : s.settings, [V]: T }
           });
         }
       }
     ) : null : null;
   }
   function h(y) {
-    const A = Object.entries((y == null ? void 0 : y.settings) || {});
-    return /* @__PURE__ */ e.jsx("div", { className: "space-y-3", children: A.map(([I, z]) => /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
+    const V = Object.entries((y == null ? void 0 : y.settings) || {});
+    return /* @__PURE__ */ e.jsx("div", { className: "space-y-3", children: V.map(([I, z]) => /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ e.jsx(H, { children: z.title }),
       g(
         z.ui,
@@ -3676,7 +3670,7 @@ function Vl() {
     ] }, I)) });
   }
   function f(y) {
-    s && i({
+    s && o({
       ...s,
       visualType: y,
       componentName: ""
@@ -3687,7 +3681,7 @@ function Vl() {
     {
       className: "p-6",
       children: [
-        /* @__PURE__ */ e.jsx($e, { 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(Pe, { summary: "Plugin Settings", children: /* @__PURE__ */ e.jsx("div", { className: "space-y-4 text-sm", children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 text-sm", children: [
           /* @__PURE__ */ e.jsx("div", { className: "space-y-2", children: /* @__PURE__ */ e.jsx("div", { className: "px-2", children: /* @__PURE__ */ e.jsx(
             de,
             {
@@ -3695,7 +3689,7 @@ function Vl() {
               label: "",
               options: a,
               value: (s == null ? void 0 : s.url) || "",
-              onValueChange: (y) => i({
+              onValueChange: (y) => o({
                 ...s || {
                   url: "",
                   componentName: ""
@@ -3705,7 +3699,7 @@ function Vl() {
             }
           ) }) }),
           ((s == null ? void 0 : s.type) === "component" || (s == null ? void 0 : s.type) === void 0) && /* @__PURE__ */ e.jsx(
-            Al,
+            Vl,
             {
               options: [
                 { value: "single", label: "Single Visual" },
@@ -3717,12 +3711,12 @@ function Vl() {
           ),
           ((s == null ? void 0 : s.type) === "component" || (s == null ? void 0 : s.type) === void 0) && s && /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
             /* @__PURE__ */ e.jsx(H, { children: "Component" }),
-            /* @__PURE__ */ e.jsx("div", { className: "space-y-2 px-2", children: o && /* @__PURE__ */ e.jsx(
+            /* @__PURE__ */ e.jsx("div", { className: "space-y-2 px-2", children: i && /* @__PURE__ */ e.jsx(
               de,
               {
                 className: "h-8 w-full",
                 label: "",
-                options: (o == null ? void 0 : o.filter(
+                options: (i == null ? void 0 : i.filter(
                   (y) => y.type === r
                 ).map((y) => ({
                   value: y.name,
@@ -3730,7 +3724,7 @@ function Vl() {
                 }))) || [],
                 value: s.componentName,
                 onValueChange: (y) => {
-                  console.log("changing value", y), i({
+                  console.log("changing value", y), o({
                     ...s,
                     componentName: y
                   });
@@ -3740,7 +3734,7 @@ function Vl() {
           ] }) })
         ] }) }) }),
         /* @__PURE__ */ e.jsx(Ce, { className: "my-4" }),
-        ((N = t == null ? void 0 : t.customCardPreferences) == null ? void 0 : N.componentName) && /* @__PURE__ */ e.jsxs($e, { summary: "Component Settings", children: [
+        ((N = t == null ? void 0 : t.customCardPreferences) == null ? void 0 : N.componentName) && /* @__PURE__ */ e.jsxs(Pe, { summary: "Component Settings", children: [
           x && x.dataInputs && /* @__PURE__ */ e.jsxs("div", { className: "space-y-3", children: [
             /* @__PURE__ */ e.jsx(H, { children: "Input Mapping" }),
             /* @__PURE__ */ e.jsx("div", { className: "px-2", children: b(x) })
@@ -3756,7 +3750,7 @@ function Ie() {
   u(
     (c) => c.card.cfg
   );
-  const a = u((c) => c.card.preferences), { setCardCfg: t, setFilterOnClickColumnIndex: l, setCardPreferences: r } = u((c) => c.actions), i = u(
+  const a = u((c) => c.card.preferences), { setCardCfg: t, setFilterOnClickColumnIndex: l, setCardPreferences: r } = u((c) => c.actions), o = u(
     (c) => c.queryResultColumns
   );
   u(
@@ -3764,10 +3758,10 @@ function Ie() {
       var b;
       return (b = c.card.preferences) == null ? void 0 : b.filterOnClickColumnIndex;
     }
-  ), Z(() => {
-    i && n(new Array(i.length).fill(!1));
-  }, [i]);
-  function o(c, b) {
+  ), X(() => {
+    o && n(new Array(o.length).fill(!1));
+  }, [o]);
+  function i(c, b) {
     var g, h;
     b ? a != null && a.onClickFilter && ((g = a == null ? void 0 : a.onClickFilter) == null ? void 0 : g.length) > 0 ? r({
       ...a,
@@ -3823,7 +3817,7 @@ function Ie() {
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ e.jsx(H, { children: "On Click" }),
-    i == null ? void 0 : i.map((c, b) => {
+    o == null ? void 0 : o.map((c, b) => {
       var g, h;
       return /* @__PURE__ */ e.jsx(
         "div",
@@ -3832,12 +3826,12 @@ function Ie() {
           children: /* @__PURE__ */ e.jsxs("div", { className: "grow", children: [
             /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2 py-2", children: [
               /* @__PURE__ */ e.jsx(
-                As,
+                Vs,
                 {
                   checked: !!((g = a == null ? void 0 : a.onClickFilter) != null && g.find(
                     (f) => f.columnIndex === b
                   )),
-                  onCheckedChange: (f) => o(b, f)
+                  onCheckedChange: (f) => i(b, f)
                 }
               ),
               /* @__PURE__ */ e.jsx(
@@ -3871,18 +3865,18 @@ function Ie() {
   ] });
 }
 function xs() {
-  var i, o, d;
+  var o, i, d;
   const s = u((x) => x.card.preferences), n = u(
     (x) => x.card.cfg
   ), { setCardCfg: a, setCardPreferences: t, setChartOrientation: l } = u((x) => x.actions);
-  (i = n == null ? void 0 : n.options) != null && i.indexAxis;
+  (o = n == null ? void 0 : n.options) != null && o.indexAxis;
   function r(x) {
     l(x);
   }
   return /* @__PURE__ */ e.jsxs(
     ms,
     {
-      value: ((o = s == null ? void 0 : s.chartOptions) == null ? void 0 : o.indexAxis) || ((d = n == null ? void 0 : n.options) == null ? void 0 : d.indexAxis) || "x",
+      value: ((i = s == null ? void 0 : s.chartOptions) == null ? void 0 : i.indexAxis) || ((d = n == null ? void 0 : n.options) == null ? void 0 : d.indexAxis) || "x",
       onValueChange: r,
       className: "flex gap-3",
       defaultValue: "x",
@@ -3905,40 +3899,40 @@ function aa(s, n) {
   const a = wa(s, n);
   return ((r = (l = (t = s == null ? void 0 : s.chartOptions) == null ? void 0 : t.scales) == null ? void 0 : l[a]) == null ? void 0 : r.type) || "linear";
 }
-function Xa() {
-  var ee, G, se, k, P, U;
+function Za() {
+  var ee, G, se, k, $, U;
   const [s, n] = q(!1), a = u((E) => {
-    var F;
-    return (F = E.card) == null ? void 0 : F.preferences;
+    var L;
+    return (L = E.card) == null ? void 0 : L.preferences;
   }), t = u((E) => {
-    var F;
-    return (F = E.card) == null ? void 0 : F.cfg;
-  }), l = wa(a, t), [r, i] = q(
+    var L;
+    return (L = E.card) == null ? void 0 : L.cfg;
+  }), l = wa(a, t), [r, o] = q(
     aa(a)
-  ), [o, d] = q(
+  ), [i, d] = q(
     ((se = (G = (ee = a == null ? void 0 : a.chartOptions) == null ? void 0 : ee.scales) == null ? void 0 : G[l]) == null ? void 0 : se.min) || ""
   ), [x, c] = q(
-    ((U = (P = (k = a == null ? void 0 : a.chartOptions) == null ? void 0 : k.scales) == null ? void 0 : P[l]) == null ? void 0 : U.max) || ""
-  ), [b, g] = q(o || x ? "custom" : "auto"), [h, f] = q(""), [p, N] = q(0), [y, A] = q(""), [I, z] = q(""), [T, L] = q(""), V = u(
+    ((U = ($ = (k = a == null ? void 0 : a.chartOptions) == null ? void 0 : k.scales) == null ? void 0 : $[l]) == null ? void 0 : U.max) || ""
+  ), [b, g] = q(i || x ? "custom" : "auto"), [h, f] = q(""), [p, N] = q(0), [y, V] = q(""), [I, z] = q(""), [F, T] = q(""), A = u(
     (E) => E.actions.setCardPreferences
   ), { updateCardInFrame: m } = ne(), v = u((E) => E.card), j = u((E) => {
-    var F;
-    return (F = E.card) == null ? void 0 : F.type;
+    var L;
+    return (L = E.card) == null ? void 0 : L.type;
   }), D = ["pie", "doughnut", "polarArea"].includes(j);
-  Z(() => {
-    var E, F, re, B, ae, te, je, Te, we, Le, Fe, Ee, Ae, w;
-    i(aa(a)), d(
-      ((re = (F = (E = a == null ? void 0 : a.chartOptions) == null ? void 0 : E.scales) == null ? void 0 : F[l]) == null ? void 0 : re.min) === 0 ? 0 : ""
+  X(() => {
+    var E, L, re, B, ae, te, je, Fe, we, Te, Le, Ee, Ve, w;
+    o(aa(a)), d(
+      ((re = (L = (E = a == null ? void 0 : a.chartOptions) == null ? void 0 : E.scales) == null ? void 0 : L[l]) == null ? void 0 : re.min) === 0 ? 0 : ""
     ), c(((te = (ae = (B = a == null ? void 0 : a.chartOptions) == null ? void 0 : B.scales) == null ? void 0 : ae[l]) == null ? void 0 : te.max) || ""), f(
-      ((Le = (we = (Te = (je = a == null ? void 0 : a.chartOptions) == null ? void 0 : je.scales) == null ? void 0 : Te[l]) == null ? void 0 : we.ticks) == null ? void 0 : Le.stepSize) || ""
-    ), N(((Fe = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : Fe.decimalPlaces) || 0), A(((Ee = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : Ee.suffix) || ""), z(((Ae = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : Ae.currency) || ""), L(((w = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : w.locale) || "");
+      ((Te = (we = (Fe = (je = a == null ? void 0 : a.chartOptions) == null ? void 0 : je.scales) == null ? void 0 : Fe[l]) == null ? void 0 : we.ticks) == null ? void 0 : Te.stepSize) || ""
+    ), N(((Le = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : Le.decimalPlaces) || 0), V(((Ee = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : Ee.suffix) || ""), z(((Ve = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : Ve.currency) || ""), T(((w = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : w.locale) || "");
   }, [s, a, l]);
-  function S(E, F) {
-    return F === "" || /^[0-9\b]+$/.test(F) ? Number(F) : Number(E);
+  function S(E, L) {
+    return L === "" || /^[0-9\b]+$/.test(L) ? Number(L) : Number(E);
   }
   function _() {
     const E = [
-      ...new Set(ts.map((F) => F.currency))
+      ...new Set(ts.map((L) => L.currency))
     ];
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-6 items-center gap-2", children: [
@@ -3961,18 +3955,18 @@ function Xa() {
           ue,
           {
             value: I || "none",
-            onValueChange: (F) => z(F === "none" ? "" : F),
+            onValueChange: (L) => z(L === "none" ? "" : L),
             children: [
               /* @__PURE__ */ e.jsx(he, { className: "col-span-2 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(me, {}) }),
               /* @__PURE__ */ e.jsx(xe, { children: /* @__PURE__ */ e.jsxs(ve, { children: [
                 /* @__PURE__ */ e.jsx(pe, { children: "Currency" }),
-                /* @__PURE__ */ e.jsx(X, { value: "none", children: "None" }),
-                E.map((F) => /* @__PURE__ */ e.jsx(X, { value: F, children: F }, F))
+                /* @__PURE__ */ e.jsx(Z, { value: "none", children: "None" }),
+                E.map((L) => /* @__PURE__ */ e.jsx(Z, { value: L, children: L }, L))
               ] }) })
             ]
           }
         ),
-        /* @__PURE__ */ e.jsxs(ue, { value: T, onValueChange: (F) => L(F), children: [
+        /* @__PURE__ */ e.jsxs(ue, { value: F, onValueChange: (L) => T(L), children: [
           /* @__PURE__ */ e.jsx(
             he,
             {
@@ -3982,7 +3976,7 @@ function Xa() {
           ),
           /* @__PURE__ */ e.jsx(xe, { children: /* @__PURE__ */ e.jsxs(ve, { children: [
             /* @__PURE__ */ e.jsx(pe, { children: "Locale" }),
-            ts.map((F) => /* @__PURE__ */ e.jsx(X, { value: F.locale, children: F.locale }, F.locale))
+            ts.map((L) => /* @__PURE__ */ e.jsx(Z, { value: L.locale, children: L.locale }, L.locale))
           ] }) })
         ] })
       ] }),
@@ -3992,7 +3986,7 @@ function Xa() {
           ie,
           {
             value: p,
-            onChange: (F) => N(Number(F.target.value)),
+            onChange: (L) => N(Number(L.target.value)),
             id: "format",
             className: `col-span-6 h-8 w-full tracking-wide ${We}`
           }
@@ -4000,7 +3994,7 @@ function Xa() {
       ] })
     ] });
   }
-  function $() {
+  function P() {
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 items-center gap-2", children: [
         /* @__PURE__ */ e.jsx(H, { htmlFor: "range", children: "Range" }),
@@ -4008,8 +4002,8 @@ function Xa() {
           ie,
           {
             id: "min",
-            value: o,
-            onChange: (E) => d((F) => S(F, E.target.value)),
+            value: i,
+            onChange: (E) => d((L) => S(L, E.target.value)),
             className: `col-span-1 h-8 w-full ${We}`
           }
         ),
@@ -4017,7 +4011,7 @@ function Xa() {
           ie,
           {
             value: x,
-            onChange: (E) => c((F) => S(F, E.target.value)),
+            onChange: (E) => c((L) => S(L, E.target.value)),
             id: "max",
             className: `col-span-1 h-8 w-full ${We}`
           }
@@ -4029,7 +4023,7 @@ function Xa() {
           ie,
           {
             value: h,
-            onChange: (E) => f((F) => S(F, E.target.value)),
+            onChange: (E) => f((L) => S(L, E.target.value)),
             id: "step-size",
             className: `col-span-1 h-8 w-full ${We}`
           }
@@ -4041,13 +4035,13 @@ function Xa() {
     var B;
     let E = {};
     b === "custom" && (E = {
-      min: o,
+      min: i,
       max: x,
       ticks: {
         stepSize: h
       }
     });
-    const F = {
+    const L = {
       ...a || {},
       chartOptions: {
         ...a == null ? void 0 : a.chartOptions,
@@ -4064,18 +4058,18 @@ function Xa() {
         decimalPlaces: p,
         suffix: y,
         currency: I,
-        locale: T
+        locale: F
       }
     };
-    console.log(F), V(F);
+    console.log(L), A(L);
     const re = {
       ...v,
-      preferences: F
+      preferences: L
     };
     m(re);
   }
   return /* @__PURE__ */ e.jsxs(ds, { onOpenChange: (E) => n(E), children: [
-    /* @__PURE__ */ e.jsx(us, { asChild: !0, children: /* @__PURE__ */ e.jsx(Zt, { className: "size-4 cursor-pointer text-muted-foreground hover:text-foreground" }) }),
+    /* @__PURE__ */ e.jsx(us, { asChild: !0, children: /* @__PURE__ */ e.jsx(Xt, { className: "size-4 cursor-pointer text-muted-foreground hover:text-foreground" }) }),
     /* @__PURE__ */ e.jsx(hs, { align: "center", className: "max-w-65", children: /* @__PURE__ */ e.jsxs("div", { className: "grid gap-4", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
         /* @__PURE__ */ e.jsx("h4", { className: "font-medium leading-none", children: "Scale Options" }),
@@ -4089,13 +4083,13 @@ function Xa() {
             {
               disabled: D,
               value: r,
-              onValueChange: (E) => i(E),
+              onValueChange: (E) => o(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(me, {}) }),
                 /* @__PURE__ */ e.jsx(xe, { id: "type", children: /* @__PURE__ */ e.jsxs(ve, { children: [
                   /* @__PURE__ */ e.jsx(pe, { children: "Option" }),
-                  /* @__PURE__ */ e.jsx(X, { value: "linear", children: "Linear" }),
-                  /* @__PURE__ */ e.jsx(X, { value: "logarithmic", children: "Logarithmic" })
+                  /* @__PURE__ */ e.jsx(Z, { value: "linear", children: "Linear" }),
+                  /* @__PURE__ */ e.jsx(Z, { value: "logarithmic", children: "Logarithmic" })
                 ] }) })
               ]
             }
@@ -4125,7 +4119,7 @@ function Xa() {
             }
           )
         ] }),
-        b === "custom" && r == "linear" && $(),
+        b === "custom" && r == "linear" && P(),
         _(),
         /* @__PURE__ */ e.jsx(en, {}),
         /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-3", children: /* @__PURE__ */ e.jsx(
@@ -4142,7 +4136,7 @@ function Xa() {
   ] });
 }
 function ql({ idx: s }) {
-  var o;
+  var i;
   const n = u((d) => {
     var x;
     return (x = d.card) == null ? void 0 : x.preferences;
@@ -4153,8 +4147,8 @@ function ql({ idx: s }) {
     }
   ), t = u(
     (d) => d.actions.setCardPreferences
-  ), l = (o = n == null ? void 0 : n.chartOptions) == null ? void 0 : o.indexAxis, r = a == null ? void 0 : a.find((d) => d.idx === s);
-  function i(d, x) {
+  ), l = (i = n == null ? void 0 : n.chartOptions) == null ? void 0 : i.indexAxis, r = a == null ? void 0 : a.find((d) => d.idx === s);
+  function o(d, x) {
     (d === "end" || d === "start") && sn(an());
     const c = {
       display: d !== "none",
@@ -4191,7 +4185,7 @@ function ql({ idx: s }) {
       /* @__PURE__ */ e.jsx(
         O,
         {
-          onClick: () => i("none", s),
+          onClick: () => o("none", s),
           size: "sm",
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
@@ -4201,12 +4195,12 @@ function ql({ idx: s }) {
       /* @__PURE__ */ e.jsx(
         O,
         {
-          onClick: () => i("start", s),
+          onClick: () => o("start", s),
           size: "sm",
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
           children: /* @__PURE__ */ e.jsx(
-            An,
+            Vn,
             {
               className: Y("h-4 w-4", {
                 "rotate-90": l === "y"
@@ -4218,7 +4212,7 @@ function ql({ idx: s }) {
       /* @__PURE__ */ e.jsx(
         O,
         {
-          onClick: () => i("center", s),
+          onClick: () => o("center", s),
           size: "sm",
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
@@ -4235,12 +4229,12 @@ function ql({ idx: s }) {
       /* @__PURE__ */ e.jsx(
         O,
         {
-          onClick: () => i("end", s),
+          onClick: () => o("end", s),
           size: "sm",
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
           children: /* @__PURE__ */ e.jsx(
-            Vn,
+            An,
             {
               className: Y("h-4 w-4", {
                 "rotate-90": l === "y"
@@ -4252,7 +4246,7 @@ function ql({ idx: s }) {
     ] }) })
   ] });
 }
-function Za() {
+function Xa() {
   const s = u((x) => x.card), n = u(
     (x) => {
       var c, b, g;
@@ -4260,15 +4254,15 @@ function Za() {
     }
   ), { data: a } = De(s), t = n === "y" ? "Y axis" : "X axis", l = n === "y" ? "X axis" : "Y axis", {
     keys: r,
-    metricKeys: i,
-    dimensionKeys: o
+    metricKeys: o,
+    dimensionKeys: i
   } = js((a == null ? void 0 : a.records) || []);
-  let d = i;
+  let d = o;
   if (["stackedBar", "stackedLine"].includes(s.type)) {
     const x = tn({
       dataArray: (a == null ? void 0 : a.records) || [],
-      groupKey: o[0],
-      pivotKey: o[1],
+      groupKey: i[0],
+      pivotKey: i[1],
       valueKey: d[0]
     }), { metricKeys: c } = js(x);
     d = c;
@@ -4276,28 +4270,28 @@ function Za() {
   return r.length === 0 ? null : /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ e.jsx(H, { children: t }),
-      /* @__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] }) }) })
+      /* @__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: i[0] }) }) })
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between gap-5", children: [
         /* @__PURE__ */ e.jsx(H, { children: l }),
-        /* @__PURE__ */ e.jsx(Xa, {})
+        /* @__PURE__ */ e.jsx(Za, {})
       ] }),
       /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: d.map((x, c) => /* @__PURE__ */ e.jsx(Rl, { col: x, idx: c }, x)) })
     ] })
   ] });
 }
 function Rl({ col: s, idx: n }) {
-  const a = u((o) => {
+  const a = u((i) => {
     var d;
-    return (d = o.card) == null ? void 0 : d.preferences;
+    return (d = i.card) == null ? void 0 : d.preferences;
   }), t = u(
-    (o) => {
+    (i) => {
       var d;
-      return (d = o.card.preferences) == null ? void 0 : d.datasetOptions;
+      return (d = i.card.preferences) == null ? void 0 : d.datasetOptions;
     }
-  ), l = t == null ? void 0 : t.find((o) => o.idx === n), { setCardPreferences: r } = u((o) => o.actions);
-  function i(o) {
+  ), l = t == null ? void 0 : t.find((i) => i.idx === n), { setCardPreferences: r } = u((i) => i.actions);
+  function o(i) {
     if (!l)
       r({
         ...a,
@@ -4305,14 +4299,14 @@ function Rl({ col: s, idx: n }) {
           ...t || [],
           {
             idx: n,
-            type: o === "area" ? "line" : o,
-            fill: o === "area" ? "origin" : ""
+            type: i === "area" ? "line" : i,
+            fill: i === "area" ? "origin" : ""
           }
         ]
       });
     else {
       const d = { ...l };
-      d.type = o === "area" ? "line" : o, d.fill = o === "area" ? "origin" : "";
+      d.type = i === "area" ? "line" : i, d.fill = i === "area" ? "origin" : "";
       const x = t == null ? void 0 : t.map(
         (c) => c.idx === n ? d : c
       );
@@ -4328,21 +4322,21 @@ function Rl({ col: s, idx: n }) {
       /* @__PURE__ */ e.jsx(
         qs,
         {
-          onClick: () => i("bar"),
+          onClick: () => o("bar"),
           className: "invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"
         }
       ),
       /* @__PURE__ */ e.jsx(
         Rs,
         {
-          onClick: () => i("line"),
+          onClick: () => o("line"),
           className: "invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"
         }
       ),
       /* @__PURE__ */ e.jsx(
         wn,
         {
-          onClick: () => i("area"),
+          onClick: () => o("area"),
           className: "invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"
         }
       ),
@@ -4351,28 +4345,28 @@ function Rl({ col: s, idx: n }) {
   ] });
 }
 function et() {
-  const s = u((g) => g.selectedConnectionId), n = u((g) => g.selectedDatamodelId), a = u((g) => g.selectedDatabaseName), t = u((g) => g.selectedSchemaName), l = u((g) => g.selectedTableName), r = M((g) => g.dashboard.filters) || [], i = M((g) => g.actions.addFilter), o = M((g) => g.actions.removeFilter), { removeFilterValues: d } = is(), { modelItems: x, tableName: c } = qe();
+  const s = u((g) => g.selectedConnectionId), n = u((g) => g.selectedDatamodelId), a = u((g) => g.selectedDatabaseName), t = u((g) => g.selectedSchemaName), l = u((g) => g.selectedTableName), r = M((g) => g.dashboard.filters) || [], o = M((g) => g.actions.addFilter), i = M((g) => g.actions.removeFilter), { removeFilterValues: d } = is(), { modelItems: x, tableName: c } = qe();
   function b(g, h = "dashboard") {
-    var L;
+    var T;
     const f = ce(g.column_name), p = ce(a || ""), N = ce(t || ""), y = ce(c);
-    let A = xa(
+    let V = xa(
       N,
       y
-    ), I = `${A}.${f}`;
-    const z = (L = x == null ? void 0 : x.find(
-      (V) => V.id === n
-    )) == null ? void 0 : L.name;
-    n && n !== "none" && (I = `${gs}.${z}.${f}`, A = `${gs}.${z}`);
-    const T = r == null ? void 0 : r.find(
-      (V) => V.column === I && V.table === y && (V.database === p || V.database === a)
+    ), I = `${V}.${f}`;
+    const z = (T = x == null ? void 0 : x.find(
+      (A) => A.id === n
+    )) == null ? void 0 : T.name;
+    n && n !== "none" && (I = `${gs}.${z}.${f}`, V = `${gs}.${z}`);
+    const F = r == null ? void 0 : r.find(
+      (A) => A.column === I && A.table === y && (A.database === p || A.database === a)
     );
-    if (T)
-      d(T.id), o(T.id);
+    if (F)
+      d(F.id), i(F.id);
     else {
-      const V = Ue();
-      return c === "api" && s ? (i({
+      const A = Ue();
+      return c === "api" && s ? (o({
         location: h,
-        id: V,
+        id: A,
         //uuidv4(),
         column: I,
         title: g.column_name,
@@ -4384,12 +4378,12 @@ function et() {
         operation: "in",
         sql: Ws(
           g.data_type,
-          A,
+          V,
           f
         )
         //DATE_DATA_TYPES.includes(column.data_type) ? dateSql : sql,
-      }), V) : (i({
-        id: V,
+      }), A) : (o({
+        id: A,
         //uuidv4(),
         location: h,
         column: I,
@@ -4402,35 +4396,35 @@ function et() {
         operation: "in",
         sql: Ws(
           g.data_type,
-          A,
+          V,
           f
         )
         //DATE_DATA_TYPES.includes(column.data_type) ? dateSql : sql,
-      }), V);
+      }), A);
     }
   }
   return { assignFilter: b };
 }
 function Re() {
   const s = M(
-    (o) => o.dashboard.filters
-  ), n = u((o) => o.frame), { setFrame: a } = ne(), { columns: t } = qe(), { assignFilter: l } = et();
-  function r(o) {
-    const d = l(o, "frame");
+    (i) => i.dashboard.filters
+  ), n = u((i) => i.frame), { setFrame: a } = ne(), { columns: t } = qe(), { assignFilter: l } = et();
+  function r(i) {
+    const d = l(i, "frame");
     a({ ...n, filterId: d });
   }
-  const i = s == null ? void 0 : s.find((o) => o.id === n.filterId);
+  const o = s == null ? void 0 : s.find((i) => i.id === n.filterId);
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-3", children: [
     /* @__PURE__ */ e.jsx(H, { children: "Card Filter" }),
     /* @__PURE__ */ e.jsx(_l, { onSelect: r, columns: t }),
-    i && /* @__PURE__ */ e.jsx(ka, { filter: i })
+    o && /* @__PURE__ */ e.jsx(ka, { filter: o })
   ] });
 }
 function _l({
   columns: s,
   onSelect: n
 }) {
-  var i;
+  var o;
   const [a, t] = Ys.useState(!1), [l, r] = Ys.useState("");
   return /* @__PURE__ */ e.jsxs(ds, { open: a, onOpenChange: t, children: [
     /* @__PURE__ */ e.jsx(us, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
@@ -4442,7 +4436,7 @@ function _l({
         "aria-expanded": a,
         className: "w-full justify-between font-normal",
         children: [
-          l ? (i = s.find((o) => o.column_name === l)) == null ? void 0 : i.column_name : "Select Column...",
+          l ? (o = s.find((i) => i.column_name === l)) == null ? void 0 : o.column_name : "Select Column...",
           /* @__PURE__ */ e.jsx(nn, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
         ]
       }
@@ -4451,28 +4445,28 @@ function _l({
       /* @__PURE__ */ e.jsx(rn, { placeholder: "Search column", className: "h-9" }),
       /* @__PURE__ */ e.jsxs(on, { children: [
         /* @__PURE__ */ e.jsx(cn, { children: "No framework found." }),
-        /* @__PURE__ */ e.jsx(dn, { children: s.map((o) => /* @__PURE__ */ e.jsxs(
+        /* @__PURE__ */ e.jsx(dn, { children: s.map((i) => /* @__PURE__ */ e.jsxs(
           un,
           {
-            value: o.column_name,
+            value: i.column_name,
             onSelect: (d) => {
               const x = d === l ? "" : d;
-              r(x), t(!1), x && n(o);
+              r(x), t(!1), x && n(i);
             },
             children: [
-              o.column_name,
+              i.column_name,
               /* @__PURE__ */ e.jsx(
                 Na,
                 {
                   className: Y(
                     "ml-auto h-4 w-4",
-                    l === o.column_name ? "opacity-100" : "opacity-0"
+                    l === i.column_name ? "opacity-100" : "opacity-0"
                   )
                 }
               )
             ]
           },
-          o.column_name
+          i.column_name
         )) })
       ] })
     ] }) })
@@ -4483,7 +4477,7 @@ function Hl({
 }) {
   return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(Me, { defaultValue: ["item-2"], type: "multiple", children: [
     /* @__PURE__ */ e.jsxs(Q, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx(J, { children: `${Vs(s)} Chart` }),
+      /* @__PURE__ */ e.jsx(J, { children: `${As(s)} Chart` }),
       /* @__PURE__ */ e.jsxs(W, { 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: [
@@ -4511,7 +4505,7 @@ function Hl({
       /* @__PURE__ */ e.jsx(J, { children: "Settings" }),
       /* @__PURE__ */ e.jsxs(W, { className: "space-y-4 px-2", children: [
         /* @__PURE__ */ e.jsx(xs, {}),
-        /* @__PURE__ */ e.jsx(Za, {})
+        /* @__PURE__ */ e.jsx(Xa, {})
       ] })
     ] }),
     /* @__PURE__ */ e.jsxs(Q, { value: "item-3", children: [
@@ -4524,17 +4518,17 @@ function Hl({
   ] }) });
 }
 function Hs() {
-  var l, r, i;
+  var l, r, o;
   const s = u(
-    (o) => o.card.cfg
-  ), n = u((o) => o.actions.setCardCfg), a = u((o) => o.card.type);
-  function t(o) {
+    (i) => i.card.cfg
+  ), n = u((i) => i.actions.setCardCfg), a = u((i) => i.card.type);
+  function t(i) {
     var c;
     const d = {
       datalabels: {
-        display: o !== "none",
-        align: o,
-        anchor: o,
+        display: i !== "none",
+        align: i,
+        anchor: i,
         clamp: !0
       }
     }, x = {
@@ -4547,34 +4541,34 @@ function Hs() {
         }
       }
     };
-    n(x), console.log(o);
+    n(x), console.log(i);
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ e.jsx("label", { className: "font-medium", children: "Data Labels" }),
-      !["pyramid"].includes(a) && /* @__PURE__ */ e.jsx(Xa, {})
+      !["pyramid"].includes(a) && /* @__PURE__ */ e.jsx(Za, {})
     ] }),
     /* @__PURE__ */ e.jsxs(
       ue,
       {
-        value: (i = (r = (l = s == null ? void 0 : s.options) == null ? void 0 : l.plugins) == null ? void 0 : r.datalabels) == null ? void 0 : i.anchor,
+        value: (o = (r = (l = s == null ? void 0 : s.options) == null ? void 0 : l.plugins) == null ? void 0 : r.datalabels) == null ? void 0 : o.anchor,
         onValueChange: t,
         defaultValue: "none",
         children: [
           /* @__PURE__ */ e.jsx(he, { className: "h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(me, { placeholder: "Select position" }) }),
           /* @__PURE__ */ e.jsx(xe, { children: /* @__PURE__ */ e.jsxs(ve, { children: [
             /* @__PURE__ */ e.jsx(pe, { children: "Data Labels" }),
-            /* @__PURE__ */ e.jsx(X, { value: "none", children: "None" }),
-            a !== "pyramid" && /* @__PURE__ */ e.jsx(X, { value: "start", children: "Start" }),
-            /* @__PURE__ */ e.jsx(X, { value: "center", children: "Center" }),
-            a !== "pyramid" && /* @__PURE__ */ e.jsx(X, { value: "end", children: "End" })
+            /* @__PURE__ */ e.jsx(Z, { value: "none", children: "None" }),
+            a !== "pyramid" && /* @__PURE__ */ e.jsx(Z, { value: "start", children: "Start" }),
+            /* @__PURE__ */ e.jsx(Z, { value: "center", children: "Center" }),
+            a !== "pyramid" && /* @__PURE__ */ e.jsx(Z, { value: "end", children: "End" })
           ] }) })
         ]
       }
     )
   ] });
 }
-function Pl({
+function $l({
   cardType: s
 }) {
   function n(a) {
@@ -4605,7 +4599,7 @@ function Pl({
   }
   return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(Me, { defaultValue: ["item-2"], type: "multiple", children: [
     /* @__PURE__ */ e.jsxs(Q, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx(J, { children: `${Vs(s)} Chart` }),
+      /* @__PURE__ */ e.jsx(J, { children: `${As(s)} Chart` }),
       /* @__PURE__ */ e.jsx(W, { className: "space-y-4 font-mono text-xs", children: n(s) })
     ] }),
     /* @__PURE__ */ e.jsxs(Q, { value: "item-2", children: [
@@ -4621,7 +4615,7 @@ function Pl({
     ] })
   ] }) });
 }
-const $l = {
+const Pl = {
   datasets: [
     {
       type: "line",
@@ -4685,7 +4679,7 @@ function Gl(s) {
             /* @__PURE__ */ e.jsx("b", { children: "Customize" }),
             " and change the `type` property in the dataset."
           ] }),
-          /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify($l, null, 2) })
+          /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify(Pl, null, 2) })
         ] })
       ] }),
       /* @__PURE__ */ e.jsxs(Q, { value: "item-3", children: [
@@ -4793,13 +4787,13 @@ function Kl() {
       var f, p;
       return (p = (f = h.card.preferences) == null ? void 0 : f.formatNumber) == null ? void 0 : p.colorRanges;
     }
-  ) || [], i = u(
+  ) || [], o = u(
     (h) => h.actions.setColorRanges
-  ), o = [...new Set(ts.map((h) => h.currency))];
+  ), i = [...new Set(ts.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(
-        As,
+        Vs,
         {
           checked: !!((d = s == null ? void 0 : s.formatNumber) != null && d.enabled),
           onCheckedChange: (h) => {
@@ -4837,8 +4831,8 @@ function Kl() {
                   /* @__PURE__ */ e.jsx(he, { className: "col-span-6 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(me, {}) }),
                   /* @__PURE__ */ e.jsx(xe, { children: /* @__PURE__ */ e.jsxs(ve, { children: [
                     /* @__PURE__ */ e.jsx(pe, { children: "Format" }),
-                    /* @__PURE__ */ e.jsx(X, { value: "none", children: "None" }, "none"),
-                    ts.map((h) => /* @__PURE__ */ e.jsx(X, { value: h.locale, children: h.locale }, h.locale))
+                    /* @__PURE__ */ e.jsx(Z, { value: "none", children: "None" }, "none"),
+                    ts.map((h) => /* @__PURE__ */ e.jsx(Z, { value: h.locale, children: h.locale }, h.locale))
                   ] }) })
                 ]
               }
@@ -4863,8 +4857,8 @@ function Kl() {
                   /* @__PURE__ */ e.jsx(he, { className: "col-span-6 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(me, {}) }),
                   /* @__PURE__ */ e.jsx(xe, { children: /* @__PURE__ */ e.jsxs(ve, { children: [
                     /* @__PURE__ */ e.jsx(pe, { children: "Currency" }),
-                    /* @__PURE__ */ e.jsx(X, { value: "none", children: "None" }, "none"),
-                    o.map((h) => /* @__PURE__ */ e.jsx(X, { value: h, children: h }, h))
+                    /* @__PURE__ */ e.jsx(Z, { value: "none", children: "None" }, "none"),
+                    i.map((h) => /* @__PURE__ */ e.jsx(Z, { value: h, children: h }, h))
                   ] }) })
                 ]
               }
@@ -4889,7 +4883,7 @@ function Kl() {
                 },
                 children: [
                   /* @__PURE__ */ e.jsx(he, { className: "col-span-3 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(me, {}) }),
-                  /* @__PURE__ */ e.jsx(xe, { children: ["0", "1", "2", "3", "4"].map((h) => /* @__PURE__ */ e.jsx(X, { value: h, children: h }, h)) })
+                  /* @__PURE__ */ e.jsx(xe, { children: ["0", "1", "2", "3", "4"].map((h) => /* @__PURE__ */ e.jsx(Z, { value: h, children: h }, h)) })
                 ]
               }
             )
@@ -4921,7 +4915,7 @@ function Kl() {
         hn,
         {
           colorRanges: r,
-          setColorRanges: i
+          setColorRanges: o
         }
       )
     ] })
@@ -5058,14 +5052,14 @@ const Jl = [
   label: s,
   value: s
 }));
-function Xl() {
-  var d, x, c, b, g, h, f, p, N, y, A, I, z, T, L, V, m, v;
+function Zl() {
+  var d, x, c, b, g, h, f, p, N, y, V, I, z, F, T, A, m, v;
   const s = u((j) => j.card), n = (x = (d = s == null ? void 0 : s.preferences) == null ? void 0 : d.mapVisualOptions) == null ? void 0 : x.topoJsonUrl, [a, t] = q(
     ((b = (c = s == null ? void 0 : s.preferences) == null ? void 0 : c.mapVisualOptions) == null ? void 0 : b.customTopoJsonUrl) || ""
-  ), { setCardPreferences: l } = ne(), { data: r } = Es(s), i = Object.keys((r == null ? void 0 : r.objects) || {}).map((j) => ({
+  ), { setCardPreferences: l } = ne(), { data: r } = Es(s), o = Object.keys((r == null ? void 0 : r.objects) || {}).map((j) => ({
     label: j,
     value: j
-  })) || [], o = [
+  })) || [], i = [
     {
       label: "US States 10m",
       value: "https://unpkg.com/us-atlas/states-10m.json"
@@ -5080,14 +5074,14 @@ function Xl() {
     }
   ];
   return /* @__PURE__ */ e.jsxs("div", { className: "p-6", children: [
-    /* @__PURE__ */ e.jsx($e, { 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(Pe, { summary: "Map Query", children: /* @__PURE__ */ e.jsx("p", { className: "rounded-md bg-muted p-2 font-mono text-xs", children: "SELECT country, value FROM table" }) }),
     /* @__PURE__ */ e.jsx(Ce, { className: "my-4" }),
-    /* @__PURE__ */ e.jsx($e, { open: !0, summary: "Settings", children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-3 px-2", children: [
+    /* @__PURE__ */ e.jsx(Pe, { open: !0, summary: "Settings", children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-3 px-2", children: [
       /* @__PURE__ */ e.jsx(
         de,
         {
           className: "h-9",
-          options: o,
+          options: i,
           onValueChange: (j) => {
             console.log("value", j), l({
               ...s.preferences,
@@ -5118,7 +5112,7 @@ function Xl() {
             });
           },
           value: a,
-          className: `h-9 w-full ${Pe}`,
+          className: `h-9 w-full ${$e}`,
           placeholder: "Custom URL"
         }
       ),
@@ -5129,7 +5123,7 @@ function Xl() {
             de,
             {
               className: "h-9",
-              options: i,
+              options: o,
               value: ((h = (g = s.preferences) == null ? void 0 : g.mapVisualOptions) == null ? void 0 : h.objectKey) || "",
               label: "Map Object",
               onValueChange: (j) => {
@@ -5192,14 +5186,14 @@ function Xl() {
       ] })
     ] }) }),
     /* @__PURE__ */ e.jsx(Ce, { className: "my-4" }),
-    /* @__PURE__ */ e.jsx($e, { className: "", summary: "Scale Options", children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
+    /* @__PURE__ */ e.jsx(Pe, { className: "", summary: "Scale Options", children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
       /* @__PURE__ */ e.jsx(
         ie,
         {
-          className: `h-9 w-full ${Pe}`,
+          className: `h-9 w-full ${$e}`,
           type: "number",
           step: 0.1,
-          value: ((I = (A = s.preferences) == null ? void 0 : A.mapVisualOptions) == null ? void 0 : I.projectionScale) || 1,
+          value: ((I = (V = s.preferences) == null ? void 0 : V.mapVisualOptions) == null ? void 0 : I.projectionScale) || 1,
           onChange: (j) => {
             var D;
             l({
@@ -5216,19 +5210,19 @@ function Xl() {
       /* @__PURE__ */ e.jsx(
         ie,
         {
-          className: `h-9 w-full ${Pe}`,
+          className: `h-9 w-full ${$e}`,
           type: "number",
           step: 10,
-          value: ((L = (T = (z = s.preferences) == null ? void 0 : z.mapVisualOptions) == null ? void 0 : T.projectionOffset) == null ? void 0 : L[0]) || 0,
+          value: ((T = (F = (z = s.preferences) == null ? void 0 : z.mapVisualOptions) == null ? void 0 : F.projectionOffset) == null ? void 0 : T[0]) || 0,
           onChange: (j) => {
-            var D, S, _, $;
+            var D, S, _, P;
             l({
               ...s.preferences,
               mapVisualOptions: {
                 ...(D = s.preferences) == null ? void 0 : D.mapVisualOptions,
                 projectionOffset: [
                   Number(j.target.value),
-                  (($ = (_ = (S = s.preferences) == null ? void 0 : S.mapVisualOptions) == null ? void 0 : _.projectionOffset) == null ? void 0 : $[1]) || 0
+                  ((P = (_ = (S = s.preferences) == null ? void 0 : S.mapVisualOptions) == null ? void 0 : _.projectionOffset) == null ? void 0 : P[1]) || 0
                 ]
               }
             });
@@ -5239,18 +5233,18 @@ function Xl() {
       /* @__PURE__ */ e.jsx(
         ie,
         {
-          className: `h-9 w-full ${Pe}`,
+          className: `h-9 w-full ${$e}`,
           type: "number",
           step: 10,
-          value: ((v = (m = (V = s.preferences) == null ? void 0 : V.mapVisualOptions) == null ? void 0 : m.projectionOffset) == null ? void 0 : v[1]) || 0,
+          value: ((v = (m = (A = s.preferences) == null ? void 0 : A.mapVisualOptions) == null ? void 0 : m.projectionOffset) == null ? void 0 : v[1]) || 0,
           onChange: (j) => {
-            var D, S, _, $;
+            var D, S, _, P;
             l({
               ...s.preferences,
               mapVisualOptions: {
                 ...(D = s.preferences) == null ? void 0 : D.mapVisualOptions,
                 projectionOffset: [
-                  (($ = (_ = (S = s.preferences) == null ? void 0 : S.mapVisualOptions) == null ? void 0 : _.projectionOffset) == null ? void 0 : $[0]) || 0,
+                  ((P = (_ = (S = s.preferences) == null ? void 0 : S.mapVisualOptions) == null ? void 0 : _.projectionOffset) == null ? void 0 : P[0]) || 0,
                   Number(j.target.value)
                 ]
               }
@@ -5263,7 +5257,7 @@ function Xl() {
     /* @__PURE__ */ e.jsx(Ie, {})
   ] });
 }
-function Zl() {
+function Xl() {
   var t;
   const s = u((l) => l.card.preferences), { setCardPreferences: n } = u((l) => l.actions);
   function a(l) {
@@ -5303,7 +5297,7 @@ function Ye({
   let t = "pie-chart";
   return s === "radar" && (t = "radar-chart"), /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(Me, { defaultValue: ["item-2"], type: "multiple", children: [
     /* @__PURE__ */ e.jsxs(Q, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx(J, { children: `${Vs(s)} ${a}` }),
+      /* @__PURE__ */ e.jsx(J, { children: `${As(s)} ${a}` }),
       /* @__PURE__ */ e.jsx(W, { children: n || /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
         /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 text-xs", children: "SELECT label, measure FROM table" }),
         /* @__PURE__ */ e.jsxs("ul", { className: "ml-6 list-disc text-xs [&>li]:mt-2", children: [
@@ -5331,7 +5325,7 @@ function Ye({
       /* @__PURE__ */ e.jsxs(W, { className: "space-y-4 px-2", children: [
         s === "range" && /* @__PURE__ */ e.jsx(xs, {}),
         s !== "text" && /* @__PURE__ */ e.jsx(Hs, {}),
-        s === "text" && /* @__PURE__ */ e.jsx(Zl, {})
+        s === "text" && /* @__PURE__ */ e.jsx(Xl, {})
       ] })
     ] }),
     !["range", "text"].includes(s) && /* @__PURE__ */ e.jsxs(Q, { value: "item-3", children: [
@@ -5411,7 +5405,7 @@ function er() {
       /* @__PURE__ */ e.jsxs(W, { className: "space-y-4 px-2", children: [
         /* @__PURE__ */ e.jsx(xs, {}),
         a(),
-        /* @__PURE__ */ e.jsx(Za, {})
+        /* @__PURE__ */ e.jsx(Xa, {})
       ] })
     ] }),
     /* @__PURE__ */ e.jsxs(Q, { value: "item-3", children: [
@@ -5444,7 +5438,7 @@ function sr({}) {
       ] })
     ] }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-      /* @__PURE__ */ e.jsx(As, { onCheckedChange: a, id: "allow-download" }),
+      /* @__PURE__ */ e.jsx(Vs, { onCheckedChange: a, id: "allow-download" }),
       /* @__PURE__ */ e.jsx(
         "label",
         {
@@ -5528,7 +5522,7 @@ function lr() {
         return /* @__PURE__ */ e.jsx(Ye, { cardType: a });
       case "bubble":
       case "scatter":
-        return /* @__PURE__ */ e.jsx(Pl, { cardType: a });
+        return /* @__PURE__ */ e.jsx($l, { cardType: a });
       case "table":
         return /* @__PURE__ */ e.jsx(sr, { cardType: a });
       case "text":
@@ -5541,9 +5535,9 @@ function lr() {
           }
         );
       case "map":
-        return /* @__PURE__ */ e.jsx(Xl, {});
+        return /* @__PURE__ */ e.jsx(Zl, {});
       case "custom":
-        return /* @__PURE__ */ e.jsx(Vl, {});
+        return /* @__PURE__ */ e.jsx(Al, {});
       default:
         return /* @__PURE__ */ e.jsx(Ul, {});
     }
@@ -5597,11 +5591,11 @@ function rr() {
   );
 }
 function ir({ authToken: s, onSave: n, onClose: a }) {
-  M((i) => i.themeStyle);
-  const t = u((i) => i.actions.setOnSave), l = u((i) => i.actions.setOnClose), r = M((i) => i.actions.setAuthToken);
-  return Z(() => {
+  M((o) => o.themeStyle);
+  const t = u((o) => o.actions.setOnSave), l = u((o) => o.actions.setOnClose), r = M((o) => o.actions.setAuthToken);
+  return X(() => {
     n && t(n), a && l(a);
-  }, [n, t, a, l]), Z(() => {
+  }, [n, t, a, l]), X(() => {
     s && s.accessToken && r(s);
   }, [s, r]), /* @__PURE__ */ e.jsx(cs, { FallbackComponent: za, children: /* @__PURE__ */ e.jsxs(
     mn,
@@ -5613,17 +5607,17 @@ function ir({ authToken: s, onSave: n, onClose: a }) {
       className: "rounded-none",
       role: "editor-panel",
       children: [
-        /* @__PURE__ */ e.jsx(xn, { className: "rounded-none border-r-[1.5px]", children: /* @__PURE__ */ e.jsx(Va, {}) }),
+        /* @__PURE__ */ e.jsx(xn, { className: "rounded-none border-r-[1.5px]", children: /* @__PURE__ */ e.jsx(Aa, {}) }),
         /* @__PURE__ */ e.jsx(pn, { children: /* @__PURE__ */ e.jsx(rr, {}) })
       ]
     }
   ) });
 }
 function or() {
-  M((i) => i.selectedCardId);
-  const s = M((i) => i.selectedSheetId), { setIsVisualEditing: n } = M((i) => i.actions), a = M((i) => i.isVisualEditing), t = M((i) => i.actions.updateFrame);
-  function l(i) {
-    s && (t(s, i), n(!1));
+  M((o) => o.selectedCardId);
+  const s = M((o) => o.selectedSheetId), { setIsVisualEditing: n } = M((o) => o.actions), a = M((o) => o.isVisualEditing), t = M((o) => o.actions.updateFrame);
+  function l(o) {
+    s && (t(s, o), n(!1));
   }
   function r() {
     n(!1);
@@ -5642,8 +5636,8 @@ function or() {
 function cr() {
   const s = u((r) => r.selectedDatabaseName), n = u((r) => r.selectedTableName), a = M((r) => r.dashboard.filters) || [], { columns: t } = qe(), { assignFilter: l } = et();
   return /* @__PURE__ */ e.jsx(fe, { className: "flex-1 basis-0 flex-col px-3", children: t == null ? void 0 : t.map((r) => {
-    const i = a == null ? void 0 : a.find(
-      (o) => o.column === ce(r.column_name) && o.table === n && o.database === s
+    const o = a == null ? void 0 : a.find(
+      (i) => i.column === ce(r.column_name) && i.table === n && i.database === s
     );
     return /* @__PURE__ */ e.jsx(
       "div",
@@ -5652,11 +5646,11 @@ function cr() {
         className: Y(
           "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",
           {
-            "bg-muted": i
+            "bg-muted": o
           }
         ),
         children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ e.jsx(Aa, { column: r }),
+          /* @__PURE__ */ e.jsx(Va, { column: r }),
           /* @__PURE__ */ e.jsx("span", { children: r.column_name })
         ] })
       },
@@ -5683,7 +5677,7 @@ function dr() {
       )
     ] }),
     /* @__PURE__ */ e.jsx("div", { className: "flex grow", children: /* @__PURE__ */ e.jsx(
-      Va,
+      Aa,
       {
         ColumnsComponent: () => (
           // schemaName, tableName, columns
@@ -5807,16 +5801,16 @@ export {
   Nn as B,
   wn as C,
   gr as D,
-  Ta as E,
+  Fa as E,
   Wn as F,
   In as G,
-  Tn as H,
+  Fn as H,
   En as K,
-  An as L,
-  La as M,
+  Vn as L,
+  Ta as M,
   _n as N,
   Hn as P,
-  $n as S,
+  Pn as S,
   Kn as T,
   Jn as U,
   Sn as a,
@@ -5830,14 +5824,14 @@ export {
   On as i,
   Dn as j,
   Mn as k,
-  Ln as l,
-  Fn as m,
-  Vn as n,
+  Tn as l,
+  Ln as m,
+  An as n,
   qn as o,
-  Ve as p,
+  Ae as p,
   Rn as q,
-  Pn as r,
-  Fa as s,
+  $n as r,
+  La as s,
   Bn as t,
   Un as u,
   Gn as v,