react-semaphor 0.0.323 → 0.0.325

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

@@ -1,4 +1,4 @@
-import { c as V, p as Os, u as O, n as zs, o as ke, q as e, r as Fs, s as Is, t as z, j as Ds, v as Ts, w as Ls, x as Ms, y as Es, L as R, z as le, A as la, E as ra, H as ia, J as oa, K as st, M as at, N as tt, O as Js, Q as W, R as Qe, h as nt, V as m, W as lt, F as ca, Y as Je, Z as Ke, _ as da, $ as rt, a0 as ua, a1 as me, a2 as he, a3 as xe, a4 as pe, a5 as Se, a6 as fe, a7 as J, T as As, a8 as Vs, a9 as qs, aa as Rs, ab as ma, ac as ha, ad as de, ae as it, af as ot, ag as xa, ah as ct, C as dt, ai as ut, aj as pa, B as mt, ak as We, al as ht, am as Ks, an as fa, ao as ys, ap as Ne, aq as Fe, ar as ge, as as ga, at as xt, au as pt, av as ft, aw as gt, I as jt, ax as bt, ay as yt, az as vt, aA as qe, aB as vs, aC as Ct, a as Nt, aD as Ue, aE as Cs, aF as Ae, aG as Ns, aH as St, aI as wt, aJ as kt, aK as Ot, aL as zt, aM as Ft, aN as bs, aO as It, aP as Ws, aQ as Dt, aR as Ys, aS as Tt, aT as Lt, aU as Mt, aV as Et, aW as ja, aX as re, aY as _s, aZ as ba, a_ as At, a$ as Vt, b0 as ls, b1 as qt, b2 as Rt, b3 as _t, b4 as Ht, b5 as $t, b6 as Pt, b7 as Bt, l as Ut, b8 as us, b9 as ya, ba as va, bb as Ca, bc as rs, bd as Na, be as is, bf as Xs, bg as Gt, bh as Qt, bi as ms, bj as hs, bk as xs, bl as Jt, X as Sa, bm as Kt, bn as Wt, bo as Yt, bp as ps, bq as Ie, f as Xt, br as Be, bs as Hs, bt as wa, bu as Zt, bv as en, bw as os, bx as sn, by as an, bz as tn, bA as Zs, bB as nn, bC as ln, bD as rn, bE as on, bF as cn, bG as dn, bH as un, bI as mn, bJ as De, bK as B, bL as U, bM as $s, bN as G, bO as hn, bP as ka, bQ as xn, bR as pn, bS as fn, bT as gn, bU as jn, bV as bn, bW as yn, bX as vn, bY as Cn } from "./index-Csp8aNd_.js";
+import { c as V, p as zs, u as z, n as Os, o as ke, q as e, r as Fs, s as Is, t as O, j as Ds, v as Ts, w as Ls, x as Ms, y as Es, L as R, z as le, A as la, E as ra, H as ia, J as oa, K as st, M as at, N as tt, O as Js, Q, R as Qe, h as nt, V as m, W as lt, F as ca, Y as Je, Z as Ke, _ as da, $ as rt, a0 as ua, a1 as me, a2 as he, a3 as xe, a4 as pe, a5 as Se, a6 as fe, a7 as K, T as As, a8 as Vs, a9 as qs, aa as Rs, ab as ma, ac as ha, ad as de, ae as it, af as ot, ag as xa, ah as ct, C as dt, ai as ut, aj as pa, B as mt, ak as We, al as ht, am as Ks, an as fa, ao as ys, ap as Ne, aq as Fe, ar as ge, as as ga, at as xt, au as pt, av as ft, aw as gt, I as jt, ax as bt, ay as yt, az as vt, aA as qe, aB as vs, aC as Ct, a as Nt, aD as Ue, aE as Cs, aF as Ae, aG as Ns, aH as St, aI as wt, aJ as kt, aK as zt, aL as Ot, aM as Ft, aN as bs, aO as It, aP as Ws, aQ as Dt, aR as Ys, aS as Tt, aT as Lt, aU as Mt, aV as Et, aW as ja, aX as re, aY as _s, aZ as ba, a_ as At, a$ as Vt, b0 as ls, b1 as qt, b2 as Rt, b3 as _t, b4 as Ht, b5 as $t, b6 as Pt, b7 as Bt, l as Ut, b8 as us, b9 as ya, ba as va, bb as Ca, bc as rs, bd as Na, be as is, bf as Xs, bg as Gt, bh as Qt, bi as ms, bj as hs, bk as xs, bl as Jt, X as Sa, bm as Kt, bn as Wt, bo as Yt, bp as ps, bq as Ie, f as Xt, br as Be, bs as Hs, bt as wa, bu as Zt, bv as en, bw as os, bx as sn, by as an, bz as tn, bA as Zs, bB as nn, bC as ln, bD as rn, bE as on, bF as cn, bG as dn, bH as un, bI as mn, bJ as De, bK as B, bL as U, bM as $s, bN as G, bO as hn, bP as ka, bQ as xn, bR as pn, bS as fn, bT as gn, bU as jn, bV as bn, bW as yn, bX as vn, bY as Cn } from "./index-kzckqacZ.js";
 import * as ea from "react";
 import we, { useState as q, useMemo as Ss, useEffect as Z, useRef as ws, Suspense as Nn } from "react";
 import "react-dom";
@@ -63,7 +63,7 @@ const Bs = V("ChartLine", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Oa = V("ChartNoAxesGantt", [
+const za = V("ChartNoAxesGantt", [
   ["path", { d: "M8 6h10", key: "9lnwnk" }],
   ["path", { d: "M6 12h9", key: "1g9pqf" }],
   ["path", { d: "M11 18h7", key: "c8dzvl" }]
@@ -74,7 +74,7 @@ const Oa = V("ChartNoAxesGantt", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const za = V("ChartPie", [
+const Oa = V("ChartPie", [
   [
     "path",
     {
@@ -115,7 +115,7 @@ const kn = V("CircleX", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const On = V("CopyPlus", [
+const zn = V("CopyPlus", [
   ["line", { x1: "15", x2: "15", y1: "12", y2: "18", key: "1p7wdc" }],
   ["line", { x1: "12", x2: "18", y1: "15", y2: "15", key: "1nscbv" }],
   ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
@@ -127,7 +127,7 @@ const On = V("CopyPlus", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const zn = V("Database", [
+const On = V("Database", [
   ["ellipse", { cx: "12", cy: "5", rx: "9", ry: "3", key: "msslwz" }],
   ["path", { d: "M3 5V19A9 3 0 0 0 21 19V5", key: "1wlel7" }],
   ["path", { d: "M3 12A9 3 0 0 0 21 12", key: "mv7ke4" }]
@@ -528,10 +528,10 @@ function Ma(s) {
       return {
         ...a,
         frames: (n = a.frames) == null ? void 0 : n.map((l) => {
-          var o;
+          var c;
           return {
             ...l,
-            cards: (o = l.cards) == null ? void 0 : o.map((r) => Yn(r))
+            cards: (c = l.cards) == null ? void 0 : c.map((r) => Yn(r))
           };
         })
       };
@@ -547,8 +547,8 @@ function Yn(s) {
       data: {
         ...(t = s.cfg) == null ? void 0 : t.data,
         labels: [],
-        datasets: (l = (n = (a = s.cfg) == null ? void 0 : a.data) == null ? void 0 : n.datasets) == null ? void 0 : l.map((o) => ({
-          ...o,
+        datasets: (l = (n = (a = s.cfg) == null ? void 0 : a.data) == null ? void 0 : n.datasets) == null ? void 0 : l.map((c) => ({
+          ...c,
           data: []
         }))
       }
@@ -576,7 +576,7 @@ async function Zn(s, t, a, n) {
   if (!n)
     return null;
   const l = JSON.stringify(t);
-  return await Os("https://semaphor.cloud/api/v1/lens", n, {
+  return await zs("https://semaphor.cloud/api/v1/lens", n, {
     name: s,
     template: l,
     filterValues: a,
@@ -586,24 +586,24 @@ async function Zn(s, t, a, n) {
 async function ks(s, t) {
   if (!t)
     return null;
-  const { id: a, template: n, filterValues: l, isDefault: o, shared: r } = s;
-  return await Os("https://semaphor.cloud/api/v1/lens", t, {
+  const { id: a, template: n, filterValues: l, isDefault: c, shared: r } = s;
+  return await zs("https://semaphor.cloud/api/v1/lens", t, {
     lensId: a,
     template: n,
     filterValues: l,
-    isDefault: o,
+    isDefault: c,
     shared: r,
     operation: "update"
   });
 }
 async function el(s, t) {
-  return t ? await Os("https://semaphor.cloud/api/v1/lens", t, {
+  return t ? await zs("https://semaphor.cloud/api/v1/lens", t, {
     operation: "delete",
     lensId: s
   }) : null;
 }
 function sl() {
-  const [s, t] = q(""), [a, n] = q(!1), l = O((b) => b.lenses), { setLenses: o, setSelectedLensId: r } = zs(), [c, d] = q(!1), [p, u] = q(!1), y = O((b) => b.dashboard), g = O((b) => b.filterValues), { authToken: x } = ke();
+  const [s, t] = q(""), [a, n] = q(!1), l = z((b) => b.lenses), { setLenses: c, setSelectedLensId: r } = Os(), [o, d] = q(!1), [p, u] = q(!1), y = z((b) => b.dashboard), g = z((b) => b.filterValues), { authToken: x } = ke();
   async function j() {
     d(!0);
     const b = Ma(
@@ -614,11 +614,11 @@ function sl() {
       g,
       x == null ? void 0 : x.accessToken
     );
-    I && (o([...l || [], I]), r(I.id), u(!1)), d(!1);
+    I && (c([...l || [], I]), r(I.id), u(!1)), d(!1);
   }
   return /* @__PURE__ */ e.jsxs(Fs, { open: p, onOpenChange: u, children: [
     /* @__PURE__ */ e.jsx(Is, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
-      z,
+      O,
       {
         variant: "secondary",
         className: "h-7 p-2",
@@ -650,28 +650,28 @@ function sl() {
       ] }) }),
       a && /* @__PURE__ */ e.jsx("p", { className: "text-sm", children: "The lens name already exists. Use a differnet name." }),
       /* @__PURE__ */ e.jsx(la, { children: /* @__PURE__ */ e.jsx(
-        z,
+        O,
         {
           size: "sm",
           variant: "outline",
           type: "submit",
           onClick: j,
-          disabled: c,
-          children: c ? "Creating..." : "Add"
+          disabled: o,
+          children: o ? "Creating..." : "Add"
         }
       ) })
     ] })
   ] });
 }
 function al() {
-  const [s, t] = q(!1), a = O((u) => u.lenses), n = O((u) => u.selectedLensId), { setLenses: l, setSelectedLensId: o } = zs(), { authToken: r } = ke();
-  async function c(u) {
-    o(u);
+  const [s, t] = q(!1), a = z((u) => u.lenses), n = z((u) => u.selectedLensId), { setLenses: l, setSelectedLensId: c } = Os(), { authToken: r } = ke();
+  async function o(u) {
+    c(u);
   }
   async function d(u) {
     if (await el(u, r == null ? void 0 : r.accessToken)) {
       const g = a == null ? void 0 : a.filter((x) => x.id !== u);
-      l(g || []), o("original");
+      l(g || []), c("original");
     }
   }
   async function p(u) {
@@ -698,7 +698,7 @@ function al() {
     }
   }
   return /* @__PURE__ */ e.jsxs(ra, { open: s, onOpenChange: t, children: [
-    /* @__PURE__ */ e.jsx(ia, { asChild: !0, children: /* @__PURE__ */ e.jsx(z, { variant: "ghost", className: "h-7 p-2", children: /* @__PURE__ */ e.jsx(Tn, { className: "h-4 w-4", strokeWidth: 1.5 }) }) }),
+    /* @__PURE__ */ e.jsx(ia, { asChild: !0, children: /* @__PURE__ */ e.jsx(O, { variant: "ghost", className: "h-7 p-2", children: /* @__PURE__ */ e.jsx(Tn, { className: "h-4 w-4", strokeWidth: 1.5 }) }) }),
     /* @__PURE__ */ e.jsxs(oa, { align: "end", className: "w-60", children: [
       /* @__PURE__ */ e.jsx(st, { className: "px-3", children: "Lenses" }),
       /* @__PURE__ */ e.jsx(at, {}),
@@ -706,7 +706,7 @@ function al() {
         tt,
         {
           value: n,
-          onValueChange: c,
+          onValueChange: o,
           children: [
             /* @__PURE__ */ e.jsx(Js, { value: "original", children: "Original" }),
             a == null ? void 0 : a.map((u) => /* @__PURE__ */ e.jsxs(
@@ -723,7 +723,7 @@ function al() {
                         onClick: (y) => {
                           y.preventDefault(), p(u);
                         },
-                        className: W(
+                        className: Q(
                           "size-3.5 text-muted-foreground hover:cursor-pointer hover:text-foreground group-hover:visible",
                           {
                             invisible: !u.isDefault,
@@ -754,56 +754,64 @@ function al() {
     ] })
   ] });
 }
-function tl() {
-  const [s, t] = q(!1), { authToken: a } = ke(), n = O((r) => r.theme), l = O((r) => r.filterValues);
-  async function o() {
+function tl({
+  iconClassName: s
+}) {
+  const [t, a] = q(!1), { authToken: n } = ke(), l = z((o) => o.theme), c = z((o) => o.filterValues);
+  async function r() {
     {
-      t(!0);
-      const r = new URLSearchParams();
-      r.set("token", (a == null ? void 0 : a.accessToken) || ""), r.set("theme", n || "light"), r.set("filterValues", JSON.stringify(l));
-      const c = `https://semaphor.cloud/api/v1/generate-pdf?params=${encodeURIComponent(r.toString())}`, p = await (await fetch(c, {
+      a(!0);
+      const o = new URLSearchParams();
+      o.set("token", (n == null ? void 0 : n.accessToken) || ""), o.set("theme", l || "light"), o.set("filterValues", JSON.stringify(c));
+      const d = `https://semaphor.cloud/api/v1/generate-pdf?params=${encodeURIComponent(o.toString())}`, u = await (await fetch(d, {
         method: "GET",
         headers: {
-          Authorization: `Bearer ${a == null ? void 0 : a.accessToken}`
+          Authorization: `Bearer ${n == null ? void 0 : n.accessToken}`
         }
-      })).blob(), u = URL.createObjectURL(p);
-      window.open(u, "_blank"), t(!1);
+      })).blob(), y = URL.createObjectURL(u);
+      window.open(y, "_blank"), a(!1);
     }
   }
   return /* @__PURE__ */ e.jsx(
-    z,
+    O,
     {
-      variant: "ghost",
-      className: "h-7 p-2",
+      variant: "link",
+      className: "group h-7 p-2",
       size: "sm",
-      onClick: o,
-      children: s ? /* @__PURE__ */ e.jsx(Ve, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ e.jsx(nt, { className: "h-4 w-4", strokeWidth: 1.5 })
+      onClick: r,
+      children: t ? /* @__PURE__ */ e.jsx(Ve, { className: Q("size-3.5 animate-spin", s) }) : /* @__PURE__ */ e.jsx(
+        nt,
+        {
+          className: Q("size-3.5", s),
+          strokeWidth: 1.5
+        }
+      )
     }
   );
 }
 function nl() {
   q(!1);
   const { authToken: s } = ke();
-  O((f) => f.theme);
-  const t = O((f) => f.lenses), a = O((f) => f.selectedLensId), n = t == null ? void 0 : t.find((f) => f.id === a), l = O((f) => f.dashboard);
-  O((f) => f.selectedSheetId);
-  const o = O(
+  z((f) => f.theme);
+  const t = z((f) => f.lenses), a = z((f) => f.selectedLensId), n = t == null ? void 0 : t.find((f) => f.id === a), l = z((f) => f.dashboard);
+  z((f) => f.selectedSheetId);
+  const c = z(
     (f) => f.isDashboardEditing
   ), r = m(
     (f) => f.selectedConnectionId
-  ), [c, d] = q(!1), p = O((f) => f.filterValues), u = O((f) => f.isVisualEditing), y = O((f) => f.showFilters);
-  O(
+  ), [o, d] = q(!1), p = z((f) => f.filterValues), u = z((f) => f.isVisualEditing), y = z((f) => f.showFilters);
+  z(
     (f) => f.showDashboardJSON
   );
-  const g = O((f) => f.onSaveFunction), x = O(
+  const g = z((f) => f.onSaveFunction), x = z(
     (f) => f.actions.setShowFilters
-  ), { addFrame: j, setSelectedFrameId: b } = O(
+  ), { addFrame: j, setSelectedFrameId: b } = z(
     (f) => f.actions
-  ), { getSelectedSheet: I, setIsDashboardEditing: C, setShowDashboardJSON: T } = O((f) => f.actions), F = I(), { tenantId: A, endUserId: N } = Ss(
+  ), { getSelectedSheet: I, setIsDashboardEditing: C, setShowDashboardJSON: T } = z((f) => f.actions), F = I(), { tenantId: A, endUserId: N } = Ss(
     () => lt(s == null ? void 0 : s.accessToken),
     [s == null ? void 0 : s.accessToken]
   ), S = Ss(() => A || N, [A, N]), L = () => {
-    if (!o || !F) return;
+    if (!c || !F) return;
     const f = {
       connectionId: r,
       id: Je(),
@@ -849,15 +857,15 @@ function nl() {
         !u && /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ e.jsx(R, { children: n == null ? void 0 : n.name }) }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
           /* @__PURE__ */ e.jsx(tl, {}),
-          o && !u && S && /* @__PURE__ */ e.jsx(sl, {}),
+          c && !u && S && /* @__PURE__ */ e.jsx(sl, {}),
           !u && S && /* @__PURE__ */ e.jsx(al, {}),
-          o && !u && /* @__PURE__ */ e.jsxs(
-            z,
+          c && !u && /* @__PURE__ */ e.jsxs(
+            O,
             {
               variant: "secondary",
               className: "h-7 p-2",
               size: "sm",
-              disabled: !o,
+              disabled: !c,
               onClick: L,
               children: [
                 /* @__PURE__ */ e.jsx(Ds, { className: "mr-2 h-4 w-4", strokeWidth: 1.5 }),
@@ -865,8 +873,8 @@ function nl() {
               ]
             }
           ),
-          !o && /* @__PURE__ */ e.jsx(
-            z,
+          !c && /* @__PURE__ */ e.jsx(
+            O,
             {
               variant: "ghost",
               className: "h-7 p-2",
@@ -875,8 +883,8 @@ function nl() {
               children: /* @__PURE__ */ e.jsx(Ta, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          o && !u && /* @__PURE__ */ e.jsx(
-            z,
+          c && !u && /* @__PURE__ */ e.jsx(
+            O,
             {
               variant: "ghost",
               role: "close",
@@ -888,19 +896,19 @@ function nl() {
               children: /* @__PURE__ */ e.jsx(Qe, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          o && !u && S && /* @__PURE__ */ e.jsx(
-            z,
+          c && !u && S && /* @__PURE__ */ e.jsx(
+            O,
             {
               className: "h-7 p-2",
               variant: "ghost",
-              disabled: c,
+              disabled: o,
               onClick: v,
               size: "sm",
               children: /* @__PURE__ */ e.jsx(Bn, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          !y && !u && o && /* @__PURE__ */ e.jsx(
-            z,
+          !y && !u && c && /* @__PURE__ */ e.jsx(
+            O,
             {
               className: "h-7 p-2",
               variant: "ghost",
@@ -909,7 +917,7 @@ function nl() {
               children: /* @__PURE__ */ e.jsx(ca, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          !u && o && !1,
+          !u && c && !1,
           !u && !1
         ] })
       ]
@@ -922,9 +930,9 @@ function Pe({
   value: a,
   isLoading: n,
   isError: l,
-  connectionTooltip: o,
+  connectionTooltip: c,
   onChange: r,
-  showNone: c = !1,
+  showNone: o = !1,
   className: d,
   showIcon: p = !0,
   disabled: u = !1
@@ -934,7 +942,7 @@ function Pe({
     if (s === "Connection")
       return /* @__PURE__ */ e.jsx(Pn, { className: "size-4 rotate-90" });
     if (s === "Database")
-      return /* @__PURE__ */ e.jsx(zn, { className: "size-4" });
+      return /* @__PURE__ */ e.jsx(On, { className: "size-4" });
     if (s === "Schema")
       return /* @__PURE__ */ e.jsx(Hn, { className: "size-4" });
     if (s === "Table")
@@ -943,15 +951,15 @@ function Pe({
       return /* @__PURE__ */ e.jsx(Sn, { className: "size-4" });
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-    p && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: o ? /* @__PURE__ */ e.jsxs(da, { children: [
+    p && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: c ? /* @__PURE__ */ e.jsxs(da, { children: [
       /* @__PURE__ */ e.jsx(rt, { children: g() }),
-      /* @__PURE__ */ e.jsx(ua, { className: "text-xs", align: "start", children: o })
+      /* @__PURE__ */ e.jsx(ua, { className: "text-xs", align: "start", children: c })
     ] }) : g() }),
     /* @__PURE__ */ e.jsxs(me, { disabled: u, value: y, onValueChange: r, children: [
       /* @__PURE__ */ e.jsx(
         he,
         {
-          className: W(
+          className: Q(
             "h-9 w-full focus:ring-1 focus:ring-offset-0",
             d
           ),
@@ -966,10 +974,10 @@ function Pe({
       /* @__PURE__ */ e.jsx(pe, { children: /* @__PURE__ */ e.jsxs(Se, { children: [
         n ? /* @__PURE__ */ e.jsx(fe, { children: "Loading..." }) : /* @__PURE__ */ e.jsx(fe, { children: s }),
         /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-          c && /* @__PURE__ */ e.jsx(J, { value: "none", children: "None" }, "none"),
-          t && t.map((x, j) => /* @__PURE__ */ e.jsx(J, { value: x.id, children: x.name }, j))
+          o && /* @__PURE__ */ e.jsx(K, { value: "none", children: "None" }, "none"),
+          t && t.map((x, j) => /* @__PURE__ */ e.jsx(K, { value: x.id, children: x.name }, j))
         ] }),
-        (n || l) && /* @__PURE__ */ e.jsx(J, { value: y, children: y })
+        (n || l) && /* @__PURE__ */ e.jsx(K, { value: y, children: y })
       ] }) })
     ] })
   ] });
@@ -977,13 +985,13 @@ function Pe({
 function ll({ column: s }) {
   const [t, a] = q(!1), n = m((x) => x.selectedTableName), l = m(
     (x) => x.selectedSchemaName
-  ), o = m(
+  ), c = m(
     (x) => x.selectedDatamodelId
-  ), r = m((x) => x.sqlGen), { modelItems: c } = Re(), d = m((x) => x.actions.setSqlGen), p = m((x) => x.actions.setCardSql), u = m((x) => x.actions.setRunSql);
+  ), r = m((x) => x.sqlGen), { modelItems: o } = Re(), d = m((x) => x.actions.setSqlGen), p = m((x) => x.actions.setCardSql), u = m((x) => x.actions.setRunSql);
   function y(x, j) {
     var T;
-    const b = ma(x, r, j), I = (T = c == null ? void 0 : c.find(
-      (F) => F.id === o
+    const b = ma(x, r, j), I = (T = o == null ? void 0 : o.find(
+      (F) => F.id === c
     )) == null ? void 0 : T.name;
     d(b);
     const C = ha(
@@ -1068,17 +1076,17 @@ function rl({
   columns: a,
   status: n
 }) {
-  const l = m((h) => h.sqlGen), o = m(
+  const l = m((h) => h.sqlGen), c = m(
     (h) => h.selectedConnectionId
   ), r = m(
     (h) => h.selectedDatabaseName
-  ), c = m(
+  ), o = m(
     (h) => h.selectedSchemaName
   ), d = m((h) => h.selectedTableName), p = m(
     (h) => h.selectedDatamodelId
-  ), u = O(
+  ), u = z(
     (h) => h.dashboard.aiScopeTables
-  ), { setAIScopeTables: y } = O((h) => h.actions), g = m((h) => h.actions.setRunSql), x = m((h) => h.actions.setSqlGen), j = m(
+  ), { setAIScopeTables: y } = z((h) => h.actions), g = m((h) => h.actions.setRunSql), x = m((h) => h.actions.setSqlGen), j = m(
     (h) => h.actions.setIsShowingVisual
   ), b = m((h) => h.actions.setCardSql), { connectionType: I, modelItems: C } = Re();
   function T(h) {
@@ -1092,16 +1100,16 @@ function rl({
   }
   function F() {
     return (u == null ? void 0 : u.find(
-      (h) => h.connectinonId === o && h.tableName === d
+      (h) => h.connectinonId === c && h.tableName === d
     )) !== void 0;
   }
   function A(h) {
-    if (h === !0 && d && o) {
+    if (h === !0 && d && c) {
       const v = {
-        connectinonId: o,
+        connectinonId: c,
         connectionType: I,
         databaseName: r,
-        schemaName: c,
+        schemaName: o,
         tableName: d
       }, k = [...u || [], v].filter(
         (M, H, P) => P.findIndex(
@@ -1115,7 +1123,7 @@ function rl({
       });
     } else {
       const v = (u || []).filter(
-        (f) => f.connectinonId !== o && f.tableName !== d
+        (f) => f.connectinonId !== c && f.tableName !== d
       );
       y(v), Ke(`Removed '${d}' from AI Scope`, {
         position: "top-right",
@@ -1157,7 +1165,7 @@ function rl({
           children: /* @__PURE__ */ e.jsx(
             mt,
             {
-              className: W("size-4", {
+              className: Q("size-4", {
                 "text-primary": F(),
                 "text-muted-foreground": !F()
               })
@@ -1166,7 +1174,7 @@ function rl({
         }
       ),
       /* @__PURE__ */ e.jsxs(
-        z,
+        O,
         {
           disabled: n !== "Success",
           onClick: S,
@@ -1180,7 +1188,7 @@ function rl({
         }
       ),
       /* @__PURE__ */ e.jsxs(
-        z,
+        O,
         {
           disabled: n !== "Success",
           onClick: L,
@@ -1203,7 +1211,7 @@ function rl({
             "div",
             {
               onClick: () => T(h),
-              className: W(
+              className: Q(
                 "group mx-3 flex cursor-pointer items-center justify-between rounded px-2 py-[6px] text-sm transition-colors hover:bg-muted/50",
                 {
                   "bg-muted": ht(h, l)
@@ -1238,11 +1246,11 @@ function Re(s, t) {
   let a = Ss(() => [], []);
   const n = ke().authToken || s, l = m(
     (i) => i.selectedConnectionId
-  ), o = m(
+  ), c = m(
     (i) => i.selectedDatamodelId
   ), r = m(
     (i) => i.selectedDatabaseName
-  ), c = m(
+  ), o = m(
     (i) => i.selectedSchemaName
   ), d = m((i) => i.selectedTableName), p = m(
     (i) => i.actions.setCurrentColumns
@@ -1258,10 +1266,10 @@ function Re(s, t) {
     (i) => i.actions.setSelectedTableName
   ), b = m((i) => i.actions.setCardSql);
   function I(i) {
-    return l && r && c && r !== "NA" ? !0 : l && i === "API" ? !1 : !!(l && i === "S3");
+    return l && r && o && r !== "NA" ? !0 : l && i === "API" ? !1 : !!(l && i === "S3");
   }
   function C(i) {
-    return !!(l && r && r !== "NA" && c && d || l && (i === "S3" || i === "API") || o && o);
+    return !!(l && r && r !== "NA" && o && d || l && (i === "S3" || i === "API") || c && c);
   }
   function T(i) {
     return l && i ? !(i === "API" || i === "S3") : !1;
@@ -1313,7 +1321,7 @@ function Re(s, t) {
     enabled: T(f)
     // !!selectedConnectionId && !isNonDbConnection, //currentConnection?.type !== 'API', // Only fetch if connectionId is present
   }), {
-    data: K,
+    data: W,
     isLoading: ae,
     isFetching: w,
     isError: _,
@@ -1341,7 +1349,7 @@ function Re(s, t) {
       "tables",
       l,
       r,
-      c
+      o
     ],
     queryFn: () => Fe(
       "https://semaphor.cloud/api/v1/tables",
@@ -1349,22 +1357,22 @@ function Re(s, t) {
       {
         connection_id: l,
         database_name: r,
-        schema_name: c
+        schema_name: o
       }
     ),
     enabled: I(f)
   }), {
     data: te,
     isLoading: Le,
-    isFetching: Oe,
+    isFetching: ze,
     isError: be
   } = Ne({
     queryKey: [
       "columns",
       l,
       r,
-      o,
       c,
+      o,
       d
     ],
     queryFn: () => Fe(
@@ -1372,10 +1380,10 @@ function Re(s, t) {
       (n == null ? void 0 : n.accessToken) || "",
       {
         connection_id: l,
-        datamodel_id: o || "",
+        datamodel_id: c || "",
         // don't pass undefined. Pass empty string
         database_name: r,
-        schema_name: c,
+        schema_name: o,
         table_name: d
       }
     ),
@@ -1399,20 +1407,20 @@ function Re(s, t) {
     g,
     v
   ]);
-  const ye = (v == null ? void 0 : v.type) === "API" ? (Xe = v == null ? void 0 : v.type) == null ? void 0 : Xe.toLowerCase() : d || "", Q = k ? "" : c || "";
+  const ye = (v == null ? void 0 : v.type) === "API" ? (Xe = v == null ? void 0 : v.type) == null ? void 0 : Xe.toLowerCase() : d || "", J = k ? "" : o || "";
   function oe(i) {
     x(i), j("");
   }
   function ce(i) {
     g(i === "none" ? "" : i), x(""), j(""), i !== "none" && i !== "" && y("");
   }
-  function ze(i) {
+  function Oe(i) {
     u(i);
   }
   function Me(i) {
     y(i === "none" ? "" : i), i !== "none" && i !== "" && g("");
   }
-  M && ((Ze = M == null ? void 0 : M.databases) == null ? void 0 : Ze.length) > 0, K && ((es = K == null ? void 0 : K.schemas) == null ? void 0 : es.length) > 0, te && ((ss = te == null ? void 0 : te.columns) == null ? void 0 : ss.length) > 0 && (a = te.columns.map((i) => ({
+  M && ((Ze = M == null ? void 0 : M.databases) == null ? void 0 : Ze.length) > 0, W && ((es = W == null ? void 0 : W.schemas) == null ? void 0 : es.length) > 0, te && ((ss = te == null ? void 0 : te.columns) == null ? void 0 : ss.length) > 0 && (a = te.columns.map((i) => ({
     ...i,
     data_type: i.data_type.toLowerCase()
   }))), Y && (a = []), (be || N) && (a = []);
@@ -1428,7 +1436,7 @@ function Re(s, t) {
   })), Ee = M == null ? void 0 : M.databases.map((i) => ({
     id: i.database_name,
     name: i.database_name
-  })), gs = K == null ? void 0 : K.schemas.map((i) => ({
+  })), gs = W == null ? void 0 : W.schemas.map((i) => ({
     id: i.schema_name,
     name: i.schema_name
   })), Ye = E == null ? void 0 : E.tables.map((i) => ({
@@ -1452,13 +1460,13 @@ function Re(s, t) {
     isTableLoadingOrFetching: D || se,
     isTableError: $,
     columns: a,
-    isColumnsLoadingOrFetching: Le || Oe,
+    isColumnsLoadingOrFetching: Le || ze,
     isColumnsError: be,
     isNonDbConnection: k,
     connectionType: f,
     tableName: ye,
-    schemaName: Q,
-    handleConnectionChange: ze,
+    schemaName: J,
+    handleConnectionChange: Oe,
     handleDatamodelChange: Me,
     handleDatabaseChange: ce,
     handleSchemaChange: oe
@@ -1476,10 +1484,10 @@ function Aa({
     ($) => $.selectedDatabaseName
   ), l = m(
     ($) => $.selectedSchemaName
-  ), o = m(($) => $.selectedTableName), r = m(
+  ), c = m(($) => $.selectedTableName), r = m(
     ($) => $.actions.setSelectedTableName
   ), {
-    connectionItems: c,
+    connectionItems: o,
     modelItems: d,
     schemaItems: p,
     databaseItems: u,
@@ -1506,7 +1514,7 @@ function Aa({
     tableName: Y,
     schemaName: ie
   } = Re();
-  function K() {
+  function W() {
     return s ? s(ie, Y, g) : /* @__PURE__ */ e.jsx(
       rl,
       {
@@ -1585,7 +1593,7 @@ function Aa({
         isError: h,
         items: y,
         isLoading: L,
-        value: o || "",
+        value: c || "",
         title: "Table"
       }
     ) : null;
@@ -1595,13 +1603,13 @@ function Aa({
       /* @__PURE__ */ e.jsx(
         Pe,
         {
-          items: c,
+          items: o,
           title: "Connection",
           value: t || "",
           onChange: k,
           isLoading: x,
           isError: b,
-          connectionTooltip: ((se = c == null ? void 0 : c.find(
+          connectionTooltip: ((se = o == null ? void 0 : o.find(
             ($) => $.id === t
           )) == null ? void 0 : se.type) || ""
         }
@@ -1612,9 +1620,9 @@ function Aa({
       E(),
       D()
     ] }),
-    K(),
+    W(),
     /* @__PURE__ */ e.jsx("div", { className: "flex items-end justify-center gap-2 px-6 py-4", children: /* @__PURE__ */ e.jsxs(
-      z,
+      O,
       {
         onClick: ae,
         size: "sm",
@@ -1630,18 +1638,18 @@ function Aa({
 }
 function il(s) {
   const t = s.toUpperCase().indexOf("WHERE"), a = s.toUpperCase().indexOf("GROUP BY"), n = s.toUpperCase().indexOf("LIMIT"), l = s.toUpperCase().indexOf("ORDER BY");
-  let o = s.length;
-  if (l !== -1 && (o = l), n !== -1 && n < o && (o = n), t !== -1) {
-    const r = s.substring(0, t), c = s.substring(t);
-    return `${r} {{ filters | where }} AND ${c.substring(
+  let c = s.length;
+  if (l !== -1 && (c = l), n !== -1 && n < c && (c = n), t !== -1) {
+    const r = s.substring(0, t), o = s.substring(t);
+    return `${r} {{ filters | where }} AND ${o.substring(
       6
     )}`;
   } else if (a !== -1) {
-    const r = s.substring(0, a), c = s.substring(a);
-    return `${r} {{ filters | where }} ${c}`;
+    const r = s.substring(0, a), o = s.substring(a);
+    return `${r} {{ filters | where }} ${o}`;
   } else {
-    const r = s.substring(0, o), c = s.substring(o);
-    return `${r} {{ filters | where }} ${c}`;
+    const r = s.substring(0, c), o = s.substring(c);
+    return `${r} {{ filters | where }} ${o}`;
   }
 }
 function ol({
@@ -1651,7 +1659,7 @@ function ol({
   setTriggerAIRun: n
 }) {
   return /* @__PURE__ */ e.jsxs(Vs, { openDelay: 0, children: [
-    /* @__PURE__ */ e.jsx(qs, { asChild: !0, children: /* @__PURE__ */ e.jsx(z, { variant: "link", className: "h-5 p-0", children: /* @__PURE__ */ e.jsx(kn, { className: "h-4 w-4 text-red-500" }) }) }),
+    /* @__PURE__ */ e.jsx(qs, { asChild: !0, children: /* @__PURE__ */ e.jsx(O, { variant: "link", className: "h-5 p-0", children: /* @__PURE__ */ e.jsx(kn, { className: "h-4 w-4 text-red-500" }) }) }),
     /* @__PURE__ */ e.jsx(
       Rs,
       {
@@ -1660,7 +1668,7 @@ function ol({
         children: /* @__PURE__ */ e.jsx("div", { className: "flex justify-between space-x-4", children: /* @__PURE__ */ e.jsxs("div", { className: "flex grow flex-col space-y-2", children: [
           /* @__PURE__ */ e.jsx(We, { className: "max-h-[250px] min-h-0 overflow-scroll", children: /* @__PURE__ */ e.jsx("p", { className: "overflow-auto rounded-md bg-muted p-2 text-xs leading-relaxed", children: s }) }),
           /* @__PURE__ */ e.jsxs(
-            z,
+            O,
             {
               onClick: () => {
                 t(!0), a(s), n(!0);
@@ -1731,9 +1739,9 @@ function dl({
   userInput: a,
   setUserInput: n,
   triggerAIRun: l,
-  setTriggerAIRun: o
+  setTriggerAIRun: c
 }) {
-  const r = ws(null), c = ws(null), { authToken: d } = ke(), [p, u] = q(!1), y = m((w) => w.actions.setCardSql), g = O((w) => w.dashboard.baseQueries), x = m((w) => w.actions.setRunSql), j = m((w) => w.actions.setCardType), [b, I] = q([]), C = m((w) => w.currentColumns), T = m((w) => w.card.sql), F = m((w) => w.selectedTableName), A = `
+  const r = ws(null), o = ws(null), { authToken: d } = ke(), [p, u] = q(!1), y = m((w) => w.actions.setCardSql), g = z((w) => w.dashboard.baseQueries), x = m((w) => w.actions.setRunSql), j = m((w) => w.actions.setCardType), [b, I] = q([]), C = m((w) => w.currentColumns), T = m((w) => w.card.sql), F = m((w) => w.selectedTableName), A = `
   ${a}
 
   Database Query Dialect: ${F === "api" || F === "s3" ? "DuckDb" : ""}
@@ -1779,8 +1787,8 @@ function dl({
   }, [S]), Z(() => {
     const w = setTimeout(() => {
       var _;
-      c.current && (c.current.scroll({
-        top: c.current.scrollHeight,
+      o.current && (o.current.scroll({
+        top: o.current.scrollHeight,
         behavior: "smooth"
       }), (_ = r.current) == null || _.focus());
     }, 100);
@@ -1790,8 +1798,8 @@ function dl({
     a && (I((w) => [...w, { role: "user", content: a }]), k(a) && u(!0), n(""), f());
   }
   Z(() => {
-    l && (M(), o(!1));
-  }, [l, o]);
+    l && (M(), c(!1));
+  }, [l, c]);
   const H = {
     //seleect a darker color
     // color: '#000',
@@ -1824,12 +1832,12 @@ function dl({
     pre: ({ node: w, ..._ }) => /* @__PURE__ */ e.jsxs("pre", { className: "space-y-2 rounded-sm bg-muted/50 p-3", style: P, children: [
       /* @__PURE__ */ e.jsx("code", { className: "whitespace-normal text-sm", children: _.children }),
       /* @__PURE__ */ e.jsxs("div", { className: "flex justify-start gap-2", children: [
-        /* @__PURE__ */ e.jsx(z, { onClick: K, size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(ft, {}) }),
+        /* @__PURE__ */ e.jsx(O, { onClick: W, size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(ft, {}) }),
         /* @__PURE__ */ e.jsx(
-          z,
+          O,
           {
             onClick: (ee) => {
-              const E = K(ee);
+              const E = W(ee);
               E && (t(!1), y(E), x(!0));
             },
             size: "sm",
@@ -1842,7 +1850,7 @@ function dl({
     li: ({ node: w, ..._ }) => /* @__PURE__ */ e.jsx("li", { style: Y, ..._ })
     // You can add more overrides for other elements like h1, h2, etc.
   };
-  function K(w) {
+  function W(w) {
     const _ = w.currentTarget.closest("pre");
     if (!_) return;
     const ee = _.textContent || _.innerText;
@@ -1871,7 +1879,7 @@ function dl({
   }
   return /* @__PURE__ */ e.jsxs(Fs, { open: s, onOpenChange: t, children: [
     /* @__PURE__ */ e.jsx(Is, { asChild: !0, children: /* @__PURE__ */ e.jsx(
-      z,
+      O,
       {
         size: "sm",
         className: "w-full justify-start border font-normal text-muted-foreground focus-visible:ring-0 focus-visible:ring-offset-0",
@@ -1891,7 +1899,7 @@ function dl({
           /* @__PURE__ */ e.jsx(
             "div",
             {
-              ref: c,
+              ref: o,
               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: ae() })
             }
@@ -1913,7 +1921,7 @@ function dl({
                       const _ = w.target, ee = _.value.length;
                       _.setSelectionRange(ee, ee);
                     },
-                    className: W(
+                    className: Q(
                       "max-h-10 min-h-7 resize-none border-none focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0"
                     ),
                     disabled: L || h,
@@ -1923,7 +1931,7 @@ function dl({
                 ),
                 " ",
                 /* @__PURE__ */ e.jsx(
-                  z,
+                  O,
                   {
                     className: "h-8",
                     size: "sm",
@@ -1951,9 +1959,9 @@ function ml(s, t) {
   if (s == null) return {};
   var a = hl(s, t), n, l;
   if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(s);
-    for (l = 0; l < o.length; l++)
-      n = o[l], !(t.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(s, n) && (a[n] = s[n]);
+    var c = Object.getOwnPropertySymbols(s);
+    for (l = 0; l < c.length; l++)
+      n = c[l], !(t.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(s, n) && (a[n] = s[n]);
   }
   return a;
 }
@@ -2030,8 +2038,8 @@ function gl(s) {
     var {
       attr: n,
       size: l,
-      title: o
-    } = s, r = ml(s, ul), c = l || a.size || "1em", d;
+      title: c
+    } = s, r = ml(s, ul), o = l || a.size || "1em", d;
     return a.className && (d = a.className), s.className && (d = (d ? d + " " : "") + s.className), /* @__PURE__ */ we.createElement("svg", cs({
       stroke: "currentColor",
       fill: "currentColor",
@@ -2041,10 +2049,10 @@ function gl(s) {
       style: ds(ds({
         color: s.color || a.color
       }, a.style), s.style),
-      height: c,
-      width: c,
+      height: o,
+      width: o,
       xmlns: "http://www.w3.org/2000/svg"
-    }), o && /* @__PURE__ */ we.createElement("title", null, o), s.children);
+    }), c && /* @__PURE__ */ we.createElement("title", null, c), s.children);
   };
   return sa !== void 0 ? /* @__PURE__ */ we.createElement(sa.Consumer, null, (a) => t(a)) : t(Va);
 }
@@ -2053,7 +2061,7 @@ function jl(s) {
 }
 function bl({ sql: s }) {
   return /* @__PURE__ */ e.jsxs(Vs, { children: [
-    /* @__PURE__ */ e.jsx(qs, { asChild: !0, children: /* @__PURE__ */ e.jsx(z, { variant: "link", className: "h-5 p-0", children: /* @__PURE__ */ e.jsx(jt, { className: "h-4 w-4 text-muted-foreground" }) }) }),
+    /* @__PURE__ */ e.jsx(qs, { asChild: !0, children: /* @__PURE__ */ e.jsx(O, { variant: "link", className: "h-5 p-0", children: /* @__PURE__ */ e.jsx(jt, { className: "h-4 w-4 text-muted-foreground" }) }) }),
     /* @__PURE__ */ e.jsx(
       Rs,
       {
@@ -2071,10 +2079,10 @@ function yl() {
   const [s, t] = q({
     queryKey: [],
     queryData: null
-  }), { theme: a } = bt(), n = yt(), l = ws(), o = vt(), [r, c] = q(!1), [d, p] = q(!1), [u, y] = q(!1), [g, x] = q(""), [j, b] = q(!1), I = O((i) => i.selectedSheetId);
-  O((i) => i.dashboard.baseQueries);
-  const C = m((i) => i.card), T = O((i) => i.theme), F = m((i) => i.isShowingVisual);
-  O((i) => i.onAcceptChanges);
+  }), { theme: a } = bt(), n = yt(), l = ws(), c = vt(), [r, o] = q(!1), [d, p] = q(!1), [u, y] = q(!1), [g, x] = q(""), [j, b] = q(!1), I = z((i) => i.selectedSheetId);
+  z((i) => i.dashboard.baseQueries);
+  const C = m((i) => i.card), T = z((i) => i.theme), F = m((i) => i.isShowingVisual);
+  z((i) => i.onAcceptChanges);
   const A = m(
     (i) => i.selectedConnectionId
   ), N = m(
@@ -2084,15 +2092,15 @@ function yl() {
   ), L = m(
     (i) => i.selectedSchemaName
   );
-  O(
+  z(
     (i) => i.actions.updateFrameCard
   );
-  const h = m((i) => i.selectedTableName), v = m((i) => i.card.sql), f = m((i) => i.card.python), k = m((i) => i.frame), M = O((i) => i.dashboard.filters), H = O((i) => i.filterValues), P = M == null ? void 0 : M.filter(
+  const h = m((i) => i.selectedTableName), v = m((i) => i.card.sql), f = m((i) => i.card.python), k = m((i) => i.frame), M = z((i) => i.dashboard.filters), H = z((i) => i.filterValues), P = M == null ? void 0 : M.filter(
     (i) => i.sheetId === I || !i.sheetId
   ), Y = H == null ? void 0 : H.filter(
     (i) => (P == null ? void 0 : P.some((ne) => ne.id === i.filterId)) || i.filterId.endsWith(I)
   ), ie = m((i) => i.applyFilters), {
-    setCardCustomCfg: K,
+    setCardCustomCfg: W,
     setQueryResultColumns: ae,
     setFilterValues: w,
     setCardSql: _,
@@ -2105,55 +2113,55 @@ function yl() {
   m(
     (i) => i.actions.setApplyFilters
   );
-  const te = m((i) => i.onClose), Le = m((i) => i.actions.setSqlGen), Oe = m((i) => i.runSql), be = m((i) => i.actions.setRunSql);
+  const te = m((i) => i.onClose), Le = m((i) => i.actions.setSqlGen), ze = m((i) => i.runSql), be = m((i) => i.actions.setRunSql);
   m((i) => i.actions.setCardCfg);
   const ye = m(
     (i) => i.actions.setIsSqlRunning
   ), {
-    data: Q,
+    data: J,
     isLoading: oe,
     isFetching: ce,
-    isSuccess: ze,
+    isSuccess: Oe,
     isError: Me,
     error: He,
     queryKey: $e,
     refetch: Ee
   } = qe(C);
   Z(() => {
-    if (Q && (Q.rowLimitExceeded && Ke.error("Row limit (10,000) exceeded. Refine your query.", {
+    if (J && (J.rowLimitExceeded && Ke.error("Row limit (10,000) exceeded. Refine your query.", {
       position: "top-center",
       richColors: !0
-    }), se((Q == null ? void 0 : Q.output) || ""), Q.records.length > 0)) {
-      const { dimensionKeys: i } = vs(Q.records);
+    }), se((J == null ? void 0 : J.output) || ""), J.records.length > 0)) {
+      const { dimensionKeys: i } = vs(J.records);
       ae(i);
     }
   }, [
-    Q,
+    J,
     // setCardData,
     ae,
     se
   ]), Z(() => {
-    (oe || ce) && ye(!0), (Me || ze) && ye(!1), Me ? (D(He.message), ae([]), se("")) : D("");
+    (oe || ce) && ye(!0), (Me || Oe) && ye(!1), Me ? (D(He.message), ae([]), se("")) : D("");
   }, [
     oe,
     ce,
-    Q,
+    J,
     se,
     Me,
-    ze,
+    Oe,
     ye,
     ae,
     D,
     He
   ]), Z(() => {
-    Oe && (Ee(), be(!1));
-  }, [Oe, Ee, be]);
+    ze && (Ee(), be(!1));
+  }, [ze, Ee, be]);
   function gs() {
     const i = n.getQueryData($e);
     s.queryData || t({
       queryKey: $e,
       queryData: i
-    }), n.setQueryData($e, null), _(""), Le({}), K(""), $({});
+    }), n.setQueryData($e, null), _(""), Le({}), W(""), $({});
   }
   const Ye = (i) => {
     l.current = i;
@@ -2205,9 +2213,9 @@ function yl() {
     i && ne && n.setQueryData(i, ne), te == null || te();
   }
   Z(() => {
-    if (!o) return;
+    if (!c) return;
     const i = l.current, ne = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", ve = T === "system" ? ne : T;
-    return o.editor.defineTheme("default", {
+    return c.editor.defineTheme("default", {
       // base: theme === 'light' ? 'hc-light' : 'vs-dark',
       base: ve === "light" ? "vs" : "vs-dark",
       inherit: !0,
@@ -2219,14 +2227,14 @@ function yl() {
         //     ? '#ffffff'
         //     : getCssVariableValue('--semaphor-background'),
       }
-    }), o.editor.setTheme("default"), i && o && i.addCommand(
-      o.KeyMod.Shift | o.KeyCode.Enter,
+    }), c.editor.setTheme("default"), i && c && i.addCommand(
+      c.KeyMod.Shift | c.KeyCode.Enter,
       function() {
         return Ee(), !1;
       }
     ), () => {
     };
-  }, [a, T, o]);
+  }, [a, T, c]);
   function ss() {
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       d && /* @__PURE__ */ e.jsx(
@@ -2284,7 +2292,7 @@ function yl() {
         ca,
         {
           onClick: () => p(!0),
-          className: W(
+          className: Q(
             "absolute bottom-4 right-6 h-3 w-3 text-foreground/50 hover:cursor-pointer hover:text-foreground",
             {
               "font-bold text-red-800": ie
@@ -2424,7 +2432,7 @@ function yl() {
               children: [
                 /* @__PURE__ */ e.jsxs("div", { className: "flex grow items-center gap-2", children: [
                   /* @__PURE__ */ e.jsxs(
-                    z,
+                    O,
                     {
                       title: "Shift + Enter",
                       disabled: oe || ce,
@@ -2450,7 +2458,7 @@ function yl() {
                     }
                   ),
                   /* @__PURE__ */ e.jsxs(
-                    z,
+                    O,
                     {
                       onClick: gs,
                       className: "",
@@ -2466,7 +2474,7 @@ function yl() {
                     pa,
                     {
                       pressed: r,
-                      onPressedChange: (i) => c(i),
+                      onPressedChange: (i) => o(i),
                       className: "",
                       size: "sm",
                       variant: "outline",
@@ -2486,9 +2494,9 @@ function yl() {
                   )
                 ] }),
                 /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-                  (Q == null ? void 0 : Q.sql) && /* @__PURE__ */ e.jsx(bl, { sql: Q.sql }),
+                  (J == null ? void 0 : J.sql) && /* @__PURE__ */ e.jsx(bl, { sql: J.sql }),
                   /* @__PURE__ */ e.jsxs(
-                    z,
+                    O,
                     {
                       onClick: es,
                       className: "w-full",
@@ -2501,7 +2509,7 @@ function yl() {
                     }
                   ),
                   /* @__PURE__ */ e.jsxs(
-                    z,
+                    O,
                     {
                       onClick: Ze,
                       size: "sm",
@@ -2523,9 +2531,9 @@ function yl() {
 }
 function vl({ data: s }) {
   var r;
-  const [t, a] = we.useState([]), l = Object.keys(s[0]).map((c) => ({
+  const [t, a] = we.useState([]), l = Object.keys(s[0]).map((o) => ({
     // header: key,
-    accessorKey: c,
+    accessorKey: o,
     header: ({ column: d }) => {
       const p = d.getIsSorted();
       return /* @__PURE__ */ e.jsx("div", { className: "flex gap-2", children: /* @__PURE__ */ e.jsxs(
@@ -2534,13 +2542,13 @@ function vl({ data: s }) {
           className: "flex cursor-pointer items-center",
           onClick: () => d.toggleSorting(d.getIsSorted() === "asc"),
           children: [
-            c,
+            o,
             p === "asc" ? /* @__PURE__ */ e.jsx(wt, { className: "ml-2 h-5 w-5" }) : p === "desc" ? /* @__PURE__ */ e.jsx(kt, { className: "ml-2 h-5 w-5" }) : null
           ]
         }
       ) });
     }
-  })), o = Ot({
+  })), c = zt({
     data: s,
     columns: l,
     getCoreRowModel: Tt(),
@@ -2552,34 +2560,34 @@ function vl({ data: s }) {
       sorting: t
     }
   });
-  return /* @__PURE__ */ e.jsxs(zt, { children: [
-    /* @__PURE__ */ e.jsx(Ft, { children: o.getHeaderGroups().map((c) => /* @__PURE__ */ e.jsx(bs, { children: c.headers.map((d) => /* @__PURE__ */ e.jsx(It, { className: "sticky top-0 bg-muted", children: d.isPlaceholder ? null : Ws(
+  return /* @__PURE__ */ e.jsxs(Ot, { children: [
+    /* @__PURE__ */ e.jsx(Ft, { children: c.getHeaderGroups().map((o) => /* @__PURE__ */ e.jsx(bs, { children: o.headers.map((d) => /* @__PURE__ */ e.jsx(It, { className: "sticky top-0 bg-muted", children: d.isPlaceholder ? null : Ws(
       d.column.columnDef.header,
       d.getContext()
-    ) }, d.id)) }, c.id)) }),
-    /* @__PURE__ */ e.jsx(Dt, { children: (r = o.getRowModel().rows) != null && r.length ? o.getRowModel().rows.map((c) => /* @__PURE__ */ e.jsx(
+    ) }, d.id)) }, o.id)) }),
+    /* @__PURE__ */ e.jsx(Dt, { children: (r = c.getRowModel().rows) != null && r.length ? c.getRowModel().rows.map((o) => /* @__PURE__ */ e.jsx(
       bs,
       {
         className: "whitespace-nowrap py-2",
-        "data-state": c.getIsSelected() && "selected",
-        children: c.getVisibleCells().map((d) => /* @__PURE__ */ e.jsx(Ys, { children: Ws(d.column.columnDef.cell, d.getContext()) }, d.id))
+        "data-state": o.getIsSelected() && "selected",
+        children: o.getVisibleCells().map((d) => /* @__PURE__ */ e.jsx(Ys, { children: Ws(d.column.columnDef.cell, d.getContext()) }, d.id))
       },
-      c.id
+      o.id
     )) : /* @__PURE__ */ e.jsx(bs, { children: /* @__PURE__ */ e.jsx(Ys, { colSpan: l.length, className: "h-24 text-center", children: "No results." }) }) })
   ] });
 }
 function Cl({ card: s }) {
   var g, x, j, b, I, C, T, F, A, N;
-  const { authToken: t } = ke(), a = Et(t == null ? void 0 : t.accessToken), n = O((S) => S.themeStyle), l = {
+  const { authToken: t } = ke(), a = Et(t == null ? void 0 : t.accessToken), n = z((S) => S.themeStyle), l = {
     colors: ((x = (g = n == null ? void 0 : n.chart) == null ? void 0 : g.dataset) == null ? void 0 : x.backgroundColor) || []
   };
   (j = s.customCardPreferences) != null && j.inputData;
-  const { getCard: o } = ja(((b = s.customCardPreferences) == null ? void 0 : b.url) || ""), r = ((I = s.customCardPreferences) == null ? void 0 : I.visualType) || "single", c = m((S) => S.frame);
+  const { getCard: c } = ja(((b = s.customCardPreferences) == null ? void 0 : b.url) || ""), r = ((I = s.customCardPreferences) == null ? void 0 : I.visualType) || "single", o = m((S) => S.frame);
   re();
   const { data: d } = qe(s);
   if (!((C = s.customCardPreferences) != null && C.componentName))
     return null;
-  const p = o(
+  const p = c(
     (T = s.customCardPreferences) == null ? void 0 : T.componentName
   ), u = (S) => {
     console.log("data", S), s.customCardPreferences;
@@ -2587,7 +2595,7 @@ function Cl({ card: s }) {
     ((F = s.customCardPreferences) == null ? void 0 : F.dataInputCardIds) || {}
   ).map((S) => {
     var v, f, k;
-    const L = (f = (v = s.customCardPreferences) == null ? void 0 : v.dataInputCardIds) == null ? void 0 : f[S].cardId, h = (k = c == null ? void 0 : c.cards) == null ? void 0 : k.find((M) => M.id === L);
+    const L = (f = (v = s.customCardPreferences) == null ? void 0 : v.dataInputCardIds) == null ? void 0 : f[S].cardId, h = (k = o == null ? void 0 : o.cards) == null ? void 0 : k.find((M) => M.id === L);
     return h || null;
   });
   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(
@@ -2631,9 +2639,9 @@ function Ra({
   ...t
 }) {
   var x, j;
-  const a = m((b) => b.card), n = ((x = a.customCardPreferences) == null ? void 0 : x.showCardHeader) ?? !0, l = m((b) => b.frame), o = O((b) => b.dashboard.filters);
+  const a = m((b) => b.card), n = ((x = a.customCardPreferences) == null ? void 0 : x.showCardHeader) ?? !0, l = m((b) => b.frame), c = z((b) => b.dashboard.filters);
   m((b) => b.actions.setRunSql);
-  const { updateFilter: r } = zs(), c = o == null ? void 0 : o.find((b) => b.id === l.filterId), { data: d } = qe(a), { setCard: p } = re(), { data: u } = _s(a);
+  const { updateFilter: r } = Os(), o = c == null ? void 0 : c.find((b) => b.id === l.filterId), { data: d } = qe(a), { setCard: p } = re(), { data: u } = _s(a);
   if (!a.id) return null;
   let y;
   d != null && d.records && (d == null ? void 0 : d.records.length) > 0 && (y = ba({
@@ -2651,7 +2659,7 @@ function Ra({
     At,
     {
       role: "editor-visual-card",
-      className: W("relative flex h-full flex-col rounded-none", s),
+      className: Q("relative flex h-full flex-col rounded-none", s),
       ...t,
       children: [
         n && /* @__PURE__ */ e.jsxs(Vt, { className: "flex flex-row items-start justify-between py-4", children: [
@@ -2675,17 +2683,17 @@ function Ra({
               a.description
             )
           ] }),
-          c && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
+          o && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
             /* @__PURE__ */ e.jsx(
               ls,
               {
                 className: "my-1",
-                text: c.title || c.column,
-                onSave: (b) => r({ ...c, title: b }),
-                children: /* @__PURE__ */ e.jsx(R, { children: c.title })
+                text: o.title || o.column,
+                onSave: (b) => r({ ...o, title: b }),
+                children: /* @__PURE__ */ e.jsx(R, { children: o.title })
               }
             ),
-            /* @__PURE__ */ e.jsx(_t, { filter: c })
+            /* @__PURE__ */ e.jsx(_t, { filter: o })
           ] })
         ] }),
         /* @__PURE__ */ e.jsxs(Ht, { className: "flex grow flex-col", children: [
@@ -2706,7 +2714,7 @@ function Ra({
   );
 }
 function Nl() {
-  const [s, t] = q(!1), [a, n] = q(""), [l, o] = q(""), [r, c] = q(""), [d, p] = q(""), u = m((N) => N.card), y = m(
+  const [s, t] = q(!1), [a, n] = q(""), [l, c] = q(""), [r, o] = q(""), [d, p] = q(""), u = m((N) => N.card), y = m(
     (N) => N.card.customCfg
   ), { data: g } = qe(u), { data: x } = _s(u), { setCardCustomCfg: j, setCustomVisualCode: b } = re();
   function I(N) {
@@ -2733,19 +2741,19 @@ function Nl() {
       preferences: u.preferences,
       topoJson: x
     });
-    N && (n(JSON.stringify(N, null, 1)), (S = u == null ? void 0 : u.preferences) != null && S.customVisualCode && c((L = u == null ? void 0 : u.preferences) == null ? void 0 : L.customVisualCode), y && o(JSON.stringify(y, null, 1)));
+    N && (n(JSON.stringify(N, null, 1)), (S = u == null ? void 0 : u.preferences) != null && S.customVisualCode && o((L = u == null ? void 0 : u.preferences) == null ? void 0 : L.customVisualCode), y && c(JSON.stringify(y, null, 1)));
   }
   function T() {
     if (r && b(r), !!l)
       try {
         const N = JSON.parse(l);
-        return N ? (j(N), p(""), o(""), N) : void 0;
+        return N ? (j(N), p(""), c(""), N) : void 0;
       } catch (N) {
         console.log(N), p("Invalid JSON");
       }
   }
   function F() {
-    o(""), j(null);
+    c(""), j(null);
   }
   function A() {
     let N;
@@ -2757,7 +2765,7 @@ function Nl() {
   }
   return /* @__PURE__ */ e.jsxs(Fs, { open: s, onOpenChange: t, children: [
     /* @__PURE__ */ e.jsx(Is, { asChild: !0, children: /* @__PURE__ */ e.jsx(
-      z,
+      O,
       {
         onClick: C,
         className: ` ${y && "border-foreground/50 dark:border-foreground/70"}`,
@@ -2836,7 +2844,7 @@ function Nl() {
                       },
                       defaultLanguage: "json",
                       value: A(),
-                      onChange: (N) => o(N)
+                      onChange: (N) => c(N)
                     }
                   )
                 }
@@ -2865,7 +2873,7 @@ function Nl() {
                       },
                       defaultLanguage: "javascript",
                       value: r,
-                      onChange: (N) => c(N || "")
+                      onChange: (N) => o(N || "")
                     }
                   )
                 }
@@ -2875,7 +2883,7 @@ function Nl() {
           /* @__PURE__ */ e.jsxs(la, { className: "flex items-center", children: [
             /* @__PURE__ */ e.jsx(R, { className: "mr-2 text-red-500", children: d }),
             /* @__PURE__ */ e.jsx(
-              z,
+              O,
               {
                 disabled: !y,
                 onClick: F,
@@ -2883,8 +2891,8 @@ function Nl() {
                 children: "Reset"
               }
             ),
-            /* @__PURE__ */ e.jsx(z, { onClick: T, variant: "outline", children: "Apply" }),
-            /* @__PURE__ */ e.jsx(z, { onClick: () => t(!1), variant: "outline", children: "Close" })
+            /* @__PURE__ */ e.jsx(O, { onClick: T, variant: "outline", children: "Apply" }),
+            /* @__PURE__ */ e.jsx(O, { onClick: () => t(!1), variant: "outline", children: "Close" })
           ] })
         ]
       }
@@ -2919,8 +2927,8 @@ function Ja(s) {
   const [t, a] = q(null);
   return Z(() => {
     s && (async () => {
-      const o = (await import("./lucide-react-DzVyq6Fk.js"))[s];
-      a(o);
+      const c = (await import("./lucide-react-DyubCpoB.js"))[s];
+      a(c);
     })();
   }, [s]), t;
 }
@@ -2938,28 +2946,28 @@ function Sl({
   const [t, a] = q([]), { data: n } = Ka();
   return Z(() => {
     (async () => {
-      var o;
+      var c;
       if (n) {
-        const c = (await Promise.all(
-          (o = n == null ? void 0 : n.plugins) == null ? void 0 : o.map(async (d) => (await Qt(d.value)).visuals.map((y) => ({
+        const o = (await Promise.all(
+          (c = n == null ? void 0 : n.plugins) == null ? void 0 : c.map(async (d) => (await Qt(d.value)).visuals.map((y) => ({
             name: y.name,
             icon: y.icon,
             url: d.value
           })))
         )).flat();
-        a(c);
+        a(o);
       }
     })();
   }, [n]), t.length === 0 ? null : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(ge, { className: "my-2" }),
-    /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-4 place-items-center", children: t.map((l, o) => /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-4 place-items-center", children: t.map((l, c) => /* @__PURE__ */ e.jsx(
       wl,
       {
         text: l.name,
         onClick: () => s("custom", l),
         icon: l.icon
       },
-      l.url + l.name + o
+      l.url + l.name + c
     )) })
   ] });
 }
@@ -2969,13 +2977,13 @@ const wl = ({
   onClick: a
 }) => {
   const n = Ja(t || ""), l = s.charAt(0).toUpperCase();
-  return /* @__PURE__ */ e.jsx(z, { onClick: a, title: s, variant: "ghost", children: n ? /* @__PURE__ */ e.jsx(n, { className: "h-4 w-4" }) : l });
+  return /* @__PURE__ */ e.jsx(O, { onClick: a, title: s, variant: "ghost", children: n ? /* @__PURE__ */ e.jsx(n, { className: "h-4 w-4" }) : l });
 };
 function kl() {
   var u, y;
-  const [s, t] = q(!1), a = m((g) => g.card), n = a.type, { setCardType: l, setCardPreferences: o, setChartOrientation: r } = m((g) => g.actions), { setCardCustomCfg: c, setCustomCardPreferences: d } = re();
+  const [s, t] = q(!1), a = m((g) => g.card), n = a.type, { setCardType: l, setCardPreferences: c, setChartOrientation: r } = m((g) => g.actions), { setCardCustomCfg: o, setCustomCardPreferences: d } = re();
   function p(g, x) {
-    c(null), o({}), l(g), x && d({
+    o(null), c({}), l(g), x && d({
       type: "component",
       visualType: "single",
       url: x.url,
@@ -2984,8 +2992,8 @@ function kl() {
     }), t(!1);
   }
   return /* @__PURE__ */ e.jsxs(ms, { open: s, onOpenChange: t, children: [
-    /* @__PURE__ */ e.jsx(hs, { asChild: !0, children: /* @__PURE__ */ e.jsx(z, { size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(
-      Ol,
+    /* @__PURE__ */ e.jsx(hs, { asChild: !0, children: /* @__PURE__ */ e.jsx(O, { size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(
+      zl,
       {
         className: "h-4 w-4",
         chartType: n,
@@ -2996,7 +3004,7 @@ function kl() {
     /* @__PURE__ */ e.jsxs(xs, { className: "w-50", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-4 place-items-center", children: [
         /* @__PURE__ */ e.jsx(
-          z,
+          O,
           {
             onClick: () => p("bar"),
             className: "font-normal",
@@ -3005,7 +3013,7 @@ function kl() {
           }
         ),
         /* @__PURE__ */ e.jsx(
-          z,
+          O,
           {
             onClick: () => p("line"),
             variant: "ghost",
@@ -3013,7 +3021,7 @@ function kl() {
           }
         ),
         /* @__PURE__ */ e.jsx(
-          z,
+          O,
           {
             onClick: () => p("stackedBar"),
             variant: "ghost",
@@ -3021,7 +3029,7 @@ function kl() {
           }
         ),
         /* @__PURE__ */ e.jsx(
-          z,
+          O,
           {
             onClick: () => p("stackedLine"),
             variant: "ghost",
@@ -3029,7 +3037,7 @@ function kl() {
           }
         ),
         /* @__PURE__ */ e.jsx(
-          z,
+          O,
           {
             onClick: () => p("scatter"),
             variant: "ghost",
@@ -3037,7 +3045,7 @@ function kl() {
           }
         ),
         /* @__PURE__ */ e.jsx(
-          z,
+          O,
           {
             onClick: () => p("bubble"),
             variant: "ghost",
@@ -3045,15 +3053,15 @@ function kl() {
           }
         ),
         /* @__PURE__ */ e.jsx(
-          z,
+          O,
           {
             onClick: () => p("pie"),
             variant: "ghost",
-            children: /* @__PURE__ */ e.jsx(za, { className: "size-5" })
+            children: /* @__PURE__ */ e.jsx(Oa, { className: "size-5" })
           }
         ),
         /* @__PURE__ */ e.jsx(
-          z,
+          O,
           {
             onClick: () => p("doughnut"),
             variant: "ghost",
@@ -3061,7 +3069,7 @@ function kl() {
           }
         ),
         /* @__PURE__ */ e.jsx(
-          z,
+          O,
           {
             onClick: () => p("radar"),
             variant: "ghost",
@@ -3075,7 +3083,7 @@ function kl() {
           }
         ),
         /* @__PURE__ */ e.jsx(
-          z,
+          O,
           {
             onClick: () => p("polarArea"),
             variant: "ghost",
@@ -3083,7 +3091,7 @@ function kl() {
           }
         ),
         /* @__PURE__ */ e.jsx(
-          z,
+          O,
           {
             onClick: () => p("pyramid"),
             variant: "ghost",
@@ -3091,15 +3099,15 @@ function kl() {
           }
         ),
         /* @__PURE__ */ e.jsx(
-          z,
+          O,
           {
             onClick: () => p("range"),
             variant: "ghost",
-            children: /* @__PURE__ */ e.jsx(Oa, { className: "size-5" })
+            children: /* @__PURE__ */ e.jsx(za, { className: "size-5" })
           }
         ),
         /* @__PURE__ */ e.jsx(
-          z,
+          O,
           {
             onClick: () => p("table"),
             variant: "ghost",
@@ -3107,7 +3115,7 @@ function kl() {
           }
         ),
         /* @__PURE__ */ e.jsx(
-          z,
+          O,
           {
             onClick: () => p("kpi"),
             variant: "ghost",
@@ -3115,7 +3123,7 @@ function kl() {
           }
         ),
         /* @__PURE__ */ e.jsx(
-          z,
+          O,
           {
             onClick: () => p("text"),
             variant: "ghost",
@@ -3123,7 +3131,7 @@ function kl() {
           }
         ),
         /* @__PURE__ */ e.jsx(
-          z,
+          O,
           {
             onClick: () => p("map"),
             variant: "ghost",
@@ -3131,7 +3139,7 @@ function kl() {
           }
         ),
         /* @__PURE__ */ e.jsx(
-          z,
+          O,
           {
             onClick: () => p("custom"),
             variant: "ghost",
@@ -3143,7 +3151,7 @@ function kl() {
     ] })
   ] });
 }
-function Ol({
+function zl({
   chartType: s,
   className: t,
   customIcon: a,
@@ -3156,7 +3164,7 @@ function Ol({
     case "line":
       return /* @__PURE__ */ e.jsx(Bs, { className: t });
     case "pie":
-      return /* @__PURE__ */ e.jsx(za, { className: t });
+      return /* @__PURE__ */ e.jsx(Oa, { className: t });
     case "radar":
       return /* @__PURE__ */ e.jsx(_a, { className: t });
     case "scatter":
@@ -3174,7 +3182,7 @@ function Ol({
     case "pyramid":
       return /* @__PURE__ */ e.jsx(Qa, { className: t });
     case "range":
-      return /* @__PURE__ */ e.jsx(Oa, { className: t });
+      return /* @__PURE__ */ e.jsx(za, { className: t });
     case "kpi":
       return /* @__PURE__ */ e.jsx(Ga, { className: t });
     case "text":
@@ -3187,7 +3195,7 @@ function Ol({
       return /* @__PURE__ */ e.jsx(As, { className: t });
   }
 }
-function zl() {
+function Ol() {
   var t;
   const s = m((a) => a.card);
   return (t = s.customCardPreferences) == null || t.showCardHeader, re(), /* @__PURE__ */ e.jsxs(ra, { children: [
@@ -3208,9 +3216,9 @@ function zl() {
   ] });
 }
 function ta() {
-  const s = m((h) => h.frame), t = m((h) => h.card), a = m((h) => h.isShowingVisual), n = m((h) => h.isSqlRunning), l = m((h) => h.queryError), o = m((h) => h.pythonStdOut), r = m((h) => h.actions.setRunSql);
+  const s = m((h) => h.frame), t = m((h) => h.card), a = m((h) => h.isShowingVisual), n = m((h) => h.isSqlRunning), l = m((h) => h.queryError), c = m((h) => h.pythonStdOut), r = m((h) => h.actions.setRunSql);
   m((h) => h.onSave), m((h) => h.onClose), m((h) => h.actions.setCardSql), m((h) => h.actions.setCardType), m((h) => h.actions.setSqlGen);
-  const { setFrame: c, setCard: d, updateCardInFrame: p } = re(), { data: u, isLoading: y, isFetching: g } = qe(t);
+  const { setFrame: o, setCard: d, updateCardInFrame: p } = re(), { data: u, isLoading: y, isFetching: g } = qe(t);
   if (!t) return /* @__PURE__ */ e.jsx(e.Fragment, { children: "No Active Card" });
   function x() {
     const h = {
@@ -3238,7 +3246,7 @@ function ta() {
       cards: [...s.cards, h],
       activeCardId: h.id
     };
-    c(v), d(h);
+    o(v), d(h);
   }
   function b() {
     const h = {
@@ -3256,7 +3264,7 @@ function ta() {
       // update the active card to the first card in the frame
       activeCardId: f.id
     };
-    c(k), d(f);
+    o(k), d(f);
   }
   function C(h) {
     const v = {
@@ -3264,7 +3272,7 @@ function ta() {
       cards: s.cards.map((k) => k.id === t.id ? t : k),
       activeCardId: h
     };
-    c(v);
+    o(v);
     const f = v.cards.find((k) => k.id === h);
     f.sql && r(!0), d(f);
   }
@@ -3276,7 +3284,7 @@ function ta() {
     const f = h.dataTransfer.getData("tabIndex");
     if (f === v.toString()) return;
     const k = Array.from(s.cards), [M] = k.splice(parseInt(f), 1);
-    k.splice(v, 0, M), c({ ...s, cards: k });
+    k.splice(v, 0, M), o({ ...s, cards: k });
   };
   function N(h, v) {
     return h.cards.length === 1 && (v.displayTab === !0 || v.displayTab === void 0) || h.activeCardId !== v.id && (v.displayTab === !0 || v.displayTab === void 0) ? null : /* @__PURE__ */ e.jsx(
@@ -3336,7 +3344,7 @@ function ta() {
               h.id
             )),
             /* @__PURE__ */ e.jsx(
-              z,
+              O,
               {
                 className: "ml-1 h-8 px-2 hover:bg-muted-foreground/50",
                 variant: "outline",
@@ -3345,12 +3353,12 @@ function ta() {
               }
             ),
             /* @__PURE__ */ e.jsx(
-              z,
+              O,
               {
                 className: "invisible ml-1 h-8 px-2 hover:bg-muted-foreground/50 group-hover:visible",
                 variant: "outline",
                 onClick: b,
-                children: /* @__PURE__ */ e.jsx(On, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ e.jsx(zn, { className: "h-4 w-4" })
               }
             )
           ] }) })
@@ -3374,12 +3382,12 @@ function ta() {
       a && /* @__PURE__ */ e.jsxs("div", { className: "flex grow items-center gap-2", children: [
         /* @__PURE__ */ e.jsx(kl, {}),
         !["table", "custom"].includes(t.type) && /* @__PURE__ */ e.jsx(Nl, {}),
-        /* @__PURE__ */ e.jsx(zl, {})
+        /* @__PURE__ */ e.jsx(Ol, {})
       ] }),
       /* @__PURE__ */ e.jsx(Il, {})
     ] }),
     a ? S() : /* @__PURE__ */ e.jsxs("div", { className: "flex min-h-0 w-full flex-1 grow basis-0 px-6", children: [
-      o && /* @__PURE__ */ e.jsx(Fl, {}),
+      c && /* @__PURE__ */ e.jsx(Fl, {}),
       (u == null ? void 0 : u.records) && (u == null ? void 0 : u.records.length) > 0 && /* @__PURE__ */ e.jsx(vl, { data: (u == null ? void 0 : u.records) || [] }),
       l && /* @__PURE__ */ e.jsx("span", { className: "font-mono text-sm", children: l })
     ] })
@@ -3448,13 +3456,13 @@ function ue({
     /* @__PURE__ */ e.jsx(
       he,
       {
-        className: W("w-full focus:ring-0 focus:ring-offset-0", l),
+        className: Q("w-full focus:ring-0 focus:ring-offset-0", l),
         children: /* @__PURE__ */ e.jsx(xe, { placeholder: s })
       }
     ),
     /* @__PURE__ */ e.jsx(pe, { children: /* @__PURE__ */ e.jsxs(Se, { children: [
       /* @__PURE__ */ e.jsx(fe, { children: s }),
-      t.map((o) => /* @__PURE__ */ e.jsx(J, { value: o.value, children: o.label }, o.value))
+      t.map((c) => /* @__PURE__ */ e.jsx(K, { value: c.value, children: c.label }, c.value))
     ] }) })
   ] });
 }
@@ -3468,7 +3476,7 @@ function Ge({
     "details",
     {
       open: a,
-      className: W("space-y-4 [&_summary>svg]:open:-rotate-180", n),
+      className: Q("space-y-4 [&_summary>svg]:open:-rotate-180", n),
       children: [
         /* @__PURE__ */ e.jsxs("summary", { className: "flex cursor-pointer list-none items-center justify-between gap-4", children: [
           /* @__PURE__ */ e.jsx(R, { children: t }),
@@ -3483,7 +3491,7 @@ function Tl() {
   var b, I;
   const s = m(
     (C) => C.card.customCardPreferences
-  ), { data: t } = Ka(), a = (t == null ? void 0 : t.plugins) || [], n = m((C) => C.card), l = m((C) => C.frame), o = (s == null ? void 0 : s.visualType) || "single", { setCustomCardPreferences: r } = re(), { components: c, manifest: d } = ja(
+  ), { data: t } = Ka(), a = (t == null ? void 0 : t.plugins) || [], n = m((C) => C.card), l = m((C) => C.frame), c = (s == null ? void 0 : s.visualType) || "single", { setCustomCardPreferences: r } = re(), { components: o, manifest: d } = ja(
     (s == null ? void 0 : s.url) || ""
   ), p = (b = d == null ? void 0 : d.visuals) == null ? void 0 : b.find(
     (C) => C.name === (s == null ? void 0 : s.componentName)
@@ -3616,19 +3624,19 @@ function Tl() {
                 { value: "single", label: "Single Visual" },
                 { value: "multiple", label: "Multi-Visual" }
               ],
-              value: o,
+              value: c,
               onValueChange: j
             }
           ),
           ((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(R, { children: "Component" }),
-            /* @__PURE__ */ e.jsx("div", { className: "space-y-2 px-2", children: c && /* @__PURE__ */ e.jsx(
+            /* @__PURE__ */ e.jsx("div", { className: "space-y-2 px-2", children: o && /* @__PURE__ */ e.jsx(
               ue,
               {
                 className: "h-8 w-full",
                 label: "",
-                options: (c == null ? void 0 : c.filter(
-                  (C) => C.type === o
+                options: (o == null ? void 0 : o.filter(
+                  (C) => C.type === c
                 ).map((C) => ({
                   value: C.name,
                   label: C.name
@@ -3661,7 +3669,7 @@ function Te() {
   m(
     (u) => u.card.cfg
   );
-  const a = m((u) => u.card.preferences), { setCardCfg: n, setFilterOnClickColumnIndex: l, setCardPreferences: o } = m((u) => u.actions), r = m(
+  const a = m((u) => u.card.preferences), { setCardCfg: n, setFilterOnClickColumnIndex: l, setCardPreferences: c } = m((u) => u.actions), r = m(
     (u) => u.queryResultColumns
   );
   m(
@@ -3672,9 +3680,9 @@ function Te() {
   ), Z(() => {
     r && t(new Array(r.length).fill(!1));
   }, [r]);
-  function c(u, y) {
+  function o(u, y) {
     var g, x;
-    y ? a != null && a.onClickFilter && ((g = a == null ? void 0 : a.onClickFilter) == null ? void 0 : g.length) > 0 ? o({
+    y ? a != null && a.onClickFilter && ((g = a == null ? void 0 : a.onClickFilter) == null ? void 0 : g.length) > 0 ? c({
       ...a,
       onClickFilter: [
         ...a.onClickFilter,
@@ -3683,7 +3691,7 @@ function Te() {
           expression: ""
         }
       ]
-    }) : o({
+    }) : c({
       ...a,
       onClickFilter: [
         {
@@ -3691,7 +3699,7 @@ function Te() {
           expression: ""
         }
       ]
-    }) : (o({
+    }) : (c({
       ...a,
       onClickFilter: (x = a == null ? void 0 : a.onClickFilter) == null ? void 0 : x.filter(
         (j) => j.columnIndex !== u
@@ -3707,7 +3715,7 @@ function Te() {
       ...j,
       expression: y.target.value
     } : j);
-    o({
+    c({
       ...a,
       onClickFilter: g
     });
@@ -3742,7 +3750,7 @@ function Te() {
                   checked: !!((g = a == null ? void 0 : a.onClickFilter) != null && g.find(
                     (j) => j.columnIndex === y
                   )),
-                  onCheckedChange: (j) => c(y, j)
+                  onCheckedChange: (j) => o(y, j)
                 }
               ),
               /* @__PURE__ */ e.jsx(
@@ -3776,19 +3784,19 @@ function Te() {
   ] });
 }
 function fs() {
-  var r, c, d;
+  var r, o, d;
   const s = m((p) => p.card.preferences), t = m(
     (p) => p.card.cfg
   ), { setCardCfg: a, setCardPreferences: n, setChartOrientation: l } = m((p) => p.actions);
   (r = t == null ? void 0 : t.options) != null && r.indexAxis;
-  function o(p) {
+  function c(p) {
     l(p);
   }
   return /* @__PURE__ */ e.jsxs(
     ps,
     {
-      value: ((c = s == null ? void 0 : s.chartOptions) == null ? void 0 : c.indexAxis) || ((d = t == null ? void 0 : t.options) == null ? void 0 : d.indexAxis) || "x",
-      onValueChange: o,
+      value: ((o = s == null ? void 0 : s.chartOptions) == null ? void 0 : o.indexAxis) || ((d = t == null ? void 0 : t.options) == null ? void 0 : d.indexAxis) || "x",
+      onValueChange: c,
       className: "flex gap-3",
       defaultValue: "x",
       children: [
@@ -3806,37 +3814,37 @@ function fs() {
 }
 const ts = "focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0";
 function na(s, t) {
-  var n, l, o;
+  var n, l, c;
   const a = wa(s, t);
-  return ((o = (l = (n = s == null ? void 0 : s.chartOptions) == null ? void 0 : n.scales) == null ? void 0 : l[a]) == null ? void 0 : o.type) || "linear";
+  return ((c = (l = (n = s == null ? void 0 : s.chartOptions) == null ? void 0 : n.scales) == null ? void 0 : l[a]) == null ? void 0 : c.type) || "linear";
 }
 function Wa() {
-  var ie, K, ae, w, _, ee;
+  var ie, W, ae, w, _, ee;
   const [s, t] = q(!1), a = m((E) => {
     var D;
     return (D = E.card) == null ? void 0 : D.preferences;
   }), n = m((E) => {
     var D;
     return (D = E.card) == null ? void 0 : D.cfg;
-  }), l = wa(a, n), [o, r] = q(
+  }), l = wa(a, n), [c, r] = q(
     na(a)
-  ), [c, d] = q(
-    ((ae = (K = (ie = a == null ? void 0 : a.chartOptions) == null ? void 0 : ie.scales) == null ? void 0 : K[l]) == null ? void 0 : ae.min) || ""
+  ), [o, d] = q(
+    ((ae = (W = (ie = a == null ? void 0 : a.chartOptions) == null ? void 0 : ie.scales) == null ? void 0 : W[l]) == null ? void 0 : ae.min) || ""
   ), [p, u] = q(
     ((ee = (_ = (w = a == null ? void 0 : a.chartOptions) == null ? void 0 : w.scales) == null ? void 0 : _[l]) == null ? void 0 : ee.max) || ""
-  ), [y, g] = q(c || p ? "custom" : "auto"), [x, j] = q(""), [b, I] = q(0), [C, T] = q(""), [F, A] = q(""), [N, S] = q(""), L = m(
+  ), [y, g] = q(o || p ? "custom" : "auto"), [x, j] = q(""), [b, I] = q(0), [C, T] = q(""), [F, A] = q(""), [N, S] = q(""), L = m(
     (E) => E.actions.setCardPreferences
   ), { updateCardInFrame: h } = re(), v = m((E) => E.card), f = m((E) => {
     var D;
     return (D = E.card) == null ? void 0 : D.type;
   }), k = ["pie", "doughnut", "polarArea"].includes(f);
   Z(() => {
-    var E, D, se, $, X, te, Le, Oe, be, ye, Q, oe, ce, ze;
+    var E, D, se, $, X, te, Le, ze, be, ye, J, oe, ce, Oe;
     r(na(a)), d(
       ((se = (D = (E = a == null ? void 0 : a.chartOptions) == null ? void 0 : E.scales) == null ? void 0 : D[l]) == null ? void 0 : se.min) === 0 ? 0 : ""
     ), u(((te = (X = ($ = a == null ? void 0 : a.chartOptions) == null ? void 0 : $.scales) == null ? void 0 : X[l]) == null ? void 0 : te.max) || ""), j(
-      ((ye = (be = (Oe = (Le = a == null ? void 0 : a.chartOptions) == null ? void 0 : Le.scales) == null ? void 0 : Oe[l]) == null ? void 0 : be.ticks) == null ? void 0 : ye.stepSize) || ""
-    ), I(((Q = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : Q.decimalPlaces) || 0), T(((oe = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : oe.suffix) || ""), A(((ce = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : ce.currency) || ""), S(((ze = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : ze.locale) || "");
+      ((ye = (be = (ze = (Le = a == null ? void 0 : a.chartOptions) == null ? void 0 : Le.scales) == null ? void 0 : ze[l]) == null ? void 0 : be.ticks) == null ? void 0 : ye.stepSize) || ""
+    ), I(((J = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : J.decimalPlaces) || 0), T(((oe = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : oe.suffix) || ""), A(((ce = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : ce.currency) || ""), S(((Oe = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : Oe.locale) || "");
   }, [s, a, l]);
   function M(E, D) {
     return D === "" || /^[0-9\b]+$/.test(D) ? Number(D) : Number(E);
@@ -3871,8 +3879,8 @@ function Wa() {
               /* @__PURE__ */ e.jsx(he, { className: "col-span-2 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(xe, {}) }),
               /* @__PURE__ */ e.jsx(pe, { children: /* @__PURE__ */ e.jsxs(Se, { children: [
                 /* @__PURE__ */ e.jsx(fe, { children: "Currency" }),
-                /* @__PURE__ */ e.jsx(J, { value: "none", children: "None" }),
-                E.map((D) => /* @__PURE__ */ e.jsx(J, { value: D, children: D }, D))
+                /* @__PURE__ */ e.jsx(K, { value: "none", children: "None" }),
+                E.map((D) => /* @__PURE__ */ e.jsx(K, { value: D, children: D }, D))
               ] }) })
             ]
           }
@@ -3887,7 +3895,7 @@ function Wa() {
           ),
           /* @__PURE__ */ e.jsx(pe, { children: /* @__PURE__ */ e.jsxs(Se, { children: [
             /* @__PURE__ */ e.jsx(fe, { children: "Locale" }),
-            os.map((D) => /* @__PURE__ */ e.jsx(J, { value: D.locale, children: D.locale }, D.locale))
+            os.map((D) => /* @__PURE__ */ e.jsx(K, { value: D.locale, children: D.locale }, D.locale))
           ] }) })
         ] })
       ] }),
@@ -3913,7 +3921,7 @@ function Wa() {
           le,
           {
             id: "min",
-            value: c,
+            value: o,
             onChange: (E) => d((D) => M(D, E.target.value)),
             className: `col-span-1 h-8 w-full ${ts}`
           }
@@ -3946,7 +3954,7 @@ function Wa() {
     var $;
     let E = {};
     y === "custom" && (E = {
-      min: c,
+      min: o,
       max: p,
       ticks: {
         stepSize: x
@@ -3960,8 +3968,8 @@ function Wa() {
           ...($ = a == null ? void 0 : a.chartOptions) == null ? void 0 : $.scales,
           [l]: {
             // ...cardPreferences?.chartOptions?.scales?.[axis],
-            type: o,
-            ...o === "linear" ? E : {}
+            type: c,
+            ...c === "linear" ? E : {}
           }
         }
       },
@@ -3993,20 +4001,20 @@ function Wa() {
             me,
             {
               disabled: k,
-              value: o,
+              value: c,
               onValueChange: (E) => r(E),
               children: [
                 /* @__PURE__ */ e.jsx(he, { className: "col-span-2 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(xe, {}) }),
                 /* @__PURE__ */ e.jsx(pe, { id: "type", children: /* @__PURE__ */ e.jsxs(Se, { children: [
                   /* @__PURE__ */ e.jsx(fe, { children: "Option" }),
-                  /* @__PURE__ */ e.jsx(J, { value: "linear", children: "Linear" }),
-                  /* @__PURE__ */ e.jsx(J, { value: "logarithmic", children: "Logarithmic" })
+                  /* @__PURE__ */ e.jsx(K, { value: "linear", children: "Linear" }),
+                  /* @__PURE__ */ e.jsx(K, { value: "logarithmic", children: "Logarithmic" })
                 ] }) })
               ]
             }
           )
         ] }),
-        o == "linear" && /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 items-center gap-2 py-1", children: [
+        c == "linear" && /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 items-center gap-2 py-1", children: [
           /* @__PURE__ */ e.jsx(R, { htmlFor: "scale-option", children: "Setup" }),
           /* @__PURE__ */ e.jsxs(
             ps,
@@ -4030,11 +4038,11 @@ function Wa() {
             }
           )
         ] }),
-        y === "custom" && o == "linear" && P(),
+        y === "custom" && c == "linear" && P(),
         H(),
         /* @__PURE__ */ e.jsx(en, {}),
         /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-3", children: /* @__PURE__ */ e.jsx(
-          z,
+          O,
           {
             onClick: Y,
             variant: "secondary",
@@ -4047,7 +4055,7 @@ function Wa() {
   ] });
 }
 function Ll({ idx: s }) {
-  var c;
+  var o;
   const t = m((d) => {
     var p;
     return (p = d.card) == null ? void 0 : p.preferences;
@@ -4058,7 +4066,7 @@ function Ll({ idx: s }) {
     }
   ), n = m(
     (d) => d.actions.setCardPreferences
-  ), l = (c = t == null ? void 0 : t.chartOptions) == null ? void 0 : c.indexAxis, o = a == null ? void 0 : a.find((d) => d.idx === s);
+  ), l = (o = t == null ? void 0 : t.chartOptions) == null ? void 0 : o.indexAxis, c = a == null ? void 0 : a.find((d) => d.idx === s);
   function r(d, p) {
     (d === "end" || d === "start") && sn(an());
     const u = {
@@ -4067,7 +4075,7 @@ function Ll({ idx: s }) {
       anchor: d,
       clamp: !0
     };
-    if (!o)
+    if (!c)
       n({
         ...t,
         datasetOptions: [
@@ -4079,7 +4087,7 @@ function Ll({ idx: s }) {
         ]
       });
     else {
-      const y = { ...o };
+      const y = { ...c };
       y.datalabels = u;
       const g = a == null ? void 0 : a.map(
         (x) => x.idx === p ? y : x
@@ -4094,7 +4102,7 @@ function Ll({ idx: s }) {
     /* @__PURE__ */ e.jsx(hs, { children: /* @__PURE__ */ e.jsx(Jn, { className: "invisible size-4 rotate-[135deg] cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible" }) }),
     /* @__PURE__ */ e.jsx(xs, { className: "w-fit p-1", children: /* @__PURE__ */ e.jsxs("div", { className: "flex gap-1", children: [
       /* @__PURE__ */ e.jsx(
-        z,
+        O,
         {
           onClick: () => r("none", s),
           size: "sm",
@@ -4104,7 +4112,7 @@ function Ll({ idx: s }) {
         }
       ),
       /* @__PURE__ */ e.jsx(
-        z,
+        O,
         {
           onClick: () => r("start", s),
           size: "sm",
@@ -4113,7 +4121,7 @@ function Ll({ idx: s }) {
           children: /* @__PURE__ */ e.jsx(
             Vn,
             {
-              className: W("h-4 w-4", {
+              className: Q("h-4 w-4", {
                 "rotate-90": l === "y"
               })
             }
@@ -4121,7 +4129,7 @@ function Ll({ idx: s }) {
         }
       ),
       /* @__PURE__ */ e.jsx(
-        z,
+        O,
         {
           onClick: () => r("center", s),
           size: "sm",
@@ -4130,7 +4138,7 @@ function Ll({ idx: s }) {
           children: /* @__PURE__ */ e.jsx(
             Rn,
             {
-              className: W("h-4 w-4", {
+              className: Q("h-4 w-4", {
                 "rotate-90": l === "y"
               })
             }
@@ -4138,7 +4146,7 @@ function Ll({ idx: s }) {
         }
       ),
       /* @__PURE__ */ e.jsx(
-        z,
+        O,
         {
           onClick: () => r("end", s),
           size: "sm",
@@ -4147,7 +4155,7 @@ function Ll({ idx: s }) {
           children: /* @__PURE__ */ e.jsx(
             qn,
             {
-              className: W("h-4 w-4", {
+              className: Q("h-4 w-4", {
                 "rotate-90": l === "y"
               })
             }
@@ -4164,24 +4172,24 @@ function Ya() {
       return (g = (y = (u = p == null ? void 0 : p.card) == null ? void 0 : u.preferences) == null ? void 0 : y.chartOptions) == null ? void 0 : g.indexAxis;
     }
   ), { data: a } = qe(s), n = t === "y" ? "Y axis" : "X axis", l = t === "y" ? "X axis" : "Y axis", {
-    keys: o,
+    keys: c,
     metricKeys: r,
-    dimensionKeys: c
+    dimensionKeys: o
   } = vs((a == null ? void 0 : a.records) || []);
   let d = r;
   if (["stackedBar", "stackedLine"].includes(s.type)) {
     const p = tn({
       dataArray: (a == null ? void 0 : a.records) || [],
-      groupKey: c[0],
-      pivotKey: c[1],
+      groupKey: o[0],
+      pivotKey: o[1],
       valueKey: d[0]
     }), { metricKeys: u } = vs(p);
     d = u;
   }
-  return o.length === 0 ? null : /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
+  return c.length === 0 ? null : /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ e.jsx(R, { children: n }),
-      /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: /* @__PURE__ */ e.jsx("div", { className: "rounded-md bg-muted/70 px-2 py-1 hover:bg-muted", children: /* @__PURE__ */ e.jsx("p", { children: c[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: o[0] }) }) })
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between gap-5", children: [
@@ -4193,35 +4201,35 @@ function Ya() {
   ] });
 }
 function Ml({ col: s, idx: t }) {
-  const a = m((c) => {
+  const a = m((o) => {
     var d;
-    return (d = c.card) == null ? void 0 : d.preferences;
+    return (d = o.card) == null ? void 0 : d.preferences;
   }), n = m(
-    (c) => {
+    (o) => {
       var d;
-      return (d = c.card.preferences) == null ? void 0 : d.datasetOptions;
+      return (d = o.card.preferences) == null ? void 0 : d.datasetOptions;
     }
-  ), l = n == null ? void 0 : n.find((c) => c.idx === t), { setCardPreferences: o } = m((c) => c.actions);
-  function r(c) {
+  ), l = n == null ? void 0 : n.find((o) => o.idx === t), { setCardPreferences: c } = m((o) => o.actions);
+  function r(o) {
     if (!l)
-      o({
+      c({
         ...a,
         datasetOptions: [
           ...n || [],
           {
             idx: t,
-            type: c === "area" ? "line" : c,
-            fill: c === "area" ? "origin" : ""
+            type: o === "area" ? "line" : o,
+            fill: o === "area" ? "origin" : ""
           }
         ]
       });
     else {
       const d = { ...l };
-      d.type = c === "area" ? "line" : c, d.fill = c === "area" ? "origin" : "";
+      d.type = o === "area" ? "line" : o, d.fill = o === "area" ? "origin" : "";
       const p = n == null ? void 0 : n.map(
         (u) => u.idx === t ? d : u
       );
-      o({
+      c({
         ...a,
         datasetOptions: p
       });
@@ -4256,7 +4264,7 @@ function Ml({ col: s, idx: t }) {
   ] });
 }
 function Xa() {
-  const s = m((g) => g.selectedConnectionId), t = m((g) => g.selectedDatamodelId), a = m((g) => g.selectedDatabaseName), n = m((g) => g.selectedSchemaName), l = m((g) => g.selectedTableName), o = O((g) => g.dashboard.filters) || [], r = O((g) => g.actions.addFilter), c = O((g) => g.actions.removeFilter), d = O(
+  const s = m((g) => g.selectedConnectionId), t = m((g) => g.selectedDatamodelId), a = m((g) => g.selectedDatabaseName), n = m((g) => g.selectedSchemaName), l = m((g) => g.selectedTableName), c = z((g) => g.dashboard.filters) || [], r = z((g) => g.actions.addFilter), o = z((g) => g.actions.removeFilter), d = z(
     (g) => g.actions.removeFilterValue
   ), { modelItems: p, tableName: u } = Re();
   function y(g, x = "dashboard") {
@@ -4270,11 +4278,11 @@ function Xa() {
       (L) => L.id === t
     )) == null ? void 0 : S.name;
     t && t !== "none" && (F = `${ys}.${A}.${j}`, T = `${ys}.${A}`);
-    const N = o == null ? void 0 : o.find(
+    const N = c == null ? void 0 : c.find(
       (L) => L.column === F && L.table === C && (L.database === b || L.database === a)
     );
     if (N)
-      d(N.id), c(N.id);
+      d(N.id), o(N.id);
     else {
       const L = Je();
       return u === "api" && s ? (r({
@@ -4319,17 +4327,17 @@ function Xa() {
   return { assignFilter: y };
 }
 function _e() {
-  const s = O(
-    (c) => c.dashboard.filters
-  ), t = m((c) => c.frame), { setFrame: a } = re(), { columns: n } = Re(), { assignFilter: l } = Xa();
-  function o(c) {
-    const d = l(c, "frame");
+  const s = z(
+    (o) => o.dashboard.filters
+  ), t = m((o) => o.frame), { setFrame: a } = re(), { columns: n } = Re(), { assignFilter: l } = Xa();
+  function c(o) {
+    const d = l(o, "frame");
     a({ ...t, filterId: d });
   }
-  const r = s == null ? void 0 : s.find((c) => c.id === t.filterId);
+  const r = s == null ? void 0 : s.find((o) => o.id === t.filterId);
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-3", children: [
     /* @__PURE__ */ e.jsx(R, { children: "Card Filter" }),
-    /* @__PURE__ */ e.jsx(El, { onSelect: o, columns: n }),
+    /* @__PURE__ */ e.jsx(El, { onSelect: c, columns: n }),
     r && /* @__PURE__ */ e.jsx(nn, { filter: r })
   ] });
 }
@@ -4338,10 +4346,10 @@ function El({
   onSelect: t
 }) {
   var r;
-  const [a, n] = ea.useState(!1), [l, o] = ea.useState("");
+  const [a, n] = ea.useState(!1), [l, c] = ea.useState("");
   return /* @__PURE__ */ e.jsxs(ms, { open: a, onOpenChange: n, children: [
     /* @__PURE__ */ e.jsx(hs, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
-      z,
+      O,
       {
         size: "sm",
         variant: "outline",
@@ -4349,7 +4357,7 @@ function El({
         "aria-expanded": a,
         className: "w-full justify-between font-normal",
         children: [
-          l ? (r = s.find((c) => c.column_name === l)) == null ? void 0 : r.column_name : "Select Column...",
+          l ? (r = s.find((o) => o.column_name === l)) == null ? void 0 : r.column_name : "Select Column...",
           /* @__PURE__ */ e.jsx(ln, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
         ]
       }
@@ -4358,28 +4366,28 @@ function El({
       /* @__PURE__ */ e.jsx(on, { placeholder: "Search column", className: "h-9" }),
       /* @__PURE__ */ e.jsxs(cn, { children: [
         /* @__PURE__ */ e.jsx(dn, { children: "No framework found." }),
-        /* @__PURE__ */ e.jsx(un, { children: s.map((c) => /* @__PURE__ */ e.jsxs(
+        /* @__PURE__ */ e.jsx(un, { children: s.map((o) => /* @__PURE__ */ e.jsxs(
           mn,
           {
-            value: c.column_name,
+            value: o.column_name,
             onSelect: (d) => {
               const p = d === l ? "" : d;
-              o(p), n(!1), p && t(c);
+              c(p), n(!1), p && t(o);
             },
             children: [
-              c.column_name,
+              o.column_name,
               /* @__PURE__ */ e.jsx(
                 Na,
                 {
-                  className: W(
+                  className: Q(
                     "ml-auto h-4 w-4",
-                    l === c.column_name ? "opacity-100" : "opacity-0"
+                    l === o.column_name ? "opacity-100" : "opacity-0"
                   )
                 }
               )
             ]
           },
-          c.column_name
+          o.column_name
         )) })
       ] })
     ] }) })
@@ -4431,17 +4439,17 @@ function Al({
   ] }) });
 }
 function Gs() {
-  var l, o, r;
+  var l, c, r;
   const s = m(
-    (c) => c.card.cfg
-  ), t = m((c) => c.actions.setCardCfg), a = m((c) => c.card.type);
-  function n(c) {
+    (o) => o.card.cfg
+  ), t = m((o) => o.actions.setCardCfg), a = m((o) => o.card.type);
+  function n(o) {
     var u;
     const d = {
       datalabels: {
-        display: c !== "none",
-        align: c,
-        anchor: c,
+        display: o !== "none",
+        align: o,
+        anchor: o,
         clamp: !0
       }
     }, p = {
@@ -4454,7 +4462,7 @@ function Gs() {
         }
       }
     };
-    t(p), console.log(c);
+    t(p), console.log(o);
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between", children: [
@@ -4464,17 +4472,17 @@ function Gs() {
     /* @__PURE__ */ e.jsxs(
       me,
       {
-        value: (r = (o = (l = s == null ? void 0 : s.options) == null ? void 0 : l.plugins) == null ? void 0 : o.datalabels) == null ? void 0 : r.anchor,
+        value: (r = (c = (l = s == null ? void 0 : s.options) == null ? void 0 : l.plugins) == null ? void 0 : c.datalabels) == null ? void 0 : r.anchor,
         onValueChange: n,
         defaultValue: "none",
         children: [
           /* @__PURE__ */ e.jsx(he, { className: "h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(xe, { placeholder: "Select position" }) }),
           /* @__PURE__ */ e.jsx(pe, { children: /* @__PURE__ */ e.jsxs(Se, { children: [
             /* @__PURE__ */ e.jsx(fe, { children: "Data Labels" }),
-            /* @__PURE__ */ e.jsx(J, { value: "none", children: "None" }),
-            a !== "pyramid" && /* @__PURE__ */ e.jsx(J, { value: "start", children: "Start" }),
-            /* @__PURE__ */ e.jsx(J, { value: "center", children: "Center" }),
-            a !== "pyramid" && /* @__PURE__ */ e.jsx(J, { value: "end", children: "End" })
+            /* @__PURE__ */ e.jsx(K, { value: "none", children: "None" }),
+            a !== "pyramid" && /* @__PURE__ */ e.jsx(K, { value: "start", children: "Start" }),
+            /* @__PURE__ */ e.jsx(K, { value: "center", children: "Center" }),
+            a !== "pyramid" && /* @__PURE__ */ e.jsx(K, { value: "end", children: "End" })
           ] }) })
         ]
       }
@@ -4500,7 +4508,7 @@ function Vl({
           "a",
           {
             target: "_blank",
-            onClick: (o) => o.stopPropagation(),
+            onClick: (c) => c.stopPropagation(),
             className: "text-blue-700",
             href: "https://docs.semaphor.cloud/concepts/visuals#pie-chart",
             children: "example"
@@ -4695,14 +4703,14 @@ function $l() {
   m(
     (x) => x.actions.setFilterOnClickField
   );
-  const o = m(
+  const c = m(
     (x) => {
       var j, b;
       return (b = (j = x.card.preferences) == null ? void 0 : j.formatNumber) == null ? void 0 : b.colorRanges;
     }
   ) || [], r = m(
     (x) => x.actions.setColorRanges
-  ), c = [...new Set(os.map((x) => x.currency))];
+  ), o = [...new Set(os.map((x) => x.currency))];
   return /* @__PURE__ */ e.jsxs("div", { children: [
     /* @__PURE__ */ e.jsxs("div", { className: "mb-3 flex items-center gap-2", children: [
       /* @__PURE__ */ e.jsx(
@@ -4744,8 +4752,8 @@ function $l() {
                   /* @__PURE__ */ e.jsx(he, { className: "col-span-6 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(xe, {}) }),
                   /* @__PURE__ */ e.jsx(pe, { children: /* @__PURE__ */ e.jsxs(Se, { children: [
                     /* @__PURE__ */ e.jsx(fe, { children: "Format" }),
-                    /* @__PURE__ */ e.jsx(J, { value: "none", children: "None" }, "none"),
-                    os.map((x) => /* @__PURE__ */ e.jsx(J, { value: x.locale, children: x.locale }, x.locale))
+                    /* @__PURE__ */ e.jsx(K, { value: "none", children: "None" }, "none"),
+                    os.map((x) => /* @__PURE__ */ e.jsx(K, { value: x.locale, children: x.locale }, x.locale))
                   ] }) })
                 ]
               }
@@ -4770,8 +4778,8 @@ function $l() {
                   /* @__PURE__ */ e.jsx(he, { className: "col-span-6 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(xe, {}) }),
                   /* @__PURE__ */ e.jsx(pe, { children: /* @__PURE__ */ e.jsxs(Se, { children: [
                     /* @__PURE__ */ e.jsx(fe, { children: "Currency" }),
-                    /* @__PURE__ */ e.jsx(J, { value: "none", children: "None" }, "none"),
-                    c.map((x) => /* @__PURE__ */ e.jsx(J, { value: x, children: x }, x))
+                    /* @__PURE__ */ e.jsx(K, { value: "none", children: "None" }, "none"),
+                    o.map((x) => /* @__PURE__ */ e.jsx(K, { value: x, children: x }, x))
                   ] }) })
                 ]
               }
@@ -4796,7 +4804,7 @@ function $l() {
                 },
                 children: [
                   /* @__PURE__ */ e.jsx(he, { className: "col-span-3 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(xe, {}) }),
-                  /* @__PURE__ */ e.jsx(pe, { children: ["0", "1", "2", "3", "4"].map((x) => /* @__PURE__ */ e.jsx(J, { value: x, children: x }, x)) })
+                  /* @__PURE__ */ e.jsx(pe, { children: ["0", "1", "2", "3", "4"].map((x) => /* @__PURE__ */ e.jsx(K, { value: x, children: x }, x)) })
                 ]
               }
             )
@@ -4827,7 +4835,7 @@ function $l() {
       /* @__PURE__ */ e.jsx(
         hn,
         {
-          colorRanges: o,
+          colorRanges: c,
           setColorRanges: r
         }
       )
@@ -4969,10 +4977,10 @@ function Ql() {
   var d, p, u, y, g, x, j, b, I, C, T, F, A, N, S, L, h, v;
   const s = m((f) => f.card), t = (p = (d = s == null ? void 0 : s.preferences) == null ? void 0 : d.mapVisualOptions) == null ? void 0 : p.topoJsonUrl, [a, n] = q(
     ((y = (u = s == null ? void 0 : s.preferences) == null ? void 0 : u.mapVisualOptions) == null ? void 0 : y.customTopoJsonUrl) || ""
-  ), { setCardPreferences: l } = re(), { data: o } = _s(s), r = Object.keys((o == null ? void 0 : o.objects) || {}).map((f) => ({
+  ), { setCardPreferences: l } = re(), { data: c } = _s(s), r = Object.keys((c == null ? void 0 : c.objects) || {}).map((f) => ({
     label: f,
     value: f
-  })) || [], c = [
+  })) || [], o = [
     {
       label: "US States 10m",
       value: "https://unpkg.com/us-atlas/states-10m.json"
@@ -4994,7 +5002,7 @@ function Ql() {
         ue,
         {
           className: "h-9",
-          options: c,
+          options: o,
           onValueChange: (f) => {
             console.log("value", f), l({
               ...s.preferences,
@@ -5029,7 +5037,7 @@ function Ql() {
           placeholder: "Custom URL"
         }
       ),
-      o && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      c && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
         /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
           /* @__PURE__ */ e.jsx(R, { children: "Map Object" }),
           /* @__PURE__ */ e.jsx(
@@ -5253,8 +5261,8 @@ function ns({
 function Kl() {
   const s = m(
     (n) => {
-      var l, o;
-      return (o = (l = n == null ? void 0 : n.card) == null ? void 0 : l.preferences) == null ? void 0 : o.sortChart;
+      var l, c;
+      return (c = (l = n == null ? void 0 : n.card) == null ? void 0 : l.preferences) == null ? void 0 : c.sortChart;
     }
   ), { setSortChart: t } = re();
   function a() {
@@ -5504,13 +5512,13 @@ function sr() {
   );
 }
 function ar({ authToken: s, onSave: t, onClose: a }) {
-  O((r) => r.themeStyle);
-  const n = m((r) => r.actions.setOnSave), l = m((r) => r.actions.setOnClose), o = O((r) => r.actions.setAuthToken);
+  z((r) => r.themeStyle);
+  const n = m((r) => r.actions.setOnSave), l = m((r) => r.actions.setOnClose), c = z((r) => r.actions.setAuthToken);
   return Z(() => {
     t && n(t), a && l(a);
   }, [t, n, a, l]), Z(() => {
-    s && s.accessToken && o(s);
-  }, [s, o]), /* @__PURE__ */ e.jsx(us, { FallbackComponent: ka, children: /* @__PURE__ */ e.jsxs(
+    s && s.accessToken && c(s);
+  }, [s, c]), /* @__PURE__ */ e.jsx(us, { FallbackComponent: ka, children: /* @__PURE__ */ e.jsxs(
     xn,
     {
       style: {
@@ -5527,22 +5535,22 @@ function ar({ authToken: s, onSave: t, onClose: a }) {
   ) });
 }
 function tr() {
-  O((r) => r.selectedCardId);
-  const s = O((r) => r.selectedSheetId), { setIsVisualEditing: t } = O((r) => r.actions), a = O((r) => r.isVisualEditing), n = O((r) => r.actions.updateFrame);
+  z((r) => r.selectedCardId);
+  const s = z((r) => r.selectedSheetId), { setIsVisualEditing: t } = z((r) => r.actions), a = z((r) => r.isVisualEditing), n = z((r) => r.actions.updateFrame);
   function l(r) {
     s && (n(s, r), t(!1));
   }
-  function o() {
+  function c() {
     t(!1);
   }
   return /* @__PURE__ */ e.jsx(
     "div",
     {
       role: "editor-container",
-      className: W("flex grow", {
+      className: Q("flex grow", {
         "max-h-0 overflow-hidden": !a
       }),
-      children: /* @__PURE__ */ e.jsx(ar, { onSave: l, onClose: o })
+      children: /* @__PURE__ */ e.jsx(ar, { onSave: l, onClose: c })
     }
   );
 }
@@ -5550,23 +5558,23 @@ function nr() {
   m((r) => r.selectedConnectionId), m((r) => r.selectedDatamodelId);
   const s = m((r) => r.selectedDatabaseName);
   m((r) => r.selectedSchemaName);
-  const t = m((r) => r.selectedTableName), a = O((r) => r.dashboard.filters) || [];
-  O((r) => r.actions.addFilter), O((r) => r.actions.removeFilter), O(
+  const t = m((r) => r.selectedTableName), a = z((r) => r.dashboard.filters) || [];
+  z((r) => r.actions.addFilter), z((r) => r.actions.removeFilter), z(
     (r) => r.actions.removeFilterValue
   );
-  const { modelItems: n, columns: l } = Re(), { assignFilter: o } = Xa();
+  const { modelItems: n, columns: l } = Re(), { assignFilter: c } = Xa();
   return /* @__PURE__ */ e.jsx("div", { className: "xbg-red-100 flex-1 basis-0 flex-col overflow-scroll px-3", children: l == null ? void 0 : l.map((r) => {
-    const c = a == null ? void 0 : a.find(
+    const o = a == null ? void 0 : a.find(
       (d) => d.column === de(r.column_name) && d.table === t && d.database === s
     );
     return /* @__PURE__ */ e.jsx(
       "div",
       {
-        onClick: () => o(r),
-        className: W(
+        onClick: () => c(r),
+        className: Q(
           "group flex cursor-pointer items-center justify-between border border-dashed border-background px-3 py-[6px] text-sm transition-colors hover:bg-muted/50",
           {
-            "bg-muted": c
+            "bg-muted": o
           }
         ),
         children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
@@ -5579,15 +5587,15 @@ function nr() {
   }) });
 }
 function lr() {
-  O((t) => t.showFilters);
-  const s = O(
+  z((t) => t.showFilters);
+  const s = z(
     (t) => t.actions.setShowFilters
   );
   return /* @__PURE__ */ e.jsxs("section", { className: "relative flex grow flex-col border-l px-4", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "mt-4 flex items-center justify-between gap-2 px-3", children: [
       /* @__PURE__ */ e.jsx(R, { className: "text-lg", children: "Filters" }),
       /* @__PURE__ */ e.jsx(
-        z,
+        O,
         {
           onClick: () => s(!1),
           className: "h-7 w-7 p-0",
@@ -5611,12 +5619,12 @@ function lr() {
   ] });
 }
 function rr() {
-  const s = O((a) => a.showFilters), t = O((a) => a.isVisualEditing);
+  const s = z((a) => a.showFilters), t = z((a) => a.isVisualEditing);
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       role: "dashboard-plus-main",
-      className: W("", {
+      className: Q("", {
         "max-h-0 overflow-hidden": t,
         "flex grow": !t
       }),
@@ -5628,15 +5636,15 @@ function rr() {
   );
 }
 function ir() {
-  const s = O((n) => n.dashboard), t = O((n) => n.actions.setDashboard), a = O(
+  const s = z((n) => n.dashboard), t = z((n) => n.actions.setDashboard), a = z(
     (n) => n.showDashboardJSON
   );
-  return O(
+  return z(
     (n) => n.actions.setShowDashboardJSON
   ), /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: W(" p-2", {
+      className: Q(" p-2", {
         hidden: !a
       }),
       children: /* @__PURE__ */ e.jsx(
@@ -5708,12 +5716,12 @@ export {
   Wn as U,
   Ps as a,
   Bs as b,
-  Oa as c,
-  za as d,
+  za as c,
+  Oa as d,
   Fa as e,
   kn as f,
-  On as g,
-  zn as h,
+  zn as g,
+  On as h,
   Fn as i,
   Dn as j,
   In as k,