react-semaphor 0.0.232 → 0.0.234

package/dist/chunks/{dashboard-plus-B20VN3pn.js → dashboard-plus-0Wc18x9Q.js}

@@ -1,5 +1,5 @@
-import { O as T, b as k, j as e, P as Ss, Q as ks, R as w, U as ws, V as zs, W as Fs, X as Os, Y as Ms, Z as _, _ as he, $ as lt, J as it, M as Ae, a0 as Qt, a1 as Wt, a2 as Yt, a3 as Zt, a4 as Xt, a5 as ea, a6 as Js, a7 as $e, a8 as Ue, a9 as rs, T as Ts, e as ot, g as Ds, aa as Oe, ab as Me, f as Y, ac as Te, ad as De, ae as Pe, af as Le, ag as ee, ah as As, G as c, ai as Ls, aj as Es, ak as Is, w as ct, v as dt, t as ue, al as sa, r as ta, N as ht, s as aa, am as na, B as ra, an as mt, ao as la, S as Vs, z as ia, n as Us, ap as bs, A as ut, aq as ys, u as Qe, ar as me, as as be, at as Ke, au as xt, av as pt, aw as oa, ax as ca, ay as ft, az as da, aA as ha, aB as ma, aC as ua, aD as xa, aE as vs, aF as pa, aG as Be, aH as Ns, aI as Fe, aJ as Cs, aK as Qs, aL as fa, aM as ga, aN as ja, aO as ba, aP as ya, aQ as js, aR as va, aS as Ws, aT as Na, aU as Ys, aV as Ca, aW as Sa, aX as ka, c as wa, aY as gt, l as za, C as Fa, E as ts, d as Oa, h as Ma, aZ as Ta, i as Da, o as Aa, a_ as La, m as Ea, H as qs, a$ as Ia, b0 as jt, b1 as bt, b2 as as, b3 as yt, b4 as ns, b5 as Zs, b6 as os, b7 as cs, b8 as ds, K as Va, b9 as qa, ba as Ra, bb as vt, bc as Rs, bd as Ee, be as Nt, bf as _a, bg as Ha, bh as Ba, bi as $a, bj as Pa, bk as Xs, bl as Ka, bm as Ga, bn as Ja, bo as Ua, bp as Qa, bq as Wa, br as Ya, bs as Za, bt as Ce, bu as B, bv as $, bw as _s, bx as P, by as et, bz as Xa, bA as en, bB as sn, bC as tn, bD as an, bE as nn, bF as rn, bG as ln, bH as on, bI as cn } from "./index-DUw3t3sl.js";
-import * as st from "react";
+import { O as D, b as k, j as e, P as Ss, Q as ks, R as w, U as ws, V as zs, W as Fs, X as Os, Y as Ms, Z as _, _ as he, $ as la, J as ia, M as Ae, a0 as Qa, a1 as Wa, a2 as Ya, a3 as Za, a4 as Xa, a5 as et, a6 as Js, a7 as $e, a8 as Ue, a9 as oa, aa as rs, T as Ts, e as ca, g as Ds, ab as Oe, ac as Me, f as Y, ad as Te, ae as De, af as Pe, ag as Le, ah as ee, ai as As, G as c, aj as Ls, ak as Es, al as Is, w as da, v as ha, t as ue, am as st, r as at, N as ma, s as tt, an as nt, B as rt, ao as ua, ap as lt, S as Vs, z as it, n as Us, aq as bs, A as xa, ar as ys, u as Qe, as as me, at as be, au as Ke, av as pa, aw as fa, ax as ot, ay as ct, az as ga, aA as dt, aB as ht, aC as mt, aD as ut, aE as xt, aF as vs, aG as pt, aH as Be, aI as Ns, aJ as Fe, aK as Cs, aL as Qs, aM as ft, aN as gt, aO as jt, aP as bt, aQ as yt, aR as js, aS as vt, aT as Ws, aU as Nt, aV as Ys, aW as Ct, aX as St, aY as kt, c as wt, aZ as ja, l as zt, C as Ft, E as as, d as Ot, h as Mt, a_ as Tt, i as Dt, o as At, a$ as Lt, m as Et, H as qs, b0 as It, b1 as ba, b2 as ya, b3 as ts, b4 as va, b5 as ns, b6 as Zs, b7 as os, b8 as cs, b9 as ds, K as Vt, ba as qt, bb as Rt, bc as Na, bd as Rs, be as Ee, bf as Ca, bg as _t, bh as Ht, bi as Bt, bj as $t, bk as Pt, bl as Xs, bm as Kt, bn as Gt, bo as Jt, bp as Ut, bq as Qt, br as Wt, bs as Yt, bt as Zt, bu as Ce, bv as B, bw as $, bx as _s, by as P, bz as ea, bA as Xt, bB as en, bC as sn, bD as an, bE as tn, bF as nn, bG as rn, bH as ln, bI as on, bJ as cn } from "./index-x2wG2JFp.js";
+import * as sa from "react";
 import xe, { useState as M, useEffect as U, useMemo as dn, useRef as Ge } from "react";
 /**
  * @license lucide-react v0.379.0 - ISC
@@ -7,7 +7,7 @@ import xe, { useState as M, useEffect as U, useMemo as dn, useRef as Ge } from "
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const hn = T("AreaChart", [
+const hn = D("AreaChart", [
   ["path", { d: "M3 3v18h18", key: "1s2lah" }],
   ["path", { d: "M7 12v5h12V8l-5 5-4-4Z", key: "zxz28u" }]
 ]);
@@ -17,7 +17,7 @@ const hn = T("AreaChart", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Hs = T("BarChart4", [
+const Hs = D("BarChart4", [
   ["path", { d: "M3 3v18h18", key: "1s2lah" }],
   ["path", { d: "M13 17V9", key: "1fwyjl" }],
   ["path", { d: "M18 17V5", key: "sfb6ij" }],
@@ -29,7 +29,7 @@ const Hs = T("BarChart4", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const mn = T("Box", [
+const mn = D("Box", [
   [
     "path",
     {
@@ -46,7 +46,7 @@ const mn = T("Box", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const un = T("CircleX", [
+const un = D("CircleX", [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
   ["path", { d: "m9 9 6 6", key: "z0biqf" }]
@@ -57,7 +57,7 @@ const un = T("CircleX", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const xn = T("Database", [
+const xn = D("Database", [
   ["ellipse", { cx: "12", cy: "5", rx: "9", ry: "3", key: "msslwz" }],
   ["path", { d: "M3 5V19A9 3 0 0 0 21 19V5", key: "1wlel7" }],
   ["path", { d: "M3 12A9 3 0 0 0 21 12", key: "mv7ke4" }]
@@ -68,7 +68,7 @@ const xn = T("Database", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ct = T("EllipsisVertical", [
+const Sa = D("EllipsisVertical", [
   ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
   ["circle", { cx: "12", cy: "5", r: "1", key: "gxeob9" }],
   ["circle", { cx: "12", cy: "19", r: "1", key: "lyex9k" }]
@@ -79,7 +79,7 @@ const Ct = T("EllipsisVertical", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const pn = T("Eraser", [
+const pn = D("Eraser", [
   [
     "path",
     {
@@ -96,16 +96,7 @@ const pn = T("Eraser", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const St = T("Filter", [
-  ["polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3", key: "1yg77f" }]
-]);
-/**
- * @license lucide-react v0.379.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const kt = T("GanttChart", [
+const ka = D("GanttChart", [
   ["path", { d: "M8 6h10", key: "9lnwnk" }],
   ["path", { d: "M6 12h9", key: "1g9pqf" }],
   ["path", { d: "M11 18h7", key: "c8dzvl" }]
@@ -116,7 +107,7 @@ const kt = T("GanttChart", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const fn = T("Glasses", [
+const fn = D("Glasses", [
   ["circle", { cx: "6", cy: "15", r: "4", key: "vux9w4" }],
   ["circle", { cx: "18", cy: "15", r: "4", key: "18o8ve" }],
   ["path", { d: "M14 15a2 2 0 0 0-2-2 2 2 0 0 0-2 2", key: "1ag4bs" }],
@@ -129,7 +120,7 @@ const fn = T("Glasses", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const gn = T("Hammer", [
+const gn = D("Hammer", [
   ["path", { d: "m15 12-8.373 8.373a1 1 0 1 1-3-3L12 9", key: "eefl8a" }],
   ["path", { d: "m18 15 4-4", key: "16gjal" }],
   [
@@ -146,7 +137,7 @@ const gn = T("Hammer", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const jn = T("Hash", [
+const jn = D("Hash", [
   ["line", { x1: "4", x2: "20", y1: "9", y2: "9", key: "4lhtct" }],
   ["line", { x1: "4", x2: "20", y1: "15", y2: "15", key: "vyu0kd" }],
   ["line", { x1: "10", x2: "8", y1: "3", y2: "21", key: "1ggp8o" }],
@@ -158,7 +149,7 @@ const jn = T("Hash", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const bn = T("Key", [
+const bn = D("Key", [
   ["path", { d: "m15.5 7.5 2.3 2.3a1 1 0 0 0 1.4 0l2.1-2.1a1 1 0 0 0 0-1.4L19 4", key: "g0fldk" }],
   ["path", { d: "m21 2-9.6 9.6", key: "1j0ho8" }],
   ["circle", { cx: "7.5", cy: "15.5", r: "5.5", key: "yqb3hr" }]
@@ -169,7 +160,7 @@ const bn = T("Key", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Bs = T("LineChart", [
+const Bs = D("LineChart", [
   ["path", { d: "M3 3v18h18", key: "1s2lah" }],
   ["path", { d: "m19 9-5 5-4-4-3 3", key: "2osh9i" }]
 ]);
@@ -179,7 +170,7 @@ const Bs = T("LineChart", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const yn = T("ListEnd", [
+const yn = D("ListEnd", [
   ["path", { d: "M16 12H3", key: "1a2rj7" }],
   ["path", { d: "M16 6H3", key: "1wxfjs" }],
   ["path", { d: "M10 18H3", key: "13769t" }],
@@ -192,7 +183,7 @@ const yn = T("ListEnd", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const vn = T("ListStart", [
+const vn = D("ListStart", [
   ["path", { d: "M16 12H3", key: "1a2rj7" }],
   ["path", { d: "M16 18H3", key: "12xzn7" }],
   ["path", { d: "M10 6H3", key: "lf8lx7" }],
@@ -205,7 +196,7 @@ const vn = T("ListStart", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Nn = T("ListX", [
+const Nn = D("ListX", [
   ["path", { d: "M11 12H3", key: "51ecnj" }],
   ["path", { d: "M16 6H3", key: "1wxfjs" }],
   ["path", { d: "M16 18H3", key: "12xzn7" }],
@@ -218,7 +209,7 @@ const Nn = T("ListX", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Je = T("LoaderCircle", [
+const Je = D("LoaderCircle", [
   ["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]
 ]);
 /**
@@ -227,7 +218,7 @@ const Je = T("LoaderCircle", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Cn = T("MessageSquareMore", [
+const Cn = D("MessageSquareMore", [
   ["path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z", key: "1lielz" }],
   ["path", { d: "M8 10h.01", key: "19clt8" }],
   ["path", { d: "M12 10h.01", key: "1nrarc" }],
@@ -239,7 +230,7 @@ const Cn = T("MessageSquareMore", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Sn = T("Network", [
+const Sn = D("Network", [
   ["rect", { x: "16", y: "16", width: "6", height: "6", rx: "1", key: "4q2zg0" }],
   ["rect", { x: "2", y: "16", width: "6", height: "6", rx: "1", key: "8cvhb9" }],
   ["rect", { x: "9", y: "2", width: "6", height: "6", rx: "1", key: "1egb70" }],
@@ -252,7 +243,7 @@ const Sn = T("Network", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const wt = T("Pencil", [
+const wa = D("Pencil", [
   ["path", { d: "M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z", key: "5qss01" }],
   ["path", { d: "m15 5 4 4", key: "1mk7zo" }]
 ]);
@@ -262,7 +253,7 @@ const wt = T("Pencil", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const zt = T("PieChart", [
+const za = D("PieChart", [
   ["path", { d: "M21.21 15.89A10 10 0 1 1 8 2.83", key: "k2fpak" }],
   ["path", { d: "M22 12A10 10 0 0 0 12 2v10z", key: "1rfc4y" }]
 ]);
@@ -272,7 +263,7 @@ const zt = T("PieChart", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const kn = T("Play", [
+const kn = D("Play", [
   ["polygon", { points: "6 3 20 12 6 21 6 3", key: "1oa8hb" }]
 ]);
 /**
@@ -281,7 +272,7 @@ const kn = T("Play", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const wn = T("Plug2", [
+const wn = D("Plug2", [
   ["path", { d: "M9 2v6", key: "17ngun" }],
   ["path", { d: "M15 2v6", key: "s7yy2p" }],
   ["path", { d: "M12 17v5", key: "bb1du9" }],
@@ -294,7 +285,7 @@ const wn = T("Plug2", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const zn = T("Save", [
+const zn = D("Save", [
   [
     "path",
     {
@@ -311,7 +302,7 @@ const zn = T("Save", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ft = T("ScatterChart", [
+const Fa = D("ScatterChart", [
   ["circle", { cx: "7.5", cy: "7.5", r: ".5", fill: "currentColor", key: "kqv944" }],
   ["circle", { cx: "18.5", cy: "5.5", r: ".5", fill: "currentColor", key: "lysivs" }],
   ["circle", { cx: "11.5", cy: "11.5", r: ".5", fill: "currentColor", key: "byv1b8" }],
@@ -325,7 +316,7 @@ const Ft = T("ScatterChart", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Fn = T("ShieldQuestion", [
+const Fn = D("ShieldQuestion", [
   [
     "path",
     {
@@ -342,7 +333,7 @@ const Fn = T("ShieldQuestion", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const On = T("Sigma", [
+const On = D("Sigma", [
   ["path", { d: "M18 7V4H6l6 8-6 8h12v-3", key: "zis8ev" }]
 ]);
 /**
@@ -351,7 +342,7 @@ const On = T("Sigma", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Mn = T("SwatchBook", [
+const Mn = D("SwatchBook", [
   ["path", { d: "M11 17a4 4 0 0 1-8 0V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2Z", key: "1ldrpk" }],
   ["path", { d: "M16.7 13H19a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H7", key: "11i5po" }],
   ["path", { d: "M 7 17h0.01", key: "10821z" }],
@@ -369,7 +360,7 @@ const Mn = T("SwatchBook", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Tn = T("Tag", [
+const Tn = D("Tag", [
   [
     "path",
     {
@@ -385,7 +376,7 @@ const Tn = T("Tag", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Dn = T("ToggleLeft", [
+const Dn = D("ToggleLeft", [
   ["rect", { width: "20", height: "12", x: "2", y: "6", rx: "6", ry: "6", key: "f2vt7d" }],
   ["circle", { cx: "8", cy: "12", r: "2", key: "1nvbw3" }]
 ]);
@@ -395,7 +386,7 @@ const Dn = T("ToggleLeft", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const $s = T("Type", [
+const $s = D("Type", [
   ["polyline", { points: "4 7 4 4 20 4 20 7", key: "1nosan" }],
   ["line", { x1: "9", x2: "15", y1: "20", y2: "20", key: "swin9y" }],
   ["line", { x1: "12", x2: "12", y1: "4", y2: "20", key: "1tx1rr" }]
@@ -406,14 +397,14 @@ const $s = T("Type", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const An = T("User", [
+const An = D("User", [
   ["path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2", key: "975kel" }],
   ["circle", { cx: "12", cy: "7", r: "4", key: "17ys0d" }]
 ]);
 function Ln() {
-  const [s, a] = M(""), [t, n] = M(!1), [r, m] = M(!1), i = k((d) => d.dashboard);
+  const [s, t] = M(""), [a, n] = M(!1), [r, m] = M(!1), i = k((d) => d.dashboard);
   function o() {
-    const d = it(i), p = Ae(i.id), x = JSON.parse(localStorage.getItem(p) || "[]");
+    const d = ia(i), p = Ae(i.id), x = JSON.parse(localStorage.getItem(p) || "[]");
     if (x.some(
       (g) => g.name === s
     )) {
@@ -450,15 +441,15 @@ function Ln() {
           {
             value: s,
             onChange: (d) => {
-              t && n(!1), a(d.target.value);
+              a && n(!1), t(d.target.value);
             },
             id: "name",
             className: "col-span-7 focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0"
           }
         )
       ] }) }),
-      t && /* @__PURE__ */ e.jsx("p", { className: "text-sm", children: "The bookmark name already exists. Use a differnet name." }),
-      /* @__PURE__ */ e.jsx(lt, { children: /* @__PURE__ */ e.jsx(
+      a && /* @__PURE__ */ e.jsx("p", { className: "text-sm", children: "The bookmark name already exists. Use a differnet name." }),
+      /* @__PURE__ */ e.jsx(la, { children: /* @__PURE__ */ e.jsx(
         w,
         {
           variant: "outline",
@@ -472,7 +463,7 @@ function Ln() {
   ] });
 }
 function En() {
-  const [s, a] = M(!1), [t, n] = M(""), r = k((h) => h.dashboard), m = k((h) => h.bookmarkKey), [i, o] = M([]), d = k((h) => h.actions.setDashboard), p = k(
+  const [s, t] = M(!1), [a, n] = M(""), r = k((h) => h.dashboard), m = k((h) => h.bookmarkKey), [i, o] = M([]), d = k((h) => h.actions.setDashboard), p = k(
     (h) => h.actions.setFilterValues
   ), x = k(
     (h) => h.actions.setBookmarkKey
@@ -486,7 +477,7 @@ function En() {
     j && j.name === m && n(j.name);
   }, [s, r, m]);
   function b(h) {
-    if (h === t)
+    if (h === a)
       return;
     const u = i.find((f) => f.name === h), j = u == null ? void 0 : u.template;
     j && (d(j), p(u.filterValues || []), x(h === "Original" ? "" : h)), n(h);
@@ -497,15 +488,15 @@ function En() {
     );
     localStorage.setItem(u, JSON.stringify(f)), o(f);
   }
-  return /* @__PURE__ */ e.jsxs(Qt, { open: s, onOpenChange: a, children: [
-    /* @__PURE__ */ e.jsx(Wt, { asChild: !0, children: /* @__PURE__ */ e.jsx(w, { variant: "outline", className: "h-7 p-2", children: /* @__PURE__ */ e.jsx(fn, { className: "h-4 w-4", strokeWidth: 1.5 }) }) }),
-    /* @__PURE__ */ e.jsxs(Yt, { className: "w-56", children: [
-      /* @__PURE__ */ e.jsx(Zt, { children: "Lenses" }),
-      /* @__PURE__ */ e.jsx(Xt, {}),
+  return /* @__PURE__ */ e.jsxs(Qa, { open: s, onOpenChange: t, children: [
+    /* @__PURE__ */ e.jsx(Wa, { asChild: !0, children: /* @__PURE__ */ e.jsx(w, { variant: "outline", className: "h-7 p-2", children: /* @__PURE__ */ e.jsx(fn, { className: "h-4 w-4", strokeWidth: 1.5 }) }) }),
+    /* @__PURE__ */ e.jsxs(Ya, { className: "w-56", children: [
+      /* @__PURE__ */ e.jsx(Za, { children: "Lenses" }),
+      /* @__PURE__ */ e.jsx(Xa, {}),
       /* @__PURE__ */ e.jsxs(
-        ea,
+        et,
         {
-          value: t,
+          value: a,
           onValueChange: b,
           children: [
             /* @__PURE__ */ e.jsx(Js, { value: "Original", children: "Original" }),
@@ -538,23 +529,23 @@ function En() {
   ] });
 }
 function In() {
-  const [s, a] = M(!1), t = k((m) => m.dashboard), n = k((m) => m.bookmarkKey);
+  const [s, t] = M(!1), a = k((m) => m.dashboard), n = k((m) => m.bookmarkKey);
   U(() => {
     if (!n) {
-      a(!1);
+      t(!1);
       return;
     }
-    const m = Ae(t.id), o = JSON.parse(
+    const m = Ae(a.id), o = JSON.parse(
       localStorage.getItem(m) || "[]"
     ).find(
       (d) => d.name === n
     );
-    a(o ? o.default : !1);
-  }, [n, t.id]);
+    t(o ? o.default : !1);
+  }, [n, a.id]);
   function r(m) {
-    if (a(m), !n)
+    if (t(m), !n)
       return;
-    const i = Ae(t.id), d = JSON.parse(
+    const i = Ae(a.id), d = JSON.parse(
       localStorage.getItem(i) || "[]"
     ).map((p) => (p.name === n ? p.default = m : p.default = !1, p));
     console.log(d), localStorage.setItem(i, JSON.stringify(d));
@@ -579,9 +570,9 @@ function In() {
   ] });
 }
 function Vn() {
-  const s = k((v) => v.bookmarkKey), a = k((v) => v.dashboard);
+  const s = k((v) => v.bookmarkKey), t = k((v) => v.dashboard);
   k((v) => v.selectedSheetId);
-  const t = k(
+  const a = k(
     (v) => v.isDashboardEditing
   ), n = k((v) => v.filterValues), r = k((v) => v.isVisualEditing), m = k((v) => v.showFilters);
   k(
@@ -592,7 +583,7 @@ function Vn() {
   ), { addFrame: d, setSelectedFrameId: p } = k(
     (v) => v.actions
   ), { getSelectedSheet: x, setIsDashboardEditing: b, setShowDashboardJSON: g } = k((v) => v.actions), h = x(), u = () => {
-    if (!t || !h)
+    if (!a || !h)
       return;
     const v = {
       id: rs(),
@@ -621,7 +612,7 @@ function Vn() {
   function f() {
     if (!s || s === "")
       return;
-    const v = it(a), O = Ae(a.id), y = JSON.parse(localStorage.getItem(O) || "[]"), L = y.findIndex(
+    const v = ia(t), O = Ae(t.id), y = JSON.parse(localStorage.getItem(O) || "[]"), L = y.findIndex(
       (E) => E.name === s
     );
     L !== -1 ? y[L] = {
@@ -649,15 +640,15 @@ function Vn() {
           ] })
         ] }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
-          t && !r && /* @__PURE__ */ e.jsx(Ln, {}),
+          a && !r && /* @__PURE__ */ e.jsx(Ln, {}),
           !r && /* @__PURE__ */ e.jsx(En, {}),
-          t && !r && /* @__PURE__ */ e.jsxs(
+          a && !r && /* @__PURE__ */ e.jsxs(
             w,
             {
               variant: "outline",
               className: "h-7 p-2",
               size: "sm",
-              disabled: !t,
+              disabled: !a,
               onClick: u,
               children: [
                 /* @__PURE__ */ e.jsx(ws, { className: "mr-2 h-4 w-4", strokeWidth: 1.5 }),
@@ -665,17 +656,17 @@ function Vn() {
               ]
             }
           ),
-          !t && /* @__PURE__ */ e.jsx(
+          !a && /* @__PURE__ */ e.jsx(
             w,
             {
               variant: "outline",
               className: "h-7 p-2",
               onClick: j,
               size: "sm",
-              children: /* @__PURE__ */ e.jsx(wt, { className: "h-4 w-4", strokeWidth: 1.5 })
+              children: /* @__PURE__ */ e.jsx(wa, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          t && !r && /* @__PURE__ */ e.jsx(
+          a && !r && /* @__PURE__ */ e.jsx(
             w,
             {
               variant: "outline",
@@ -688,7 +679,7 @@ function Vn() {
               children: /* @__PURE__ */ e.jsx($e, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          t && !r && /* @__PURE__ */ e.jsx(
+          a && !r && /* @__PURE__ */ e.jsx(
             w,
             {
               className: "h-7 p-2",
@@ -698,17 +689,17 @@ function Vn() {
               children: /* @__PURE__ */ e.jsx(zn, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          !m && !r && t && /* @__PURE__ */ e.jsx(
+          !m && !r && a && /* @__PURE__ */ e.jsx(
             w,
             {
               className: "h-7 p-2",
               variant: "outline",
               onClick: () => o(!0),
               size: "sm",
-              children: /* @__PURE__ */ e.jsx(St, { className: "h-4 w-4", strokeWidth: 1.5 })
+              children: /* @__PURE__ */ e.jsx(oa, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          !r && t && !1,
+          !r && a && !1,
           !r && !1
         ] })
       ]
@@ -717,8 +708,8 @@ function Vn() {
 }
 function He({
   title: s,
-  items: a,
-  value: t,
+  items: t,
+  value: a,
   isLoading: n,
   isError: r,
   connectionTooltip: m,
@@ -728,7 +719,7 @@ function He({
   showIcon: p = !0,
   disabled: x = !1
 }) {
-  const b = n ? "Loading..." : r ? "Error" : t;
+  const b = n ? "Loading..." : r ? "Error" : a;
   function g() {
     if (s === "Connection")
       return /* @__PURE__ */ e.jsx(wn, { className: "size-4 rotate-90" });
@@ -743,7 +734,7 @@ function He({
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
     p && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: m ? /* @__PURE__ */ e.jsxs(Ts, { children: [
-      /* @__PURE__ */ e.jsx(ot, { children: g() }),
+      /* @__PURE__ */ e.jsx(ca, { children: g() }),
       /* @__PURE__ */ e.jsx(Ds, { className: "text-xs", align: "start", children: m })
     ] }) : g() }),
     /* @__PURE__ */ e.jsxs(Oe, { disabled: x, value: b, onValueChange: i, children: [
@@ -766,7 +757,7 @@ function He({
         n ? /* @__PURE__ */ e.jsx(Le, { children: "Loading..." }) : /* @__PURE__ */ e.jsx(Le, { children: s }),
         /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
           o && /* @__PURE__ */ e.jsx(ee, { value: "none", children: "None" }, "none"),
-          a && a.map((h, u) => /* @__PURE__ */ e.jsx(ee, { value: h.id, children: h.name }, u))
+          t && t.map((h, u) => /* @__PURE__ */ e.jsx(ee, { value: h.id, children: h.name }, u))
         ] }),
         (n || r) && /* @__PURE__ */ e.jsx(ee, { value: b, children: b })
       ] }) })
@@ -774,24 +765,24 @@ function He({
   ] });
 }
 function qn({ column: s }) {
-  const [a, t] = M(!1), n = c((h) => h.selectedTableName), r = c(
+  const [t, a] = M(!1), n = c((h) => h.selectedTableName), r = c(
     (h) => h.selectedSchemaName
   ), m = c(
     (h) => h.selectedDatamodelId
   ), i = c((h) => h.sqlGen), { modelItems: o } = Ie(), d = c((h) => h.actions.setSqlGen), p = c((h) => h.actions.setCardSql), x = c((h) => h.actions.setRunSql);
   function b(h, u) {
     var O;
-    const j = ct(h, i, u), f = (O = o == null ? void 0 : o.find(
+    const j = da(h, i, u), f = (O = o == null ? void 0 : o.find(
       (y) => y.id === m
     )) == null ? void 0 : O.name;
     d(j);
-    const v = dt(
+    const v = ha(
       j,
       ue(r || ""),
       ue(n),
       f
     );
-    v && (p(v), x(!0)), t(!1);
+    v && (p(v), x(!0)), a(!1);
   }
   function g() {
     return /* @__PURE__ */ e.jsxs("ul", { className: "text-xs", children: [
@@ -837,8 +828,8 @@ function qn({ column: s }) {
       )
     ] });
   }
-  return /* @__PURE__ */ e.jsxs(Ls, { openDelay: 0, open: a, onOpenChange: t, children: [
-    /* @__PURE__ */ e.jsx(Es, { asChild: !0, children: /* @__PURE__ */ e.jsx(Ct, { className: "invisible size-3.5 cursor-pointer text-foreground/40 group-hover:visible" }) }),
+  return /* @__PURE__ */ e.jsxs(Ls, { openDelay: 0, open: t, onOpenChange: a, children: [
+    /* @__PURE__ */ e.jsx(Es, { asChild: !0, children: /* @__PURE__ */ e.jsx(Sa, { className: "invisible size-3.5 cursor-pointer text-foreground/40 group-hover:visible" }) }),
     /* @__PURE__ */ e.jsx(
       Is,
       {
@@ -849,22 +840,22 @@ function qn({ column: s }) {
     )
   ] });
 }
-function Ot({ column: s }) {
+function Oa({ column: s }) {
   return /* @__PURE__ */ e.jsxs(Ts, { children: [
-    /* @__PURE__ */ e.jsx(sa, { asChild: !0, children: ta.includes(s.data_type.toLowerCase()) ? (
+    /* @__PURE__ */ e.jsx(st, { asChild: !0, children: at.includes(s.data_type.toLowerCase()) ? (
       // <span className=" font-thin">T</span>
       /* @__PURE__ */ e.jsx($s, { className: "size-3" })
-    ) : ht.includes(s.data_type.toLowerCase()) ? (
+    ) : ma.includes(s.data_type.toLowerCase()) ? (
       //
       /* @__PURE__ */ e.jsx(jn, { className: "size-3" })
-    ) : aa.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(na, { className: "size-3" }) : ra.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(Dn, { className: "size-3" }) : /* @__PURE__ */ e.jsx(Fn, { className: "size-3" }) }),
+    ) : tt.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(nt, { className: "size-3" }) : rt.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(Dn, { className: "size-3" }) : /* @__PURE__ */ e.jsx(Fn, { className: "size-3" }) }),
     /* @__PURE__ */ e.jsx(Ds, { children: /* @__PURE__ */ e.jsx("p", { className: "font-mono text-xs", children: s.data_type }) })
   ] });
 }
 function Rn({
   schemaName: s,
-  tableName: a,
-  columns: t,
+  tableName: t,
+  columns: a,
   status: n
 }) {
   const r = c((C) => C.sqlGen), m = c(
@@ -882,11 +873,11 @@ function Rn({
   ), j = c((C) => C.actions.setCardSql), { connectionType: f, modelItems: v } = Ie();
   function O(C) {
     var A;
-    const z = ct(C, r);
+    const z = da(C, r);
     h(z);
     const q = (A = v == null ? void 0 : v.find(
       (R) => R.id === p
-    )) == null ? void 0 : A.name, K = dt(z, ue(s), ue(a), q);
+    )) == null ? void 0 : A.name, K = ha(z, ue(s), ue(t), q);
     K && (j(K), g(!0));
   }
   function y() {
@@ -925,13 +916,13 @@ function Rn({
   }
   function E() {
     var A;
-    let C = ut(s, a);
+    let C = xa(s, t);
     const z = (A = v == null ? void 0 : v.find(
       (R) => R.id === p
     )) == null ? void 0 : A.name;
     console.log("modelName", z), p && p !== "none" && (C = `${ys}.${z}`);
     let q = C;
-    return ((R) => /[A-Z]/.test(R))(a) && (q = q.split(".").map((W) => `"${W}"`).join(".")), q;
+    return ((R) => /[A-Z]/.test(R))(t) && (q = q.split(".").map((W) => `"${W}"`).join(".")), q;
   }
   function V() {
     const C = E();
@@ -939,14 +930,14 @@ function Rn({
     const z = f === "MSSQL" ? `SELECT top 10 * FROM ${C}` : `SELECT * FROM ${C} LIMIT 10`;
     j(z), g(!0);
   }
-  function D() {
+  function T() {
     const C = E();
     u(!1), j(`SELECT COUNT(*) as count FROM ${C}`), g(!0);
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "flex grow flex-col space-y-4 px-4", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-center gap-1", children: [
       /* @__PURE__ */ e.jsx(
-        mt,
+        ua,
         {
           title: `${y() ? "Remove from" : "Add to"} AI Scope`,
           pressed: y(),
@@ -954,7 +945,7 @@ function Rn({
           variant: "outline",
           className: "h-9 px-2",
           children: /* @__PURE__ */ e.jsx(
-            la,
+            lt,
             {
               className: Y("size-4", {
                 "text-primary": y(),
@@ -982,7 +973,7 @@ function Rn({
         w,
         {
           disabled: n !== "Success",
-          onClick: D,
+          onClick: T,
           size: "sm",
           variant: "secondary",
           className: "flex",
@@ -998,19 +989,19 @@ function Rn({
       {
         className: "flex-1 basis-0 overflow-y-auto border-b border-t border-muted py-3",
         children: [
-          t == null ? void 0 : t.map((C) => /* @__PURE__ */ e.jsxs(
+          a == null ? void 0 : a.map((C) => /* @__PURE__ */ e.jsxs(
             "div",
             {
               onClick: () => O(C),
               className: Y(
                 "group mx-3 flex cursor-pointer items-center justify-between rounded px-2 py-[6px] text-sm transition-colors hover:bg-muted/50",
                 {
-                  "bg-muted": ia(C, r)
+                  "bg-muted": it(C, r)
                 }
               ),
               children: [
                 /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-                  /* @__PURE__ */ e.jsx(Ot, { column: C }),
+                  /* @__PURE__ */ e.jsx(Oa, { column: C }),
                   /* @__PURE__ */ e.jsx("span", { children: C.column_name })
                 ] }),
                 /* @__PURE__ */ e.jsx(
@@ -1018,7 +1009,7 @@ function Rn({
                   {
                     onClick: (z) => z.stopPropagation(),
                     className: "flex items-center justify-end",
-                    children: ht.includes(C.data_type) && /* @__PURE__ */ e.jsx(qn, { column: C })
+                    children: ma.includes(C.data_type) && /* @__PURE__ */ e.jsx(qn, { column: C })
                   }
                 )
               ]
@@ -1032,9 +1023,9 @@ function Rn({
     )
   ] });
 }
-function Ie(s, a) {
+function Ie(s, t) {
   var Ye, Ze, Re, Xe, es;
-  let t = dn(() => [], []);
+  let a = dn(() => [], []);
   const n = Qe().authToken || s, r = c(
     (l) => l.selectedConnectionId
   ), m = c(
@@ -1079,7 +1070,7 @@ function Ie(s, a) {
     // Only fetch if authToken is present
   }), {
     data: V,
-    isLoading: D,
+    isLoading: T,
     isError: C
   } = me({
     queryKey: ["models", r],
@@ -1099,7 +1090,7 @@ function Ie(s, a) {
     isLoading: R,
     isFetching: W,
     isError: J,
-    refetch: ae
+    refetch: te
   } = me({
     queryKey: ["databases", r],
     queryFn: () => be(
@@ -1132,7 +1123,7 @@ function Ie(s, a) {
   }), {
     data: H,
     isLoading: fe,
-    isFetching: te,
+    isFetching: ae,
     isError: I,
     refetch: Z
   } = me({
@@ -1188,8 +1179,8 @@ function Ie(s, a) {
     // && currentConnection?.type !== 'API', // Only fetch if connectionId, database, and table is present
   });
   U(() => {
-    p(t);
-  }, [se, p, t]), U(() => {
+    p(a);
+  }, [se, p, a]), U(() => {
   }, [
     K,
     j,
@@ -1211,10 +1202,10 @@ function Ie(s, a) {
   function Ks(l) {
     b(l === "none" ? "" : l), l !== "none" && l !== "" && g("");
   }
-  A && ((Ze = A == null ? void 0 : A.databases) == null ? void 0 : Ze.length) > 0, G && ((Re = G == null ? void 0 : G.schemas) == null ? void 0 : Re.length) > 0, se && ((Xe = se == null ? void 0 : se.columns) == null ? void 0 : Xe.length) > 0 && (t = se.columns.map((l) => ({
+  A && ((Ze = A == null ? void 0 : A.databases) == null ? void 0 : Ze.length) > 0, G && ((Re = G == null ? void 0 : G.schemas) == null ? void 0 : Re.length) > 0, se && ((Xe = se == null ? void 0 : se.columns) == null ? void 0 : Xe.length) > 0 && (a = se.columns.map((l) => ({
     ...l,
     data_type: l.data_type.toLowerCase()
-  }))), J && (t = []), (Q || E) && (t = []);
+  }))), J && (a = []), (Q || E) && (a = []);
   const ke = y == null ? void 0 : y.connections.map(
     (l) => ({
       id: l.id,
@@ -1239,7 +1230,7 @@ function Ie(s, a) {
     isConnectionsLoading: L,
     isConnectionsError: E,
     modelItems: ms,
-    isModelsLoading: D,
+    isModelsLoading: T,
     isModelsError: C,
     databaseItems: We,
     isDatabasesLoadingOrFetching: R || W,
@@ -1248,9 +1239,9 @@ function Ie(s, a) {
     isSchemaLoadingOrFetching: ne || S,
     isSchemaError: N,
     tableItems: xs,
-    isTableLoadingOrFetching: fe || te,
+    isTableLoadingOrFetching: fe || ae,
     isTableError: I,
-    columns: t,
+    columns: a,
     isColumnsLoadingOrFetching: ye || ge,
     isColumnsError: Q,
     isNonDbConnection: K,
@@ -1263,13 +1254,13 @@ function Ie(s, a) {
     handleSchemaChange: ve
   };
 }
-function Mt({
+function Ma({
   ColumnsComponent: s
 }) {
-  var te;
-  const a = c(
+  var ae;
+  const t = c(
     (I) => I.selectedConnectionId
-  ), t = c(
+  ), a = c(
     (I) => I.selectedDatamodelId
   ), n = c(
     (I) => I.selectedDatabaseName
@@ -1294,7 +1285,7 @@ function Mt({
     isSchemaError: L,
     isColumnsError: E,
     isColumnsLoadingOrFetching: V,
-    isTableLoadingOrFetching: D,
+    isTableLoadingOrFetching: T,
     isTableError: C,
     connectionType: z,
     isNonDbConnection: q,
@@ -1303,13 +1294,13 @@ function Mt({
     handleSchemaChange: R,
     handleDatamodelChange: W,
     tableName: J,
-    schemaName: ae
+    schemaName: te
   } = Ie();
   function G() {
-    return s ? s(ae, J, g) : /* @__PURE__ */ e.jsx(
+    return s ? s(te, J, g) : /* @__PURE__ */ e.jsx(
       Rn,
       {
-        schemaName: ae,
+        schemaName: te,
         tableName: J,
         columns: g,
         status: V ? "Loading..." : E ? "Error" : "Success"
@@ -1320,9 +1311,9 @@ function Mt({
     window.location.href = "mailto:support@semaphor.cloud?subject=Help&body=I need help with...";
   }
   function S() {
-    if (!a || z === "S3" || z === "API")
+    if (!t || z === "S3" || z === "API")
       return null;
-    if (!t || t === "none")
+    if (!a || a === "none")
       return /* @__PURE__ */ e.jsx(
         He,
         {
@@ -1337,7 +1328,7 @@ function Mt({
       );
   }
   function N() {
-    if (a && !q && (!n || n === "none") && (!t || t === "none"))
+    if (t && !q && (!n || n === "none") && (!a || a === "none"))
       return /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3", children: [
         /* @__PURE__ */ e.jsx("div", { className: "col-span-1 grid place-items-center", children: /* @__PURE__ */ e.jsx(Ke, {}) }),
         /* @__PURE__ */ e.jsx("div", { className: "col-span-1 grid place-items-center", children: /* @__PURE__ */ e.jsx(_, { children: "OR" }) }),
@@ -1345,7 +1336,7 @@ function Mt({
       ] });
   }
   function F() {
-    if (!a || z === "S3" || z === "API")
+    if (!t || z === "S3" || z === "API")
       return null;
     if (!n || n === "none")
       return /* @__PURE__ */ e.jsx(
@@ -1356,13 +1347,13 @@ function Mt({
           isError: f,
           isLoading: u,
           items: d,
-          value: t || "",
+          value: a || "",
           title: "Model"
         }
       );
   }
   function H() {
-    return !a || z === "S3" || z === "API" || !n || n === "none" ? null : /* @__PURE__ */ e.jsx(
+    return !t || z === "S3" || z === "API" || !n || n === "none" ? null : /* @__PURE__ */ e.jsx(
       He,
       {
         onChange: R,
@@ -1377,7 +1368,7 @@ function Mt({
   function fe() {
     function I() {
       let Z = !1;
-      return z === "API" ? (Z = !1, Z) : ((z === "S3" || a && n && n !== "none" && r) && (Z = !0), Z);
+      return z === "API" ? (Z = !1, Z) : ((z === "S3" || t && n && n !== "none" && r) && (Z = !0), Z);
     }
     return I() ? /* @__PURE__ */ e.jsx(
       He,
@@ -1385,7 +1376,7 @@ function Mt({
         onChange: i,
         isError: C,
         items: b,
-        isLoading: D,
+        isLoading: T,
         value: m || "",
         title: "Table"
       }
@@ -1398,13 +1389,13 @@ function Mt({
         {
           items: o,
           title: "Connection",
-          value: a || "",
+          value: t || "",
           onChange: K,
           isLoading: h,
           isError: j,
-          connectionTooltip: ((te = o == null ? void 0 : o.find(
-            (I) => I.id === a
-          )) == null ? void 0 : te.type) || ""
+          connectionTooltip: ((ae = o == null ? void 0 : o.find(
+            (I) => I.id === t
+          )) == null ? void 0 : ae.type) || ""
         }
       ),
       F(),
@@ -1430,15 +1421,15 @@ function Mt({
   ] });
 }
 function _n(s) {
-  const a = s.toUpperCase().indexOf("WHERE"), t = s.toUpperCase().indexOf("GROUP BY"), n = s.toUpperCase().indexOf("LIMIT"), r = s.toUpperCase().indexOf("ORDER BY");
+  const t = s.toUpperCase().indexOf("WHERE"), a = s.toUpperCase().indexOf("GROUP BY"), n = s.toUpperCase().indexOf("LIMIT"), r = s.toUpperCase().indexOf("ORDER BY");
   let m = s.length;
-  if (r !== -1 && (m = r), n !== -1 && n < m && (m = n), a !== -1) {
-    const i = s.substring(0, a), o = s.substring(a);
+  if (r !== -1 && (m = r), n !== -1 && n < m && (m = n), t !== -1) {
+    const i = s.substring(0, t), o = s.substring(t);
     return `${i} {{ filters | where }} AND ${o.substring(
       6
     )}`;
-  } else if (t !== -1) {
-    const i = s.substring(0, t), o = s.substring(t);
+  } else if (a !== -1) {
+    const i = s.substring(0, a), o = s.substring(a);
     return `${i} {{ filters | where }} ${o}`;
   } else {
     const i = s.substring(0, m), o = s.substring(m);
@@ -1447,8 +1438,8 @@ function _n(s) {
 }
 function Hn({
   error: s,
-  setShowAIDialog: a,
-  setUserInputforAI: t,
+  setShowAIDialog: t,
+  setUserInputforAI: a,
   setTriggerAIRun: n
 }) {
   return /* @__PURE__ */ e.jsxs(Ls, { openDelay: 0, children: [
@@ -1459,7 +1450,7 @@ function Hn({
         w,
         {
           onClick: () => {
-            a(!0), t(s), n(!0);
+            t(!0), a(s), n(!0);
           },
           size: "sm",
           variant: "outline",
@@ -1474,18 +1465,18 @@ function Hn({
 }
 function Bn({
   text: s,
-  onCheckedChange: a,
-  checked: t
+  onCheckedChange: t,
+  checked: a
 }) {
   return /* @__PURE__ */ e.jsxs("div", { className: "xbg-red-100 ml-6 flex items-center gap-2", children: [
-    /* @__PURE__ */ e.jsx(Ue, { checked: t, onCheckedChange: a }),
+    /* @__PURE__ */ e.jsx(Ue, { checked: a, onCheckedChange: t }),
     /* @__PURE__ */ e.jsx("label", { className: "text-xs leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", children: s })
   ] });
 }
 function $n() {
-  const { authToken: s } = Qe(), a = c(
+  const { authToken: s } = Qe(), t = c(
     (m) => m.selectedConnectionId
-  ), { data: t } = me({
+  ), { data: a } = me({
     queryKey: ["connections"],
     queryFn: () => be(
       "https://semaphor.cloud/api/v1/connections",
@@ -1493,13 +1484,13 @@ function $n() {
     ),
     enabled: !!(s != null && s.accessToken)
     // Only fetch if authToken is present
-  }), n = t == null ? void 0 : t.connections.find(
-    (m) => m.id === a
+  }), n = a == null ? void 0 : a.connections.find(
+    (m) => m.id === t
   );
   return n == null ? void 0 : n.type;
 }
 function Pn() {
-  const { authToken: s } = Qe(), a = Ge(null), t = c((d) => d.applyFilters), [n, r] = M(""), m = c((d) => d.filterValues), i = c((d) => d.card.sql), o = $n();
+  const { authToken: s } = Qe(), t = Ge(null), a = c((d) => d.applyFilters), [n, r] = M(""), m = c((d) => d.filterValues), i = c((d) => d.card.sql), o = $n();
   return /* @__PURE__ */ e.jsxs(
     Ls,
     {
@@ -1508,7 +1499,7 @@ function Pn() {
         if (!d)
           return;
         console.log("onOpenChange");
-        const p = await xt(
+        const p = await pa(
           "https://semaphor.cloud/api/v1/filter-sql",
           (s == null ? void 0 : s.accessToken) || "",
           {
@@ -1520,20 +1511,20 @@ function Pn() {
         console.log(p), p.sql ? (console.log(p.records), r(p.sql)) : r("Error");
       },
       children: [
-        /* @__PURE__ */ e.jsx(Es, { asChild: !0, children: t && /* @__PURE__ */ e.jsx("p", { className: "p-0 text-xs hover:cursor-pointer", children: "|  Filter Query" }) }),
+        /* @__PURE__ */ e.jsx(Es, { asChild: !0, children: a && /* @__PURE__ */ e.jsx("p", { className: "p-0 text-xs hover:cursor-pointer", children: "|  Filter Query" }) }),
         /* @__PURE__ */ e.jsxs(Is, { align: "end", className: "w-[600px]", children: [
-          /* @__PURE__ */ e.jsx("div", { className: "flex justify-between space-x-4", children: /* @__PURE__ */ e.jsx("div", { className: "rounded-sm bg-muted p-2", children: /* @__PURE__ */ e.jsxs("code", { ref: a, className: "font-mono text-sm", children: [
+          /* @__PURE__ */ e.jsx("div", { className: "flex justify-between space-x-4", children: /* @__PURE__ */ e.jsx("div", { className: "rounded-sm bg-muted p-2", children: /* @__PURE__ */ e.jsxs("code", { ref: t, className: "font-mono text-sm", children: [
             n,
             /* @__PURE__ */ e.jsx(
-              pt,
+              fa,
               {
-                onClick: () => oa(a),
+                onClick: () => ot(t),
                 className: "ml-3 inline-block h-4 w-4 opacity-70 hover:cursor-pointer hover:opacity-100"
               }
             )
           ] }) }) }),
           /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 pt-2", children: [
-            /* @__PURE__ */ e.jsx(ca, { className: "h-4 w-4 opacity-70" }),
+            /* @__PURE__ */ e.jsx(ct, { className: "h-4 w-4 opacity-70" }),
             /* @__PURE__ */ e.jsx("span", { className: "text-xs text-muted-foreground", children: "A preview of the query with filters applied." })
           ] })
         ] })
@@ -1590,21 +1581,21 @@ SELECT label, measure FROM table
 `;
 function Gn({
   open: s,
-  setOpen: a,
-  userInput: t,
+  setOpen: t,
+  userInput: a,
   setUserInput: n,
   triggerAIRun: r,
   setTriggerAIRun: m
 }) {
   const i = Ge(null), o = Ge(null), { authToken: d } = Qe(), [p, x] = M(!1), b = c((S) => S.actions.setCardSql), g = k((S) => S.dashboard.baseQueries), h = c((S) => S.actions.setRunSql), u = c((S) => S.actions.setCardType), [j, f] = M([]), v = c((S) => S.currentColumns), O = c((S) => S.card.sql), y = c((S) => S.selectedTableName), L = `
-  ${t}
+  ${a}
 
   Database Query Dialect: ${y === "api" || y === "s3" ? "DuckDb" : ""}
   Table Name: ${y}   
   Table Columns: ${v == null ? void 0 : v.map((S) => `${S.column_name} | ${S.data_type}`).join(", ")}
   User SQL: ${O}  
   ${g && `Base Queries: ${JSON.stringify(g)} `}`, E = ` When the user asks for a specific chart please use the following query structure to generate the chart query. Do not make up the column names. Use only the table columns provided above for the query. Replace x-axis, y-axis, and lables with the appropriate column names.
-  Visual Query Syntax: ${Kn}`, { data: V, isLoading: D, isFetching: C, isError: z, refetch: q } = me({
+  Visual Query Syntax: ${Kn}`, { data: V, isLoading: T, isFetching: C, isError: z, refetch: q } = me({
     queryKey: ["ai-query"],
     queryFn: () => be(
       "https://semaphor.cloud/api/v1/ai",
@@ -1650,7 +1641,7 @@ function Gn({
     return () => clearTimeout(S);
   }, [j]);
   function A() {
-    t && (f((S) => [...S, { role: "user", content: t }]), K(t) && x(!0), n(""), q());
+    a && (f((S) => [...S, { role: "user", content: a }]), K(a) && x(!0), n(""), q());
   }
   U(() => {
     r && (A(), m(!1));
@@ -1680,24 +1671,24 @@ function Gn({
     marginLeft: 20,
     // add bullet points for unordered lists
     listStyleType: "disc"
-  }, ae = {
+  }, te = {
     // Override how paragraphs are rendered
     p: ({ node: S, ...N }) => /* @__PURE__ */ e.jsx("p", { style: R, ...N }),
     code: ({ node: S, ...N }) => /* @__PURE__ */ e.jsx("code", { className: "rounded-sm bg-muted px-2 py-1 text-sm", ...N }),
     pre: ({ node: S, ...N }) => /* @__PURE__ */ e.jsxs("pre", { className: "space-y-2 rounded-sm bg-muted/50 p-3", style: W, children: [
       /* @__PURE__ */ e.jsx("code", { className: "whitespace-normal text-sm", children: N.children }),
       /* @__PURE__ */ e.jsxs("div", { className: "flex justify-start gap-2", children: [
-        /* @__PURE__ */ e.jsx(w, { onClick: G, size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(pt, {}) }),
+        /* @__PURE__ */ e.jsx(w, { onClick: G, size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(fa, {}) }),
         /* @__PURE__ */ e.jsx(
           w,
           {
             onClick: (F) => {
               const H = G(F);
-              H && (a(!1), b(H), h(!0));
+              H && (t(!1), b(H), h(!0));
             },
             size: "sm",
             variant: "outline",
-            children: /* @__PURE__ */ e.jsx(ma, {})
+            children: /* @__PURE__ */ e.jsx(mt, {})
           }
         )
       ] })
@@ -1724,16 +1715,16 @@ function Gn({
       },
       N
     ) : S.role === "ai" ? /* @__PURE__ */ e.jsx(
-      ha,
+      ht,
       {
         className: "w-full overflow-auto py-1",
-        components: ae,
+        components: te,
         children: V == null ? void 0 : V.response.replace(/DuckDB/gi, "Semaphor")
       },
       N
     ) : /* @__PURE__ */ e.jsx("div", {}, N));
   }
-  return /* @__PURE__ */ e.jsxs(Ss, { open: s, onOpenChange: a, children: [
+  return /* @__PURE__ */ e.jsxs(Ss, { open: s, onOpenChange: t, children: [
     /* @__PURE__ */ e.jsx(ks, { asChild: !0, children: /* @__PURE__ */ e.jsx(
       w,
       {
@@ -1765,7 +1756,7 @@ function Gn({
             {
               children: /* @__PURE__ */ e.jsxs("div", { className: "flex w-full items-center rounded-md border", children: [
                 /* @__PURE__ */ e.jsx(
-                  ft,
+                  ga,
                   {
                     autoFocus: !0,
                     ref: i,
@@ -1780,8 +1771,8 @@ function Gn({
                     className: Y(
                       "max-h-10 min-h-7 resize-none border-none focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0"
                     ),
-                    disabled: D || C,
-                    value: t,
+                    disabled: T || C,
+                    value: a,
                     onChange: (S) => n(S.target.value)
                   }
                 ),
@@ -1793,7 +1784,7 @@ function Gn({
                     size: "sm",
                     variant: "ghost",
                     onClick: A,
-                    children: !D && !C ? /* @__PURE__ */ e.jsx(da, {}) : /* @__PURE__ */ e.jsx(Je, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" })
+                    children: !T && !C ? /* @__PURE__ */ e.jsx(dt, {}) : /* @__PURE__ */ e.jsx(Je, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" })
                   }
                 )
               ] })
@@ -1804,120 +1795,120 @@ function Gn({
     )
   ] });
 }
-var Tt = {
+var Ta = {
   color: void 0,
   size: void 0,
   className: void 0,
   style: void 0,
   attr: void 0
-}, tt = xe.createContext && /* @__PURE__ */ xe.createContext(Tt), Jn = ["attr", "size", "title"];
-function Un(s, a) {
+}, aa = xe.createContext && /* @__PURE__ */ xe.createContext(Ta), Jn = ["attr", "size", "title"];
+function Un(s, t) {
   if (s == null)
     return {};
-  var t = Qn(s, a), n, r;
+  var a = Qn(s, t), n, r;
   if (Object.getOwnPropertySymbols) {
     var m = Object.getOwnPropertySymbols(s);
     for (r = 0; r < m.length; r++)
-      n = m[r], !(a.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(s, n) && (t[n] = s[n]);
+      n = m[r], !(t.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(s, n) && (a[n] = s[n]);
   }
-  return t;
+  return a;
 }
-function Qn(s, a) {
+function Qn(s, t) {
   if (s == null)
     return {};
-  var t = {}, n = Object.keys(s), r, m;
+  var a = {}, n = Object.keys(s), r, m;
   for (m = 0; m < n.length; m++)
-    r = n[m], !(a.indexOf(r) >= 0) && (t[r] = s[r]);
-  return t;
+    r = n[m], !(t.indexOf(r) >= 0) && (a[r] = s[r]);
+  return a;
 }
 function ls() {
   return ls = Object.assign ? Object.assign.bind() : function(s) {
-    for (var a = 1; a < arguments.length; a++) {
-      var t = arguments[a];
-      for (var n in t)
-        Object.prototype.hasOwnProperty.call(t, n) && (s[n] = t[n]);
+    for (var t = 1; t < arguments.length; t++) {
+      var a = arguments[t];
+      for (var n in a)
+        Object.prototype.hasOwnProperty.call(a, n) && (s[n] = a[n]);
     }
     return s;
   }, ls.apply(this, arguments);
 }
-function at(s, a) {
-  var t = Object.keys(s);
+function ta(s, t) {
+  var a = Object.keys(s);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(s);
-    a && (n = n.filter(function(r) {
+    t && (n = n.filter(function(r) {
       return Object.getOwnPropertyDescriptor(s, r).enumerable;
-    })), t.push.apply(t, n);
+    })), a.push.apply(a, n);
   }
-  return t;
+  return a;
 }
 function is(s) {
-  for (var a = 1; a < arguments.length; a++) {
-    var t = arguments[a] != null ? arguments[a] : {};
-    a % 2 ? at(Object(t), !0).forEach(function(n) {
-      Wn(s, n, t[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(s, Object.getOwnPropertyDescriptors(t)) : at(Object(t)).forEach(function(n) {
-      Object.defineProperty(s, n, Object.getOwnPropertyDescriptor(t, n));
+  for (var t = 1; t < arguments.length; t++) {
+    var a = arguments[t] != null ? arguments[t] : {};
+    t % 2 ? ta(Object(a), !0).forEach(function(n) {
+      Wn(s, n, a[n]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(s, Object.getOwnPropertyDescriptors(a)) : ta(Object(a)).forEach(function(n) {
+      Object.defineProperty(s, n, Object.getOwnPropertyDescriptor(a, n));
     });
   }
   return s;
 }
-function Wn(s, a, t) {
-  return a = Yn(a), a in s ? Object.defineProperty(s, a, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : s[a] = t, s;
+function Wn(s, t, a) {
+  return t = Yn(t), t in s ? Object.defineProperty(s, t, { value: a, enumerable: !0, configurable: !0, writable: !0 }) : s[t] = a, s;
 }
 function Yn(s) {
-  var a = Zn(s, "string");
-  return typeof a == "symbol" ? a : String(a);
+  var t = Zn(s, "string");
+  return typeof t == "symbol" ? t : String(t);
 }
-function Zn(s, a) {
+function Zn(s, t) {
   if (typeof s != "object" || s === null)
     return s;
-  var t = s[Symbol.toPrimitive];
-  if (t !== void 0) {
-    var n = t.call(s, a || "default");
+  var a = s[Symbol.toPrimitive];
+  if (a !== void 0) {
+    var n = a.call(s, t || "default");
     if (typeof n != "object")
       return n;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (a === "string" ? String : Number)(s);
+  return (t === "string" ? String : Number)(s);
 }
-function Dt(s) {
-  return s && s.map((a, t) => /* @__PURE__ */ xe.createElement(a.tag, is({
-    key: t
-  }, a.attr), Dt(a.child)));
+function Da(s) {
+  return s && s.map((t, a) => /* @__PURE__ */ xe.createElement(t.tag, is({
+    key: a
+  }, t.attr), Da(t.child)));
 }
 function pe(s) {
-  return (a) => /* @__PURE__ */ xe.createElement(Xn, ls({
+  return (t) => /* @__PURE__ */ xe.createElement(Xn, ls({
     attr: is({}, s.attr)
-  }, a), Dt(s.child));
+  }, t), Da(s.child));
 }
 function Xn(s) {
-  var a = (t) => {
+  var t = (a) => {
     var {
       attr: n,
       size: r,
       title: m
-    } = s, i = Un(s, Jn), o = r || t.size || "1em", d;
-    return t.className && (d = t.className), s.className && (d = (d ? d + " " : "") + s.className), /* @__PURE__ */ xe.createElement("svg", ls({
+    } = s, i = Un(s, Jn), o = r || a.size || "1em", d;
+    return a.className && (d = a.className), s.className && (d = (d ? d + " " : "") + s.className), /* @__PURE__ */ xe.createElement("svg", ls({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
-    }, t.attr, n, i, {
+    }, a.attr, n, i, {
       className: d,
       style: is(is({
-        color: s.color || t.color
-      }, t.style), s.style),
+        color: s.color || a.color
+      }, a.style), s.style),
       height: o,
       width: o,
       xmlns: "http://www.w3.org/2000/svg"
     }), m && /* @__PURE__ */ xe.createElement("title", null, m), s.children);
   };
-  return tt !== void 0 ? /* @__PURE__ */ xe.createElement(tt.Consumer, null, (t) => a(t)) : a(Tt);
+  return aa !== void 0 ? /* @__PURE__ */ xe.createElement(aa.Consumer, null, (a) => t(a)) : t(Ta);
 }
 function er(s) {
   return pe({ tag: "svg", attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M439.8 200.5c-7.7-30.9-22.3-54.2-53.4-54.2h-40.1v47.4c0 36.8-31.2 67.8-66.8 67.8H172.7c-29.2 0-53.4 25-53.4 54.3v101.8c0 29 25.2 46 53.4 54.3 33.8 9.9 66.3 11.7 106.8 0 26.9-7.8 53.4-23.5 53.4-54.3v-40.7H226.2v-13.6h160.2c31.1 0 42.6-21.7 53.4-54.2 11.2-33.5 10.7-65.7 0-108.6zM286.2 404c11.1 0 20.1 9.1 20.1 20.3 0 11.3-9 20.4-20.1 20.4-11 0-20.1-9.2-20.1-20.4.1-11.3 9.1-20.3 20.1-20.3zM167.8 248.1h106.8c29.7 0 53.4-24.5 53.4-54.3V91.9c0-29-24.4-50.7-53.4-55.6-35.8-5.9-74.7-5.6-106.8.1-45.2 8-53.4 24.7-53.4 55.6v40.7h106.9v13.6h-147c-31.1 0-58.3 18.7-66.8 54.2-9.8 40.7-10.2 66.1 0 108.6 7.6 31.6 25.7 54.2 56.8 54.2H101v-48.8c0-35.3 30.5-66.4 66.8-66.4zm-6.7-142.6c-11.1 0-20.1-9.1-20.1-20.3.1-11.3 9-20.4 20.1-20.4 11 0 20.1 9.2 20.1 20.4s-9 20.3-20.1 20.3z" }, child: [] }] })(s);
 }
 function sr() {
-  const { theme: s } = ua(), a = Ge(), t = Ge(), [n, r] = M(!1), [m, i] = M(!1), [o, d] = M(!1), [p, x] = M(""), [b, g] = M(!1), { authToken: h } = Qe();
+  const { theme: s } = ut(), t = Ge(), a = Ge(), [n, r] = M(!1), [m, i] = M(!1), [o, d] = M(!1), [p, x] = M(""), [b, g] = M(!1), { authToken: h } = Qe();
   k((l) => l.selectedSheetId);
   const u = k((l) => l.dashboard.baseQueries), j = c((l) => l.card), f = k((l) => l.theme), v = c((l) => l.isShowingVisual), O = c(
     (l) => l.selectedConnectionId
@@ -1931,10 +1922,10 @@ function sr() {
   k(
     (l) => l.actions.updateFrameCard
   );
-  const V = c((l) => l.selectedTableName), D = c((l) => l.card.sql), C = c((l) => l.card.python), z = xa(D, u), q = c((l) => l.selectedConnectionId), K = c((l) => l.frame), A = k((l) => l.filterValues), R = c((l) => l.applyFilters), {
+  const V = c((l) => l.selectedTableName), T = c((l) => l.card.sql), C = c((l) => l.card.python), z = xt(T, u), q = c((l) => l.selectedConnectionId), K = c((l) => l.frame), A = k((l) => l.filterValues), R = c((l) => l.applyFilters), {
     setCardCustomCfg: W,
     setQueryResultColumns: J,
-    setFilterValues: ae,
+    setFilterValues: te,
     setCardSql: G,
     setCardPython: ne,
     setQueryError: S,
@@ -1942,7 +1933,7 @@ function sr() {
     setCardPreferences: F
   } = c((l) => l.actions), H = c((l) => l.onSave), fe = c(
     (l) => l.actions.setApplyFilters
-  ), te = c((l) => l.onClose), I = c((l) => l.actions.setCardData), Z = c((l) => l.actions.setSqlGen), se = c((l) => l.runSql), ye = c((l) => l.actions.setRunSql), ge = c(
+  ), ae = c((l) => l.onClose), I = c((l) => l.actions.setCardData), Z = c((l) => l.actions.setSqlGen), se = c((l) => l.runSql), ye = c((l) => l.actions.setRunSql), ge = c(
     (l) => l.actions.setIsSqlRunning
   ), {
     data: Q,
@@ -1955,7 +1946,7 @@ function sr() {
     refetch: ke
   } = me({
     queryKey: [z, C],
-    queryFn: () => xt(
+    queryFn: () => pa(
       "https://semaphor.cloud/api/v1/query",
       (h == null ? void 0 : h.accessToken) || "",
       {
@@ -1997,11 +1988,11 @@ function sr() {
     G(""), I([]), Z({}), W(""), F({});
   }
   const We = (l) => {
-    t.current = l;
+    a.current = l;
   };
   function us() {
-    let l = D;
-    D && !D.includes("{{") && (l = _n(D), G(l));
+    let l = T;
+    T && !T.includes("{{") && (l = _n(T), G(l));
     const ie = {
       ...j,
       lastSelectedSchema: E,
@@ -2021,7 +2012,7 @@ function sr() {
     });
   }
   function xs() {
-    te == null || te();
+    ae == null || ae();
   }
   function Ye(l) {
     const ie = getComputedStyle(
@@ -2030,17 +2021,17 @@ function sr() {
     return Ze(ie);
   }
   function Ze(l) {
-    const [ie, _e, Ne] = l.split(" "), X = parseFloat(ie), Kt = parseFloat(_e), Gt = parseFloat(Ne), Jt = Kt / 100, Gs = Gt / 100, je = (1 - Math.abs(2 * Gs - 1)) * Jt, we = je * (1 - Math.abs(X / 60 % 2 - 1)), ps = Gs - je / 2;
+    const [ie, _e, Ne] = l.split(" "), X = parseFloat(ie), Ka = parseFloat(_e), Ga = parseFloat(Ne), Ja = Ka / 100, Gs = Ga / 100, je = (1 - Math.abs(2 * Gs - 1)) * Ja, we = je * (1 - Math.abs(X / 60 % 2 - 1)), ps = Gs - je / 2;
     let oe = 0, ce = 0, de = 0;
     0 <= X && X < 60 ? (oe = je, ce = we, de = 0) : 60 <= X && X < 120 ? (oe = we, ce = je, de = 0) : 120 <= X && X < 180 ? (oe = 0, ce = je, de = we) : 180 <= X && X < 240 ? (oe = 0, ce = we, de = je) : 240 <= X && X < 300 ? (oe = we, ce = 0, de = je) : 300 <= X && X < 360 && (oe = je, ce = 0, de = we), oe = Math.round((oe + ps) * 255), ce = Math.round((ce + ps) * 255), de = Math.round((de + ps) * 255);
-    const fs = (Ut) => {
-      const gs = Ut.toString(16);
+    const fs = (Ua) => {
+      const gs = Ua.toString(16);
       return gs.length == 1 ? "0" + gs : gs;
     };
     return `#${fs(oe)}${fs(ce)}${fs(de)}`;
   }
   U(() => {
-    const l = a.current, ie = t.current;
+    const l = t.current, ie = a.current;
     if (l) {
       const _e = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", Ne = f === "system" ? _e : f;
       l.editor.defineTheme("default", {
@@ -2061,9 +2052,9 @@ function sr() {
       }
     ), () => {
     };
-  }, [s, f, a.current]);
+  }, [s, f, t.current]);
   function Re(l) {
-    a.current = l;
+    t.current = l;
   }
   function Xe() {
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
@@ -2098,7 +2089,7 @@ function sr() {
                 onChange: (l) => {
                   if (l)
                     try {
-                      JSON.parse(l), ae(JSON.parse(l));
+                      JSON.parse(l), te(JSON.parse(l));
                     } catch {
                     }
                 },
@@ -2126,7 +2117,7 @@ function sr() {
         }
       ),
       A && !m && /* @__PURE__ */ e.jsx(
-        St,
+        oa,
         {
           onClick: () => i(!0),
           className: Y(
@@ -2168,7 +2159,7 @@ function sr() {
                         onChange: (l) => {
                           G(l);
                         },
-                        value: D,
+                        value: T,
                         options: {
                           minimap: {
                             enabled: !1
@@ -2310,7 +2301,7 @@ function sr() {
                     }
                   ),
                   /* @__PURE__ */ e.jsx(
-                    mt,
+                    ua,
                     {
                       pressed: n,
                       onPressedChange: (l) => r(l),
@@ -2340,7 +2331,7 @@ function sr() {
                       size: "sm",
                       variant: "outline",
                       children: [
-                        /* @__PURE__ */ e.jsx(pa, { className: "mr-2 size-4 font-bold text-green-600" }),
+                        /* @__PURE__ */ e.jsx(pt, { className: "mr-2 size-4 font-bold text-green-600" }),
                         "Accept"
                       ]
                     }
@@ -2367,9 +2358,9 @@ function sr() {
     )
   );
 }
-function tr({ data: s }) {
+function ar({ data: s }) {
   var i;
-  const [a, t] = xe.useState([]), r = Object.keys(s[0]).map((o) => ({
+  const [t, a] = xe.useState([]), r = Object.keys(s[0]).map((o) => ({
     // header: key,
     accessorKey: o,
     header: ({ column: d }) => {
@@ -2381,29 +2372,29 @@ function tr({ data: s }) {
           onClick: () => d.toggleSorting(d.getIsSorted() === "asc"),
           children: [
             o,
-            p === "asc" ? /* @__PURE__ */ e.jsx(fa, { className: "ml-2 h-5 w-5" }) : p === "desc" ? /* @__PURE__ */ e.jsx(ga, { className: "ml-2 h-5 w-5" }) : null
+            p === "asc" ? /* @__PURE__ */ e.jsx(ft, { className: "ml-2 h-5 w-5" }) : p === "desc" ? /* @__PURE__ */ e.jsx(gt, { className: "ml-2 h-5 w-5" }) : null
           ]
         }
       ) });
     }
-  })), m = ja({
+  })), m = jt({
     data: s,
     columns: r,
-    getCoreRowModel: Ca(),
-    getPaginationRowModel: Sa(),
-    onSortingChange: t,
-    getSortedRowModel: ka(),
+    getCoreRowModel: Ct(),
+    getPaginationRowModel: St(),
+    onSortingChange: a,
+    getSortedRowModel: kt(),
     manualPagination: !0,
     state: {
-      sorting: a
+      sorting: t
     }
   });
-  return /* @__PURE__ */ e.jsxs(ba, { children: [
-    /* @__PURE__ */ e.jsx(ya, { children: m.getHeaderGroups().map((o) => /* @__PURE__ */ e.jsx(js, { children: o.headers.map((d) => /* @__PURE__ */ e.jsx(va, { className: "sticky top-0 bg-muted", children: d.isPlaceholder ? null : Ws(
+  return /* @__PURE__ */ e.jsxs(bt, { children: [
+    /* @__PURE__ */ e.jsx(yt, { children: m.getHeaderGroups().map((o) => /* @__PURE__ */ e.jsx(js, { children: o.headers.map((d) => /* @__PURE__ */ e.jsx(vt, { className: "sticky top-0 bg-muted", children: d.isPlaceholder ? null : Ws(
       d.column.columnDef.header,
       d.getContext()
     ) }, d.id)) }, o.id)) }),
-    /* @__PURE__ */ e.jsx(Na, { children: (i = m.getRowModel().rows) != null && i.length ? m.getRowModel().rows.map((o) => /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx(Nt, { children: (i = m.getRowModel().rows) != null && i.length ? m.getRowModel().rows.map((o) => /* @__PURE__ */ e.jsx(
       js,
       {
         className: "whitespace-nowrap py-2",
@@ -2414,15 +2405,15 @@ function tr({ data: s }) {
     )) : /* @__PURE__ */ e.jsx(js, { children: /* @__PURE__ */ e.jsx(Ys, { colSpan: r.length, className: "h-24 text-center", children: "No results." }) }) })
   ] });
 }
-function At({
+function Aa({
   // card,
   showCard: s,
-  className: a,
-  ...t
+  className: t,
+  ...a
 }) {
   var h;
   xe.useState(0);
-  const n = k((u) => u.themeStyle), r = c((u) => u.card), m = c((u) => u.frame), i = k((u) => u.dashboard.filters), o = k((u) => u.filterValues), d = c((u) => u.actions.setRunSql), { updateFilter: p } = wa(), x = i == null ? void 0 : i.find((u) => u.id === m.filterId), b = c((u) => u.actions.setCard);
+  const n = k((u) => u.themeStyle), r = c((u) => u.card), m = c((u) => u.frame), i = k((u) => u.dashboard.filters), o = k((u) => u.filterValues), d = c((u) => u.actions.setRunSql), { updateFilter: p } = wt(), x = i == null ? void 0 : i.find((u) => u.id === m.filterId), b = c((u) => u.actions.setCard);
   if (U(() => {
     d(!0);
   }, [o]), U(() => {
@@ -2436,36 +2427,36 @@ function At({
   ]), !r.id)
     return null;
   let g;
-  return r.data && r.data.length > 0 && (g = gt({
+  return r.data && r.data.length > 0 && (g = ja({
     data: r.data,
     cardType: r.type,
     cfg: r.cfg,
     customCfg: r.customCfg,
     preferences: r.preferences
   })), /* @__PURE__ */ e.jsxs(
-    za,
+    zt,
     {
       role: "editor-visual-card",
-      className: Y("relative flex h-full flex-col rounded-none", a),
-      ...t,
+      className: Y("relative flex h-full flex-col rounded-none", t),
+      ...a,
       children: [
-        /* @__PURE__ */ e.jsxs(Fa, { className: "flex flex-row items-start justify-between py-4", children: [
+        /* @__PURE__ */ e.jsxs(Ft, { className: "flex flex-row items-start justify-between py-4", children: [
           /* @__PURE__ */ e.jsxs("div", { children: [
             /* @__PURE__ */ e.jsx(
-              ts,
+              as,
               {
                 text: r.title,
                 onSave: (u) => b({ ...r, title: u }),
-                children: /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e.jsx(Oa, { className: "text-base", children: r.title }) })
+                children: /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e.jsx(Ot, { className: "text-base", children: r.title }) })
               },
               r.title
             ),
             /* @__PURE__ */ e.jsx(
-              ts,
+              as,
               {
                 text: r.description || "",
                 onSave: (u) => b({ ...r, description: u }),
-                children: /* @__PURE__ */ e.jsxs(Ma, { children: [
+                children: /* @__PURE__ */ e.jsxs(Mt, { children: [
                   " ",
                   r.description
                 ] })
@@ -2475,7 +2466,7 @@ function At({
           ] }),
           x && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
             /* @__PURE__ */ e.jsx(
-              ts,
+              as,
               {
                 className: "my-1",
                 text: x.title || x.column,
@@ -2483,36 +2474,36 @@ function At({
                 children: /* @__PURE__ */ e.jsx(_, { children: x.title })
               }
             ),
-            Ta(x)
+            Tt(x)
           ] })
         ] }),
-        /* @__PURE__ */ e.jsxs(Da, { className: "flex grow flex-col pb-3", children: [
+        /* @__PURE__ */ e.jsxs(Dt, { className: "flex grow flex-col pb-3", children: [
           r.type !== "table" && g && // <ChartJsVisual key={visualKey} cfg={cfg} />
           /* @__PURE__ */ e.jsx(
-            Aa,
+            At,
             {
               cfg: g
             },
             JSON.stringify(g) + JSON.stringify(r.preferences) + ((h = r == null ? void 0 : r.preferences) == null ? void 0 : h.customVisualCode)
           ),
           r.type === "table" && r.data && r.data.length > 0 && // All of the below css classes are #IMPORTANT for the table to scroll properly
-          /* @__PURE__ */ e.jsx(La, { className: "flex min-h-0 flex-1 grow basis-0", children: /* @__PURE__ */ e.jsx(Ea, { card: r, data: r == null ? void 0 : r.data }) })
+          /* @__PURE__ */ e.jsx(Lt, { className: "flex min-h-0 flex-1 grow basis-0", children: /* @__PURE__ */ e.jsx(Et, { card: r, data: r == null ? void 0 : r.data }) })
         ] })
       ]
     }
   );
 }
-function ar() {
-  const [s, a] = M(!1), [t, n] = M(""), [r, m] = M(""), [i, o] = M(""), [d, p] = M(""), x = c((y) => y.card), b = c(
+function tr() {
+  const [s, t] = M(!1), [a, n] = M(""), [r, m] = M(""), [i, o] = M(""), [d, p] = M(""), x = c((y) => y.card), b = c(
     (y) => y.card.customCfg
   ), { setCardCustomCfg: g, setCustomVisualCode: h } = qs();
   function u(y) {
-    var V, D;
+    var V, T;
     const L = {
       ...y,
       data: {
         ...y == null ? void 0 : y.data,
-        datasets: (D = (V = y == null ? void 0 : y.data) == null ? void 0 : V.datasets) == null ? void 0 : D.map((C) => ({
+        datasets: (T = (V = y == null ? void 0 : y.data) == null ? void 0 : V.datasets) == null ? void 0 : T.map((C) => ({
           ...C,
           data: []
         }))
@@ -2524,7 +2515,7 @@ function ar() {
     var L, E;
     if (!x.data || x.data.length === 0)
       return;
-    const y = gt({
+    const y = ja({
       data: x.data,
       cardType: x.type,
       cfg: x.cfg,
@@ -2550,9 +2541,9 @@ function ar() {
       const L = Zs.cloneDeep(x.cfg), E = Zs.merge(L, b);
       return y = u(E), y;
     }
-    return t ? (y = u(JSON.parse(t)), y) : "";
+    return a ? (y = u(JSON.parse(a)), y) : "";
   }
-  return /* @__PURE__ */ e.jsxs(Ss, { open: s, onOpenChange: a, children: [
+  return /* @__PURE__ */ e.jsxs(Ss, { open: s, onOpenChange: t, children: [
     /* @__PURE__ */ e.jsx(ks, { asChild: !0, children: /* @__PURE__ */ e.jsx(
       w,
       {
@@ -2560,7 +2551,7 @@ function ar() {
         className: ` ${b && "border-foreground/50 dark:border-foreground/70"}`,
         size: "sm",
         variant: "outline",
-        children: /* @__PURE__ */ e.jsx(Ia, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ e.jsx(It, { className: "h-4 w-4" })
       }
     ) }),
     /* @__PURE__ */ e.jsxs(
@@ -2572,7 +2563,7 @@ function ar() {
             /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
               /* @__PURE__ */ e.jsx(Os, { children: "Customize Card" }),
               /* @__PURE__ */ e.jsxs(Ts, { children: [
-                /* @__PURE__ */ e.jsx(ot, { children: /* @__PURE__ */ e.jsx(
+                /* @__PURE__ */ e.jsx(ca, { children: /* @__PURE__ */ e.jsx(
                   bn,
                   {
                     onClick: () => {
@@ -2598,15 +2589,15 @@ function ar() {
             ] })
           ] }),
           /* @__PURE__ */ e.jsxs("div", { className: "flex grow gap-2", children: [
-            /* @__PURE__ */ e.jsx(At, { className: "w-1/2 rounded shadow-none" }),
-            /* @__PURE__ */ e.jsxs(jt, { defaultValue: "custom-config", className: "flex w-1/2 flex-col", children: [
-              /* @__PURE__ */ e.jsxs(bt, { className: "justify-start rounded-sm rounded-b-none border border-b-0", children: [
-                /* @__PURE__ */ e.jsxs(as, { value: "custom-config", children: [
-                  b && /* @__PURE__ */ e.jsx(yt, { className: "mr-1 h-5 w-5 text-green-600" }),
+            /* @__PURE__ */ e.jsx(Aa, { className: "w-1/2 rounded shadow-none" }),
+            /* @__PURE__ */ e.jsxs(ba, { defaultValue: "custom-config", className: "flex w-1/2 flex-col", children: [
+              /* @__PURE__ */ e.jsxs(ya, { className: "justify-start rounded-sm rounded-b-none border border-b-0", children: [
+                /* @__PURE__ */ e.jsxs(ts, { value: "custom-config", children: [
+                  b && /* @__PURE__ */ e.jsx(va, { className: "mr-1 h-5 w-5 text-green-600" }),
                   b ? "Custom Config" : "Default Config"
                 ] }),
-                /* @__PURE__ */ e.jsx(as, { className: "", value: "output", children: "Output" }),
-                /* @__PURE__ */ e.jsx(as, { className: "", value: "custom-code", children: "Custom Code" })
+                /* @__PURE__ */ e.jsx(ts, { className: "", value: "output", children: "Output" }),
+                /* @__PURE__ */ e.jsx(ts, { className: "", value: "custom-code", children: "Custom Code" })
               ] }),
               /* @__PURE__ */ e.jsx(
                 ns,
@@ -2614,10 +2605,10 @@ function ar() {
                   className: "bg-red-x mt-0 grow rounded-b border border-t-0 p-2",
                   value: "output",
                   children: /* @__PURE__ */ e.jsx(
-                    ft,
+                    ga,
                     {
                       disabled: !0,
-                      value: t,
+                      value: a,
                       className: "h-full resize-none border-none font-mono focus-visible:ring-0 focus-visible:ring-offset-0"
                     }
                   )
@@ -2683,7 +2674,7 @@ function ar() {
               )
             ] })
           ] }),
-          /* @__PURE__ */ e.jsxs(lt, { className: "flex items-center", children: [
+          /* @__PURE__ */ e.jsxs(la, { className: "flex items-center", children: [
             /* @__PURE__ */ e.jsx(_, { className: "mr-2 text-red-500", children: d }),
             /* @__PURE__ */ e.jsx(
               w,
@@ -2695,46 +2686,46 @@ function ar() {
               }
             ),
             /* @__PURE__ */ e.jsx(w, { onClick: f, variant: "outline", children: "Apply" }),
-            /* @__PURE__ */ e.jsx(w, { onClick: () => a(!1), variant: "outline", children: "Close" })
+            /* @__PURE__ */ e.jsx(w, { onClick: () => t(!1), variant: "outline", children: "Close" })
           ] })
         ]
       }
     )
   ] });
 }
-function Lt(s) {
+function La(s) {
   return pe({ 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 Et(s) {
+function Ea(s) {
   return pe({ 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);
 }
-function It(s) {
+function Ia(s) {
   return pe({ 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 Vt(s) {
+function Va(s) {
   return pe({ 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);
 }
-function qt(s) {
+function qa(s) {
   return pe({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" }, child: [] }, { tag: "path", attr: { d: "m2 19.99 7.5-7.51 4 4 7.09-7.97L22 9.92l-8.5 9.56-4-4-6 6.01-1.5-1.5zm1.5-4.5 6-6.01 4 4L22 3.92l-1.41-1.41-7.09 7.97-4-4L2 13.99l1.5 1.5z" }, child: [] }] })(s);
 }
-function Rt(s) {
+function Ra(s) {
   return pe({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" }, child: [] }, { tag: "path", attr: { d: "M4 9h4v11H4zM4 4h4v4H4zM10 7h4v4h-4zM16 10h4v4h-4zM16 15h4v5h-4zM10 12h4v8h-4z" }, child: [] }] })(s);
 }
-function _t(s) {
+function _a(s) {
   return pe({ tag: "svg", attr: { version: "1.2", baseProfile: "tiny", viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M4 18c-.552 0-1-.448-1-1v-6.382l-.553.276c-.495.248-1.095.046-1.342-.447-.247-.494-.046-1.094.448-1.342l2-1c.31-.155.678-.139.973.044.294.183.474.504.474.851v8c0 .552-.448 1-1 1zM13 18h-5c-.404 0-.769-.244-.924-.617-.155-.374-.069-.804.217-1.09l4-4c.254-.254.394-.591.394-.95 0-.358-.14-.695-.394-.949-.508-.508-1.39-.508-1.9.001-.253.252-.393.589-.393.948 0 .552-.448 1-1 1s-1-.448-1-1c0-.894.348-1.733.98-2.364 1.265-1.263 3.464-1.263 4.727.001.632.631.979 1.471.979 2.363 0 .893-.348 1.733-.979 2.364l-2.293 2.293h2.586c.552 0 1 .448 1 1s-.448 1-1 1zM20.955 12.377c.338-.457.545-1.016.545-1.627 0-1.517-1.234-2.75-2.75-2.75-1.031 0-1.966.569-2.44 1.484-.254.49-.063 1.094.428 1.348.49.254 1.094.062 1.348-.428.128-.249.383-.404.664-.404.414 0 .75.336.75.75s-.336.75-.75.75c-.552 0-1 .448-1 1s.448 1 1 1c.689 0 1.25.561 1.25 1.25s-.561 1.25-1.25 1.25-1.25-.561-1.25-1.25c0-.552-.448-1-1-1s-1 .448-1 1c0 1.792 1.458 3.25 3.25 3.25s3.25-1.458 3.25-3.25c0-.939-.406-1.779-1.045-2.373z" }, child: [] }] })(s);
 }
-function Ht(s) {
+function Ha(s) {
   return pe({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M217 25v14h78V25h-78zm0 32v46h14V71h50v32h14V57h-78zm32 32v14h14V89h-14zm-64 32v46h30v-46h-30zm48 0v14h46v-14h-46zm64 0v46h30v-46h-30zm-64 32v14h46v-14h-46zm-80 32v46h62v-46h-62zm80 0v14h46v-14h-46zm64 0v46h62v-46h-62zm-64 32v14h46v-14h-46zm-112 32v46h94v-46h-94zm112 0v14h46v-14h-46zm64 0v46h94v-46h-94zm-64 32v14h46v-14h-46zM89 313v46h126v-46H89zm144 0v14h46v-14h-46zm64 0v46h126v-46H297zm-64 32v14h46v-14h-46zM57 377v46h158v-46H57zm176 0v14h46v-14h-46zm64 0v46h158v-46H297zm-64 32v14h46v-14h-46zM25 441v46h190v-46H25zm208 0v14h46v-14h-46zm64 0v46h190v-46H297zm-64 32v14h46v-14h-46z" }, child: [] }] })(s);
 }
 function nr() {
-  const [s, a] = M(!1), t = c((d) => d.card.type), { setCardType: n, setCardPreferences: r, setChartOrientation: m } = c((d) => d.actions), i = c(
+  const [s, t] = M(!1), a = c((d) => d.card.type), { setCardType: n, setCardPreferences: r, setChartOrientation: m } = c((d) => d.actions), i = c(
     (d) => d.actions.setCardCustomCfg
   );
   function o(d) {
-    i(null), r({}), n(d), a(!1);
+    i(null), r({}), n(d), t(!1);
   }
-  return /* @__PURE__ */ e.jsxs(os, { open: s, onOpenChange: a, children: [
-    /* @__PURE__ */ e.jsx(cs, { asChild: !0, children: /* @__PURE__ */ e.jsx(w, { size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(rr, { className: "h-4 w-4", chartType: t }) }) }),
+  return /* @__PURE__ */ e.jsxs(os, { open: s, onOpenChange: t, children: [
+    /* @__PURE__ */ e.jsx(cs, { asChild: !0, children: /* @__PURE__ */ e.jsx(w, { size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(rr, { className: "h-4 w-4", chartType: a }) }) }),
     /* @__PURE__ */ e.jsx(ds, { className: "w-50", children: /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 place-items-center", children: [
       /* @__PURE__ */ e.jsx(
         w,
@@ -2758,7 +2749,7 @@ function nr() {
         {
           onClick: () => o("stackedBar"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Rt, { className: "size-5", strokeWidth: 0 })
+          children: /* @__PURE__ */ e.jsx(Ra, { className: "size-5", strokeWidth: 0 })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2766,7 +2757,7 @@ function nr() {
         {
           onClick: () => o("stackedLine"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(qt, { className: "size-5", strokeWidth: 0 })
+          children: /* @__PURE__ */ e.jsx(qa, { className: "size-5", strokeWidth: 0 })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2774,7 +2765,7 @@ function nr() {
         {
           onClick: () => o("scatter"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Ft, { className: "size-5" })
+          children: /* @__PURE__ */ e.jsx(Fa, { className: "size-5" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2782,7 +2773,7 @@ function nr() {
         {
           onClick: () => o("bubble"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Vt, { className: "size-4" })
+          children: /* @__PURE__ */ e.jsx(Va, { className: "size-4" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2790,7 +2781,7 @@ function nr() {
         {
           onClick: () => o("pie"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(zt, { className: "size-5" })
+          children: /* @__PURE__ */ e.jsx(za, { className: "size-5" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2798,7 +2789,7 @@ function nr() {
         {
           onClick: () => o("doughnut"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Et, { className: "size-5", strokeWidth: 1 })
+          children: /* @__PURE__ */ e.jsx(Ea, { className: "size-5", strokeWidth: 1 })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2807,7 +2798,7 @@ function nr() {
           onClick: () => o("radar"),
           variant: "ghost",
           children: /* @__PURE__ */ e.jsx(
-            Lt,
+            La,
             {
               className: "size-5 font-extralight",
               strokeWidth: 0.5
@@ -2820,7 +2811,7 @@ function nr() {
         {
           onClick: () => o("polarArea"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(It, { className: "size-5" })
+          children: /* @__PURE__ */ e.jsx(Ia, { className: "size-5" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2828,7 +2819,7 @@ function nr() {
         {
           onClick: () => o("pyramid"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Ht, { className: "size-5" })
+          children: /* @__PURE__ */ e.jsx(Ha, { className: "size-5" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2836,7 +2827,7 @@ function nr() {
         {
           onClick: () => o("range"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(kt, { className: "size-5" })
+          children: /* @__PURE__ */ e.jsx(ka, { className: "size-5" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2852,7 +2843,7 @@ function nr() {
         {
           onClick: () => o("kpi"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(_t, { className: "size-6" })
+          children: /* @__PURE__ */ e.jsx(_a, { className: "size-6" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2866,45 +2857,45 @@ function nr() {
     ] }) })
   ] });
 }
-function rr({ chartType: s, className: a }) {
+function rr({ chartType: s, className: t }) {
   switch (s) {
     case "bar":
-      return /* @__PURE__ */ e.jsx(Hs, { className: a });
+      return /* @__PURE__ */ e.jsx(Hs, { className: t });
     case "line":
-      return /* @__PURE__ */ e.jsx(Bs, { className: a });
+      return /* @__PURE__ */ e.jsx(Bs, { className: t });
     case "pie":
-      return /* @__PURE__ */ e.jsx(zt, { className: a });
+      return /* @__PURE__ */ e.jsx(za, { className: t });
     case "radar":
-      return /* @__PURE__ */ e.jsx(Lt, { className: a });
+      return /* @__PURE__ */ e.jsx(La, { className: t });
     case "scatter":
-      return /* @__PURE__ */ e.jsx(Ft, { className: a });
+      return /* @__PURE__ */ e.jsx(Fa, { className: t });
     case "bubble":
-      return /* @__PURE__ */ e.jsx(Vt, { className: a });
+      return /* @__PURE__ */ e.jsx(Va, { className: t });
     case "doughnut":
-      return /* @__PURE__ */ e.jsx(Et, { className: a });
+      return /* @__PURE__ */ e.jsx(Ea, { className: t });
     case "stackedBar":
-      return /* @__PURE__ */ e.jsx(Rt, { className: "size-4 text-foreground/70" });
+      return /* @__PURE__ */ e.jsx(Ra, { className: "size-4 text-foreground/70" });
     case "stackedLine":
-      return /* @__PURE__ */ e.jsx(qt, { className: "size-4 text-foreground/70" });
+      return /* @__PURE__ */ e.jsx(qa, { className: "size-4 text-foreground/70" });
     case "polarArea":
-      return /* @__PURE__ */ e.jsx(It, { className: a });
+      return /* @__PURE__ */ e.jsx(Ia, { className: t });
     case "pyramid":
-      return /* @__PURE__ */ e.jsx(Ht, { className: a });
+      return /* @__PURE__ */ e.jsx(Ha, { className: t });
     case "range":
-      return /* @__PURE__ */ e.jsx(kt, { className: a });
+      return /* @__PURE__ */ e.jsx(ka, { className: t });
     case "kpi":
-      return /* @__PURE__ */ e.jsx(_t, { className: a });
+      return /* @__PURE__ */ e.jsx(_a, { className: t });
     case "text":
-      return /* @__PURE__ */ e.jsx($s, { className: a });
+      return /* @__PURE__ */ e.jsx($s, { className: t });
     default:
-      return /* @__PURE__ */ e.jsx(As, { className: a });
+      return /* @__PURE__ */ e.jsx(As, { className: t });
   }
 }
-function nt() {
-  const s = c((f) => f.frame), a = c((f) => f.card), t = c((f) => f.card.data), n = c((f) => f.isShowingVisual), r = c((f) => f.isSqlRunning), m = c((f) => f.queryError), i = c((f) => f.pythonStdOut), o = c((f) => f.actions.setRunSql);
+function na() {
+  const s = c((f) => f.frame), t = c((f) => f.card), a = c((f) => f.card.data), n = c((f) => f.isShowingVisual), r = c((f) => f.isSqlRunning), m = c((f) => f.queryError), i = c((f) => f.pythonStdOut), o = c((f) => f.actions.setRunSql);
   c((f) => f.onSave), c((f) => f.onClose), c((f) => f.actions.setCardSql), c((f) => f.actions.setCardType), c((f) => f.actions.setSqlGen);
   const { setFrame: d, setCard: p, updateCardInFrame: x } = qs();
-  if (!a)
+  if (!t)
     return /* @__PURE__ */ e.jsx(e.Fragment, { children: "No Active Card" });
   function b() {
     const f = {
@@ -2941,7 +2932,7 @@ function nt() {
   function h(f) {
     const v = {
       ...s,
-      cards: s.cards.map((y) => y.id === a.id ? a : y),
+      cards: s.cards.map((y) => y.id === t.id ? t : y),
       activeCardId: f
     };
     d(v);
@@ -2950,26 +2941,26 @@ function nt() {
   }
   function u() {
     return /* @__PURE__ */ e.jsxs(
-      jt,
+      ba,
       {
         onValueChange: h,
         value: s.activeCardId,
         className: "flex grow flex-col pb-3",
         children: [
-          s.cards.map((f) => /* @__PURE__ */ e.jsx(ns, { className: "mt-0 grow", value: f.id, children: /* @__PURE__ */ e.jsx(At, { showCard: f, className: "grow border-none shadow-none" }) }, f.id)),
-          /* @__PURE__ */ e.jsxs(bt, { className: "mx-6 justify-between", children: [
+          s.cards.map((f) => /* @__PURE__ */ e.jsx(ns, { className: "mt-0 grow", value: f.id, children: /* @__PURE__ */ e.jsx(Aa, { showCard: f, className: "grow border-none shadow-none" }) }, f.id)),
+          /* @__PURE__ */ e.jsxs(ya, { className: "mx-6 justify-between", children: [
             /* @__PURE__ */ e.jsxs("div", { className: "flex items-center", children: [
               s.cards.map((f) => /* @__PURE__ */ e.jsx(
-                ts,
+                as,
                 {
                   text: f.tabTitle || f.title,
                   onSave: (v) => {
-                    p({ ...a, tabTitle: v }), x({ ...a, tabTitle: v });
+                    p({ ...t, tabTitle: v }), x({ ...t, tabTitle: v });
                   },
-                  children: /* @__PURE__ */ e.jsxs(as, { className: "", value: f.id, children: [
+                  children: /* @__PURE__ */ e.jsxs(ts, { className: "", value: f.id, children: [
                     f.tabTitle || f.title,
                     s.activeCardId === f.id && s.cards.length > 1 && /* @__PURE__ */ e.jsx(
-                      vt,
+                      Na,
                       {
                         className: "ml-2 size-3.5 text-muted-foreground hover:text-foreground",
                         onClick: () => g(f.id)
@@ -2989,21 +2980,21 @@ function nt() {
                 }
               )
             ] }),
-            /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(w, { className: "p-1", variant: "ghost", children: /* @__PURE__ */ e.jsx(Ct, { className: "size-4" }) }) })
+            /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(w, { className: "p-1", variant: "ghost", children: /* @__PURE__ */ e.jsx(Sa, { className: "size-4" }) }) })
           ] })
         ]
       }
     );
   }
   function j() {
-    return a.type === "kpi" ? /* @__PURE__ */ e.jsx("div", { className: "flex grow items-center justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e.jsx(Va, { isLoading: r, card: a }) }) }) : a.type === "text" ? /* @__PURE__ */ e.jsx("div", { className: "flex grow items-center justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e.jsx(qa, { isLoading: r, card: a }) }) }) : u();
+    return t.type === "kpi" ? /* @__PURE__ */ e.jsx("div", { className: "flex grow items-center justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e.jsx(Vt, { isLoading: r, card: t }) }) }) : t.type === "text" ? /* @__PURE__ */ e.jsx("div", { className: "flex grow items-center justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e.jsx(qt, { isLoading: r, card: t }) }) }) : u();
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "relative flex h-full flex-col pt-3", children: [
     r && /* @__PURE__ */ e.jsx(Je, { className: "absolute bottom-0 left-0 right-0 top-0 z-10 m-auto h-10 w-10 animate-spin text-foreground/10" }),
     /* @__PURE__ */ e.jsxs("div", { className: "mb-0 flex min-h-10 items-center justify-end gap-2 px-6", children: [
       n && /* @__PURE__ */ e.jsxs("div", { className: "flex grow items-center gap-2", children: [
         /* @__PURE__ */ e.jsx(nr, {}),
-        a.type !== "table" && /* @__PURE__ */ e.jsx(ar, {})
+        t.type !== "table" && /* @__PURE__ */ e.jsx(tr, {})
       ] }),
       /* @__PURE__ */ e.jsx(ir, {})
     ] }),
@@ -3019,23 +3010,23 @@ function nt() {
       // )
       /* @__PURE__ */ e.jsxs("div", { className: "flex min-h-0 w-full flex-1 grow basis-0 px-6", children: [
         i && /* @__PURE__ */ e.jsx(lr, {}),
-        a.data && a.data.length > 0 && /* @__PURE__ */ e.jsx(tr, { data: t || [] }),
+        t.data && t.data.length > 0 && /* @__PURE__ */ e.jsx(ar, { data: a || [] }),
         m && /* @__PURE__ */ e.jsx("span", { className: "font-mono text-sm", children: m })
       ] })
     )
   ] });
 }
 function lr() {
-  const s = c((t) => t.pythonStdOut);
+  const s = c((a) => a.pythonStdOut);
   if (!s)
     return null;
-  const a = s.replace(/\n/g, "<br>");
+  const t = s.replace(/\n/g, "<br>");
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx("p", { className: "font-mono text-sm", children: "Output:" }),
     /* @__PURE__ */ e.jsx(
       "div",
       {
-        dangerouslySetInnerHTML: { __html: a },
+        dangerouslySetInnerHTML: { __html: t },
         className: "bg-muted p-2 font-mono text-sm"
       }
     ),
@@ -3043,16 +3034,16 @@ function lr() {
   ] });
 }
 function ir() {
-  const s = c((t) => t.isShowingVisual), a = c(
-    (t) => t.actions.setIsShowingVisual
+  const s = c((a) => a.isShowingVisual), t = c(
+    (a) => a.actions.setIsShowingVisual
   );
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
     /* @__PURE__ */ e.jsx(_, { htmlFor: "visualize", children: "Chart" }),
     /* @__PURE__ */ e.jsx(
-      Ra,
+      Rt,
       {
         checked: s,
-        onCheckedChange: () => a(!s),
+        onCheckedChange: () => t(!s),
         id: "visualize",
         className: "data-[state=checked]:bg-foreground/50"
       }
@@ -3060,11 +3051,11 @@ function ir() {
   ] });
 }
 function Ve() {
-  const [s, a] = M([]);
+  const [s, t] = M([]);
   c(
     (x) => x.card.cfg
   );
-  const t = c((x) => x.card.preferences), { setCardCfg: n, setFilterOnClickColumnIndex: r, setCardPreferences: m } = c((x) => x.actions), i = c(
+  const a = c((x) => x.card.preferences), { setCardCfg: n, setFilterOnClickColumnIndex: r, setCardPreferences: m } = c((x) => x.actions), i = c(
     (x) => x.queryResultColumns
   );
   c(
@@ -3073,21 +3064,21 @@ function Ve() {
       return (b = x.card.preferences) == null ? void 0 : b.filterOnClickColumnIndex;
     }
   ), U(() => {
-    i && a(new Array(i.length).fill(!1));
+    i && t(new Array(i.length).fill(!1));
   }, [i]);
   function o(x, b) {
     var g, h;
-    b ? t != null && t.onClickFilter && ((g = t == null ? void 0 : t.onClickFilter) == null ? void 0 : g.length) > 0 ? m({
-      ...t,
+    b ? a != null && a.onClickFilter && ((g = a == null ? void 0 : a.onClickFilter) == null ? void 0 : g.length) > 0 ? m({
+      ...a,
       onClickFilter: [
-        ...t.onClickFilter,
+        ...a.onClickFilter,
         {
           columnIndex: x,
           expression: ""
         }
       ]
     }) : m({
-      ...t,
+      ...a,
       onClickFilter: [
         {
           columnIndex: x,
@@ -3095,33 +3086,33 @@ function Ve() {
         }
       ]
     }) : (m({
-      ...t,
-      onClickFilter: (h = t == null ? void 0 : t.onClickFilter) == null ? void 0 : h.filter(
+      ...a,
+      onClickFilter: (h = a == null ? void 0 : a.onClickFilter) == null ? void 0 : h.filter(
         (u) => u.columnIndex !== x
       )
-    }), a((u) => {
+    }), t((u) => {
       const j = [...u];
       return j[x] = !1, j;
     }));
   }
   function d(x, b) {
     var h;
-    const g = (h = t == null ? void 0 : t.onClickFilter) == null ? void 0 : h.map((u) => u.columnIndex === x ? {
+    const g = (h = a == null ? void 0 : a.onClickFilter) == null ? void 0 : h.map((u) => u.columnIndex === x ? {
       ...u,
       expression: b.target.value
     } : u);
     m({
-      ...t,
+      ...a,
       onClickFilter: g
     });
   }
   function p(x) {
     var b, g, h, u;
-    if (s != null && s[x] || (g = (b = t == null ? void 0 : t.onClickFilter) == null ? void 0 : b.find((j) => j.columnIndex === x)) != null && g.expression)
+    if (s != null && s[x] || (g = (b = a == null ? void 0 : a.onClickFilter) == null ? void 0 : b.find((j) => j.columnIndex === x)) != null && g.expression)
       return /* @__PURE__ */ e.jsx(
         he,
         {
-          value: (u = (h = t == null ? void 0 : t.onClickFilter) == null ? void 0 : h.find((j) => j.columnIndex === x)) == null ? void 0 : u.expression,
+          value: (u = (h = a == null ? void 0 : a.onClickFilter) == null ? void 0 : h.find((j) => j.columnIndex === x)) == null ? void 0 : u.expression,
           onChange: (j) => d(x, j),
           type: "text",
           className: " h-9 w-full focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0 font-mono text-xs",
@@ -3140,7 +3131,7 @@ function Ve() {
             /* @__PURE__ */ e.jsx(
               Ue,
               {
-                checked: !!((g = t == null ? void 0 : t.onClickFilter) != null && g.find(
+                checked: !!((g = a == null ? void 0 : a.onClickFilter) != null && g.find(
                   (u) => u.columnIndex === b
                 )),
                 onCheckedChange: (u) => o(b, u)
@@ -3153,13 +3144,13 @@ function Ve() {
                 children: x
               }
             ),
-            /* @__PURE__ */ e.jsx("div", { className: "flex gap-2 items-center ", children: ((h = t == null ? void 0 : t.onClickFilter) == null ? void 0 : h.find(
+            /* @__PURE__ */ e.jsx("div", { className: "flex gap-2 items-center ", children: ((h = a == null ? void 0 : a.onClickFilter) == null ? void 0 : h.find(
               (u) => u.columnIndex === b
             )) && /* @__PURE__ */ e.jsx(
-              wt,
+              wa,
               {
                 onClick: () => {
-                  a((u) => {
+                  t((u) => {
                     const j = [...u];
                     return j[b] = !u[b], j;
                   });
@@ -3177,17 +3168,17 @@ function Ve() {
 }
 function hs() {
   var i, o, d;
-  const s = c((p) => p.card.preferences), a = c(
+  const s = c((p) => p.card.preferences), t = c(
     (p) => p.card.cfg
-  ), { setCardCfg: t, setCardPreferences: n, setChartOrientation: r } = c((p) => p.actions);
-  (i = a == null ? void 0 : a.options) != null && i.indexAxis;
+  ), { setCardCfg: a, setCardPreferences: n, setChartOrientation: r } = c((p) => p.actions);
+  (i = t == null ? void 0 : t.options) != null && i.indexAxis;
   function m(p) {
     r(p);
   }
   return /* @__PURE__ */ e.jsxs(
     Rs,
     {
-      value: ((o = s == null ? void 0 : s.chartOptions) == null ? void 0 : o.indexAxis) || ((d = a == null ? void 0 : a.options) == null ? void 0 : d.indexAxis) || "x",
+      value: ((o = s == null ? void 0 : s.chartOptions) == null ? void 0 : o.indexAxis) || ((d = t == null ? void 0 : t.options) == null ? void 0 : d.indexAxis) || "x",
       onValueChange: m,
       className: "flex gap-3",
       defaultValue: "x",
@@ -3205,39 +3196,39 @@ function hs() {
   );
 }
 const ze = "focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0";
-function rt(s, a) {
+function ra(s, t) {
   var n, r, m;
-  const t = Nt(s, a);
-  return ((m = (r = (n = s == null ? void 0 : s.chartOptions) == null ? void 0 : n.scales) == null ? void 0 : r[t]) == null ? void 0 : m.type) || "linear";
+  const a = Ca(s, t);
+  return ((m = (r = (n = s == null ? void 0 : s.chartOptions) == null ? void 0 : n.scales) == null ? void 0 : r[a]) == null ? void 0 : m.type) || "linear";
 }
-function Bt() {
-  var W, J, ae, G, ne, S;
-  const [s, a] = M(!1), t = c((N) => {
+function Ba() {
+  var W, J, te, G, ne, S;
+  const [s, t] = M(!1), a = c((N) => {
     var F;
     return (F = N.card) == null ? void 0 : F.preferences;
   }), n = c((N) => {
     var F;
     return (F = N.card) == null ? void 0 : F.cfg;
-  }), r = Nt(t, n), [m, i] = M(
-    rt(t)
+  }), r = Ca(a, n), [m, i] = M(
+    ra(a)
   ), [o, d] = M(
-    ((ae = (J = (W = t == null ? void 0 : t.chartOptions) == null ? void 0 : W.scales) == null ? void 0 : J[r]) == null ? void 0 : ae.min) || ""
+    ((te = (J = (W = a == null ? void 0 : a.chartOptions) == null ? void 0 : W.scales) == null ? void 0 : J[r]) == null ? void 0 : te.min) || ""
   ), [p, x] = M(
-    ((S = (ne = (G = t == null ? void 0 : t.chartOptions) == null ? void 0 : G.scales) == null ? void 0 : ne[r]) == null ? void 0 : S.max) || ""
-  ), [b, g] = M(o || p ? "custom" : "auto"), [h, u] = M(""), [j, f] = M(0), [v, O] = M(""), [y, L] = M(""), [E, V] = M(""), D = c(
+    ((S = (ne = (G = a == null ? void 0 : a.chartOptions) == null ? void 0 : G.scales) == null ? void 0 : ne[r]) == null ? void 0 : S.max) || ""
+  ), [b, g] = M(o || p ? "custom" : "auto"), [h, u] = M(""), [j, f] = M(0), [v, O] = M(""), [y, L] = M(""), [E, V] = M(""), T = c(
     (N) => N.actions.setCardPreferences
   ), C = c((N) => {
     var F;
     return (F = N.card) == null ? void 0 : F.type;
   }), z = ["pie", "doughnut", "polarArea"].includes(C);
   U(() => {
-    var N, F, H, fe, te, I, Z, se, ye, ge, Q, re, le, ve;
-    i(rt(t)), d(
-      ((H = (F = (N = t == null ? void 0 : t.chartOptions) == null ? void 0 : N.scales) == null ? void 0 : F[r]) == null ? void 0 : H.min) === 0 ? 0 : ""
-    ), x(((I = (te = (fe = t == null ? void 0 : t.chartOptions) == null ? void 0 : fe.scales) == null ? void 0 : te[r]) == null ? void 0 : I.max) || ""), u(
-      ((ge = (ye = (se = (Z = t == null ? void 0 : t.chartOptions) == null ? void 0 : Z.scales) == null ? void 0 : se[r]) == null ? void 0 : ye.ticks) == null ? void 0 : ge.stepSize) || ""
-    ), f(((Q = t == null ? void 0 : t.numberAxisFormat) == null ? void 0 : Q.decimalPlaces) || 0), O(((re = t == null ? void 0 : t.numberAxisFormat) == null ? void 0 : re.suffix) || ""), L(((le = t == null ? void 0 : t.numberAxisFormat) == null ? void 0 : le.currency) || ""), V(((ve = t == null ? void 0 : t.numberAxisFormat) == null ? void 0 : ve.locale) || "");
-  }, [s, t, r]);
+    var N, F, H, fe, ae, I, Z, se, ye, ge, Q, re, le, ve;
+    i(ra(a)), d(
+      ((H = (F = (N = a == null ? void 0 : a.chartOptions) == null ? void 0 : N.scales) == null ? void 0 : F[r]) == null ? void 0 : H.min) === 0 ? 0 : ""
+    ), x(((I = (ae = (fe = a == null ? void 0 : a.chartOptions) == null ? void 0 : fe.scales) == null ? void 0 : ae[r]) == null ? void 0 : I.max) || ""), u(
+      ((ge = (ye = (se = (Z = a == null ? void 0 : a.chartOptions) == null ? void 0 : Z.scales) == null ? void 0 : se[r]) == null ? void 0 : ye.ticks) == null ? void 0 : ge.stepSize) || ""
+    ), f(((Q = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : Q.decimalPlaces) || 0), O(((re = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : re.suffix) || ""), L(((le = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : le.currency) || ""), V(((ve = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : ve.locale) || "");
+  }, [s, a, r]);
   function q(N, F) {
     return F === "" || /^[0-9\b]+$/.test(F) ? Number(F) : Number(N);
   }
@@ -3342,11 +3333,11 @@ function Bt() {
       }
     });
     const F = {
-      ...t || {},
+      ...a || {},
       chartOptions: {
-        ...t == null ? void 0 : t.chartOptions,
+        ...a == null ? void 0 : a.chartOptions,
         scales: {
-          ...(H = t == null ? void 0 : t.chartOptions) == null ? void 0 : H.scales,
+          ...(H = a == null ? void 0 : a.chartOptions) == null ? void 0 : H.scales,
           [r]: {
             // ...cardPreferences?.chartOptions?.scales?.[axis],
             type: m,
@@ -3361,10 +3352,10 @@ function Bt() {
         locale: E
       }
     };
-    console.log(F), D(F);
+    console.log(F), T(F);
   }
-  return /* @__PURE__ */ e.jsxs(os, { onOpenChange: (N) => a(N), children: [
-    /* @__PURE__ */ e.jsx(cs, { asChild: !0, children: /* @__PURE__ */ e.jsx(_a, { className: "size-4 cursor-pointer text-muted-foreground hover:text-foreground" }) }),
+  return /* @__PURE__ */ e.jsxs(os, { onOpenChange: (N) => t(N), children: [
+    /* @__PURE__ */ e.jsx(cs, { asChild: !0, children: /* @__PURE__ */ e.jsx(_t, { className: "size-4 cursor-pointer text-muted-foreground hover:text-foreground" }) }),
     /* @__PURE__ */ e.jsx(ds, { align: "center", className: "max-w-65", children: /* @__PURE__ */ e.jsxs("div", { className: "grid gap-4", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
         /* @__PURE__ */ e.jsx("h4", { className: "font-medium leading-none", children: "Scale Options" }),
@@ -3416,7 +3407,7 @@ function Bt() {
         ] }),
         b === "custom" && m == "linear" && A(),
         K(),
-        /* @__PURE__ */ e.jsx(Ha, {}),
+        /* @__PURE__ */ e.jsx(Ht, {}),
         /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-3", children: /* @__PURE__ */ e.jsx(
           w,
           {
@@ -3432,19 +3423,19 @@ function Bt() {
 }
 function or({ idx: s }) {
   var o;
-  const a = c((d) => {
+  const t = c((d) => {
     var p;
     return (p = d.card) == null ? void 0 : p.preferences;
-  }), t = c(
+  }), a = c(
     (d) => {
       var p;
       return (p = d.card.preferences) == null ? void 0 : p.datasetOptions;
     }
   ), n = c(
     (d) => d.actions.setCardPreferences
-  ), r = (o = a == null ? void 0 : a.chartOptions) == null ? void 0 : o.indexAxis, m = t == null ? void 0 : t.find((d) => d.idx === s);
+  ), r = (o = t == null ? void 0 : t.chartOptions) == null ? void 0 : o.indexAxis, m = a == null ? void 0 : a.find((d) => d.idx === s);
   function i(d, p) {
-    (d === "end" || d === "start") && Ba($a());
+    (d === "end" || d === "start") && Bt($t());
     const x = {
       display: d !== "none",
       align: d,
@@ -3453,9 +3444,9 @@ function or({ idx: s }) {
     };
     if (!m)
       n({
-        ...a,
+        ...t,
         datasetOptions: [
-          ...t || [],
+          ...a || [],
           {
             idx: p,
             datalabels: x
@@ -3465,11 +3456,11 @@ function or({ idx: s }) {
     else {
       const b = { ...m };
       b.datalabels = x;
-      const g = t == null ? void 0 : t.map(
+      const g = a == null ? void 0 : a.map(
         (h) => h.idx === p ? b : h
       );
       n({
-        ...a,
+        ...t,
         datasetOptions: g
       });
     }
@@ -3484,7 +3475,7 @@ function or({ idx: s }) {
           size: "sm",
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
-          children: /* @__PURE__ */ e.jsx(vt, { className: "size-4" })
+          children: /* @__PURE__ */ e.jsx(Na, { className: "size-4" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -3541,20 +3532,20 @@ function or({ idx: s }) {
     ] }) })
   ] });
 }
-function $t() {
-  const s = c((d) => d.card), a = c(
+function $a() {
+  const s = c((d) => d.card), t = c(
     (d) => {
       var p, x, b;
       return (b = (x = (p = d == null ? void 0 : d.card) == null ? void 0 : p.preferences) == null ? void 0 : x.chartOptions) == null ? void 0 : b.indexAxis;
     }
-  ), t = a === "y" ? "Y axis" : "X axis", n = a === "y" ? "X axis" : "Y axis", {
+  ), a = t === "y" ? "Y axis" : "X axis", n = t === "y" ? "X axis" : "Y axis", {
     keys: r,
     metricKeys: m,
     dimensionKeys: i
   } = vs(s.data || []);
   let o = m;
   if (["stackedBar", "stackedLine"].includes(s.type)) {
-    const d = Pa({
+    const d = Pt({
       dataArray: s.data || [],
       groupKey: i[0],
       pivotKey: i[1],
@@ -3564,20 +3555,20 @@ function $t() {
   }
   return r.length === 0 ? null : /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ e.jsx(_, { children: t }),
+      /* @__PURE__ */ e.jsx(_, { children: a }),
       /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: /* @__PURE__ */ e.jsx("div", { className: "rounded-md bg-muted/70 px-2 py-1 hover:bg-muted", children: /* @__PURE__ */ e.jsx("p", { children: i[0] }) }) })
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between gap-5", children: [
         /* @__PURE__ */ e.jsx(_, { children: n }),
-        /* @__PURE__ */ e.jsx(Bt, {})
+        /* @__PURE__ */ e.jsx(Ba, {})
       ] }),
       /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: o.map((d, p) => /* @__PURE__ */ e.jsx(cr, { col: d, idx: p }, d)) })
     ] })
   ] });
 }
-function cr({ col: s, idx: a }) {
-  const t = c((o) => {
+function cr({ col: s, idx: t }) {
+  const a = c((o) => {
     var d;
     return (d = o.card) == null ? void 0 : d.preferences;
   }), n = c(
@@ -3585,15 +3576,15 @@ function cr({ col: s, idx: a }) {
       var d;
       return (d = o.card.preferences) == null ? void 0 : d.datasetOptions;
     }
-  ), r = n == null ? void 0 : n.find((o) => o.idx === a), { setCardPreferences: m } = c((o) => o.actions);
+  ), r = n == null ? void 0 : n.find((o) => o.idx === t), { setCardPreferences: m } = c((o) => o.actions);
   function i(o) {
     if (!r)
       m({
-        ...t,
+        ...a,
         datasetOptions: [
           ...n || [],
           {
-            idx: a,
+            idx: t,
             type: o === "area" ? "line" : o,
             fill: o === "area" ? "origin" : ""
           }
@@ -3603,10 +3594,10 @@ function cr({ col: s, idx: a }) {
       const d = { ...r };
       d.type = o === "area" ? "line" : o, d.fill = o === "area" ? "origin" : "";
       const p = n == null ? void 0 : n.map(
-        (x) => x.idx === a ? d : x
+        (x) => x.idx === t ? d : x
       );
       m({
-        ...t,
+        ...a,
         datasetOptions: p
       });
     }
@@ -3642,35 +3633,35 @@ function cr({ col: s, idx: a }) {
           className: "invisible size-4 cursor-pointer py-2 text-muted-foreground hover:text-foreground group-hover:visible"
         }
       ),
-      /* @__PURE__ */ e.jsx(or, { idx: a })
+      /* @__PURE__ */ e.jsx(or, { idx: t })
     ] })
   ] });
 }
-function Pt() {
-  const s = c((g) => g.selectedConnectionId), a = c((g) => g.selectedDatamodelId), t = c((g) => g.selectedDatabaseName), n = c((g) => g.selectedSchemaName), r = c((g) => g.selectedTableName), m = k((g) => g.dashboard.filters) || [], i = k((g) => g.actions.addFilter), o = k((g) => g.actions.removeFilter), d = k(
+function Pa() {
+  const s = c((g) => g.selectedConnectionId), t = c((g) => g.selectedDatamodelId), a = c((g) => g.selectedDatabaseName), n = c((g) => g.selectedSchemaName), r = c((g) => g.selectedTableName), m = k((g) => g.dashboard.filters) || [], i = k((g) => g.actions.addFilter), o = k((g) => g.actions.removeFilter), d = k(
     (g) => g.actions.removeFilterValue
   ), { modelItems: p, tableName: x } = Ie();
   function b(g, h = "dashboard") {
     var V;
-    const u = ue(g.column_name), j = ue(t || ""), f = ue(n || ""), v = ue(x);
-    let O = ut(
+    const u = ue(g.column_name), j = ue(a || ""), f = ue(n || ""), v = ue(x);
+    let O = xa(
       f,
       v
     ), y = `${O}.${u}`;
     const L = (V = p == null ? void 0 : p.find(
-      (D) => D.id === a
+      (T) => T.id === t
     )) == null ? void 0 : V.name;
-    a && a !== "none" && (y = `${ys}.${L}.${u}`, O = `${ys}.${L}`);
+    t && t !== "none" && (y = `${ys}.${L}.${u}`, O = `${ys}.${L}`);
     const E = m == null ? void 0 : m.find(
-      (D) => D.column === y && D.table === v && (D.database === j || D.database === t)
+      (T) => T.column === y && T.table === v && (T.database === j || T.database === a)
     );
     if (E)
       d(E.id), o(E.id);
     else {
-      const D = rs();
+      const T = rs();
       return x === "api" && s ? (i({
         location: h,
-        id: D,
+        id: T,
         //uuidv4(),
         column: y,
         title: g.column_name,
@@ -3686,8 +3677,8 @@ function Pt() {
           u
         )
         //DATE_DATA_TYPES.includes(column.data_type) ? dateSql : sql,
-      }), D) : (i({
-        id: D,
+      }), T) : (i({
+        id: T,
         //uuidv4(),
         location: h,
         column: y,
@@ -3695,7 +3686,7 @@ function Pt() {
         title: g.column_name,
         dataType: g.data_type,
         table: r || "",
-        database: t || "",
+        database: a || "",
         connectionId: s || "",
         operation: "in",
         sql: Xs(
@@ -3704,7 +3695,7 @@ function Pt() {
           u
         )
         //DATE_DATA_TYPES.includes(column.data_type) ? dateSql : sql,
-      }), D);
+      }), T);
     }
   }
   return { assignFilter: b };
@@ -3712,55 +3703,55 @@ function Pt() {
 function dr() {
   const s = k(
     (o) => o.dashboard.filters
-  ), a = c((o) => o.frame), { setFrame: t } = qs(), { columns: n } = Ie(), { assignFilter: r } = Pt();
+  ), t = c((o) => o.frame), { setFrame: a } = qs(), { columns: n } = Ie(), { assignFilter: r } = Pa();
   function m(o) {
     const d = r(o, "frame");
-    t({ ...a, filterId: d });
+    a({ ...t, filterId: d });
   }
-  const i = s == null ? void 0 : s.find((o) => o.id === a.filterId);
+  const i = s == null ? void 0 : s.find((o) => o.id === t.filterId);
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-3", children: [
     /* @__PURE__ */ e.jsx(_, { children: "Card Filter" }),
     /* @__PURE__ */ e.jsx(hr, { onSelect: m, columns: n }),
-    i && /* @__PURE__ */ e.jsx(Ka, { filter: i })
+    i && /* @__PURE__ */ e.jsx(Kt, { filter: i })
   ] });
 }
 function hr({
   columns: s,
-  onSelect: a
+  onSelect: t
 }) {
   var i;
-  const [t, n] = st.useState(!1), [r, m] = st.useState("");
-  return /* @__PURE__ */ e.jsxs(os, { open: t, onOpenChange: n, children: [
+  const [a, n] = sa.useState(!1), [r, m] = sa.useState("");
+  return /* @__PURE__ */ e.jsxs(os, { open: a, onOpenChange: n, children: [
     /* @__PURE__ */ e.jsx(cs, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
       w,
       {
         size: "sm",
         variant: "outline",
         role: "combobox",
-        "aria-expanded": t,
+        "aria-expanded": a,
         className: "w-full justify-between font-normal",
         children: [
           r ? (i = s.find((o) => o.column_name === r)) == null ? void 0 : i.column_name : "Select Column...",
-          /* @__PURE__ */ e.jsx(Ga, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+          /* @__PURE__ */ e.jsx(Gt, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
         ]
       }
     ) }),
-    /* @__PURE__ */ e.jsx(ds, { className: "w-[200px] p-0", children: /* @__PURE__ */ e.jsxs(Ja, { children: [
-      /* @__PURE__ */ e.jsx(Ua, { placeholder: "Search column", className: "h-9" }),
-      /* @__PURE__ */ e.jsxs(Qa, { children: [
-        /* @__PURE__ */ e.jsx(Wa, { children: "No framework found." }),
-        /* @__PURE__ */ e.jsx(Ya, { children: s.map((o) => /* @__PURE__ */ e.jsxs(
-          Za,
+    /* @__PURE__ */ e.jsx(ds, { className: "w-[200px] p-0", children: /* @__PURE__ */ e.jsxs(Jt, { children: [
+      /* @__PURE__ */ e.jsx(Ut, { placeholder: "Search column", className: "h-9" }),
+      /* @__PURE__ */ e.jsxs(Qt, { children: [
+        /* @__PURE__ */ e.jsx(Wt, { children: "No framework found." }),
+        /* @__PURE__ */ e.jsx(Yt, { children: s.map((o) => /* @__PURE__ */ e.jsxs(
+          Zt,
           {
             value: o.column_name,
             onSelect: (d) => {
               const p = d === r ? "" : d;
-              m(p), n(!1), p && a(o);
+              m(p), n(!1), p && t(o);
             },
             children: [
               o.column_name,
               /* @__PURE__ */ e.jsx(
-                yt,
+                va,
                 {
                   className: Y(
                     "ml-auto h-4 w-4",
@@ -3795,7 +3786,7 @@ function mr({
             "a",
             {
               target: "_blank",
-              onClick: (a) => a.stopPropagation(),
+              onClick: (t) => t.stopPropagation(),
               className: "text-blue-700",
               href: "https://docs.semaphor.cloud/concepts/visuals#line-chart",
               children: "example"
@@ -3809,7 +3800,7 @@ function mr({
       /* @__PURE__ */ e.jsx($, { children: "Settings" }),
       /* @__PURE__ */ e.jsxs(P, { className: "space-y-4 px-2", children: [
         /* @__PURE__ */ e.jsx(hs, {}),
-        /* @__PURE__ */ e.jsx($t, {})
+        /* @__PURE__ */ e.jsx($a, {})
       ] })
     ] }),
     /* @__PURE__ */ e.jsxs(B, { value: "item-3", children: [
@@ -3825,7 +3816,7 @@ function Ps() {
   var r, m, i;
   const s = c(
     (o) => o.card.cfg
-  ), a = c((o) => o.actions.setCardCfg), t = c((o) => o.card.type);
+  ), t = c((o) => o.actions.setCardCfg), a = c((o) => o.card.type);
   function n(o) {
     var x;
     const d = {
@@ -3845,12 +3836,12 @@ function Ps() {
         }
       }
     };
-    a(p), console.log(o);
+    t(p), console.log(o);
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ e.jsx("label", { className: "font-medium", children: "Data Labels" }),
-      !["pyramid"].includes(t) && /* @__PURE__ */ e.jsx(Bt, {})
+      !["pyramid"].includes(a) && /* @__PURE__ */ e.jsx(Ba, {})
     ] }),
     /* @__PURE__ */ e.jsxs(
       Oe,
@@ -3863,9 +3854,9 @@ function Ps() {
           /* @__PURE__ */ e.jsx(De, { children: /* @__PURE__ */ e.jsxs(Pe, { children: [
             /* @__PURE__ */ e.jsx(Le, { children: "Data Labels" }),
             /* @__PURE__ */ e.jsx(ee, { value: "none", children: "None" }),
-            t !== "pyramid" && /* @__PURE__ */ e.jsx(ee, { value: "start", children: "Start" }),
+            a !== "pyramid" && /* @__PURE__ */ e.jsx(ee, { value: "start", children: "Start" }),
             /* @__PURE__ */ e.jsx(ee, { value: "center", children: "Center" }),
-            t !== "pyramid" && /* @__PURE__ */ e.jsx(ee, { value: "end", children: "End" })
+            a !== "pyramid" && /* @__PURE__ */ e.jsx(ee, { value: "end", children: "End" })
           ] }) })
         ]
       }
@@ -3875,16 +3866,16 @@ function Ps() {
 function ur({
   cardType: s
 }) {
-  function a(t) {
+  function t(a) {
     const n = "SELECT label, [group], x-axis, y-axis, radius FROM table", r = "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: t === "bubble" ? n : r }),
+      /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 text-xs", children: a === "bubble" ? n : r }),
       /* @__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" }),
         /* @__PURE__ */ e.jsx("li", { children: "x-axis - category" }),
         /* @__PURE__ */ e.jsx("li", { children: "y-axis - category" }),
-        t === "bubble" && /* @__PURE__ */ e.jsx("li", { children: "radius - number" })
+        a === "bubble" && /* @__PURE__ */ e.jsx("li", { children: "radius - number" })
       ] }),
       /* @__PURE__ */ e.jsxs("div", { children: [
         "See ",
@@ -3905,7 +3896,7 @@ function ur({
   return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(Ce, { defaultValue: ["item-2"], type: "multiple", children: [
     /* @__PURE__ */ e.jsxs(B, { value: "item-1", children: [
       /* @__PURE__ */ e.jsx($, { children: `${_s(s)} Chart` }),
-      /* @__PURE__ */ e.jsx(P, { className: "space-y-4 font-mono text-xs", children: a(s) })
+      /* @__PURE__ */ e.jsx(P, { className: "space-y-4 font-mono text-xs", children: t(s) })
     ] }),
     /* @__PURE__ */ e.jsxs(B, { value: "item-2", children: [
       /* @__PURE__ */ e.jsx($, { children: "Settings" }),
@@ -3941,7 +3932,7 @@ const xr = {
   ]
 };
 function fr() {
-  const s = c((a) => a.card.type);
+  const s = c((t) => t.card.type);
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-6 p-6", children: [
     /* @__PURE__ */ e.jsx(
       Ce,
@@ -4056,9 +4047,9 @@ function gr(s) {
 }
 function jr() {
   var d, p, x, b, g;
-  const s = c((h) => h.card.preferences), a = c(
+  const s = c((h) => h.card.preferences), t = c(
     (h) => h.actions.setCardPreferences
-  ), t = c(
+  ), a = c(
     (h) => h.actions.setNumberFormat
   );
   c(
@@ -4088,7 +4079,7 @@ function jr() {
     }
   ) || [], i = c(
     (h) => h.actions.setColorRanges
-  ), o = [...new Set(et.map((h) => h.currency))];
+  ), o = [...new Set(ea.map((h) => h.currency))];
   return /* @__PURE__ */ e.jsxs("div", { children: [
     /* @__PURE__ */ e.jsxs("div", { className: "mb-3 flex items-center gap-2", children: [
       /* @__PURE__ */ e.jsx(
@@ -4096,7 +4087,7 @@ function jr() {
         {
           checked: !!((d = s == null ? void 0 : s.formatNumber) != null && d.enabled),
           onCheckedChange: (h) => {
-            a({
+            t({
               ...s,
               formatNumber: {
                 ...s == null ? void 0 : s.formatNumber,
@@ -4119,7 +4110,7 @@ function jr() {
                 value: n || "en-US",
                 onValueChange: (h) => {
                   var u, j, f;
-                  return t(
+                  return a(
                     ((u = s == null ? void 0 : s.formatNumber) == null ? void 0 : u.decimalPlaces) || 0,
                     ((j = s == null ? void 0 : s.formatNumber) == null ? void 0 : j.currency) || "",
                     h || "en-US",
@@ -4130,7 +4121,7 @@ function jr() {
                   /* @__PURE__ */ e.jsx(Me, { className: "col-span-6 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(Te, {}) }),
                   /* @__PURE__ */ e.jsx(De, { children: /* @__PURE__ */ e.jsxs(Pe, { children: [
                     /* @__PURE__ */ e.jsx(Le, { children: "Format" }),
-                    et.map((h) => /* @__PURE__ */ e.jsx(ee, { value: h.locale, children: h.locale }, h.locale))
+                    ea.map((h) => /* @__PURE__ */ e.jsx(ee, { value: h.locale, children: h.locale }, h.locale))
                   ] }) })
                 ]
               }
@@ -4144,7 +4135,7 @@ function jr() {
                 value: r || "none",
                 onValueChange: (h) => {
                   var u, j, f;
-                  return t(
+                  return a(
                     ((u = s == null ? void 0 : s.formatNumber) == null ? void 0 : u.decimalPlaces) || 0,
                     h === "none" ? "" : h,
                     ((j = s == null ? void 0 : s.formatNumber) == null ? void 0 : j.locale) || "",
@@ -4172,7 +4163,7 @@ function jr() {
                 value: ((b = (x = s == null ? void 0 : s.formatNumber) == null ? void 0 : x.decimalPlaces) == null ? void 0 : b.toString()) || "0",
                 onValueChange: (h) => {
                   var u, j, f;
-                  return t(
+                  return a(
                     Number(h),
                     ((u = s == null ? void 0 : s.formatNumber) == null ? void 0 : u.currency) || "",
                     ((j = s == null ? void 0 : s.formatNumber) == null ? void 0 : j.locale) || "",
@@ -4196,7 +4187,7 @@ function jr() {
                 placeholder: "K, M, B, %",
                 onChange: (h) => {
                   var u, j, f;
-                  return t(
+                  return a(
                     ((u = s == null ? void 0 : s.formatNumber) == null ? void 0 : u.decimalPlaces) || 0,
                     ((j = s == null ? void 0 : s.formatNumber) == null ? void 0 : j.currency) || "",
                     ((f = s == null ? void 0 : s.formatNumber) == null ? void 0 : f.locale) || "",
@@ -4210,7 +4201,7 @@ function jr() {
       ] }) }),
       /* @__PURE__ */ e.jsx(Ke, { className: "my-3" }),
       /* @__PURE__ */ e.jsx(
-        Xa,
+        Xt,
         {
           colorRanges: m,
           setColorRanges: i
@@ -4252,9 +4243,9 @@ function br() {
 }
 function yr() {
   var n;
-  const s = c((r) => r.card.preferences), { setCardPreferences: a } = c((r) => r.actions);
-  function t(r) {
-    a({
+  const s = c((r) => r.card.preferences), { setCardPreferences: t } = c((r) => r.actions);
+  function a(r) {
+    t({
       ...s,
       textVisualOptions: {
         ...s == null ? void 0 : s.textVisualOptions,
@@ -4266,7 +4257,7 @@ function yr() {
     Rs,
     {
       value: (n = s == null ? void 0 : s.textVisualOptions) != null && n.isDynamicText ? "dynamic" : "static",
-      onValueChange: t,
+      onValueChange: a,
       className: "flex gap-3",
       defaultValue: "x",
       children: [
@@ -4284,13 +4275,13 @@ function yr() {
 }
 function ss({
   cardType: s,
-  docContent: a,
-  suffix: t = "Chart"
+  docContent: t,
+  suffix: a = "Chart"
 }) {
   return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(Ce, { defaultValue: ["item-2"], type: "multiple", children: [
     /* @__PURE__ */ e.jsxs(B, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx($, { children: `${_s(s)} ${t}` }),
-      /* @__PURE__ */ e.jsx(P, { children: a || /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
+      /* @__PURE__ */ e.jsx($, { children: `${_s(s)} ${a}` }),
+      /* @__PURE__ */ e.jsx(P, { children: t || /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
         /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 text-xs", children: "SELECT label, measure FROM table" }),
         /* @__PURE__ */ e.jsxs("ul", { className: "ml-6 list-disc text-xs [&>li]:mt-2", children: [
           /* @__PURE__ */ e.jsx("li", { children: "label - category" }),
@@ -4357,7 +4348,7 @@ function vr() {
       /* @__PURE__ */ e.jsx($, { children: "Settings" }),
       /* @__PURE__ */ e.jsxs(P, { className: "space-y-4 px-2", children: [
         /* @__PURE__ */ e.jsx(hs, {}),
-        /* @__PURE__ */ e.jsx($t, {})
+        /* @__PURE__ */ e.jsx($a, {})
       ] })
     ] }),
     /* @__PURE__ */ e.jsxs(B, { value: "item-3", children: [
@@ -4370,10 +4361,10 @@ function Nr({}) {
   const s = c((n) => {
     var r;
     return (r = n.card) == null ? void 0 : r.preferences;
-  }), a = c(
+  }), t = c(
     (n) => n.actions.setCardPreferences
-  ), t = (n) => {
-    a({
+  ), a = (n) => {
+    t({
       ...s,
       allowDownload: n
     });
@@ -4384,7 +4375,7 @@ function Nr({}) {
       /* @__PURE__ */ e.jsx(P, { className: "px-2", children: /* @__PURE__ */ e.jsx(Ve, {}) })
     ] }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-      /* @__PURE__ */ e.jsx(Ue, { onCheckedChange: t, id: "allow-download" }),
+      /* @__PURE__ */ e.jsx(Ue, { onCheckedChange: a, id: "allow-download" }),
       /* @__PURE__ */ e.jsx(
         "label",
         {
@@ -4446,37 +4437,37 @@ const Cr = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-
   ] })
 ] });
 function wr() {
-  const s = c((t) => t.card.type);
-  function a(t) {
-    switch (t) {
+  const s = c((a) => a.card.type);
+  function t(a) {
+    switch (a) {
       case "stackedBar":
       case "stackedLine":
         return /* @__PURE__ */ e.jsx(vr, {});
       case "pyramid":
-        return /* @__PURE__ */ e.jsx(ss, { docContent: Cr, cardType: t });
+        return /* @__PURE__ */ e.jsx(ss, { docContent: Cr, cardType: a });
       case "kpi":
         return /* @__PURE__ */ e.jsx(br, {});
       case "line":
       case "bar":
-        return /* @__PURE__ */ e.jsx(mr, { cardType: t });
+        return /* @__PURE__ */ e.jsx(mr, { cardType: a });
       case "range":
-        return /* @__PURE__ */ e.jsx(ss, { docContent: Sr, cardType: t });
+        return /* @__PURE__ */ e.jsx(ss, { docContent: Sr, cardType: a });
       case "pie":
       case "doughnut":
       case "polarArea":
       case "radar":
-        return /* @__PURE__ */ e.jsx(ss, { cardType: t });
+        return /* @__PURE__ */ e.jsx(ss, { cardType: a });
       case "bubble":
       case "scatter":
-        return /* @__PURE__ */ e.jsx(ur, { cardType: t });
+        return /* @__PURE__ */ e.jsx(ur, { cardType: a });
       case "table":
-        return /* @__PURE__ */ e.jsx(Nr, { cardType: t });
+        return /* @__PURE__ */ e.jsx(Nr, { cardType: a });
       case "text":
         return /* @__PURE__ */ e.jsx(
           ss,
           {
             docContent: kr,
-            cardType: t,
+            cardType: a,
             suffix: "Visual"
           }
         );
@@ -4484,10 +4475,10 @@ function wr() {
         return /* @__PURE__ */ e.jsx(fr, {});
     }
   }
-  return /* @__PURE__ */ e.jsx(Vs, { className: "h-full w-full text-sm", children: a(s) });
+  return /* @__PURE__ */ e.jsx(Vs, { className: "h-full w-full text-sm", children: t(s) });
 }
 function zr() {
-  const s = c((a) => a.isShowingVisual);
+  const s = c((t) => t.isShowingVisual);
   return /* @__PURE__ */ e.jsxs(
     Ns,
     {
@@ -4524,41 +4515,41 @@ function zr() {
                 }
               ) }),
               /* @__PURE__ */ e.jsx(Cs, { className: "border" }),
-              /* @__PURE__ */ e.jsx(Fe, { minSize: 40, defaultSize: 75, maxSize: 100, children: /* @__PURE__ */ e.jsx(nt, {}) })
-            ] }) : /* @__PURE__ */ e.jsx(nt, {})
+              /* @__PURE__ */ e.jsx(Fe, { minSize: 40, defaultSize: 75, maxSize: 100, children: /* @__PURE__ */ e.jsx(na, {}) })
+            ] }) : /* @__PURE__ */ e.jsx(na, {})
           }
         )
       ]
     }
   );
 }
-function Fr({ authToken: s, onSave: a, onClose: t }) {
+function Fr({ authToken: s, onSave: t, onClose: a }) {
   const n = c((i) => i.actions.setOnSave), r = c((i) => i.actions.setOnClose), m = k((i) => i.actions.setAuthToken);
   return U(() => {
-    a && n(a), t && r(t);
-  }, [a, n, t, r]), U(() => {
+    t && n(t), a && r(a);
+  }, [t, n, a, r]), U(() => {
     s && s.accessToken && m(s);
   }, [s, m]), /* @__PURE__ */ e.jsxs(en, { className: "rounded-none", role: "editor-panel", children: [
-    /* @__PURE__ */ e.jsx(sn, { className: "rounded-none border-r-[1.5px]", children: /* @__PURE__ */ e.jsx(Mt, {}) }),
-    /* @__PURE__ */ e.jsx(tn, { children: /* @__PURE__ */ e.jsx(zr, {}) })
+    /* @__PURE__ */ e.jsx(sn, { className: "rounded-none border-r-[1.5px]", children: /* @__PURE__ */ e.jsx(Ma, {}) }),
+    /* @__PURE__ */ e.jsx(an, { children: /* @__PURE__ */ e.jsx(zr, {}) })
   ] });
 }
 function Or() {
   k((i) => i.selectedCardId);
-  const s = k((i) => i.selectedSheetId), { setIsVisualEditing: a } = k((i) => i.actions), t = k((i) => i.isVisualEditing), n = k((i) => i.actions.updateFrame);
+  const s = k((i) => i.selectedSheetId), { setIsVisualEditing: t } = k((i) => i.actions), a = k((i) => i.isVisualEditing), n = k((i) => i.actions.updateFrame);
   function r(i) {
-    s && (n(s, i), a(!1));
+    s && (n(s, i), t(!1));
   }
   function m() {
-    a(!1);
+    t(!1);
   }
   return /* @__PURE__ */ e.jsx(
     "div",
     {
       role: "editor-container",
       className: Y("flex grow", {
-        block: t,
-        hidden: !t
+        block: a,
+        hidden: !a
       }),
       children: /* @__PURE__ */ e.jsx(Fr, { onSave: r, onClose: m })
     }
@@ -4568,14 +4559,14 @@ function Mr() {
   c((i) => i.selectedConnectionId), c((i) => i.selectedDatamodelId);
   const s = c((i) => i.selectedDatabaseName);
   c((i) => i.selectedSchemaName);
-  const a = c((i) => i.selectedTableName), t = k((i) => i.dashboard.filters) || [];
+  const t = c((i) => i.selectedTableName), a = k((i) => i.dashboard.filters) || [];
   k((i) => i.actions.addFilter), k((i) => i.actions.removeFilter), k(
     (i) => i.actions.removeFilterValue
   );
-  const { modelItems: n, columns: r } = Ie(), { assignFilter: m } = Pt();
+  const { modelItems: n, columns: r } = Ie(), { assignFilter: m } = Pa();
   return /* @__PURE__ */ e.jsx("div", { className: "xbg-red-100 flex-1 basis-0 flex-col overflow-scroll px-3", children: r == null ? void 0 : r.map((i) => {
-    const o = t == null ? void 0 : t.find(
-      (d) => d.column === ue(i.column_name) && d.table === a && d.database === s
+    const o = a == null ? void 0 : a.find(
+      (d) => d.column === ue(i.column_name) && d.table === t && d.database === s
     );
     return /* @__PURE__ */ e.jsx(
       "div",
@@ -4588,7 +4579,7 @@ function Mr() {
           }
         ),
         children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ e.jsx(Ot, { column: i }),
+          /* @__PURE__ */ e.jsx(Oa, { column: i }),
           /* @__PURE__ */ e.jsx("span", { children: i.column_name })
         ] })
       },
@@ -4597,9 +4588,9 @@ function Mr() {
   }) });
 }
 function Tr() {
-  k((a) => a.showFilters);
+  k((t) => t.showFilters);
   const s = k(
-    (a) => a.actions.setShowFilters
+    (t) => t.actions.setShowFilters
   );
   return /* @__PURE__ */ e.jsxs("section", { className: "relative flex grow flex-col border-l px-4", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "mt-4 flex items-center justify-between gap-2 px-3", children: [
@@ -4615,7 +4606,7 @@ function Tr() {
       )
     ] }),
     /* @__PURE__ */ e.jsx("div", { className: "flex grow", children: /* @__PURE__ */ e.jsx(
-      Mt,
+      Ma,
       {
         ColumnsComponent: () => (
           // schemaName, tableName, columns
@@ -4629,25 +4620,25 @@ function Tr() {
   ] });
 }
 function Dr() {
-  k((t) => t.dashboard);
-  const s = k((t) => t.showFilters), a = k((t) => t.isVisualEditing);
-  return k((t) => t.bookmarkKey), /* @__PURE__ */ e.jsxs(
+  k((a) => a.dashboard);
+  const s = k((a) => a.showFilters), t = k((a) => a.isVisualEditing);
+  return k((a) => a.bookmarkKey), /* @__PURE__ */ e.jsxs(
     "div",
     {
       role: "dashboard-plus-main",
       className: Y("grow", {
-        hidden: a,
-        flex: !a
+        hidden: t,
+        flex: !t
       }),
       children: [
-        /* @__PURE__ */ e.jsx(an, {}),
+        /* @__PURE__ */ e.jsx(tn, {}),
         s && /* @__PURE__ */ e.jsx("div", { role: "filter-aside-container", className: "flex", children: /* @__PURE__ */ e.jsx(Tr, {}) })
       ]
     }
   );
 }
 function Ar() {
-  const s = k((n) => n.dashboard), a = k((n) => n.actions.setDashboard), t = k(
+  const s = k((n) => n.dashboard), t = k((n) => n.actions.setDashboard), a = k(
     (n) => n.showDashboardJSON
   );
   return k(
@@ -4656,7 +4647,7 @@ function Ar() {
     "div",
     {
       className: Y(" p-2", {
-        hidden: !t
+        hidden: !a
       }),
       children: /* @__PURE__ */ e.jsx(
         nn,
@@ -4664,7 +4655,7 @@ function Ar() {
           onChange: (n) => {
             if (n)
               try {
-                JSON.parse(n), a(JSON.parse(n));
+                JSON.parse(n), t(JSON.parse(n));
               } catch {
               }
           },
@@ -4692,14 +4683,14 @@ function Ar() {
 }
 function Ir({
   showControls: s = !1,
-  showFooter: a = !0,
-  ...t
+  showFooter: t = !0,
+  ...a
 }) {
-  return /* @__PURE__ */ e.jsxs(rn, { dashboardProps: t, children: [
+  return /* @__PURE__ */ e.jsxs(rn, { dashboardProps: a, children: [
     /* @__PURE__ */ e.jsx(ln, {}),
     /* @__PURE__ */ e.jsxs(on, { children: [
       /* @__PURE__ */ e.jsx(Ar, {}),
-      /* @__PURE__ */ e.jsxs(cn, { ...t, children: [
+      /* @__PURE__ */ e.jsxs(cn, { ...a, children: [
         s && /* @__PURE__ */ e.jsx(Vn, {}),
         /* @__PURE__ */ e.jsx(Or, {}),
         /* @__PURE__ */ e.jsx(Dr, {})