react-semaphor 0.0.270 → 0.0.271

package/dist/chunks/{dashboard-plus-YXEbQOX0.js → dashboard-plus-Sp1FJ_gr.js}

@@ -1,4 +1,4 @@
-import { J as O, L as Ue, b as z, c as Ns, u as je, j as e, M as Cs, O as Ss, P as F, Q as ws, R as ks, U as zs, V as Fs, W as Ls, X as H, Y as Ce, Z as aa, _ as Ga, $ as Ka, a0 as Wa, a1 as Qa, a2 as Ja, a3 as Ya, a4 as Ps, f as X, a5 as He, a6 as Xa, a7 as ta, a8 as $e, a9 as ss, T as Ts, e as na, g as Is, aa as he, ab as me, ac as xe, ad as pe, ae as Se, af as fe, ag as Q, ah as Ds, G as c, ai as Ms, aj as Os, ak as As, w as la, v as ia, t as ue, al as Za, r as et, N as ra, s as st, am as at, B as tt, an as oa, ao as nt, S as Es, z as lt, n as Us, A as ca, ap as fs, aq as re, ar as Ne, as as Me, at as ls, au as da, av as it, aw as rt, ax as ua, ay as ot, az as ct, aA as dt, aB as ut, aC as ht, aD as gs, aE as mt, aF as xt, aG as _e, aH as js, aI as De, aJ as bs, aK as Gs, aL as pt, aM as ft, aN as gt, aO as jt, aP as bt, aQ as ps, aR as yt, aS as Ks, aT as vt, aU as Ws, aV as Nt, aW as Ct, aX as St, aY as ha, H as we, aZ as ma, l as wt, C as kt, E as Xe, d as zt, h as Ft, a_ as Lt, i as Tt, o as It, a$ as Dt, m as Mt, b0 as Ot, b1 as xa, b2 as pa, b3 as Ze, b4 as fa, b5 as es, b6 as Qs, b7 as At, b8 as Et, b9 as is, ba as rs, bb as os, bc as ga, K as Vt, bd as qt, be as Rt, bf as cs, bg as Le, bh as _t, bi as ja, bj as Ht, bk as $t, bl as as, bm as Bt, bn as Pt, bo as Ut, bp as Js, bq as Gt, br as Kt, bs as Wt, bt as Qt, bu as Jt, bv as Yt, bw as Xt, bx as Zt, by as Te, bz as P, bA as U, bB as Vs, bC as G, bD as en, bE as ba, bF as ya, bG as sn, bH as an, bI as tn, bJ as nn, bK as ln, bL as rn, bM as on, bN as cn, bO as dn } from "./index-aHW1mk38.js";
+import { J as O, L as Ue, b as z, c as Cs, u as je, j as e, M as Ns, O as Ss, P as F, Q as ws, R as ks, U as zs, V as Fs, W as Ts, X as H, Y as Ne, Z as aa, _ as Ga, $ as Ka, a0 as Wa, a1 as Qa, a2 as Ja, a3 as Ya, a4 as Ps, f as X, a5 as He, a6 as Xa, a7 as ta, a8 as $e, a9 as ss, T as Ls, e as na, g as Is, aa as he, ab as me, ac as xe, ad as pe, ae as Se, af as fe, ag as Q, ah as Ds, G as c, ai as Ms, aj as Os, ak as As, w as la, v as ia, t as ue, al as Za, r as et, N as ra, s as st, am as at, B as tt, an as oa, ao as nt, S as Es, z as lt, n as Us, A as ca, ap as fs, aq as re, ar as Ce, as as Me, at as ls, au as da, av as it, aw as rt, ax as ua, ay as ot, az as ct, aA as dt, aB as ut, aC as ht, aD as gs, aE as mt, aF as xt, aG as _e, aH as js, aI as De, aJ as bs, aK as Gs, aL as pt, aM as ft, aN as gt, aO as jt, aP as bt, aQ as ps, aR as yt, aS as Ks, aT as vt, aU as Ws, aV as Ct, aW as Nt, aX as St, aY as ha, H as we, aZ as ma, l as wt, C as kt, E as Xe, d as zt, h as Ft, a_ as Tt, i as Lt, o as It, a$ as Dt, m as Mt, b0 as Ot, b1 as xa, b2 as pa, b3 as Ze, b4 as fa, b5 as es, b6 as Qs, b7 as At, b8 as Et, b9 as is, ba as rs, bb as os, bc as ga, K as Vt, bd as qt, be as Rt, bf as cs, bg as Te, bh as _t, bi as ja, bj as Ht, bk as $t, bl as as, bm as Bt, bn as Pt, bo as Ut, bp as Js, bq as Gt, br as Kt, bs as Wt, bt as Qt, bu as Jt, bv as Yt, bw as Xt, bx as Zt, by as Le, bz as P, bA as U, bB as Vs, bC as G, bD as en, bE as ba, bF as ya, bG as sn, bH as an, bI as tn, bJ as nn, bK as ln, bL as rn, bM as on, bN as cn, bO as dn } from "./index-8G7rNzmx.js";
 import * as Ys from "react";
 import ge, { useState as E, useMemo as ys, useEffect as Y, useRef as Be, Suspense as un } from "react";
 import "react-dom";
@@ -74,7 +74,7 @@ const va = O("ChartNoAxesGantt", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Na = O("ChartPie", [
+const Ca = O("ChartPie", [
   [
     "path",
     {
@@ -90,7 +90,7 @@ const Na = O("ChartPie", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ca = O("ChartScatter", [
+const Na = O("ChartScatter", [
   ["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" }],
@@ -208,7 +208,7 @@ const vn = O("Glasses", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Nn = O("Hammer", [
+const Cn = O("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" }],
   [
@@ -225,7 +225,7 @@ const Nn = O("Hammer", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Cn = O("Hash", [
+const Nn = O("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" }],
@@ -312,7 +312,7 @@ const Pe = O("LoaderCircle", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ln = O("MessageSquareMore", [
+const Tn = O("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" }],
@@ -324,7 +324,7 @@ const Ln = O("MessageSquareMore", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Tn = O("Network", [
+const Ln = O("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" }],
@@ -512,7 +512,7 @@ function ka(s) {
           var o;
           return {
             ...l,
-            cards: (o = l.cards) == null ? void 0 : o.map((r) => _n(r))
+            cards: (o = l.cards) == null ? void 0 : o.map((i) => _n(i))
           };
         })
       };
@@ -567,13 +567,13 @@ async function $n(s, n, a, t) {
 async function vs(s, n) {
   if (!n)
     return null;
-  const { id: a, template: t, filterValues: l, isDefault: o, shared: r } = s;
+  const { id: a, template: t, filterValues: l, isDefault: o, shared: i } = s;
   return await Ue("https://semaphor.cloud/api/v1/lens", n, {
     lensId: a,
     template: t,
     filterValues: l,
     isDefault: o,
-    shared: r,
+    shared: i,
     operation: "update"
   });
 }
@@ -584,20 +584,20 @@ async function Bn(s, n) {
   }) : null;
 }
 function Pn() {
-  const [s, n] = E(""), [a, t] = E(!1), l = z((u) => u.lenses), { setLenses: o, setSelectedLensId: r } = Ns(), [d, i] = E(!1), [x, h] = E(!1), y = z((u) => u.dashboard), p = z((u) => u.filterValues), { authToken: m } = je();
+  const [s, n] = E(""), [a, t] = E(!1), l = z((m) => m.lenses), { setLenses: o, setSelectedLensId: i } = Cs(), [d, r] = E(!1), [x, u] = E(!1), v = z((m) => m.dashboard), p = z((m) => m.filterValues), { authToken: h } = je();
   async function f() {
-    i(!0);
-    const u = ka(
-      y
+    r(!0);
+    const m = ka(
+      v
     ), k = await $n(
       s,
-      u,
+      m,
       p,
-      m == null ? void 0 : m.accessToken
+      h == null ? void 0 : h.accessToken
     );
-    k && (o([...l || [], k]), r(k.id), h(!1)), i(!1);
+    k && (o([...l || [], k]), i(k.id), u(!1)), r(!1);
   }
-  return /* @__PURE__ */ e.jsxs(Cs, { open: x, onOpenChange: h, children: [
+  return /* @__PURE__ */ e.jsxs(Ns, { open: x, onOpenChange: u, children: [
     /* @__PURE__ */ e.jsx(Ss, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
       F,
       {
@@ -613,16 +613,16 @@ function Pn() {
     /* @__PURE__ */ e.jsxs(ks, { className: "sm:max-w-[425px]", children: [
       /* @__PURE__ */ e.jsxs(zs, { children: [
         /* @__PURE__ */ e.jsx(Fs, { children: "Create Lens" }),
-        /* @__PURE__ */ e.jsx(Ls, { children: "Lenses are private by default and are only visible to you." })
+        /* @__PURE__ */ e.jsx(Ts, { children: "Lenses are private by default and are only visible to you." })
       ] }),
       /* @__PURE__ */ e.jsx("div", { className: "grid gap-4 py-4", children: /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-8 items-center gap-4", children: [
         /* @__PURE__ */ e.jsx(H, { className: "text-right", children: "Name" }),
         /* @__PURE__ */ e.jsx(
-          Ce,
+          Ne,
           {
             value: s,
-            onChange: (u) => {
-              n(u.target.value);
+            onChange: (m) => {
+              n(m.target.value);
             },
             id: "name",
             className: "col-span-7 focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0"
@@ -645,37 +645,37 @@ function Pn() {
   ] });
 }
 function Un() {
-  const [s, n] = E(!1), a = z((h) => h.lenses), t = z((h) => h.selectedLensId), { setLenses: l, setSelectedLensId: o } = Ns(), { authToken: r } = je();
-  async function d(h) {
-    o(h);
+  const [s, n] = E(!1), a = z((u) => u.lenses), t = z((u) => u.selectedLensId), { setLenses: l, setSelectedLensId: o } = Cs(), { authToken: i } = je();
+  async function d(u) {
+    o(u);
   }
-  async function i(h) {
-    if (await Bn(h, r == null ? void 0 : r.accessToken)) {
-      const p = a == null ? void 0 : a.filter((m) => m.id !== h);
+  async function r(u) {
+    if (await Bn(u, i == null ? void 0 : i.accessToken)) {
+      const p = a == null ? void 0 : a.filter((h) => h.id !== u);
       l(p || []), o("original");
     }
   }
-  async function x(h) {
-    const y = a == null ? void 0 : a.map((f) => f.id === h.id ? {
+  async function x(u) {
+    const v = a == null ? void 0 : a.map((f) => f.id === u.id ? {
       ...f,
-      isDefault: !h.isDefault
+      isDefault: !u.isDefault
     } : {
       ...f,
       isDefault: !1
     });
-    l(y || []);
+    l(v || []);
     const p = {
-      ...h,
-      isDefault: !h.isDefault
+      ...u,
+      isDefault: !u.isDefault
     };
-    await vs(p, r == null ? void 0 : r.accessToken);
-    const m = a == null ? void 0 : a.find((f) => f.isDefault);
-    if (m && m.id !== h.id) {
+    await vs(p, i == null ? void 0 : i.accessToken);
+    const h = a == null ? void 0 : a.find((f) => f.isDefault);
+    if (h && h.id !== u.id) {
       const f = {
-        ...m,
+        ...h,
         isDefault: !1
       };
-      await vs(f, r == null ? void 0 : r.accessToken);
+      await vs(f, i == null ? void 0 : i.accessToken);
     }
   }
   return /* @__PURE__ */ e.jsxs(Ga, { open: s, onOpenChange: n, children: [
@@ -690,25 +690,25 @@ function Un() {
           onValueChange: d,
           children: [
             /* @__PURE__ */ e.jsx(Ps, { value: "original", children: "Original" }),
-            a == null ? void 0 : a.map((h) => /* @__PURE__ */ e.jsxs(
+            a == null ? void 0 : a.map((u) => /* @__PURE__ */ e.jsxs(
               Ps,
               {
                 className: "group flex justify-between gap-2",
-                value: h.id,
+                value: u.id,
                 children: [
-                  /* @__PURE__ */ e.jsx("p", { children: h.name }),
+                  /* @__PURE__ */ e.jsx("p", { children: u.name }),
                   /* @__PURE__ */ e.jsxs("span", { className: "flex items-center gap-3", children: [
                     /* @__PURE__ */ e.jsx(
                       Sn,
                       {
-                        onClick: (y) => {
-                          y.preventDefault(), x(h);
+                        onClick: (v) => {
+                          v.preventDefault(), x(u);
                         },
                         className: X(
                           "size-3.5 text-muted-foreground hover:cursor-pointer hover:text-foreground group-hover:visible",
                           {
-                            invisible: !h.isDefault,
-                            "text-green-500": h.isDefault
+                            invisible: !u.isDefault,
+                            "text-green-500": u.isDefault
                           }
                         ),
                         strokeWidth: 1.5
@@ -717,8 +717,8 @@ function Un() {
                     /* @__PURE__ */ e.jsx(
                       He,
                       {
-                        onClick: (y) => {
-                          y.preventDefault(), i(h.id);
+                        onClick: (v) => {
+                          v.preventDefault(), r(u.id);
                         },
                         className: "invisible size-3.5 text-muted-foreground hover:cursor-pointer hover:text-foreground group-hover:visible",
                         strokeWidth: 1.5
@@ -727,7 +727,7 @@ function Un() {
                   ] })
                 ]
               },
-              h.id
+              u.id
             ))
           ]
         }
@@ -736,25 +736,25 @@ function Un() {
   ] });
 }
 function Gn() {
-  const { authToken: s } = je(), n = z((b) => b.lenses), a = z((b) => b.selectedLensId), t = n == null ? void 0 : n.find((b) => b.id === a), l = z((b) => b.dashboard);
-  z((b) => b.selectedSheetId);
+  const { authToken: s } = je(), n = z((y) => y.lenses), a = z((y) => y.selectedLensId), t = n == null ? void 0 : n.find((y) => y.id === a), l = z((y) => y.dashboard);
+  z((y) => y.selectedSheetId);
   const o = z(
-    (b) => b.isDashboardEditing
-  ), [r, d] = E(!1), i = z((b) => b.filterValues), x = z((b) => b.isVisualEditing), h = z((b) => b.showFilters);
+    (y) => y.isDashboardEditing
+  ), [i, d] = E(!1), r = z((y) => y.filterValues), x = z((y) => y.isVisualEditing), u = z((y) => y.showFilters);
   z(
-    (b) => b.showDashboardJSON
+    (y) => y.showDashboardJSON
   );
-  const y = z((b) => b.onSaveFunction), p = z(
-    (b) => b.actions.setShowFilters
-  ), { addFrame: m, setSelectedFrameId: f } = z(
-    (b) => b.actions
-  ), { getSelectedSheet: u, setIsDashboardEditing: k, setShowDashboardJSON: I } = z((b) => b.actions), D = u(), { tenantId: N, endUserId: M } = ys(
+  const v = z((y) => y.onSaveFunction), p = z(
+    (y) => y.actions.setShowFilters
+  ), { addFrame: h, setSelectedFrameId: f } = z(
+    (y) => y.actions
+  ), { getSelectedSheet: m, setIsDashboardEditing: k, setShowDashboardJSON: I } = z((y) => y.actions), M = m(), { tenantId: j, endUserId: D } = ys(
     () => Xa(s == null ? void 0 : s.accessToken),
     [s == null ? void 0 : s.accessToken]
-  ), A = ys(() => N || M, [N, M]), j = () => {
-    if (!o || !D)
+  ), A = ys(() => j || D, [j, D]), g = () => {
+    if (!o || !M)
       return;
-    const b = {
+    const y = {
       id: $e(),
       title: "Title",
       description: "Description",
@@ -771,24 +771,24 @@ function Gn() {
       data: []
     }, q = {
       id: $e(),
-      cards: [b],
-      activeCardId: b.id
+      cards: [y],
+      activeCardId: y.id
     };
-    m(D.id, q), f(q.id);
+    h(M.id, q), f(q.id);
   }, S = () => {
     k(!0);
   };
-  async function v() {
+  async function C() {
     if (d(!0), !a || !t)
       return;
-    const b = ka(
+    const y = ka(
       l
-    ), q = JSON.stringify(b), $ = {
+    ), q = JSON.stringify(y), $ = {
       ...t,
       template: q,
-      filterValues: i
+      filterValues: r
     };
-    await vs($, s == null ? void 0 : s.accessToken), ss.success("Lens saved"), y == null || y(b), d(!1);
+    await vs($, s == null ? void 0 : s.accessToken), ss.success("Lens saved"), v == null || v(y), d(!1);
   }
   return x ? null : /* @__PURE__ */ e.jsxs(
     "div",
@@ -807,7 +807,7 @@ function Gn() {
               className: "h-7 p-2",
               size: "sm",
               disabled: !o,
-              onClick: j,
+              onClick: g,
               children: [
                 /* @__PURE__ */ e.jsx(ws, { className: "mr-2 h-4 w-4", strokeWidth: 1.5 }),
                 "Frame"
@@ -842,13 +842,13 @@ function Gn() {
             {
               className: "h-7 p-2",
               variant: "ghost",
-              disabled: r,
-              onClick: v,
+              disabled: i,
+              onClick: C,
               size: "sm",
               children: /* @__PURE__ */ e.jsx(Mn, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          !h && !x && o && /* @__PURE__ */ e.jsx(
+          !u && !x && o && /* @__PURE__ */ e.jsx(
             F,
             {
               className: "h-7 p-2",
@@ -872,37 +872,37 @@ function qe({
   isLoading: t,
   isError: l,
   connectionTooltip: o,
-  onChange: r,
+  onChange: i,
   showNone: d = !1,
-  className: i,
+  className: r,
   showIcon: x = !0,
-  disabled: h = !1
+  disabled: u = !1
 }) {
-  const y = t ? "Loading..." : l ? "Error" : a;
+  const v = t ? "Loading..." : l ? "Error" : a;
   function p() {
     if (s === "Connection")
       return /* @__PURE__ */ e.jsx(Dn, { className: "size-4 rotate-90" });
     if (s === "Database")
       return /* @__PURE__ */ e.jsx(fn, { className: "size-4" });
     if (s === "Schema")
-      return /* @__PURE__ */ e.jsx(Tn, { className: "size-4" });
+      return /* @__PURE__ */ e.jsx(Ln, { className: "size-4" });
     if (s === "Table")
       return /* @__PURE__ */ e.jsx(Ds, { className: "size-4" });
     if (s === "Model")
       return /* @__PURE__ */ e.jsx(hn, { className: "size-4" });
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-    x && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: o ? /* @__PURE__ */ e.jsxs(Ts, { children: [
+    x && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: o ? /* @__PURE__ */ e.jsxs(Ls, { children: [
       /* @__PURE__ */ e.jsx(na, { children: p() }),
       /* @__PURE__ */ e.jsx(Is, { className: "text-xs", align: "start", children: o })
     ] }) : p() }),
-    /* @__PURE__ */ e.jsxs(he, { disabled: h, value: y, onValueChange: r, children: [
+    /* @__PURE__ */ e.jsxs(he, { disabled: u, value: v, onValueChange: i, children: [
       /* @__PURE__ */ e.jsx(
         me,
         {
           className: X(
             "h-9 w-full focus:ring-1 focus:ring-offset-0",
-            i
+            r
           ),
           children: /* @__PURE__ */ e.jsx(
             xe,
@@ -916,39 +916,39 @@ function qe({
         t ? /* @__PURE__ */ e.jsx(fe, { children: "Loading..." }) : /* @__PURE__ */ e.jsx(fe, { children: s }),
         /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
           d && /* @__PURE__ */ e.jsx(Q, { value: "none", children: "None" }, "none"),
-          n && n.map((m, f) => /* @__PURE__ */ e.jsx(Q, { value: m.id, children: m.name }, f))
+          n && n.map((h, f) => /* @__PURE__ */ e.jsx(Q, { value: h.id, children: h.name }, f))
         ] }),
-        (t || l) && /* @__PURE__ */ e.jsx(Q, { value: y, children: y })
+        (t || l) && /* @__PURE__ */ e.jsx(Q, { value: v, children: v })
       ] }) })
     ] })
   ] });
 }
 function Kn({ column: s }) {
-  const [n, a] = E(!1), t = c((m) => m.selectedTableName), l = c(
-    (m) => m.selectedSchemaName
+  const [n, a] = E(!1), t = c((h) => h.selectedTableName), l = c(
+    (h) => h.selectedSchemaName
   ), o = c(
-    (m) => m.selectedDatamodelId
-  ), r = c((m) => m.sqlGen), { modelItems: d } = Oe(), i = c((m) => m.actions.setSqlGen), x = c((m) => m.actions.setCardSql), h = c((m) => m.actions.setRunSql);
-  function y(m, f) {
-    var D;
-    const u = la(m, r, f), k = (D = d == null ? void 0 : d.find(
-      (N) => N.id === o
-    )) == null ? void 0 : D.name;
-    i(u);
+    (h) => h.selectedDatamodelId
+  ), i = c((h) => h.sqlGen), { modelItems: d } = Oe(), r = c((h) => h.actions.setSqlGen), x = c((h) => h.actions.setCardSql), u = c((h) => h.actions.setRunSql);
+  function v(h, f) {
+    var M;
+    const m = la(h, i, f), k = (M = d == null ? void 0 : d.find(
+      (j) => j.id === o
+    )) == null ? void 0 : M.name;
+    r(m);
     const I = ia(
-      u,
+      m,
       ue(l || ""),
       ue(t),
       k
     );
-    I && (x(I), h(!0)), a(!1);
+    I && (x(I), u(!0)), a(!1);
   }
   function p() {
     return /* @__PURE__ */ e.jsxs("ul", { className: "text-xs", children: [
       /* @__PURE__ */ e.jsx(
         "li",
         {
-          onClick: () => y(s, "COUNT"),
+          onClick: () => v(s, "COUNT"),
           className: "cursor-pointer p-1 px-3 transition-colors hover:bg-muted",
           children: "Count"
         }
@@ -956,7 +956,7 @@ function Kn({ column: s }) {
       /* @__PURE__ */ e.jsx(
         "li",
         {
-          onClick: () => y(s, "AVG"),
+          onClick: () => v(s, "AVG"),
           className: "cursor-pointer p-1 px-3 transition-colors hover:bg-muted",
           children: "Avg"
         }
@@ -964,7 +964,7 @@ function Kn({ column: s }) {
       /* @__PURE__ */ e.jsx(
         "li",
         {
-          onClick: () => y(s, "SUM"),
+          onClick: () => v(s, "SUM"),
           className: "cursor-pointer p-1 px-3 transition-colors hover:bg-muted",
           children: "Sum"
         }
@@ -972,7 +972,7 @@ function Kn({ column: s }) {
       /* @__PURE__ */ e.jsx(
         "li",
         {
-          onClick: () => y(s, "MAX"),
+          onClick: () => v(s, "MAX"),
           className: "cursor-pointer p-1 px-3 transition-colors hover:bg-muted",
           children: "Max"
         }
@@ -980,7 +980,7 @@ function Kn({ column: s }) {
       /* @__PURE__ */ e.jsx(
         "li",
         {
-          onClick: () => y(s, "MIN"),
+          onClick: () => v(s, "MIN"),
           className: "cursor-pointer p-1 px-3 transition-colors hover:bg-muted",
           children: "Min"
         }
@@ -1000,13 +1000,13 @@ function Kn({ column: s }) {
   ] });
 }
 function za({ column: s }) {
-  return /* @__PURE__ */ e.jsxs(Ts, { children: [
+  return /* @__PURE__ */ e.jsxs(Ls, { children: [
     /* @__PURE__ */ e.jsx(Za, { asChild: !0, children: et.includes(s.data_type.toLowerCase()) ? (
       // <span className=" font-thin">T</span>
       /* @__PURE__ */ e.jsx(_s, { className: "size-3" })
     ) : ra.includes(s.data_type.toLowerCase()) ? (
       //
-      /* @__PURE__ */ e.jsx(Cn, { className: "size-3" })
+      /* @__PURE__ */ e.jsx(Nn, { className: "size-3" })
     ) : st.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(at, { className: "size-3" }) : tt.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(qn, { className: "size-3" }) : /* @__PURE__ */ e.jsx(On, { className: "size-3" }) }),
     /* @__PURE__ */ e.jsx(Is, { children: /* @__PURE__ */ e.jsx("p", { className: "font-mono text-xs", children: s.data_type }) })
   ] });
@@ -1017,56 +1017,56 @@ function Wn({
   columns: a,
   status: t
 }) {
-  const l = c((v) => v.sqlGen), o = c(
-    (v) => v.selectedConnectionId
-  ), r = c(
-    (v) => v.selectedDatabaseName
+  const l = c((C) => C.sqlGen), o = c(
+    (C) => C.selectedConnectionId
+  ), i = c(
+    (C) => C.selectedDatabaseName
   ), d = c(
-    (v) => v.selectedSchemaName
-  ), i = c((v) => v.selectedTableName), x = c(
-    (v) => v.selectedDatamodelId
-  ), h = z(
-    (v) => v.dashboard.aiScopeTables
-  ), { setAIScopeTables: y } = z((v) => v.actions), p = c((v) => v.actions.setRunSql), m = c((v) => v.actions.setSqlGen), f = c(
-    (v) => v.actions.setIsShowingVisual
-  ), u = c((v) => v.actions.setCardSql), { connectionType: k, modelItems: I } = Oe();
-  function D(v) {
+    (C) => C.selectedSchemaName
+  ), r = c((C) => C.selectedTableName), x = c(
+    (C) => C.selectedDatamodelId
+  ), u = z(
+    (C) => C.dashboard.aiScopeTables
+  ), { setAIScopeTables: v } = z((C) => C.actions), p = c((C) => C.actions.setRunSql), h = c((C) => C.actions.setSqlGen), f = c(
+    (C) => C.actions.setIsShowingVisual
+  ), m = c((C) => C.actions.setCardSql), { connectionType: k, modelItems: I } = Oe();
+  function M(C) {
     var R;
-    const b = la(v, l);
-    m(b);
+    const y = la(C, l);
+    h(y);
     const q = (R = I == null ? void 0 : I.find(
       (B) => B.id === x
-    )) == null ? void 0 : R.name, $ = ia(b, ue(s), ue(n), q);
-    $ && (u($), p(!0));
+    )) == null ? void 0 : R.name, $ = ia(y, ue(s), ue(n), q);
+    $ && (m($), p(!0));
   }
-  function N() {
-    return (h == null ? void 0 : h.find(
-      (v) => v.connectinonId === o && v.tableName === i
+  function j() {
+    return (u == null ? void 0 : u.find(
+      (C) => C.connectinonId === o && C.tableName === r
     )) !== void 0;
   }
-  function M(v) {
-    if (v === !0 && i && o) {
-      const b = {
+  function D(C) {
+    if (C === !0 && r && o) {
+      const y = {
         connectinonId: o,
         connectionType: k,
-        databaseName: r,
+        databaseName: i,
         schemaName: d,
-        tableName: i
-      }, $ = [...h || [], b].filter(
+        tableName: r
+      }, $ = [...u || [], y].filter(
         (R, B, ee) => ee.findIndex(
           (W) => W.connectinonId === R.connectinonId && W.tableName === R.tableName
         ) === B
       );
-      y($), ss.success(`Added '${i}' to AI Scope`, {
+      v($), ss.success(`Added '${r}' to AI Scope`, {
         position: "top-right",
         duration: 2500,
         richColors: !0
       });
     } else {
-      const b = (h || []).filter(
-        (q) => q.connectinonId !== o && q.tableName !== i
+      const y = (u || []).filter(
+        (q) => q.connectinonId !== o && q.tableName !== r
       );
-      y(b), ss(`Removed '${i}' from AI Scope`, {
+      v(y), ss(`Removed '${r}' from AI Scope`, {
         position: "top-right",
         duration: 2e3,
         richColors: !0
@@ -1075,40 +1075,40 @@ function Wn({
   }
   function A() {
     var R;
-    let v = ca(s, n);
-    const b = (R = I == null ? void 0 : I.find(
+    let C = ca(s, n);
+    const y = (R = I == null ? void 0 : I.find(
       (B) => B.id === x
     )) == null ? void 0 : R.name;
-    console.log("modelName", b), x && x !== "none" && (v = `${fs}.${b}`);
-    let q = v;
+    console.log("modelName", y), x && x !== "none" && (C = `${fs}.${y}`);
+    let q = C;
     return ((B) => /[A-Z]/.test(B))(n) && (q = q.split(".").map((ee) => `"${ee}"`).join(".")), q;
   }
-  function j() {
-    const v = A();
+  function g() {
+    const C = A();
     f(!1);
-    const b = k === "MSSQL" ? `SELECT top 10 * FROM ${v}` : `SELECT * FROM ${v} LIMIT 10`;
-    u(b), p(!0);
+    const y = k === "MSSQL" ? `SELECT top 10 * FROM ${C}` : `SELECT * FROM ${C} LIMIT 10`;
+    m(y), p(!0);
   }
   function S() {
-    const v = A();
-    u(`SELECT COUNT(*) as count FROM ${v}`), p(!0);
+    const C = A();
+    m(`SELECT COUNT(*) as count FROM ${C}`), p(!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(
         oa,
         {
-          title: `${N() ? "Remove from" : "Add to"} AI Scope`,
-          pressed: N(),
-          onPressedChange: M,
+          title: `${j() ? "Remove from" : "Add to"} AI Scope`,
+          pressed: j(),
+          onPressedChange: D,
           variant: "outline",
           className: "h-9 px-2",
           children: /* @__PURE__ */ e.jsx(
             nt,
             {
               className: X("size-4", {
-                "text-primary": N(),
-                "text-muted-foreground": !N()
+                "text-primary": j(),
+                "text-muted-foreground": !j()
               })
             }
           )
@@ -1118,7 +1118,7 @@ function Wn({
         F,
         {
           disabled: t !== "Success",
-          onClick: j,
+          onClick: g,
           size: "sm",
           variant: "secondary",
           className: "flex",
@@ -1148,32 +1148,32 @@ function Wn({
       {
         className: "flex-1 basis-0 overflow-y-auto border-b border-t border-muted py-3",
         children: [
-          a == null ? void 0 : a.map((v) => /* @__PURE__ */ e.jsxs(
+          a == null ? void 0 : a.map((C) => /* @__PURE__ */ e.jsxs(
             "div",
             {
-              onClick: () => D(v),
+              onClick: () => M(C),
               className: X(
                 "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": lt(v, l)
+                  "bg-muted": lt(C, l)
                 }
               ),
               children: [
                 /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-                  /* @__PURE__ */ e.jsx(za, { column: v }),
-                  /* @__PURE__ */ e.jsx("span", { children: v.column_name })
+                  /* @__PURE__ */ e.jsx(za, { column: C }),
+                  /* @__PURE__ */ e.jsx("span", { children: C.column_name })
                 ] }),
                 /* @__PURE__ */ e.jsx(
                   "div",
                   {
-                    onClick: (b) => b.stopPropagation(),
+                    onClick: (y) => y.stopPropagation(),
                     className: "flex items-center justify-end",
-                    children: ra.includes(v.data_type) && /* @__PURE__ */ e.jsx(Kn, { column: v })
+                    children: ra.includes(C.data_type) && /* @__PURE__ */ e.jsx(Kn, { column: C })
                   }
                 )
               ]
             },
-            v.column_name
+            C.column_name
           )),
           /* @__PURE__ */ e.jsx(Us, { orientation: "vertical" }),
           /* @__PURE__ */ e.jsx(Us, { orientation: "horizontal" })
@@ -1183,57 +1183,57 @@ function Wn({
   ] });
 }
 function Oe(s, n) {
-  var Ke, Ve, We, Qe, g;
+  var Ke, Ve, We, Qe, b;
   let a = ys(() => [], []);
   const t = je().authToken || s, l = c(
-    (C) => C.selectedConnectionId
+    (N) => N.selectedConnectionId
   ), o = c(
-    (C) => C.selectedDatamodelId
-  ), r = c(
-    (C) => C.selectedDatabaseName
+    (N) => N.selectedDatamodelId
+  ), i = c(
+    (N) => N.selectedDatabaseName
   ), d = c(
-    (C) => C.selectedSchemaName
-  ), i = c((C) => C.selectedTableName), x = c(
-    (C) => C.actions.setCurrentColumns
-  ), h = c(
-    (C) => C.actions.setSelectedConnectionId
-  ), y = c(
-    (C) => C.actions.setSelectedDatamodelId
+    (N) => N.selectedSchemaName
+  ), r = c((N) => N.selectedTableName), x = c(
+    (N) => N.actions.setCurrentColumns
+  ), u = c(
+    (N) => N.actions.setSelectedConnectionId
+  ), v = c(
+    (N) => N.actions.setSelectedDatamodelId
   ), p = c(
-    (C) => C.actions.setSelectedDatabaseName
-  ), m = c(
-    (C) => C.actions.setSelectedSchemaName
+    (N) => N.actions.setSelectedDatabaseName
+  ), h = c(
+    (N) => N.actions.setSelectedSchemaName
   ), f = c(
-    (C) => C.actions.setSelectedTableName
-  ), u = c((C) => C.actions.setCardSql);
-  function k(C) {
-    return l && r && d && r !== "NA" ? !0 : l && C === "API" ? !1 : !!(l && C === "S3");
+    (N) => N.actions.setSelectedTableName
+  ), m = c((N) => N.actions.setCardSql);
+  function k(N) {
+    return l && i && d && i !== "NA" ? !0 : l && N === "API" ? !1 : !!(l && N === "S3");
   }
-  function I(C) {
-    return !!(l && r && r !== "NA" && d && i || l && (C === "S3" || C === "API") || o && o);
+  function I(N) {
+    return !!(l && i && i !== "NA" && d && r || l && (N === "S3" || N === "API") || o && o);
   }
-  function D(C) {
-    return l && C ? !(C === "API" || C === "S3") : !1;
+  function M(N) {
+    return l && N ? !(N === "API" || N === "S3") : !1;
   }
   const {
-    data: N,
-    isLoading: M,
+    data: j,
+    isLoading: D,
     isError: A
   } = re({
     queryKey: ["connections"],
-    queryFn: () => Ne(
+    queryFn: () => Ce(
       "https://semaphor.cloud/api/v1/connections",
       (t == null ? void 0 : t.accessToken) || ""
     ),
     enabled: !!(t != null && t.accessToken)
     // Only fetch if authToken is present
   }), {
-    data: j,
+    data: g,
     isLoading: S,
-    isError: v
+    isError: C
   } = re({
     queryKey: ["models", l],
-    queryFn: () => Ne(
+    queryFn: () => Ce(
       "https://semaphor.cloud/api/v1/datamodels",
       (t == null ? void 0 : t.accessToken) || "",
       {
@@ -1242,9 +1242,9 @@ function Oe(s, n) {
     ),
     enabled: !!(t != null && t.accessToken) && !!l
     // Only fetch if authToken is present
-  }), b = N == null ? void 0 : N.connections.find(
-    (C) => C.id === l
-  ), q = b == null ? void 0 : b.type, $ = (b == null ? void 0 : b.type) === "API" || (b == null ? void 0 : b.type) === "S3", {
+  }), y = j == null ? void 0 : j.connections.find(
+    (N) => N.id === l
+  ), q = y == null ? void 0 : y.type, $ = (y == null ? void 0 : y.type) === "API" || (y == null ? void 0 : y.type) === "S3", {
     data: R,
     isLoading: B,
     isFetching: ee,
@@ -1252,14 +1252,14 @@ function Oe(s, n) {
     refetch: le
   } = re({
     queryKey: ["databases", l],
-    queryFn: () => Ne(
+    queryFn: () => Ce(
       "https://semaphor.cloud/api/v1/databases",
       (t == null ? void 0 : t.accessToken) || "",
       {
         connection_id: l
       }
     ),
-    enabled: D(q)
+    enabled: M(q)
     // !!selectedConnectionId && !isNonDbConnection, //currentConnection?.type !== 'API', // Only fetch if connectionId is present
   }), {
     data: K,
@@ -1268,20 +1268,20 @@ function Oe(s, n) {
     isError: V,
     refetch: Z
   } = re({
-    queryKey: ["schemas", l, r],
-    queryFn: () => Ne(
+    queryKey: ["schemas", l, i],
+    queryFn: () => Ce(
       "https://semaphor.cloud/api/v1/schemas",
       (t == null ? void 0 : t.accessToken) || "",
       {
         connection_id: l,
-        database_name: r
+        database_name: i
       }
     ),
-    enabled: !!l && !!r && !$ && r !== "NA"
+    enabled: !!l && !!i && !$ && i !== "NA"
     //currentConnection?.type !== 'API', // Only fetch if connectionId and database is present
   }), {
-    data: T,
-    isLoading: L,
+    data: L,
+    isLoading: T,
     isFetching: se,
     isError: _,
     refetch: ae
@@ -1289,15 +1289,15 @@ function Oe(s, n) {
     queryKey: [
       "tables",
       l,
-      r,
+      i,
       d
     ],
-    queryFn: () => Ne(
+    queryFn: () => Ce(
       "https://semaphor.cloud/api/v1/tables",
       (t == null ? void 0 : t.accessToken) || "",
       {
         connection_id: l,
-        database_name: r,
+        database_name: i,
         schema_name: d
       }
     ),
@@ -1311,21 +1311,21 @@ function Oe(s, n) {
     queryKey: [
       "columns",
       l,
-      r,
+      i,
       o,
       d,
-      i
+      r
     ],
-    queryFn: () => Ne(
+    queryFn: () => Ce(
       "https://semaphor.cloud/api/v1/columns",
       (t == null ? void 0 : t.accessToken) || "",
       {
         connection_id: l,
         datamodel_id: o || "",
         // don't pass undefined. Pass empty string
-        database_name: r,
+        database_name: i,
         schema_name: d,
-        table_name: i
+        table_name: r
       }
     ),
     enabled: I(q)
@@ -1342,55 +1342,55 @@ function Oe(s, n) {
   }, [te, x, a]), Y(() => {
   }, [
     $,
-    u,
-    f,
     m,
+    f,
+    h,
     p,
-    b
+    y
   ]);
-  const oe = (b == null ? void 0 : b.type) === "API" ? (Ke = b == null ? void 0 : b.type) == null ? void 0 : Ke.toLowerCase() : i || "", ce = $ ? "" : d || "";
-  function ze(C) {
-    m(C), f("");
+  const oe = (y == null ? void 0 : y.type) === "API" ? (Ke = y == null ? void 0 : y.type) == null ? void 0 : Ke.toLowerCase() : r || "", ce = $ ? "" : d || "";
+  function ze(N) {
+    h(N), f("");
   }
-  function de(C) {
-    p(C === "none" ? "" : C), m(""), f(""), C !== "none" && C !== "" && y("");
+  function de(N) {
+    p(N === "none" ? "" : N), h(""), f(""), N !== "none" && N !== "" && v("");
   }
-  function ve(C) {
-    h(C);
+  function ve(N) {
+    u(N);
   }
-  function $s(C) {
-    y(C === "none" ? "" : C), C !== "none" && C !== "" && p("");
+  function $s(N) {
+    v(N === "none" ? "" : N), N !== "none" && N !== "" && p("");
   }
-  R && ((Ve = R == null ? void 0 : R.databases) == null ? void 0 : Ve.length) > 0, K && ((We = K == null ? void 0 : K.schemas) == null ? void 0 : We.length) > 0, te && ((Qe = te == null ? void 0 : te.columns) == null ? void 0 : Qe.length) > 0 && (a = te.columns.map((C) => ({
-    ...C,
-    data_type: C.data_type.toLowerCase()
+  R && ((Ve = R == null ? void 0 : R.databases) == null ? void 0 : Ve.length) > 0, K && ((We = K == null ? void 0 : K.schemas) == null ? void 0 : We.length) > 0, te && ((Qe = te == null ? void 0 : te.columns) == null ? void 0 : Qe.length) > 0 && (a = te.columns.map((N) => ({
+    ...N,
+    data_type: N.data_type.toLowerCase()
   }))), W && (a = []), (J || A) && (a = []);
-  const Ie = N == null ? void 0 : N.connections.map(
-    (C) => ({
-      id: C.id,
-      name: C.name,
-      type: C.type
+  const Ie = j == null ? void 0 : j.connections.map(
+    (N) => ({
+      id: N.id,
+      name: N.name,
+      type: N.type
     })
-  ), us = (g = j == null ? void 0 : j.datamodels) == null ? void 0 : g.map((C) => ({
-    id: C.id,
-    name: C.name
-  })), Ge = R == null ? void 0 : R.databases.map((C) => ({
-    id: C.database_name,
-    name: C.database_name
-  })), hs = K == null ? void 0 : K.schemas.map((C) => ({
-    id: C.schema_name,
-    name: C.schema_name
-  })), ms = T == null ? void 0 : T.tables.map((C) => ({
-    id: C.table_name,
-    name: C.table_name
+  ), us = (b = g == null ? void 0 : g.datamodels) == null ? void 0 : b.map((N) => ({
+    id: N.id,
+    name: N.name
+  })), Ge = R == null ? void 0 : R.databases.map((N) => ({
+    id: N.database_name,
+    name: N.database_name
+  })), hs = K == null ? void 0 : K.schemas.map((N) => ({
+    id: N.schema_name,
+    name: N.schema_name
+  })), ms = L == null ? void 0 : L.tables.map((N) => ({
+    id: N.table_name,
+    name: N.table_name
   }));
   return {
     connectionItems: Ie,
-    isConnectionsLoading: M,
+    isConnectionsLoading: D,
     isConnectionsError: A,
     modelItems: us,
     isModelsLoading: S,
-    isModelsError: v,
+    isModelsError: C,
     databaseItems: Ge,
     isDatabasesLoadingOrFetching: B || ee,
     isDatabaseError: W,
@@ -1398,7 +1398,7 @@ function Oe(s, n) {
     isSchemaLoadingOrFetching: ie || w,
     isSchemaError: V,
     tableItems: ms,
-    isTableLoadingOrFetching: L || se,
+    isTableLoadingOrFetching: T || se,
     isTableError: _,
     columns: a,
     isColumnsLoadingOrFetching: ke || ye,
@@ -1425,28 +1425,28 @@ function Fa({
     (_) => _.selectedDatabaseName
   ), l = c(
     (_) => _.selectedSchemaName
-  ), o = c((_) => _.selectedTableName), r = c(
+  ), o = c((_) => _.selectedTableName), i = c(
     (_) => _.actions.setSelectedTableName
   ), {
     connectionItems: d,
-    modelItems: i,
+    modelItems: r,
     schemaItems: x,
-    databaseItems: h,
-    tableItems: y,
+    databaseItems: u,
+    tableItems: v,
     columns: p,
-    isConnectionsLoading: m,
+    isConnectionsLoading: h,
     isModelsLoading: f,
-    isConnectionsError: u,
+    isConnectionsError: m,
     isModelsError: k,
     isDatabasesLoadingOrFetching: I,
-    isDatabaseError: D,
-    isSchemaLoadingOrFetching: N,
-    isSchemaError: M,
+    isDatabaseError: M,
+    isSchemaLoadingOrFetching: j,
+    isSchemaError: D,
     isColumnsError: A,
-    isColumnsLoadingOrFetching: j,
+    isColumnsLoadingOrFetching: g,
     isTableLoadingOrFetching: S,
-    isTableError: v,
-    connectionType: b,
+    isTableError: C,
+    connectionType: y,
     isNonDbConnection: q,
     handleConnectionChange: $,
     handleDatabaseChange: R,
@@ -1462,7 +1462,7 @@ function Fa({
         schemaName: le,
         tableName: W,
         columns: p,
-        status: j ? "Loading..." : A ? "Error" : "Success"
+        status: g ? "Loading..." : A ? "Error" : "Success"
       }
     );
   }
@@ -1470,7 +1470,7 @@ function Fa({
     window.location.href = "mailto:support@semaphor.cloud?subject=Help&body=I need help with...";
   }
   function w() {
-    if (!n || b === "S3" || b === "API")
+    if (!n || y === "S3" || y === "API")
       return null;
     if (!a || a === "none")
       return /* @__PURE__ */ e.jsx(
@@ -1478,9 +1478,9 @@ function Fa({
         {
           showNone: !0,
           onChange: R,
-          isError: D,
+          isError: M,
           isLoading: I,
-          items: h,
+          items: u,
           value: t || "",
           title: "Database"
         }
@@ -1495,7 +1495,7 @@ function Fa({
       ] });
   }
   function Z() {
-    if (!n || b === "S3" || b === "API")
+    if (!n || y === "S3" || y === "API")
       return null;
     if (!t || t === "none")
       return /* @__PURE__ */ e.jsx(
@@ -1505,36 +1505,36 @@ function Fa({
           onChange: ee,
           isError: k,
           isLoading: f,
-          items: i,
+          items: r,
           value: a || "",
           title: "Model"
         }
       );
   }
-  function T() {
-    return !n || b === "S3" || b === "API" || !t || t === "none" ? null : /* @__PURE__ */ e.jsx(
+  function L() {
+    return !n || y === "S3" || y === "API" || !t || t === "none" ? null : /* @__PURE__ */ e.jsx(
       qe,
       {
         onChange: B,
-        isError: M,
-        isLoading: N,
+        isError: D,
+        isLoading: j,
         items: x,
         value: l || "",
         title: "Schema"
       }
     );
   }
-  function L() {
+  function T() {
     function _() {
       let ae = !1;
-      return b === "API" ? (ae = !1, ae) : ((b === "S3" || n && t && t !== "none" && l) && (ae = !0), ae);
+      return y === "API" ? (ae = !1, ae) : ((y === "S3" || n && t && t !== "none" && l) && (ae = !0), ae);
     }
     return _() ? /* @__PURE__ */ e.jsx(
       qe,
       {
-        onChange: r,
-        isError: v,
-        items: y,
+        onChange: i,
+        isError: C,
+        items: v,
         isLoading: S,
         value: o || "",
         title: "Table"
@@ -1550,8 +1550,8 @@ function Fa({
           title: "Connection",
           value: n || "",
           onChange: $,
-          isLoading: m,
-          isError: u,
+          isLoading: h,
+          isError: m,
           connectionTooltip: ((se = d == null ? void 0 : d.find(
             (_) => _.id === n
           )) == null ? void 0 : se.type) || ""
@@ -1560,8 +1560,8 @@ function Fa({
       Z(),
       V(),
       w(),
-      T(),
-      L()
+      L(),
+      T()
     ] }),
     K(),
     /* @__PURE__ */ e.jsx("div", { className: "flex items-end justify-center gap-2 px-6 py-4", children: /* @__PURE__ */ e.jsxs(
@@ -1572,7 +1572,7 @@ function Fa({
         variant: "secondary",
         className: "w-full",
         children: [
-          /* @__PURE__ */ e.jsx(Ln, { className: "mr-2 size-4" }),
+          /* @__PURE__ */ e.jsx(Tn, { className: "mr-2 size-4" }),
           "Help"
         ]
       }
@@ -1583,16 +1583,16 @@ function Qn(s) {
   const n = s.toUpperCase().indexOf("WHERE"), a = s.toUpperCase().indexOf("GROUP BY"), t = s.toUpperCase().indexOf("LIMIT"), l = s.toUpperCase().indexOf("ORDER BY");
   let o = s.length;
   if (l !== -1 && (o = l), t !== -1 && t < o && (o = t), n !== -1) {
-    const r = s.substring(0, n), d = s.substring(n);
-    return `${r} {{ filters | where }} AND ${d.substring(
+    const i = s.substring(0, n), d = s.substring(n);
+    return `${i} {{ filters | where }} AND ${d.substring(
       6
     )}`;
   } else if (a !== -1) {
-    const r = s.substring(0, a), d = s.substring(a);
-    return `${r} {{ filters | where }} ${d}`;
+    const i = s.substring(0, a), d = s.substring(a);
+    return `${i} {{ filters | where }} ${d}`;
   } else {
-    const r = s.substring(0, o), d = s.substring(o);
-    return `${r} {{ filters | where }} ${d}`;
+    const i = s.substring(0, o), d = s.substring(o);
+    return `${i} {{ filters | where }} ${d}`;
   }
 }
 function Jn({
@@ -1614,7 +1614,7 @@ function Jn({
           size: "sm",
           variant: "outline",
           children: [
-            /* @__PURE__ */ e.jsx(Nn, { className: "mr-2 h-4 w-4" }),
+            /* @__PURE__ */ e.jsx(Cn, { className: "mr-2 h-4 w-4" }),
             "Debug with AI"
           ]
         }
@@ -1637,7 +1637,7 @@ function Xn() {
     (o) => o.selectedConnectionId
   ), { data: a } = re({
     queryKey: ["connections"],
-    queryFn: () => Ne(
+    queryFn: () => Ce(
       "https://semaphor.cloud/api/v1/connections",
       (s == null ? void 0 : s.accessToken) || ""
     ),
@@ -1649,20 +1649,20 @@ function Xn() {
   return t == null ? void 0 : t.type;
 }
 function Zn() {
-  const { authToken: s } = je(), n = Be(null), a = c((i) => i.applyFilters), [t, l] = E(""), o = c((i) => i.filterValues), r = c((i) => i.card.sql), d = Xn();
+  const { authToken: s } = je(), n = Be(null), a = c((r) => r.applyFilters), [t, l] = E(""), o = c((r) => r.filterValues), i = c((r) => r.card.sql), d = Xn();
   return /* @__PURE__ */ e.jsxs(
     Ms,
     {
       openDelay: 0,
-      onOpenChange: async (i) => {
-        if (!i)
+      onOpenChange: async (r) => {
+        if (!r)
           return;
         console.log("onOpenChange");
         const x = await Ue(
           "https://semaphor.cloud/api/v1/filter-sql",
           (s == null ? void 0 : s.accessToken) || "",
           {
-            sql: r,
+            sql: i,
             active_filters: o,
             connection_type: d
           }
@@ -1746,21 +1746,21 @@ function sl({
   triggerAIRun: l,
   setTriggerAIRun: o
 }) {
-  const r = Be(null), d = Be(null), { authToken: i } = je(), [x, h] = E(!1), y = c((w) => w.actions.setCardSql), p = z((w) => w.dashboard.baseQueries), m = c((w) => w.actions.setRunSql), f = c((w) => w.actions.setCardType), [u, k] = E([]), I = c((w) => w.currentColumns), D = c((w) => w.card.sql), N = c((w) => w.selectedTableName), M = `
+  const i = Be(null), d = Be(null), { authToken: r } = je(), [x, u] = E(!1), v = c((w) => w.actions.setCardSql), p = z((w) => w.dashboard.baseQueries), h = c((w) => w.actions.setRunSql), f = c((w) => w.actions.setCardType), [m, k] = E([]), I = c((w) => w.currentColumns), M = c((w) => w.card.sql), j = c((w) => w.selectedTableName), D = `
   ${a}
 
-  Database Query Dialect: ${N === "api" || N === "s3" ? "DuckDb" : ""}
-  Table Name: ${N}   
+  Database Query Dialect: ${j === "api" || j === "s3" ? "DuckDb" : ""}
+  Table Name: ${j}   
   Table Columns: ${I == null ? void 0 : I.map((w) => `${w.column_name} | ${w.data_type}`).join(", ")}
-  User SQL: ${D}  
+  User SQL: ${M}  
   ${p && `Base Queries: ${JSON.stringify(p)} `}`, A = ` 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: ${el}`, { data: j, isLoading: S, isFetching: v, isError: b, refetch: q } = re({
+  Visual Query Syntax: ${el}`, { data: g, isLoading: S, isFetching: C, isError: y, refetch: q } = re({
     queryKey: ["ai-query"],
-    queryFn: () => Ne(
+    queryFn: () => Ce(
       "https://semaphor.cloud/api/v1/ai",
-      (i == null ? void 0 : i.accessToken) || "",
+      (r == null ? void 0 : r.accessToken) || "",
       {
-        user_content: `userContent: ${M} ${x ? A : ""}`
+        user_content: `userContent: ${D} ${x ? A : ""}`
       }
     ),
     enabled: !1
@@ -1788,19 +1788,19 @@ function sl({
     return !0;
   }
   Y(() => {
-    j && k((w) => [...w, { role: "ai", content: j.response }]);
-  }, [j]), Y(() => {
+    g && k((w) => [...w, { role: "ai", content: g.response }]);
+  }, [g]), Y(() => {
     const w = setTimeout(() => {
       var V;
       d.current && (d.current.scroll({
         top: d.current.scrollHeight,
         behavior: "smooth"
-      }), (V = r.current) == null || V.focus());
+      }), (V = i.current) == null || V.focus());
     }, 100);
     return () => clearTimeout(w);
-  }, [u]);
+  }, [m]);
   function R() {
-    a && (k((w) => [...w, { role: "user", content: a }]), $(a) && h(!0), t(""), q());
+    a && (k((w) => [...w, { role: "user", content: a }]), $(a) && u(!0), t(""), q());
   }
   Y(() => {
     l && (R(), o(!1));
@@ -1842,8 +1842,8 @@ function sl({
           F,
           {
             onClick: (Z) => {
-              const T = K(Z);
-              T && (n(!1), y(T), m(!0));
+              const L = K(Z);
+              L && (n(!1), v(L), h(!0));
             },
             size: "sm",
             variant: "outline",
@@ -1860,10 +1860,10 @@ function sl({
     if (!V)
       return;
     const Z = V.textContent || V.innerText;
-    return navigator.clipboard.writeText(Z).then(() => console.log("Text copied to clipboard")).catch((T) => console.error("Error in copying text: ", T)), Z;
+    return navigator.clipboard.writeText(Z).then(() => console.log("Text copied to clipboard")).catch((L) => console.error("Error in copying text: ", L)), Z;
   }
   function ie() {
-    return u == null ? void 0 : u.map((w, V) => w.role === "user" ? /* @__PURE__ */ e.jsxs(
+    return m == null ? void 0 : m.map((w, V) => w.role === "user" ? /* @__PURE__ */ e.jsxs(
       "div",
       {
         className: "flex items-start rounded-md bg-muted p-3 text-sm",
@@ -1878,12 +1878,12 @@ function sl({
       {
         className: "w-full overflow-auto py-1",
         components: le,
-        children: j == null ? void 0 : j.response.replace(/DuckDB/gi, "Semaphor")
+        children: g == null ? void 0 : g.response.replace(/DuckDB/gi, "Semaphor")
       },
       V
     ) : /* @__PURE__ */ e.jsx("div", {}, V));
   }
-  return /* @__PURE__ */ e.jsxs(Cs, { open: s, onOpenChange: n, children: [
+  return /* @__PURE__ */ e.jsxs(Ns, { open: s, onOpenChange: n, children: [
     /* @__PURE__ */ e.jsx(Ss, { asChild: !0, children: /* @__PURE__ */ e.jsx(
       F,
       {
@@ -1900,7 +1900,7 @@ function sl({
         children: [
           /* @__PURE__ */ e.jsxs(zs, { children: [
             /* @__PURE__ */ e.jsx(Fs, { children: "Assistant" }),
-            /* @__PURE__ */ e.jsx(Ls, { children: "What can I help you with?" })
+            /* @__PURE__ */ e.jsx(Ts, { children: "What can I help you with?" })
           ] }),
           /* @__PURE__ */ e.jsx(
             "div",
@@ -1918,7 +1918,7 @@ function sl({
                   ua,
                   {
                     autoFocus: !0,
-                    ref: r,
+                    ref: i,
                     onKeyDown: (w) => {
                       w.key === "Enter" && !w.shiftKey && (w.preventDefault(), t(""), R());
                     },
@@ -1930,7 +1930,7 @@ function sl({
                     className: X(
                       "max-h-10 min-h-7 resize-none border-none focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0"
                     ),
-                    disabled: S || v,
+                    disabled: S || C,
                     value: a,
                     onChange: (w) => t(w.target.value)
                   }
@@ -1943,7 +1943,7 @@ function sl({
                     size: "sm",
                     variant: "ghost",
                     onClick: R,
-                    children: !S && !v ? /* @__PURE__ */ e.jsx(ot, {}) : /* @__PURE__ */ e.jsx(Pe, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" })
+                    children: !S && !C ? /* @__PURE__ */ e.jsx(ot, {}) : /* @__PURE__ */ e.jsx(Pe, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" })
                   }
                 )
               ] })
@@ -1954,13 +1954,13 @@ function sl({
     )
   ] });
 }
-var La = {
+var Ta = {
   color: void 0,
   size: void 0,
   className: void 0,
   style: void 0,
   attr: void 0
-}, Xs = ge.createContext && /* @__PURE__ */ ge.createContext(La), al = ["attr", "size", "title"];
+}, Xs = ge.createContext && /* @__PURE__ */ ge.createContext(Ta), al = ["attr", "size", "title"];
 function tl(s, n) {
   if (s == null)
     return {};
@@ -2030,15 +2030,15 @@ function rl(s, n) {
   }
   return (n === "string" ? String : Number)(s);
 }
-function Ta(s) {
+function La(s) {
   return s && s.map((n, a) => /* @__PURE__ */ ge.createElement(n.tag, ns({
     key: a
-  }, n.attr), Ta(n.child)));
+  }, n.attr), La(n.child)));
 }
 function be(s) {
   return (n) => /* @__PURE__ */ ge.createElement(ol, ts({
     attr: ns({}, s.attr)
-  }, n), Ta(s.child));
+  }, n), La(s.child));
 }
 function ol(s) {
   var n = (a) => {
@@ -2046,13 +2046,13 @@ function ol(s) {
       attr: t,
       size: l,
       title: o
-    } = s, r = tl(s, al), d = l || a.size || "1em", i;
-    return a.className && (i = a.className), s.className && (i = (i ? i + " " : "") + s.className), /* @__PURE__ */ ge.createElement("svg", ts({
+    } = s, i = tl(s, al), d = l || a.size || "1em", r;
+    return a.className && (r = a.className), s.className && (r = (r ? r + " " : "") + s.className), /* @__PURE__ */ ge.createElement("svg", ts({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
-    }, a.attr, t, r, {
-      className: i,
+    }, a.attr, t, i, {
+      className: r,
       style: ns(ns({
         color: s.color || a.color
       }, a.style), s.style),
@@ -2061,29 +2061,29 @@ function ol(s) {
       xmlns: "http://www.w3.org/2000/svg"
     }), o && /* @__PURE__ */ ge.createElement("title", null, o), s.children);
   };
-  return Xs !== void 0 ? /* @__PURE__ */ ge.createElement(Xs.Consumer, null, (a) => n(a)) : n(La);
+  return Xs !== void 0 ? /* @__PURE__ */ ge.createElement(Xs.Consumer, null, (a) => n(a)) : n(Ta);
 }
 function cl(s) {
   return be({ 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 dl() {
-  const { theme: s } = ut(), n = Be(), a = Be(), [t, l] = E(!1), [o, r] = E(!1), [d, i] = E(!1), [x, h] = E(""), [y, p] = E(!1), { authToken: m } = je();
-  z((g) => g.selectedSheetId);
-  const f = z((g) => g.dashboard.baseQueries), u = c((g) => g.card), k = z((g) => g.theme), I = c((g) => g.isShowingVisual);
-  z((g) => g.onAcceptChanges);
-  const D = c(
-    (g) => g.selectedConnectionId
-  ), N = c(
-    (g) => g.selectedDatabaseName
-  ), M = c(
-    (g) => g.selectedDatamodelId
+  const { theme: s } = ut(), n = Be(), a = Be(), [t, l] = E(!1), [o, i] = E(!1), [d, r] = E(!1), [x, u] = E(""), [v, p] = E(!1), { authToken: h } = je();
+  z((b) => b.selectedSheetId);
+  const f = z((b) => b.dashboard.baseQueries), m = c((b) => b.card), k = z((b) => b.theme), I = c((b) => b.isShowingVisual);
+  z((b) => b.onAcceptChanges);
+  const M = c(
+    (b) => b.selectedConnectionId
+  ), j = c(
+    (b) => b.selectedDatabaseName
+  ), D = c(
+    (b) => b.selectedDatamodelId
   ), A = c(
-    (g) => g.selectedSchemaName
+    (b) => b.selectedSchemaName
   );
   z(
-    (g) => g.actions.updateFrameCard
+    (b) => b.actions.updateFrameCard
   );
-  const j = c((g) => g.selectedTableName), S = c((g) => g.card.sql), v = c((g) => g.card.python), b = ht(S, f), q = c((g) => g.selectedConnectionId), $ = c((g) => g.frame), R = z((g) => g.filterValues), B = c((g) => g.applyFilters), {
+  const g = c((b) => b.selectedTableName), S = c((b) => b.card.sql), C = c((b) => b.card.python), y = ht(S, f), q = c((b) => b.selectedConnectionId), $ = c((b) => b.frame), R = z((b) => b.filterValues), B = c((b) => b.applyFilters), {
     setCardCustomCfg: ee,
     setQueryResultColumns: W,
     setFilterValues: le,
@@ -2092,10 +2092,10 @@ function dl() {
     setQueryError: w,
     setPythonStdOut: V,
     setCardPreferences: Z
-  } = c((g) => g.actions), T = c((g) => g.onSave), L = c(
-    (g) => g.actions.setApplyFilters
-  ), se = c((g) => g.onClose), _ = c((g) => g.actions.setCardData), ae = c((g) => g.actions.setSqlGen), te = c((g) => g.runSql), ke = c((g) => g.actions.setRunSql), ye = c(
-    (g) => g.actions.setIsSqlRunning
+  } = c((b) => b.actions), L = c((b) => b.onSave), T = c(
+    (b) => b.actions.setApplyFilters
+  ), se = c((b) => b.onClose), _ = c((b) => b.actions.setCardData), ae = c((b) => b.actions.setSqlGen), te = c((b) => b.runSql), ke = c((b) => b.actions.setRunSql), ye = c(
+    (b) => b.actions.setIsSqlRunning
   ), {
     data: J,
     isLoading: oe,
@@ -2106,14 +2106,14 @@ function dl() {
     status: $s,
     refetch: Ie
   } = re({
-    queryKey: [b, v],
+    queryKey: [y, C],
     queryFn: () => Ue(
       "https://semaphor.cloud/api/v1/query",
-      (m == null ? void 0 : m.accessToken) || "",
+      (h == null ? void 0 : h.accessToken) || "",
       {
         connection_id: q,
-        sql: b,
-        python: v === Gs ? "" : v,
+        sql: y,
+        python: C === Gs ? "" : C,
         active_filters: B ? R : []
       }
     ),
@@ -2125,8 +2125,8 @@ function dl() {
       position: "top-center",
       richColors: !0
     }), V((J == null ? void 0 : J.output) || ""), J.records.length > 0)) {
-      const { dimensionKeys: g } = gs(J.records);
-      W(g);
+      const { dimensionKeys: b } = gs(J.records);
+      W(b);
     }
   }, [J, _, W, V]), Y(() => {
     te && (Ie(), ke(!1));
@@ -2148,59 +2148,59 @@ function dl() {
   function us() {
     K(""), _([]), ae({}), ee(""), Z({});
   }
-  const Ge = (g) => {
-    a.current = g;
+  const Ge = (b) => {
+    a.current = b;
   };
-  function hs(g, C) {
-    if (g.length === 0)
+  function hs(b, N) {
+    if (b.length === 0)
       return "";
-    if (C) {
-      const Fe = g.find((ne) => ne.id === C);
+    if (N) {
+      const Fe = b.find((ne) => ne.id === N);
       if (Fe) {
         const ne = Fe.tabTitle;
         if (ne == "All__Header")
-          return g[0].id;
+          return b[0].id;
         if (ne && ne.endsWith("__Header")) {
-          const Pa = ne.split("__")[0], Bs = g.find(
+          const Pa = ne.split("__")[0], Bs = b.find(
             (Ua) => Ua.tabTitle === Pa
           );
-          return Bs ? Bs.id : g[0].id;
+          return Bs ? Bs.id : b[0].id;
         }
-        return C;
+        return N;
       }
     }
-    return g[0].id;
+    return b[0].id;
   }
   function ms() {
-    let g = S;
-    S && !S.includes("{{") && (g = Qn(S), K(g));
-    const C = {
-      ...u,
+    let b = S;
+    S && !S.includes("{{") && (b = Qn(S), K(b));
+    const N = {
+      ...m,
       lastSelectedSchema: A,
-      lastSelectedDatamodelId: M,
-      lastSelectedDatabase: N,
-      lastSelectedTable: j,
-      connectionId: D,
-      type: I ? u.type : "table",
-      sql: g,
-      customCfg: I ? u.customCfg : null
+      lastSelectedDatamodelId: D,
+      lastSelectedDatabase: j,
+      lastSelectedTable: g,
+      connectionId: M,
+      type: I ? m.type : "table",
+      sql: b,
+      customCfg: I ? m.customCfg : null
     }, Fe = $.cards.map(
-      (xs) => xs.id === u.id ? C : xs
+      (xs) => xs.id === m.id ? N : xs
     ), ne = {
       ...$,
       cards: Fe,
       activeCardId: hs(Fe, $.activeCardId)
     };
-    T == null || T(ne);
+    L == null || L(ne);
   }
   function Ke() {
     se == null || se();
   }
   Y(() => {
-    const g = n.current, C = a.current;
-    if (g) {
+    const b = n.current, N = a.current;
+    if (b) {
       const Fe = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", ne = k === "system" ? Fe : k;
-      g.editor.defineTheme("default", {
+      b.editor.defineTheme("default", {
         // base: theme === 'light' ? 'hc-light' : 'vs-dark',
         base: ne === "light" ? "vs" : "vs-dark",
         inherit: !0,
@@ -2209,18 +2209,18 @@ function dl() {
           // 'editor.background': activeTheme === 'light' ? '#ffffff' : '#020817',
           "editor.background": ne === "light" ? "#ffffff" : mt("--semaphor-background")
         }
-      }), g.editor.setTheme("default");
+      }), b.editor.setTheme("default");
     }
-    return C && g && C.addCommand(
-      g.KeyMod.Shift | g.KeyCode.Enter,
+    return N && b && N.addCommand(
+      b.KeyMod.Shift | b.KeyCode.Enter,
       function() {
         return console.log("Executing query..."), Ie(), !1;
       }
     ), () => {
     };
   }, [s, k, n.current]);
-  function Ve(g) {
-    n.current = g;
+  function Ve(b) {
+    n.current = b;
   }
   function We() {
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
@@ -2235,7 +2235,7 @@ function dl() {
                 Yn,
                 {
                   checked: B,
-                  onCheckedChange: () => L(!B),
+                  onCheckedChange: () => T(!B),
                   text: "Apply Filters"
                 }
               ),
@@ -2243,7 +2243,7 @@ function dl() {
               R && o && /* @__PURE__ */ e.jsx(
                 He,
                 {
-                  onClick: () => r(!1),
+                  onClick: () => i(!1),
                   className: "bg-background/50 text-foreground/50 hover:cursor-pointer hover:text-foreground"
                 }
               )
@@ -2252,10 +2252,10 @@ function dl() {
               _e,
               {
                 theme: "default",
-                onChange: (g) => {
-                  if (g)
+                onChange: (b) => {
+                  if (b)
                     try {
-                      JSON.parse(g), le(JSON.parse(g));
+                      JSON.parse(b), le(JSON.parse(b));
                     } catch {
                     }
                 },
@@ -2285,7 +2285,7 @@ function dl() {
       R && !o && /* @__PURE__ */ e.jsx(
         ta,
         {
-          onClick: () => r(!0),
+          onClick: () => i(!0),
           className: X(
             "absolute bottom-4 right-6 h-3 w-3 text-foreground/50 hover:cursor-pointer hover:text-foreground",
             {
@@ -2322,8 +2322,8 @@ function dl() {
                       {
                         theme: "default",
                         className: "pt-3",
-                        onChange: (g) => {
-                          K(g);
+                        onChange: (b) => {
+                          K(b);
                         },
                         value: S,
                         options: {
@@ -2369,10 +2369,10 @@ function dl() {
                         {
                           className: "pt-3",
                           theme: "default",
-                          onChange: (g) => {
-                            ie(g && g.trim() || "");
+                          onChange: (b) => {
+                            ie(b && b.trim() || "");
                           },
-                          value: v || Gs,
+                          value: C || Gs,
                           options: {
                             minimap: {
                               enabled: !1
@@ -2448,9 +2448,9 @@ function dl() {
                     Jn,
                     {
                       error: ve.message,
-                      setShowAIDialog: i,
+                      setShowAIDialog: r,
                       setTriggerAIRun: p,
-                      setUserInputforAI: h
+                      setUserInputforAI: u
                     }
                   ),
                   /* @__PURE__ */ e.jsxs(
@@ -2470,7 +2470,7 @@ function dl() {
                     oa,
                     {
                       pressed: t,
-                      onPressedChange: (g) => l(g),
+                      onPressedChange: (b) => l(b),
                       className: "",
                       size: "sm",
                       variant: "outline",
@@ -2481,11 +2481,11 @@ function dl() {
                     sl,
                     {
                       open: d,
-                      setOpen: i,
+                      setOpen: r,
                       userInput: x,
-                      triggerAIRun: y,
+                      triggerAIRun: v,
                       setTriggerAIRun: p,
-                      setUserInput: (g) => h(g)
+                      setUserInput: (b) => u(b)
                     }
                   )
                 ] }),
@@ -2525,17 +2525,17 @@ function dl() {
   );
 }
 function ul({ data: s }) {
-  var r;
+  var i;
   const [n, a] = ge.useState([]), l = Object.keys(s[0]).map((d) => ({
     // header: key,
     accessorKey: d,
-    header: ({ column: i }) => {
-      const x = i.getIsSorted();
+    header: ({ column: r }) => {
+      const x = r.getIsSorted();
       return /* @__PURE__ */ e.jsx("div", { className: "flex gap-2", children: /* @__PURE__ */ e.jsxs(
         "div",
         {
           className: "flex cursor-pointer items-center",
-          onClick: () => i.toggleSorting(i.getIsSorted() === "asc"),
+          onClick: () => r.toggleSorting(r.getIsSorted() === "asc"),
           children: [
             d,
             x === "asc" ? /* @__PURE__ */ e.jsx(pt, { className: "ml-2 h-5 w-5" }) : x === "desc" ? /* @__PURE__ */ e.jsx(ft, { className: "ml-2 h-5 w-5" }) : null
@@ -2546,8 +2546,8 @@ function ul({ data: s }) {
   })), o = gt({
     data: s,
     columns: l,
-    getCoreRowModel: Nt(),
-    getPaginationRowModel: Ct(),
+    getCoreRowModel: Ct(),
+    getPaginationRowModel: Nt(),
     onSortingChange: a,
     getSortedRowModel: St(),
     manualPagination: !0,
@@ -2556,67 +2556,72 @@ function ul({ data: s }) {
     }
   });
   return /* @__PURE__ */ e.jsxs(jt, { children: [
-    /* @__PURE__ */ e.jsx(bt, { children: o.getHeaderGroups().map((d) => /* @__PURE__ */ e.jsx(ps, { children: d.headers.map((i) => /* @__PURE__ */ e.jsx(yt, { className: "sticky top-0 bg-muted", children: i.isPlaceholder ? null : Ks(
-      i.column.columnDef.header,
-      i.getContext()
-    ) }, i.id)) }, d.id)) }),
-    /* @__PURE__ */ e.jsx(vt, { children: (r = o.getRowModel().rows) != null && r.length ? o.getRowModel().rows.map((d) => /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx(bt, { children: o.getHeaderGroups().map((d) => /* @__PURE__ */ e.jsx(ps, { children: d.headers.map((r) => /* @__PURE__ */ e.jsx(yt, { className: "sticky top-0 bg-muted", children: r.isPlaceholder ? null : Ks(
+      r.column.columnDef.header,
+      r.getContext()
+    ) }, r.id)) }, d.id)) }),
+    /* @__PURE__ */ e.jsx(vt, { children: (i = o.getRowModel().rows) != null && i.length ? o.getRowModel().rows.map((d) => /* @__PURE__ */ e.jsx(
       ps,
       {
         className: "whitespace-nowrap py-2",
         "data-state": d.getIsSelected() && "selected",
-        children: d.getVisibleCells().map((i) => /* @__PURE__ */ e.jsx(Ws, { children: Ks(i.column.columnDef.cell, i.getContext()) }, i.id))
+        children: d.getVisibleCells().map((r) => /* @__PURE__ */ e.jsx(Ws, { children: Ks(r.column.columnDef.cell, r.getContext()) }, r.id))
       },
       d.id
     )) : /* @__PURE__ */ e.jsx(ps, { children: /* @__PURE__ */ e.jsx(Ws, { colSpan: l.length, className: "h-24 text-center", children: "No results." }) }) })
   ] });
 }
 function hl({ card: s }) {
-  var d, i, x, h, y, p, m, f;
-  (d = s.customCardPreferences) != null && d.inputData;
-  const { getCard: n } = ha(((i = s.customCardPreferences) == null ? void 0 : i.url) || ""), a = ((x = s.customCardPreferences) == null ? void 0 : x.visualType) || "single", t = c((u) => u.frame);
-  if (we(), !((h = s.customCardPreferences) != null && h.componentName))
+  var x, u, v, p, h, f, m, k, I, M;
+  const n = z((j) => j.themeStyle), a = {
+    colors: ((u = (x = n == null ? void 0 : n.chart) == null ? void 0 : x.dataset) == null ? void 0 : u.backgroundColor) || []
+  };
+  (v = s.customCardPreferences) != null && v.inputData;
+  const { getCard: t } = ha(((p = s.customCardPreferences) == null ? void 0 : p.url) || ""), l = ((h = s.customCardPreferences) == null ? void 0 : h.visualType) || "single", o = c((j) => j.frame);
+  if (we(), !((f = s.customCardPreferences) != null && f.componentName))
     return null;
-  const l = n(
-    (y = s.customCardPreferences) == null ? void 0 : y.componentName
-  ), o = (u) => {
-    console.log("data", u), s.customCardPreferences;
+  const i = t(
+    (m = s.customCardPreferences) == null ? void 0 : m.componentName
+  ), d = (j) => {
+    console.log("data", j), s.customCardPreferences;
   }, r = Object.keys(
-    ((p = s.customCardPreferences) == null ? void 0 : p.dataInputCardIds) || {}
-  ).map((u) => {
-    var D, N, M;
-    const k = (N = (D = s.customCardPreferences) == null ? void 0 : D.dataInputCardIds) == null ? void 0 : N[u].cardId, I = (M = t == null ? void 0 : t.cards) == null ? void 0 : M.find((A) => A.id === k);
-    return I || null;
+    ((k = s.customCardPreferences) == null ? void 0 : k.dataInputCardIds) || {}
+  ).map((j) => {
+    var g, S, C;
+    const D = (S = (g = s.customCardPreferences) == null ? void 0 : g.dataInputCardIds) == null ? void 0 : S[j].cardId, A = (C = o == null ? void 0 : o.cards) == null ? void 0 : C.find((y) => y.id === D);
+    return A || null;
   });
   return /* @__PURE__ */ e.jsx("div", { className: "semaphor-custom mb-3 flex grow basis-0 flex-col space-y-2 overflow-y-auto", children: /* @__PURE__ */ e.jsxs(
     un,
     {
       fallback: /* @__PURE__ */ e.jsx(e.Fragment, {}),
       children: [
-        l && a === "single" && /* @__PURE__ */ e.jsx(
-          l,
+        i && l === "single" && /* @__PURE__ */ e.jsx(
+          i,
           {
-            settings: (m = s.customCardPreferences) == null ? void 0 : m.settings,
-            onDataChange: o,
+            theme: a,
+            settings: (I = s.customCardPreferences) == null ? void 0 : I.settings,
+            onDataChange: d,
             data: s.data
           }
         ),
-        l && a === "multiple" && /* @__PURE__ */ e.jsx("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ e.jsx(
-          l,
+        i && l === "multiple" && /* @__PURE__ */ e.jsx("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ e.jsx(
+          i,
           {
-            onDataChange: o,
+            theme: a,
+            onDataChange: d,
             settings: r.map(
-              (u) => {
-                var k;
-                return (k = u == null ? void 0 : u.customCardPreferences) == null ? void 0 : k.settings;
+              (j) => {
+                var D;
+                return (D = j == null ? void 0 : j.customCardPreferences) == null ? void 0 : D.settings;
               }
             ),
-            data: r.map((u) => (u == null ? void 0 : u.data) || [])
+            data: r.map((j) => (j == null ? void 0 : j.data) || [])
           }
         ) })
       ]
     },
-    (f = s.customCardPreferences) == null ? void 0 : f.componentName
+    (M = s.customCardPreferences) == null ? void 0 : M.componentName
   ) });
 }
 function Ia({
@@ -2625,11 +2630,11 @@ function Ia({
   className: s,
   ...n
 }) {
-  var y;
+  var v;
   ge.useState(0);
   const a = z((p) => p.themeStyle), t = c((p) => p.card), l = c((p) => p.frame), o = z((p) => p.dashboard.filters);
   z((p) => p.filterValues), c((p) => p.actions.setRunSql);
-  const { updateFilter: r } = Ns(), d = o == null ? void 0 : o.find((p) => p.id === l.filterId), i = c((p) => p.actions.setCard);
+  const { updateFilter: i } = Cs(), d = o == null ? void 0 : o.find((p) => p.id === l.filterId), r = c((p) => p.actions.setCard);
   if (Y(() => {
   }, [
     t.data,
@@ -2648,7 +2653,7 @@ function Ia({
     customCfg: t.customCfg,
     preferences: t.preferences
   }));
-  function h(p) {
+  function u(p) {
     return /* @__PURE__ */ e.jsx(hl, { card: p });
   }
   return /* @__PURE__ */ e.jsxs(
@@ -2664,7 +2669,7 @@ function Ia({
               Xe,
               {
                 text: t.title,
-                onSave: (p) => i({ ...t, title: p }),
+                onSave: (p) => r({ ...t, title: p }),
                 children: /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e.jsx(zt, { className: "text-base", children: t.title }) })
               },
               t.title
@@ -2673,7 +2678,7 @@ function Ia({
               Xe,
               {
                 text: t.description || "",
-                onSave: (p) => i({ ...t, description: p }),
+                onSave: (p) => r({ ...t, description: p }),
                 children: /* @__PURE__ */ e.jsxs(Ft, { children: [
                   " ",
                   t.description
@@ -2688,22 +2693,22 @@ function Ia({
               {
                 className: "my-1",
                 text: d.title || d.column,
-                onSave: (p) => r({ ...d, title: p }),
+                onSave: (p) => i({ ...d, title: p }),
                 children: /* @__PURE__ */ e.jsx(H, { children: d.title })
               }
             ),
-            Lt(d)
+            Tt(d)
           ] })
         ] }),
-        /* @__PURE__ */ e.jsxs(Tt, { className: "flex grow flex-col", children: [
-          t.type === "custom" && h(t),
+        /* @__PURE__ */ e.jsxs(Lt, { className: "flex grow flex-col", children: [
+          t.type === "custom" && u(t),
           !["table", "custom"].includes(t.type) && x && // <ChartJsVisual key={visualKey} cfg={cfg} />
           /* @__PURE__ */ e.jsx(
             It,
             {
               cfg: x
             },
-            JSON.stringify(x) + JSON.stringify(t.preferences) + ((y = t == null ? void 0 : t.preferences) == null ? void 0 : y.customVisualCode)
+            JSON.stringify(x) + JSON.stringify(t.preferences) + ((v = t == null ? void 0 : t.preferences) == null ? void 0 : v.customVisualCode)
           ),
           t.type === "table" && t.data && t.data.length > 0 && // All of the below css classes are #IMPORTANT for the table to scroll properly
           /* @__PURE__ */ e.jsx(Dt, { className: "flex min-h-0 flex-1 grow basis-0", children: /* @__PURE__ */ e.jsx(Mt, { card: t, data: t == null ? void 0 : t.data }) })
@@ -2713,61 +2718,61 @@ function Ia({
   );
 }
 function ml() {
-  const [s, n] = E(!1), [a, t] = E(""), [l, o] = E(""), [r, d] = E(""), [i, x] = E(""), h = c((N) => N.card), y = c(
-    (N) => N.card.customCfg
-  ), { setCardCustomCfg: p, setCustomVisualCode: m } = we();
-  function f(N) {
-    var j, S;
-    const M = {
-      ...N,
+  const [s, n] = E(!1), [a, t] = E(""), [l, o] = E(""), [i, d] = E(""), [r, x] = E(""), u = c((j) => j.card), v = c(
+    (j) => j.card.customCfg
+  ), { setCardCustomCfg: p, setCustomVisualCode: h } = we();
+  function f(j) {
+    var g, S;
+    const D = {
+      ...j,
       data: {
-        ...N == null ? void 0 : N.data,
-        datasets: (S = (j = N == null ? void 0 : N.data) == null ? void 0 : j.datasets) == null ? void 0 : S.map((v) => ({
-          ...v,
+        ...j == null ? void 0 : j.data,
+        datasets: (S = (g = j == null ? void 0 : j.data) == null ? void 0 : g.datasets) == null ? void 0 : S.map((C) => ({
+          ...C,
           data: []
         }))
       }
     };
-    return JSON.stringify(M, null, 1);
+    return JSON.stringify(D, null, 1);
   }
-  function u() {
-    var M, A;
-    if (!h.data || h.data.length === 0)
+  function m() {
+    var D, A;
+    if (!u.data || u.data.length === 0)
       return;
-    const N = ma({
-      data: h.data,
-      cardType: h.type,
-      cfg: h.cfg,
-      preferences: h.preferences
+    const j = ma({
+      data: u.data,
+      cardType: u.type,
+      cfg: u.cfg,
+      preferences: u.preferences
     });
-    N && (t(JSON.stringify(N, null, 1)), (M = h == null ? void 0 : h.preferences) != null && M.customVisualCode && d((A = h == null ? void 0 : h.preferences) == null ? void 0 : A.customVisualCode), y && o(JSON.stringify(y, null, 1)));
+    j && (t(JSON.stringify(j, null, 1)), (D = u == null ? void 0 : u.preferences) != null && D.customVisualCode && d((A = u == null ? void 0 : u.preferences) == null ? void 0 : A.customVisualCode), v && o(JSON.stringify(v, null, 1)));
   }
   function k() {
-    if (r && m(r), !!l)
+    if (i && h(i), !!l)
       try {
-        const N = JSON.parse(l);
-        return N ? (p(N), x(""), o(""), N) : void 0;
-      } catch (N) {
-        console.log(N), x("Invalid JSON");
+        const j = JSON.parse(l);
+        return j ? (p(j), x(""), o(""), j) : void 0;
+      } catch (j) {
+        console.log(j), x("Invalid JSON");
       }
   }
   function I() {
     o(""), p(null);
   }
-  function D() {
-    let N;
-    if (y) {
-      const M = Qs.cloneDeep(h.cfg), A = Qs.merge(M, y);
-      return N = f(A), N;
+  function M() {
+    let j;
+    if (v) {
+      const D = Qs.cloneDeep(u.cfg), A = Qs.merge(D, v);
+      return j = f(A), j;
     }
-    return a ? (N = f(JSON.parse(a)), N) : "";
+    return a ? (j = f(JSON.parse(a)), j) : "";
   }
-  return /* @__PURE__ */ e.jsxs(Cs, { open: s, onOpenChange: n, children: [
+  return /* @__PURE__ */ e.jsxs(Ns, { open: s, onOpenChange: n, children: [
     /* @__PURE__ */ e.jsx(Ss, { asChild: !0, children: /* @__PURE__ */ e.jsx(
       F,
       {
-        onClick: u,
-        className: ` ${y && "border-foreground/50 dark:border-foreground/70"}`,
+        onClick: m,
+        className: ` ${v && "border-foreground/50 dark:border-foreground/70"}`,
         size: "sm",
         variant: "outline",
         children: /* @__PURE__ */ e.jsx(Ot, { className: "h-4 w-4" })
@@ -2781,12 +2786,12 @@ function ml() {
           /* @__PURE__ */ e.jsxs(zs, { className: "", children: [
             /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
               /* @__PURE__ */ e.jsx(Fs, { children: "Customize Card" }),
-              /* @__PURE__ */ e.jsxs(Ts, { children: [
+              /* @__PURE__ */ e.jsxs(Ls, { children: [
                 /* @__PURE__ */ e.jsx(na, { children: /* @__PURE__ */ e.jsx(
                   wn,
                   {
                     onClick: () => {
-                      navigator.clipboard.writeText(h.id);
+                      navigator.clipboard.writeText(u.id);
                     },
                     className: "size-3 cursor-pointer text-muted-foreground/70 transition-colors hover:text-muted-foreground"
                   }
@@ -2794,7 +2799,7 @@ function ml() {
                 /* @__PURE__ */ e.jsx(Is, { side: "right", align: "center", children: /* @__PURE__ */ e.jsx("p", { className: "text-xs", children: "Copy Card ID" }) })
               ] })
             ] }),
-            /* @__PURE__ */ e.jsxs(Ls, { children: [
+            /* @__PURE__ */ e.jsxs(Ts, { children: [
               "See the configuration options and documentation",
               /* @__PURE__ */ e.jsx(
                 "a",
@@ -2812,8 +2817,8 @@ function ml() {
             /* @__PURE__ */ e.jsxs(xa, { defaultValue: "custom-config", className: "flex w-1/2 flex-col", children: [
               /* @__PURE__ */ e.jsxs(pa, { className: "justify-start rounded-sm rounded-b-none border border-b-0", children: [
                 /* @__PURE__ */ e.jsxs(Ze, { value: "custom-config", children: [
-                  y && /* @__PURE__ */ e.jsx(fa, { className: "mr-1 h-5 w-5 text-green-600" }),
-                  y ? "Custom Config" : "Default Config"
+                  v && /* @__PURE__ */ e.jsx(fa, { className: "mr-1 h-5 w-5 text-green-600" }),
+                  v ? "Custom Config" : "Default Config"
                 ] }),
                 /* @__PURE__ */ e.jsx(Ze, { className: "", value: "output", children: "Output" }),
                 /* @__PURE__ */ e.jsx(Ze, { className: "", value: "custom-code", children: "Custom Code" })
@@ -2856,8 +2861,8 @@ function ml() {
                         renderLineHighlight: "none"
                       },
                       defaultLanguage: "json",
-                      value: D(),
-                      onChange: (N) => o(N)
+                      value: M(),
+                      onChange: (j) => o(j)
                     }
                   )
                 }
@@ -2885,8 +2890,8 @@ function ml() {
                         renderLineHighlight: "none"
                       },
                       defaultLanguage: "javascript",
-                      value: r,
-                      onChange: (N) => d(N || "")
+                      value: i,
+                      onChange: (j) => d(j || "")
                     }
                   )
                 }
@@ -2894,11 +2899,11 @@ function ml() {
             ] })
           ] }),
           /* @__PURE__ */ e.jsxs(aa, { className: "flex items-center", children: [
-            /* @__PURE__ */ e.jsx(H, { className: "mr-2 text-red-500", children: i }),
+            /* @__PURE__ */ e.jsx(H, { className: "mr-2 text-red-500", children: r }),
             /* @__PURE__ */ e.jsx(
               F,
               {
-                disabled: !y,
+                disabled: !v,
                 onClick: I,
                 variant: "outline",
                 children: "Reset"
@@ -2953,16 +2958,16 @@ function xl({
       var o;
       if (t) {
         const d = (await Promise.all(
-          (o = t == null ? void 0 : t.plugins) == null ? void 0 : o.map(async (i) => (await Et(i.value)).visuals.map((y) => ({
-            name: y.name,
-            icon: y.icon,
-            url: i.value
+          (o = t == null ? void 0 : t.plugins) == null ? void 0 : o.map(async (r) => (await Et(r.value)).visuals.map((v) => ({
+            name: v.name,
+            icon: v.icon,
+            url: r.value
           })))
         )).flat();
         a(d);
       }
     })();
-  }, [t]), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  }, [t]), n.length === 0 ? null : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(Me, { className: "my-2" }),
     /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-4 place-items-center", children: n.map((l, o) => /* @__PURE__ */ e.jsx(
       pl,
@@ -2983,22 +2988,22 @@ const pl = ({
   const [t, l] = E(null);
   Y(() => {
     n && (async () => {
-      const i = (await import("./lucide-react-5Xr4kIU7.js"))[n];
-      l(i);
+      const r = (await import("./lucide-react-5OzzAy3W.js"))[n];
+      l(r);
     })();
   }, [n]);
   const o = s.charAt(0).toUpperCase();
   return /* @__PURE__ */ e.jsx(F, { onClick: a, title: s, variant: "ghost", children: t ? /* @__PURE__ */ e.jsx(t, { className: "h-4 w-4" }) : o });
 };
 function fl() {
-  const [s, n] = E(!1), a = c((x) => x.card.type), { setCardType: t, setCardPreferences: l, setChartOrientation: o } = c((x) => x.actions), { setCardCustomCfg: r, setCustomCardPreferences: d } = we();
-  function i(x, h) {
-    r(null), l({}), t(x), h && d({
+  const [s, n] = E(!1), a = c((x) => x.card.type), { setCardType: t, setCardPreferences: l, setChartOrientation: o } = c((x) => x.actions), { setCardCustomCfg: i, setCustomCardPreferences: d } = we();
+  function r(x, u) {
+    i(null), l({}), t(x), u && d({
       type: "component",
       visualType: "single",
-      url: h.url,
-      componentName: h.name,
-      icon: h.icon
+      url: u.url,
+      componentName: u.name,
+      icon: u.icon
     }), n(!1);
   }
   return /* @__PURE__ */ e.jsxs(is, { open: s, onOpenChange: n, children: [
@@ -3008,7 +3013,7 @@ function fl() {
         /* @__PURE__ */ e.jsx(
           F,
           {
-            onClick: () => i("bar"),
+            onClick: () => r("bar"),
             className: "font-normal",
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(qs, { className: "size-5" })
@@ -3017,7 +3022,7 @@ function fl() {
         /* @__PURE__ */ e.jsx(
           F,
           {
-            onClick: () => i("line"),
+            onClick: () => r("line"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(Rs, { className: "size-5" })
           }
@@ -3025,7 +3030,7 @@ function fl() {
         /* @__PURE__ */ e.jsx(
           F,
           {
-            onClick: () => i("stackedBar"),
+            onClick: () => r("stackedBar"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(Va, { className: "size-5", strokeWidth: 0 })
           }
@@ -3033,7 +3038,7 @@ function fl() {
         /* @__PURE__ */ e.jsx(
           F,
           {
-            onClick: () => i("stackedLine"),
+            onClick: () => r("stackedLine"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(Ea, { className: "size-5", strokeWidth: 0 })
           }
@@ -3041,15 +3046,15 @@ function fl() {
         /* @__PURE__ */ e.jsx(
           F,
           {
-            onClick: () => i("scatter"),
+            onClick: () => r("scatter"),
             variant: "ghost",
-            children: /* @__PURE__ */ e.jsx(Ca, { className: "size-5" })
+            children: /* @__PURE__ */ e.jsx(Na, { className: "size-5" })
           }
         ),
         /* @__PURE__ */ e.jsx(
           F,
           {
-            onClick: () => i("bubble"),
+            onClick: () => r("bubble"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(Aa, { className: "size-4" })
           }
@@ -3057,15 +3062,15 @@ function fl() {
         /* @__PURE__ */ e.jsx(
           F,
           {
-            onClick: () => i("pie"),
+            onClick: () => r("pie"),
             variant: "ghost",
-            children: /* @__PURE__ */ e.jsx(Na, { className: "size-5" })
+            children: /* @__PURE__ */ e.jsx(Ca, { className: "size-5" })
           }
         ),
         /* @__PURE__ */ e.jsx(
           F,
           {
-            onClick: () => i("doughnut"),
+            onClick: () => r("doughnut"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(Ma, { className: "size-5", strokeWidth: 1 })
           }
@@ -3073,7 +3078,7 @@ function fl() {
         /* @__PURE__ */ e.jsx(
           F,
           {
-            onClick: () => i("radar"),
+            onClick: () => r("radar"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(
               Da,
@@ -3087,7 +3092,7 @@ function fl() {
         /* @__PURE__ */ e.jsx(
           F,
           {
-            onClick: () => i("polarArea"),
+            onClick: () => r("polarArea"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(Oa, { className: "size-5" })
           }
@@ -3095,7 +3100,7 @@ function fl() {
         /* @__PURE__ */ e.jsx(
           F,
           {
-            onClick: () => i("pyramid"),
+            onClick: () => r("pyramid"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(Ra, { className: "size-5" })
           }
@@ -3103,7 +3108,7 @@ function fl() {
         /* @__PURE__ */ e.jsx(
           F,
           {
-            onClick: () => i("range"),
+            onClick: () => r("range"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(va, { className: "size-5" })
           }
@@ -3111,7 +3116,7 @@ function fl() {
         /* @__PURE__ */ e.jsx(
           F,
           {
-            onClick: () => i("table"),
+            onClick: () => r("table"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(Ds, { className: "size-5" })
           }
@@ -3119,7 +3124,7 @@ function fl() {
         /* @__PURE__ */ e.jsx(
           F,
           {
-            onClick: () => i("kpi"),
+            onClick: () => r("kpi"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(qa, { className: "size-6" })
           }
@@ -3127,7 +3132,7 @@ function fl() {
         /* @__PURE__ */ e.jsx(
           F,
           {
-            onClick: () => i("text"),
+            onClick: () => r("text"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(_s, { className: "size-4" })
           }
@@ -3135,13 +3140,13 @@ function fl() {
         /* @__PURE__ */ e.jsx(
           F,
           {
-            onClick: () => i("custom"),
+            onClick: () => r("custom"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(wa, { className: "size-4" })
           }
         )
       ] }),
-      /* @__PURE__ */ e.jsx(xl, { onChartTypeChange: i })
+      /* @__PURE__ */ e.jsx(xl, { onChartTypeChange: r })
     ] })
   ] });
 }
@@ -3152,11 +3157,11 @@ function gl({ chartType: s, className: n }) {
     case "line":
       return /* @__PURE__ */ e.jsx(Rs, { className: n });
     case "pie":
-      return /* @__PURE__ */ e.jsx(Na, { className: n });
+      return /* @__PURE__ */ e.jsx(Ca, { className: n });
     case "radar":
       return /* @__PURE__ */ e.jsx(Da, { className: n });
     case "scatter":
-      return /* @__PURE__ */ e.jsx(Ca, { className: n });
+      return /* @__PURE__ */ e.jsx(Na, { className: n });
     case "bubble":
       return /* @__PURE__ */ e.jsx(Aa, { className: n });
     case "doughnut":
@@ -3182,13 +3187,13 @@ function gl({ chartType: s, className: n }) {
   }
 }
 function ea() {
-  const s = c((j) => j.frame), n = c((j) => j.card), a = c((j) => j.card.data), t = c((j) => j.isShowingVisual), l = c((j) => j.isSqlRunning), o = c((j) => j.queryError), r = c((j) => j.pythonStdOut), d = c((j) => j.actions.setRunSql);
-  c((j) => j.onSave), c((j) => j.onClose), c((j) => j.actions.setCardSql), c((j) => j.actions.setCardType), c((j) => j.actions.setSqlGen);
-  const { setFrame: i, setCard: x, updateCardInFrame: h } = we();
+  const s = c((g) => g.frame), n = c((g) => g.card), a = c((g) => g.card.data), t = c((g) => g.isShowingVisual), l = c((g) => g.isSqlRunning), o = c((g) => g.queryError), i = c((g) => g.pythonStdOut), d = c((g) => g.actions.setRunSql);
+  c((g) => g.onSave), c((g) => g.onClose), c((g) => g.actions.setCardSql), c((g) => g.actions.setCardType), c((g) => g.actions.setSqlGen);
+  const { setFrame: r, setCard: x, updateCardInFrame: u } = we();
   if (!n)
     return /* @__PURE__ */ e.jsx(e.Fragment, { children: "No Active Card" });
-  function y() {
-    const j = {
+  function v() {
+    const g = {
       id: $e(),
       title: "Title",
       description: "Description",
@@ -3204,118 +3209,118 @@ function ea() {
       sql: "",
       data: []
     };
-    p(j);
+    p(g);
   }
-  function p(j) {
+  function p(g) {
     const S = {
       ...s,
-      cards: [...s.cards, j],
-      activeCardId: j.id
+      cards: [...s.cards, g],
+      activeCardId: g.id
     };
-    i(S), x(j);
+    r(S), x(g);
   }
-  function m() {
-    const j = {
+  function h() {
+    const g = {
       ...n,
       id: $e(),
       title: `${n.title} Copy`,
       tabTitle: `${n.tabTitle} Copy`
     };
-    p(j);
+    p(g);
   }
-  function f(j) {
-    const S = s.cards.filter((q) => q.id !== j), v = S[0], b = {
+  function f(g) {
+    const S = s.cards.filter((q) => q.id !== g), C = S[0], y = {
       ...s,
       cards: S,
       // update the active card to the first card in the frame
-      activeCardId: v.id
+      activeCardId: C.id
     };
-    i(b), x(v);
+    r(y), x(C);
   }
-  function u(j) {
+  function m(g) {
     const S = {
       ...s,
-      cards: s.cards.map((b) => b.id === n.id ? n : b),
-      activeCardId: j
+      cards: s.cards.map((y) => y.id === n.id ? n : y),
+      activeCardId: g
     };
-    i(S);
-    const v = S.cards.find((b) => b.id === j);
-    x(v), v.sql && v.data && v.data.length === 0 && d(!0);
+    r(S);
+    const C = S.cards.find((y) => y.id === g);
+    x(C), C.sql && C.data && C.data.length === 0 && d(!0);
   }
-  const k = (j, S) => {
-    console.log("handleDragStart", S), j.dataTransfer.setData("tabIndex", S.toString());
-  }, I = (j) => {
-    j.preventDefault();
-  }, D = (j, S) => {
-    const v = j.dataTransfer.getData("tabIndex");
-    if (v === S.toString())
+  const k = (g, S) => {
+    console.log("handleDragStart", S), g.dataTransfer.setData("tabIndex", S.toString());
+  }, I = (g) => {
+    g.preventDefault();
+  }, M = (g, S) => {
+    const C = g.dataTransfer.getData("tabIndex");
+    if (C === S.toString())
       return;
-    const b = Array.from(s.cards), [q] = b.splice(parseInt(v), 1);
-    b.splice(S, 0, q), i({ ...s, cards: b });
+    const y = Array.from(s.cards), [q] = y.splice(parseInt(C), 1);
+    y.splice(S, 0, q), r({ ...s, cards: y });
   };
-  function N(j, S) {
-    return j.cards.length === 1 && (S.displayTab === !0 || S.displayTab === void 0) || j.activeCardId !== S.id && (S.displayTab === !0 || S.displayTab === void 0) ? null : /* @__PURE__ */ e.jsx(
+  function j(g, S) {
+    return g.cards.length === 1 && (S.displayTab === !0 || S.displayTab === void 0) || g.activeCardId !== S.id && (S.displayTab === !0 || S.displayTab === void 0) ? null : /* @__PURE__ */ e.jsx(
       "div",
       {
         onClick: () => {
-          const v = S.displayTab === void 0 ? !1 : !S.displayTab;
-          x({ ...S, displayTab: v }), h({
+          const C = S.displayTab === void 0 ? !1 : !S.displayTab;
+          x({ ...S, displayTab: C }), u({
             ...S,
-            displayTab: v
+            displayTab: C
           });
         },
         children: S.displayTab === !0 || S.displayTab === void 0 ? /* @__PURE__ */ e.jsx(yn, { className: "mr-2 size-3.5 text-muted-foreground hover:text-foreground" }) : /* @__PURE__ */ e.jsx(bn, { className: "mr-2 size-3.5 text-muted-foreground hover:text-foreground" })
       }
     );
   }
-  function M() {
+  function D() {
     return /* @__PURE__ */ e.jsxs(
       xa,
       {
-        onValueChange: u,
+        onValueChange: m,
         value: s.activeCardId,
         className: "flex grow flex-col",
         children: [
-          s.cards.map((j) => /* @__PURE__ */ e.jsx(es, { className: "mt-0 grow", value: j.id, children: A() }, j.id)),
+          s.cards.map((g) => /* @__PURE__ */ e.jsx(es, { className: "mt-0 grow", value: g.id, children: A() }, g.id)),
           /* @__PURE__ */ e.jsx(pa, { className: "group mx-6 justify-between", children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center", children: [
-            s.cards.map((j, S) => /* @__PURE__ */ e.jsx(
+            s.cards.map((g, S) => /* @__PURE__ */ e.jsx(
               Xe,
               {
-                text: j.tabTitle || j.title,
-                onSave: (v) => {
-                  x({ ...n, tabTitle: v }), h({ ...n, tabTitle: v });
+                text: g.tabTitle || g.title,
+                onSave: (C) => {
+                  x({ ...n, tabTitle: C }), u({ ...n, tabTitle: C });
                 },
                 children: /* @__PURE__ */ e.jsxs(
                   Ze,
                   {
                     draggable: !0,
-                    onDragStart: (v) => k(v, S),
+                    onDragStart: (C) => k(C, S),
                     onDragOver: I,
-                    onDrop: (v) => D(v, S),
+                    onDrop: (C) => M(C, S),
                     className: "",
-                    value: j.id,
+                    value: g.id,
                     children: [
-                      N(s, j),
-                      j.tabTitle || j.title,
-                      s.activeCardId === j.id && s.cards.length > 1 && /* @__PURE__ */ e.jsx(
+                      j(s, g),
+                      g.tabTitle || g.title,
+                      s.activeCardId === g.id && s.cards.length > 1 && /* @__PURE__ */ e.jsx(
                         ga,
                         {
                           className: "ml-2 size-3.5 text-muted-foreground hover:text-foreground",
-                          onClick: () => f(j.id)
+                          onClick: () => f(g.id)
                         }
                       )
                     ]
                   }
                 )
               },
-              j.id
+              g.id
             )),
             /* @__PURE__ */ e.jsx(
               F,
               {
                 className: "ml-1 h-8 px-2 hover:bg-muted-foreground/50",
                 variant: "outline",
-                onClick: y,
+                onClick: v,
                 children: /* @__PURE__ */ e.jsx(ws, { className: "h-4 w-4" })
               }
             ),
@@ -3324,7 +3329,7 @@ function ea() {
               {
                 className: "invisible ml-1 h-8 px-2 hover:bg-muted-foreground/50 group-hover:visible",
                 variant: "outline",
-                onClick: m,
+                onClick: h,
                 children: /* @__PURE__ */ e.jsx(pn, { className: "h-4 w-4" })
               }
             )
@@ -3345,8 +3350,8 @@ function ea() {
       ] }),
       /* @__PURE__ */ e.jsx(bl, {})
     ] }),
-    t ? M() : /* @__PURE__ */ e.jsxs("div", { className: "flex min-h-0 w-full flex-1 grow basis-0 px-6", children: [
-      r && /* @__PURE__ */ e.jsx(jl, {}),
+    t ? D() : /* @__PURE__ */ e.jsxs("div", { className: "flex min-h-0 w-full flex-1 grow basis-0 px-6", children: [
+      i && /* @__PURE__ */ e.jsx(jl, {}),
       n.data && n.data.length > 0 && /* @__PURE__ */ e.jsx(ul, { data: a || [] }),
       o && /* @__PURE__ */ e.jsx("span", { className: "font-mono text-sm", children: o })
     ] })
@@ -3399,7 +3404,7 @@ function yl({
       className: "flex gap-4",
       defaultValue: s[0].value,
       children: s.map((t) => /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-        /* @__PURE__ */ e.jsx(Le, { value: t.value, id: t.value }),
+        /* @__PURE__ */ e.jsx(Te, { value: t.value, id: t.value }),
         /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: t.value, children: t.label })
       ] }, t.value))
     }
@@ -3429,111 +3434,111 @@ function Re({
 function vl() {
   var f;
   const s = c(
-    (u) => u.card.customCardPreferences
+    (m) => m.card.customCardPreferences
   ), { data: n } = _a(), a = (n == null ? void 0 : n.plugins) || [];
-  c((u) => u.card);
-  const t = c((u) => u.frame), l = (s == null ? void 0 : s.visualType) || "single", { setCustomCardPreferences: o } = we(), { components: r, manifest: d } = ha(
+  c((m) => m.card);
+  const t = c((m) => m.frame), l = (s == null ? void 0 : s.visualType) || "single", { setCustomCardPreferences: o } = we(), { components: i, manifest: d } = ha(
     (s == null ? void 0 : s.url) || ""
-  ), i = (f = d == null ? void 0 : d.visuals) == null ? void 0 : f.find(
-    (u) => u.name === (s == null ? void 0 : s.componentName)
+  ), r = (f = d == null ? void 0 : d.visuals) == null ? void 0 : f.find(
+    (m) => m.name === (s == null ? void 0 : s.componentName)
   );
-  function x(u, k) {
+  function x(m, k) {
     if (!s)
       return;
-    const D = {
+    const M = {
       ...(s == null ? void 0 : s.dataInputCardIds) || {},
-      [u]: {
+      [m]: {
         cardId: k,
         hookRef: null
       }
     };
     o({
       ...s,
-      dataInputCardIds: D
+      dataInputCardIds: M
     });
   }
-  function h(u) {
-    var I, D;
-    const k = (I = t == null ? void 0 : t.cards) == null ? void 0 : I.filter((N) => {
-      var M;
-      return ((M = N == null ? void 0 : N.customCardPreferences) == null ? void 0 : M.visualType) !== "multiple";
-    }).map((N) => ({
-      value: N.id,
-      label: N.tabTitle || N.title
+  function u(m) {
+    var I, M;
+    const k = (I = t == null ? void 0 : t.cards) == null ? void 0 : I.filter((j) => {
+      var D;
+      return ((D = j == null ? void 0 : j.customCardPreferences) == null ? void 0 : D.visualType) !== "multiple";
+    }).map((j) => ({
+      value: j.id,
+      label: j.tabTitle || j.title
     }));
-    return /* @__PURE__ */ e.jsx("div", { className: "space-y-2", children: (D = u == null ? void 0 : u.dataInputs) == null ? void 0 : D.map((N, M) => {
-      var A, j;
+    return /* @__PURE__ */ e.jsx("div", { className: "space-y-2", children: (M = m == null ? void 0 : m.dataInputs) == null ? void 0 : M.map((j, D) => {
+      var A, g;
       return /* @__PURE__ */ e.jsxs(
         "div",
         {
           className: "grid grid-cols-10 gap-2",
           children: [
-            /* @__PURE__ */ e.jsx("div", { className: "col-span-4 flex items-center", children: N }),
+            /* @__PURE__ */ e.jsx("div", { className: "col-span-4 flex items-center", children: j }),
             /* @__PURE__ */ e.jsx(
               Re,
               {
                 className: "col-span-6 h-8 w-full justify-between",
                 label: "",
                 options: k || [],
-                value: ((j = (A = s == null ? void 0 : s.dataInputCardIds) == null ? void 0 : A[M]) == null ? void 0 : j.cardId) || "",
-                onValueChange: (S) => x(M, S)
+                value: ((g = (A = s == null ? void 0 : s.dataInputCardIds) == null ? void 0 : A[D]) == null ? void 0 : g.cardId) || "",
+                onValueChange: (S) => x(D, S)
               }
             )
           ]
         },
-        M + Math.random()
+        D + Math.random()
       );
     }) });
   }
-  function y(u, k, I = []) {
-    var D, N;
-    return s ? u === "input" ? /* @__PURE__ */ e.jsx(
-      Ce,
+  function v(m, k, I = []) {
+    var M, j;
+    return s ? m === "input" ? /* @__PURE__ */ e.jsx(
+      Ne,
       {
         className: `h-8 w-full ${_t}`,
-        value: ((D = s == null ? void 0 : s.settings) == null ? void 0 : D[k]) || "",
-        onChange: (M) => {
+        value: ((M = s == null ? void 0 : s.settings) == null ? void 0 : M[k]) || "",
+        onChange: (D) => {
           o({
             ...s,
             settings: {
               ...s == null ? void 0 : s.settings,
-              [k]: M.target.value
+              [k]: D.target.value
             }
           });
         }
       },
       k
-    ) : u === "select" ? /* @__PURE__ */ e.jsx(
+    ) : m === "select" ? /* @__PURE__ */ e.jsx(
       Re,
       {
         className: "h-8 w-full",
         label: "",
         options: I,
-        value: ((N = s == null ? void 0 : s.settings) == null ? void 0 : N[k]) || "",
-        onValueChange: (M) => {
+        value: ((j = s == null ? void 0 : s.settings) == null ? void 0 : j[k]) || "",
+        onValueChange: (D) => {
           o({
             ...s,
-            settings: { ...s == null ? void 0 : s.settings, [k]: M }
+            settings: { ...s == null ? void 0 : s.settings, [k]: D }
           });
         }
       }
     ) : null : null;
   }
-  function p(u) {
-    const k = Object.entries((u == null ? void 0 : u.settings) || {});
-    return /* @__PURE__ */ e.jsx("div", { className: "space-y-3", children: k.map(([I, D]) => /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ e.jsx(H, { children: D.title }),
-      y(
-        D.ui,
+  function p(m) {
+    const k = Object.entries((m == null ? void 0 : m.settings) || {});
+    return /* @__PURE__ */ e.jsx("div", { className: "space-y-3", children: k.map(([I, M]) => /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ e.jsx(H, { children: M.title }),
+      v(
+        M.ui,
         I,
-        D.options
+        M.options
       )
     ] }, I)) });
   }
-  function m(u) {
+  function h(m) {
     s && o({
       ...s,
-      visualType: u,
+      visualType: m,
       componentName: ""
     });
   }
@@ -3547,12 +3552,12 @@ function vl() {
           label: "",
           options: a,
           value: (s == null ? void 0 : s.url) || "",
-          onValueChange: (u) => o({
+          onValueChange: (m) => o({
             ...s || {
               url: "",
               componentName: ""
             },
-            url: u
+            url: m
           })
         }
       ) })
@@ -3565,38 +3570,38 @@ function vl() {
           { value: "multiple", label: "Multi-Visual" }
         ],
         value: l,
-        onValueChange: m
+        onValueChange: h
       }
     ),
     ((s == null ? void 0 : s.type) === "component" || (s == null ? void 0 : s.type) === void 0) && s && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
         /* @__PURE__ */ e.jsx(H, { children: "Component" }),
-        /* @__PURE__ */ e.jsx("div", { className: "space-y-2 px-2", children: r && /* @__PURE__ */ e.jsx(
+        /* @__PURE__ */ e.jsx("div", { className: "space-y-2 px-2", children: i && /* @__PURE__ */ e.jsx(
           Re,
           {
             className: "h-8 w-full",
             label: "",
-            options: (r == null ? void 0 : r.filter((u) => u.type === l).map((u) => ({
-              value: u.name,
-              label: u.name
+            options: (i == null ? void 0 : i.filter((m) => m.type === l).map((m) => ({
+              value: m.name,
+              label: m.name
             }))) || [],
             value: s.componentName,
-            onValueChange: (u) => {
-              console.log("changing value", u), o({
+            onValueChange: (m) => {
+              console.log("changing value", m), o({
                 ...s,
-                componentName: u
+                componentName: m
               });
             }
           }
         ) })
       ] }),
-      i && i.dataInputs && /* @__PURE__ */ e.jsxs("div", { className: "space-y-3", children: [
+      r && r.dataInputs && /* @__PURE__ */ e.jsxs("div", { className: "space-y-3", children: [
         /* @__PURE__ */ e.jsx(H, { children: "Input Mapping" }),
-        /* @__PURE__ */ e.jsx("div", { className: "px-2", children: h(i) })
+        /* @__PURE__ */ e.jsx("div", { className: "px-2", children: u(r) })
       ] }),
-      i && i.settings && /* @__PURE__ */ e.jsxs("div", { className: "space-y-3", children: [
+      r && r.settings && /* @__PURE__ */ e.jsxs("div", { className: "space-y-3", children: [
         /* @__PURE__ */ e.jsx(H, { children: "Settings" }),
-        /* @__PURE__ */ e.jsx("div", { className: "px-2", children: p(i) })
+        /* @__PURE__ */ e.jsx("div", { className: "px-2", children: p(r) })
       ] })
     ] })
   ] });
@@ -3604,27 +3609,27 @@ function vl() {
 function Ae() {
   const [s, n] = E([]);
   c(
-    (h) => h.card.cfg
+    (u) => u.card.cfg
   );
-  const a = c((h) => h.card.preferences), { setCardCfg: t, setFilterOnClickColumnIndex: l, setCardPreferences: o } = c((h) => h.actions), r = c(
-    (h) => h.queryResultColumns
+  const a = c((u) => u.card.preferences), { setCardCfg: t, setFilterOnClickColumnIndex: l, setCardPreferences: o } = c((u) => u.actions), i = c(
+    (u) => u.queryResultColumns
   );
   c(
-    (h) => {
-      var y;
-      return (y = h.card.preferences) == null ? void 0 : y.filterOnClickColumnIndex;
+    (u) => {
+      var v;
+      return (v = u.card.preferences) == null ? void 0 : v.filterOnClickColumnIndex;
     }
   ), Y(() => {
-    r && n(new Array(r.length).fill(!1));
-  }, [r]);
-  function d(h, y) {
-    var p, m;
-    y ? a != null && a.onClickFilter && ((p = a == null ? void 0 : a.onClickFilter) == null ? void 0 : p.length) > 0 ? o({
+    i && n(new Array(i.length).fill(!1));
+  }, [i]);
+  function d(u, v) {
+    var p, h;
+    v ? a != null && a.onClickFilter && ((p = a == null ? void 0 : a.onClickFilter) == null ? void 0 : p.length) > 0 ? o({
       ...a,
       onClickFilter: [
         ...a.onClickFilter,
         {
-          columnIndex: h,
+          columnIndex: u,
           expression: ""
         }
       ]
@@ -3632,39 +3637,39 @@ function Ae() {
       ...a,
       onClickFilter: [
         {
-          columnIndex: h,
+          columnIndex: u,
           expression: ""
         }
       ]
     }) : (o({
       ...a,
-      onClickFilter: (m = a == null ? void 0 : a.onClickFilter) == null ? void 0 : m.filter(
-        (f) => f.columnIndex !== h
+      onClickFilter: (h = a == null ? void 0 : a.onClickFilter) == null ? void 0 : h.filter(
+        (f) => f.columnIndex !== u
       )
     }), n((f) => {
-      const u = [...f];
-      return u[h] = !1, u;
+      const m = [...f];
+      return m[u] = !1, m;
     }));
   }
-  function i(h, y) {
-    var m;
-    const p = (m = a == null ? void 0 : a.onClickFilter) == null ? void 0 : m.map((f) => f.columnIndex === h ? {
+  function r(u, v) {
+    var h;
+    const p = (h = a == null ? void 0 : a.onClickFilter) == null ? void 0 : h.map((f) => f.columnIndex === u ? {
       ...f,
-      expression: y.target.value
+      expression: v.target.value
     } : f);
     o({
       ...a,
       onClickFilter: p
     });
   }
-  function x(h) {
-    var y, p, m, f;
-    if (s != null && s[h] || (p = (y = a == null ? void 0 : a.onClickFilter) == null ? void 0 : y.find((u) => u.columnIndex === h)) != null && p.expression)
+  function x(u) {
+    var v, p, h, f;
+    if (s != null && s[u] || (p = (v = a == null ? void 0 : a.onClickFilter) == null ? void 0 : v.find((m) => m.columnIndex === u)) != null && p.expression)
       return /* @__PURE__ */ e.jsx(
-        Ce,
+        Ne,
         {
-          value: (f = (m = a == null ? void 0 : a.onClickFilter) == null ? void 0 : m.find((u) => u.columnIndex === h)) == null ? void 0 : f.expression,
-          onChange: (u) => i(h, u),
+          value: (f = (h = a == null ? void 0 : a.onClickFilter) == null ? void 0 : h.find((m) => m.columnIndex === u)) == null ? void 0 : f.expression,
+          onChange: (m) => r(u, m),
           type: "text",
           className: "h-9 w-full font-mono text-xs focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0",
           placeholder: "Expression"
@@ -3673,8 +3678,8 @@ function Ae() {
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ e.jsx(H, { children: "On Click" }),
-    r == null ? void 0 : r.map((h, y) => {
-      var p, m;
+    i == null ? void 0 : i.map((u, v) => {
+      var p, h;
       return /* @__PURE__ */ e.jsx(
         "div",
         {
@@ -3685,64 +3690,64 @@ function Ae() {
                 ls,
                 {
                   checked: !!((p = a == null ? void 0 : a.onClickFilter) != null && p.find(
-                    (f) => f.columnIndex === y
+                    (f) => f.columnIndex === v
                   )),
-                  onCheckedChange: (f) => d(y, f)
+                  onCheckedChange: (f) => d(v, f)
                 }
               ),
               /* @__PURE__ */ e.jsx(
                 "label",
                 {
                   className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
-                  children: h
+                  children: u
                 }
               ),
-              /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: ((m = a == null ? void 0 : a.onClickFilter) == null ? void 0 : m.find(
-                (f) => f.columnIndex === y
+              /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: ((h = a == null ? void 0 : a.onClickFilter) == null ? void 0 : h.find(
+                (f) => f.columnIndex === v
               )) && /* @__PURE__ */ e.jsx(
                 Sa,
                 {
                   onClick: () => {
                     n((f) => {
-                      const u = [...f];
-                      return u[y] = !f[y], u;
+                      const m = [...f];
+                      return m[v] = !f[v], m;
                     });
                   },
                   className: "invisible size-3 cursor-pointer text-gray-400 group-hover:visible"
                 }
               ) })
             ] }),
-            x(y)
+            x(v)
           ] })
         },
-        h
+        u
       );
     })
   ] });
 }
 function ds() {
-  var r, d, i;
+  var i, d, r;
   const s = c((x) => x.card.preferences), n = c(
     (x) => x.card.cfg
   ), { setCardCfg: a, setCardPreferences: t, setChartOrientation: l } = c((x) => x.actions);
-  (r = n == null ? void 0 : n.options) != null && r.indexAxis;
+  (i = n == null ? void 0 : n.options) != null && i.indexAxis;
   function o(x) {
     l(x);
   }
   return /* @__PURE__ */ e.jsxs(
     cs,
     {
-      value: ((d = s == null ? void 0 : s.chartOptions) == null ? void 0 : d.indexAxis) || ((i = n == null ? void 0 : n.options) == null ? void 0 : i.indexAxis) || "x",
+      value: ((d = s == null ? void 0 : s.chartOptions) == null ? void 0 : d.indexAxis) || ((r = n == null ? void 0 : n.options) == null ? void 0 : r.indexAxis) || "x",
       onValueChange: o,
       className: "flex gap-3",
       defaultValue: "x",
       children: [
         /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ e.jsx(Le, { value: "x", id: "r1" }),
+          /* @__PURE__ */ e.jsx(Te, { value: "x", id: "r1" }),
           /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: "r1", children: "Vertical" })
         ] }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ e.jsx(Le, { value: "y", id: "r2" }),
+          /* @__PURE__ */ e.jsx(Te, { value: "y", id: "r2" }),
           /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: "r2", children: "Horizontal" })
         ] })
       ]
@@ -3757,38 +3762,38 @@ function sa(s, n) {
 }
 function Ha() {
   var le, K, ie, w, V, Z;
-  const [s, n] = E(!1), a = c((T) => {
-    var L;
-    return (L = T.card) == null ? void 0 : L.preferences;
-  }), t = c((T) => {
-    var L;
-    return (L = T.card) == null ? void 0 : L.cfg;
-  }), l = ja(a, t), [o, r] = E(
+  const [s, n] = E(!1), a = c((L) => {
+    var T;
+    return (T = L.card) == null ? void 0 : T.preferences;
+  }), t = c((L) => {
+    var T;
+    return (T = L.card) == null ? void 0 : T.cfg;
+  }), l = ja(a, t), [o, i] = E(
     sa(a)
-  ), [d, i] = E(
+  ), [d, r] = E(
     ((ie = (K = (le = a == null ? void 0 : a.chartOptions) == null ? void 0 : le.scales) == null ? void 0 : K[l]) == null ? void 0 : ie.min) || ""
-  ), [x, h] = E(
+  ), [x, u] = E(
     ((Z = (V = (w = a == null ? void 0 : a.chartOptions) == null ? void 0 : w.scales) == null ? void 0 : V[l]) == null ? void 0 : Z.max) || ""
-  ), [y, p] = E(d || x ? "custom" : "auto"), [m, f] = E(""), [u, k] = E(0), [I, D] = E(""), [N, M] = E(""), [A, j] = E(""), S = c(
-    (T) => T.actions.setCardPreferences
-  ), { updateCardInFrame: v } = we(), b = c((T) => T.card), q = c((T) => {
-    var L;
-    return (L = T.card) == null ? void 0 : L.type;
+  ), [v, p] = E(d || x ? "custom" : "auto"), [h, f] = E(""), [m, k] = E(0), [I, M] = E(""), [j, D] = E(""), [A, g] = E(""), S = c(
+    (L) => L.actions.setCardPreferences
+  ), { updateCardInFrame: C } = we(), y = c((L) => L.card), q = c((L) => {
+    var T;
+    return (T = L.card) == null ? void 0 : T.type;
   }), $ = ["pie", "doughnut", "polarArea"].includes(q);
   Y(() => {
-    var T, L, se, _, ae, te, ke, ye, J, oe, ce, ze, de, ve;
-    r(sa(a)), i(
-      ((se = (L = (T = a == null ? void 0 : a.chartOptions) == null ? void 0 : T.scales) == null ? void 0 : L[l]) == null ? void 0 : se.min) === 0 ? 0 : ""
-    ), h(((te = (ae = (_ = a == null ? void 0 : a.chartOptions) == null ? void 0 : _.scales) == null ? void 0 : ae[l]) == null ? void 0 : te.max) || ""), f(
+    var L, T, se, _, ae, te, ke, ye, J, oe, ce, ze, de, ve;
+    i(sa(a)), r(
+      ((se = (T = (L = a == null ? void 0 : a.chartOptions) == null ? void 0 : L.scales) == null ? void 0 : T[l]) == null ? void 0 : se.min) === 0 ? 0 : ""
+    ), u(((te = (ae = (_ = a == null ? void 0 : a.chartOptions) == null ? void 0 : _.scales) == null ? void 0 : ae[l]) == null ? void 0 : te.max) || ""), f(
       ((oe = (J = (ye = (ke = a == null ? void 0 : a.chartOptions) == null ? void 0 : ke.scales) == null ? void 0 : ye[l]) == null ? void 0 : J.ticks) == null ? void 0 : oe.stepSize) || ""
-    ), k(((ce = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : ce.decimalPlaces) || 0), D(((ze = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : ze.suffix) || ""), M(((de = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : de.currency) || ""), j(((ve = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : ve.locale) || "");
+    ), k(((ce = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : ce.decimalPlaces) || 0), M(((ze = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : ze.suffix) || ""), D(((de = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : de.currency) || ""), g(((ve = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : ve.locale) || "");
   }, [s, a, l]);
-  function R(T, L) {
-    return L === "" || /^[0-9\b]+$/.test(L) ? Number(L) : Number(T);
+  function R(L, T) {
+    return T === "" || /^[0-9\b]+$/.test(T) ? Number(T) : Number(L);
   }
   function B() {
-    const T = [
-      ...new Set(as.map((L) => L.currency))
+    const L = [
+      ...new Set(as.map((T) => T.currency))
     ];
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-6 items-center gap-2", children: [
@@ -3810,19 +3815,19 @@ function Ha() {
         /* @__PURE__ */ e.jsxs(
           he,
           {
-            value: N || "none",
-            onValueChange: (L) => M(L === "none" ? "" : L),
+            value: j || "none",
+            onValueChange: (T) => D(T === "none" ? "" : T),
             children: [
               /* @__PURE__ */ e.jsx(me, { className: "col-span-2 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(xe, {}) }),
               /* @__PURE__ */ e.jsx(pe, { children: /* @__PURE__ */ e.jsxs(Se, { children: [
                 /* @__PURE__ */ e.jsx(fe, { children: "Currency" }),
                 /* @__PURE__ */ e.jsx(Q, { value: "none", children: "None" }),
-                T.map((L) => /* @__PURE__ */ e.jsx(Q, { value: L, children: L }, L))
+                L.map((T) => /* @__PURE__ */ e.jsx(Q, { value: T, children: T }, T))
               ] }) })
             ]
           }
         ),
-        /* @__PURE__ */ e.jsxs(he, { value: A, onValueChange: (L) => j(L), children: [
+        /* @__PURE__ */ e.jsxs(he, { value: A, onValueChange: (T) => g(T), children: [
           /* @__PURE__ */ e.jsx(
             me,
             {
@@ -3832,17 +3837,17 @@ function Ha() {
           ),
           /* @__PURE__ */ e.jsx(pe, { children: /* @__PURE__ */ e.jsxs(Se, { children: [
             /* @__PURE__ */ e.jsx(fe, { children: "Locale" }),
-            as.map((L) => /* @__PURE__ */ e.jsx(Q, { value: L.locale, children: L.locale }, L.locale))
+            as.map((T) => /* @__PURE__ */ e.jsx(Q, { value: T.locale, children: T.locale }, T.locale))
           ] }) })
         ] })
       ] }),
       /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-9 items-center gap-2", children: [
         /* @__PURE__ */ e.jsx(H, { className: "col-span-3", htmlFor: "format", children: "Decimals" }),
         /* @__PURE__ */ e.jsx(
-          Ce,
+          Ne,
           {
-            value: u,
-            onChange: (L) => k(Number(L.target.value)),
+            value: m,
+            onChange: (T) => k(Number(T.target.value)),
             id: "format",
             className: `col-span-6 h-8 w-full tracking-wide ${Je}`
           }
@@ -3855,19 +3860,19 @@ function Ha() {
       /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 items-center gap-2", children: [
         /* @__PURE__ */ e.jsx(H, { htmlFor: "range", children: "Range" }),
         /* @__PURE__ */ e.jsx(
-          Ce,
+          Ne,
           {
             id: "min",
             value: d,
-            onChange: (T) => i((L) => R(L, T.target.value)),
+            onChange: (L) => r((T) => R(T, L.target.value)),
             className: `col-span-1 h-8 w-full ${Je}`
           }
         ),
         /* @__PURE__ */ e.jsx(
-          Ce,
+          Ne,
           {
             value: x,
-            onChange: (T) => h((L) => R(L, T.target.value)),
+            onChange: (L) => u((T) => R(T, L.target.value)),
             id: "max",
             className: `col-span-1 h-8 w-full ${Je}`
           }
@@ -3876,10 +3881,10 @@ function Ha() {
       /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 items-center gap-2", children: [
         /* @__PURE__ */ e.jsx(H, { htmlFor: "step-size", children: "Step Size" }),
         /* @__PURE__ */ e.jsx(
-          Ce,
+          Ne,
           {
-            value: m,
-            onChange: (T) => f((L) => R(L, T.target.value)),
+            value: h,
+            onChange: (L) => f((T) => R(T, L.target.value)),
             id: "step-size",
             className: `col-span-1 h-8 w-full ${Je}`
           }
@@ -3889,15 +3894,15 @@ function Ha() {
   }
   function W() {
     var _;
-    let T = {};
-    y === "custom" && (T = {
+    let L = {};
+    v === "custom" && (L = {
       min: d,
       max: x,
       ticks: {
-        stepSize: m
+        stepSize: h
       }
     });
-    const L = {
+    const T = {
       ...a || {},
       chartOptions: {
         ...a == null ? void 0 : a.chartOptions,
@@ -3906,25 +3911,25 @@ function Ha() {
           [l]: {
             // ...cardPreferences?.chartOptions?.scales?.[axis],
             type: o,
-            ...o === "linear" ? T : {}
+            ...o === "linear" ? L : {}
           }
         }
       },
       numberAxisFormat: {
-        decimalPlaces: u,
+        decimalPlaces: m,
         suffix: I,
-        currency: N,
+        currency: j,
         locale: A
       }
     };
-    console.log(L), S(L);
+    console.log(T), S(T);
     const se = {
-      ...b,
-      preferences: L
+      ...y,
+      preferences: T
     };
-    v(se);
+    C(se);
   }
-  return /* @__PURE__ */ e.jsxs(is, { onOpenChange: (T) => n(T), children: [
+  return /* @__PURE__ */ e.jsxs(is, { onOpenChange: (L) => n(L), children: [
     /* @__PURE__ */ e.jsx(rs, { asChild: !0, children: /* @__PURE__ */ e.jsx(Ht, { className: "size-4 cursor-pointer text-muted-foreground hover:text-foreground" }) }),
     /* @__PURE__ */ e.jsx(os, { 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: [
@@ -3939,7 +3944,7 @@ function Ha() {
             {
               disabled: $,
               value: o,
-              onValueChange: (T) => r(T),
+              onValueChange: (L) => i(L),
               children: [
                 /* @__PURE__ */ e.jsx(me, { className: "col-span-2 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(xe, {}) }),
                 /* @__PURE__ */ e.jsx(pe, { id: "type", children: /* @__PURE__ */ e.jsxs(Se, { children: [
@@ -3958,24 +3963,24 @@ function Ha() {
             {
               disabled: $,
               id: "scale-option",
-              value: y,
-              onValueChange: (T) => p(T),
+              value: v,
+              onValueChange: (L) => p(L),
               className: "col-span-2 flex gap-3",
               defaultValue: "x",
               children: [
                 /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-                  /* @__PURE__ */ e.jsx(Le, { value: "auto", id: "r1" }),
+                  /* @__PURE__ */ e.jsx(Te, { value: "auto", id: "r1" }),
                   /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: "r1", children: "Auto" })
                 ] }),
                 /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-                  /* @__PURE__ */ e.jsx(Le, { value: "custom", id: "r2" }),
+                  /* @__PURE__ */ e.jsx(Te, { value: "custom", id: "r2" }),
                   /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: "r2", children: "Custom" })
                 ] })
               ]
             }
           )
         ] }),
-        y === "custom" && o == "linear" && ee(),
+        v === "custom" && o == "linear" && ee(),
         B(),
         /* @__PURE__ */ e.jsx($t, {}),
         /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-3", children: /* @__PURE__ */ e.jsx(
@@ -3991,25 +3996,25 @@ function Ha() {
     ] }) })
   ] });
 }
-function Nl({ idx: s }) {
+function Cl({ idx: s }) {
   var d;
-  const n = c((i) => {
+  const n = c((r) => {
     var x;
-    return (x = i.card) == null ? void 0 : x.preferences;
+    return (x = r.card) == null ? void 0 : x.preferences;
   }), a = c(
-    (i) => {
+    (r) => {
       var x;
-      return (x = i.card.preferences) == null ? void 0 : x.datasetOptions;
+      return (x = r.card.preferences) == null ? void 0 : x.datasetOptions;
     }
   ), t = c(
-    (i) => i.actions.setCardPreferences
-  ), l = (d = n == null ? void 0 : n.chartOptions) == null ? void 0 : d.indexAxis, o = a == null ? void 0 : a.find((i) => i.idx === s);
-  function r(i, x) {
-    (i === "end" || i === "start") && Bt(Pt());
-    const h = {
-      display: i !== "none",
-      align: i,
-      anchor: i,
+    (r) => r.actions.setCardPreferences
+  ), l = (d = n == null ? void 0 : n.chartOptions) == null ? void 0 : d.indexAxis, o = a == null ? void 0 : a.find((r) => r.idx === s);
+  function i(r, x) {
+    (r === "end" || r === "start") && Bt(Pt());
+    const u = {
+      display: r !== "none",
+      align: r,
+      anchor: r,
       clamp: !0
     };
     if (!o)
@@ -4019,15 +4024,15 @@ function Nl({ idx: s }) {
           ...a || [],
           {
             idx: x,
-            datalabels: h
+            datalabels: u
           }
         ]
       });
     else {
-      const y = { ...o };
-      y.datalabels = h;
+      const v = { ...o };
+      v.datalabels = u;
       const p = a == null ? void 0 : a.map(
-        (m) => m.idx === x ? y : m
+        (h) => h.idx === x ? v : h
       );
       t({
         ...n,
@@ -4041,7 +4046,7 @@ function Nl({ idx: s }) {
       /* @__PURE__ */ e.jsx(
         F,
         {
-          onClick: () => r("none", s),
+          onClick: () => i("none", s),
           size: "sm",
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
@@ -4051,7 +4056,7 @@ function Nl({ idx: s }) {
       /* @__PURE__ */ e.jsx(
         F,
         {
-          onClick: () => r("start", s),
+          onClick: () => i("start", s),
           size: "sm",
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
@@ -4068,7 +4073,7 @@ function Nl({ idx: s }) {
       /* @__PURE__ */ e.jsx(
         F,
         {
-          onClick: () => r("center", s),
+          onClick: () => i("center", s),
           size: "sm",
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
@@ -4085,7 +4090,7 @@ function Nl({ idx: s }) {
       /* @__PURE__ */ e.jsx(
         F,
         {
-          onClick: () => r("end", s),
+          onClick: () => i("end", s),
           size: "sm",
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
@@ -4103,51 +4108,51 @@ function Nl({ idx: s }) {
   ] });
 }
 function $a() {
-  const s = c((i) => i.card), n = c(
-    (i) => {
-      var x, h, y;
-      return (y = (h = (x = i == null ? void 0 : i.card) == null ? void 0 : x.preferences) == null ? void 0 : h.chartOptions) == null ? void 0 : y.indexAxis;
+  const s = c((r) => r.card), n = c(
+    (r) => {
+      var x, u, v;
+      return (v = (u = (x = r == null ? void 0 : r.card) == null ? void 0 : x.preferences) == null ? void 0 : u.chartOptions) == null ? void 0 : v.indexAxis;
     }
   ), a = n === "y" ? "Y axis" : "X axis", t = n === "y" ? "X axis" : "Y axis", {
     keys: l,
     metricKeys: o,
-    dimensionKeys: r
+    dimensionKeys: i
   } = gs(s.data || []);
   let d = o;
   if (["stackedBar", "stackedLine"].includes(s.type)) {
-    const i = Ut({
+    const r = Ut({
       dataArray: s.data || [],
-      groupKey: r[0],
-      pivotKey: r[1],
+      groupKey: i[0],
+      pivotKey: i[1],
       valueKey: d[0]
-    }), { metricKeys: x } = gs(i);
+    }), { metricKeys: x } = gs(r);
     d = x;
   }
   return l.length === 0 ? null : /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ e.jsx(H, { children: 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: r[0] }) }) })
+      /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: /* @__PURE__ */ e.jsx("div", { className: "rounded-md bg-muted/70 px-2 py-1 hover:bg-muted", children: /* @__PURE__ */ e.jsx("p", { children: i[0] }) }) })
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between gap-5", children: [
         /* @__PURE__ */ e.jsx(H, { children: t }),
         /* @__PURE__ */ e.jsx(Ha, {})
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: d.map((i, x) => /* @__PURE__ */ e.jsx(Cl, { col: i, idx: x }, i)) })
+      /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: d.map((r, x) => /* @__PURE__ */ e.jsx(Nl, { col: r, idx: x }, r)) })
     ] })
   ] });
 }
-function Cl({ col: s, idx: n }) {
+function Nl({ col: s, idx: n }) {
   const a = c((d) => {
-    var i;
-    return (i = d.card) == null ? void 0 : i.preferences;
+    var r;
+    return (r = d.card) == null ? void 0 : r.preferences;
   }), t = c(
     (d) => {
-      var i;
-      return (i = d.card.preferences) == null ? void 0 : i.datasetOptions;
+      var r;
+      return (r = d.card.preferences) == null ? void 0 : r.datasetOptions;
     }
   ), l = t == null ? void 0 : t.find((d) => d.idx === n), { setCardPreferences: o } = c((d) => d.actions);
-  function r(d) {
+  function i(d) {
     if (!l)
       o({
         ...a,
@@ -4161,10 +4166,10 @@ function Cl({ col: s, idx: n }) {
         ]
       });
     else {
-      const i = { ...l };
-      i.type = d === "area" ? "line" : d, i.fill = d === "area" ? "origin" : "";
+      const r = { ...l };
+      r.type = d === "area" ? "line" : d, r.fill = d === "area" ? "origin" : "";
       const x = t == null ? void 0 : t.map(
-        (h) => h.idx === n ? i : h
+        (u) => u.idx === n ? r : u
       );
       o({
         ...a,
@@ -4178,21 +4183,21 @@ function Cl({ col: s, idx: n }) {
       /* @__PURE__ */ e.jsx(
         qs,
         {
-          onClick: () => r("bar"),
+          onClick: () => i("bar"),
           className: "invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"
         }
       ),
       /* @__PURE__ */ e.jsx(
         Rs,
         {
-          onClick: () => r("line"),
+          onClick: () => i("line"),
           className: "invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"
         }
       ),
       /* @__PURE__ */ e.jsx(
         mn,
         {
-          onClick: () => r("area"),
+          onClick: () => i("area"),
           className: "invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"
         }
       ),
@@ -4203,37 +4208,37 @@ function Cl({ col: s, idx: n }) {
           className: "invisible size-4 cursor-pointer py-2 text-muted-foreground hover:text-foreground group-hover:visible"
         }
       ),
-      /* @__PURE__ */ e.jsx(Nl, { idx: n })
+      /* @__PURE__ */ e.jsx(Cl, { idx: n })
     ] })
   ] });
 }
 function Ba() {
-  const s = c((p) => p.selectedConnectionId), n = c((p) => p.selectedDatamodelId), a = c((p) => p.selectedDatabaseName), t = c((p) => p.selectedSchemaName), l = c((p) => p.selectedTableName), o = z((p) => p.dashboard.filters) || [], r = z((p) => p.actions.addFilter), d = z((p) => p.actions.removeFilter), i = z(
+  const s = c((p) => p.selectedConnectionId), n = c((p) => p.selectedDatamodelId), a = c((p) => p.selectedDatabaseName), t = c((p) => p.selectedSchemaName), l = c((p) => p.selectedTableName), o = z((p) => p.dashboard.filters) || [], i = z((p) => p.actions.addFilter), d = z((p) => p.actions.removeFilter), r = z(
     (p) => p.actions.removeFilterValue
-  ), { modelItems: x, tableName: h } = Oe();
-  function y(p, m = "dashboard") {
-    var j;
-    const f = ue(p.column_name), u = ue(a || ""), k = ue(t || ""), I = ue(h);
-    let D = ca(
+  ), { modelItems: x, tableName: u } = Oe();
+  function v(p, h = "dashboard") {
+    var g;
+    const f = ue(p.column_name), m = ue(a || ""), k = ue(t || ""), I = ue(u);
+    let M = ca(
       k,
       I
-    ), N = `${D}.${f}`;
-    const M = (j = x == null ? void 0 : x.find(
+    ), j = `${M}.${f}`;
+    const D = (g = x == null ? void 0 : x.find(
       (S) => S.id === n
-    )) == null ? void 0 : j.name;
-    n && n !== "none" && (N = `${fs}.${M}.${f}`, D = `${fs}.${M}`);
+    )) == null ? void 0 : g.name;
+    n && n !== "none" && (j = `${fs}.${D}.${f}`, M = `${fs}.${D}`);
     const A = o == null ? void 0 : o.find(
-      (S) => S.column === N && S.table === I && (S.database === u || S.database === a)
+      (S) => S.column === j && S.table === I && (S.database === m || S.database === a)
     );
     if (A)
-      i(A.id), d(A.id);
+      r(A.id), d(A.id);
     else {
       const S = $e();
-      return h === "api" && s ? (r({
-        location: m,
+      return u === "api" && s ? (i({
+        location: h,
         id: S,
         //uuidv4(),
-        column: N,
+        column: j,
         title: p.column_name,
         dataType: p.data_type,
         table: "api",
@@ -4243,15 +4248,15 @@ function Ba() {
         operation: "in",
         sql: Js(
           p.data_type,
-          D,
+          M,
           f
         )
         //DATE_DATA_TYPES.includes(column.data_type) ? dateSql : sql,
-      }), S) : (r({
+      }), S) : (i({
         id: S,
         //uuidv4(),
-        location: m,
-        column: N,
+        location: h,
+        column: j,
         //columnName, //`${qualifiedTableName}.${formattedColumnName}`,
         title: p.column_name,
         dataType: p.data_type,
@@ -4261,35 +4266,35 @@ function Ba() {
         operation: "in",
         sql: Js(
           p.data_type,
-          D,
+          M,
           f
         )
         //DATE_DATA_TYPES.includes(column.data_type) ? dateSql : sql,
       }), S);
     }
   }
-  return { assignFilter: y };
+  return { assignFilter: v };
 }
 function Ee() {
   const s = z(
     (d) => d.dashboard.filters
   ), n = c((d) => d.frame), { setFrame: a } = we(), { columns: t } = Oe(), { assignFilter: l } = Ba();
   function o(d) {
-    const i = l(d, "frame");
-    a({ ...n, filterId: i });
+    const r = l(d, "frame");
+    a({ ...n, filterId: r });
   }
-  const r = s == null ? void 0 : s.find((d) => d.id === n.filterId);
+  const i = s == null ? void 0 : s.find((d) => d.id === n.filterId);
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-3", children: [
     /* @__PURE__ */ e.jsx(H, { children: "Card Filter" }),
     /* @__PURE__ */ e.jsx(Sl, { onSelect: o, columns: t }),
-    r && /* @__PURE__ */ e.jsx(Gt, { filter: r })
+    i && /* @__PURE__ */ e.jsx(Gt, { filter: i })
   ] });
 }
 function Sl({
   columns: s,
   onSelect: n
 }) {
-  var r;
+  var i;
   const [a, t] = Ys.useState(!1), [l, o] = Ys.useState("");
   return /* @__PURE__ */ e.jsxs(is, { open: a, onOpenChange: t, children: [
     /* @__PURE__ */ e.jsx(rs, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
@@ -4301,7 +4306,7 @@ function Sl({
         "aria-expanded": a,
         className: "w-full justify-between font-normal",
         children: [
-          l ? (r = s.find((d) => d.column_name === l)) == null ? void 0 : r.column_name : "Select Column...",
+          l ? (i = s.find((d) => d.column_name === l)) == null ? void 0 : i.column_name : "Select Column...",
           /* @__PURE__ */ e.jsx(Kt, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
         ]
       }
@@ -4314,8 +4319,8 @@ function Sl({
           Zt,
           {
             value: d.column_name,
-            onSelect: (i) => {
-              const x = i === l ? "" : i;
+            onSelect: (r) => {
+              const x = r === l ? "" : r;
               o(x), t(!1), x && n(d);
             },
             children: [
@@ -4340,7 +4345,7 @@ function Sl({
 function wl({
   cardType: s
 }) {
-  return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(Te, { defaultValue: ["item-2"], type: "multiple", children: [
+  return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(Le, { defaultValue: ["item-2"], type: "multiple", children: [
     /* @__PURE__ */ e.jsxs(P, { value: "item-1", children: [
       /* @__PURE__ */ e.jsx(U, { children: `${Vs(s)} Chart` }),
       /* @__PURE__ */ e.jsxs(G, { className: "space-y-4 font-mono text-xs", children: [
@@ -4383,13 +4388,13 @@ function wl({
   ] }) });
 }
 function Hs() {
-  var l, o, r;
+  var l, o, i;
   const s = c(
     (d) => d.card.cfg
   ), n = c((d) => d.actions.setCardCfg), a = c((d) => d.card.type);
   function t(d) {
-    var h;
-    const i = {
+    var u;
+    const r = {
       datalabels: {
         display: d !== "none",
         align: d,
@@ -4401,8 +4406,8 @@ function Hs() {
       options: {
         ...s == null ? void 0 : s.options,
         plugins: {
-          ...(h = s == null ? void 0 : s.options) == null ? void 0 : h.plugins,
-          ...i
+          ...(u = s == null ? void 0 : s.options) == null ? void 0 : u.plugins,
+          ...r
         }
       }
     };
@@ -4416,7 +4421,7 @@ function Hs() {
     /* @__PURE__ */ e.jsxs(
       he,
       {
-        value: (r = (o = (l = s == null ? void 0 : s.options) == null ? void 0 : l.plugins) == null ? void 0 : o.datalabels) == null ? void 0 : r.anchor,
+        value: (i = (o = (l = s == null ? void 0 : s.options) == null ? void 0 : l.plugins) == null ? void 0 : o.datalabels) == null ? void 0 : i.anchor,
         onValueChange: t,
         defaultValue: "none",
         children: [
@@ -4463,7 +4468,7 @@ function kl({
       ] })
     ] });
   }
-  return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(Te, { defaultValue: ["item-2"], type: "multiple", children: [
+  return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(Le, { defaultValue: ["item-2"], type: "multiple", children: [
     /* @__PURE__ */ e.jsxs(P, { value: "item-1", children: [
       /* @__PURE__ */ e.jsx(U, { children: `${Vs(s)} Chart` }),
       /* @__PURE__ */ e.jsx(G, { className: "space-y-4 font-mono text-xs", children: n(s) })
@@ -4504,16 +4509,16 @@ const zl = {
     }
   ]
 };
-function Ll() {
+function Tl() {
   const s = c((n) => n.card.type);
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-6 p-6", children: [
     /* @__PURE__ */ e.jsx(
-      Te,
+      Le,
       {
         className: " ",
         type: "single",
         collapsible: !0,
-        children: Tl(s)
+        children: Ll(s)
       }
     ),
     /* @__PURE__ */ e.jsx("section", { className: "", children: ["line", "bar"].includes(s) && /* @__PURE__ */ e.jsx(ds, {}) }),
@@ -4524,7 +4529,7 @@ function Ll() {
     ] })
   ] });
 }
-function Tl(s) {
+function Ll(s) {
   if (["line", "bar"].includes(s))
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs(P, { value: "item-1", children: [
@@ -4622,52 +4627,52 @@ function Tl(s) {
     ] }) });
 }
 function Il() {
-  var i, x, h, y, p;
-  const s = c((m) => m.card.preferences), n = c(
-    (m) => m.actions.setCardPreferences
+  var r, x, u, v, p;
+  const s = c((h) => h.card.preferences), n = c(
+    (h) => h.actions.setCardPreferences
   ), a = c(
-    (m) => m.actions.setNumberFormat
+    (h) => h.actions.setNumberFormat
   );
   c(
-    (m) => {
-      var f, u;
-      return (u = (f = m.card.preferences) == null ? void 0 : f.formatNumber) == null ? void 0 : u.decimalPlaces;
+    (h) => {
+      var f, m;
+      return (m = (f = h.card.preferences) == null ? void 0 : f.formatNumber) == null ? void 0 : m.decimalPlaces;
     }
   );
   const t = c(
-    (m) => {
-      var f, u;
-      return (u = (f = m.card.preferences) == null ? void 0 : f.formatNumber) == null ? void 0 : u.locale;
+    (h) => {
+      var f, m;
+      return (m = (f = h.card.preferences) == null ? void 0 : f.formatNumber) == null ? void 0 : m.locale;
     }
   ), l = c(
-    (m) => {
-      var f, u;
-      return (u = (f = m.card.preferences) == null ? void 0 : f.formatNumber) == null ? void 0 : u.currency;
+    (h) => {
+      var f, m;
+      return (m = (f = h.card.preferences) == null ? void 0 : f.formatNumber) == null ? void 0 : m.currency;
     }
   );
   c(
-    (m) => m.actions.setFilterOnClickField
+    (h) => h.actions.setFilterOnClickField
   );
   const o = c(
-    (m) => {
-      var f, u;
-      return (u = (f = m.card.preferences) == null ? void 0 : f.formatNumber) == null ? void 0 : u.colorRanges;
+    (h) => {
+      var f, m;
+      return (m = (f = h.card.preferences) == null ? void 0 : f.formatNumber) == null ? void 0 : m.colorRanges;
     }
-  ) || [], r = c(
-    (m) => m.actions.setColorRanges
-  ), d = [...new Set(as.map((m) => m.currency))];
+  ) || [], i = c(
+    (h) => h.actions.setColorRanges
+  ), d = [...new Set(as.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(
         ls,
         {
-          checked: !!((i = s == null ? void 0 : s.formatNumber) != null && i.enabled),
-          onCheckedChange: (m) => {
+          checked: !!((r = s == null ? void 0 : s.formatNumber) != null && r.enabled),
+          onCheckedChange: (h) => {
             n({
               ...s,
               formatNumber: {
                 ...s == null ? void 0 : s.formatNumber,
-                enabled: m
+                enabled: h
               }
             });
           }
@@ -4684,12 +4689,12 @@ function Il() {
               he,
               {
                 value: t || "en-US",
-                onValueChange: (m) => {
-                  var f, u, k;
+                onValueChange: (h) => {
+                  var f, m, k;
                   return a(
                     ((f = s == null ? void 0 : s.formatNumber) == null ? void 0 : f.decimalPlaces) || 0,
-                    ((u = s == null ? void 0 : s.formatNumber) == null ? void 0 : u.currency) || "",
-                    m || "en-US",
+                    ((m = s == null ? void 0 : s.formatNumber) == null ? void 0 : m.currency) || "",
+                    h || "en-US",
                     ((k = s == null ? void 0 : s.formatNumber) == null ? void 0 : k.suffix) || ""
                   );
                 },
@@ -4697,7 +4702,7 @@ function Il() {
                   /* @__PURE__ */ e.jsx(me, { className: "col-span-6 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(xe, {}) }),
                   /* @__PURE__ */ e.jsx(pe, { children: /* @__PURE__ */ e.jsxs(Se, { children: [
                     /* @__PURE__ */ e.jsx(fe, { children: "Format" }),
-                    as.map((m) => /* @__PURE__ */ e.jsx(Q, { value: m.locale, children: m.locale }, m.locale))
+                    as.map((h) => /* @__PURE__ */ e.jsx(Q, { value: h.locale, children: h.locale }, h.locale))
                   ] }) })
                 ]
               }
@@ -4709,12 +4714,12 @@ function Il() {
               he,
               {
                 value: l || "none",
-                onValueChange: (m) => {
-                  var f, u, k;
+                onValueChange: (h) => {
+                  var f, m, k;
                   return a(
                     ((f = s == null ? void 0 : s.formatNumber) == null ? void 0 : f.decimalPlaces) || 0,
-                    m === "none" ? "" : m,
-                    ((u = s == null ? void 0 : s.formatNumber) == null ? void 0 : u.locale) || "",
+                    h === "none" ? "" : h,
+                    ((m = s == null ? void 0 : s.formatNumber) == null ? void 0 : m.locale) || "",
                     ((k = s == null ? void 0 : s.formatNumber) == null ? void 0 : k.suffix) || ""
                   );
                 },
@@ -4723,7 +4728,7 @@ function Il() {
                   /* @__PURE__ */ e.jsx(pe, { children: /* @__PURE__ */ e.jsxs(Se, { children: [
                     /* @__PURE__ */ e.jsx(fe, { children: "Currency" }),
                     /* @__PURE__ */ e.jsx(Q, { value: "none", children: "None" }, "none"),
-                    d.map((m) => /* @__PURE__ */ e.jsx(Q, { value: m, children: m }, m))
+                    d.map((h) => /* @__PURE__ */ e.jsx(Q, { value: h, children: h }, h))
                   ] }) })
                 ]
               }
@@ -4736,19 +4741,19 @@ function Il() {
             /* @__PURE__ */ e.jsxs(
               he,
               {
-                value: ((y = (h = s == null ? void 0 : s.formatNumber) == null ? void 0 : h.decimalPlaces) == null ? void 0 : y.toString()) || "0",
-                onValueChange: (m) => {
-                  var f, u, k;
+                value: ((v = (u = s == null ? void 0 : s.formatNumber) == null ? void 0 : u.decimalPlaces) == null ? void 0 : v.toString()) || "0",
+                onValueChange: (h) => {
+                  var f, m, k;
                   return a(
-                    Number(m),
+                    Number(h),
                     ((f = s == null ? void 0 : s.formatNumber) == null ? void 0 : f.currency) || "",
-                    ((u = s == null ? void 0 : s.formatNumber) == null ? void 0 : u.locale) || "",
+                    ((m = s == null ? void 0 : s.formatNumber) == null ? void 0 : m.locale) || "",
                     ((k = s == null ? void 0 : s.formatNumber) == null ? void 0 : k.suffix) || ""
                   );
                 },
                 children: [
                   /* @__PURE__ */ e.jsx(me, { className: "col-span-3 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(xe, {}) }),
-                  /* @__PURE__ */ e.jsx(pe, { children: ["0", "1", "2", "3", "4"].map((m) => /* @__PURE__ */ e.jsx(Q, { value: m, children: m }, m)) })
+                  /* @__PURE__ */ e.jsx(pe, { children: ["0", "1", "2", "3", "4"].map((h) => /* @__PURE__ */ e.jsx(Q, { value: h, children: h }, h)) })
                 ]
               }
             )
@@ -4756,18 +4761,18 @@ function Il() {
           /* @__PURE__ */ e.jsxs("div", { className: "w-full space-y-1", children: [
             /* @__PURE__ */ e.jsx(H, { children: "Suffix" }),
             /* @__PURE__ */ e.jsx(
-              Ce,
+              Ne,
               {
                 value: ((p = s == null ? void 0 : s.formatNumber) == null ? void 0 : p.suffix) || "",
                 className: "h-8 font-mono text-xs focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0",
                 placeholder: "K, M, B, %",
-                onChange: (m) => {
-                  var f, u, k;
+                onChange: (h) => {
+                  var f, m, k;
                   return a(
                     ((f = s == null ? void 0 : s.formatNumber) == null ? void 0 : f.decimalPlaces) || 0,
-                    ((u = s == null ? void 0 : s.formatNumber) == null ? void 0 : u.currency) || "",
+                    ((m = s == null ? void 0 : s.formatNumber) == null ? void 0 : m.currency) || "",
                     ((k = s == null ? void 0 : s.formatNumber) == null ? void 0 : k.locale) || "",
-                    m.target.value
+                    h.target.value
                   );
                 }
               }
@@ -4780,7 +4785,7 @@ function Il() {
         en,
         {
           colorRanges: o,
-          setColorRanges: r
+          setColorRanges: i
         }
       )
     ] })
@@ -4788,7 +4793,7 @@ function Il() {
 }
 function Dl() {
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-6 px-6 py-2", children: [
-    /* @__PURE__ */ e.jsx(Te, { type: "single", collapsible: !0, children: /* @__PURE__ */ e.jsxs(P, { value: "item-1", children: [
+    /* @__PURE__ */ e.jsx(Le, { type: "single", collapsible: !0, children: /* @__PURE__ */ e.jsxs(P, { value: "item-1", children: [
       /* @__PURE__ */ e.jsx(U, { className: "", children: "KPI Query" }),
       /* @__PURE__ */ e.jsxs(G, { className: "font-mono", children: [
         /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 font-mono text-xs", children: "SELECT current, previous FROM table" }),
@@ -4838,11 +4843,11 @@ function Ml() {
       defaultValue: "x",
       children: [
         /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ e.jsx(Le, { value: "static", id: "r1" }),
+          /* @__PURE__ */ e.jsx(Te, { value: "static", id: "r1" }),
           /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: "r1", children: "Static" })
         ] }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ e.jsx(Le, { value: "dynamic", id: "r2" }),
+          /* @__PURE__ */ e.jsx(Te, { value: "dynamic", id: "r2" }),
           /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: "r2", children: "Dynamic" })
         ] })
       ]
@@ -4854,7 +4859,7 @@ function Ye({
   docContent: n,
   suffix: a = "Chart"
 }) {
-  return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(Te, { defaultValue: ["item-2"], type: "multiple", children: [
+  return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(Le, { defaultValue: ["item-2"], type: "multiple", children: [
     /* @__PURE__ */ e.jsxs(P, { value: "item-1", children: [
       /* @__PURE__ */ e.jsx(U, { children: `${Vs(s)} ${a}` }),
       /* @__PURE__ */ e.jsx(G, { children: n || /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
@@ -4933,7 +4938,7 @@ function Ol() {
       )
     ] });
   }
-  return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(Te, { defaultValue: ["item-2"], type: "multiple", children: [
+  return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(Le, { defaultValue: ["item-2"], type: "multiple", children: [
     /* @__PURE__ */ e.jsxs(P, { value: "item-1", children: [
       /* @__PURE__ */ e.jsx(U, { children: "Stacked Chart" }),
       /* @__PURE__ */ e.jsxs(G, { className: "space-y-4 font-mono text-xs", children: [
@@ -4989,7 +4994,7 @@ function Al({}) {
     });
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-6 px-6 py-2", children: [
-    /* @__PURE__ */ e.jsx(Te, { defaultValue: ["item-3"], type: "multiple", children: /* @__PURE__ */ e.jsxs(P, { value: "item-3", children: [
+    /* @__PURE__ */ e.jsx(Le, { defaultValue: ["item-3"], type: "multiple", children: /* @__PURE__ */ e.jsxs(P, { value: "item-3", children: [
       /* @__PURE__ */ e.jsx(U, { children: "Filters" }),
       /* @__PURE__ */ e.jsxs(G, { className: "space-y-4 px-2", children: [
         /* @__PURE__ */ e.jsx(Ae, {}),
@@ -5096,7 +5101,7 @@ function Rl() {
       case "custom":
         return /* @__PURE__ */ e.jsx(vl, {});
       default:
-        return /* @__PURE__ */ e.jsx(Ll, {});
+        return /* @__PURE__ */ e.jsx(Tl, {});
     }
   }
   return /* @__PURE__ */ e.jsx(Es, { className: "h-full w-full text-sm", children: n(s) });
@@ -5148,7 +5153,7 @@ function _l() {
   );
 }
 function Hl({ authToken: s, onSave: n, onClose: a }) {
-  const t = c((r) => r.actions.setOnSave), l = c((r) => r.actions.setOnClose), o = z((r) => r.actions.setAuthToken);
+  const t = c((i) => i.actions.setOnSave), l = c((i) => i.actions.setOnClose), o = z((i) => i.actions.setAuthToken);
   return Y(() => {
     n && t(n), a && l(a);
   }, [n, t, a, l]), Y(() => {
@@ -5159,10 +5164,10 @@ function Hl({ authToken: s, onSave: n, onClose: a }) {
   ] }) });
 }
 function $l() {
-  z((r) => r.selectedCardId);
-  const s = z((r) => r.selectedSheetId), { setIsVisualEditing: n } = z((r) => r.actions), a = z((r) => r.isVisualEditing), t = z((r) => r.actions.updateFrame);
-  function l(r) {
-    s && (t(s, r), n(!1));
+  z((i) => i.selectedCardId);
+  const s = z((i) => i.selectedSheetId), { setIsVisualEditing: n } = z((i) => i.actions), a = z((i) => i.isVisualEditing), t = z((i) => i.actions.updateFrame);
+  function l(i) {
+    s && (t(s, i), n(!1));
   }
   function o() {
     n(!1);
@@ -5180,22 +5185,22 @@ function $l() {
   );
 }
 function Bl() {
-  c((r) => r.selectedConnectionId), c((r) => r.selectedDatamodelId);
-  const s = c((r) => r.selectedDatabaseName);
-  c((r) => r.selectedSchemaName);
-  const n = c((r) => r.selectedTableName), a = z((r) => r.dashboard.filters) || [];
-  z((r) => r.actions.addFilter), z((r) => r.actions.removeFilter), z(
-    (r) => r.actions.removeFilterValue
+  c((i) => i.selectedConnectionId), c((i) => i.selectedDatamodelId);
+  const s = c((i) => i.selectedDatabaseName);
+  c((i) => i.selectedSchemaName);
+  const n = c((i) => i.selectedTableName), a = z((i) => i.dashboard.filters) || [];
+  z((i) => i.actions.addFilter), z((i) => i.actions.removeFilter), z(
+    (i) => i.actions.removeFilterValue
   );
   const { modelItems: t, columns: l } = Oe(), { assignFilter: o } = Ba();
-  return /* @__PURE__ */ e.jsx("div", { className: "xbg-red-100 flex-1 basis-0 flex-col overflow-scroll px-3", children: l == null ? void 0 : l.map((r) => {
+  return /* @__PURE__ */ e.jsx("div", { className: "xbg-red-100 flex-1 basis-0 flex-col overflow-scroll px-3", children: l == null ? void 0 : l.map((i) => {
     const d = a == null ? void 0 : a.find(
-      (i) => i.column === ue(r.column_name) && i.table === n && i.database === s
+      (r) => r.column === ue(i.column_name) && r.table === n && r.database === s
     );
     return /* @__PURE__ */ e.jsx(
       "div",
       {
-        onClick: () => o(r),
+        onClick: () => o(i),
         className: X(
           "group flex cursor-pointer items-center justify-between border border-dashed border-background px-3 py-[6px] text-sm transition-colors hover:bg-muted/50",
           {
@@ -5203,11 +5208,11 @@ function Bl() {
           }
         ),
         children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ e.jsx(za, { column: r }),
-          /* @__PURE__ */ e.jsx("span", { children: r.column_name })
+          /* @__PURE__ */ e.jsx(za, { column: i }),
+          /* @__PURE__ */ e.jsx("span", { children: i.column_name })
         ] })
       },
-      r.column_name
+      i.column_name
     );
   }) });
 }
@@ -5329,11 +5334,11 @@ export {
   gn as E,
   _s as F,
   vn as G,
-  Nn as H,
+  Cn as H,
   wn as K,
   Pe as L,
-  Ln as M,
-  Tn as N,
+  Tn as M,
+  Ln as N,
   Sa as P,
   qe as S,
   Vn as T,
@@ -5342,8 +5347,8 @@ export {
   Rs as b,
   _n as c,
   va as d,
-  Na as e,
-  Ca as f,
+  Ca as e,
+  Na as f,
   ka as g,
   xn as h,
   pn as i,
@@ -5351,7 +5356,7 @@ export {
   jn as k,
   yn as l,
   bn as m,
-  Cn as n,
+  Nn as n,
   Sn as o,
   kn as p,
   zn as q,