semaphor 0.0.80 → 0.0.81

package/dist/chunks/{index-j7G0u0x7.js → index-DxQQOmb2.js}

@@ -1,6 +1,6 @@
-import { c as q, p as hs, u as O, n as Is, o as ve, q as e, r as Ts, s as Ds, t as F, j as Ms, v as Ls, w as Es, x as As, y as Vs, L as H, z as re, A as oa, E as ca, H as da, J as ua, K as rt, M as it, N as ot, O as Ys, Q as W, R as Je, V as u, W as ct, F as ha, Y as We, Z as Ye, _ as qs, $ as ma, a0 as Rs, a1 as fe, a2 as ge, a3 as je, a4 as be, a5 as ze, a6 as ye, a7 as Q, T as _s, a8 as Hs, a9 as $s, aa as Ps, ab as xa, ac as pa, ad as xe, ae as dt, af as ut, ag as fa, ah as ht, C as mt, ai as xt, aj as ga, B as pt, ak as ms, al as ft, am as Xs, an as ja, ao as Ss, ap as me, aq as ke, ar as de, as as xs, at as ba, au as gt, av as jt, aw as ya, ax as bt, ay as yt, az as vt, aA as Ct, aB as Nt, aC as qe, aD as ws, aE as St, a as wt, aF as Ke, aG as ks, aH as Ve, aI as zs, aJ as kt, aK as zt, aL as Ot, aM as Ft, aN as It, aO as Tt, aP as Ns, aQ as Dt, aR as Zs, aS as Mt, aT as ea, aU as Lt, aV as Et, aW as At, aX as Vt, aY as va, aZ as ce, a_ as Bs, a$ as Ca, b0 as qt, b1 as Rt, b2 as rs, b3 as _t, b4 as Ht, b5 as $t, b6 as Pt, b7 as Bt, b8 as Ut, b9 as Gt, l as Kt, ba as ps, bb as Na, bc as Sa, bd as wa, be as is, bf as ka, bg as os, bh as sa, bi as Qt, bj as Jt, bk as fs, bl as gs, bm as js, bn as Wt, bo as Yt, X as za, bp as Xt, bq as Zt, br as en, bs, bt as Te, f as sn, bu as Ge, bv as Oa, bw as an, bx as tn, by as cs, bz as nn, bA as ln, bB as rn, bC as aa, bD as on, bE as cn, bF as dn, bG as un, bH as hn, bI as mn, bJ as xn, bK as pn, bL as De, bM as U, bN as G, bO as Us, bP as K, bQ as fn, bR as Fa, bS as gn, bT as jn, bU as bn, bV as yn, bW as vn, bX as Cn, bY as Nn, bZ as Sn, b_ as wn } from "./index-M3d2p2oT.js";
+import { c as q, p as hs, u as z, n as Is, o as ve, q as e, r as Ts, s as Ds, t as F, j as Ms, v as Ls, w as Es, x as As, y as Vs, L as H, z as re, A as oa, E as ca, H as da, J as ua, K as rt, M as it, N as ot, O as Ys, Q as W, R as Je, V as u, W as ct, F as ha, Y as We, Z as Ye, _ as qs, $ as ma, a0 as Rs, a1 as fe, a2 as ge, a3 as je, a4 as be, a5 as Oe, a6 as ye, a7 as Q, T as _s, a8 as Hs, a9 as $s, aa as Ps, ab as xa, ac as pa, ad as xe, ae as dt, af as ut, ag as fa, ah as ht, C as mt, ai as xt, aj as ga, B as pt, ak as ms, al as ft, am as Xs, an as ja, ao as Ss, ap as me, aq as ke, ar as de, as as xs, at as ba, au as gt, av as jt, aw as ya, ax as bt, ay as yt, az as vt, aA as Ct, aB as Nt, aC as qe, aD as ws, aE as St, a as wt, aF as Ke, aG as ks, aH as Ve, aI as Os, aJ as kt, aK as Ot, aL as zt, aM as Ft, aN as It, aO as Tt, aP as Ns, aQ as Dt, aR as Zs, aS as Mt, aT as ea, aU as Lt, aV as Et, aW as At, aX as Vt, aY as va, aZ as ce, a_ as Bs, a$ as Ca, b0 as qt, b1 as Rt, b2 as rs, b3 as _t, b4 as Ht, b5 as $t, b6 as Pt, b7 as Bt, b8 as Ut, b9 as Gt, l as Kt, ba as ps, bb as Na, bc as Sa, bd as wa, be as is, bf as ka, bg as os, bh as sa, bi as Qt, bj as Jt, bk as fs, bl as gs, bm as js, bn as Wt, bo as Yt, X as Oa, bp as Xt, bq as Zt, br as en, bs, bt as Te, f as sn, bu as Ge, bv as za, bw as an, bx as tn, by as cs, bz as nn, bA as ln, bB as rn, bC as aa, bD as on, bE as cn, bF as dn, bG as un, bH as hn, bI as mn, bJ as xn, bK as pn, bL as De, bM as U, bN as G, bO as Us, bP as K, bQ as fn, bR as Fa, bS as gn, bT as jn, bU as bn, bV as yn, bW as vn, bX as Cn, bY as Nn, bZ as Sn, b_ as wn } from "./index-BKVjVA8S.js";
 import * as ta from "react";
-import Oe, { useState as R, useMemo as Os, useEffect as Z, useRef as Xe, Suspense as kn } from "react";
+import ze, { useState as R, useMemo as zs, useEffect as Z, useRef as Xe, Suspense as kn } from "react";
 import "react-dom";
 /**
  * @license lucide-react v0.453.0 - ISC
@@ -8,7 +8,7 @@ import "react-dom";
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const zn = q("Box", [
+const On = q("Box", [
   [
     "path",
     {
@@ -25,7 +25,7 @@ const zn = q("Box", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const On = q("ChartArea", [
+const zn = q("ChartArea", [
   ["path", { d: "M3 3v16a2 2 0 0 0 2 2h16", key: "c24i48" }],
   [
     "path",
@@ -526,10 +526,10 @@ function qa(s) {
       return {
         ...a,
         frames: (n = a.frames) == null ? void 0 : n.map((l) => {
-          var i;
+          var o;
           return {
             ...l,
-            cards: (i = l.cards) == null ? void 0 : i.map((r) => Zn(r))
+            cards: (o = l.cards) == null ? void 0 : o.map((r) => Zn(r))
           };
         })
       };
@@ -545,8 +545,8 @@ function Zn(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((i) => ({
-          ...i,
+        datasets: (l = (n = (a = s.cfg) == null ? void 0 : a.data) == null ? void 0 : n.datasets) == null ? void 0 : l.map((o) => ({
+          ...o,
           data: []
         }))
       }
@@ -584,12 +584,12 @@ async function sl(s, t, a, n) {
 async function Fs(s, t) {
   if (!t)
     return null;
-  const { id: a, template: n, filterValues: l, isDefault: i, shared: r } = s;
+  const { id: a, template: n, filterValues: l, isDefault: o, shared: r } = s;
   return await hs("https://semaphor.cloud/api/v1/lens", t, {
     lensId: a,
     template: n,
     filterValues: l,
-    isDefault: i,
+    isDefault: o,
     shared: r,
     operation: "update"
   });
@@ -601,9 +601,9 @@ async function al(s, t) {
   }) : null;
 }
 function tl() {
-  const [s, t] = R(""), [a, n] = R(!1), l = O((j) => j.lenses), { setLenses: i, setSelectedLensId: r } = Is(), [c, o] = R(!1), [x, d] = R(!1), y = O((j) => j.dashboard), f = O((j) => j.filterValues), { authToken: m } = ve();
+  const [s, t] = R(""), [a, n] = R(!1), l = z((j) => j.lenses), { setLenses: o, setSelectedLensId: r } = Is(), [c, i] = R(!1), [x, d] = R(!1), y = z((j) => j.dashboard), f = z((j) => j.filterValues), { authToken: m } = ve();
   async function g() {
-    o(!0);
+    i(!0);
     const j = qa(
       y
     ), T = await sl(
@@ -612,7 +612,7 @@ function tl() {
       f,
       m == null ? void 0 : m.accessToken
     );
-    T && (i([...l || [], T]), r(T.id), d(!1)), o(!1);
+    T && (o([...l || [], T]), r(T.id), d(!1)), i(!1);
   }
   return /* @__PURE__ */ e.jsxs(Ts, { open: x, onOpenChange: d, children: [
     /* @__PURE__ */ e.jsx(Ds, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
@@ -662,14 +662,14 @@ function tl() {
   ] });
 }
 function nl() {
-  const [s, t] = R(!1), a = O((d) => d.lenses), n = O((d) => d.selectedLensId), { setLenses: l, setSelectedLensId: i } = Is(), { authToken: r } = ve();
+  const [s, t] = R(!1), a = z((d) => d.lenses), n = z((d) => d.selectedLensId), { setLenses: l, setSelectedLensId: o } = Is(), { authToken: r } = ve();
   async function c(d) {
-    i(d);
+    o(d);
   }
-  async function o(d) {
+  async function i(d) {
     if (await al(d, r == null ? void 0 : r.accessToken)) {
       const f = a == null ? void 0 : a.filter((m) => m.id !== d);
-      l(f || []), i("original");
+      l(f || []), o("original");
     }
   }
   async function x(d) {
@@ -735,7 +735,7 @@ function nl() {
                       Je,
                       {
                         onClick: (y) => {
-                          y.preventDefault(), o(d.id);
+                          y.preventDefault(), i(d.id);
                         },
                         className: "invisible size-3.5 text-muted-foreground hover:cursor-pointer hover:text-foreground group-hover:visible",
                         strokeWidth: 1.5
@@ -753,26 +753,25 @@ function nl() {
   ] });
 }
 function ll() {
-  const { authToken: s } = ve(), t = O((p) => p.lenses), a = O((p) => p.selectedLensId), n = t == null ? void 0 : t.find((p) => p.id === a), l = O((p) => p.dashboard);
-  O((p) => p.selectedSheetId);
-  const i = O(
+  const { authToken: s } = ve(), t = z((p) => p.lenses), a = z((p) => p.selectedLensId), n = t == null ? void 0 : t.find((p) => p.id === a), l = z((p) => p.dashboard);
+  z((p) => p.selectedSheetId);
+  const o = z(
     (p) => p.isDashboardEditing
   ), r = u(
     (p) => p.selectedConnectionId
-  ), [c, o] = R(!1), x = O((p) => p.filterValues), d = O((p) => p.isVisualEditing), y = O((p) => p.showFilters);
-  O(
+  ), [c, i] = R(!1), x = z((p) => p.filterValues), d = z((p) => p.isVisualEditing), y = z((p) => p.showFilters);
+  z(
     (p) => p.showDashboardJSON
   );
-  const f = O((p) => p.onSaveFunction), m = O(
+  const f = z((p) => p.onSaveFunction), m = z(
     (p) => p.actions.setShowFilters
-  ), { addFrame: g, setSelectedFrameId: j } = O(
+  ), { addFrame: g, setSelectedFrameId: j } = z(
     (p) => p.actions
-  ), { getSelectedSheet: T, setIsDashboardEditing: C, setShowDashboardJSON: M } = O((p) => p.actions), I = T(), { tenantId: V, endUserId: N } = Os(
+  ), { getSelectedSheet: T, setIsDashboardEditing: C, setShowDashboardJSON: M } = z((p) => p.actions), I = T(), { tenantId: V, endUserId: N } = zs(
     () => ct(s == null ? void 0 : s.accessToken),
     [s == null ? void 0 : s.accessToken]
-  ), w = Os(() => V || N, [V, N]), L = () => {
-    if (!i || !I)
-      return;
+  ), w = zs(() => V || N, [V, N]), L = () => {
+    if (!o || !I) return;
     const p = {
       connectionId: r,
       id: We(),
@@ -789,26 +788,25 @@ function ll() {
       type: "bar",
       sql: "select COUNT(*) from YOUR_TABLE",
       data: []
-    }, z = {
+    }, O = {
       id: We(),
       cards: [p],
       activeCardId: p.id
     };
-    g(I.id, z), j(z.id);
+    g(I.id, O), j(O.id);
   }, h = () => {
     C(!0);
   };
   async function v() {
-    if (o(!0), !a || !n)
-      return;
+    if (i(!0), !a || !n) return;
     const p = qa(
       l
-    ), z = JSON.stringify(p), E = {
+    ), O = JSON.stringify(p), E = {
       ...n,
-      template: z,
+      template: O,
       filterValues: x
     };
-    await Fs(E, s == null ? void 0 : s.accessToken), Ye.success("Lens saved"), f == null || f(p), o(!1);
+    await Fs(E, s == null ? void 0 : s.accessToken), Ye.success("Lens saved"), f == null || f(p), i(!1);
   }
   return d ? null : /* @__PURE__ */ e.jsxs(
     "div",
@@ -818,15 +816,15 @@ function ll() {
       children: [
         !d && /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ e.jsx(H, { children: n == null ? void 0 : n.name }) }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
-          i && !d && w && /* @__PURE__ */ e.jsx(tl, {}),
+          o && !d && w && /* @__PURE__ */ e.jsx(tl, {}),
           !d && w && /* @__PURE__ */ e.jsx(nl, {}),
-          i && !d && /* @__PURE__ */ e.jsxs(
+          o && !d && /* @__PURE__ */ e.jsxs(
             F,
             {
               variant: "secondary",
               className: "h-7 p-2",
               size: "sm",
-              disabled: !i,
+              disabled: !o,
               onClick: L,
               children: [
                 /* @__PURE__ */ e.jsx(Ms, { className: "mr-2 h-4 w-4", strokeWidth: 1.5 }),
@@ -834,7 +832,7 @@ function ll() {
               ]
             }
           ),
-          !i && /* @__PURE__ */ e.jsx(
+          !o && /* @__PURE__ */ e.jsx(
             F,
             {
               variant: "ghost",
@@ -844,7 +842,7 @@ function ll() {
               children: /* @__PURE__ */ e.jsx(Aa, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          i && !d && /* @__PURE__ */ e.jsx(
+          o && !d && /* @__PURE__ */ e.jsx(
             F,
             {
               variant: "ghost",
@@ -857,7 +855,7 @@ function ll() {
               children: /* @__PURE__ */ e.jsx(Je, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          i && !d && w && /* @__PURE__ */ e.jsx(
+          o && !d && w && /* @__PURE__ */ e.jsx(
             F,
             {
               className: "h-7 p-2",
@@ -868,7 +866,7 @@ function ll() {
               children: /* @__PURE__ */ e.jsx(Gn, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          !y && !d && i && /* @__PURE__ */ e.jsx(
+          !y && !d && o && /* @__PURE__ */ e.jsx(
             F,
             {
               className: "h-7 p-2",
@@ -878,7 +876,7 @@ function ll() {
               children: /* @__PURE__ */ e.jsx(ha, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          !d && i && !1,
+          !d && o && !1,
           !d && !1
         ] })
       ]
@@ -891,10 +889,10 @@ function Ue({
   value: a,
   isLoading: n,
   isError: l,
-  connectionTooltip: i,
+  connectionTooltip: o,
   onChange: r,
   showNone: c = !1,
-  className: o,
+  className: i,
   showIcon: x = !0,
   disabled: d = !1
 }) {
@@ -909,12 +907,12 @@ function Ue({
     if (s === "Table")
       return /* @__PURE__ */ e.jsx(_s, { className: "size-4" });
     if (s === "Model")
-      return /* @__PURE__ */ e.jsx(zn, { className: "size-4" });
+      return /* @__PURE__ */ e.jsx(On, { className: "size-4" });
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-    x && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: i ? /* @__PURE__ */ e.jsxs(qs, { children: [
+    x && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: o ? /* @__PURE__ */ e.jsxs(qs, { children: [
       /* @__PURE__ */ e.jsx(ma, { children: f() }),
-      /* @__PURE__ */ e.jsx(Rs, { className: "text-xs", align: "start", children: i })
+      /* @__PURE__ */ e.jsx(Rs, { className: "text-xs", align: "start", children: o })
     ] }) : f() }),
     /* @__PURE__ */ e.jsxs(fe, { disabled: d, value: y, onValueChange: r, children: [
       /* @__PURE__ */ e.jsx(
@@ -922,7 +920,7 @@ function Ue({
         {
           className: W(
             "h-9 w-full focus:ring-1 focus:ring-offset-0",
-            o
+            i
           ),
           children: /* @__PURE__ */ e.jsx(
             je,
@@ -932,7 +930,7 @@ function Ue({
           )
         }
       ),
-      /* @__PURE__ */ e.jsx(be, { children: /* @__PURE__ */ e.jsxs(ze, { children: [
+      /* @__PURE__ */ e.jsx(be, { children: /* @__PURE__ */ e.jsxs(Oe, { children: [
         n ? /* @__PURE__ */ e.jsx(ye, { children: "Loading..." }) : /* @__PURE__ */ e.jsx(ye, { children: s }),
         /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
           c && /* @__PURE__ */ e.jsx(Q, { value: "none", children: "None" }, "none"),
@@ -946,15 +944,15 @@ function Ue({
 function rl({ column: s }) {
   const [t, a] = R(!1), n = u((m) => m.selectedTableName), l = u(
     (m) => m.selectedSchemaName
-  ), i = u(
+  ), o = u(
     (m) => m.selectedDatamodelId
-  ), r = u((m) => m.sqlGen), { modelItems: c } = Re(), o = u((m) => m.actions.setSqlGen), x = u((m) => m.actions.setCardSql), d = u((m) => m.actions.setRunSql);
+  ), r = u((m) => m.sqlGen), { modelItems: c } = Re(), i = u((m) => m.actions.setSqlGen), x = u((m) => m.actions.setCardSql), d = u((m) => m.actions.setRunSql);
   function y(m, g) {
     var M;
     const j = xa(m, r, g), T = (M = c == null ? void 0 : c.find(
-      (I) => I.id === i
+      (I) => I.id === o
     )) == null ? void 0 : M.name;
-    o(j);
+    i(j);
     const C = pa(
       j,
       xe(l || ""),
@@ -1037,17 +1035,17 @@ function il({
   columns: a,
   status: n
 }) {
-  const l = u((h) => h.sqlGen), i = u(
+  const l = u((h) => h.sqlGen), o = u(
     (h) => h.selectedConnectionId
   ), r = u(
     (h) => h.selectedDatabaseName
   ), c = u(
     (h) => h.selectedSchemaName
-  ), o = u((h) => h.selectedTableName), x = u(
+  ), i = u((h) => h.selectedTableName), x = u(
     (h) => h.selectedDatamodelId
-  ), d = O(
+  ), d = z(
     (h) => h.dashboard.aiScopeTables
-  ), { setAIScopeTables: y } = O((h) => h.actions), f = u((h) => h.actions.setRunSql), m = u((h) => h.actions.setSqlGen), g = u(
+  ), { setAIScopeTables: y } = z((h) => h.actions), f = u((h) => h.actions.setRunSql), m = u((h) => h.actions.setSqlGen), g = u(
     (h) => h.actions.setIsShowingVisual
   ), j = u((h) => h.actions.setCardSql), { connectionType: T, modelItems: C } = Re();
   function M(h) {
@@ -1056,37 +1054,37 @@ function il({
     m(v);
     const p = (E = C == null ? void 0 : C.find(
       ($) => $.id === x
-    )) == null ? void 0 : E.name, z = pa(v, xe(s), xe(t), p);
-    z && (j(z), f(!0));
+    )) == null ? void 0 : E.name, O = pa(v, xe(s), xe(t), p);
+    O && (j(O), f(!0));
   }
   function I() {
     return (d == null ? void 0 : d.find(
-      (h) => h.connectinonId === i && h.tableName === o
+      (h) => h.connectinonId === o && h.tableName === i
     )) !== void 0;
   }
   function V(h) {
-    if (h === !0 && o && i) {
+    if (h === !0 && i && o) {
       const v = {
-        connectinonId: i,
+        connectinonId: o,
         connectionType: T,
         databaseName: r,
         schemaName: c,
-        tableName: o
-      }, z = [...d || [], v].filter(
+        tableName: i
+      }, O = [...d || [], v].filter(
         (E, $, B) => B.findIndex(
           (Y) => Y.connectinonId === E.connectinonId && Y.tableName === E.tableName
         ) === $
       );
-      y(z), Ye.success(`Added '${o}' to AI Scope`, {
+      y(O), Ye.success(`Added '${i}' to AI Scope`, {
         position: "top-right",
         duration: 2500,
         richColors: !0
       });
     } else {
       const v = (d || []).filter(
-        (p) => p.connectinonId !== i && p.tableName !== o
+        (p) => p.connectinonId !== o && p.tableName !== i
       );
-      y(v), Ye(`Removed '${o}' from AI Scope`, {
+      y(v), Ye(`Removed '${i}' from AI Scope`, {
         position: "top-right",
         duration: 2e3,
         richColors: !0
@@ -1204,16 +1202,16 @@ function il({
 }
 function Re(s, t) {
   var Pe, ss, as, ts, Be;
-  let a = Os(() => [], []);
+  let a = zs(() => [], []);
   const n = ve().authToken || s, l = u(
     (S) => S.selectedConnectionId
-  ), i = u(
+  ), o = u(
     (S) => S.selectedDatamodelId
   ), r = u(
     (S) => S.selectedDatabaseName
   ), c = u(
     (S) => S.selectedSchemaName
-  ), o = u((S) => S.selectedTableName), x = u(
+  ), i = u((S) => S.selectedTableName), x = u(
     (S) => S.actions.setCurrentColumns
   ), d = u(
     (S) => S.actions.setSelectedConnectionId
@@ -1230,7 +1228,7 @@ function Re(s, t) {
     return l && r && c && r !== "NA" ? !0 : l && S === "API" ? !1 : !!(l && S === "S3");
   }
   function C(S) {
-    return !!(l && r && r !== "NA" && c && o || l && (S === "S3" || S === "API") || i && i);
+    return !!(l && r && r !== "NA" && c && i || l && (S === "S3" || S === "API") || o && o);
   }
   function M(S) {
     return l && S ? !(S === "API" || S === "S3") : !1;
@@ -1264,7 +1262,7 @@ function Re(s, t) {
     // Only fetch if authToken is present
   }), v = I == null ? void 0 : I.connections.find(
     (S) => S.id === l
-  ), p = v == null ? void 0 : v.type, z = (v == null ? void 0 : v.type) === "API" || (v == null ? void 0 : v.type) === "S3", {
+  ), p = v == null ? void 0 : v.type, O = (v == null ? void 0 : v.type) === "API" || (v == null ? void 0 : v.type) === "S3", {
     data: E,
     isLoading: $,
     isFetching: B,
@@ -1297,7 +1295,7 @@ function Re(s, t) {
         database_name: r
       }
     ),
-    enabled: !!l && !!r && !z && r !== "NA"
+    enabled: !!l && !!r && !O && r !== "NA"
     //currentConnection?.type !== 'API', // Only fetch if connectionId and database is present
   }), {
     data: A,
@@ -1332,20 +1330,20 @@ function Re(s, t) {
       "columns",
       l,
       r,
-      i,
+      o,
       c,
-      o
+      i
     ],
     queryFn: () => ke(
       "https://semaphor.cloud/api/v1/columns",
       (n == null ? void 0 : n.accessToken) || "",
       {
         connection_id: l,
-        datamodel_id: i || "",
+        datamodel_id: o || "",
         // don't pass undefined. Pass empty string
         database_name: r,
         schema_name: c,
-        table_name: o
+        table_name: i
       }
     ),
     enabled: C(p)
@@ -1361,14 +1359,14 @@ function Re(s, t) {
     x(a);
   }, [ie, x, a]), Z(() => {
   }, [
-    z,
+    O,
     j,
     g,
     m,
     f,
     v
   ]);
-  const Fe = (v == null ? void 0 : v.type) === "API" ? (Pe = v == null ? void 0 : v.type) == null ? void 0 : Pe.toLowerCase() : o || "", we = z ? "" : c || "";
+  const Fe = (v == null ? void 0 : v.type) === "API" ? (Pe = v == null ? void 0 : v.type) == null ? void 0 : Pe.toLowerCase() : i || "", we = O ? "" : c || "";
   function ae(S) {
     m(S), g("");
   }
@@ -1423,7 +1421,7 @@ function Re(s, t) {
     columns: a,
     isColumnsLoadingOrFetching: Ne || Le,
     isColumnsError: Se,
-    isNonDbConnection: z,
+    isNonDbConnection: O,
     connectionType: p,
     tableName: Fe,
     schemaName: we,
@@ -1445,11 +1443,11 @@ function _a({
     (P) => P.selectedDatabaseName
   ), l = u(
     (P) => P.selectedSchemaName
-  ), i = u((P) => P.selectedTableName), r = u(
+  ), o = u((P) => P.selectedTableName), r = u(
     (P) => P.actions.setSelectedTableName
   ), {
     connectionItems: c,
-    modelItems: o,
+    modelItems: i,
     schemaItems: x,
     databaseItems: d,
     tableItems: y,
@@ -1468,7 +1466,7 @@ function _a({
     isTableError: h,
     connectionType: v,
     isNonDbConnection: p,
-    handleConnectionChange: z,
+    handleConnectionChange: O,
     handleDatabaseChange: E,
     handleSchemaChange: $,
     handleDatamodelChange: B,
@@ -1490,8 +1488,7 @@ function _a({
     window.location.href = "mailto:support@semaphor.cloud?subject=Help&body=I need help with...";
   }
   function k() {
-    if (!t || v === "S3" || v === "API")
-      return null;
+    if (!t || v === "S3" || v === "API") return null;
     if (!a || a === "none")
       return /* @__PURE__ */ e.jsx(
         Ue,
@@ -1515,8 +1512,7 @@ function _a({
       ] });
   }
   function ee() {
-    if (!t || v === "S3" || v === "API")
-      return null;
+    if (!t || v === "S3" || v === "API") return null;
     if (!n || n === "none")
       return /* @__PURE__ */ e.jsx(
         Ue,
@@ -1525,7 +1521,7 @@ function _a({
           onChange: B,
           isError: T,
           isLoading: g,
-          items: o,
+          items: i,
           value: a || "",
           title: "Model"
         }
@@ -1556,7 +1552,7 @@ function _a({
         isError: h,
         items: y,
         isLoading: L,
-        value: i || "",
+        value: o || "",
         title: "Table"
       }
     ) : null;
@@ -1569,7 +1565,7 @@ function _a({
           items: c,
           title: "Connection",
           value: t || "",
-          onChange: z,
+          onChange: O,
           isLoading: m,
           isError: j,
           connectionTooltip: ((se = c == null ? void 0 : c.find(
@@ -1601,8 +1597,8 @@ function _a({
 }
 function ol(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 i = s.length;
-  if (l !== -1 && (i = l), n !== -1 && n < i && (i = n), t !== -1) {
+  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(
       6
@@ -1611,7 +1607,7 @@ function ol(s) {
     const r = s.substring(0, a), c = s.substring(a);
     return `${r} {{ filters | where }} ${c}`;
   } else {
-    const r = s.substring(0, i), c = s.substring(i);
+    const r = s.substring(0, o), c = s.substring(o);
     return `${r} {{ filters | where }} ${c}`;
   }
 }
@@ -1654,7 +1650,7 @@ function dl({
 }
 function ul() {
   const { authToken: s } = ve(), t = u(
-    (i) => i.selectedConnectionId
+    (o) => o.selectedConnectionId
   ), { data: a } = me({
     queryKey: ["connections"],
     queryFn: () => ke(
@@ -1664,26 +1660,25 @@ function ul() {
     enabled: !!(s != null && s.accessToken)
     // Only fetch if authToken is present
   }), n = a == null ? void 0 : a.connections.find(
-    (i) => i.id === t
+    (o) => o.id === t
   );
   return n == null ? void 0 : n.type;
 }
 function hl() {
-  const { authToken: s } = ve(), t = Xe(null), a = u((o) => o.applyFilters), [n, l] = R(""), i = u((o) => o.filterValues), r = u((o) => o.card.sql), c = ul();
+  const { authToken: s } = ve(), t = Xe(null), a = u((i) => i.applyFilters), [n, l] = R(""), o = u((i) => i.filterValues), r = u((i) => i.card.sql), c = ul();
   return /* @__PURE__ */ e.jsxs(
     Hs,
     {
       openDelay: 0,
-      onOpenChange: async (o) => {
-        if (!o)
-          return;
+      onOpenChange: async (i) => {
+        if (!i) return;
         console.log("onOpenChange");
         const x = await hs(
           "https://semaphor.cloud/api/v1/filter-sql",
           (s == null ? void 0 : s.accessToken) || "",
           {
             sql: r,
-            active_filters: i,
+            active_filters: o,
             connection_type: c
           }
         );
@@ -1764,9 +1759,9 @@ function xl({
   userInput: a,
   setUserInput: n,
   triggerAIRun: l,
-  setTriggerAIRun: i
+  setTriggerAIRun: o
 }) {
-  const r = Xe(null), c = Xe(null), { authToken: o } = ve(), [x, d] = R(!1), y = u((k) => k.actions.setCardSql), f = O((k) => k.dashboard.baseQueries), m = u((k) => k.actions.setRunSql), g = u((k) => k.actions.setCardType), [j, T] = R([]), C = u((k) => k.currentColumns), M = u((k) => k.card.sql), I = u((k) => k.selectedTableName), V = `
+  const r = Xe(null), c = Xe(null), { authToken: i } = ve(), [x, d] = R(!1), y = u((k) => k.actions.setCardSql), f = z((k) => k.dashboard.baseQueries), m = u((k) => k.actions.setRunSql), g = u((k) => k.actions.setCardType), [j, T] = R([]), C = u((k) => k.currentColumns), M = u((k) => k.card.sql), I = u((k) => k.selectedTableName), V = `
   ${a}
 
   Database Query Dialect: ${I === "api" || I === "s3" ? "DuckDb" : ""}
@@ -1778,7 +1773,7 @@ function xl({
     queryKey: ["ai-query"],
     queryFn: () => ke(
       "https://semaphor.cloud/api/v1/ai",
-      (o == null ? void 0 : o.accessToken) || "",
+      (i == null ? void 0 : i.accessToken) || "",
       {
         user_content: `userContent: ${V} ${x ? N : ""}`
       }
@@ -1786,7 +1781,7 @@ function xl({
     enabled: !1
     // Do not run by default.
   });
-  function z(k) {
+  function O(k) {
     if (k.toLowerCase().includes("bar"))
       g("bar");
     else if (k.toLowerCase().includes("line"))
@@ -1820,11 +1815,11 @@ function xl({
     return () => clearTimeout(k);
   }, [j]);
   function E() {
-    a && (T((k) => [...k, { role: "user", content: a }]), z(a) && d(!0), n(""), p());
+    a && (T((k) => [...k, { role: "user", content: a }]), O(a) && d(!0), n(""), p());
   }
   Z(() => {
-    l && (E(), i(!1));
-  }, [l, i]);
+    l && (E(), o(!1));
+  }, [l, o]);
   const $ = {
     //seleect a darker color
     // color: '#000',
@@ -1877,8 +1872,7 @@ function xl({
   };
   function J(k) {
     const _ = k.currentTarget.closest("pre");
-    if (!_)
-      return;
+    if (!_) return;
     const ee = _.textContent || _.innerText;
     return navigator.clipboard.writeText(ee).then(() => console.log("Text copied to clipboard")).catch((A) => console.error("Error in copying text: ", A)), ee;
   }
@@ -1980,24 +1974,25 @@ var Ha = {
   className: void 0,
   style: void 0,
   attr: void 0
-}, na = Oe.createContext && /* @__PURE__ */ Oe.createContext(Ha), pl = ["attr", "size", "title"];
+}, na = ze.createContext && /* @__PURE__ */ ze.createContext(Ha), pl = ["attr", "size", "title"];
 function fl(s, t) {
-  if (s == null)
-    return {};
+  if (s == null) return {};
   var a = gl(s, t), n, l;
   if (Object.getOwnPropertySymbols) {
-    var i = Object.getOwnPropertySymbols(s);
-    for (l = 0; l < i.length; l++)
-      n = i[l], !(t.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(s, n) && (a[n] = s[n]);
+    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]);
   }
   return a;
 }
 function gl(s, t) {
-  if (s == null)
-    return {};
-  var a = {}, n = Object.keys(s), l, i;
-  for (i = 0; i < n.length; i++)
-    l = n[i], !(t.indexOf(l) >= 0) && (a[l] = s[l]);
+  if (s == null) return {};
+  var a = {};
+  for (var n in s)
+    if (Object.prototype.hasOwnProperty.call(s, n)) {
+      if (t.indexOf(n) >= 0) continue;
+      a[n] = s[n];
+    }
   return a;
 }
 function ds() {
@@ -2036,27 +2031,25 @@ function jl(s, t, a) {
 }
 function bl(s) {
   var t = yl(s, "string");
-  return typeof t == "symbol" ? t : String(t);
+  return typeof t == "symbol" ? t : t + "";
 }
 function yl(s, t) {
-  if (typeof s != "object" || s === null)
-    return s;
+  if (typeof s != "object" || !s) return s;
   var a = s[Symbol.toPrimitive];
   if (a !== void 0) {
     var n = a.call(s, t || "default");
-    if (typeof n != "object")
-      return n;
+    if (typeof n != "object") return n;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return (t === "string" ? String : Number)(s);
 }
 function $a(s) {
-  return s && s.map((t, a) => /* @__PURE__ */ Oe.createElement(t.tag, us({
+  return s && s.map((t, a) => /* @__PURE__ */ ze.createElement(t.tag, us({
     key: a
   }, t.attr), $a(t.child)));
 }
 function Ce(s) {
-  return (t) => /* @__PURE__ */ Oe.createElement(vl, ds({
+  return (t) => /* @__PURE__ */ ze.createElement(vl, ds({
     attr: us({}, s.attr)
   }, t), $a(s.child));
 }
@@ -2065,23 +2058,23 @@ function vl(s) {
     var {
       attr: n,
       size: l,
-      title: i
-    } = s, r = fl(s, pl), c = l || a.size || "1em", o;
-    return a.className && (o = a.className), s.className && (o = (o ? o + " " : "") + s.className), /* @__PURE__ */ Oe.createElement("svg", ds({
+      title: o
+    } = s, r = fl(s, pl), c = l || a.size || "1em", i;
+    return a.className && (i = a.className), s.className && (i = (i ? i + " " : "") + s.className), /* @__PURE__ */ ze.createElement("svg", ds({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
     }, a.attr, n, r, {
-      className: o,
+      className: i,
       style: us(us({
         color: s.color || a.color
       }, a.style), s.style),
       height: c,
       width: c,
       xmlns: "http://www.w3.org/2000/svg"
-    }), i && /* @__PURE__ */ Oe.createElement("title", null, i), s.children);
+    }), o && /* @__PURE__ */ ze.createElement("title", null, o), s.children);
   };
-  return na !== void 0 ? /* @__PURE__ */ Oe.createElement(na.Consumer, null, (a) => t(a)) : t(Ha);
+  return na !== void 0 ? /* @__PURE__ */ ze.createElement(na.Consumer, null, (a) => t(a)) : t(Ha);
 }
 function Cl(s) {
   return Ce({ tag: "svg", attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M439.8 200.5c-7.7-30.9-22.3-54.2-53.4-54.2h-40.1v47.4c0 36.8-31.2 67.8-66.8 67.8H172.7c-29.2 0-53.4 25-53.4 54.3v101.8c0 29 25.2 46 53.4 54.3 33.8 9.9 66.3 11.7 106.8 0 26.9-7.8 53.4-23.5 53.4-54.3v-40.7H226.2v-13.6h160.2c31.1 0 42.6-21.7 53.4-54.2 11.2-33.5 10.7-65.7 0-108.6zM286.2 404c11.1 0 20.1 9.1 20.1 20.3 0 11.3-9 20.4-20.1 20.4-11 0-20.1-9.2-20.1-20.4.1-11.3 9.1-20.3 20.1-20.3zM167.8 248.1h106.8c29.7 0 53.4-24.5 53.4-54.3V91.9c0-29-24.4-50.7-53.4-55.6-35.8-5.9-74.7-5.6-106.8.1-45.2 8-53.4 24.7-53.4 55.6v40.7h106.9v13.6h-147c-31.1 0-58.3 18.7-66.8 54.2-9.8 40.7-10.2 66.1 0 108.6 7.6 31.6 25.7 54.2 56.8 54.2H101v-48.8c0-35.3 30.5-66.4 66.8-66.4zm-6.7-142.6c-11.1 0-20.1-9.1-20.1-20.3.1-11.3 9-20.4 20.1-20.4 11 0 20.1 9.2 20.1 20.4s-9 20.3-20.1 20.3z" }, child: [] }] })(s);
@@ -2090,10 +2083,10 @@ function Nl() {
   const [s, t] = R({
     queryKey: [],
     queryData: null
-  }), { theme: a } = Ct(), n = Nt(), l = Xe(), i = Xe(), [r, c] = R(!1), [o, x] = R(!1), [d, y] = R(!1), [f, m] = R(""), [g, j] = R(!1), T = O((b) => b.selectedSheetId);
-  O((b) => b.dashboard.baseQueries);
-  const C = u((b) => b.card), M = O((b) => b.theme), I = u((b) => b.isShowingVisual);
-  O((b) => b.onAcceptChanges);
+  }), { theme: a } = Ct(), n = Nt(), l = Xe(), o = Xe(), [r, c] = R(!1), [i, x] = R(!1), [d, y] = R(!1), [f, m] = R(""), [g, j] = R(!1), T = z((b) => b.selectedSheetId);
+  z((b) => b.dashboard.baseQueries);
+  const C = u((b) => b.card), M = z((b) => b.theme), I = u((b) => b.isShowingVisual);
+  z((b) => b.onAcceptChanges);
   const V = u(
     (b) => b.selectedConnectionId
   ), N = u(
@@ -2103,10 +2096,10 @@ function Nl() {
   ), L = u(
     (b) => b.selectedSchemaName
   );
-  O(
+  z(
     (b) => b.actions.updateFrameCard
   );
-  const h = u((b) => b.selectedTableName), v = u((b) => b.card.sql), p = u((b) => b.card.python), z = u((b) => b.frame), E = O((b) => b.dashboard.filters), $ = O((b) => b.filterValues), B = E == null ? void 0 : E.filter(
+  const h = u((b) => b.selectedTableName), v = u((b) => b.card.sql), p = u((b) => b.card.python), O = u((b) => b.frame), E = z((b) => b.dashboard.filters), $ = z((b) => b.filterValues), B = E == null ? void 0 : E.filter(
     (b) => b.sheetId === T || !b.sheetId
   ), Y = $ == null ? void 0 : $.filter(
     (b) => (B == null ? void 0 : B.some((te) => te.id === b.filterId)) || b.filterId.endsWith(T)
@@ -2173,7 +2166,7 @@ function Nl() {
     }), n.setQueryData($e, null), _(""), Le({}), J(""), P({});
   }
   const Pe = (b) => {
-    i.current = b;
+    o.current = b;
   };
   function ss(b, te) {
     if (b.length === 0)
@@ -2208,12 +2201,12 @@ function Nl() {
       type: I ? C.type : "table",
       sql: b,
       customCfg: I ? C.customCfg : null
-    }, Ie = z.cards.map(
+    }, Ie = O.cards.map(
       (Cs) => Cs.id === C.id ? te : Cs
     ), oe = {
-      ...z,
+      ...O,
       cards: Ie,
-      activeCardId: ss(Ie, z.activeCardId)
+      activeCardId: ss(Ie, O.activeCardId)
     };
     X == null || X(oe);
   }
@@ -2222,7 +2215,7 @@ function Nl() {
     b && te && n.setQueryData(b, te), Ne == null || Ne();
   }
   Z(() => {
-    const b = l.current, te = i.current;
+    const b = l.current, te = o.current;
     if (b) {
       const Ie = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", oe = M === "system" ? Ie : M;
       b.editor.defineTheme("default", {
@@ -2249,7 +2242,7 @@ function Nl() {
   }
   function S() {
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      o && /* @__PURE__ */ e.jsx(
+      i && /* @__PURE__ */ e.jsx(
         "div",
         {
           className: "xbg-yellow-100 relative flex w-1/3 min-w-0 grow overflow-hidden border-l p-1 text-xs",
@@ -2265,7 +2258,7 @@ function Nl() {
                 }
               ),
               /* @__PURE__ */ e.jsx(hl, {}),
-              Y && o && /* @__PURE__ */ e.jsx(
+              Y && i && /* @__PURE__ */ e.jsx(
                 Je,
                 {
                   onClick: () => x(!1),
@@ -2307,7 +2300,7 @@ function Nl() {
           ] })
         }
       ),
-      Y && !o && /* @__PURE__ */ e.jsx(
+      Y && !i && /* @__PURE__ */ e.jsx(
         ha,
         {
           onClick: () => x(!0),
@@ -2375,7 +2368,7 @@ function Nl() {
             }
           ),
           r && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-            /* @__PURE__ */ e.jsx(zs, { withHandle: !0, className: "border" }),
+            /* @__PURE__ */ e.jsx(Os, { withHandle: !0, className: "border" }),
             /* @__PURE__ */ e.jsxs(
               Ve,
               {
@@ -2551,24 +2544,24 @@ function Nl() {
 }
 function Sl({ data: s }) {
   var r;
-  const [t, a] = Oe.useState([]), l = Object.keys(s[0]).map((c) => ({
+  const [t, a] = ze.useState([]), l = Object.keys(s[0]).map((c) => ({
     // header: key,
     accessorKey: c,
-    header: ({ column: o }) => {
-      const x = o.getIsSorted();
+    header: ({ column: i }) => {
+      const x = i.getIsSorted();
       return /* @__PURE__ */ e.jsx("div", { className: "flex gap-2", children: /* @__PURE__ */ e.jsxs(
         "div",
         {
           className: "flex cursor-pointer items-center",
-          onClick: () => o.toggleSorting(o.getIsSorted() === "asc"),
+          onClick: () => i.toggleSorting(i.getIsSorted() === "asc"),
           children: [
             c,
-            x === "asc" ? /* @__PURE__ */ e.jsx(zt, { className: "ml-2 h-5 w-5" }) : x === "desc" ? /* @__PURE__ */ e.jsx(Ot, { className: "ml-2 h-5 w-5" }) : null
+            x === "asc" ? /* @__PURE__ */ e.jsx(Ot, { className: "ml-2 h-5 w-5" }) : x === "desc" ? /* @__PURE__ */ e.jsx(zt, { className: "ml-2 h-5 w-5" }) : null
           ]
         }
       ) });
     }
-  })), i = Ft({
+  })), o = Ft({
     data: s,
     columns: l,
     getCoreRowModel: Lt(),
@@ -2581,16 +2574,16 @@ function Sl({ data: s }) {
     }
   });
   return /* @__PURE__ */ e.jsxs(It, { children: [
-    /* @__PURE__ */ e.jsx(Tt, { children: i.getHeaderGroups().map((c) => /* @__PURE__ */ e.jsx(Ns, { children: c.headers.map((o) => /* @__PURE__ */ e.jsx(Dt, { className: "sticky top-0 bg-muted", children: o.isPlaceholder ? null : Zs(
-      o.column.columnDef.header,
-      o.getContext()
-    ) }, o.id)) }, c.id)) }),
-    /* @__PURE__ */ e.jsx(Mt, { children: (r = i.getRowModel().rows) != null && r.length ? i.getRowModel().rows.map((c) => /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx(Tt, { children: o.getHeaderGroups().map((c) => /* @__PURE__ */ e.jsx(Ns, { children: c.headers.map((i) => /* @__PURE__ */ e.jsx(Dt, { className: "sticky top-0 bg-muted", children: i.isPlaceholder ? null : Zs(
+      i.column.columnDef.header,
+      i.getContext()
+    ) }, i.id)) }, c.id)) }),
+    /* @__PURE__ */ e.jsx(Mt, { children: (r = o.getRowModel().rows) != null && r.length ? o.getRowModel().rows.map((c) => /* @__PURE__ */ e.jsx(
       Ns,
       {
         className: "whitespace-nowrap py-2",
         "data-state": c.getIsSelected() && "selected",
-        children: c.getVisibleCells().map((o) => /* @__PURE__ */ e.jsx(ea, { children: Zs(o.column.columnDef.cell, o.getContext()) }, o.id))
+        children: c.getVisibleCells().map((i) => /* @__PURE__ */ e.jsx(ea, { children: Zs(i.column.columnDef.cell, i.getContext()) }, i.id))
       },
       c.id
     )) : /* @__PURE__ */ e.jsx(Ns, { children: /* @__PURE__ */ e.jsx(ea, { colSpan: l.length, className: "h-24 text-center", children: "No results." }) }) })
@@ -2598,24 +2591,24 @@ function Sl({ data: s }) {
 }
 function wl({ card: s }) {
   var f, m, g, j, T, C, M, I, V, N;
-  const { authToken: t } = ve(), a = Vt(t == null ? void 0 : t.accessToken), n = O((w) => w.themeStyle), l = {
+  const { authToken: t } = ve(), a = Vt(t == null ? void 0 : t.accessToken), n = z((w) => w.themeStyle), l = {
     colors: ((m = (f = n == null ? void 0 : n.chart) == null ? void 0 : f.dataset) == null ? void 0 : m.backgroundColor) || []
   };
   (g = s.customCardPreferences) != null && g.inputData;
-  const { getCard: i } = va(((j = s.customCardPreferences) == null ? void 0 : j.url) || ""), r = ((T = s.customCardPreferences) == null ? void 0 : T.visualType) || "single", c = u((w) => w.frame);
+  const { getCard: o } = va(((j = s.customCardPreferences) == null ? void 0 : j.url) || ""), r = ((T = s.customCardPreferences) == null ? void 0 : T.visualType) || "single", c = u((w) => w.frame);
   ce();
-  const { data: o } = qe(s);
+  const { data: i } = qe(s);
   if (!((C = s.customCardPreferences) != null && C.componentName))
     return null;
-  const x = i(
+  const x = o(
     (M = s.customCardPreferences) == null ? void 0 : M.componentName
   ), d = (w) => {
     console.log("data", w), s.customCardPreferences;
   }, y = Object.keys(
     ((I = s.customCardPreferences) == null ? void 0 : I.dataInputCardIds) || {}
   ).map((w) => {
-    var v, p, z;
-    const L = (p = (v = s.customCardPreferences) == null ? void 0 : v.dataInputCardIds) == null ? void 0 : p[w].cardId, h = (z = c == null ? void 0 : c.cards) == null ? void 0 : z.find((E) => E.id === L);
+    var v, p, O;
+    const L = (p = (v = s.customCardPreferences) == null ? void 0 : v.dataInputCardIds) == null ? void 0 : p[w].cardId, h = (O = c == null ? void 0 : c.cards) == null ? void 0 : O.find((E) => E.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(
@@ -2630,7 +2623,7 @@ function wl({ card: s }) {
             theme: l,
             settings: (V = s.customCardPreferences) == null ? void 0 : V.settings,
             onDataChange: d,
-            data: (o == null ? void 0 : o.records) || []
+            data: (i == null ? void 0 : i.records) || []
           }
         ),
         x && r === "multiple" && /* @__PURE__ */ e.jsx("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ e.jsx(
@@ -2659,14 +2652,13 @@ function Pa({
   ...t
 }) {
   var m, g;
-  const a = u((j) => j.card), n = ((m = a.customCardPreferences) == null ? void 0 : m.showCardHeader) ?? !0, l = u((j) => j.frame), i = O((j) => j.dashboard.filters);
+  const a = u((j) => j.card), n = ((m = a.customCardPreferences) == null ? void 0 : m.showCardHeader) ?? !0, l = u((j) => j.frame), o = z((j) => j.dashboard.filters);
   u((j) => j.actions.setRunSql);
-  const { updateFilter: r } = Is(), c = i == null ? void 0 : i.find((j) => j.id === l.filterId), { data: o } = qe(a), { setCard: x } = ce(), { data: d } = Bs(a);
-  if (!a.id)
-    return null;
+  const { updateFilter: r } = Is(), c = o == null ? void 0 : o.find((j) => j.id === l.filterId), { data: i } = qe(a), { setCard: x } = ce(), { data: d } = Bs(a);
+  if (!a.id) return null;
   let y;
-  o != null && o.records && (o == null ? void 0 : o.records.length) > 0 && (y = Ca({
-    data: o == null ? void 0 : o.records,
+  i != null && i.records && (i == null ? void 0 : i.records.length) > 0 && (y = Ca({
+    data: i == null ? void 0 : i.records,
     cardType: a.type,
     cfg: a.cfg,
     customCfg: a.customCfg,
@@ -2727,15 +2719,15 @@ function Pa({
             },
             JSON.stringify(y) + JSON.stringify(a.preferences) + ((g = a == null ? void 0 : a.preferences) == null ? void 0 : g.customVisualCode)
           ),
-          a.type === "table" && (o == null ? void 0 : o.records) && (o == null ? void 0 : o.records.length) > 0 && // All of the below css classes are #IMPORTANT for the table to scroll properly
-          /* @__PURE__ */ e.jsx(Ut, { className: "flex min-h-0 flex-1 grow basis-0", children: /* @__PURE__ */ e.jsx(Gt, { card: a, data: o == null ? void 0 : o.records }) })
+          a.type === "table" && (i == null ? void 0 : i.records) && (i == null ? void 0 : i.records.length) > 0 && // All of the below css classes are #IMPORTANT for the table to scroll properly
+          /* @__PURE__ */ e.jsx(Ut, { className: "flex min-h-0 flex-1 grow basis-0", children: /* @__PURE__ */ e.jsx(Gt, { card: a, data: i == null ? void 0 : i.records }) })
         ] })
       ]
     }
   );
 }
 function kl() {
-  const [s, t] = R(!1), [a, n] = R(""), [l, i] = R(""), [r, c] = R(""), [o, x] = R(""), d = u((N) => N.card), y = u(
+  const [s, t] = R(!1), [a, n] = R(""), [l, o] = R(""), [r, c] = R(""), [i, x] = R(""), d = u((N) => N.card), y = u(
     (N) => N.card.customCfg
   ), { data: f } = qe(d), { data: m } = Bs(d), { setCardCustomCfg: g, setCustomVisualCode: j } = ce();
   function T(N) {
@@ -2754,8 +2746,7 @@ function kl() {
   }
   function C() {
     var w, L;
-    if (!(f != null && f.records) || (f == null ? void 0 : f.records.length) === 0)
-      return;
+    if (!(f != null && f.records) || (f == null ? void 0 : f.records.length) === 0) return;
     const N = Ca({
       data: f == null ? void 0 : f.records,
       cardType: d.type,
@@ -2763,19 +2754,19 @@ function kl() {
       preferences: d.preferences,
       topoJson: m
     });
-    N && (n(JSON.stringify(N, null, 1)), (w = d == null ? void 0 : d.preferences) != null && w.customVisualCode && c((L = d == null ? void 0 : d.preferences) == null ? void 0 : L.customVisualCode), y && i(JSON.stringify(y, null, 1)));
+    N && (n(JSON.stringify(N, null, 1)), (w = d == null ? void 0 : d.preferences) != null && w.customVisualCode && c((L = d == null ? void 0 : d.preferences) == null ? void 0 : L.customVisualCode), y && o(JSON.stringify(y, null, 1)));
   }
   function M() {
     if (r && j(r), !!l)
       try {
         const N = JSON.parse(l);
-        return N ? (g(N), x(""), i(""), N) : void 0;
+        return N ? (g(N), x(""), o(""), N) : void 0;
       } catch (N) {
         console.log(N), x("Invalid JSON");
       }
   }
   function I() {
-    i(""), g(null);
+    o(""), g(null);
   }
   function V() {
     let N;
@@ -2880,7 +2871,7 @@ function kl() {
                       },
                       defaultLanguage: "json",
                       value: V(),
-                      onChange: (N) => i(N)
+                      onChange: (N) => o(N)
                     }
                   )
                 }
@@ -2917,7 +2908,7 @@ function kl() {
             ] })
           ] }),
           /* @__PURE__ */ e.jsxs(oa, { className: "flex items-center", children: [
-            /* @__PURE__ */ e.jsx(H, { className: "mr-2 text-red-500", children: o }),
+            /* @__PURE__ */ e.jsx(H, { className: "mr-2 text-red-500", children: i }),
             /* @__PURE__ */ e.jsx(
               F,
               {
@@ -2939,13 +2930,13 @@ function Ba(s) {
   return Ce({ tag: "svg", attr: { viewBox: "0 0 1024 1024" }, child: [{ tag: "path", attr: { d: "M926.8 397.1l-396-288a31.81 31.81 0 0 0-37.6 0l-396 288a31.99 31.99 0 0 0-11.6 35.8l151.3 466a32 32 0 0 0 30.4 22.1h489.5c13.9 0 26.1-8.9 30.4-22.1l151.3-466c4.2-13.2-.5-27.6-11.7-35.8zM838.6 417l-98.5 32-200-144.7V199.9L838.6 417zM466 567.2l-89.1 122.3-55.2-169.2L466 567.2zm-116.3-96.8L484 373.3v140.8l-134.3-43.7zM512 599.2l93.9 128.9H418.1L512 599.2zm28.1-225.9l134.2 97.1L540.1 514V373.3zM558 567.2l144.3-46.9-55.2 169.2L558 567.2zm-74-367.3v104.4L283.9 449l-98.5-32L484 199.9zM169.3 470.8l86.5 28.1 80.4 246.4-53.8 73.9-113.1-348.4zM327.1 853l50.3-69h269.3l50.3 69H327.1zm414.5-33.8l-53.8-73.9 80.4-246.4 86.5-28.1-113.1 348.4z" }, child: [] }] })(s);
 }
 function Ua(s) {
-  return Ce({ tag: "svg", attr: { viewBox: "0 0 256 256", fill: "currentColor" }, child: [{ tag: "path", attr: { d: "M137.39,24.06A16,16,0,0,0,120,40V80.67a15.86,15.86,0,0,0,13.25,15.76A32,32,0,1,1,96,129.68c-.41-8.22,1.27-15,5-20.26h0a15.86,15.86,0,0,0-1.69-20.47L71.69,60.68a16,16,0,0,0-23.63,1.1A103.6,103.6,0,0,0,55,202.05,103.24,103.24,0,0,0,128,232h1.49A104.3,104.3,0,0,0,232,129.48C232.75,75.18,191.19,28.88,137.39,24.06ZM60.32,71.94l27.61,28.19,0,.06A43.29,43.29,0,0,0,80.44,120H40.36A87.13,87.13,0,0,1,60.32,71.94ZM40.37,136h40.3A48,48,0,0,0,120,175.34v40.3A88,88,0,0,1,40.37,136Zm149.77,54.14A87.45,87.45,0,0,1,136,215.61V175.34a47.55,47.55,0,0,0,24.73-12.23A48,48,0,0,0,136,80.66L136,40c45.52,4.08,80.67,43.28,80,89.25A87.45,87.45,0,0,1,190.14,190.14Z" }, child: [] }] })(s);
+  return Ce({ tag: "svg", attr: { viewBox: "0 0 256 256", fill: "currentColor" }, child: [{ tag: "path", attr: { d: "M128,24a8,8,0,0,0-8,8V88a8,8,0,0,0,8,8,32,32,0,1,1-27.72,16,8,8,0,0,0-2.93-10.93l-48.5-28A8,8,0,0,0,37.92,76,104,104,0,1,0,128,24ZM48.09,91.1,83,111.26A48.09,48.09,0,0,0,80,128c0,1.53.08,3,.22,4.52L41.28,143A88.16,88.16,0,0,1,48.09,91.1Zm-2.67,67.31,39-10.44A48.1,48.1,0,0,0,120,175.32v40.31A88.2,88.2,0,0,1,45.42,158.41ZM136,215.63V175.32a48,48,0,0,0,0-94.65V40.36a88,88,0,0,1,0,175.27Z" }, child: [] }] })(s);
 }
 function Ga(s) {
   return Ce({ tag: "svg", attr: { viewBox: "0 0 256 256", fill: "currentColor" }, child: [{ tag: "path", attr: { d: "M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm87.63,96H191.48A64.1,64.1,0,0,0,136,64.52V40.37A88.13,88.13,0,0,1,215.63,120ZM120,120H80.68A48.09,48.09,0,0,1,120,80.68Zm0,16v39.32A48.09,48.09,0,0,1,80.68,136Zm16,0h39.32A48.09,48.09,0,0,1,136,175.32Zm0-16V80.68A48.09,48.09,0,0,1,175.32,120ZM120,40.37V64.52A64.1,64.1,0,0,0,64.52,120H40.37A88.13,88.13,0,0,1,120,40.37ZM40.37,136H64.52A64.1,64.1,0,0,0,120,191.48v24.15A88.13,88.13,0,0,1,40.37,136ZM136,215.63V191.48A64.1,64.1,0,0,0,191.48,136h24.15A88.13,88.13,0,0,1,136,215.63Z" }, child: [] }] })(s);
 }
 function Ka(s) {
-  return Ce({ tag: "svg", attr: { viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }, child: [] }, { tag: "path", attr: { d: "M6 16m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0" }, child: [] }, { tag: "path", attr: { d: "M16 19m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" }, child: [] }, { tag: "path", attr: { d: "M14.5 7.5m-4.5 0a4.5 4.5 0 1 0 9 0a4.5 4.5 0 1 0 -9 0" }, child: [] }] })(s);
+  return Ce({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M6 16m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0" }, child: [] }, { tag: "path", attr: { d: "M16 19m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" }, child: [] }, { tag: "path", attr: { d: "M14.5 7.5m-4.5 0a4.5 4.5 0 1 0 9 0a4.5 4.5 0 1 0 -9 0" }, child: [] }] })(s);
 }
 function Qa(s) {
   return Ce({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" }, child: [] }, { tag: "path", attr: { d: "m2 19.99 7.5-7.51 4 4 7.09-7.97L22 9.92l-8.5 9.56-4-4-6 6.01-1.5-1.5zm1.5-4.5 6-6.01 4 4L22 3.92l-1.41-1.41-7.09 7.97-4-4L2 13.99l1.5 1.5z" }, child: [] }] })(s);
@@ -2963,8 +2954,8 @@ function Xa(s) {
   const [t, a] = R(null);
   return Z(() => {
     s && (async () => {
-      const i = (await import("./lucide-react-bxB0wxx1.js"))[s];
-      a(i);
+      const o = (await import("./lucide-react-CRf9jpQL.js"))[s];
+      a(o);
     })();
   }, [s]), t;
 }
@@ -2976,19 +2967,19 @@ function Za() {
   });
   return { data: t, isLoading: a, isFetching: n, isError: l };
 }
-function zl({
+function Ol({
   onChartTypeChange: s
 }) {
   const [t, a] = R([]), { data: n } = Za();
   return Z(() => {
     (async () => {
-      var i;
+      var o;
       if (n) {
         const c = (await Promise.all(
-          (i = n == null ? void 0 : n.plugins) == null ? void 0 : i.map(async (o) => (await Jt(o.value)).visuals.map((y) => ({
+          (o = n == null ? void 0 : n.plugins) == null ? void 0 : o.map(async (i) => (await Jt(i.value)).visuals.map((y) => ({
             name: y.name,
             icon: y.icon,
-            url: o.value
+            url: i.value
           })))
         )).flat();
         a(c);
@@ -2996,18 +2987,18 @@ function zl({
     })();
   }, [n]), t.length === 0 ? null : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(de, { className: "my-2" }),
-    /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-4 place-items-center", children: t.map((l, i) => /* @__PURE__ */ e.jsx(
-      Ol,
+    /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-4 place-items-center", children: t.map((l, o) => /* @__PURE__ */ e.jsx(
+      zl,
       {
         text: l.name,
         onClick: () => s("custom", l),
         icon: l.icon
       },
-      l.url + l.name + i
+      l.url + l.name + o
     )) })
   ] });
 }
-const Ol = ({
+const zl = ({
   text: s,
   icon: t,
   onClick: a
@@ -3017,9 +3008,9 @@ const Ol = ({
 };
 function Fl() {
   var d, y;
-  const [s, t] = R(!1), a = u((f) => f.card), n = a.type, { setCardType: l, setCardPreferences: i, setChartOrientation: r } = u((f) => f.actions), { setCardCustomCfg: c, setCustomCardPreferences: o } = ce();
+  const [s, t] = R(!1), a = u((f) => f.card), n = a.type, { setCardType: l, setCardPreferences: o, setChartOrientation: r } = u((f) => f.actions), { setCardCustomCfg: c, setCustomCardPreferences: i } = ce();
   function x(f, m) {
-    c(null), i({}), l(f), m && o({
+    c(null), o({}), l(f), m && i({
       type: "component",
       visualType: "single",
       url: m.url,
@@ -3183,7 +3174,7 @@ function Fl() {
           }
         )
       ] }),
-      /* @__PURE__ */ e.jsx(zl, { onChartTypeChange: x })
+      /* @__PURE__ */ e.jsx(Ol, { onChartTypeChange: x })
     ] })
   ] });
 }
@@ -3233,10 +3224,10 @@ function Il({
 }
 function Tl() {
   var l;
-  const s = u((i) => i.card), t = ((l = s.customCardPreferences) == null ? void 0 : l.showCardHeader) ?? !0, { setCustomCardPreferences: a } = ce(), n = (i) => {
+  const s = u((o) => o.card), t = ((l = s.customCardPreferences) == null ? void 0 : l.showCardHeader) ?? !0, { setCustomCardPreferences: a } = ce(), n = (o) => {
     s.customCardPreferences && a({
       ...s.customCardPreferences,
-      showCardHeader: i === !0
+      showCardHeader: o === !0
     });
   };
   return /* @__PURE__ */ e.jsxs(ca, { children: [
@@ -3267,11 +3258,10 @@ function Tl() {
   ] });
 }
 function ra() {
-  const s = u((h) => h.frame), t = u((h) => h.card), a = u((h) => h.isShowingVisual), n = u((h) => h.isSqlRunning), l = u((h) => h.queryError), i = u((h) => h.pythonStdOut), r = u((h) => h.actions.setRunSql);
+  const s = u((h) => h.frame), t = u((h) => h.card), a = u((h) => h.isShowingVisual), n = u((h) => h.isSqlRunning), l = u((h) => h.queryError), o = u((h) => h.pythonStdOut), r = u((h) => h.actions.setRunSql);
   u((h) => h.onSave), u((h) => h.onClose), u((h) => h.actions.setCardSql), u((h) => h.actions.setCardType), u((h) => h.actions.setSqlGen);
-  const { setFrame: c, setCard: o, updateCardInFrame: x } = ce(), { data: d, isLoading: y, isFetching: f } = qe(t);
-  if (!t)
-    return /* @__PURE__ */ e.jsx(e.Fragment, { children: "No Active Card" });
+  const { setFrame: c, setCard: i, updateCardInFrame: x } = ce(), { data: d, isLoading: y, isFetching: f } = qe(t);
+  if (!t) return /* @__PURE__ */ e.jsx(e.Fragment, { children: "No Active Card" });
   function m() {
     const h = {
       connectionId: t.connectionId,
@@ -3298,7 +3288,7 @@ function ra() {
       cards: [...s.cards, h],
       activeCardId: h.id
     };
-    c(v), o(h);
+    c(v), i(h);
   }
   function j() {
     const h = {
@@ -3310,23 +3300,23 @@ function ra() {
     g(h);
   }
   function T(h) {
-    const v = s.cards.filter((E) => E.id !== h), p = v[0], z = {
+    const v = s.cards.filter((E) => E.id !== h), p = v[0], O = {
       ...s,
       cards: v,
       // update the active card to the first card in the frame
       activeCardId: p.id
     };
-    c(z), o(p);
+    c(O), i(p);
   }
   function C(h) {
     const v = {
       ...s,
-      cards: s.cards.map((z) => z.id === t.id ? t : z),
+      cards: s.cards.map((O) => O.id === t.id ? t : O),
       activeCardId: h
     };
     c(v);
-    const p = v.cards.find((z) => z.id === h);
-    p.sql && r(!0), o(p);
+    const p = v.cards.find((O) => O.id === h);
+    p.sql && r(!0), i(p);
   }
   const M = (h, v) => {
     console.log("handleDragStart", v), h.dataTransfer.setData("tabIndex", v.toString());
@@ -3334,10 +3324,9 @@ function ra() {
     h.preventDefault();
   }, V = (h, v) => {
     const p = h.dataTransfer.getData("tabIndex");
-    if (p === v.toString())
-      return;
-    const z = Array.from(s.cards), [E] = z.splice(parseInt(p), 1);
-    z.splice(v, 0, E), c({ ...s, cards: z });
+    if (p === v.toString()) return;
+    const O = Array.from(s.cards), [E] = O.splice(parseInt(p), 1);
+    O.splice(v, 0, E), c({ ...s, cards: O });
   };
   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(
@@ -3345,7 +3334,7 @@ function ra() {
       {
         onClick: () => {
           const p = v.displayTab === void 0 ? !1 : !v.displayTab;
-          o({ ...v, displayTab: p }), x({
+          i({ ...v, displayTab: p }), x({
             ...v,
             displayTab: p
           });
@@ -3369,7 +3358,7 @@ function ra() {
               {
                 text: h.tabTitle || h.title,
                 onSave: (p) => {
-                  o({ ...t, tabTitle: p }), x({ ...t, tabTitle: p });
+                  i({ ...t, tabTitle: p }), x({ ...t, tabTitle: p });
                 },
                 children: /* @__PURE__ */ e.jsxs(
                   is,
@@ -3384,7 +3373,7 @@ function ra() {
                       N(s, h),
                       h.tabTitle || h.title,
                       s.activeCardId === h.id && s.cards.length > 1 && /* @__PURE__ */ e.jsx(
-                        za,
+                        Oa,
                         {
                           className: "ml-2 size-3.5 text-muted-foreground hover:text-foreground",
                           onClick: () => T(h.id)
@@ -3440,7 +3429,7 @@ function ra() {
       /* @__PURE__ */ e.jsx(Ml, {})
     ] }),
     a ? w() : /* @__PURE__ */ e.jsxs("div", { className: "flex min-h-0 w-full flex-1 grow basis-0 px-6", children: [
-      i && /* @__PURE__ */ e.jsx(Dl, {}),
+      o && /* @__PURE__ */ e.jsx(Dl, {}),
       (d == null ? void 0 : d.records) && (d == null ? void 0 : d.records.length) > 0 && /* @__PURE__ */ e.jsx(Sl, { data: (d == null ? void 0 : d.records) || [] }),
       l && /* @__PURE__ */ e.jsx("span", { className: "font-mono text-sm", children: l })
     ] })
@@ -3448,8 +3437,7 @@ function ra() {
 }
 function Dl() {
   const s = u((a) => a.pythonStdOut);
-  if (!s)
-    return null;
+  if (!s) return null;
   const t = s.replace(/\n/g, "<br>");
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx("p", { className: "font-mono text-sm", children: "Output:" }),
@@ -3514,9 +3502,9 @@ function pe({
         children: /* @__PURE__ */ e.jsx(je, { placeholder: s })
       }
     ),
-    /* @__PURE__ */ e.jsx(be, { children: /* @__PURE__ */ e.jsxs(ze, { children: [
+    /* @__PURE__ */ e.jsx(be, { children: /* @__PURE__ */ e.jsxs(Oe, { children: [
       /* @__PURE__ */ e.jsx(ye, { children: s }),
-      t.map((i) => /* @__PURE__ */ e.jsx(Q, { value: i.value, children: i.label }, i.value))
+      t.map((o) => /* @__PURE__ */ e.jsx(Q, { value: o.value, children: o.label }, o.value))
     ] }) })
   ] });
 }
@@ -3545,14 +3533,13 @@ function El() {
   var j, T;
   const s = u(
     (C) => C.card.customCardPreferences
-  ), { data: t } = Za(), a = (t == null ? void 0 : t.plugins) || [], n = u((C) => C.card), l = u((C) => C.frame), i = (s == null ? void 0 : s.visualType) || "single", { setCustomCardPreferences: r } = ce(), { components: c, manifest: o } = va(
+  ), { data: t } = Za(), a = (t == null ? void 0 : t.plugins) || [], n = u((C) => C.card), l = u((C) => C.frame), o = (s == null ? void 0 : s.visualType) || "single", { setCustomCardPreferences: r } = ce(), { components: c, manifest: i } = va(
     (s == null ? void 0 : s.url) || ""
-  ), x = (j = o == null ? void 0 : o.visuals) == null ? void 0 : j.find(
+  ), x = (j = i == null ? void 0 : i.visuals) == null ? void 0 : j.find(
     (C) => C.name === (s == null ? void 0 : s.componentName)
   );
   function d(C, M) {
-    if (!s)
-      return;
+    if (!s) return;
     const V = {
       ...(s == null ? void 0 : s.dataInputCardIds) || {},
       [C]: {
@@ -3679,7 +3666,7 @@ function El() {
                 { value: "single", label: "Single Visual" },
                 { value: "multiple", label: "Multi-Visual" }
               ],
-              value: i,
+              value: o,
               onValueChange: g
             }
           ),
@@ -3691,7 +3678,7 @@ function El() {
                 className: "h-8 w-full",
                 label: "",
                 options: (c == null ? void 0 : c.filter(
-                  (C) => C.type === i
+                  (C) => C.type === o
                 ).map((C) => ({
                   value: C.name,
                   label: C.name
@@ -3724,7 +3711,7 @@ function Me() {
   u(
     (d) => d.card.cfg
   );
-  const a = u((d) => d.card.preferences), { setCardCfg: n, setFilterOnClickColumnIndex: l, setCardPreferences: i } = u((d) => d.actions), r = u(
+  const a = u((d) => d.card.preferences), { setCardCfg: n, setFilterOnClickColumnIndex: l, setCardPreferences: o } = u((d) => d.actions), r = u(
     (d) => d.queryResultColumns
   );
   u(
@@ -3737,7 +3724,7 @@ function Me() {
   }, [r]);
   function c(d, y) {
     var f, m;
-    y ? a != null && a.onClickFilter && ((f = a == null ? void 0 : a.onClickFilter) == null ? void 0 : f.length) > 0 ? i({
+    y ? a != null && a.onClickFilter && ((f = a == null ? void 0 : a.onClickFilter) == null ? void 0 : f.length) > 0 ? o({
       ...a,
       onClickFilter: [
         ...a.onClickFilter,
@@ -3746,7 +3733,7 @@ function Me() {
           expression: ""
         }
       ]
-    }) : i({
+    }) : o({
       ...a,
       onClickFilter: [
         {
@@ -3754,7 +3741,7 @@ function Me() {
           expression: ""
         }
       ]
-    }) : (i({
+    }) : (o({
       ...a,
       onClickFilter: (m = a == null ? void 0 : a.onClickFilter) == null ? void 0 : m.filter(
         (g) => g.columnIndex !== d
@@ -3764,13 +3751,13 @@ function Me() {
       return j[d] = !1, j;
     }));
   }
-  function o(d, y) {
+  function i(d, y) {
     var m;
     const f = (m = a == null ? void 0 : a.onClickFilter) == null ? void 0 : m.map((g) => g.columnIndex === d ? {
       ...g,
       expression: y.target.value
     } : g);
-    i({
+    o({
       ...a,
       onClickFilter: f
     });
@@ -3782,7 +3769,7 @@ function Me() {
         re,
         {
           value: (g = (m = a == null ? void 0 : a.onClickFilter) == null ? void 0 : m.find((j) => j.columnIndex === d)) == null ? void 0 : g.expression,
-          onChange: (j) => o(d, j),
+          onChange: (j) => i(d, j),
           type: "text",
           className: "h-9 w-full font-mono text-xs focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0",
           placeholder: "Expression"
@@ -3839,19 +3826,19 @@ function Me() {
   ] });
 }
 function ys() {
-  var r, c, o;
+  var r, c, i;
   const s = u((x) => x.card.preferences), t = u(
     (x) => x.card.cfg
   ), { setCardCfg: a, setCardPreferences: n, setChartOrientation: l } = u((x) => x.actions);
   (r = t == null ? void 0 : t.options) != null && r.indexAxis;
-  function i(x) {
+  function o(x) {
     l(x);
   }
   return /* @__PURE__ */ e.jsxs(
     bs,
     {
-      value: ((c = s == null ? void 0 : s.chartOptions) == null ? void 0 : c.indexAxis) || ((o = t == null ? void 0 : t.options) == null ? void 0 : o.indexAxis) || "x",
-      onValueChange: i,
+      value: ((c = s == null ? void 0 : s.chartOptions) == null ? void 0 : c.indexAxis) || ((i = t == null ? void 0 : t.options) == null ? void 0 : i.indexAxis) || "x",
+      onValueChange: o,
       className: "flex gap-3",
       defaultValue: "x",
       children: [
@@ -3869,9 +3856,9 @@ function ys() {
 }
 const ns = "focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0";
 function ia(s, t) {
-  var n, l, i;
-  const a = Oa(s, t);
-  return ((i = (l = (n = s == null ? void 0 : s.chartOptions) == null ? void 0 : n.scales) == null ? void 0 : l[a]) == null ? void 0 : i.type) || "linear";
+  var n, l, o;
+  const a = za(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";
 }
 function et() {
   var le, J, ne, k, _, ee;
@@ -3881,9 +3868,9 @@ function et() {
   }), n = u((A) => {
     var D;
     return (D = A.card) == null ? void 0 : D.cfg;
-  }), l = Oa(a, n), [i, r] = R(
+  }), l = za(a, n), [o, r] = R(
     ia(a)
-  ), [c, o] = R(
+  ), [c, i] = R(
     ((ne = (J = (le = a == null ? void 0 : a.chartOptions) == null ? void 0 : le.scales) == null ? void 0 : J[l]) == null ? void 0 : ne.min) || ""
   ), [x, d] = R(
     ((ee = (_ = (k = a == null ? void 0 : a.chartOptions) == null ? void 0 : k.scales) == null ? void 0 : _[l]) == null ? void 0 : ee.max) || ""
@@ -3892,10 +3879,10 @@ function et() {
   ), { updateCardInFrame: h } = ce(), v = u((A) => A.card), p = u((A) => {
     var D;
     return (D = A.card) == null ? void 0 : D.type;
-  }), z = ["pie", "doughnut", "polarArea"].includes(p);
+  }), O = ["pie", "doughnut", "polarArea"].includes(p);
   Z(() => {
     var A, D, se, P, X, ie, Ne, Le, Se, Fe, we, ae, ue, he;
-    r(ia(a)), o(
+    r(ia(a)), i(
       ((se = (D = (A = a == null ? void 0 : a.chartOptions) == null ? void 0 : A.scales) == null ? void 0 : D[l]) == null ? void 0 : se.min) === 0 ? 0 : ""
     ), d(((ie = (X = (P = a == null ? void 0 : a.chartOptions) == null ? void 0 : P.scales) == null ? void 0 : X[l]) == null ? void 0 : ie.max) || ""), g(
       ((Fe = (Se = (Le = (Ne = a == null ? void 0 : a.chartOptions) == null ? void 0 : Ne.scales) == null ? void 0 : Le[l]) == null ? void 0 : Se.ticks) == null ? void 0 : Fe.stepSize) || ""
@@ -3932,7 +3919,7 @@ function et() {
             onValueChange: (D) => V(D === "none" ? "" : D),
             children: [
               /* @__PURE__ */ e.jsx(ge, { className: "col-span-2 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(je, {}) }),
-              /* @__PURE__ */ e.jsx(be, { children: /* @__PURE__ */ e.jsxs(ze, { children: [
+              /* @__PURE__ */ e.jsx(be, { children: /* @__PURE__ */ e.jsxs(Oe, { children: [
                 /* @__PURE__ */ e.jsx(ye, { children: "Currency" }),
                 /* @__PURE__ */ e.jsx(Q, { value: "none", children: "None" }),
                 A.map((D) => /* @__PURE__ */ e.jsx(Q, { value: D, children: D }, D))
@@ -3948,7 +3935,7 @@ function et() {
               children: /* @__PURE__ */ e.jsx(je, {})
             }
           ),
-          /* @__PURE__ */ e.jsx(be, { children: /* @__PURE__ */ e.jsxs(ze, { children: [
+          /* @__PURE__ */ e.jsx(be, { children: /* @__PURE__ */ e.jsxs(Oe, { children: [
             /* @__PURE__ */ e.jsx(ye, { children: "Locale" }),
             cs.map((D) => /* @__PURE__ */ e.jsx(Q, { value: D.locale, children: D.locale }, D.locale))
           ] }) })
@@ -3977,7 +3964,7 @@ function et() {
           {
             id: "min",
             value: c,
-            onChange: (A) => o((D) => E(D, A.target.value)),
+            onChange: (A) => i((D) => E(D, A.target.value)),
             className: `col-span-1 h-8 w-full ${ns}`
           }
         ),
@@ -4023,8 +4010,8 @@ function et() {
           ...(P = a == null ? void 0 : a.chartOptions) == null ? void 0 : P.scales,
           [l]: {
             // ...cardPreferences?.chartOptions?.scales?.[axis],
-            type: i,
-            ...i === "linear" ? A : {}
+            type: o,
+            ...o === "linear" ? A : {}
           }
         }
       },
@@ -4055,12 +4042,12 @@ function et() {
           /* @__PURE__ */ e.jsxs(
             fe,
             {
-              disabled: z,
-              value: i,
+              disabled: O,
+              value: o,
               onValueChange: (A) => r(A),
               children: [
                 /* @__PURE__ */ e.jsx(ge, { className: "col-span-2 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(je, {}) }),
-                /* @__PURE__ */ e.jsx(be, { id: "type", children: /* @__PURE__ */ e.jsxs(ze, { children: [
+                /* @__PURE__ */ e.jsx(be, { id: "type", children: /* @__PURE__ */ e.jsxs(Oe, { children: [
                   /* @__PURE__ */ e.jsx(ye, { children: "Option" }),
                   /* @__PURE__ */ e.jsx(Q, { value: "linear", children: "Linear" }),
                   /* @__PURE__ */ e.jsx(Q, { value: "logarithmic", children: "Logarithmic" })
@@ -4069,12 +4056,12 @@ function et() {
             }
           )
         ] }),
-        i == "linear" && /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 items-center gap-2 py-1", children: [
+        o == "linear" && /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 items-center gap-2 py-1", children: [
           /* @__PURE__ */ e.jsx(H, { htmlFor: "scale-option", children: "Setup" }),
           /* @__PURE__ */ e.jsxs(
             bs,
             {
-              disabled: z,
+              disabled: O,
               id: "scale-option",
               value: y,
               onValueChange: (A) => f(A),
@@ -4093,7 +4080,7 @@ function et() {
             }
           )
         ] }),
-        y === "custom" && i == "linear" && B(),
+        y === "custom" && o == "linear" && B(),
         $(),
         /* @__PURE__ */ e.jsx(tn, {}),
         /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-3", children: /* @__PURE__ */ e.jsx(
@@ -4111,26 +4098,26 @@ function et() {
 }
 function Al({ idx: s }) {
   var c;
-  const t = u((o) => {
+  const t = u((i) => {
     var x;
-    return (x = o.card) == null ? void 0 : x.preferences;
+    return (x = i.card) == null ? void 0 : x.preferences;
   }), a = u(
-    (o) => {
+    (i) => {
       var x;
-      return (x = o.card.preferences) == null ? void 0 : x.datasetOptions;
+      return (x = i.card.preferences) == null ? void 0 : x.datasetOptions;
     }
   ), n = u(
-    (o) => o.actions.setCardPreferences
-  ), l = (c = t == null ? void 0 : t.chartOptions) == null ? void 0 : c.indexAxis, i = a == null ? void 0 : a.find((o) => o.idx === s);
-  function r(o, x) {
-    (o === "end" || o === "start") && nn(ln());
+    (i) => i.actions.setCardPreferences
+  ), l = (c = t == null ? void 0 : t.chartOptions) == null ? void 0 : c.indexAxis, o = a == null ? void 0 : a.find((i) => i.idx === s);
+  function r(i, x) {
+    (i === "end" || i === "start") && nn(ln());
     const d = {
-      display: o !== "none",
-      align: o,
-      anchor: o,
+      display: i !== "none",
+      align: i,
+      anchor: i,
       clamp: !0
     };
-    if (!i)
+    if (!o)
       n({
         ...t,
         datasetOptions: [
@@ -4142,7 +4129,7 @@ function Al({ idx: s }) {
         ]
       });
     else {
-      const y = { ...i };
+      const y = { ...o };
       y.datalabels = d;
       const f = a == null ? void 0 : a.map(
         (m) => m.idx === x ? y : m
@@ -4163,7 +4150,7 @@ function Al({ idx: s }) {
           size: "sm",
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
-          children: /* @__PURE__ */ e.jsx(za, { className: "size-4" })
+          children: /* @__PURE__ */ e.jsx(Oa, { className: "size-4" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -4227,21 +4214,21 @@ function st() {
       return (f = (y = (d = x == null ? void 0 : x.card) == null ? void 0 : d.preferences) == null ? void 0 : y.chartOptions) == null ? void 0 : f.indexAxis;
     }
   ), { data: a } = qe(s), n = t === "y" ? "Y axis" : "X axis", l = t === "y" ? "X axis" : "Y axis", {
-    keys: i,
+    keys: o,
     metricKeys: r,
     dimensionKeys: c
   } = ws((a == null ? void 0 : a.records) || []);
-  let o = r;
+  let i = r;
   if (["stackedBar", "stackedLine"].includes(s.type)) {
     const x = rn({
       dataArray: (a == null ? void 0 : a.records) || [],
       groupKey: c[0],
       pivotKey: c[1],
-      valueKey: o[0]
+      valueKey: i[0]
     }), { metricKeys: d } = ws(x);
-    o = d;
+    i = d;
   }
-  return i.length === 0 ? null : /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
+  return o.length === 0 ? null : /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ e.jsx(H, { children: 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] }) }) })
@@ -4251,23 +4238,23 @@ function st() {
         /* @__PURE__ */ e.jsx(H, { children: l }),
         /* @__PURE__ */ e.jsx(et, {})
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: o.map((x, d) => /* @__PURE__ */ e.jsx(Vl, { col: x, idx: d }, x)) })
+      /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: i.map((x, d) => /* @__PURE__ */ e.jsx(Vl, { col: x, idx: d }, x)) })
     ] })
   ] });
 }
 function Vl({ col: s, idx: t }) {
   const a = u((c) => {
-    var o;
-    return (o = c.card) == null ? void 0 : o.preferences;
+    var i;
+    return (i = c.card) == null ? void 0 : i.preferences;
   }), n = u(
     (c) => {
-      var o;
-      return (o = c.card.preferences) == null ? void 0 : o.datasetOptions;
+      var i;
+      return (i = c.card.preferences) == null ? void 0 : i.datasetOptions;
     }
-  ), l = n == null ? void 0 : n.find((c) => c.idx === t), { setCardPreferences: i } = u((c) => c.actions);
+  ), l = n == null ? void 0 : n.find((c) => c.idx === t), { setCardPreferences: o } = u((c) => c.actions);
   function r(c) {
     if (!l)
-      i({
+      o({
         ...a,
         datasetOptions: [
           ...n || [],
@@ -4279,12 +4266,12 @@ function Vl({ col: s, idx: t }) {
         ]
       });
     else {
-      const o = { ...l };
-      o.type = c === "area" ? "line" : c, o.fill = c === "area" ? "origin" : "";
+      const i = { ...l };
+      i.type = c === "area" ? "line" : c, i.fill = c === "area" ? "origin" : "";
       const x = n == null ? void 0 : n.map(
-        (d) => d.idx === t ? o : d
+        (d) => d.idx === t ? i : d
       );
-      i({
+      o({
         ...a,
         datasetOptions: x
       });
@@ -4308,7 +4295,7 @@ function Vl({ col: s, idx: t }) {
         }
       ),
       /* @__PURE__ */ e.jsx(
-        On,
+        zn,
         {
           onClick: () => r("area"),
           className: "invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"
@@ -4326,7 +4313,7 @@ function Vl({ col: s, idx: t }) {
   ] });
 }
 function at() {
-  const s = u((f) => f.selectedConnectionId), t = u((f) => f.selectedDatamodelId), a = u((f) => f.selectedDatabaseName), n = u((f) => f.selectedSchemaName), l = u((f) => f.selectedTableName), i = O((f) => f.dashboard.filters) || [], r = O((f) => f.actions.addFilter), c = O((f) => f.actions.removeFilter), o = O(
+  const s = u((f) => f.selectedConnectionId), t = u((f) => f.selectedDatamodelId), a = u((f) => f.selectedDatabaseName), n = u((f) => f.selectedSchemaName), l = u((f) => f.selectedTableName), o = z((f) => f.dashboard.filters) || [], r = z((f) => f.actions.addFilter), c = z((f) => f.actions.removeFilter), i = z(
     (f) => f.actions.removeFilterValue
   ), { modelItems: x, tableName: d } = Re();
   function y(f, m = "dashboard") {
@@ -4340,11 +4327,11 @@ function at() {
       (L) => L.id === t
     )) == null ? void 0 : w.name;
     t && t !== "none" && (I = `${Ss}.${V}.${g}`, M = `${Ss}.${V}`);
-    const N = i == null ? void 0 : i.find(
+    const N = o == null ? void 0 : o.find(
       (L) => L.column === I && L.table === C && (L.database === j || L.database === a)
     );
     if (N)
-      o(N.id), c(N.id);
+      i(N.id), c(N.id);
     else {
       const L = We();
       return d === "api" && s ? (r({
@@ -4389,17 +4376,17 @@ function at() {
   return { assignFilter: y };
 }
 function _e() {
-  const s = O(
+  const s = z(
     (c) => c.dashboard.filters
   ), t = u((c) => c.frame), { setFrame: a } = ce(), { columns: n } = Re(), { assignFilter: l } = at();
-  function i(c) {
-    const o = l(c, "frame");
-    a({ ...t, filterId: o });
+  function o(c) {
+    const i = l(c, "frame");
+    a({ ...t, filterId: i });
   }
   const r = s == null ? void 0 : s.find((c) => c.id === t.filterId);
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-3", children: [
     /* @__PURE__ */ e.jsx(H, { children: "Card Filter" }),
-    /* @__PURE__ */ e.jsx(ql, { onSelect: i, columns: n }),
+    /* @__PURE__ */ e.jsx(ql, { onSelect: o, columns: n }),
     r && /* @__PURE__ */ e.jsx(on, { filter: r })
   ] });
 }
@@ -4408,7 +4395,7 @@ function ql({
   onSelect: t
 }) {
   var r;
-  const [a, n] = ta.useState(!1), [l, i] = ta.useState("");
+  const [a, n] = ta.useState(!1), [l, o] = ta.useState("");
   return /* @__PURE__ */ e.jsxs(fs, { open: a, onOpenChange: n, children: [
     /* @__PURE__ */ e.jsx(gs, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
       F,
@@ -4432,9 +4419,9 @@ function ql({
           pn,
           {
             value: c.column_name,
-            onSelect: (o) => {
-              const x = o === l ? "" : o;
-              i(x), n(!1), x && t(c);
+            onSelect: (i) => {
+              const x = i === l ? "" : i;
+              o(x), n(!1), x && t(c);
             },
             children: [
               c.column_name,
@@ -4501,13 +4488,13 @@ function Rl({
   ] }) });
 }
 function Js() {
-  var l, i, r;
+  var l, o, r;
   const s = u(
     (c) => c.card.cfg
   ), t = u((c) => c.actions.setCardCfg), a = u((c) => c.card.type);
   function n(c) {
     var d;
-    const o = {
+    const i = {
       datalabels: {
         display: c !== "none",
         align: c,
@@ -4520,7 +4507,7 @@ function Js() {
         ...s == null ? void 0 : s.options,
         plugins: {
           ...(d = s == null ? void 0 : s.options) == null ? void 0 : d.plugins,
-          ...o
+          ...i
         }
       }
     };
@@ -4534,12 +4521,12 @@ function Js() {
     /* @__PURE__ */ e.jsxs(
       fe,
       {
-        value: (r = (i = (l = s == null ? void 0 : s.options) == null ? void 0 : l.plugins) == null ? void 0 : i.datalabels) == null ? void 0 : r.anchor,
+        value: (r = (o = (l = s == null ? void 0 : s.options) == null ? void 0 : l.plugins) == null ? void 0 : o.datalabels) == null ? void 0 : r.anchor,
         onValueChange: n,
         defaultValue: "none",
         children: [
           /* @__PURE__ */ e.jsx(ge, { className: "h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(je, { placeholder: "Select position" }) }),
-          /* @__PURE__ */ e.jsx(be, { children: /* @__PURE__ */ e.jsxs(ze, { children: [
+          /* @__PURE__ */ e.jsx(be, { children: /* @__PURE__ */ e.jsxs(Oe, { children: [
             /* @__PURE__ */ e.jsx(ye, { children: "Data Labels" }),
             /* @__PURE__ */ e.jsx(Q, { value: "none", children: "None" }),
             a !== "pyramid" && /* @__PURE__ */ e.jsx(Q, { value: "start", children: "Start" }),
@@ -4555,9 +4542,8 @@ function _l({
   cardType: s
 }) {
   function t(a) {
-    const n = "SELECT label, [group], x-axis, y-axis, radius FROM table", l = "SELECT label, [group], x-axis, y-axis FROM table";
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 text-xs", children: a === "bubble" ? n : l }),
+      /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 text-xs", children: a === "bubble" ? "SELECT label, [group], x-axis, y-axis, radius FROM table" : "SELECT label, [group], x-axis, y-axis FROM table" }),
       /* @__PURE__ */ e.jsxs("ul", { className: "ml-6 list-disc text-xs [&>li]:mt-2", children: [
         /* @__PURE__ */ e.jsx("li", { children: "label - category" }),
         /* @__PURE__ */ e.jsx("li", { children: "group - category" }),
@@ -4571,7 +4557,7 @@ function _l({
           "a",
           {
             target: "_blank",
-            onClick: (i) => i.stopPropagation(),
+            onClick: (o) => o.stopPropagation(),
             className: "text-blue-700",
             href: "https://docs.semaphor.cloud/concepts/visuals#pie-chart",
             children: "example"
@@ -4740,7 +4726,7 @@ function Bl(s) {
     ] }) });
 }
 function Ul() {
-  var o, x, d, y, f;
+  var i, x, d, y, f;
   const s = u((m) => m.card.preferences), t = u(
     (m) => m.actions.setCardPreferences
   ), a = u(
@@ -4766,7 +4752,7 @@ function Ul() {
   u(
     (m) => m.actions.setFilterOnClickField
   );
-  const i = u(
+  const o = u(
     (m) => {
       var g, j;
       return (j = (g = m.card.preferences) == null ? void 0 : g.formatNumber) == null ? void 0 : j.colorRanges;
@@ -4779,7 +4765,7 @@ function Ul() {
       /* @__PURE__ */ e.jsx(
         xs,
         {
-          checked: !!((o = s == null ? void 0 : s.formatNumber) != null && o.enabled),
+          checked: !!((i = s == null ? void 0 : s.formatNumber) != null && i.enabled),
           onCheckedChange: (m) => {
             t({
               ...s,
@@ -4813,7 +4799,7 @@ function Ul() {
                 },
                 children: [
                   /* @__PURE__ */ e.jsx(ge, { className: "col-span-6 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(je, {}) }),
-                  /* @__PURE__ */ e.jsx(be, { children: /* @__PURE__ */ e.jsxs(ze, { children: [
+                  /* @__PURE__ */ e.jsx(be, { children: /* @__PURE__ */ e.jsxs(Oe, { children: [
                     /* @__PURE__ */ e.jsx(ye, { children: "Format" }),
                     /* @__PURE__ */ e.jsx(Q, { value: "none", children: "None" }, "none"),
                     cs.map((m) => /* @__PURE__ */ e.jsx(Q, { value: m.locale, children: m.locale }, m.locale))
@@ -4839,7 +4825,7 @@ function Ul() {
                 },
                 children: [
                   /* @__PURE__ */ e.jsx(ge, { className: "col-span-6 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(je, {}) }),
-                  /* @__PURE__ */ e.jsx(be, { children: /* @__PURE__ */ e.jsxs(ze, { children: [
+                  /* @__PURE__ */ e.jsx(be, { children: /* @__PURE__ */ e.jsxs(Oe, { children: [
                     /* @__PURE__ */ e.jsx(ye, { children: "Currency" }),
                     /* @__PURE__ */ e.jsx(Q, { value: "none", children: "None" }, "none"),
                     c.map((m) => /* @__PURE__ */ e.jsx(Q, { value: m, children: m }, m))
@@ -4898,7 +4884,7 @@ function Ul() {
       /* @__PURE__ */ e.jsx(
         fn,
         {
-          colorRanges: i,
+          colorRanges: o,
           setColorRanges: r
         }
       )
@@ -5037,10 +5023,10 @@ const Kl = [
   value: s
 }));
 function Wl() {
-  var o, x, d, y, f, m, g, j, T, C, M, I, V, N, w, L, h, v;
-  const s = u((p) => p.card), t = (x = (o = s == null ? void 0 : s.preferences) == null ? void 0 : o.mapVisualOptions) == null ? void 0 : x.topoJsonUrl, [a, n] = R(
+  var i, x, d, y, f, m, g, j, T, C, M, I, V, N, w, L, h, v;
+  const s = u((p) => p.card), t = (x = (i = s == null ? void 0 : s.preferences) == null ? void 0 : i.mapVisualOptions) == null ? void 0 : x.topoJsonUrl, [a, n] = R(
     ((y = (d = s == null ? void 0 : s.preferences) == null ? void 0 : d.mapVisualOptions) == null ? void 0 : y.customTopoJsonUrl) || ""
-  ), { setCardPreferences: l } = ce(), { data: i } = Bs(s), r = Object.keys((i == null ? void 0 : i.objects) || {}).map((p) => ({
+  ), { setCardPreferences: l } = ce(), { data: o } = Bs(s), r = Object.keys((o == null ? void 0 : o.objects) || {}).map((p) => ({
     label: p,
     value: p
   })) || [], c = [
@@ -5100,7 +5086,7 @@ function Wl() {
           placeholder: "Custom URL"
         }
       ),
-      i && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      o && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
         /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
           /* @__PURE__ */ e.jsx(H, { children: "Map Object" }),
           /* @__PURE__ */ e.jsx(
@@ -5111,11 +5097,11 @@ function Wl() {
               value: ((m = (f = s.preferences) == null ? void 0 : f.mapVisualOptions) == null ? void 0 : m.objectKey) || "",
               label: "Map Object",
               onValueChange: (p) => {
-                var z;
+                var O;
                 l({
                   ...s.preferences,
                   mapVisualOptions: {
-                    ...(z = s.preferences) == null ? void 0 : z.mapVisualOptions,
+                    ...(O = s.preferences) == null ? void 0 : O.mapVisualOptions,
                     objectKey: p
                   }
                 });
@@ -5133,11 +5119,11 @@ function Wl() {
               value: ((j = (g = s.preferences) == null ? void 0 : g.mapVisualOptions) == null ? void 0 : j.projection) || "",
               label: "Projection",
               onValueChange: (p) => {
-                var z;
+                var O;
                 l({
                   ...s.preferences,
                   mapVisualOptions: {
-                    ...(z = s.preferences) == null ? void 0 : z.mapVisualOptions,
+                    ...(O = s.preferences) == null ? void 0 : O.mapVisualOptions,
                     projection: p
                   }
                 });
@@ -5155,11 +5141,11 @@ function Wl() {
               value: ((C = (T = s.preferences) == null ? void 0 : T.mapVisualOptions) == null ? void 0 : C.colorScale) || "",
               label: "Select Color Scale",
               onValueChange: (p) => {
-                var z;
+                var O;
                 l({
                   ...s.preferences,
                   mapVisualOptions: {
-                    ...(z = s.preferences) == null ? void 0 : z.mapVisualOptions,
+                    ...(O = s.preferences) == null ? void 0 : O.mapVisualOptions,
                     colorScale: p
                   }
                 });
@@ -5179,11 +5165,11 @@ function Wl() {
           step: 0.1,
           value: ((I = (M = s.preferences) == null ? void 0 : M.mapVisualOptions) == null ? void 0 : I.projectionScale) || 1,
           onChange: (p) => {
-            var z;
+            var O;
             l({
               ...s.preferences,
               mapVisualOptions: {
-                ...(z = s.preferences) == null ? void 0 : z.mapVisualOptions,
+                ...(O = s.preferences) == null ? void 0 : O.mapVisualOptions,
                 projectionScale: Number(p.target.value)
               }
             });
@@ -5199,11 +5185,11 @@ function Wl() {
           step: 10,
           value: ((w = (N = (V = s.preferences) == null ? void 0 : V.mapVisualOptions) == null ? void 0 : N.projectionOffset) == null ? void 0 : w[0]) || 0,
           onChange: (p) => {
-            var z, E, $, B;
+            var O, E, $, B;
             l({
               ...s.preferences,
               mapVisualOptions: {
-                ...(z = s.preferences) == null ? void 0 : z.mapVisualOptions,
+                ...(O = s.preferences) == null ? void 0 : O.mapVisualOptions,
                 projectionOffset: [
                   Number(p.target.value),
                   ((B = ($ = (E = s.preferences) == null ? void 0 : E.mapVisualOptions) == null ? void 0 : $.projectionOffset) == null ? void 0 : B[1]) || 0
@@ -5222,11 +5208,11 @@ function Wl() {
           step: 10,
           value: ((v = (h = (L = s.preferences) == null ? void 0 : L.mapVisualOptions) == null ? void 0 : h.projectionOffset) == null ? void 0 : v[1]) || 0,
           onChange: (p) => {
-            var z, E, $, B;
+            var O, E, $, B;
             l({
               ...s.preferences,
               mapVisualOptions: {
-                ...(z = s.preferences) == null ? void 0 : z.mapVisualOptions,
+                ...(O = s.preferences) == null ? void 0 : O.mapVisualOptions,
                 projectionOffset: [
                   ((B = ($ = (E = s.preferences) == null ? void 0 : E.mapVisualOptions) == null ? void 0 : $.projectionOffset) == null ? void 0 : B[0]) || 0,
                   Number(p.target.value)
@@ -5323,8 +5309,8 @@ function ls({
 function Xl() {
   const s = u(
     (n) => {
-      var l, i;
-      return (i = (l = n == null ? void 0 : n.card) == null ? void 0 : l.preferences) == null ? void 0 : i.sortChart;
+      var l, o;
+      return (o = (l = n == null ? void 0 : n.card) == null ? void 0 : l.preferences) == null ? void 0 : o.sortChart;
     }
   ), { setSortChart: t } = ce();
   function a() {
@@ -5545,7 +5531,7 @@ function nr() {
             children: /* @__PURE__ */ e.jsx(Nl, {})
           }
         ),
-        /* @__PURE__ */ e.jsx(zs, { withHandle: !0, className: "border" }),
+        /* @__PURE__ */ e.jsx(Os, { withHandle: !0, className: "border" }),
         /* @__PURE__ */ e.jsx(
           Ve,
           {
@@ -5564,7 +5550,7 @@ function nr() {
                   children: /* @__PURE__ */ e.jsx(tr, {})
                 }
               ) }),
-              /* @__PURE__ */ e.jsx(zs, { className: "border" }),
+              /* @__PURE__ */ e.jsx(Os, { className: "border" }),
               /* @__PURE__ */ e.jsx(Ve, { minSize: 40, defaultSize: 75, maxSize: 100, children: /* @__PURE__ */ e.jsx(ra, {}) })
             ] }) : /* @__PURE__ */ e.jsx(ra, {})
           }
@@ -5574,13 +5560,13 @@ function nr() {
   );
 }
 function lr({ authToken: s, onSave: t, onClose: a }) {
-  O((r) => r.themeStyle);
-  const n = u((r) => r.actions.setOnSave), l = u((r) => r.actions.setOnClose), i = O((r) => r.actions.setAuthToken);
+  z((r) => r.themeStyle);
+  const n = u((r) => r.actions.setOnSave), l = u((r) => r.actions.setOnClose), o = z((r) => r.actions.setAuthToken);
   return Z(() => {
     t && n(t), a && l(a);
   }, [t, n, a, l]), Z(() => {
-    s && s.accessToken && i(s);
-  }, [s, i]), /* @__PURE__ */ e.jsx(ps, { FallbackComponent: Fa, children: /* @__PURE__ */ e.jsxs(
+    s && s.accessToken && o(s);
+  }, [s, o]), /* @__PURE__ */ e.jsx(ps, { FallbackComponent: Fa, children: /* @__PURE__ */ e.jsxs(
     gn,
     {
       style: {
@@ -5597,12 +5583,12 @@ function lr({ authToken: s, onSave: t, onClose: a }) {
   ) });
 }
 function rr() {
-  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 i() {
+  function o() {
     t(!1);
   }
   return /* @__PURE__ */ e.jsx(
@@ -5612,7 +5598,7 @@ function rr() {
       className: W("flex grow", {
         "max-h-0 overflow-hidden": !a
       }),
-      children: /* @__PURE__ */ e.jsx(lr, { onSave: l, onClose: i })
+      children: /* @__PURE__ */ e.jsx(lr, { onSave: l, onClose: o })
     }
   );
 }
@@ -5620,19 +5606,19 @@ function ir() {
   u((r) => r.selectedConnectionId), u((r) => r.selectedDatamodelId);
   const s = u((r) => r.selectedDatabaseName);
   u((r) => r.selectedSchemaName);
-  const t = u((r) => r.selectedTableName), a = O((r) => r.dashboard.filters) || [];
-  O((r) => r.actions.addFilter), O((r) => r.actions.removeFilter), O(
+  const t = u((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: i } = at();
+  const { modelItems: n, columns: l } = Re(), { assignFilter: o } = at();
   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(
-      (o) => o.column === xe(r.column_name) && o.table === t && o.database === s
+      (i) => i.column === xe(r.column_name) && i.table === t && i.database === s
     );
     return /* @__PURE__ */ e.jsx(
       "div",
       {
-        onClick: () => i(r),
+        onClick: () => o(r),
         className: W(
           "group flex cursor-pointer items-center justify-between border border-dashed border-background px-3 py-[6px] text-sm transition-colors hover:bg-muted/50",
           {
@@ -5649,8 +5635,8 @@ function ir() {
   }) });
 }
 function or() {
-  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: [
@@ -5681,7 +5667,7 @@ function or() {
   ] });
 }
 function cr() {
-  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",
     {
@@ -5698,10 +5684,10 @@ function cr() {
   );
 }
 function dr() {
-  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",
@@ -5760,8 +5746,8 @@ function xr({
 }
 export {
   Ue as A,
-  zn as B,
-  On as C,
+  On as B,
+  zn as C,
   xr as D,
   Ma as E,
   qa as F,