react-semaphor 0.0.503 → 0.0.504

package/dist/chunks/{dashboard-plus-DWnr_Ipf.js → dashboard-plus-l7VBGMzZ.js}

@@ -1,12 +1,12 @@
 var Ga = (t) => {
   throw TypeError(t);
 };
-var Ln = (t, a, n) => a.has(t) || Ga("Cannot " + n);
-var ue = (t, a, n) => (Ln(t, a, "read from private field"), n ? n.call(t) : a.get(t)), Ae = (t, a, n) => a.has(t) ? Ga("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(t) : a.set(t, n), Se = (t, a, n, r) => (Ln(t, a, "write to private field"), r ? r.call(t, n) : a.set(t, n), n), ze = (t, a, n) => (Ln(t, a, "access private method"), n);
-import { jsxs as s, jsx as e, Fragment as ae } from "react/jsx-runtime";
-import { z as _r, A as Hn, B as $r, Q as us, C as ms, E as Gr, F as Jr, G as Hr, H as Ur, I as Yr, J as Kr, K as Ja, L as Ha, M as Qr, N as Wr, O as q, P as da, v as G, w as Ot, R as lt, T as pn, U as hs, V as P, W as ke, X as fn, Y as gn, Z as yn, _ as vn, $ as H, a0 as we, a1 as ps, a2 as fs, a3 as gs, a4 as se, a5 as ys, a6 as vs, a7 as bs, a8 as Zr, a9 as Ua, aa as _, ab as ua, ac as Xr, ad as le, ae as oe, af as ce, ag as de, ah as nt, ai as Ge, aj as U, ak as xs, al as Ye, am as Ke, an as It, ao as Ze, ap as gt, aq as yt, ar as Et, as as vt, at, au as Ns, av as Ut, aw as ma, ax as Cs, ay as ha, az as Un, aA as ws, x as T, aB as Ss, aC as kt, aD as jt, aE as At, aF as bn, aG as xn, aH as Nn, aI as Cn, aJ as wn, aK as Sn, aL as Yt, aM as qt, t as Pe, aN as ks, aO as Ms, aP as Ts, aQ as Ds, l as Os, k as Is, f as qe, aR as ei, e as _e, aS as ti, g as pt, h as $e, aT as Es, j as ni, aU as ai, aV as si, aW as it, aX as st, aY as As, aZ as ri, y as X, d as zs, a_ as Bt, a$ as Xe, b0 as ii, b1 as Yn, b2 as pa, b3 as fa, b4 as Kt, b5 as He, b6 as Fs, r as sn, p as Ya, b7 as Ee, b8 as li, b9 as bt, ba as oi, bb as ci, bc as di, bd as ui, be as Ls, bf as mi, bg as kn, bh as hi, bi as pi, bj as Kn, bk as be, bl as et, bm as Ce, bn as tt, bo as fi, bp as Rs, bq as Vs, br as js, bs as gi, bt as yi, bu as vi, bv as bi, bw as Rn, bx as xi, by as Ka, bz as Ni, bA as Qa, bB as Ci, bC as wi, bD as Si, bE as ki, bF as qs, bG as Mi, bH as ga, bI as Bs, bJ as Mn, bK as Ps, bL as Ct, bM as _s, bN as Ti, bO as $s, bP as Tn, bQ as Di, bR as Oi, bS as Gs, bT as Js, bU as Dn, bV as Hs, bW as Ii, bX as Qt, bY as Wt, bZ as Te, b_ as an, b$ as Ei, c0 as Ai, c1 as zi, c2 as ya, c3 as Us, c4 as Fi, c5 as rn, c6 as Ys, c7 as ln, c8 as Ks, c9 as Li, ca as Ri, cb as Vi, cc as Qs, cd as ji, ce as ot, cf as he, cg as pe, ch as fe, ci as On, cj as qi, ck as Bi, cl as Pi, cm as _i, q as $i, cn as Wa, co as Ws, cp as Gi, cq as Ji, cr as Hi, cs as Zs, ct as va, cu as zt, cv as ba, cw as Ue, cx as Ui, cy as Ft, cz as Xs, cA as Yi, cB as Ki, cC as Qi, cD as Wi, cE as Za, cF as Zi, cG as Xi, cH as el, cI as tl, cJ as nl, cK as al, cL as xa, cM as sl, cN as rl, cO as il, cP as ll, cQ as ol, cR as er, cS as Qn, cT as Vn, cU as cl, cV as Pt, cW as Je, cX as ge, cY as dl, cZ as ul, c_ as ml, c$ as Mt, d0 as Be, d1 as hl, d2 as pl, d3 as fl, d4 as Wn, d5 as Xa, d6 as Zn, d7 as Xn, d8 as on, d9 as Tt, da as _t, db as gl, dc as tr, dd as yl, de as vl, df as bl, dg as xl, dh as Nl, di as Cl } from "./index-CEr4Bl2R.js";
+var Rn = (t, a, n) => a.has(t) || Ga("Cannot " + n);
+var ue = (t, a, n) => (Rn(t, a, "read from private field"), n ? n.call(t) : a.get(t)), Ae = (t, a, n) => a.has(t) ? Ga("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(t) : a.set(t, n), Se = (t, a, n, r) => (Rn(t, a, "write to private field"), r ? r.call(t, n) : a.set(t, n), n), ze = (t, a, n) => (Rn(t, a, "access private method"), n);
+import { jsxs as s, jsx as e, Fragment as se } from "react/jsx-runtime";
+import { z as _r, A as Un, B as $r, Q as us, C as ms, E as Gr, F as Jr, G as Hr, H as Ur, I as Yr, J as Kr, K as Ja, L as Ha, M as Qr, N as Wr, O as q, P as ua, v as G, w as It, R as lt, T as pn, U as hs, V as P, W as ke, X as fn, Y as gn, Z as yn, _ as bn, $ as H, a0 as we, a1 as ps, a2 as fs, a3 as gs, a4 as ae, a5 as ys, a6 as bs, a7 as vs, a8 as Zr, a9 as Ua, aa as _, ab as ma, ac as Xr, ad as le, ae as oe, af as ce, ag as de, ah as nt, ai as Ge, aj as U, ak as xs, al as Ye, am as Ke, an as Et, ao as Ze, ap as gt, aq as yt, ar as At, as as bt, at, au as Ns, av as Ut, aw as ha, ax as Cs, ay as pa, az as Yn, aA as ws, x as T, aB as Ss, aC as Mt, aD as jt, aE as vt, aF as vn, aG as xn, aH as Nn, aI as Cn, aJ as wn, aK as Sn, aL as Yt, aM as qt, t as Pe, aN as ks, aO as Ms, aP as Ts, aQ as Ds, l as Os, k as Is, f as qe, aR as ei, e as _e, aS as ti, g as pt, h as $e, aT as Es, j as ni, aU as ai, aV as si, aW as it, aX as st, aY as As, aZ as ri, y as X, d as zs, a_ as Bt, a$ as Xe, b0 as ii, b1 as Kn, b2 as fa, b3 as ga, b4 as Kt, b5 as He, b6 as Fs, r as sn, p as Ya, b7 as Ee, b8 as li, b9 as xt, ba as oi, bb as ci, bc as di, bd as ui, be as Ls, bf as mi, bg as kn, bh as hi, bi as pi, bj as Qn, bk as ve, bl as et, bm as Ce, bn as tt, bo as fi, bp as Rs, bq as Vs, br as js, bs as gi, bt as yi, bu as bi, bv as vi, bw as Vn, bx as xi, by as Ka, bz as Ni, bA as Qa, bB as Ci, bC as wi, bD as Si, bE as ki, bF as qs, bG as Mi, bH as ya, bI as Bs, bJ as Mn, bK as Ps, bL as wt, bM as _s, bN as Ti, bO as $s, bP as Tn, bQ as Di, bR as Oi, bS as Gs, bT as Js, bU as Dn, bV as Hs, bW as Ii, bX as Qt, bY as Wt, bZ as Te, b_ as an, b$ as Ei, c0 as Ai, c1 as zi, c2 as ba, c3 as Us, c4 as Fi, c5 as rn, c6 as Ys, c7 as ln, c8 as Ks, c9 as Li, ca as Ri, cb as Vi, cc as Qs, cd as ji, ce as ot, cf as he, cg as pe, ch as fe, ci as On, cj as qi, ck as Bi, cl as Pi, cm as _i, q as $i, cn as Wa, co as Ws, cp as Gi, cq as Ji, cr as Hi, cs as Zs, ct as va, cu as zt, cv as xa, cw as Ue, cx as Ui, cy as Ft, cz as Xs, cA as Yi, cB as Ki, cC as Qi, cD as Wi, cE as Za, cF as Zi, cG as Xi, cH as el, cI as tl, cJ as nl, cK as al, cL as In, cM as sl, cN as rl, cO as il, cP as ll, cQ as ol, cR as er, cS as Wn, cT as jn, cU as cl, cV as Pt, cW as Je, cX as ge, cY as dl, cZ as ul, c_ as ml, c$ as Tt, d0 as Be, d1 as hl, d2 as pl, d3 as fl, d4 as Zn, d5 as Xa, d6 as Xn, d7 as ea, d8 as on, d9 as Dt, da as _t, db as gl, dc as tr, dd as yl, de as bl, df as vl, dg as xl, dh as Nl, di as Cl } from "./index-CgeLnBe2.js";
 import * as Ie from "react";
-import Le, { useState as V, useMemo as rt, useRef as ft, useCallback as Ne, useEffect as ve, Suspense as wl } from "react";
+import Le, { useState as V, useMemo as rt, useRef as ft, useCallback as Ne, useEffect as be, Suspense as wl } from "react";
 import "react-dom";
 function es(t, a) {
   return t.filter((n) => !a.includes(n));
@@ -15,25 +15,25 @@ function Sl(t, a, n) {
   const r = t.slice(0);
   return r[a] = n, r;
 }
-var dt, De, wt, St, Oe, We, Gt, Jt, Ht, xe, ea, ta, na, aa, sa, ds, kl = (ds = class extends _r {
+var dt, De, St, kt, Oe, We, Gt, Jt, Ht, xe, ta, na, aa, sa, ra, ds, kl = (ds = class extends _r {
   constructor(a, n, r) {
     super();
     Ae(this, xe);
     Ae(this, dt);
     Ae(this, De);
-    Ae(this, wt);
     Ae(this, St);
+    Ae(this, kt);
     Ae(this, Oe);
     Ae(this, We);
     Ae(this, Gt);
     Ae(this, Jt);
     Ae(this, Ht, []);
-    Se(this, dt, a), Se(this, St, r), Se(this, wt, []), Se(this, Oe, []), Se(this, De, []), this.setQueries(n);
+    Se(this, dt, a), Se(this, kt, r), Se(this, St, []), Se(this, Oe, []), Se(this, De, []), this.setQueries(n);
   }
   onSubscribe() {
     this.listeners.size === 1 && ue(this, Oe).forEach((a) => {
       a.subscribe((n) => {
-        ze(this, xe, aa).call(this, a, n);
+        ze(this, xe, sa).call(this, a, n);
       });
     });
   }
@@ -46,7 +46,7 @@ var dt, De, wt, St, Oe, We, Gt, Jt, Ht, xe, ea, ta, na, aa, sa, ds, kl = (ds = c
     });
   }
   setQueries(a, n, r) {
-    if (Se(this, wt, a), Se(this, St, n), process.env.NODE_ENV !== "production") {
+    if (Se(this, St, a), Se(this, kt, n), process.env.NODE_ENV !== "production") {
       const i = a.map(
         (l) => ue(this, dt).defaultQueryOptions(l).queryHash
       );
@@ -54,8 +54,8 @@ var dt, De, wt, St, Oe, We, Gt, Jt, Ht, xe, ea, ta, na, aa, sa, ds, kl = (ds = c
         "[QueriesObserver]: Duplicate Queries found. This might result in unexpected behavior."
       );
     }
-    Hn.batch(() => {
-      const i = ue(this, Oe), l = ze(this, xe, na).call(this, ue(this, wt));
+    Un.batch(() => {
+      const i = ue(this, Oe), l = ze(this, xe, aa).call(this, ue(this, St));
       Se(this, Ht, l), l.forEach(
         (h) => h.observer.setOptions(h.defaultedQueryOptions, r)
       );
@@ -68,9 +68,9 @@ var dt, De, wt, St, Oe, We, Gt, Jt, Ht, xe, ea, ta, na, aa, sa, ds, kl = (ds = c
         h.destroy();
       }), es(o, i).forEach((h) => {
         h.subscribe((d) => {
-          ze(this, xe, aa).call(this, h, d);
+          ze(this, xe, sa).call(this, h, d);
         });
-      }), ze(this, xe, sa).call(this)));
+      }), ze(this, xe, ra).call(this)));
     });
   }
   getCurrentResult() {
@@ -83,16 +83,16 @@ var dt, De, wt, St, Oe, We, Gt, Jt, Ht, xe, ea, ta, na, aa, sa, ds, kl = (ds = c
     return ue(this, Oe);
   }
   getOptimisticResult(a, n) {
-    const r = ze(this, xe, na).call(this, a), i = r.map(
+    const r = ze(this, xe, aa).call(this, a), i = r.map(
       (l) => l.observer.getOptimisticResult(l.defaultedQueryOptions)
     );
     return [
       i,
-      (l) => ze(this, xe, ta).call(this, l ?? i, n),
-      () => ze(this, xe, ea).call(this, i, r)
+      (l) => ze(this, xe, na).call(this, l ?? i, n),
+      () => ze(this, xe, ta).call(this, i, r)
     ];
   }
-}, dt = new WeakMap(), De = new WeakMap(), wt = new WeakMap(), St = new WeakMap(), Oe = new WeakMap(), We = new WeakMap(), Gt = new WeakMap(), Jt = new WeakMap(), Ht = new WeakMap(), xe = new WeakSet(), ea = function(a, n) {
+}, dt = new WeakMap(), De = new WeakMap(), St = new WeakMap(), kt = new WeakMap(), Oe = new WeakMap(), We = new WeakMap(), Gt = new WeakMap(), Jt = new WeakMap(), Ht = new WeakMap(), xe = new WeakSet(), ta = function(a, n) {
   return n.map((r, i) => {
     const l = a[i];
     return r.defaultedQueryOptions.notifyOnChangeProps ? l : r.observer.trackResult(l, (o) => {
@@ -101,12 +101,12 @@ var dt, De, wt, St, Oe, We, Gt, Jt, Ht, xe, ea, ta, na, aa, sa, ds, kl = (ds = c
       });
     });
   });
-}, ta = function(a, n) {
+}, na = function(a, n) {
   return n ? ((!ue(this, We) || ue(this, De) !== ue(this, Jt) || n !== ue(this, Gt)) && (Se(this, Gt, n), Se(this, Jt, ue(this, De)), Se(this, We, $r(
     ue(this, We),
     n(a)
   ))), ue(this, We)) : a;
-}, na = function(a) {
+}, aa = function(a) {
   const n = new Map(
     ue(this, Oe).map((i) => [i.options.queryHash, i])
   ), r = [];
@@ -120,14 +120,14 @@ var dt, De, wt, St, Oe, We, Gt, Jt, Ht, xe, ea, ta, na, aa, sa, ds, kl = (ds = c
       observer: new us(ue(this, dt), l)
     });
   }), r;
-}, aa = function(a, n) {
+}, sa = function(a, n) {
   const r = ue(this, Oe).indexOf(a);
-  r !== -1 && (Se(this, De, Sl(ue(this, De), r, n)), ze(this, xe, sa).call(this));
-}, sa = function() {
+  r !== -1 && (Se(this, De, Sl(ue(this, De), r, n)), ze(this, xe, ra).call(this));
+}, ra = function() {
   var a;
   if (this.hasListeners()) {
-    const n = ue(this, We), r = ze(this, xe, ea).call(this, ue(this, De), ue(this, Ht)), i = ze(this, xe, ta).call(this, r, (a = ue(this, St)) == null ? void 0 : a.combine);
-    n !== i && Hn.batch(() => {
+    const n = ue(this, We), r = ze(this, xe, ta).call(this, ue(this, De), ue(this, Ht)), i = ze(this, xe, na).call(this, r, (a = ue(this, kt)) == null ? void 0 : a.combine);
+    n !== i && Un.batch(() => {
       this.listeners.forEach((l) => {
         l(ue(this, De));
       });
@@ -162,7 +162,7 @@ function Ml({
   ), m = !i && a.subscribed !== !1;
   Ie.useSyncExternalStore(
     Ie.useCallback(
-      (p) => m ? u.subscribe(Hn.batchCalls(p)) : Kr,
+      (p) => m ? u.subscribe(Un.batchCalls(p)) : Kr,
       [u, m]
     ),
     () => u.getCurrentResult(),
@@ -271,7 +271,7 @@ const El = q("ArrowDownZA", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const In = q("ArrowDown", [
+const En = q("ArrowDown", [
   ["path", { d: "M12 5v14", key: "s699le" }],
   ["path", { d: "m19 12-7 7-7-7", key: "1idqje" }]
 ]);
@@ -339,7 +339,7 @@ const Rl = q("ArrowUpAZ", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const En = q("ArrowUp", [
+const An = q("ArrowUp", [
   ["path", { d: "m5 12 7-7 7 7", key: "hav0vg" }],
   ["path", { d: "M12 19V5", key: "x0mq9r" }]
 ]);
@@ -473,7 +473,7 @@ const _l = q("ChartArea", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const An = q("ChartColumnIncreasing", [
+const zn = q("ChartColumnIncreasing", [
   ["path", { d: "M13 17V9", key: "1fwyjl" }],
   ["path", { d: "M18 17V5", key: "sfb6ij" }],
   ["path", { d: "M3 3v16a2 2 0 0 0 2 2h16", key: "c24i48" }],
@@ -510,7 +510,7 @@ const Ca = q("ChartColumn", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const zn = q("ChartLine", [
+const Fn = q("ChartLine", [
   ["path", { d: "M3 3v16a2 2 0 0 0 2 2h16", key: "c24i48" }],
   ["path", { d: "m19 9-5 5-4-4-3 3", key: "2osh9i" }]
 ]);
@@ -1078,7 +1078,7 @@ const rr = q("RefreshCw", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const vo = q("Rows3", [
+const bo = q("Rows3", [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
   ["path", { d: "M21 9H3", key: "1338ky" }],
   ["path", { d: "M21 15H3", key: "9uk58r" }]
@@ -1089,7 +1089,7 @@ const vo = q("Rows3", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const bo = q("Save", [
+const vo = q("Save", [
   [
     "path",
     {
@@ -1159,7 +1159,7 @@ const No = q("Square", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Fn = q("Table2", [
+const Ln = q("Table2", [
   [
     "path",
     {
@@ -1286,18 +1286,18 @@ async function ko(t, a, n, r) {
   if (!r)
     return null;
   const i = JSON.stringify(a);
-  return await da("https://semaphor.cloud/api/v1/lens", r, {
+  return await ua("https://semaphor.cloud/api/v1/lens", r, {
     name: t,
     template: i,
     filterValues: n,
     operation: "create"
   });
 }
-async function ra(t, a) {
+async function ia(t, a) {
   if (!a)
     return null;
   const { id: n, template: r, filterValues: i, isDefault: l, shared: o } = t;
-  return await da("https://semaphor.cloud/api/v1/lens", a, {
+  return await ua("https://semaphor.cloud/api/v1/lens", a, {
     lensId: n,
     template: r,
     filterValues: i,
@@ -1307,13 +1307,13 @@ async function ra(t, a) {
   });
 }
 async function Mo(t, a) {
-  return a ? await da("https://semaphor.cloud/api/v1/lens", a, {
+  return a ? await ua("https://semaphor.cloud/api/v1/lens", a, {
     operation: "delete",
     lensId: t
   }) : null;
 }
 function To() {
-  const [t, a] = V(""), [n, r] = V(!1), i = G((p) => p.lenses), { setLenses: l, setSelectedLensId: o } = Ot(), [u, c] = V(!1), [h, d] = V(!1), m = G((p) => p.dashboard), C = G((p) => p.filterValues), { authToken: g } = lt();
+  const [t, a] = V(""), [n, r] = V(!1), i = G((p) => p.lenses), { setLenses: l, setSelectedLensId: o } = It(), [u, c] = V(!1), [h, d] = V(!1), m = G((p) => p.dashboard), C = G((p) => p.filterValues), { authToken: g } = lt();
   async function y() {
     c(!0);
     const p = dr(
@@ -1342,7 +1342,7 @@ function To() {
     /* @__PURE__ */ s(fn, { className: "sm:max-w-[425px]", children: [
       /* @__PURE__ */ s(gn, { children: [
         /* @__PURE__ */ e(yn, { children: "Create Lens" }),
-        /* @__PURE__ */ e(vn, { children: "Lenses are private by default and are only visible to you." })
+        /* @__PURE__ */ e(bn, { children: "Lenses are private by default and are only visible to you." })
       ] }),
       /* @__PURE__ */ e("div", { className: "grid gap-4 py-4", children: /* @__PURE__ */ s("div", { className: "grid grid-cols-8 items-center gap-4", children: [
         /* @__PURE__ */ e(H, { className: "text-right", children: "Name" }),
@@ -1374,7 +1374,7 @@ function To() {
   ] });
 }
 function Do() {
-  const [t, a] = V(!1), n = G((d) => d.lenses), r = G((d) => d.selectedLensId), { setLenses: i, setSelectedLensId: l } = Ot(), { authToken: o } = lt();
+  const [t, a] = V(!1), n = G((d) => d.lenses), r = G((d) => d.selectedLensId), { setLenses: i, setSelectedLensId: l } = It(), { authToken: o } = lt();
   async function u(d) {
     l(d);
   }
@@ -1397,21 +1397,21 @@ function Do() {
       ...d,
       isDefault: !d.isDefault
     };
-    await ra(C, o == null ? void 0 : o.accessToken);
+    await ia(C, o == null ? void 0 : o.accessToken);
     const g = n == null ? void 0 : n.find((y) => y.isDefault);
     if (g && g.id !== d.id) {
       const y = {
         ...g,
         isDefault: !1
       };
-      await ra(y, o == null ? void 0 : o.accessToken);
+      await ia(y, o == null ? void 0 : o.accessToken);
     }
   }
   return /* @__PURE__ */ s(fs, { open: t, onOpenChange: a, children: [
-    /* @__PURE__ */ e(gs, { asChild: !0, children: /* @__PURE__ */ e(se, { tooltip: "Lenses", className: "h-7 p-2", children: /* @__PURE__ */ e(no, { className: "h-4 w-4" }) }) }),
+    /* @__PURE__ */ e(gs, { asChild: !0, children: /* @__PURE__ */ e(ae, { tooltip: "Lenses", className: "h-7 p-2", children: /* @__PURE__ */ e(no, { className: "h-4 w-4" }) }) }),
     /* @__PURE__ */ s(ys, { align: "end", className: "w-60", children: [
-      /* @__PURE__ */ e(vs, { className: "px-3", children: "Lenses" }),
-      /* @__PURE__ */ e(bs, {}),
+      /* @__PURE__ */ e(bs, { className: "px-3", children: "Lenses" }),
+      /* @__PURE__ */ e(vs, {}),
       /* @__PURE__ */ s(
         Zr,
         {
@@ -1444,7 +1444,7 @@ function Do() {
                       }
                     ),
                     /* @__PURE__ */ e(
-                      ua,
+                      ma,
                       {
                         onClick: (m) => {
                           m.preventDefault(), c(d.id);
@@ -1506,7 +1506,7 @@ function Io({
     await Oo();
   }
   return /* @__PURE__ */ e(
-    se,
+    ae,
     {
       tooltip: "Download PDF",
       className: "h-7 p-2",
@@ -1569,14 +1569,14 @@ function Eo({
   } = Ao(), [u, c] = V(""), [h, d] = V(as[0].value), [m, C] = V("06:00"), [g, y] = V("");
   return /* @__PURE__ */ e(xs, { delayDuration: 0, children: /* @__PURE__ */ s(Ye, { children: [
     /* @__PURE__ */ e(Ke, { asChild: !0, children: /* @__PURE__ */ e(
-      se,
+      ae,
       {
         tooltip: "Schedule Dashboard",
         className: _("h-7 p-2", t),
         children: /* @__PURE__ */ e(Jl, { className: "size-4" })
       }
     ) }),
-    /* @__PURE__ */ e(It, { align: "end", className: "w-80", children: /* @__PURE__ */ s("div", { className: "grid gap-4", children: [
+    /* @__PURE__ */ e(Et, { align: "end", className: "w-80", children: /* @__PURE__ */ s("div", { className: "grid gap-4", children: [
       /* @__PURE__ */ s("div", { className: "space-y-2", children: [
         /* @__PURE__ */ e("h4", { className: "font-medium leading-none", children: "Schedule Subscription" }),
         /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: "Subscribe to receive dashboard via email" })
@@ -1652,8 +1652,8 @@ function Eo({
               i === "loading" && /* @__PURE__ */ e(Re, { className: "mr-2 size-4 animate-spin" }),
               i === "success" && /* @__PURE__ */ e(gt, { className: "mr-2 size-4" }),
               i === "error" && /* @__PURE__ */ s(yt, { children: [
-                /* @__PURE__ */ e(Et, { children: /* @__PURE__ */ e(ar, { className: "mr-2 size-4 text-destructive" }) }),
-                /* @__PURE__ */ e(vt, { children: /* @__PURE__ */ e("p", { children: l }) })
+                /* @__PURE__ */ e(At, { children: /* @__PURE__ */ e(ar, { className: "mr-2 size-4 text-destructive" }) }),
+                /* @__PURE__ */ e(bt, { children: /* @__PURE__ */ e("p", { children: l }) })
               ] }),
               "Schedule"
             ]
@@ -1690,7 +1690,7 @@ function Eo({
                   ),
                   /* @__PURE__ */ e(ss, { tooltip: `${p.endUserEmail}`, children: /* @__PURE__ */ e(mo, { className: "size-3.5" }) }),
                   o === p.id ? /* @__PURE__ */ e(Re, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ e(
-                    ma,
+                    ha,
                     {
                       onClick: () => r(p.id),
                       className: "size-3.5 cursor-pointer"
@@ -1710,14 +1710,14 @@ const ss = ({
   children: t,
   tooltip: a
 }) => /* @__PURE__ */ e(xs, { delayDuration: 0, children: /* @__PURE__ */ s(yt, { children: [
-  /* @__PURE__ */ e(Et, { asChild: !0, children: t }),
-  /* @__PURE__ */ e(vt, { children: a })
+  /* @__PURE__ */ e(At, { asChild: !0, children: t }),
+  /* @__PURE__ */ e(bt, { children: a })
 ] }) });
 function Ao() {
   const [t, a] = V("idle"), [n, r] = V(""), [i, l] = V(null), o = G((E) => E.authToken), u = G((E) => E.dashboard.id), c = G((E) => E.dashboard.title), { endUserId: h } = Cs((o == null ? void 0 : o.accessToken) || ""), d = "https://semaphor.cloud/api/v1/subscriptions/get", m = {
     dashboardId: u,
     endUserId: h
-  }, { data: C, isLoading: g, isError: y, isFetching: p, refetch: N } = ha({
+  }, { data: C, isLoading: g, isError: y, isFetching: p, refetch: N } = pa({
     queryKey: ["subscriptions", u, h],
     queryFn: () => ws(d, (o == null ? void 0 : o.accessToken) || "", m),
     enabled: !!(o != null && o.accessToken) && !!u && !!h
@@ -1725,12 +1725,12 @@ function Ao() {
   async function f({
     email: E,
     subject: D,
-    frequency: v,
+    frequency: b,
     time: x
   }) {
-    const { authToken: b, ...S } = ur(), O = Intl.DateTimeFormat().resolvedOptions().timeZone, I = {
+    const { authToken: v, ...S } = ur(), O = Intl.DateTimeFormat().resolvedOptions().timeZone, I = {
       email: E,
-      frequency: v,
+      frequency: b,
       time: x,
       timezone: O,
       endUserId: h,
@@ -1742,9 +1742,9 @@ function Ao() {
     a("loading");
     const w = "https://semaphor.cloud/api/v1/subscriptions/create";
     try {
-      const L = await Un(
+      const L = await Yn(
         w,
-        (b == null ? void 0 : b.accessToken) || "",
+        (v == null ? void 0 : v.accessToken) || "",
         {
           ...I
         }
@@ -1760,11 +1760,11 @@ function Ao() {
     const D = "https://semaphor.cloud/api/v1/subscriptions/delete";
     l(E);
     try {
-      await Un(D, (o == null ? void 0 : o.accessToken) || "", { id: E }), N(), setTimeout(() => {
+      await Yn(D, (o == null ? void 0 : o.accessToken) || "", { id: E }), N(), setTimeout(() => {
         l(null);
       }, 2e3);
-    } catch (v) {
-      console.error(v), l(null), a("error"), r(v.message);
+    } catch (b) {
+      console.error(b), l(null), a("error"), r(b.message);
     }
   }
   return {
@@ -1797,14 +1797,14 @@ function zo() {
     (I) => I.actions.setShowFilters
   ), { addFrame: y, setSelectedFrameId: p } = G(
     (I) => I.actions
-  ), { getSelectedSheet: N, setIsDashboardEditing: f, setShowDashboardJSON: M } = G((I) => I.actions), E = N(), { tenantId: D, endUserId: v } = rt(
+  ), { getSelectedSheet: N, setIsDashboardEditing: f, setShowDashboardJSON: M } = G((I) => I.actions), E = N(), { tenantId: D, endUserId: b } = rt(
     () => Cs(t == null ? void 0 : t.accessToken),
     [t == null ? void 0 : t.accessToken]
-  ), x = rt(() => D || v, [D, v]), b = () => {
+  ), x = rt(() => D || b, [D, b]), v = () => {
     if (!l || !E) return;
     const I = {
       connectionId: o,
-      id: kt(),
+      id: Mt(),
       title: "Title",
       // description: 'Description',
       preferences: {
@@ -1819,7 +1819,7 @@ function zo() {
       sql: "",
       data: []
     }, w = {
-      id: kt(),
+      id: Mt(),
       cards: [I],
       activeCardId: I.id
     };
@@ -1836,7 +1836,7 @@ function zo() {
       template: w,
       filterValues: h
     };
-    await ra(L, t == null ? void 0 : t.accessToken), jt.success("Lens saved"), C == null || C(I), c(!1);
+    await ia(L, t == null ? void 0 : t.accessToken), jt.success("Lens saved"), C == null || C(I), c(!1);
   }
   return d ? null : /* @__PURE__ */ s(
     "div",
@@ -1858,7 +1858,7 @@ function zo() {
               className: "h-7 p-2",
               size: "sm",
               disabled: !l,
-              onClick: b,
+              onClick: v,
               children: [
                 /* @__PURE__ */ e(ke, { className: "mr-2 h-4 w-4" }),
                 "Frame"
@@ -1876,13 +1876,13 @@ function zo() {
             }
           ),
           l && !d && /* @__PURE__ */ e(
-            se,
+            ae,
             {
               className: "h-7 p-2",
               onClick: () => {
                 f(!1), M(!1);
               },
-              children: /* @__PURE__ */ e(ua, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ e(ma, { className: "h-4 w-4" })
             }
           ),
           l && !d && x && /* @__PURE__ */ e(
@@ -1893,7 +1893,7 @@ function zo() {
               disabled: u,
               onClick: O,
               size: "sm",
-              children: /* @__PURE__ */ e(bo, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ e(vo, { className: "h-4 w-4" })
             }
           ),
           !m && !d && l && /* @__PURE__ */ e(
@@ -1950,19 +1950,19 @@ function Fo({
             c && /* @__PURE__ */ e("div", { className: "mr-2", children: c }),
             /* @__PURE__ */ e("span", { className: "max-w-[150px] overflow-hidden truncate text-ellipsis whitespace-nowrap", children: N() })
           ] }),
-          /* @__PURE__ */ e(At, { className: "size-4 opacity-50" })
+          /* @__PURE__ */ e(vt, { className: "size-4 opacity-50" })
         ]
       }
     ) }),
     /* @__PURE__ */ e(
-      It,
+      Et,
       {
         className: "w-full p-0",
         style: { minWidth: g },
-        children: /* @__PURE__ */ s(bn, { children: [
+        children: /* @__PURE__ */ s(vn, { children: [
           /* @__PURE__ */ s("div", { className: "flex h-9 items-center justify-between border-b pr-1", children: [
             /* @__PURE__ */ e(xn, { className: "h-9", placeholder: "Search..." }),
-            /* @__PURE__ */ e(se, { className: "h-7", onClick: o, children: /* @__PURE__ */ e(
+            /* @__PURE__ */ e(ae, { className: "h-7", onClick: o, children: /* @__PURE__ */ e(
               rr,
               {
                 className: _(
@@ -2028,7 +2028,7 @@ function Rt({
     if (t === "Schema")
       return /* @__PURE__ */ e(go, { className: "size-4" });
     if (t === "Table")
-      return /* @__PURE__ */ e(Fn, { className: "size-4" });
+      return /* @__PURE__ */ e(Ln, { className: "size-4" });
     if (t === "Model")
       return /* @__PURE__ */ e(ql, { className: "size-4" });
   }
@@ -2063,7 +2063,7 @@ function Rt({
             }
           )
         ] }),
-        /* @__PURE__ */ s(ae, { children: [
+        /* @__PURE__ */ s(se, { children: [
           u && /* @__PURE__ */ e(U, { value: "none", children: "None" }, "none"),
           a && a.map((p, N) => /* @__PURE__ */ e(U, { value: p.id, children: p.name }, N))
         ] }),
@@ -2101,7 +2101,7 @@ function Lo({ column: t }) {
   function g(p, N) {
     var D;
     const f = Os(p, u, N), M = (D = c == null ? void 0 : c.find(
-      (v) => v.id === o
+      (b) => b.id === o
     )) == null ? void 0 : D.name;
     d(f);
     const E = Is(
@@ -2173,10 +2173,10 @@ function Lo({ column: t }) {
 function za({ column: t }) {
   return /* @__PURE__ */ s(yt, { children: [
     /* @__PURE__ */ e(ei, { className: "shrink-0", asChild: !0, children: _e(t.data_type) ? /* @__PURE__ */ e(ti, { className: "size-3 text-muted-foreground" }) : pt(t.data_type) ? /* @__PURE__ */ e(Da, { className: "size-3 text-muted-foreground" }) : $e(t.data_type) ? /* @__PURE__ */ e(Es, { className: "size-3 text-muted-foreground" }) : ni(t.data_type) ? /* @__PURE__ */ e(or, { className: "size-3 text-muted-foreground" }) : t.data_type.startsWith("json") ? /* @__PURE__ */ e(Bl, { className: "size-3 text-muted-foreground" }) : /* @__PURE__ */ e(ai, { className: "size-3 text-muted-foreground" }) }),
-    /* @__PURE__ */ e(vt, { children: /* @__PURE__ */ e("p", { className: "text-xs", children: t.data_type }) })
+    /* @__PURE__ */ e(bt, { children: /* @__PURE__ */ e("p", { className: "text-xs", children: t.data_type }) })
   ] });
 }
-function jn({
+function qn({
   column: t,
   className: a
 }) {
@@ -2260,39 +2260,39 @@ function Vo({
         ),
         children: [
           n === a.column_name && /* @__PURE__ */ e(As, { children: /* @__PURE__ */ e(
-            jn,
+            qn,
             {
               column: a,
               className: "rounded-md border-2 border-dashed border-muted-foreground bg-muted shadow-md"
             }
           ) }),
-          n === a.column_name && /* @__PURE__ */ e("div", { className: "absolute inset-0", children: n === a.column_name && /* @__PURE__ */ e(jn, { column: a }) }),
-          /* @__PURE__ */ e(Ro, { id: a.column_name, type: "column", children: /* @__PURE__ */ e(jn, { column: a }) })
+          n === a.column_name && /* @__PURE__ */ e("div", { className: "absolute inset-0", children: n === a.column_name && /* @__PURE__ */ e(qn, { column: a }) }),
+          /* @__PURE__ */ e(Ro, { id: a.column_name, type: "column", children: /* @__PURE__ */ e(qn, { column: a }) })
         ]
       }
     )
   );
 }
-const qn = {
+const Bn = {
   id: "__placeholder__",
   role: "groupby",
   type: "string"
-}, Bn = {
+}, Pn = {
   id: "__placeholder__",
   role: "groupby",
   type: "string"
-}, Pn = {
+}, _n = {
   id: "__placeholder__",
   role: "metric",
   type: "number"
-}, _n = {
+}, $n = {
   name: "Filter",
   id: "__placeholder__",
   role: "filter",
   type: "string"
 }, mr = {
   id: "__placeholder__"
-}, ut = "droppable-group-by", mt = "droppable-metrics", ht = "droppable-pivot-by", cn = "sortable-group-by", ia = "sortable-metrics", dn = "sortable-pivot-by", la = "droppable-filters", oa = "sortable-filters", Fa = "sortable-order-by";
+}, ut = "droppable-group-by", mt = "droppable-metrics", ht = "droppable-pivot-by", cn = "sortable-group-by", la = "sortable-metrics", dn = "sortable-pivot-by", oa = "droppable-filters", ca = "sortable-filters", Fa = "sortable-order-by";
 function jo() {
   const t = st((z) => z.insertIndex), a = T(
     (z) => {
@@ -2357,12 +2357,12 @@ function jo() {
           );
           o(te);
           const Y = a.filter(
-            (J) => J.id !== qn.id
+            (J) => J.id !== Bn.id
           );
-          Y.splice(te, 0, qn), c(Y);
+          Y.splice(te, 0, Bn), c(Y);
         } else if (A.id === ut) {
           o(a.length);
-          const te = [...a, qn];
+          const te = [...a, Bn];
           c(te), h(n), d(r);
         }
       }
@@ -2375,12 +2375,12 @@ function jo() {
           );
           o(te);
           const Y = l.filter(
-            (J) => J.id !== Bn.id
+            (J) => J.id !== Pn.id
           );
-          Y.splice(te, 0, Bn), m(Y);
+          Y.splice(te, 0, Pn), m(Y);
         } else if (A.id === ht) {
           o(l.length);
-          const te = [...l, Bn];
+          const te = [...l, Pn];
           m(te), c(a), h(n), d(r);
         }
       }
@@ -2392,12 +2392,12 @@ function jo() {
           const te = n.findIndex((J) => J.id === B);
           o(te);
           const Y = n.filter(
-            (J) => J.id !== Pn.id
+            (J) => J.id !== _n.id
           );
-          Y.splice(te, 0, Pn), h(Y);
+          Y.splice(te, 0, _n), h(Y);
         } else if (A.id === mt) {
           o(n.length);
-          const te = [...n, Pn];
+          const te = [...n, _n];
           h(te), d(r), c(a), m(l);
         }
       }
@@ -2408,25 +2408,25 @@ function jo() {
           const te = r.findIndex((J) => J.id === B);
           o(te);
           const Y = r.filter(
-            (J) => J.id !== _n.id
+            (J) => J.id !== $n.id
           );
-          Y.splice(te, 0, _n), d(Y);
-        } else if (A.id === la) {
+          Y.splice(te, 0, $n), d(Y);
+        } else if (A.id === oa) {
           o(r.length);
-          const te = [...r, _n];
+          const te = [...r, $n];
           d(te), h(n), c(a), m(l);
         }
       }
     } else
       c(a), h(n), d(r), m(l);
   };
-  function v(z) {
+  function b(z) {
     u(z.active.id), o(null), c(a), h(n), d(r), m(l);
   }
   function x(z) {
     return !r.some((k) => k.name === z.column_name);
   }
-  function b(z, k = "SUM") {
+  function v(z, k = "SUM") {
     const { column_name: A, data_type: R } = z, B = [...n], $ = t !== null ? t : n.length, j = {
       ...z,
       id: je(A),
@@ -2458,7 +2458,7 @@ function jo() {
       name: z.column_name,
       type: z.data_type,
       role: "groupby",
-      label: Dt(z.column_name, "month"),
+      label: Ot(z.column_name, "month"),
       granularity: "month"
     }, A.splice(R, 0, B), N(A);
   }
@@ -2481,7 +2481,7 @@ function jo() {
       name: z.column_name,
       type: z.data_type,
       role: "groupby",
-      label: Dt(z.column_name, "month"),
+      label: Ot(z.column_name, "month"),
       granularity: "month"
     }, A.splice(R, 0, B), C(A);
   }
@@ -2492,7 +2492,7 @@ function jo() {
       // Unique ID
       name: z.column_name,
       type: z.data_type,
-      sql: Yn(
+      sql: Kn(
         z.data_type,
         M,
         qe(z.column_name)
@@ -2510,7 +2510,7 @@ function jo() {
       );
       if (!J) return;
       const K = pt(J.data_type), Z = _e(J.data_type), ne = $e(J.data_type);
-      (Z || ne) && (A.id === ut || ((B = A.data.current) == null ? void 0 : B.type) === cn) && O(J), (Z || ne) && (A.id === ht || (($ = A.data.current) == null ? void 0 : $.type) === dn) ? S(J) : (K || Z) && (A.id === mt || ((j = A.data.current) == null ? void 0 : j.type) === ia) ? (K && b(J), Z && b(J, "COUNT")) : x(J) && (A.id === la || ((re = A.data.current) == null ? void 0 : re.type) === oa) && I(J);
+      (Z || ne) && (A.id === ut || ((B = A.data.current) == null ? void 0 : B.type) === cn) && O(J), (Z || ne) && (A.id === ht || (($ = A.data.current) == null ? void 0 : $.type) === dn) ? S(J) : (K || Z) && (A.id === mt || ((j = A.data.current) == null ? void 0 : j.type) === la) ? (K && v(J), Z && v(J, "COUNT")) : x(J) && (A.id === oa || ((re = A.data.current) == null ? void 0 : re.type) === ca) && I(J);
     }
     if (A && ((ee = A.data.current) == null ? void 0 : ee.type) === cn && a.some((J) => J.id === k.id)) {
       const J = a.findIndex(
@@ -2528,14 +2528,14 @@ function jo() {
         Z.splice(K, 0, ne), N(Z);
       }
     }
-    if (A && ((te = A.data.current) == null ? void 0 : te.type) === ia && n.some((J) => J.id === k.id)) {
+    if (A && ((te = A.data.current) == null ? void 0 : te.type) === la && n.some((J) => J.id === k.id)) {
       const J = n.findIndex((Z) => Z.id === k.id), K = n.findIndex((Z) => Z.id === A.id);
       if (J !== -1 && K !== -1 && J !== K) {
         const Z = [...n], [ne] = Z.splice(J, 1);
         Z.splice(K, 0, ne), g(Z);
       }
     }
-    if (A && ((Y = A.data.current) == null ? void 0 : Y.type) === oa && r.some((J) => J.id === k.id)) {
+    if (A && ((Y = A.data.current) == null ? void 0 : Y.type) === ca && r.some((J) => J.id === k.id)) {
       const J = r.findIndex((Z) => Z.id === k.id), K = r.findIndex((Z) => Z.id === A.id);
       if (J !== -1 && K !== -1 && J !== K) {
         const Z = [...r], [ne] = Z.splice(J, 1);
@@ -2564,16 +2564,16 @@ function jo() {
   return {
     handleDragOver: D,
     handleDragEnd: w,
-    handleDragStart: v,
+    handleDragStart: b,
     handleDragCancel: F,
     sensors: E
   };
 }
 function je(t) {
-  return `${t}-${kt()}`;
+  return `${t}-${Mt()}`;
 }
 function $t(t, a) {
-  const n = pa(t.replace(/_/g, " "));
+  const n = fa(t.replace(/_/g, " "));
   switch (a) {
     case "SUM":
       return `Sum of ${n}`;
@@ -2594,8 +2594,8 @@ function $t(t, a) {
 function Vt(t) {
   return `${Fa}-${t}`;
 }
-function Dt(t, a) {
-  const n = pa(t.replace(/_/g, " "));
+function Ot(t, a) {
+  const n = fa(t.replace(/_/g, " "));
   switch (a) {
     case "day":
       return `Date of ${n}`;
@@ -2637,14 +2637,14 @@ function qo({
     (k) => k.selectedDatamodelId
   ), C = G(
     (k) => k.dashboard.aiScopeTables
-  ), { addToAIScope: g, removeFromAIScope: y } = Ot(), {
+  ), { addToAIScope: g, removeFromAIScope: y } = It(), {
     addColumnToMetricColumns: p,
     addColumnToGroupBy: N,
     setCardSql: f,
     setRunSql: M,
     setSqlGen: E,
     setIsShowingVisual: D
-  } = X(), { connectionType: v, modelItems: x, selectedDatamodelName: b } = Pe();
+  } = X(), { connectionType: b, modelItems: x, selectedDatamodelName: v } = Pe();
   function S(k) {
     var A;
     if (l) {
@@ -2657,7 +2657,7 @@ function qo({
         qe(t),
         qe(a),
         B || "",
-        v,
+        b,
         c || ""
       );
       $ && (f($), M(!0));
@@ -2692,7 +2692,7 @@ function qo({
           id: je(k.column_name),
           name: k.column_name,
           type: k.data_type,
-          label: Dt(k.column_name, "month"),
+          label: Ot(k.column_name, "month"),
           granularity: "month"
         };
         N(R);
@@ -2712,13 +2712,13 @@ function qo({
     }
   }
   function O(k) {
-    k === !0 && (d || b) && o ? (g({
+    k === !0 && (d || v) && o ? (g({
       connectionId: o,
-      connectionType: v === "S3" || v === "API" ? "DuckDb" : v || "",
+      connectionType: b === "S3" || b === "API" ? "DuckDb" : b || "",
       databaseName: c || "",
       schemaName: h || "",
       tableName: d || "",
-      datamodelName: sn(b),
+      datamodelName: sn(v),
       datamodelId: m || ""
     }), jt.success("Added to Assistant Scope", {
       position: "top-right",
@@ -2726,9 +2726,9 @@ function qo({
       richColors: !0
     })) : (y({
       connectionId: o || "",
-      connectionType: v || "",
+      connectionType: b || "",
       tableName: d || "",
-      datamodelName: sn(b),
+      datamodelName: sn(v),
       datamodelId: m || "",
       databaseName: c || "",
       schemaName: h || ""
@@ -2742,27 +2742,27 @@ function qo({
     const k = Ya({
       schemaName: t,
       tableName: a,
-      modelName: b,
-      connectionType: v,
+      modelName: v,
+      connectionType: b,
       databaseName: c || ""
     });
     D(!1);
-    const A = v === "MSSQL" ? `SELECT top 10 * FROM ${k}` : `SELECT * FROM ${k} LIMIT 10`;
+    const A = b === "MSSQL" ? `SELECT top 10 * FROM ${k}` : `SELECT * FROM ${k} LIMIT 10`;
     f(A), M(!0);
   }
   function w() {
     const k = Ya({
       schemaName: t,
       tableName: a,
-      modelName: b,
-      connectionType: v,
+      modelName: v,
+      connectionType: b,
       databaseName: c || ""
     });
     f(`SELECT COUNT(*) as count FROM ${k}`), M(!0);
   }
   function L() {
     return (C == null ? void 0 : C.find(
-      (k) => k.connectionId === o && (k.tableName === d || k.datamodelName === b)
+      (k) => k.connectionId === o && (k.tableName === d || k.datamodelName === v)
     )) !== void 0;
   }
   function F(k) {
@@ -2789,7 +2789,7 @@ function qo({
     ) : /* @__PURE__ */ e(Vo, { onClick: S, column: k });
   }
   function z() {
-    return /* @__PURE__ */ s(ae, { children: [
+    return /* @__PURE__ */ s(se, { children: [
       /* @__PURE__ */ s(
         Fs,
         {
@@ -2848,7 +2848,7 @@ function qo({
     // <div className="flex h-full w-full items-center justify-center">
     //   <Loader2 className="h-6 w-6 animate-spin text-muted-foreground/70" />
     // </div>
-    /* @__PURE__ */ e("div", { className: "flex grow flex-col justify-start gap-2 px-6", children: Array.from({ length: 3 }).map((k, A) => /* @__PURE__ */ e(fa, { className: "h-7 w-full" }, A)) })
+    /* @__PURE__ */ e("div", { className: "flex grow flex-col justify-start gap-2 px-6", children: Array.from({ length: 3 }).map((k, A) => /* @__PURE__ */ e(ga, { className: "h-7 w-full" }, A)) })
   ) : /* @__PURE__ */ s("div", { className: "flex grow flex-col space-y-4 px-4", children: [
     l && /* @__PURE__ */ e("div", { className: "mx-2 flex items-center justify-center gap-2", children: z() }),
     /* @__PURE__ */ s(
@@ -2895,9 +2895,9 @@ function hr({
     columns: M,
     isConnectionsLoading: E,
     isModelsLoading: D,
-    isConnectionsError: v,
+    isConnectionsError: b,
     isModelsError: x,
-    isDatabasesLoadingOrFetching: b,
+    isDatabasesLoadingOrFetching: v,
     isDatabaseError: S,
     isSchemaLoadingOrFetching: O,
     isSchemaError: I,
@@ -2950,7 +2950,7 @@ function hr({
           showNone: !0,
           onChange: te,
           isError: S,
-          isLoading: b,
+          isLoading: v,
           items: N,
           value: o || "",
           title: "Database",
@@ -3038,7 +3038,7 @@ function hr({
               value: r || "",
               onChange: W,
               isLoading: E,
-              isError: v,
+              isError: b,
               type: "combobox",
               connectionTooltip: (($a = g == null ? void 0 : g.find(
                 (me) => me.id === r
@@ -3052,7 +3052,7 @@ function hr({
           Pr()
         ] }),
         Q(),
-        /* @__PURE__ */ e("div", { className: "flex items-center justify-between gap-2 px-6 py-4", children: a === "main" && /* @__PURE__ */ s(ae, { children: [
+        /* @__PURE__ */ e("div", { className: "flex items-center justify-between gap-2 px-6 py-4", children: a === "main" && /* @__PURE__ */ s(se, { children: [
           /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ e(
               li,
@@ -3091,7 +3091,7 @@ function pr({ sql: t, error: a, onClick: n }) {
     }, 100);
   }
   return /* @__PURE__ */ e("div", { className: "flex justify-between space-x-4", children: /* @__PURE__ */ s("div", { className: "flex grow flex-col space-y-2", children: [
-    /* @__PURE__ */ s(bt, { className: "max-h-[250px] min-h-0 overflow-scroll text-xs leading-relaxed text-foreground/80", children: [
+    /* @__PURE__ */ s(xt, { className: "max-h-[250px] min-h-0 overflow-scroll text-xs leading-relaxed text-foreground/80", children: [
       a && a,
       t && /* @__PURE__ */ e("div", { className: "flex flex-col space-y-1.5", children: /* @__PURE__ */ e("div", { className: "rounded-md", children: /* @__PURE__ */ e(oi, { code: t, language: "sql" }) }) })
     ] }),
@@ -3198,7 +3198,7 @@ function yr(t) {
     key: n
   }, a.attr), yr(a.child)));
 }
-function xt(t) {
+function Nt(t) {
   return (a) => /* @__PURE__ */ Le.createElement(Ho, un({
     attr: mn({}, t.attr)
   }, a), yr(t.child));
@@ -3227,14 +3227,14 @@ function Ho(t) {
   return rs !== void 0 ? /* @__PURE__ */ Le.createElement(rs.Consumer, null, (n) => a(n)) : a(gr);
 }
 function Uo(t) {
-  return xt({ 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: [] }] })(t);
+  return Nt({ 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: [] }] })(t);
 }
-function vr(t) {
+function br(t) {
   const { theme: a } = di(), n = G((p) => p.theme), r = T((p) => p.frame), i = T((p) => p.card), l = T((p) => p.activeTabCardId), o = ui(), { refetch: u } = Ee(i), { updateCardTab: c, setRunSql: h } = X(), d = ft(), m = ft({}), C = r.cards.find((p) => p.id === l), g = Ne(() => {
     let p = "";
     return t === "python" && (p = (C == null ? void 0 : C.python) || Ls), t === "sql" && (p = (C == null ? void 0 : C.sql) || ""), p;
   }, [t, C]);
-  ve(() => {
+  be(() => {
     if (l && i.id && i.id !== l) {
       if (d.current && o) {
         const p = d.current.getModel();
@@ -3256,7 +3256,7 @@ function vr(t) {
     h,
     t,
     g
-  ]), ve(() => {
+  ]), be(() => {
     if (!o) return;
     const p = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", N = n === "system" ? p : n;
     o.editor.defineTheme("default", {
@@ -3272,7 +3272,7 @@ function vr(t) {
         //     : getCssVariableValue('--semaphor-background'),
       }
     }), o.editor.setTheme("default");
-  }, [a, n, o]), ve(() => {
+  }, [a, n, o]), be(() => {
     const p = d.current;
     p && o && i && p.addCommand(
       o.KeyMod.Shift | o.KeyCode.Enter,
@@ -3291,7 +3291,7 @@ function vr(t) {
   return { handleEditorDidMount: y };
 }
 function Yo() {
-  const t = T((o) => o.card.sql), a = T((o) => o.sqlGen), { setCardSql: n, setSqlGen: r } = X(), { handleEditorDidMount: i } = vr("sql");
+  const t = T((o) => o.card.sql), a = T((o) => o.sqlGen), { setCardSql: n, setSqlGen: r } = X(), { handleEditorDidMount: i } = br("sql");
   function l(o) {
     n(o), hi(a) || r({});
   }
@@ -3323,7 +3323,7 @@ function Yo() {
   ] });
 }
 function Ko() {
-  const t = T((i) => i.card.python), { setCardPython: a } = X(), { handleEditorDidMount: n } = vr("python");
+  const t = T((i) => i.card.python), { setCardPython: a } = X(), { handleEditorDidMount: n } = br("python");
   function r(i) {
     a(i);
   }
@@ -3412,10 +3412,10 @@ function Wo() {
     setShowAIDialog: E
   } = X();
   T((j) => j.onSave), T((j) => j.onClose), T((j) => j.actions.setSqlGen);
-  const D = T((j) => j.runSql), v = T((j) => j.actions.setRunSql), x = T(
+  const D = T((j) => j.runSql), b = T((j) => j.actions.setRunSql), x = T(
     (j) => j.actions.setIsSqlRunning
   ), {
-    data: b,
+    data: v,
     isLoading: S,
     isFetching: O,
     isSuccess: I,
@@ -3425,20 +3425,20 @@ function Wo() {
     refetch: z,
     errorMessage: k
   } = Ee(l);
-  ve(() => {
-    if (b && (b.rowLimitExceeded && jt.error("Row limit (10,000) exceeded. Refine your query.", {
+  be(() => {
+    if (v && (v.rowLimitExceeded && jt.error("Row limit (10,000) exceeded. Refine your query.", {
       position: "top-center",
       richColors: !0
-    }), y((b == null ? void 0 : b.output) || ""), b.records.length > 0)) {
-      const { dimensionKeys: j } = Kn(b.records);
+    }), y((v == null ? void 0 : v.output) || ""), v.records.length > 0)) {
+      const { dimensionKeys: j } = Qn(v.records);
       m(j);
     }
-  }, [b, m, y]), ve(() => {
+  }, [v, m, y]), be(() => {
     (S || O) && x(!0), (w || I) && x(!1), w && (m([]), y(""));
   }, [
     S,
     O,
-    b,
+    v,
     y,
     w,
     I,
@@ -3446,9 +3446,9 @@ function Wo() {
     m,
     // setQueryError,
     L
-  ]), ve(() => {
-    D && (t.getQueryData(F) || z(), v(!1));
-  }, [D, z, v, F, t]);
+  ]), be(() => {
+    D && (t.getQueryData(F) || z(), b(!1));
+  }, [D, z, b, F, t]);
   async function A() {
     const j = `Can you help me debug this query in the current table scope? 
 
@@ -3466,7 +3466,7 @@ ${c}` : ""}
     M(j);
   }
   function R() {
-    return /* @__PURE__ */ s(ae, { children: [
+    return /* @__PURE__ */ s(se, { children: [
       r && /* @__PURE__ */ e(
         "div",
         {
@@ -3486,7 +3486,7 @@ ${c}` : ""}
           variant: "ghost",
           onClick: () => i(!r),
           className: "absolute bottom-0 right-6 size-7 p-1",
-          children: r ? /* @__PURE__ */ e(be, { className: "size-3.5 text-muted-foreground" }) : /* @__PURE__ */ e(Ta, { className: "size-3.5 text-muted-foreground" })
+          children: r ? /* @__PURE__ */ e(ve, { className: "size-3.5 text-muted-foreground" }) : /* @__PURE__ */ e(Ta, { className: "size-3.5 text-muted-foreground" })
         }
       )
     ] });
@@ -3519,7 +3519,7 @@ ${c}` : ""}
               ]
             }
           ),
-          a && /* @__PURE__ */ s(ae, { children: [
+          a && /* @__PURE__ */ s(se, { children: [
             /* @__PURE__ */ e(tt, { withHandle: !0, className: "border" }),
             /* @__PURE__ */ s(
               Ce,
@@ -3573,7 +3573,7 @@ ${c}` : ""}
             /* @__PURE__ */ e(
               fr,
               {
-                sql: b == null ? void 0 : b.sql,
+                sql: v == null ? void 0 : v.sql,
                 error: k,
                 onClick: A
               }
@@ -3646,7 +3646,7 @@ function Zo({ data: t }) {
         }
       ) });
     }
-  })), l = vi({
+  })), l = bi({
     data: t,
     columns: i,
     getCoreRowModel: Si(),
@@ -3660,7 +3660,7 @@ function Zo({ data: t }) {
   });
   return /* @__PURE__ */ s(Kt, { className: "grow overflow-auto font-mono text-xs text-foreground/95", children: [
     /* @__PURE__ */ s("table", { className: "w-full", children: [
-      /* @__PURE__ */ e(bi, { className: "sticky top-0 z-50 h-0 bg-muted", children: l.getHeaderGroups().map((u) => /* @__PURE__ */ e(Rn, { className: "", children: u.headers.map((c) => /* @__PURE__ */ e(
+      /* @__PURE__ */ e(vi, { className: "sticky top-0 z-50 h-0 bg-muted", children: l.getHeaderGroups().map((u) => /* @__PURE__ */ e(Vn, { className: "", children: u.headers.map((c) => /* @__PURE__ */ e(
         xi,
         {
           className: "h-11 font-semibold text-foreground",
@@ -3672,33 +3672,33 @@ function Zo({ data: t }) {
         c.id
       )) }, u.id)) }),
       /* @__PURE__ */ e(Ni, { children: (o = l.getRowModel().rows) != null && o.length ? l.getRowModel().rows.map((u) => /* @__PURE__ */ e(
-        Rn,
+        Vn,
         {
           className: "h-11 whitespace-nowrap py-2",
           "data-state": u.getIsSelected() && "selected",
           children: u.getVisibleCells().map((c) => /* @__PURE__ */ e(Qa, { className: "py-2", children: Ka(c.column.columnDef.cell, c.getContext()) }, c.id))
         },
         u.id
-      )) : /* @__PURE__ */ e(Rn, { children: /* @__PURE__ */ e(Qa, { colSpan: i.length, className: "h-24 text-center", children: "No results." }) }) })
+      )) : /* @__PURE__ */ e(Vn, { children: /* @__PURE__ */ e(Qa, { colSpan: i.length, className: "h-24 text-center", children: "No results." }) }) })
     ] }),
     /* @__PURE__ */ e(He, { orientation: "horizontal" })
   ] });
 }
 function Xo({ card: t }) {
-  var M, E, D, v, x, b, S, O, I, w, L;
+  var M, E, D, b, x, v, S, O, I, w, L;
   const [a, n] = V(!1), [r, i] = V(
     []
   ), { authToken: l } = lt(), o = ki(l == null ? void 0 : l.accessToken), u = G((F) => F.themeStyle), c = {
     colors: ((E = (M = u == null ? void 0 : u.chart) == null ? void 0 : M.dataset) == null ? void 0 : E.backgroundColor) || []
   };
   (D = t.customCardPreferences) != null && D.inputData;
-  const { getCard: h } = qs(((v = t.customCardPreferences) == null ? void 0 : v.url) || ""), d = ((x = t.customCardPreferences) == null ? void 0 : x.visualType) || "single", m = T((F) => F.frame), { setCustomCardPreferences: C } = X(), { data: g } = Ee(t), y = Ne((F, z) => {
+  const { getCard: h } = qs(((b = t.customCardPreferences) == null ? void 0 : b.url) || ""), d = ((x = t.customCardPreferences) == null ? void 0 : x.visualType) || "single", m = T((F) => F.frame), { setCustomCardPreferences: C } = X(), { data: g } = Ee(t), y = Ne((F, z) => {
     i((k) => ({
       ...k,
       [F]: z
     }));
   }, []);
-  if (!((b = t.customCardPreferences) != null && b.componentName))
+  if (!((v = t.customCardPreferences) != null && v.componentName))
     return null;
   const p = h(
     (S = t.customCardPreferences) == null ? void 0 : S.componentName
@@ -3716,7 +3716,7 @@ function Xo({ card: t }) {
   return /* @__PURE__ */ e("div", { className: "semaphor-custom mb-3 flex grow basis-0 flex-col space-y-2 overflow-y-auto", children: /* @__PURE__ */ s(
     wl,
     {
-      fallback: /* @__PURE__ */ e(ae, {}),
+      fallback: /* @__PURE__ */ e(se, {}),
       children: [
         p && d === "single" && /* @__PURE__ */ e(
           p,
@@ -3728,7 +3728,7 @@ function Xo({ card: t }) {
             data: (g == null ? void 0 : g.records) || []
           }
         ),
-        p && d === "multiple" && /* @__PURE__ */ s(ae, { children: [
+        p && d === "multiple" && /* @__PURE__ */ s(se, { children: [
           Object.keys(
             ((w = t.customCardPreferences) == null ? void 0 : w.dataInputCardIds) || {}
           ).map((F) => {
@@ -3768,7 +3768,7 @@ function Xo({ card: t }) {
     (L = t.customCardPreferences) == null ? void 0 : L.componentName
   ) });
 }
-function br({
+function vr({
   // card,
   // showCard,
   className: t,
@@ -3777,7 +3777,7 @@ function br({
   var N;
   const n = T((f) => f.card), r = ((N = n.customCardPreferences) == null ? void 0 : N.showCardHeader) ?? !0, i = T((f) => f.frame), l = G((f) => f.dashboard.filters);
   T((f) => f.actions.setRunSql);
-  const { updateFilter: o } = Ot(), u = l == null ? void 0 : l.find((f) => f.id === i.filterId), { data: c, isLoading: h, isFetching: d } = Ee(n), { setCard: m } = X(), { data: C } = ga(n), g = rt(() => !n.id || !(c != null && c.records) ? null : Bs({
+  const { updateFilter: o } = It(), u = l == null ? void 0 : l.find((f) => f.id === i.filterId), { data: c, isLoading: h, isFetching: d } = Ee(n), { setCard: m } = X(), { data: C } = ya(n), g = rt(() => !n.id || !(c != null && c.records) ? null : Bs({
     card: n,
     data: c == null ? void 0 : c.records,
     cardType: n.type,
@@ -3808,7 +3808,7 @@ function br({
     if (n.type === "custom")
       return y(n);
     if (!["table", "custom"].includes(n.type) && g)
-      return /* @__PURE__ */ e(ae, { children: h || d ? /* @__PURE__ */ e(ae, {}) : /* @__PURE__ */ e(
+      return /* @__PURE__ */ e(se, { children: h || d ? /* @__PURE__ */ e(se, {}) : /* @__PURE__ */ e(
         Oi,
         {
           cfg: g
@@ -3827,7 +3827,7 @@ function br({
         r && /* @__PURE__ */ s(Ps, { className: "flex flex-row items-start justify-between py-4", children: [
           /* @__PURE__ */ s("div", { children: [
             /* @__PURE__ */ e(
-              Ct,
+              wt,
               {
                 enabled: !0,
                 text: n.title,
@@ -3837,7 +3837,7 @@ function br({
               n.title
             ),
             /* @__PURE__ */ e(
-              Ct,
+              wt,
               {
                 enabled: !0,
                 text: n.description || "",
@@ -3849,7 +3849,7 @@ function br({
           ] }),
           u && /* @__PURE__ */ s("div", { className: "flex items-center gap-3", children: [
             /* @__PURE__ */ e(
-              Ct,
+              wt,
               {
                 enabled: !0,
                 className: "my-1",
@@ -3866,7 +3866,7 @@ function br({
     }
   );
 }
-const $n = ({
+const Gn = ({
   language: t,
   value: a,
   onChange: n,
@@ -3894,7 +3894,7 @@ const $n = ({
   }
 ), ec = () => /* @__PURE__ */ s(gn, { children: [
   /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e(yn, { children: "Customize Card" }) }),
-  /* @__PURE__ */ s(vn, { children: [
+  /* @__PURE__ */ s(bn, { children: [
     "See the configuration options and documentation",
     /* @__PURE__ */ e(
       "a",
@@ -3925,7 +3925,7 @@ const $n = ({
       value: "final-config",
       className: "mt-0 grow rounded-b border border-t-0",
       children: /* @__PURE__ */ e(
-        $n,
+        Gn,
         {
           language: "json",
           value: n,
@@ -3940,7 +3940,7 @@ const $n = ({
       value: "custom-config",
       className: "mt-0 grow rounded-b border border-t-0",
       children: /* @__PURE__ */ e(
-        $n,
+        Gn,
         {
           readonly: !0,
           language: "json",
@@ -3957,7 +3957,7 @@ const $n = ({
       value: "custom-code",
       className: "mt-0 grow rounded-b border border-t-0",
       children: /* @__PURE__ */ e(
-        $n,
+        Gn,
         {
           language: "javascript",
           value: t,
@@ -3979,14 +3979,14 @@ const $n = ({
   /* @__PURE__ */ e(P, { onClick: i, variant: "outline", children: "Close" })
 ] });
 function ac() {
-  const [t, a] = V(!1), [n, r] = V(""), [i, l] = V(""), [o, u] = V(""), [c, h] = V(""), d = T((v) => v.card), m = T((v) => v.card.customCfg), C = m ? JSON.stringify(m, null, 2) : "", { data: g } = Ee(d), { data: y } = ga(d), { setCardCustomCfg: p, setCustomVisualCode: N } = X(), f = (v) => {
-    var x, b;
+  const [t, a] = V(!1), [n, r] = V(""), [i, l] = V(""), [o, u] = V(""), [c, h] = V(""), d = T((b) => b.card), m = T((b) => b.card.customCfg), C = m ? JSON.stringify(m, null, 2) : "", { data: g } = Ee(d), { data: y } = ya(d), { setCardCustomCfg: p, setCustomVisualCode: N } = X(), f = (b) => {
+    var x, v;
     return JSON.stringify(
       {
-        ...v,
+        ...b,
         data: {
-          ...v.data,
-          datasets: (b = (x = v.data) == null ? void 0 : x.datasets) == null ? void 0 : b.map((S) => ({
+          ...b.data,
+          datasets: (v = (x = b.data) == null ? void 0 : x.datasets) == null ? void 0 : v.map((S) => ({
             ...S,
             data: []
           }))
@@ -3996,9 +3996,9 @@ function ac() {
       2
     );
   }, M = () => {
-    var x, b;
+    var x, v;
     if (!((x = g == null ? void 0 : g.records) != null && x.length)) return;
-    const v = Bs({
+    const b = Bs({
       card: d,
       data: g.records,
       cardType: d.type,
@@ -4007,19 +4007,19 @@ function ac() {
       preferences: d.preferences,
       topoJson: y
     });
-    if (v) {
-      r(f(v)), u(((b = d.preferences) == null ? void 0 : b.customVisualCode) || "");
-      const S = Ii(v, m);
+    if (b) {
+      r(f(b)), u(((v = d.preferences) == null ? void 0 : v.customVisualCode) || "");
+      const S = Ii(b, m);
       l(f(S));
     }
   }, E = () => {
     try {
       if (o && N(o), i) {
-        const v = JSON.parse(
+        const b = JSON.parse(
           i
         ), x = Ei(
           JSON.parse(n),
-          v
+          b
         );
         p(x), h("");
       }
@@ -4029,7 +4029,7 @@ function ac() {
   }, D = Object.keys(m || {}).length === 0;
   return /* @__PURE__ */ s(pn, { open: t, onOpenChange: a, children: [
     /* @__PURE__ */ e(hs, { asChild: !0, children: /* @__PURE__ */ e(
-      se,
+      ae,
       {
         tooltip: "Customize Visual",
         onClick: M,
@@ -4040,15 +4040,15 @@ function ac() {
     /* @__PURE__ */ s(fn, { className: "flex h-[600px] grow flex-col overflow-auto sm:min-w-[900px] lg:min-w-[1200px]", children: [
       /* @__PURE__ */ e(ec, {}),
       /* @__PURE__ */ s("div", { className: "flex grow gap-2", children: [
-        /* @__PURE__ */ e(Dn, { FallbackComponent: Hs, children: /* @__PURE__ */ e(br, { className: "w-1/2 rounded shadow-none" }) }),
+        /* @__PURE__ */ e(Dn, { FallbackComponent: Hs, children: /* @__PURE__ */ e(vr, { className: "w-1/2 rounded shadow-none" }) }),
         /* @__PURE__ */ e(
           tc,
           {
             customCode: o,
             cardCustomCfgString: C,
             mergedConfig: i,
-            onConfigChange: (v) => l(v ?? ""),
-            onCodeChange: (v) => u(v ?? "")
+            onConfigChange: (b) => l(b ?? ""),
+            onCodeChange: (b) => u(b ?? "")
           }
         )
       ] }),
@@ -4072,7 +4072,7 @@ function xr(t) {
   return a;
 }
 function Nr() {
-  const { authToken: t } = lt(), { data: a, isLoading: n, isFetching: r, isError: i } = ha({
+  const { authToken: t } = lt(), { data: a, isLoading: n, isFetching: r, isError: i } = pa({
     queryKey: ["plugins", t == null ? void 0 : t.accessToken],
     queryFn: () => Ai(t == null ? void 0 : t.accessToken)
     // staleTime: Infinity,
@@ -4097,7 +4097,7 @@ function sc({
       icon: d.icon
     }), t == null || t();
   }
-  return ve(() => {
+  return be(() => {
     (async () => {
       var d;
       if (u) {
@@ -4111,7 +4111,7 @@ function sc({
         n(C);
       }
     })();
-  }, [u]), a.length === 0 ? null : /* @__PURE__ */ s(ae, { children: [
+  }, [u]), a.length === 0 ? null : /* @__PURE__ */ s(se, { children: [
     /* @__PURE__ */ e(at, { className: "my-2" }),
     /* @__PURE__ */ e("div", { className: "grid grid-cols-4 place-items-center", children: a.map((h, d) => /* @__PURE__ */ e(
       rc,
@@ -4130,25 +4130,25 @@ const rc = ({
   onClick: n
 }) => {
   const r = xr(), i = t.charAt(0).toUpperCase();
-  return /* @__PURE__ */ e(se, { onClick: n, tooltip: t, children: r ? /* @__PURE__ */ e(r, { className: "h-4 w-4" }) : i });
+  return /* @__PURE__ */ e(ae, { onClick: n, tooltip: t, children: r ? /* @__PURE__ */ e(r, { className: "h-4 w-4" }) : i });
 };
 function La(t) {
-  return xt({ attr: { viewBox: "0 0 256 256", fill: "currentColor" }, child: [{ tag: "path", attr: { d: "M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm87.63,96H191.48A64.1,64.1,0,0,0,136,64.52V40.37A88.13,88.13,0,0,1,215.63,120ZM120,120H80.68A48.09,48.09,0,0,1,120,80.68Zm0,16v39.32A48.09,48.09,0,0,1,80.68,136Zm16,0h39.32A48.09,48.09,0,0,1,136,175.32Zm0-16V80.68A48.09,48.09,0,0,1,175.32,120ZM120,40.37V64.52A64.1,64.1,0,0,0,64.52,120H40.37A88.13,88.13,0,0,1,120,40.37ZM40.37,136H64.52A64.1,64.1,0,0,0,120,191.48v24.15A88.13,88.13,0,0,1,40.37,136ZM136,215.63V191.48A64.1,64.1,0,0,0,191.48,136h24.15A88.13,88.13,0,0,1,136,215.63Z" }, child: [] }] })(t);
+  return Nt({ attr: { viewBox: "0 0 256 256", fill: "currentColor" }, child: [{ tag: "path", attr: { d: "M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm87.63,96H191.48A64.1,64.1,0,0,0,136,64.52V40.37A88.13,88.13,0,0,1,215.63,120ZM120,120H80.68A48.09,48.09,0,0,1,120,80.68Zm0,16v39.32A48.09,48.09,0,0,1,80.68,136Zm16,0h39.32A48.09,48.09,0,0,1,136,175.32Zm0-16V80.68A48.09,48.09,0,0,1,175.32,120ZM120,40.37V64.52A64.1,64.1,0,0,0,64.52,120H40.37A88.13,88.13,0,0,1,120,40.37ZM40.37,136H64.52A64.1,64.1,0,0,0,120,191.48v24.15A88.13,88.13,0,0,1,40.37,136ZM136,215.63V191.48A64.1,64.1,0,0,0,191.48,136h24.15A88.13,88.13,0,0,1,136,215.63Z" }, child: [] }] })(t);
 }
 function ic(t) {
-  return xt({ attr: { viewBox: "0 0 256 256", fill: "currentColor" }, child: [{ tag: "path", attr: { d: "M48,180c0,11,7.18,20,16,20a14.24,14.24,0,0,0,10.22-4.66A8,8,0,0,1,85.78,206.4,30.06,30.06,0,0,1,64,216c-17.65,0-32-16.15-32-36s14.35-36,32-36a30.06,30.06,0,0,1,21.78,9.6,8,8,0,0,1-11.56,11.06A14.24,14.24,0,0,0,64,160C55.18,160,48,169,48,180Zm79.6-8.69c-4-1.16-8.14-2.35-10.45-3.84-1.25-.81-1.23-1-1.12-1.9a4.57,4.57,0,0,1,2-3.67c4.6-3.12,15.34-1.73,19.82-.56A8,8,0,0,0,142,145.86c-2.12-.55-21-5.22-32.84,2.76a20.58,20.58,0,0,0-9,14.95c-2,15.88,13.65,20.41,23,23.11,12.06,3.49,13.12,4.92,12.78,7.59-.31,2.41-1.26,3.34-2.14,3.93-4.6,3.06-15.17,1.56-19.55.36A8,8,0,0,0,109.94,214a61.34,61.34,0,0,0,15.19,2c5.82,0,12.3-1,17.49-4.46a20.82,20.82,0,0,0,9.19-15.23C154,179,137.49,174.17,127.6,171.31Zm83.09-26.84a8,8,0,0,0-10.23,4.84L188,184.21l-12.47-34.9a8,8,0,0,0-15.07,5.38l20,56a8,8,0,0,0,15.07,0l20-56A8,8,0,0,0,210.69,144.47ZM216,88v24a8,8,0,0,1-16,0V96H152a8,8,0,0,1-8-8V40H56v72a8,8,0,0,1-16,0V40A16,16,0,0,1,56,24h96a8,8,0,0,1,5.66,2.34l56,56A8,8,0,0,1,216,88Zm-27.31-8L160,51.31V80Z" }, child: [] }] })(t);
+  return Nt({ attr: { viewBox: "0 0 256 256", fill: "currentColor" }, child: [{ tag: "path", attr: { d: "M48,180c0,11,7.18,20,16,20a14.24,14.24,0,0,0,10.22-4.66A8,8,0,0,1,85.78,206.4,30.06,30.06,0,0,1,64,216c-17.65,0-32-16.15-32-36s14.35-36,32-36a30.06,30.06,0,0,1,21.78,9.6,8,8,0,0,1-11.56,11.06A14.24,14.24,0,0,0,64,160C55.18,160,48,169,48,180Zm79.6-8.69c-4-1.16-8.14-2.35-10.45-3.84-1.25-.81-1.23-1-1.12-1.9a4.57,4.57,0,0,1,2-3.67c4.6-3.12,15.34-1.73,19.82-.56A8,8,0,0,0,142,145.86c-2.12-.55-21-5.22-32.84,2.76a20.58,20.58,0,0,0-9,14.95c-2,15.88,13.65,20.41,23,23.11,12.06,3.49,13.12,4.92,12.78,7.59-.31,2.41-1.26,3.34-2.14,3.93-4.6,3.06-15.17,1.56-19.55.36A8,8,0,0,0,109.94,214a61.34,61.34,0,0,0,15.19,2c5.82,0,12.3-1,17.49-4.46a20.82,20.82,0,0,0,9.19-15.23C154,179,137.49,174.17,127.6,171.31Zm83.09-26.84a8,8,0,0,0-10.23,4.84L188,184.21l-12.47-34.9a8,8,0,0,0-15.07,5.38l20,56a8,8,0,0,0,15.07,0l20-56A8,8,0,0,0,210.69,144.47ZM216,88v24a8,8,0,0,1-16,0V96H152a8,8,0,0,1-8-8V40H56v72a8,8,0,0,1-16,0V40A16,16,0,0,1,56,24h96a8,8,0,0,1,5.66,2.34l56,56A8,8,0,0,1,216,88Zm-27.31-8L160,51.31V80Z" }, child: [] }] })(t);
 }
 function Ra(t) {
-  return xt({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M6 16m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0" }, child: [] }, { tag: "path", attr: { d: "M16 19m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" }, child: [] }, { tag: "path", attr: { d: "M14.5 7.5m-4.5 0a4.5 4.5 0 1 0 9 0a4.5 4.5 0 1 0 -9 0" }, child: [] }] })(t);
+  return Nt({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M6 16m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0" }, child: [] }, { tag: "path", attr: { d: "M16 19m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" }, child: [] }, { tag: "path", attr: { d: "M14.5 7.5m-4.5 0a4.5 4.5 0 1 0 9 0a4.5 4.5 0 1 0 -9 0" }, child: [] }] })(t);
 }
 function Va(t) {
-  return xt({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M4.387 3h15.226a1 1 0 0 1 .948 1.316l-5.105 15.316a2 2 0 0 1 -1.898 1.368h-3.116a2 2 0 0 1 -1.898 -1.368l-5.104 -15.316a1 1 0 0 1 .947 -1.316" }, child: [] }, { tag: "path", attr: { d: "M5 9h14" }, child: [] }, { tag: "path", attr: { d: "M7 15h10" }, child: [] }] })(t);
+  return Nt({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M4.387 3h15.226a1 1 0 0 1 .948 1.316l-5.105 15.316a2 2 0 0 1 -1.898 1.368h-3.116a2 2 0 0 1 -1.898 -1.368l-5.104 -15.316a1 1 0 0 1 .947 -1.316" }, child: [] }, { tag: "path", attr: { d: "M5 9h14" }, child: [] }, { tag: "path", attr: { d: "M7 15h10" }, child: [] }] })(t);
 }
 function ja(t) {
-  return xt({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" }, child: [] }, { tag: "path", attr: { d: "m2 19.99 7.5-7.51 4 4 7.09-7.97L22 9.92l-8.5 9.56-4-4-6 6.01-1.5-1.5zm1.5-4.5 6-6.01 4 4L22 3.92l-1.41-1.41-7.09 7.97-4-4L2 13.99l1.5 1.5z" }, child: [] }] })(t);
+  return Nt({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" }, child: [] }, { tag: "path", attr: { d: "m2 19.99 7.5-7.51 4 4 7.09-7.97L22 9.92l-8.5 9.56-4-4-6 6.01-1.5-1.5zm1.5-4.5 6-6.01 4 4L22 3.92l-1.41-1.41-7.09 7.97-4-4L2 13.99l1.5 1.5z" }, child: [] }] })(t);
 }
 function qa(t) {
-  return xt({ attr: { version: "1.2", baseProfile: "tiny", viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M4 18c-.552 0-1-.448-1-1v-6.382l-.553.276c-.495.248-1.095.046-1.342-.447-.247-.494-.046-1.094.448-1.342l2-1c.31-.155.678-.139.973.044.294.183.474.504.474.851v8c0 .552-.448 1-1 1zM13 18h-5c-.404 0-.769-.244-.924-.617-.155-.374-.069-.804.217-1.09l4-4c.254-.254.394-.591.394-.95 0-.358-.14-.695-.394-.949-.508-.508-1.39-.508-1.9.001-.253.252-.393.589-.393.948 0 .552-.448 1-1 1s-1-.448-1-1c0-.894.348-1.733.98-2.364 1.265-1.263 3.464-1.263 4.727.001.632.631.979 1.471.979 2.363 0 .893-.348 1.733-.979 2.364l-2.293 2.293h2.586c.552 0 1 .448 1 1s-.448 1-1 1zM20.955 12.377c.338-.457.545-1.016.545-1.627 0-1.517-1.234-2.75-2.75-2.75-1.031 0-1.966.569-2.44 1.484-.254.49-.063 1.094.428 1.348.49.254 1.094.062 1.348-.428.128-.249.383-.404.664-.404.414 0 .75.336.75.75s-.336.75-.75.75c-.552 0-1 .448-1 1s.448 1 1 1c.689 0 1.25.561 1.25 1.25s-.561 1.25-1.25 1.25-1.25-.561-1.25-1.25c0-.552-.448-1-1-1s-1 .448-1 1c0 1.792 1.458 3.25 3.25 3.25s3.25-1.458 3.25-3.25c0-.939-.406-1.779-1.045-2.373z" }, child: [] }] })(t);
+  return Nt({ attr: { version: "1.2", baseProfile: "tiny", viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M4 18c-.552 0-1-.448-1-1v-6.382l-.553.276c-.495.248-1.095.046-1.342-.447-.247-.494-.046-1.094.448-1.342l2-1c.31-.155.678-.139.973.044.294.183.474.504.474.851v8c0 .552-.448 1-1 1zM13 18h-5c-.404 0-.769-.244-.924-.617-.155-.374-.069-.804.217-1.09l4-4c.254-.254.394-.591.394-.95 0-.358-.14-.695-.394-.949-.508-.508-1.39-.508-1.9.001-.253.252-.393.589-.393.948 0 .552-.448 1-1 1s-1-.448-1-1c0-.894.348-1.733.98-2.364 1.265-1.263 3.464-1.263 4.727.001.632.631.979 1.471.979 2.363 0 .893-.348 1.733-.979 2.364l-2.293 2.293h2.586c.552 0 1 .448 1 1s-.448 1-1 1zM20.955 12.377c.338-.457.545-1.016.545-1.627 0-1.517-1.234-2.75-2.75-2.75-1.031 0-1.966.569-2.44 1.484-.254.49-.063 1.094.428 1.348.49.254 1.094.062 1.348-.428.128-.249.383-.404.664-.404.414 0 .75.336.75.75s-.336.75-.75.75c-.552 0-1 .448-1 1s.448 1 1 1c.689 0 1.25.561 1.25 1.25s-.561 1.25-1.25 1.25-1.25-.561-1.25-1.25c0-.552-.448-1-1-1s-1 .448-1 1c0 1.792 1.458 3.25 3.25 3.25s3.25-1.458 3.25-3.25c0-.939-.406-1.779-1.045-2.373z" }, child: [] }] })(t);
 }
 function Cr({
   onChartTypeChange: t,
@@ -4163,37 +4163,37 @@ function Cr({
   const h = 1e3;
   return /* @__PURE__ */ s("div", { className: "grid grid-cols-5 place-items-center", children: [
     /* @__PURE__ */ e(
-      se,
+      ae,
       {
         openDelay: h,
         tooltip: "Table",
         onClick: () => c("table"),
         className: "h-10 p-4",
-        children: /* @__PURE__ */ e(Fn, { className: _("size-5", a) })
+        children: /* @__PURE__ */ e(Ln, { className: _("size-5", a) })
       }
     ),
     /* @__PURE__ */ e(
-      se,
+      ae,
       {
         openDelay: h,
         tooltip: "Bar Chart",
         onClick: () => c("bar"),
         className: "h-10 p-4",
-        children: /* @__PURE__ */ e(An, { className: _("size-5", a) })
+        children: /* @__PURE__ */ e(zn, { className: _("size-5", a) })
       }
     ),
     /* @__PURE__ */ e(
-      se,
+      ae,
       {
         openDelay: h,
         tooltip: "Line Chart",
         onClick: () => c("line"),
         className: "h-10 p-4",
-        children: /* @__PURE__ */ e(zn, { className: _("size-5", a) })
+        children: /* @__PURE__ */ e(Fn, { className: _("size-5", a) })
       }
     ),
     /* @__PURE__ */ e(
-      se,
+      ae,
       {
         openDelay: h,
         tooltip: "Stacked Bar Chart",
@@ -4203,7 +4203,7 @@ function Cr({
       }
     ),
     /* @__PURE__ */ e(
-      se,
+      ae,
       {
         openDelay: h,
         tooltip: "Stacked Line Chart",
@@ -4219,7 +4219,7 @@ function Cr({
       }
     ),
     /* @__PURE__ */ e(
-      se,
+      ae,
       {
         openDelay: h,
         tooltip: "Scatter Chart",
@@ -4229,7 +4229,7 @@ function Cr({
       }
     ),
     /* @__PURE__ */ e(
-      se,
+      ae,
       {
         openDelay: h,
         tooltip: "Bubble Chart",
@@ -4239,7 +4239,7 @@ function Cr({
       }
     ),
     /* @__PURE__ */ e(
-      se,
+      ae,
       {
         openDelay: h,
         tooltip: "Pie Chart",
@@ -4249,7 +4249,7 @@ function Cr({
       }
     ),
     /* @__PURE__ */ e(
-      se,
+      ae,
       {
         openDelay: h,
         tooltip: "Doughnut Chart",
@@ -4259,7 +4259,7 @@ function Cr({
       }
     ),
     /* @__PURE__ */ e(
-      se,
+      ae,
       {
         openDelay: h,
         tooltip: "Funnel Chart",
@@ -4269,7 +4269,7 @@ function Cr({
       }
     ),
     /* @__PURE__ */ e(
-      se,
+      ae,
       {
         openDelay: h,
         tooltip: "Radar Chart",
@@ -4279,7 +4279,7 @@ function Cr({
       }
     ),
     /* @__PURE__ */ e(
-      se,
+      ae,
       {
         openDelay: h,
         tooltip: "Polar Area Chart",
@@ -4289,7 +4289,7 @@ function Cr({
       }
     ),
     /* @__PURE__ */ e(
-      se,
+      ae,
       {
         openDelay: h,
         tooltip: "Tornado Chart",
@@ -4299,7 +4299,7 @@ function Cr({
       }
     ),
     /* @__PURE__ */ e(
-      se,
+      ae,
       {
         tooltip: "Range Chart",
         onClick: () => c("range"),
@@ -4308,7 +4308,7 @@ function Cr({
       }
     ),
     /* @__PURE__ */ e(
-      se,
+      ae,
       {
         openDelay: h,
         tooltip: "KPI",
@@ -4318,7 +4318,7 @@ function Cr({
       }
     ),
     /* @__PURE__ */ e(
-      se,
+      ae,
       {
         openDelay: h,
         tooltip: "Text",
@@ -4328,7 +4328,7 @@ function Cr({
       }
     ),
     /* @__PURE__ */ e(
-      se,
+      ae,
       {
         tooltip: "Map",
         onClick: () => c("map"),
@@ -4337,7 +4337,7 @@ function Cr({
       }
     ),
     /* @__PURE__ */ e(
-      se,
+      ae,
       {
         openDelay: h,
         tooltip: "Custom",
@@ -4357,9 +4357,9 @@ function lc({
   const i = xr();
   switch (t) {
     case "bar":
-      return /* @__PURE__ */ e(An, { className: a });
-    case "line":
       return /* @__PURE__ */ e(zn, { className: a });
+    case "line":
+      return /* @__PURE__ */ e(Fn, { className: a });
     case "pie":
       return /* @__PURE__ */ e(Sa, { className: a });
     case "radar":
@@ -4392,7 +4392,7 @@ function lc({
     case "custom":
       return n && i ? /* @__PURE__ */ e(i, { className: a }) : r ? r == null ? void 0 : r.charAt(0).toUpperCase() : /* @__PURE__ */ e(Ea, { className: a });
     default:
-      return /* @__PURE__ */ e(Fn, { className: a });
+      return /* @__PURE__ */ e(Ln, { className: a });
   }
 }
 function wr({
@@ -4418,7 +4418,7 @@ function wr({
       }
     ) }),
     /* @__PURE__ */ s(
-      ya,
+      ba,
       {
         onOpenAutoFocus: (u) => u.preventDefault(),
         className: "w-72 p-1",
@@ -4455,12 +4455,12 @@ function oc() {
     ((B = (R = (A = n == null ? void 0 : n.chartOptions) == null ? void 0 : A.scales) == null ? void 0 : R[i]) == null ? void 0 : B.min) || ""
   ), [h, d] = V(
     ((re = (j = ($ = n == null ? void 0 : n.chartOptions) == null ? void 0 : $.scales) == null ? void 0 : j[i]) == null ? void 0 : re.max) || ""
-  ), [m, C] = V(u || h ? "custom" : "auto"), [g, y] = V(""), [p, N] = V(0), [f, M] = V(""), [E, D] = V(""), [v, x] = V(""), b = T(
+  ), [m, C] = V(u || h ? "custom" : "auto"), [g, y] = V(""), [p, N] = V(0), [f, M] = V(""), [E, D] = V(""), [b, x] = V(""), v = T(
     (ee) => ee.actions.setCardPreferences
   ), { updateCardInFrame: S } = X(), O = T((ee) => ee.card), I = ["pie", "doughnut", "polarArea", "funnel"].includes(
     r
   );
-  ve(() => {
+  be(() => {
     var ee, W, te, Y, J, K, Z, ne, ye, Ve, Q, ie, Me, Qe;
     o(ls(n, r)), c(
       ((te = (W = (ee = n == null ? void 0 : n.chartOptions) == null ? void 0 : ee.scales) == null ? void 0 : W[i]) == null ? void 0 : te.min) === 0 ? 0 : ""
@@ -4475,7 +4475,7 @@ function oc() {
     const ee = [
       ...new Set(rn.map((W) => W.currency))
     ];
-    return /* @__PURE__ */ s(ae, { children: [
+    return /* @__PURE__ */ s(se, { children: [
       /* @__PURE__ */ s("div", { className: "grid grid-cols-6 items-center gap-2", children: [
         /* @__PURE__ */ e(
           H,
@@ -4507,7 +4507,7 @@ function oc() {
             ]
           }
         ),
-        /* @__PURE__ */ s(le, { value: v, onValueChange: (W) => x(W), children: [
+        /* @__PURE__ */ s(le, { value: b, onValueChange: (W) => x(W), children: [
           /* @__PURE__ */ e(
             oe,
             {
@@ -4536,7 +4536,7 @@ function oc() {
     ] });
   }
   function F() {
-    return /* @__PURE__ */ s(ae, { children: [
+    return /* @__PURE__ */ s(se, { children: [
       /* @__PURE__ */ e("div", { className: "mt-4 space-y-2", children: /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: "Set the scale for number axis" }) }),
       /* @__PURE__ */ s("div", { className: "mt-2 grid grid-cols-3 items-center gap-2", children: [
         /* @__PURE__ */ e(H, { htmlFor: "scale", children: "Type" }),
@@ -4586,7 +4586,7 @@ function oc() {
     ] });
   }
   function z() {
-    return /* @__PURE__ */ s(ae, { children: [
+    return /* @__PURE__ */ s(se, { children: [
       /* @__PURE__ */ s("div", { className: "grid grid-cols-3 items-center gap-2", children: [
         /* @__PURE__ */ e(H, { htmlFor: "range", children: "Range" }),
         /* @__PURE__ */ e(
@@ -4649,10 +4649,10 @@ function oc() {
         decimalPlaces: p,
         suffix: f,
         currency: E,
-        locale: v
+        locale: b
       }
     };
-    console.log(W), b(W);
+    console.log(W), v(W);
     const te = {
       ...O,
       preferences: W
@@ -4660,8 +4660,8 @@ function oc() {
     S(te);
   }
   return /* @__PURE__ */ s(Ye, { onOpenChange: (ee) => a(ee), children: [
-    /* @__PURE__ */ e(Ke, { asChild: !0, children: /* @__PURE__ */ e(se, { tooltip: "Format Number", children: /* @__PURE__ */ e(Ql, { className: "size-4" }) }) }),
-    /* @__PURE__ */ e(ya, { align: "end", className: "max-w-65", children: /* @__PURE__ */ s("div", { className: "grid gap-4", children: [
+    /* @__PURE__ */ e(Ke, { asChild: !0, children: /* @__PURE__ */ e(ae, { tooltip: "Format Number", children: /* @__PURE__ */ e(Ql, { className: "size-4" }) }) }),
+    /* @__PURE__ */ e(ba, { align: "end", className: "max-w-65", children: /* @__PURE__ */ s("div", { className: "grid gap-4", children: [
       /* @__PURE__ */ s("div", { className: "space-y-2", children: [
         /* @__PURE__ */ e("h4", { className: "font-medium leading-none", children: "Format Options" }),
         /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: "Set the format for number axis" })
@@ -4720,8 +4720,8 @@ function cc() {
     });
   };
   return /* @__PURE__ */ s(Ye, { children: [
-    /* @__PURE__ */ e(Ke, { asChild: !0, children: /* @__PURE__ */ e(se, { tooltip: "Legend Settings", children: /* @__PURE__ */ e(io, { className: "size-4" }) }) }),
-    /* @__PURE__ */ e(ya, { align: "end", className: "w-72", children: /* @__PURE__ */ s("div", { className: "grid gap-4", children: [
+    /* @__PURE__ */ e(Ke, { asChild: !0, children: /* @__PURE__ */ e(ae, { tooltip: "Legend Settings", children: /* @__PURE__ */ e(io, { className: "size-4" }) }) }),
+    /* @__PURE__ */ e(ba, { align: "end", className: "w-72", children: /* @__PURE__ */ s("div", { className: "grid gap-4", children: [
       /* @__PURE__ */ s("div", { className: "space-y-2", children: [
         /* @__PURE__ */ e("h4", { className: "font-medium leading-none", children: "Legend Options" }),
         /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: "Set the legend options for the chart." })
@@ -4738,20 +4738,20 @@ function cc() {
             }
           ) })
         ] }),
-        n && /* @__PURE__ */ s(ae, { children: [
+        n && /* @__PURE__ */ s(se, { children: [
           /* @__PURE__ */ s("div", { className: "grid grid-cols-3 items-center gap-4", children: [
             /* @__PURE__ */ e(H, { htmlFor: "position", children: "Position" }),
             /* @__PURE__ */ s("div", { className: "col-span-2 flex h-8 items-center", children: [
               /* @__PURE__ */ e(
-                se,
+                ae,
                 {
                   tooltip: "Top",
                   onClick: () => l("top"),
-                  children: /* @__PURE__ */ e(En, { className: "size-4" })
+                  children: /* @__PURE__ */ e(An, { className: "size-4" })
                 }
               ),
               /* @__PURE__ */ e(
-                se,
+                ae,
                 {
                   tooltip: "Left",
                   onClick: () => l("left"),
@@ -4759,15 +4759,15 @@ function cc() {
                 }
               ),
               /* @__PURE__ */ e(
-                se,
+                ae,
                 {
                   tooltip: "Bottom",
                   onClick: () => l("bottom"),
-                  children: /* @__PURE__ */ e(In, { className: "size-4" })
+                  children: /* @__PURE__ */ e(En, { className: "size-4" })
                 }
               ),
               /* @__PURE__ */ e(
-                se,
+                ae,
                 {
                   tooltip: "Right",
                   onClick: () => l("right"),
@@ -4780,7 +4780,7 @@ function cc() {
             /* @__PURE__ */ e(H, { htmlFor: "align", children: "Align" }),
             /* @__PURE__ */ s("div", { className: "col-span-2 flex h-8 items-center", children: [
               /* @__PURE__ */ e(
-                se,
+                ae,
                 {
                   tooltip: "Start",
                   onClick: () => o("start"),
@@ -4788,7 +4788,7 @@ function cc() {
                 }
               ),
               /* @__PURE__ */ e(
-                se,
+                ae,
                 {
                   tooltip: "Center",
                   onClick: () => o("center"),
@@ -4796,7 +4796,7 @@ function cc() {
                 }
               ),
               /* @__PURE__ */ e(
-                se,
+                ae,
                 {
                   tooltip: "End",
                   onClick: () => o("end"),
@@ -4819,7 +4819,7 @@ function dc() {
   ), a = T((l) => l.card.type), { setChartOrientation: n } = T((l) => l.actions);
   function r() {
     return /* @__PURE__ */ e(
-      se,
+      ae,
       {
         onClick: () => {
           n(t === "x" || t === void 0 ? "y" : "x");
@@ -4831,7 +4831,7 @@ function dc() {
   }
   function i() {
     return /* @__PURE__ */ e(
-      se,
+      ae,
       {
         onClick: () => {
           n(t === "y" || t === void 0 ? "x" : "y");
@@ -4841,7 +4841,7 @@ function dc() {
       }
     );
   }
-  return /* @__PURE__ */ e(ae, { children: a === "funnel" ? i() : r() });
+  return /* @__PURE__ */ e(se, { children: a === "funnel" ? i() : r() });
 }
 function Sr() {
   const t = T((o) => o.card), a = T((o) => o.isShowingVisual), n = T(
@@ -4864,7 +4864,7 @@ function Sr() {
       "horizontalBar",
       "funnel"
     ].includes(t.type) && /* @__PURE__ */ e(dc, {}),
-    !["kpi", "text", "custom", "table"].includes(t.type) && /* @__PURE__ */ s(ae, { children: [
+    !["kpi", "text", "custom", "table"].includes(t.type) && /* @__PURE__ */ s(se, { children: [
       /* @__PURE__ */ e(oc, {}),
       /* @__PURE__ */ e(cc, {})
     ] }),
@@ -4879,10 +4879,10 @@ function Sr() {
       "kpi",
       "text",
       "map"
-    ].includes(t.type) && /* @__PURE__ */ s(se, { tooltip: "Grid Style", onClick: l, children: [
+    ].includes(t.type) && /* @__PURE__ */ s(ae, { tooltip: "Grid Style", onClick: l, children: [
       (r === "xy" || !r) && /* @__PURE__ */ e(ao, { className: "size-4" }),
       r === "x" && /* @__PURE__ */ e(Ul, { className: "size-4" }),
-      r === "y" && /* @__PURE__ */ e(vo, { className: "size-4" }),
+      r === "y" && /* @__PURE__ */ e(bo, { className: "size-4" }),
       r === "none" && /* @__PURE__ */ e(No, { className: "size-4" })
     ] })
   ] }) : null;
@@ -4918,7 +4918,7 @@ function uc() {
   function m() {
     const y = {
       ...a,
-      id: kt(),
+      id: Mt(),
       title: `${a.title} Copy`,
       tabTitle: `${a.tabTitle || a.title} Copy`
     };
@@ -4931,7 +4931,7 @@ function uc() {
       lastSelectedSchema: y.lastSelectedSchema,
       lastSelectedTable: y.lastSelectedTable,
       lastSelectedDatamodelId: y.lastSelectedDatamodelId,
-      id: kt(),
+      id: Mt(),
       title: "Title",
       description: "",
       preferences: {
@@ -4976,7 +4976,7 @@ function uc() {
         children: [
           g(t, y),
           /* @__PURE__ */ e(
-            Ct,
+            wt,
             {
               enabled: t.activeCardId === y.id,
               text: y.tabTitle || y.title,
@@ -4988,7 +4988,7 @@ function uc() {
             y.id
           ),
           t.activeCardId === y.id && t.cards.length > 1 && /* @__PURE__ */ e(
-            be,
+            ve,
             {
               className: "ml-2 size-3.5 text-muted-foreground hover:text-foreground",
               onClick: () => h(y.id)
@@ -5043,14 +5043,14 @@ function kr() {
     f.sql && c(!0), o(f);
   }
   function y() {
-    return a.type === "kpi" ? /* @__PURE__ */ e("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e(Ri, { card: a, data: h == null ? void 0 : h.records, isPending: d }) }) }) : a.type === "text" ? /* @__PURE__ */ e("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e(bt, { className: "mx-3 my-6 h-[300px] overflow-y-auto break-words px-3", children: /* @__PURE__ */ e(
+    return a.type === "kpi" ? /* @__PURE__ */ e("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e(Ri, { card: a, data: h == null ? void 0 : h.records, isPending: d }) }) }) : a.type === "text" ? /* @__PURE__ */ e("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e(xt, { className: "mx-3 my-6 h-[300px] overflow-y-auto break-words px-3", children: /* @__PURE__ */ e(
       Vi,
       {
         isLoading: n,
         card: a,
         data: h == null ? void 0 : h.records
       }
-    ) }) }) }) : /* @__PURE__ */ e(Dn, { FallbackComponent: Hs, children: /* @__PURE__ */ e(br, { className: "grow border-none shadow-none" }) });
+    ) }) }) }) : /* @__PURE__ */ e(Dn, { FallbackComponent: Hs, children: /* @__PURE__ */ e(vr, { className: "grow border-none shadow-none" }) });
   }
   return /* @__PURE__ */ s(
     Qt,
@@ -5074,8 +5074,8 @@ function en({
   T((E) => E.actions.setRunSql);
   const { setFrame: o, setCard: u, setActiveTabCardId: c, runAssistant: h, setIsDevMode: d } = X(), { data: m, isLoading: C, isFetching: g, error: y } = Ee(a);
   function p() {
-    const E = JSON.stringify(m == null ? void 0 : m.records, null, 2), D = new Blob([E], { type: "application/json" }), v = URL.createObjectURL(D), x = document.createElement("a");
-    x.href = v, x.download = `${a.title}.json`, x.click();
+    const E = JSON.stringify(m == null ? void 0 : m.records, null, 2), D = new Blob([E], { type: "application/json" }), b = URL.createObjectURL(D), x = document.createElement("a");
+    x.href = b, x.download = `${a.title}.json`, x.click();
   }
   function N() {
     const D = [
@@ -5084,8 +5084,8 @@ function en({
       ).join(","),
       ...((m == null ? void 0 : m.records) || []).map((S) => Object.values(S).join(","))
     ].join(`
-`), v = new Blob([D], { type: "text/csv" }), x = URL.createObjectURL(v), b = document.createElement("a");
-    b.href = x, b.download = `${a.title}.csv`, b.click();
+`), b = new Blob([D], { type: "text/csv" }), x = URL.createObjectURL(b), v = document.createElement("a");
+    v.href = x, v.download = `${a.title}.csv`, v.click();
   }
   function f() {
     const E = `Can you get the documentation for ${a.type} chart?`;
@@ -5104,7 +5104,7 @@ function en({
             children: [
               r && /* @__PURE__ */ s("div", { className: "flex grow items-center", children: [
                 /* @__PURE__ */ e(wr, {}),
-                i && /* @__PURE__ */ e(se, { tooltip: "Visual Docs", onClick: f, children: /* @__PURE__ */ e(jl, { className: "size-4" }) }),
+                i && /* @__PURE__ */ e(ae, { tooltip: "Visual Docs", onClick: f, children: /* @__PURE__ */ e(jl, { className: "size-4" }) }),
                 !["table", "custom"].includes(a.type) && i && /* @__PURE__ */ e(ac, {})
               ] }),
               !r && /* @__PURE__ */ s("div", { className: "flex grow items-center gap-1", children: [
@@ -5150,7 +5150,7 @@ function en({
             className: "px-6",
             direction: "horizontal",
             children: [
-              l && /* @__PURE__ */ s(ae, { children: [
+              l && /* @__PURE__ */ s(se, { children: [
                 /* @__PURE__ */ e(
                   Ce,
                   {
@@ -5182,7 +5182,7 @@ function en({
         )
       ]
     }
-  ) : /* @__PURE__ */ e(ae, { children: "No Active Card" });
+  ) : /* @__PURE__ */ e(se, { children: "No Active Card" });
 }
 function mc() {
   const t = T((n) => n.pythonStdOut);
@@ -5190,7 +5190,7 @@ function mc() {
   const a = t.replace(/\n/g, "<br>");
   return /* @__PURE__ */ s("div", { className: "relative flex w-full flex-col border-r", children: [
     /* @__PURE__ */ e("div", { className: "sticky top-0 flex max-h-11 min-h-11 grow items-center border-b bg-muted px-3 font-mono text-xs font-semibold text-foreground/70", children: "Python Output" }),
-    /* @__PURE__ */ s(bt, { className: "overflow-y-auto px-2 pt-1 font-mono text-xs text-foreground/90", children: [
+    /* @__PURE__ */ s(xt, { className: "overflow-y-auto px-2 pt-1 font-mono text-xs text-foreground/90", children: [
       /* @__PURE__ */ e("div", { dangerouslySetInnerHTML: { __html: a } }),
       /* @__PURE__ */ e(He, { orientation: "horizontal" })
     ] })
@@ -5238,28 +5238,28 @@ function pc() {
   }
   function m(f) {
     var E, D;
-    const M = (E = i == null ? void 0 : i.cards) == null ? void 0 : E.filter((v) => {
+    const M = (E = i == null ? void 0 : i.cards) == null ? void 0 : E.filter((b) => {
       var x;
-      return ((x = v == null ? void 0 : v.customCardPreferences) == null ? void 0 : x.visualType) !== "multiple";
-    }).map((v) => ({
-      value: v.id,
-      label: v.tabTitle || v.title
+      return ((x = b == null ? void 0 : b.customCardPreferences) == null ? void 0 : x.visualType) !== "multiple";
+    }).map((b) => ({
+      value: b.id,
+      label: b.tabTitle || b.title
     }));
-    return /* @__PURE__ */ e("div", { className: "space-y-2", children: (D = f == null ? void 0 : f.dataInputs) == null ? void 0 : D.map((v, x) => {
-      var b, S;
+    return /* @__PURE__ */ e("div", { className: "space-y-2", children: (D = f == null ? void 0 : f.dataInputs) == null ? void 0 : D.map((b, x) => {
+      var v, S;
       return /* @__PURE__ */ s(
         "div",
         {
           className: "grid grid-cols-10 gap-2",
           children: [
-            /* @__PURE__ */ e("div", { className: "col-span-4 flex items-center", children: v }),
+            /* @__PURE__ */ e("div", { className: "col-span-4 flex items-center", children: b }),
             /* @__PURE__ */ e(
               Fe,
               {
                 className: "col-span-6 h-8 w-full justify-between",
                 label: "",
                 options: M || [],
-                value: ((S = (b = t == null ? void 0 : t.dataInputCardIds) == null ? void 0 : b[x]) == null ? void 0 : S.cardId) || "",
+                value: ((S = (v = t == null ? void 0 : t.dataInputCardIds) == null ? void 0 : v[x]) == null ? void 0 : S.cardId) || "",
                 onValueChange: (O) => d(x, O)
               }
             )
@@ -5270,18 +5270,18 @@ function pc() {
     }) });
   }
   function C(f, M, E = [], D = "") {
-    var v, x;
+    var b, x;
     return t ? f === "input" ? /* @__PURE__ */ e(
       we,
       {
         className: `h-8 w-full ${Ze}`,
-        value: ((v = t == null ? void 0 : t.settings) == null ? void 0 : v[M]) || D,
-        onChange: (b) => {
+        value: ((b = t == null ? void 0 : t.settings) == null ? void 0 : b[M]) || D,
+        onChange: (v) => {
           o({
             ...t,
             settings: {
               ...t == null ? void 0 : t.settings,
-              [M]: b.target.value
+              [M]: v.target.value
             }
           });
         }
@@ -5294,10 +5294,10 @@ function pc() {
         label: "",
         options: E,
         value: ((x = t == null ? void 0 : t.settings) == null ? void 0 : x[M]) || D,
-        onValueChange: (b) => {
+        onValueChange: (v) => {
           o({
             ...t,
-            settings: { ...t == null ? void 0 : t.settings, [M]: b }
+            settings: { ...t == null ? void 0 : t.settings, [M]: v }
           });
         }
       }
@@ -5362,7 +5362,7 @@ function pc() {
                 }
               )
             ] }) }),
-            ((t == null ? void 0 : t.type) === "component" || (t == null ? void 0 : t.type) === void 0) && t && /* @__PURE__ */ e(ae, { children: u && /* @__PURE__ */ e(
+            ((t == null ? void 0 : t.type) === "component" || (t == null ? void 0 : t.type) === void 0) && t && /* @__PURE__ */ e(se, { children: u && /* @__PURE__ */ e(
               Fe,
               {
                 icon: /* @__PURE__ */ e(Yl, { className: "h-3.5 w-3.5" }),
@@ -5397,7 +5397,7 @@ function pc() {
     }
   );
 }
-function Nt() {
+function Ct() {
   const [t, a] = V([]), n = T((h) => h.card.preferences), { setFilterOnClickColumnIndex: r, setCardPreferences: i } = T(
     (h) => h.actions
   ), l = T(
@@ -5408,7 +5408,7 @@ function Nt() {
       var d;
       return (d = h.card.preferences) == null ? void 0 : d.filterOnClickColumnIndex;
     }
-  ), ve(() => {
+  ), be(() => {
     l && a(new Array(l.length).fill(!1));
   }, [l]);
   function o(h, d) {
@@ -5560,13 +5560,13 @@ function fc({ idx: t }) {
   }
   return /* @__PURE__ */ s(Ye, { children: [
     /* @__PURE__ */ e(Ke, { children: /* @__PURE__ */ e(lr, { className: "size-4 rotate-[135deg] cursor-pointer text-muted-foreground hover:text-foreground" }) }),
-    /* @__PURE__ */ e(It, { className: "w-fit px-2 py-1", children: /* @__PURE__ */ s("div", { className: "flex gap-1", children: [
+    /* @__PURE__ */ e(Et, { className: "w-fit px-2 py-1", children: /* @__PURE__ */ s("div", { className: "flex gap-1", children: [
       /* @__PURE__ */ e(
         "button",
         {
           onClick: () => o("none", t),
           className: "h-7 p-1 text-xs font-normal",
-          children: /* @__PURE__ */ e(be, { className: "size-3.5" })
+          children: /* @__PURE__ */ e(ve, { className: "size-3.5" })
         }
       ),
       /* @__PURE__ */ e(
@@ -5618,7 +5618,7 @@ function fc({ idx: t }) {
   ] });
 }
 function Mr() {
-  const t = T((l) => l.card), { data: a } = Ee(t), { keys: n } = Kn((a == null ? void 0 : a.records) || []), r = n.slice(1).filter((l) => !Pi.includes(l));
+  const t = T((l) => l.card), { data: a } = Ee(t), { keys: n } = Qn((a == null ? void 0 : a.records) || []), r = n.slice(1).filter((l) => !Pi.includes(l));
   let i = r;
   if (["stackedBar", "stackedLine"].includes(t.type)) {
     const l = _i({
@@ -5626,7 +5626,7 @@ function Mr() {
       groupKey: n[0],
       pivotKey: n[1],
       valueKey: n[2]
-    }), { keys: o } = Kn(l);
+    }), { keys: o } = Qn(l);
     i = o.slice(1);
   }
   return {
@@ -5642,7 +5642,7 @@ function hn({
   delayDuration: n
 }) {
   return /* @__PURE__ */ e(Yt, { children: /* @__PURE__ */ s(yt, { delayDuration: n, children: [
-    /* @__PURE__ */ e(Et, { asChild: !0, children: /* @__PURE__ */ e(
+    /* @__PURE__ */ e(At, { asChild: !0, children: /* @__PURE__ */ e(
       "span",
       {
         className: _(
@@ -5652,7 +5652,7 @@ function hn({
         children: t
       }
     ) }),
-    /* @__PURE__ */ e(vt, { children: t })
+    /* @__PURE__ */ e(bt, { children: t })
   ] }) });
 }
 function Tr() {
@@ -5745,7 +5745,7 @@ function Or({
         i || /* @__PURE__ */ e(hn, { className: "max-w-[100px]", title: t, children: Dr(t) }),
         /* @__PURE__ */ s("div", { className: "flex gap-2", children: [
           /* @__PURE__ */ e(
-            An,
+            zn,
             {
               onClick: () => h("bar"),
               className: _(
@@ -5755,7 +5755,7 @@ function Or({
             }
           ),
           /* @__PURE__ */ e(
-            zn,
+            Fn,
             {
               onClick: () => h("line"),
               className: _(
@@ -5781,9 +5781,9 @@ function Or({
   );
 }
 function Ir() {
-  const t = T((g) => g.selectedConnectionId), a = T((g) => g.selectedDatamodelId), n = T((g) => g.selectedDatabaseName), r = T((g) => g.selectedSchemaName), i = T((g) => g.selectedTableName), l = G((g) => g.dashboard.filters) || [], o = G((g) => g.actions.addFilter), u = G((g) => g.actions.removeFilter), { removeFilterValues: c } = Ot(), { modelItems: h, tableName: d, connectionType: m } = Pe();
+  const t = T((g) => g.selectedConnectionId), a = T((g) => g.selectedDatamodelId), n = T((g) => g.selectedDatabaseName), r = T((g) => g.selectedSchemaName), i = T((g) => g.selectedTableName), l = G((g) => g.dashboard.filters) || [], o = G((g) => g.actions.addFilter), u = G((g) => g.actions.removeFilter), { removeFilterValues: c } = It(), { modelItems: h, tableName: d, connectionType: m } = Pe();
   function C(g, y = "dashboard") {
-    var b;
+    var v;
     const p = qe(g.column_name), N = qe(n || ""), f = qe(r || ""), M = qe(d);
     let E = $i({
       schemaName: f,
@@ -5791,17 +5791,17 @@ function Ir() {
       connectionType: m,
       databaseName: N
     }), D = `${E}.${p}`;
-    const v = (b = h == null ? void 0 : h.find(
+    const b = (v = h == null ? void 0 : h.find(
       (S) => S.id === a
-    )) == null ? void 0 : b.name;
-    a && a !== "none" && (D = `${Wa}.${v}.${p}`, E = `${Wa}.${v}`);
+    )) == null ? void 0 : v.name;
+    a && a !== "none" && (D = `${Wa}.${b}.${p}`, E = `${Wa}.${b}`);
     const x = l == null ? void 0 : l.find(
       (S) => S.column === D && S.table === M && (S.database === N || S.database === n)
     );
     if (x)
       c(x.id), u(x.id);
     else {
-      const S = kt();
+      const S = Mt();
       return d === "api" && t ? (o({
         location: y,
         id: S,
@@ -5814,7 +5814,7 @@ function Ir() {
         // database: 'NA',
         connectionId: t,
         operation: "in",
-        sql: Yn(
+        sql: Kn(
           g.data_type,
           E,
           p
@@ -5832,7 +5832,7 @@ function Ir() {
         database: n || "",
         connectionId: t || "",
         operation: "in",
-        sql: Yn(
+        sql: Kn(
           g.data_type,
           E,
           p
@@ -5879,7 +5879,7 @@ function gc({
         ]
       }
     ) }),
-    /* @__PURE__ */ e(It, { className: "w-[200px] p-0", children: /* @__PURE__ */ s(bn, { children: [
+    /* @__PURE__ */ e(Et, { className: "w-[200px] p-0", children: /* @__PURE__ */ s(vn, { children: [
       /* @__PURE__ */ e(xn, { placeholder: "Search column", className: "h-9" }),
       /* @__PURE__ */ s(Nn, { children: [
         /* @__PURE__ */ e(Cn, { children: "No framework found." }),
@@ -5946,7 +5946,7 @@ function yc({
     /* @__PURE__ */ s(he, { value: "item-3", children: [
       /* @__PURE__ */ e(pe, { children: "Filters" }),
       /* @__PURE__ */ s(fe, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e(Nt, {}),
+        /* @__PURE__ */ e(Ct, {}),
         /* @__PURE__ */ e(Lt, {})
       ] })
     ] })
@@ -5998,11 +5998,11 @@ function Ba() {
     )
   ] });
 }
-function vc({
+function bc({
   cardType: t
 }) {
   function a(n) {
-    return /* @__PURE__ */ s(ae, { children: [
+    return /* @__PURE__ */ s(se, { children: [
       /* @__PURE__ */ e("div", { className: "rounded bg-muted px-2 py-1 text-xs", children: n === "bubble" ? "SELECT label, [group], x-axis, y-axis, radius FROM table" : "SELECT label, [group], x-axis, y-axis FROM table" }),
       /* @__PURE__ */ s("ul", { className: "ml-6 list-disc text-xs [&>li]:mt-2", children: [
         /* @__PURE__ */ e("li", { children: "label - category" }),
@@ -6039,13 +6039,13 @@ function vc({
     /* @__PURE__ */ s(he, { value: "item-3", children: [
       /* @__PURE__ */ e(pe, { children: "Filters" }),
       /* @__PURE__ */ s(fe, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e(Nt, {}),
+        /* @__PURE__ */ e(Ct, {}),
         /* @__PURE__ */ e(Lt, {})
       ] })
     ] })
   ] }) });
 }
-const bc = {
+const vc = {
   datasets: [
     {
       type: "line",
@@ -6082,14 +6082,14 @@ function Nc() {
     ),
     !["kpi"].includes(t) && /* @__PURE__ */ s("div", { className: "space-y-4", children: [
       /* @__PURE__ */ e(Ba, {}),
-      /* @__PURE__ */ e(Nt, {}),
+      /* @__PURE__ */ e(Ct, {}),
       /* @__PURE__ */ e(Lt, {})
     ] })
   ] });
 }
 function Cc(t) {
   if (["line", "bar"].includes(t))
-    return /* @__PURE__ */ s(ae, { children: [
+    return /* @__PURE__ */ s(se, { children: [
       /* @__PURE__ */ s(he, { value: "item-1", children: [
         /* @__PURE__ */ e(pe, { className: "font-normal", children: /* @__PURE__ */ e("p", { children: "Chart Query" }) }),
         /* @__PURE__ */ s(fe, { className: " ", children: [
@@ -6108,7 +6108,7 @@ function Cc(t) {
             /* @__PURE__ */ e("b", { children: "Customize" }),
             " and change the `type` property in the dataset."
           ] }),
-          /* @__PURE__ */ e("pre", { children: JSON.stringify(bc, null, 2) })
+          /* @__PURE__ */ e("pre", { children: JSON.stringify(vc, null, 2) })
         ] })
       ] }),
       /* @__PURE__ */ s(he, { value: "item-3", children: [
@@ -6134,7 +6134,7 @@ function Cc(t) {
       ] })
     ] });
   if (t === "bubble")
-    return /* @__PURE__ */ e(ae, { children: /* @__PURE__ */ s(he, { value: "item-1", children: [
+    return /* @__PURE__ */ e(se, { children: /* @__PURE__ */ s(he, { value: "item-1", children: [
       /* @__PURE__ */ e(pe, { className: "font-normal", children: /* @__PURE__ */ s("p", { children: [
         "How to create a ",
         /* @__PURE__ */ e("span", { children: t }),
@@ -6152,7 +6152,7 @@ function Cc(t) {
       ] })
     ] }) });
   if (t === "scatter")
-    return /* @__PURE__ */ e(ae, { children: /* @__PURE__ */ s(he, { value: "item-1", children: [
+    return /* @__PURE__ */ e(se, { children: /* @__PURE__ */ s(he, { value: "item-1", children: [
       /* @__PURE__ */ e(pe, { className: "font-normal", children: /* @__PURE__ */ s("p", { children: [
         "How to create a ",
         /* @__PURE__ */ e("span", { children: t }),
@@ -6169,7 +6169,7 @@ function Cc(t) {
       ] })
     ] }) });
   if (["pie", "doughnut", "polarArea", "funnel"].includes(t))
-    return /* @__PURE__ */ e(ae, { children: /* @__PURE__ */ s(he, { value: "item-1", children: [
+    return /* @__PURE__ */ e(se, { children: /* @__PURE__ */ s(he, { value: "item-1", children: [
       /* @__PURE__ */ e(pe, { className: "font-normal", children: /* @__PURE__ */ s("p", { children: [
         /* @__PURE__ */ e("span", { children: t === "polarArea" ? "Polar" : t.charAt(0).toUpperCase() + t.slice(1) }),
         " ",
@@ -6381,7 +6381,7 @@ function Sc() {
     /* @__PURE__ */ e("div", {})
   ] });
 }
-function Gn({
+function Jn({
   children: t,
   summary: a,
   open: n,
@@ -6503,17 +6503,17 @@ const kc = [
   value: t
 }));
 function Dc() {
-  var c, h, d, m, C, g, y, p, N, f, M, E, D, v, x, b, S, O;
+  var c, h, d, m, C, g, y, p, N, f, M, E, D, b, x, v, S, O;
   const t = T((I) => I.card), a = (h = (c = t == null ? void 0 : t.preferences) == null ? void 0 : c.mapVisualOptions) == null ? void 0 : h.topoJsonUrl, [n, r] = V(
     ((m = (d = t == null ? void 0 : t.preferences) == null ? void 0 : d.mapVisualOptions) == null ? void 0 : m.customTopoJsonUrl) || ""
-  ), { setCardPreferences: i } = X(), { data: l } = ga(t), o = Object.keys((l == null ? void 0 : l.objects) || {}).map((I) => ({
+  ), { setCardPreferences: i } = X(), { data: l } = ya(t), o = Object.keys((l == null ? void 0 : l.objects) || {}).map((I) => ({
     label: I,
     value: I
   })) || [];
   return /* @__PURE__ */ s("div", { className: "p-6", children: [
-    /* @__PURE__ */ e(Gn, { summary: "Map Chart", children: /* @__PURE__ */ e("p", { className: "rounded-md bg-muted p-2 font-mono text-xs", children: "SELECT country, value FROM table" }) }),
+    /* @__PURE__ */ e(Jn, { summary: "Map Chart", children: /* @__PURE__ */ e("p", { className: "rounded-md bg-muted p-2 font-mono text-xs", children: "SELECT country, value FROM table" }) }),
     /* @__PURE__ */ e(at, { className: "my-4" }),
-    /* @__PURE__ */ e(Gn, { open: !0, summary: "Settings", children: /* @__PURE__ */ s("div", { className: "space-y-3 px-2", children: [
+    /* @__PURE__ */ e(Jn, { open: !0, summary: "Settings", children: /* @__PURE__ */ s("div", { className: "space-y-3 px-2", children: [
       /* @__PURE__ */ e(
         Fe,
         {
@@ -6566,7 +6566,7 @@ function Dc() {
           placeholder: "Custom URL"
         }
       ),
-      l && /* @__PURE__ */ s(ae, { children: [
+      l && /* @__PURE__ */ s(se, { children: [
         /* @__PURE__ */ s("div", { className: "space-y-1", children: [
           /* @__PURE__ */ e(H, { children: "Map Object" }),
           /* @__PURE__ */ e(
@@ -6636,7 +6636,7 @@ function Dc() {
       ] })
     ] }) }),
     /* @__PURE__ */ e(at, { className: "my-4" }),
-    /* @__PURE__ */ e(Gn, { className: "", summary: "Scale Options", children: /* @__PURE__ */ s("div", { className: "flex items-center gap-3", children: [
+    /* @__PURE__ */ e(Jn, { className: "", summary: "Scale Options", children: /* @__PURE__ */ s("div", { className: "flex items-center gap-3", children: [
       /* @__PURE__ */ e(
         we,
         {
@@ -6663,7 +6663,7 @@ function Dc() {
           className: `h-9 w-full ${Ze}`,
           type: "number",
           step: 10,
-          value: ((x = (v = (D = t.preferences) == null ? void 0 : D.mapVisualOptions) == null ? void 0 : v.projectionOffset) == null ? void 0 : x[0]) || 0,
+          value: ((x = (b = (D = t.preferences) == null ? void 0 : D.mapVisualOptions) == null ? void 0 : b.projectionOffset) == null ? void 0 : x[0]) || 0,
           onChange: (I) => {
             var w, L, F, z;
             i({
@@ -6686,7 +6686,7 @@ function Dc() {
           className: `h-9 w-full ${Ze}`,
           type: "number",
           step: 10,
-          value: ((O = (S = (b = t.preferences) == null ? void 0 : b.mapVisualOptions) == null ? void 0 : S.projectionOffset) == null ? void 0 : O[1]) || 0,
+          value: ((O = (S = (v = t.preferences) == null ? void 0 : v.mapVisualOptions) == null ? void 0 : S.projectionOffset) == null ? void 0 : O[1]) || 0,
           onChange: (I) => {
             var w, L, F, z;
             i({
@@ -6704,7 +6704,7 @@ function Dc() {
       )
     ] }) }),
     /* @__PURE__ */ e(at, { className: "my-4" }),
-    /* @__PURE__ */ e(Nt, {})
+    /* @__PURE__ */ e(Ct, {})
   ] });
 }
 function Oc() {
@@ -6780,7 +6780,7 @@ function tn({
     !["range", "text"].includes(t) && /* @__PURE__ */ s(he, { value: "item-3", children: [
       /* @__PURE__ */ e(pe, { children: "Filters" }),
       /* @__PURE__ */ s(fe, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e(Nt, {}),
+        /* @__PURE__ */ e(Ct, {}),
         /* @__PURE__ */ e(Lt, {})
       ] })
     ] })
@@ -6859,7 +6859,7 @@ function Ic() {
     /* @__PURE__ */ s(he, { value: "item-3", children: [
       /* @__PURE__ */ e(pe, { children: "Filters" }),
       /* @__PURE__ */ s(fe, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e(Nt, {}),
+        /* @__PURE__ */ e(Ct, {}),
         /* @__PURE__ */ e(Lt, {})
       ] })
     ] })
@@ -6879,7 +6879,7 @@ function Ec({
     /* @__PURE__ */ e(ot, { defaultValue: ["item-3"], type: "multiple", children: /* @__PURE__ */ s(he, { value: "item-3", children: [
       /* @__PURE__ */ e(pe, { children: "Filters" }),
       /* @__PURE__ */ s(fe, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e(Nt, {}),
+        /* @__PURE__ */ e(Ct, {}),
         /* @__PURE__ */ e(Lt, {})
       ] })
     ] }) }),
@@ -6975,7 +6975,7 @@ function Lc() {
         return /* @__PURE__ */ e(tn, { cardType: n });
       case "bubble":
       case "scatter":
-        return /* @__PURE__ */ e(vc, { cardType: n });
+        return /* @__PURE__ */ e(bc, { cardType: n });
       case "table":
         return /* @__PURE__ */ e(Ec, { cardType: n });
       case "text":
@@ -6995,7 +6995,7 @@ function Lc() {
         return /* @__PURE__ */ e(Nc, {});
     }
   }
-  return /* @__PURE__ */ s(bt, { className: "h-full w-full text-sm", children: [
+  return /* @__PURE__ */ s(xt, { className: "h-full w-full text-sm", children: [
     a(t),
     /* @__PURE__ */ e(He, { orientation: "horizontal" })
   ] });
@@ -7052,12 +7052,12 @@ const Rc = [
   {
     label: "Min",
     value: "MIN",
-    logo: /* @__PURE__ */ e(In, { className: "size-3.5" })
+    logo: /* @__PURE__ */ e(En, { className: "size-3.5" })
   },
   {
     label: "Max",
     value: "MAX",
-    logo: /* @__PURE__ */ e(En, { className: "size-3.5" })
+    logo: /* @__PURE__ */ e(An, { className: "size-3.5" })
   }
 ];
 function Vc({ column: t }) {
@@ -7114,7 +7114,7 @@ function qc({ column: t }) {
     const i = {
       ...t,
       granularity: r,
-      label: Dt(t.name, r)
+      label: Ot(t.name, r)
     };
     a(t.id, i);
   }
@@ -7186,7 +7186,7 @@ function Pc({ column: t }) {
   ), u = o ? n.indexOf(o) : -1;
   return /* @__PURE__ */ s("div", { className: "space-y-3", children: [
     o && /* @__PURE__ */ e(Or, { idx: u, col: o, children: /* @__PURE__ */ e(
-      Ct,
+      wt,
       {
         enabled: !0,
         className: "w-[130px]",
@@ -7204,7 +7204,7 @@ function Pc({ column: t }) {
     l && /* @__PURE__ */ s("div", { className: "flex items-center justify-between gap-2", children: [
       /* @__PURE__ */ e(H, { children: "Pivot Header" }),
       /* @__PURE__ */ e(
-        Ct,
+        wt,
         {
           enabled: !0,
           text: t.aliasTemplate || "",
@@ -7244,7 +7244,7 @@ function _c({
     transition: g
   } : void 0, N = _e(t.type);
   function f(x) {
-    const b = pt(x.data_type), S = _e(x.data_type), O = $e(x.data_type), I = b ? "number" : S ? "string" : O ? "date" : "string";
+    const v = pt(x.data_type), S = _e(x.data_type), O = $e(x.data_type), I = v ? "number" : S ? "string" : O ? "date" : "string";
     if (r === ut) {
       if (S) {
         const w = {
@@ -7263,7 +7263,7 @@ function _c({
           name: x.column_name,
           type: I,
           role: "groupby",
-          label: Dt(x.column_name, "month"),
+          label: Ot(x.column_name, "month"),
           granularity: "month"
         };
         o(t.id, w);
@@ -7286,7 +7286,7 @@ function _c({
           // use the previous column's id.
           name: x.column_name,
           type: I,
-          label: Dt(x.column_name, "month"),
+          label: Ot(x.column_name, "month"),
           granularity: "month",
           role: "groupby"
         };
@@ -7301,7 +7301,7 @@ function _c({
         type: I,
         role: "metric",
         label: $t(x.column_name, "SUM"),
-        aggregate: b ? "SUM" : "COUNT"
+        aggregate: v ? "SUM" : "COUNT"
       };
       u(t.id, w);
     }
@@ -7342,7 +7342,7 @@ function _c({
       }
     );
   }
-  function v() {
+  function b() {
     return /* @__PURE__ */ e("div", { "data-setting-actions": "", className: "flex h-full items-center gap-2", children: /* @__PURE__ */ e(
       "button",
       {
@@ -7369,7 +7369,7 @@ function _c({
   return /* @__PURE__ */ e("div", { ...d, ...h, ref: m, style: p, children: /* @__PURE__ */ s("div", { className: "group flex items-center justify-between gap-2", children: [
     /* @__PURE__ */ s("div", { className: "grow", children: [
       /* @__PURE__ */ s("div", { className: "flex h-8 grow items-center justify-between rounded-md bg-muted", children: [
-        v(),
+        b(),
         E(),
         D()
       ] }),
@@ -7384,12 +7384,12 @@ function _c({
             hidden: i
           }
         ),
-        children: /* @__PURE__ */ e("button", { onClick: () => n(t.id), children: /* @__PURE__ */ e(be, { className: "size-3 cursor-pointer text-muted-foreground" }) })
+        children: /* @__PURE__ */ e("button", { onClick: () => n(t.id), children: /* @__PURE__ */ e(ve, { className: "size-3 cursor-pointer text-muted-foreground" }) })
       }
     )
   ] }) });
 }
-function Jn({
+function Hn({
   id: t,
   label: a,
   columns: n,
@@ -7398,7 +7398,7 @@ function Jn({
   onRemoveColumn: l
 }) {
   var p, N;
-  const { setNodeRef: o, isOver: u, over: c } = ba({
+  const { setNodeRef: o, isOver: u, over: c } = xa({
     id: t
   }), h = st((f) => f.activeId), d = T((f) => {
     var M;
@@ -7469,7 +7469,7 @@ function Gc() {
     return (M = f.card.queryConfig) == null ? void 0 : M.metricColumns;
   }) || [], { addOrderByColumn: r, removeOrderByColumn: i, updateOrderByColumn: l } = X(), o = [...a, ...n];
   if (o.length === 0)
-    return /* @__PURE__ */ e(ae, {});
+    return /* @__PURE__ */ e(se, {});
   const u = /* @__PURE__ */ e(Rl, { className: "size-3.5 text-muted-foreground hover:text-foreground" }), c = /* @__PURE__ */ e(El, { className: "size-3.5 text-muted-foreground hover:text-foreground" }), h = /* @__PURE__ */ e(Ll, { className: "size-3.5 text-muted-foreground hover:text-foreground" }), d = /* @__PURE__ */ e(Il, { className: "size-3.5 text-muted-foreground hover:text-foreground" }), m = o == null ? void 0 : o.filter((f) => !t.some((M) => M.columnId === f.id)).map((f) => ({
     id: f.id,
     value: f.label || f.name
@@ -7556,7 +7556,7 @@ function Gc() {
                       {
                         onClick: () => N(f.columnId),
                         className: "rounded-sm p-0",
-                        children: /* @__PURE__ */ e(be, { className: "size-3 text-muted-foreground opacity-0 transition-opacity duration-200 hover:text-foreground group-hover:opacity-100" })
+                        children: /* @__PURE__ */ e(ve, { className: "size-3 text-muted-foreground opacity-0 transition-opacity duration-200 hover:text-foreground group-hover:opacity-100" })
                       }
                     ) })
                   ] })
@@ -7614,7 +7614,7 @@ function Jc() {
     /* @__PURE__ */ s(Kt, { className: "flex min-h-0 grow basis-0 flex-col gap-4 overflow-y-auto", children: [
       /* @__PURE__ */ s("div", { className: "flex flex-col gap-4 p-4", children: [
         /* @__PURE__ */ e(
-          Jn,
+          Hn,
           {
             onRemoveColumn: d,
             sortableType: cn,
@@ -7625,7 +7625,7 @@ function Jc() {
           }
         ),
         /* @__PURE__ */ e(
-          Jn,
+          Hn,
           {
             onRemoveColumn: C,
             sortableType: dn,
@@ -7636,10 +7636,10 @@ function Jc() {
           }
         ),
         /* @__PURE__ */ e(
-          Jn,
+          Hn,
           {
             onRemoveColumn: m,
-            sortableType: ia,
+            sortableType: la,
             id: mt,
             label: y,
             columns: r,
@@ -7690,7 +7690,7 @@ function Pa({
             {
               "data-setting-actions": "",
               className: "invisible flex h-full items-center gap-2 group-hover:visible",
-              children: /* @__PURE__ */ e("button", { onClick: () => d(a), children: /* @__PURE__ */ e(be, { className: "size-3.5 cursor-pointer items-center justify-center rounded-r-sm text-muted-foreground" }) })
+              children: /* @__PURE__ */ e("button", { onClick: () => d(a), children: /* @__PURE__ */ e(ve, { className: "size-3.5 cursor-pointer items-center justify-center rounded-r-sm text-muted-foreground" }) })
             }
           )
         ] }),
@@ -7727,13 +7727,13 @@ function Hc({
 }) {
   const n = G((E) => E.themeStyle), r = T(
     (E) => {
-      var D, v;
-      return (v = (D = E.card) == null ? void 0 : D.queryConfig) == null ? void 0 : v.filters;
+      var D, b;
+      return (b = (D = E.card) == null ? void 0 : D.queryConfig) == null ? void 0 : b.filters;
     }
   ), i = T(
     (E) => {
-      var D, v;
-      return (v = (D = E.card.queryConfig) == null ? void 0 : D.filterColumns) == null ? void 0 : v.find(
+      var D, b;
+      return (b = (D = E.card.queryConfig) == null ? void 0 : D.filterColumns) == null ? void 0 : b.find(
         (x) => x.name === t.name
       );
     }
@@ -7758,23 +7758,23 @@ function Hc({
     dataType: t.type
   }, { data: C, isLoading: g, isFetching: y, isError: p } = Xs(m), N = rt(() => {
     var D;
-    return m.column ? (D = C == null ? void 0 : C.records) == null ? void 0 : D.map((v) => {
+    return m.column ? (D = C == null ? void 0 : C.records) == null ? void 0 : D.map((b) => {
       let x = m.column.split(".").slice(-1)[0].replace(/"/g, "");
-      return v[x] === void 0 && (x = x.toLowerCase()), {
-        id: v[x],
+      return b[x] === void 0 && (x = x.toLowerCase()), {
+        id: b[x],
         //idx,
-        value: v[x]
+        value: b[x]
         // this is needed if
       };
     }) : [];
   }, [C, m.column]);
   function f(E) {
-    const D = E.map((v) => v.id);
+    const D = E.map((b) => b.id);
     d(t.name, D);
   }
   function M() {
     return g || y ? /* @__PURE__ */ e(
-      fa,
+      ga,
       {
         style: {
           borderRadius: n == null ? void 0 : n.controlInputRadius
@@ -7848,18 +7848,18 @@ function Yc({
     dataType: t.type
   }, { isLoading: c, isFetching: h, isError: d, data: m } = Xs(u), C = m == null ? void 0 : m.records, { dateRange: g, setDateRange: y, initialDateRange: p } = Yi(C), { updateEditorFilterValue: N } = X();
   function f(D) {
-    var x, b;
-    const v = {
+    var x, v;
+    const b = {
       gte: (x = D == null ? void 0 : D.from) == null ? void 0 : x.toISOString(),
-      lte: (b = D == null ? void 0 : D.to) == null ? void 0 : b.toISOString()
+      lte: (v = D == null ? void 0 : D.to) == null ? void 0 : v.toISOString()
     };
-    N(t.name, v);
+    N(t.name, b);
   }
   function M() {
     N(t.name, null, !0), y(p);
   }
   function E() {
-    return c || h ? /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(fa, { className: "h-8 w-72 bg-foreground/10" }) }) : d ? /* @__PURE__ */ e("div", { className: "h-8 w-72 bg-muted px-2", children: "Error" }) : C ? /* @__PURE__ */ e(
+    return c || h ? /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(ga, { className: "h-8 w-72 bg-foreground/10" }) }) : d ? /* @__PURE__ */ e("div", { className: "h-8 w-72 bg-muted px-2", children: "Error" }) : C ? /* @__PURE__ */ e(
       Ki,
       {
         title: u.title,
@@ -7892,7 +7892,7 @@ function Kc({
   sortableType: i
 }) {
   var y, p;
-  const { setNodeRef: l, isOver: o, over: u } = ba({
+  const { setNodeRef: l, isOver: o, over: u } = xa({
     id: t
   }), c = st((N) => N.activeId), h = {
     // borderColor: isOver ? 'green' : undefined,
@@ -7967,8 +7967,8 @@ function Wc() {
     Kc,
     {
       onRemoveColumn: r,
-      sortableType: oa,
-      id: la,
+      sortableType: ca,
+      id: oa,
       label: "Filters",
       columns: t,
       previewColumns: a
@@ -8003,12 +8003,12 @@ function Zc() {
 }
 function Xc() {
   const t = ft(null), a = ft(null), n = T((u) => u.isShowingVisual), r = T((u) => u.showAIDialog), i = T((u) => u.isDevMode);
-  ve(() => {
+  be(() => {
     var u, c, h, d;
     r ? ((u = t.current) == null || u.resize(0), (c = a.current) == null || c.resize(0)) : ((h = t.current) == null || h.resize(25), (d = a.current) == null || d.resize(25));
   }, [r]);
   function l() {
-    return /* @__PURE__ */ s(ae, { children: [
+    return /* @__PURE__ */ s(se, { children: [
       /* @__PURE__ */ e(
         Ce,
         {
@@ -8028,7 +8028,7 @@ function Xc() {
           minSize: 0,
           defaultSize: 60,
           children: n && !r ? /* @__PURE__ */ s(et, { direction: "horizontal", children: [
-            /* @__PURE__ */ e(ae, { children: /* @__PURE__ */ e(
+            /* @__PURE__ */ e(se, { children: /* @__PURE__ */ e(
               Ce,
               {
                 ref: t,
@@ -8046,13 +8046,13 @@ function Xc() {
     ] });
   }
   function o() {
-    return /* @__PURE__ */ e(ae, { children: /* @__PURE__ */ e(
+    return /* @__PURE__ */ e(se, { children: /* @__PURE__ */ e(
       "div",
       {
         className: "grow",
         "data-biz-mode-container": "",
         children: n ? /* @__PURE__ */ s(et, { direction: "horizontal", children: [
-          /* @__PURE__ */ e(ae, { children: /* @__PURE__ */ e(
+          /* @__PURE__ */ e(se, { children: /* @__PURE__ */ e(
             Ce,
             {
               ref: a,
@@ -8108,11 +8108,11 @@ function ed(t, a) {
     (Q) => Q.selectedDatabaseName
   ), E = T((Q) => Q.selectedTableName), D = T(
     (Q) => Q.selectedConnectionId
-  ), v = T(
+  ), b = T(
     (Q) => Q.selectedSchemaName
   ), x = G(
     (Q) => Q.dashboard.aiScopeTables
-  ), { setTriggerAIRun: b, setCurrentAssitantScope: S, setCardConfig: O } = X(), { selectedDatamodelName: I, connectionType: w, selectedDatamodelId: L } = Pe(), {
+  ), { setTriggerAIRun: v, setCurrentAssitantScope: S, setCardConfig: O } = X(), { selectedDatamodelName: I, connectionType: w, selectedDatamodelId: L } = Pe(), {
     messages: F,
     setMessages: z,
     reload: k,
@@ -8145,17 +8145,17 @@ function ed(t, a) {
       Y(ie.usage), r(""), ie.finishReason === "stop" && r("");
     }
   });
-  ve(() => {
+  be(() => {
     f && N && (re({
       target: { value: N }
     }), setTimeout(() => {
-      ee(), b(!1);
+      ee(), v(!1);
     }, 100));
   }, [
     f,
     ee,
     N,
-    b,
+    v,
     re
   ]);
   async function te({
@@ -8221,7 +8221,7 @@ function ed(t, a) {
   function Z() {
     const Q = {
       databaseName: M || "",
-      schemaName: v || "",
+      schemaName: b || "",
       tableName: E || "",
       datamodelId: L || "",
       datamodelName: sn(I),
@@ -8233,7 +8233,7 @@ function ed(t, a) {
   function ne() {
     const Q = {
       databaseName: M || "",
-      schemaName: v || "",
+      schemaName: b || "",
       tableName: E || "",
       datamodelName: sn(I),
       connectionId: D || "",
@@ -8293,9 +8293,9 @@ function os() {
     selectedEntities: []
   }), C = G((K) => K.dashboard.aiContext), g = T((K) => K.card.dataSource), y = T((K) => K.actions.setCardSql), p = T((K) => K.actions.setRunSql), N = T((K) => K.showAIDialog), f = G(
     (K) => K.handleOpenAssistantProfile
-  ), { setShowAIDialog: M, setCardPython: E } = X(), { setDataSource: D } = X(), { assistantProfile: v } = tl(), {
+  ), { setShowAIDialog: M, setCardPython: E } = X(), { setDataSource: D } = X(), { assistantProfile: b } = tl(), {
     messages: x,
-    setMessages: b,
+    setMessages: v,
     reload: S,
     append: O,
     input: I,
@@ -8312,7 +8312,7 @@ function os() {
     scrollContainerRef: t,
     inputRef: a,
     messages: x
-  }), ve(() => {
+  }), be(() => {
     var K;
     N && ((K = a.current) == null || K.focus());
   }, [N]);
@@ -8346,10 +8346,10 @@ function os() {
     return /* @__PURE__ */ s(fs, { children: [
       /* @__PURE__ */ e(gs, { asChild: !0, children: /* @__PURE__ */ e(P, { className: "h-7 p-2", size: "sm", variant: "ghost", children: /* @__PURE__ */ e(Ts, { className: "size-3.5" }) }) }),
       /* @__PURE__ */ s(ys, { align: "end", children: [
-        /* @__PURE__ */ e(vs, { children: "Options" }),
-        /* @__PURE__ */ e(bs, {}),
+        /* @__PURE__ */ e(bs, { children: "Options" }),
+        /* @__PURE__ */ e(vs, {}),
         /* @__PURE__ */ e(
-          Vn,
+          jn,
           {
             checked: n,
             onCheckedChange: r,
@@ -8357,7 +8357,7 @@ function os() {
           }
         ),
         /* @__PURE__ */ e(
-          Vn,
+          jn,
           {
             checked: i,
             onCheckedChange: l,
@@ -8365,7 +8365,7 @@ function os() {
           }
         ),
         /* @__PURE__ */ e(
-          Vn,
+          jn,
           {
             checked: o,
             onCheckedChange: u,
@@ -8399,29 +8399,27 @@ function os() {
                   size: "sm",
                   className: "h-7 p-2",
                   onClick: f,
-                  children: (v == null ? void 0 : v.name) || "Default Profile"
+                  children: (b == null ? void 0 : b.name) || "Default Profile"
                 }
               ),
               /* @__PURE__ */ s("div", { "data-role": "header-actions", className: "flex items-center gap-2", children: [
                 te(),
                 /* @__PURE__ */ e(
-                  P,
+                  ae,
                   {
-                    variant: "ghost",
-                    size: "sm",
+                    tooltip: "Add Context",
                     className: "h-7 p-2",
                     onClick: j,
                     children: /* @__PURE__ */ e(Js, { className: "size-4" })
                   }
                 ),
                 /* @__PURE__ */ e(
-                  P,
+                  ae,
                   {
                     className: "h-7 p-2",
-                    size: "sm",
-                    variant: "ghost",
+                    tooltip: "New Chat",
                     onClick: () => {
-                      b([]), S();
+                      v([]), S();
                     },
                     children: /* @__PURE__ */ e(al, { className: "size-4" })
                   }
@@ -8435,7 +8433,7 @@ function os() {
                     onClick: () => {
                       M(!1);
                     },
-                    children: /* @__PURE__ */ e(xa, { className: "size-4" })
+                    children: /* @__PURE__ */ e(In, { className: "size-4" })
                   }
                 )
               ] })
@@ -8469,17 +8467,17 @@ function os() {
           }
         ),
         /* @__PURE__ */ s("div", { className: "mb-3", children: [
-          J && !v && /* @__PURE__ */ e(
+          J && !b && /* @__PURE__ */ e(
             il,
             {
               onClick: ee,
               placeholders: td
             }
           ),
-          /* @__PURE__ */ e("div", { children: J && v && /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { children: J && b && /* @__PURE__ */ e(
             ll,
             {
-              seedQuestions: v.seedQuestions || [],
+              seedQuestions: b.seedQuestions || [],
               handleSeedQuestionClick: W
             }
           ) })
@@ -8519,8 +8517,8 @@ function os() {
             incomingSelectedEntities: (C == null ? void 0 : C.selectedEntities) || [],
             open: c,
             onOpenChange: h,
-            dataSource: g || Qn,
-            fallbackDataSource: Qn,
+            dataSource: g || Wn,
+            fallbackDataSource: Wn,
             dialogMode: "aiContext"
           }
         )
@@ -8535,7 +8533,7 @@ function nd(t) {
       name: n.name,
       dataType: n.dataType,
       qualifiedEntityName: a.qualifiedEntityName,
-      label: n.label || pa(n.name),
+      label: n.label || fa(n.name),
       description: n.description,
       entityId: a.entityId,
       entityName: a.entityName,
@@ -8543,7 +8541,7 @@ function nd(t) {
     }))
   );
 }
-function ca(t) {
+function da(t) {
   if (t.type === "table" || t.type === "view") {
     if (t.database && t.schema)
       return `${t.database}.${t.schema}.${t.name}`;
@@ -8599,7 +8597,7 @@ function Zt(t) {
     }))
   }), h = c.some((p) => p.isPending), d = c.some((p) => p.isError), m = (y = c.find((p) => p.isError)) == null ? void 0 : y.error, C = c.map((p, N) => {
     var E;
-    const f = u[N], M = ca(f);
+    const f = u[N], M = da(f);
     return {
       entityId: f.id || f.name,
       entityType: f.type,
@@ -8691,14 +8689,14 @@ function ad({ field: t }) {
                 }
               ),
               /* @__PURE__ */ e(Yt, { children: /* @__PURE__ */ s(yt, { children: [
-                /* @__PURE__ */ e(Et, { asChild: !0, children: /* @__PURE__ */ e("div", { className: "min-w-0 flex-1 overflow-hidden", children: /* @__PURE__ */ e(
+                /* @__PURE__ */ e(At, { asChild: !0, children: /* @__PURE__ */ e("div", { className: "min-w-0 flex-1 overflow-hidden", children: /* @__PURE__ */ e(
                   "span",
                   {
                     className: `block text-sm dark:text-muted-foreground ${u ? "whitespace-normal break-words" : "truncate"}`,
                     children: t.name
                   }
                 ) }) }),
-                /* @__PURE__ */ e(vt, { side: "right", className: "max-w-xs", children: /* @__PURE__ */ s("div", { className: "space-y-1 overflow-x-auto", children: [
+                /* @__PURE__ */ e(bt, { side: "right", className: "max-w-xs", children: /* @__PURE__ */ s("div", { className: "space-y-1 overflow-x-auto", children: [
                   /* @__PURE__ */ e("p", { className: "font-medium", children: t.label || t.name }),
                   t.label && t.label !== t.name && /* @__PURE__ */ s("p", { className: "text-xs text-gray-500", children: [
                     "Name: ",
@@ -8718,7 +8716,7 @@ function ad({ field: t }) {
                     g.stopPropagation(), c(!u);
                   },
                   className: "invisible flex-shrink-0 text-gray-400 hover:text-gray-600 group-hover/container:visible",
-                  children: u ? /* @__PURE__ */ e(At, { className: "h-4 w-4" }) : /* @__PURE__ */ e(xa, { className: "h-4 w-4" })
+                  children: u ? /* @__PURE__ */ e(vt, { className: "h-4 w-4" }) : /* @__PURE__ */ e(In, { className: "h-4 w-4" })
                 }
               )
             ]
@@ -8773,13 +8771,13 @@ function sd({
         a.length,
         ")"
       ] }),
-      n ? /* @__PURE__ */ e(At, { className: "h-4 w-4" }) : /* @__PURE__ */ e(xa, { className: "h-4 w-4" })
+      n ? /* @__PURE__ */ e(vt, { className: "h-4 w-4" }) : /* @__PURE__ */ e(In, { className: "h-4 w-4" })
     ] }),
     /* @__PURE__ */ e(ml, { className: "mt-1 space-y-1", children: /* @__PURE__ */ e(
       Ue,
       {
         items: a.map((i) => i.id),
-        strategy: Mt,
+        strategy: Tt,
         children: a.map((i) => /* @__PURE__ */ e(ad, { field: i }, i.id))
       }
     ) })
@@ -8795,20 +8793,20 @@ function rd() {
     (D) => D.name.toLowerCase().includes(t.toLowerCase()) || D.dataType.toLowerCase().includes(t.toLowerCase()) || D.qualifiedEntityName && D.qualifiedEntityName.toLowerCase().includes(t.toLowerCase())
   ), C = (D) => D.dataType === "number" || D.dataType === "integer" || D.dataType === "float" || D.dataType === "decimal" || D.dataType === "currency" ? "metrics" : "dimensions", y = (i === "all" ? m : m.filter(
     (D) => C(D) === i
-  )).reduce((D, v) => {
-    const x = v.qualifiedEntityName || "Other Fields";
+  )).reduce((D, b) => {
+    const x = b.qualifiedEntityName || "Other Fields";
     return D[x] || (D[x] = {
-      label: Pt(v.entityName),
+      label: Pt(b.entityName),
       fields: []
-    }), D[x].fields.push(v), D;
+    }), D[x].fields.push(b), D;
   }, {});
   Le.useEffect(() => {
     const D = Object.keys(y);
     r(new Set(D));
   }, [Object.keys(y).join(",")]);
   const p = (D) => {
-    const v = new Set(n);
-    v.has(D) ? v.delete(D) : v.add(D), r(v);
+    const b = new Set(n);
+    b.has(D) ? b.delete(D) : b.add(D), r(b);
   }, N = m.filter(
     (D) => C(D) === "dimensions"
   ).length, f = m.filter(
@@ -8823,7 +8821,7 @@ function rd() {
     /* @__PURE__ */ e(qt, { className: "mb-4 h-12 w-12 text-red-300" }),
     /* @__PURE__ */ e("p", { className: "mb-2 text-sm text-red-500", children: "Error loading fields" }),
     /* @__PURE__ */ e("p", { className: "px-4 text-center text-xs text-red-400", children: d.message || "Failed to load column data" })
-  ] }) : !o || !o.selectedEntities || o.selectedEntities.length === 0 ? /* @__PURE__ */ e(bt, { className: "h-[calc(100vh-200px)] w-[290px]", children: /* @__PURE__ */ s("div", { className: "flex flex-col items-center justify-center py-8 text-center", children: [
+  ] }) : !o || !o.selectedEntities || o.selectedEntities.length === 0 ? /* @__PURE__ */ e(xt, { className: "h-[calc(100vh-200px)] w-[290px]", children: /* @__PURE__ */ s("div", { className: "flex flex-col items-center justify-center py-8 text-center", children: [
     /* @__PURE__ */ e(qt, { className: "mb-4 h-12 w-12 text-gray-300" }),
     /* @__PURE__ */ e("p", { className: "mb-2 text-sm text-gray-500", children: "No data source selected" }),
     /* @__PURE__ */ e("p", { className: "px-4 text-xs text-gray-400", children: "Select a table, view, or dataset from the data source panel to see available fields" })
@@ -8868,16 +8866,16 @@ function rd() {
     ] }),
     /* @__PURE__ */ s(Kt, { className: "py-2", children: [
       /* @__PURE__ */ s("div", { className: "space-y-2", children: [
-        Object.entries(y).map(([D, v]) => {
-          const x = c.find((b) => b.entityName === D) || {
+        Object.entries(y).map(([D, b]) => {
+          const x = c.find((v) => v.entityName === D) || {
             entityName: D,
-            label: v.label
+            label: b.label
           };
           return /* @__PURE__ */ e(
             sd,
             {
               entityGroup: x,
-              fields: v.fields,
+              fields: b.fields,
               isOpen: n.has(D),
               onToggle: () => p(D)
             },
@@ -8907,7 +8905,7 @@ function ld({
   availableDataSources: a
 }) {
   const [n, r] = V(t), [i, l] = V(/* @__PURE__ */ new Set()), o = () => {
-    const x = n.joins.length > 0 ? Math.max(...n.joins.map((S) => S.sequence)) + 1 : 1, b = {
+    const x = n.joins.length > 0 ? Math.max(...n.joins.map((S) => S.sequence)) + 1 : 1, v = {
       id: `join-${Date.now()}`,
       source: {
         type: "table",
@@ -8933,18 +8931,18 @@ function ld({
     };
     r({
       ...n,
-      joins: [...n.joins, b]
-    }), l(/* @__PURE__ */ new Set([...i, b.id]));
+      joins: [...n.joins, v]
+    }), l(/* @__PURE__ */ new Set([...i, v.id]));
   }, u = (x) => {
     r({
       ...n,
-      joins: n.joins.filter((b) => b.id !== x)
-    }), l(new Set([...i].filter((b) => b !== x)));
-  }, c = (x, b) => {
+      joins: n.joins.filter((v) => v.id !== x)
+    }), l(new Set([...i].filter((v) => v !== x)));
+  }, c = (x, v) => {
     var w, L;
     const S = n.joins.find((F) => F.id === x);
     if (!S) return;
-    const O = { ...S, ...b }, I = n.joins.map(
+    const O = { ...S, ...v }, I = n.joins.map(
       (F) => F.id === x ? O : F
     );
     if ((w = O.source) != null && w.name && ((L = O.target) != null && L.name) && O.joinKeyGroups[0].keys.length === 0) {
@@ -8998,10 +8996,10 @@ function ld({
     removeJoin: u,
     updateJoin: c,
     moveJoinUp: (x) => {
-      const b = n.joins.findIndex((S) => S.id === x);
-      if (b > 0) {
-        const S = [...n.joins], O = { ...S[b] }, I = { ...S[b - 1] };
-        S[b] = I, S[b - 1] = O, S.forEach((L, F) => {
+      const v = n.joins.findIndex((S) => S.id === x);
+      if (v > 0) {
+        const S = [...n.joins], O = { ...S[v] }, I = { ...S[v - 1] };
+        S[v] = I, S[v - 1] = O, S.forEach((L, F) => {
           L.sequence = F + 1;
         });
         const w = {
@@ -9012,10 +9010,10 @@ function ld({
       }
     },
     moveJoinDown: (x) => {
-      const b = n.joins.findIndex((S) => S.id === x);
-      if (b < n.joins.length - 1) {
-        const S = [...n.joins], O = { ...S[b] }, I = { ...S[b + 1] };
-        S[b] = I, S[b + 1] = O, S.forEach((L, F) => {
+      const v = n.joins.findIndex((S) => S.id === x);
+      if (v < n.joins.length - 1) {
+        const S = [...n.joins], O = { ...S[v] }, I = { ...S[v + 1] };
+        S[v] = I, S[v + 1] = O, S.forEach((L, F) => {
           L.sequence = F + 1;
         });
         const w = {
@@ -9026,26 +9024,26 @@ function ld({
       }
     },
     toggleJoinExpansion: (x) => {
-      const b = new Set(i);
-      b.has(x) ? b.delete(x) : b.add(x), l(b);
+      const v = new Set(i);
+      v.has(x) ? v.delete(x) : v.add(x), l(v);
     },
     getAvailableSourceEntities: (x) => {
       if (n.joins.length === 0) return a;
-      const b = n.joins.findIndex(
+      const v = n.joins.findIndex(
         (O) => O.id === x
       );
-      if (b === 0) return a;
+      if (v === 0) return a;
       const S = /* @__PURE__ */ new Set();
-      return n.baseEntity.name && S.add(n.baseEntity.name), n.joins.slice(0, b).forEach((O) => {
+      return n.baseEntity.name && S.add(n.baseEntity.name), n.joins.slice(0, v).forEach((O) => {
         S.add(O.source.name), S.add(O.target.name);
       }), a.filter((O) => S.has(O.name));
     },
-    getAvailableTargetEntities: (x) => a.filter((b) => b.name !== x),
+    getAvailableTargetEntities: (x) => a.filter((v) => v.name !== x),
     addJoinKeyGroup: (x) => {
-      const b = n.joins.find((O) => O.id === x);
-      if (!b) return;
+      const v = n.joins.find((O) => O.id === x);
+      if (!v) return;
       const S = [
-        ...b.joinKeyGroups,
+        ...v.joinKeyGroups,
         {
           id: "group-" + Date.now() + "-" + Math.random().toString(36).substr(2, 9),
           operator: "AND",
@@ -9054,19 +9052,19 @@ function ld({
       ];
       c(x, { joinKeyGroups: S });
     },
-    updateGroupOperator: (x, b, S) => {
+    updateGroupOperator: (x, v, S) => {
       const O = n.joins.find((w) => w.id === x);
       if (!O) return;
       const I = [...O.joinKeyGroups];
-      I[b] = { ...I[b], operator: S }, c(x, { joinKeyGroups: I });
+      I[v] = { ...I[v], operator: S }, c(x, { joinKeyGroups: I });
     },
-    removeJoinKeyGroup: (x, b) => {
+    removeJoinKeyGroup: (x, v) => {
       const S = n.joins.find((I) => I.id === x);
       if (!S) return;
       const O = [...S.joinKeyGroups];
-      O.splice(b, 1), c(x, { joinKeyGroups: O });
+      O.splice(v, 1), c(x, { joinKeyGroups: O });
     },
-    addJoinKey: (x, b) => {
+    addJoinKey: (x, v) => {
       const S = n.joins.find((F) => F.id === x);
       if (!S) return;
       const O = a.find(
@@ -9095,50 +9093,50 @@ function ld({
         },
         operator: "="
       };
-      w[b] = {
-        ...w[b],
-        keys: [...w[b].keys, L]
+      w[v] = {
+        ...w[v],
+        keys: [...w[v].keys, L]
       }, c(x, { joinKeyGroups: w });
     },
-    updateJoinKey: (x, b, S, O, I) => {
+    updateJoinKey: (x, v, S, O, I) => {
       const w = n.joins.find((A) => A.id === x);
       if (!w) return;
       const L = a.find(
         (A) => A.name === w.source.name
       ), F = a.find(
         (A) => A.name === w.target.name
-      ), z = [...w.joinKeyGroups], k = z[b].keys[S];
-      O === "sourceColumnName" && L ? z[b].keys[S] = {
+      ), z = [...w.joinKeyGroups], k = z[v].keys[S];
+      O === "sourceColumnName" && L ? z[v].keys[S] = {
         ...k,
         source: {
           ...k.source,
           name: I
         }
-      } : O === "targetColumnName" && F ? z[b].keys[S] = {
+      } : O === "targetColumnName" && F ? z[v].keys[S] = {
         ...k,
         target: {
           ...k.target,
           name: I
         }
-      } : O === "operator" && (z[b].keys[S] = {
+      } : O === "operator" && (z[v].keys[S] = {
         ...k,
         operator: I
       }), c(x, { joinKeyGroups: z });
     },
-    removeJoinKey: (x, b, S) => {
+    removeJoinKey: (x, v, S) => {
       const O = n.joins.find((w) => w.id === x);
       if (!O) return;
       const I = [...O.joinKeyGroups];
-      I[b].keys.splice(S, 1), c(x, { joinKeyGroups: I });
+      I[v].keys.splice(S, 1), c(x, { joinKeyGroups: I });
     },
     generateSQLPreview: () => {
       const x = [...n.joins].sort(
         (O, I) => O.sequence - I.sequence
-      ), b = n.baseEntity;
-      if (!b.name)
+      ), v = n.baseEntity;
+      if (!v.name)
         return "SELECT * FROM table -- Please select a base entity";
       let S = `SELECT *
-FROM ${b.name}`;
+FROM ${v.name}`;
       return x.forEach((O) => {
         const I = a.find(
           (F) => F.name === O.target.name
@@ -9197,9 +9195,9 @@ function od({
     addJoinKeyGroup: M,
     updateGroupOperator: E,
     removeJoinKeyGroup: D,
-    addJoinKey: v,
+    addJoinKey: b,
     updateJoinKey: x,
-    removeJoinKey: b,
+    removeJoinKey: v,
     generateSQLPreview: S,
     isValidConfiguration: O
   } = ld({
@@ -9242,10 +9240,10 @@ function od({
           ]
         }
       ),
-      /* @__PURE__ */ e("p", { className: "text-xs text-gray-500", children: "This entity will be used as the base table in the FROM clause of the SQL query." })
+      /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: "This entity will be used as the base table in the FROM clause of the SQL query." })
     ] }),
-    /* @__PURE__ */ s("div", { className: "rounded-md border bg-gray-100 p-3", children: [
-      /* @__PURE__ */ e("div", { className: "mb-2 text-xs font-medium text-gray-600", children: "Join SQL Preview" }),
+    /* @__PURE__ */ s("div", { className: "rounded-md border p-3", children: [
+      /* @__PURE__ */ e("div", { className: "mb-2 text-xs font-medium text-muted-foreground", children: "Join SQL Preview" }),
       /* @__PURE__ */ e("code", { className: "block whitespace-pre-wrap break-all text-xs", children: S() })
     ] }),
     /* @__PURE__ */ s("div", { className: "space-y-4", children: [
@@ -9260,7 +9258,7 @@ function od({
           "Add Join"
         ] }) })
       ] }),
-      u.joins.length === 0 ? /* @__PURE__ */ e("div", { className: "rounded-lg border border-dashed py-8 text-center text-gray-500", children: /* @__PURE__ */ e("p", { children: "No joins configured. Add a join to connect multiple data sources." }) }) : /* @__PURE__ */ e("div", { className: "max-h-[300px] space-y-4 overflow-y-auto", children: u.joins.map((w) => {
+      u.joins.length === 0 ? /* @__PURE__ */ e("div", { className: "rounded-lg border border-dashed py-8 text-center text-muted-foreground", children: /* @__PURE__ */ e("p", { children: "No joins configured. Add a join to connect multiple data sources." }) }) : /* @__PURE__ */ e("div", { className: "max-h-[300px] space-y-4 overflow-y-auto", children: u.joins.map((w) => {
         const L = a.find(
           (k) => k.name === w.source.name
         ), F = a.find(
@@ -9290,7 +9288,7 @@ function od({
                   size: "sm",
                   onClick: () => g(w.id),
                   disabled: w.sequence === 1,
-                  children: /* @__PURE__ */ e(En, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ e(An, { className: "h-4 w-4" })
                 }
               ),
               /* @__PURE__ */ e(
@@ -9300,7 +9298,7 @@ function od({
                   size: "sm",
                   onClick: () => y(w.id),
                   disabled: w.sequence === u.joins.length,
-                  children: /* @__PURE__ */ e(In, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ e(En, { className: "h-4 w-4" })
                 }
               ),
               /* @__PURE__ */ e(
@@ -9309,7 +9307,7 @@ function od({
                   variant: "ghost",
                   size: "sm",
                   onClick: () => p(w.id),
-                  children: z ? /* @__PURE__ */ e(Zs, { className: "h-4 w-4" }) : /* @__PURE__ */ e(At, { className: "h-4 w-4" })
+                  children: z ? /* @__PURE__ */ e(Zs, { className: "h-4 w-4" }) : /* @__PURE__ */ e(vt, { className: "h-4 w-4" })
                 }
               ),
               /* @__PURE__ */ e(
@@ -9318,7 +9316,7 @@ function od({
                   variant: "ghost",
                   size: "sm",
                   onClick: () => m(w.id),
-                  children: /* @__PURE__ */ e(be, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ e(ve, { className: "h-4 w-4" })
                 }
               )
             ] })
@@ -9498,7 +9496,7 @@ function od({
                               w.id,
                               A
                             ),
-                            children: /* @__PURE__ */ e(ma, { className: "h-4 w-4" })
+                            children: /* @__PURE__ */ e(ha, { className: "h-4 w-4" })
                           }
                         )
                       ] })
@@ -9612,12 +9610,12 @@ function od({
                                 variant: "ghost",
                                 size: "sm",
                                 className: "self-center",
-                                onClick: () => b(
+                                onClick: () => v(
                                   w.id,
                                   A,
                                   B
                                 ),
-                                children: /* @__PURE__ */ e(be, { className: "size-3.5" })
+                                children: /* @__PURE__ */ e(ve, { className: "size-3.5" })
                               }
                             )
                           ]
@@ -9631,7 +9629,7 @@ function od({
                           variant: "outline",
                           size: "sm",
                           className: "mt-2",
-                          onClick: () => v(w.id, A),
+                          onClick: () => b(w.id, A),
                           children: [
                             /* @__PURE__ */ e(ke, { className: "mr-1 h-3 w-3" }),
                             " Add Condition"
@@ -9685,7 +9683,7 @@ function cs({
     /* @__PURE__ */ s(fn, { className: "max-w-4xl", children: [
       /* @__PURE__ */ s(gn, { children: [
         /* @__PURE__ */ e(yn, { children: "Join Configuration" }),
-        /* @__PURE__ */ e(vn, { children: "Configure the join between the two entities to combine the fields." })
+        /* @__PURE__ */ e(bn, { children: "Configure the join between the two entities to combine the fields." })
       ] }),
       /* @__PURE__ */ e(
         od,
@@ -9716,7 +9714,7 @@ function cd({
         ), l = n.find(
           (o) => o.name === a
         );
-        return /* @__PURE__ */ s(ae, { children: [
+        return /* @__PURE__ */ s(se, { children: [
           /* @__PURE__ */ s("div", { className: "flex items-center gap-1 rounded-md border bg-muted px-2 py-1", children: [
             /* @__PURE__ */ e(ge, { variant: "secondary", className: "text-xs", children: l == null ? void 0 : l.type }),
             /* @__PURE__ */ e("span", { className: "text-xs font-medium", children: l == null ? void 0 : l.name }),
@@ -9830,25 +9828,25 @@ FROM ${y.name}`;
       );
       if (!f) return;
       const M = N.joinKeyGroups.filter((D) => D.keys && D.keys.length > 0).map((D) => {
-        const v = D.keys.filter(
+        const b = D.keys.filter(
           (x) => {
-            var b, S, O, I;
-            return ((b = x.source) == null ? void 0 : b.name) && ((S = x.target) == null ? void 0 : S.name) && ((O = x.source) == null ? void 0 : O.entityName) && ((I = x.target) == null ? void 0 : I.entityName);
+            var v, S, O, I;
+            return ((v = x.source) == null ? void 0 : v.name) && ((S = x.target) == null ? void 0 : S.name) && ((O = x.source) == null ? void 0 : O.entityName) && ((I = x.target) == null ? void 0 : I.entityName);
           }
         ).map(
           (x) => `${x.source.entityName}.${x.source.name} ${x.operator} ${x.target.entityName}.${x.target.name}`
         );
-        return v.length > 1 ? `(${v.join(` ${D.operator} `)})` : v[0];
+        return b.length > 1 ? `(${b.join(` ${D.operator} `)})` : b[0];
       }).filter(Boolean), E = M.length > 1 ? M.join(" OR ") : M[0] || "condition_here";
       p += `
 ${N.joinType} JOIN ${f.name}
   ON ${E}`;
     }), p;
   };
-  return o.length < 2 ? null : /* @__PURE__ */ e(ae, { children: /* @__PURE__ */ e("div", { className: "space-y-4", children: /* @__PURE__ */ s("div", { className: "flex items-center justify-between", children: [
+  return o.length < 2 ? null : /* @__PURE__ */ e(se, { children: /* @__PURE__ */ e("div", { className: "space-y-4", children: /* @__PURE__ */ s("div", { className: "flex items-center justify-between", children: [
     r.joins.length > 0 && /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ e(Yt, { children: /* @__PURE__ */ s(yt, { children: [
-        /* @__PURE__ */ e(Et, { asChild: !0, children: /* @__PURE__ */ s(
+        /* @__PURE__ */ e(At, { asChild: !0, children: /* @__PURE__ */ s(
           P,
           {
             variant: "outline",
@@ -9874,7 +9872,7 @@ ${N.joinType} JOIN ${f.name}
           }
         ) }),
         /* @__PURE__ */ e(
-          vt,
+          bt,
           {
             side: "right",
             className: "max-w-md overflow-hidden p-0",
@@ -9945,8 +9943,6 @@ function ud() {
     /* @__PURE__ */ s(
       "div",
       {
-        onMouseEnter: () => r(!0),
-        onMouseLeave: () => r(!1),
         children: [
           /* @__PURE__ */ e(
             "div",
@@ -9958,10 +9954,12 @@ function ud() {
                 /* @__PURE__ */ s(
                   "div",
                   {
-                    className: "flex items-center gap-2",
+                    className: "flex cursor-pointer items-center gap-2",
+                    onClick: () => r(!n),
                     children: [
-                      /* @__PURE__ */ e(qt, { className: "h-5 w-5 text-cyan-600" }),
-                      /* @__PURE__ */ e("h2", { className: "font-semibold text-gray-900", children: "Data Source" })
+                      n ? /* @__PURE__ */ e(vt, { className: "h-4 w-4" }) : /* @__PURE__ */ e(In, { className: "h-4 w-4" }),
+                      /* @__PURE__ */ e(qt, { className: "text-brand h-5 w-5" }),
+                      /* @__PURE__ */ e("h2", { className: "text-brand-100 font-semibold", children: "Data Source" })
                     ]
                   }
                 ),
@@ -10009,7 +10007,7 @@ function ud() {
                               });
                             },
                             className: "absolute right-1 top-1/2 -translate-y-1/2 rounded-full p-0.5 opacity-0 transition-opacity hover:bg-red-100 group-hover:opacity-100",
-                            children: /* @__PURE__ */ e(be, { className: "h-2.5 w-2.5 text-red-500" })
+                            children: /* @__PURE__ */ e(ve, { className: "h-2.5 w-2.5 text-red-500" })
                           }
                         )
                       ]
@@ -10044,9 +10042,9 @@ function ud() {
   ] });
 }
 const md = [
-  { id: "table", icon: Fn, label: "Table" },
-  { id: "bar", icon: An, label: "Bar Chart" },
-  { id: "line", icon: zn, label: "Line Chart" },
+  { id: "table", icon: Ln, label: "Table" },
+  { id: "bar", icon: zn, label: "Bar Chart" },
+  { id: "line", icon: Fn, label: "Line Chart" },
   { id: "stackedBar", icon: Na, label: "Stacked Bar Chart" },
   {
     id: "stackedLine",
@@ -10106,7 +10104,7 @@ function pd({
 }) {
   const [n, r] = V(t ?? ""), [i, l] = V(!1);
   return /* @__PURE__ */ s("div", { className: "space-y-1", children: [
-    /* @__PURE__ */ e(H, { className: "text-xs font-medium text-gray-600", children: "Display Label" }),
+    /* @__PURE__ */ e(H, { className: "text-xs font-medium text-muted-foreground", children: "Display Label" }),
     /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ e(
         Be,
@@ -10126,7 +10124,7 @@ function pd({
           "aria-label": "Edit display label"
         }
       ),
-      i && n !== (t ?? "") && /* @__PURE__ */ s(ae, { children: [
+      i && n !== (t ?? "") && /* @__PURE__ */ s(se, { children: [
         /* @__PURE__ */ e(
           P,
           {
@@ -10150,7 +10148,7 @@ function pd({
             onClick: () => {
               r(t ?? ""), l(!1);
             },
-            children: /* @__PURE__ */ e(be, { className: "h-4 w-4 text-gray-400" })
+            children: /* @__PURE__ */ e(ve, { className: "h-4 w-4 text-muted-foreground" })
           }
         )
       ] })
@@ -10186,7 +10184,7 @@ function fd({
           "aria-label": "Edit alias template"
         }
       ),
-      i && n !== t && /* @__PURE__ */ s(ae, { children: [
+      i && n !== t && /* @__PURE__ */ s(se, { children: [
         /* @__PURE__ */ e(
           P,
           {
@@ -10210,7 +10208,7 @@ function fd({
             onClick: () => {
               r(t), l(!1);
             },
-            children: /* @__PURE__ */ e(be, { className: "h-4 w-4 text-gray-400" })
+            children: /* @__PURE__ */ e(ve, { className: "h-4 w-4 text-gray-400" })
           }
         )
       ] })
@@ -10231,9 +10229,9 @@ function gd({
     delete C[m], C[i] = o, a(C), r(null);
   };
   return /* @__PURE__ */ s("div", { className: "space-y-1", children: [
-    /* @__PURE__ */ e(H, { className: "text-xs font-medium text-gray-600", children: "Pivot Value Aliases" }),
+    /* @__PURE__ */ e(H, { className: "text-xs font-medium text-muted-foreground", children: "Pivot Value Aliases" }),
     /* @__PURE__ */ s("div", { className: "space-y-2", children: [
-      Object.entries(t).map(([m, C], g) => /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: n === m ? /* @__PURE__ */ s(ae, { children: [
+      Object.entries(t).map(([m, C], g) => /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: n === m ? /* @__PURE__ */ s(se, { children: [
         /* @__PURE__ */ e(
           Be,
           {
@@ -10281,10 +10279,10 @@ function gd({
             className: "h-6 w-6 p-0",
             "aria-label": "Cancel value alias edit",
             onClick: () => r(null),
-            children: /* @__PURE__ */ e(be, { className: "h-4 w-4 text-gray-400" })
+            children: /* @__PURE__ */ e(ve, { className: "h-4 w-4 text-muted-foreground" })
           }
         )
-      ] }) : /* @__PURE__ */ s(ae, { children: [
+      ] }) : /* @__PURE__ */ s(se, { children: [
         /* @__PURE__ */ e(
           Be,
           {
@@ -10319,7 +10317,7 @@ function gd({
             className: "h-8 w-8 p-0",
             onClick: () => h(m),
             "aria-label": "Remove value alias",
-            children: /* @__PURE__ */ e(be, { className: "h-3 w-3" })
+            children: /* @__PURE__ */ e(ve, { className: "h-3 w-3" })
           }
         )
       ] }) }, m + g)),
@@ -10360,18 +10358,18 @@ function yd({
     transform: p,
     transition: N,
     isDragging: f
-  } = zt({ id: t.id }), [M, E] = V(!1), [D, v] = V(
+  } = zt({ id: t.id }), [M, E] = V(!1), [D, b] = V(
     t.dateFormat || "YYYY-MM-DD"
-  ), [x, b] = V(t.customFormat || ""), [S, O] = V(!!t.customFormat), [I, w] = V(
+  ), [x, v] = V(t.customFormat || ""), [S, O] = V(!!t.customFormat), [I, w] = V(
     t.granularity || "day"
   ), [L, F] = V(
     t.aliasTemplate || ""
   ), [z, k] = V(
     t.valueAliases || {}
   ), A = (Y) => {
-    Y === "custom" ? O(!0) : (O(!1), v(Y), a === "groupBy" && h && h(Y, ""));
+    Y === "custom" ? O(!0) : (O(!1), b(Y), a === "groupBy" && h && h(Y, ""));
   }, R = (Y) => {
-    b(Y), a === "groupBy" && h && h("custom", Y);
+    v(Y), a === "groupBy" && h && h("custom", Y);
   }, B = (Y) => {
     w(Y), a === "groupBy" && d && d(Y);
   }, $ = (Y) => {
@@ -10415,7 +10413,7 @@ function yd({
                 Y.stopPropagation(), E(!M);
               },
               children: /* @__PURE__ */ e(
-                At,
+                vt,
                 {
                   className: `h-3 w-3 transition-transform ${M ? "rotate-180" : ""}`
                 }
@@ -10439,7 +10437,7 @@ function yd({
                   J
                 ), l(J);
               },
-              children: i === "asc" ? /* @__PURE__ */ e(En, { className: "h-3 w-3" }) : /* @__PURE__ */ e(In, { className: "h-3 w-3" })
+              children: i === "asc" ? /* @__PURE__ */ e(An, { className: "h-3 w-3" }) : /* @__PURE__ */ e(En, { className: "h-3 w-3" })
             }
           ),
           /* @__PURE__ */ e(
@@ -10451,7 +10449,7 @@ function yd({
               onClick: (Y) => {
                 Y.stopPropagation(), n();
               },
-              children: /* @__PURE__ */ e(be, { className: "h-3 w-3" })
+              children: /* @__PURE__ */ e(ve, { className: "h-3 w-3" })
             }
           )
         ] }),
@@ -10474,9 +10472,9 @@ function yd({
               /* @__PURE__ */ e(U, { value: "year", children: "Year" })
             ] })
           ] }) }),
-          W && a === "groupBy" && /* @__PURE__ */ s(ae, { children: [
+          W && a === "groupBy" && /* @__PURE__ */ s(se, { children: [
             /* @__PURE__ */ s("div", { className: "space-y-1", children: [
-              /* @__PURE__ */ e(H, { className: "text-xs font-medium text-gray-600", children: "Granularity" }),
+              /* @__PURE__ */ e(H, { className: "text-xs font-medium text-muted-foreground", children: "Granularity" }),
               /* @__PURE__ */ s(
                 le,
                 {
@@ -10496,7 +10494,7 @@ function yd({
               )
             ] }),
             /* @__PURE__ */ s("div", { className: "space-y-1", children: [
-              /* @__PURE__ */ e(H, { className: "text-xs font-medium text-gray-600", children: "Date Format" }),
+              /* @__PURE__ */ e(H, { className: "text-xs font-medium text-muted-foreground", children: "Date Format" }),
               /* @__PURE__ */ s(
                 le,
                 {
@@ -10521,13 +10519,13 @@ function yd({
                     className: "h-8 text-xs"
                   }
                 ),
-                /* @__PURE__ */ e("div", { className: "text-xs text-gray-500", children: "Examples: YYYY-MM-DD, MM/DD/YY, DD-MMM-YYYY HH:mm" })
+                /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground", children: "Examples: YYYY-MM-DD, MM/DD/YY, DD-MMM-YYYY HH:mm" })
               ] })
             ] })
           ] }),
-          a === "metrics" && /* @__PURE__ */ s(ae, { children: [
+          a === "metrics" && /* @__PURE__ */ s(se, { children: [
             /* @__PURE__ */ s("div", { className: "space-y-1", children: [
-              /* @__PURE__ */ e(H, { className: "text-xs font-medium text-gray-600", children: "Aggregation" }),
+              /* @__PURE__ */ e(H, { className: "text-xs font-medium text-muted-foreground", children: "Aggregation" }),
               /* @__PURE__ */ s(
                 le,
                 {
@@ -10540,7 +10538,7 @@ function yd({
                     /* @__PURE__ */ s(de, { children: [
                       /* @__PURE__ */ e(U, { value: "COUNT", children: "Count" }),
                       /* @__PURE__ */ e(U, { value: "DISTINCT", children: "Count Distinct" }),
-                      Je(t.dataType) === "number" && /* @__PURE__ */ s(ae, { children: [
+                      Je(t.dataType) === "number" && /* @__PURE__ */ s(se, { children: [
                         /* @__PURE__ */ e(U, { value: "SUM", children: "Sum" }),
                         /* @__PURE__ */ e(U, { value: "AVG", children: "Average" }),
                         /* @__PURE__ */ e(U, { value: "MIN", children: "Min" }),
@@ -10552,7 +10550,7 @@ function yd({
                 }
               )
             ] }),
-            m && /* @__PURE__ */ s(ae, { children: [
+            m && /* @__PURE__ */ s(se, { children: [
               /* @__PURE__ */ e(
                 fd,
                 {
@@ -10574,10 +10572,10 @@ function yd({
     }
   );
 }
-function vd({ concept: t }) {
+function bd({ concept: t }) {
   return /* @__PURE__ */ e(Yt, { children: /* @__PURE__ */ s(yt, { delayDuration: 300, children: [
-    /* @__PURE__ */ e(Et, { asChild: !0, children: /* @__PURE__ */ e(fl, { className: "size-4 text-muted-foreground hover:text-foreground" }) }),
-    /* @__PURE__ */ e(vt, { side: "right", align: "start", className: "p-3", children: (() => {
+    /* @__PURE__ */ e(At, { asChild: !0, children: /* @__PURE__ */ e(fl, { className: "size-4 text-muted-foreground hover:text-foreground" }) }),
+    /* @__PURE__ */ e(bt, { side: "right", align: "start", className: "p-3", children: (() => {
       switch (t) {
         case "groupBy":
           return /* @__PURE__ */ s("div", { className: "w-64 space-y-2", children: [
@@ -10677,18 +10675,18 @@ function nn({
   shouldShow: m,
   hasPivotColumns: C = !1
 }) {
-  const { isOver: g, setNodeRef: y } = ba({
+  const { isOver: g, setNodeRef: y } = xa({
     id: t
   }), { updateSortByColumn: p } = X(), N = T((E) => E.card), f = a.length > 0, M = (E, D) => {
     var x;
     !((x = N.config) != null && x.sortByColumns) || N.config.sortByColumns.findIndex(
-      (b) => b.id === E
+      (v) => v.id === E
     ) === -1 || p(N.id, E, { direction: D });
   };
   return t === "sortBy" && m === !1 ? null : /* @__PURE__ */ s("div", { className: "mb-4", children: [
     /* @__PURE__ */ s("div", { className: "mb-2 flex items-center gap-2", children: [
       /* @__PURE__ */ e(H, { className: "block text-sm font-medium", children: n }),
-      /* @__PURE__ */ e(vd, { concept: t })
+      /* @__PURE__ */ e(bd, { concept: t })
     ] }),
     /* @__PURE__ */ e(
       "div",
@@ -10702,7 +10700,7 @@ function nn({
           Ue,
           {
             items: a.map((E) => E.id),
-            strategy: Mt,
+            strategy: Tt,
             children: /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-2", children: a.map((E, D) => {
               const x = E.direction;
               return /* @__PURE__ */ e(
@@ -10715,18 +10713,18 @@ function nn({
                       field: E,
                       zone: t,
                       onRemove: () => i(D),
-                      onLabelChange: (b) => l(D, b),
+                      onLabelChange: (v) => l(D, v),
                       sortDirection: x,
-                      onSortDirectionChange: (b) => M(E.id, b),
-                      onAggregationChange: o ? (b) => o(D, b) : void 0,
-                      onAliasTemplateChange: h ? (b) => h(D, b) : void 0,
-                      onValueAliasesChange: d ? (b) => d(D, b) : void 0,
-                      onDateFormatChange: u ? (b, S) => u(
+                      onSortDirectionChange: (v) => M(E.id, v),
+                      onAggregationChange: o ? (v) => o(D, v) : void 0,
+                      onAliasTemplateChange: h ? (v) => h(D, v) : void 0,
+                      onValueAliasesChange: d ? (v) => d(D, v) : void 0,
+                      onDateFormatChange: u ? (v, S) => u(
                         D,
-                        b,
+                        v,
                         S
                       ) : void 0,
-                      onGranularityChange: c ? (b) => c(D, b) : void 0,
+                      onGranularityChange: c ? (v) => c(D, v) : void 0,
                       hasPivotColumns: C
                     }
                   ) })
@@ -10740,7 +10738,7 @@ function nn({
     )
   ] });
 }
-function bd({
+function vd({
   groupByFields: t,
   pivotByFields: a,
   metricsFields: n,
@@ -10827,7 +10825,7 @@ function xd({
   return /* @__PURE__ */ s("div", { className: "flex w-96 flex-col border-r bg-background", children: [
     /* @__PURE__ */ s("div", { className: "mt-1 space-y-4 border-b px-6 py-4", children: [
       /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ e(Ca, { className: "h-5 w-5 text-cyan-600" }),
+        /* @__PURE__ */ e(Ca, { className: "text-brand h-5 w-5" }),
         /* @__PURE__ */ e("h2", { className: "font-semibold", children: "Chart Configuration" })
       ] }),
       /* @__PURE__ */ e(
@@ -10838,9 +10836,9 @@ function xd({
         }
       )
     ] }),
-    /* @__PURE__ */ s(bt, { className: "flex-1 p-6", children: [
+    /* @__PURE__ */ s(xt, { className: "flex-1 p-6", children: [
       /* @__PURE__ */ e(
-        bd,
+        vd,
         {
           groupByFields: n,
           pivotByFields: r,
@@ -10872,7 +10870,7 @@ function Nd({
       groups: []
     }
   );
-  T((v) => v.card.dataSource);
+  T((b) => b.card.dataSource);
   const { columns: i, isLoading: l } = Zt(), u = a || i || [], c = {
     id: "default",
     name: "default",
@@ -10881,14 +10879,14 @@ function Nd({
     entityId: "default",
     entityName: "Default",
     entityType: "table"
-  }, h = (v) => {
-    const x = (b) => {
-      if (b.id === v) {
+  }, h = (b) => {
+    const x = (v) => {
+      if (v.id === b) {
         const S = u[0] || c;
         return {
-          ...b,
+          ...v,
           conditions: [
-            ...b.conditions,
+            ...v.conditions,
             {
               id: `condition-${Date.now()}`,
               field: S,
@@ -10899,19 +10897,19 @@ function Nd({
         };
       }
       return {
-        ...b,
-        groups: b.groups.map(x)
+        ...v,
+        groups: v.groups.map(x)
       };
     };
     r(x(n));
-  }, d = (v) => {
-    const x = (b) => {
-      if (b.id === v) {
+  }, d = (b) => {
+    const x = (v) => {
+      if (v.id === b) {
         const S = u[0] || c;
         return {
-          ...b,
+          ...v,
           groups: [
-            ...b.groups,
+            ...v.groups,
             {
               id: `group-${Date.now()}`,
               logicalOperator: "AND",
@@ -10930,92 +10928,92 @@ function Nd({
         };
       }
       return {
-        ...b,
-        groups: b.groups.map(x)
+        ...v,
+        groups: v.groups.map(x)
       };
     };
     r(x(n));
-  }, m = (v, x) => {
-    const b = (S) => S.id === v ? {
+  }, m = (b, x) => {
+    const v = (S) => S.id === b ? {
       ...S,
       conditions: S.conditions.filter((O) => O.id !== x)
     } : {
       ...S,
-      groups: S.groups.map(b)
+      groups: S.groups.map(v)
     };
-    r(b(n));
-  }, C = (v, x) => {
-    const b = (S) => S.id === v ? {
+    r(v(n));
+  }, C = (b, x) => {
+    const v = (S) => S.id === b ? {
       ...S,
       groups: S.groups.filter((O) => O.id !== x)
     } : {
       ...S,
-      groups: S.groups.map(b)
+      groups: S.groups.map(v)
     };
-    r(b(n));
-  }, g = (v, x, b, S) => {
-    if (b === "field")
+    r(v(n));
+  }, g = (b, x, v, S) => {
+    if (v === "field")
       throw new Error(
         "Use a dedicated method to update the field property with a Field object"
       );
-    const O = (I) => I.id === v ? {
+    const O = (I) => I.id === b ? {
       ...I,
       conditions: I.conditions.map((w) => w.id === x ? {
         ...w,
-        [b]: S
+        [v]: S
       } : w)
     } : {
       ...I,
       groups: I.groups.map(O)
     };
     r(O(n));
-  }, y = (v, x, b) => {
-    const S = (O) => O.id === v ? {
+  }, y = (b, x, v) => {
+    const S = (O) => O.id === b ? {
       ...O,
-      conditions: O.conditions.map((I) => I.id === x ? { ...I, ...b } : I)
+      conditions: O.conditions.map((I) => I.id === x ? { ...I, ...v } : I)
     } : {
       ...O,
       groups: O.groups.map(S)
     };
     r(S(n));
-  }, p = (v, x) => {
-    const b = (S) => S.id === v ? {
+  }, p = (b, x) => {
+    const v = (S) => S.id === b ? {
       ...S,
       logicalOperator: x
     } : {
       ...S,
-      groups: S.groups.map(b)
+      groups: S.groups.map(v)
     };
-    r(b(n));
-  }, N = (v, x) => {
-    const b = (S) => S.id === v ? {
+    r(v(n));
+  }, N = (b, x) => {
+    const v = (S) => S.id === b ? {
       ...S,
       negate: x
     } : {
       ...S,
-      groups: S.groups.map(b)
+      groups: S.groups.map(v)
     };
-    r(b(n));
-  }, f = (v, x, b) => {
-    const S = (O) => O.id === v ? {
+    r(v(n));
+  }, f = (b, x, v) => {
+    const S = (O) => O.id === b ? {
       ...O,
-      conditions: Wn(O.conditions, x, b)
+      conditions: Zn(O.conditions, x, v)
     } : {
       ...O,
       groups: O.groups.map(S)
     };
     r(S(n));
-  }, M = (v, x, b) => {
-    const S = (O) => O.id === v ? {
+  }, M = (b, x, v) => {
+    const S = (O) => O.id === b ? {
       ...O,
-      groups: Wn(O.groups, x, b)
+      groups: Zn(O.groups, x, v)
     } : {
       ...O,
       groups: O.groups.map(S)
     };
     r(S(n));
-  }, E = (v) => {
-    if (!v || v.conditions.length === 0 && v.groups.length === 0)
+  }, E = (b) => {
+    if (!b || b.conditions.length === 0 && b.groups.length === 0)
       return "-- No filters defined";
     const x = (S) => {
       let O = "";
@@ -11045,15 +11043,15 @@ function Nd({
         default:
           return `${O} ${I} ${w}`;
       }
-    }, b = (S) => {
+    }, v = (S) => {
       const O = S.conditions.map(x), I = S.groups.map(
-        (z) => b(z)
+        (z) => v(z)
       ), w = [...O, ...I].filter(Boolean);
       if (w.length === 0) return "";
       const L = w.join(` ${S.logicalOperator} `), F = w.length > 1 ? `(${L})` : L;
       return S.negate ? `NOT ${F}` : F;
     };
-    return b(v);
+    return v(b);
   }, D = n.conditions.length > 0 || n.groups.length > 0;
   return {
     currentFilters: n,
@@ -11143,7 +11141,7 @@ function kd({
         ]
       }
     ) }),
-    /* @__PURE__ */ e(It, { className: "z-50 w-80 p-0", align: "start", children: /* @__PURE__ */ s(bn, { children: [
+    /* @__PURE__ */ e(Et, { className: "z-50 w-80 p-0", align: "start", children: /* @__PURE__ */ s(vn, { children: [
       /* @__PURE__ */ e(xn, { placeholder: "Search fields...", className: "h-9" }),
       /* @__PURE__ */ e(Cn, { children: "No fields found." }),
       /* @__PURE__ */ e(Nn, { className: "max-h-80", children: Object.entries(u).map(([c, h]) => /* @__PURE__ */ e(
@@ -11227,7 +11225,7 @@ function _a(t) {
     joinPlan: i,
     groupByColumns: [l],
     metricColumns: [o]
-  }, c = ((g = a.dataSource) == null ? void 0 : g.connectionId) || a.connectionId, { data: h, isPending: d, error: m } = ha({
+  }, c = ((g = a.dataSource) == null ? void 0 : g.connectionId) || a.connectionId, { data: h, isPending: d, error: m } = pa({
     queryKey: [
       "filterValues",
       t.entityId,
@@ -11236,7 +11234,7 @@ function _a(t) {
     ],
     queryFn: async () => {
       try {
-        return await Un(
+        return await Yn(
           "https://semaphor.cloud/api/v1/query",
           (n == null ? void 0 : n.accessToken) || "",
           {
@@ -11301,16 +11299,16 @@ function Md({
                   onClick: (C) => {
                     C.stopPropagation(), c(d);
                   },
-                  children: /* @__PURE__ */ e(be, { className: "h-3 w-3 text-muted-foreground hover:text-foreground" })
+                  children: /* @__PURE__ */ e(ve, { className: "h-3 w-3 text-muted-foreground hover:text-foreground" })
                 }
               )
             ] }, d);
           }) : /* @__PURE__ */ e("span", { className: "text-muted-foreground", children: r }) }),
-          /* @__PURE__ */ e(At, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+          /* @__PURE__ */ e(vt, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
         ]
       }
     ) }),
-    /* @__PURE__ */ e(It, { className: "z-50 w-fit overflow-auto p-0", align: "start", children: /* @__PURE__ */ s(bn, { children: [
+    /* @__PURE__ */ e(Et, { className: "z-50 w-fit overflow-auto p-0", align: "start", children: /* @__PURE__ */ s(vn, { children: [
       /* @__PURE__ */ e(xn, { placeholder: "Search..." }),
       /* @__PURE__ */ s(Nn, { children: [
         /* @__PURE__ */ e(Cn, { children: "No results found." }),
@@ -11452,7 +11450,7 @@ function Lr({
     {
       ref: m,
       style: f,
-      className: `mb-2 flex items-center gap-2 rounded p-2 hover:bg-gray-50 ${y ? "z-50 opacity-50" : ""}`,
+      className: `mb-2 flex items-center gap-2 rounded p-2 hover:bg-muted/50 ${y ? "z-50 opacity-50" : ""}`,
       children: [
         /* @__PURE__ */ e(
           "div",
@@ -11580,7 +11578,7 @@ function Lr({
             size: "sm",
             className: "h-7 w-7 flex-shrink-0 p-0",
             onClick: () => l(n, t.id),
-            children: /* @__PURE__ */ e(be, { className: "h-3 w-3" })
+            children: /* @__PURE__ */ e(ve, { className: "h-3 w-3" })
           }
         )
       ]
@@ -11611,11 +11609,11 @@ function Fd({
     setNodeRef: M,
     transform: E,
     transition: D,
-    isDragging: v
+    isDragging: b
   } = zt({ id: t.id }), x = {
     transform: it.Transform.toString(E),
     transition: D
-  }, b = (O) => {
+  }, v = (O) => {
     const { active: I, over: w } = O;
     if (w && I.id !== w.id) {
       const L = t.conditions.findIndex(
@@ -11637,9 +11635,9 @@ function Fd({
     {
       ref: M,
       style: x,
-      className: `rounded-lg ${a > 0 ? "mt-2 border border-gray-200" : ""} ${v ? "z-50 opacity-50" : ""}`,
+      className: `rounded-lg ${a > 0 ? "mt-2 border border-border" : ""} ${b ? "z-50 opacity-50" : ""}`,
       children: [
-        a > 0 && /* @__PURE__ */ s("div", { className: "flex items-center justify-between rounded-t-lg bg-gray-50 p-2", children: [
+        a > 0 && /* @__PURE__ */ s("div", { className: "flex items-center justify-between rounded-t-lg bg-muted p-2", children: [
           /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ e(
               "div",
@@ -11647,7 +11645,7 @@ function Fd({
                 ...N,
                 ...f,
                 className: "cursor-grab active:cursor-grabbing",
-                children: /* @__PURE__ */ e(Ft, { className: "h-4 w-4 text-gray-400" })
+                children: /* @__PURE__ */ e(Ft, { className: "h-4 w-4 text-muted-foreground" })
               }
             ),
             /* @__PURE__ */ e(
@@ -11683,27 +11681,27 @@ function Fd({
               size: "sm",
               className: "h-7 w-7 p-0",
               onClick: () => n && l(n, t.id),
-              children: /* @__PURE__ */ e(ma, { className: "h-3 w-3" })
+              children: /* @__PURE__ */ e(ha, { className: "h-3 w-3" })
             }
           )
         ] }),
         /* @__PURE__ */ s("div", { className: `p-3 ${a > 0 ? "" : "px-0"}`, children: [
           /* @__PURE__ */ e(
-            Tt,
+            Dt,
             {
               sensors: Bt(
                 Xe(on),
-                Xe(Xn, {
-                  coordinateGetter: Zn
+                Xe(ea, {
+                  coordinateGetter: Xn
                 })
               ),
               collisionDetection: _t,
-              onDragEnd: b,
+              onDragEnd: v,
               children: /* @__PURE__ */ e(
                 Ue,
                 {
                   items: t.conditions.map((O) => O.id),
-                  strategy: Mt,
+                  strategy: Tt,
                   children: t.conditions.map((O, I) => /* @__PURE__ */ e(
                     Lr,
                     {
@@ -11725,12 +11723,12 @@ function Fd({
             }
           ),
           /* @__PURE__ */ e(
-            Tt,
+            Dt,
             {
               sensors: Bt(
                 Xe(on),
-                Xe(Xn, {
-                  coordinateGetter: Zn
+                Xe(ea, {
+                  coordinateGetter: Xn
                 })
               ),
               collisionDetection: _t,
@@ -11739,7 +11737,7 @@ function Fd({
                 Ue,
                 {
                   items: t.groups.map((O) => O.id),
-                  strategy: Mt,
+                  strategy: Tt,
                   children: t.groups.map(
                     (O) => y(O, a + 1, t.id)
                   )
@@ -11807,12 +11805,12 @@ function Ld({
   } = Nd({
     initialFilters: t,
     availableFields: a
-  }), v = Bt(
+  }), b = Bt(
     Xe(on),
-    Xe(Xn, {
-      coordinateGetter: Zn
+    Xe(ea, {
+      coordinateGetter: Xn
     })
-  ), [x, b] = V(!1), S = (w, L, F) => {
+  ), [x, v] = V(!1), S = (w, L, F) => {
     const z = (k) => k.id === w ? {
       ...k,
       conditions: k.conditions.map((A) => A.id === L ? {
@@ -11827,9 +11825,9 @@ function Ld({
     D(z(l));
   }, O = (w, L = 0, F) => L === 0 ? /* @__PURE__ */ e("div", { className: "rounded-lg", children: /* @__PURE__ */ s("div", { className: "p-3 px-0", children: [
     /* @__PURE__ */ e(
-      Tt,
+      Dt,
       {
-        sensors: v,
+        sensors: b,
         collisionDetection: _t,
         onDragEnd: (z) => {
           const { active: k, over: A } = z;
@@ -11846,7 +11844,7 @@ function Ld({
           Ue,
           {
             items: w.conditions.map((z) => z.id),
-            strategy: Mt,
+            strategy: Tt,
             children: w.conditions.map((z, k) => /* @__PURE__ */ e(
               Lr,
               {
@@ -11868,9 +11866,9 @@ function Ld({
       }
     ),
     /* @__PURE__ */ e(
-      Tt,
+      Dt,
       {
-        sensors: v,
+        sensors: b,
         collisionDetection: _t,
         onDragEnd: (z) => {
           const { active: k, over: A } = z;
@@ -11887,7 +11885,7 @@ function Ld({
           Ue,
           {
             items: w.groups.map((z) => z.id),
-            strategy: Mt,
+            strategy: Tt,
             children: w.groups.map(
               (z) => O(z, L + 1, w.id)
             )
@@ -11951,13 +11949,13 @@ function Ld({
         /* @__PURE__ */ e("div", { className: "h-5 w-5 animate-spin rounded-full border-2 border-gray-300 border-t-gray-600" }),
         /* @__PURE__ */ e("span", { className: "ml-2 text-sm text-gray-600", children: "Loading columns..." })
       ] }) : O(l),
-      /* @__PURE__ */ e("div", { className: "mt-4 border-t border-gray-200 pt-4", children: /* @__PURE__ */ s("div", { className: "flex items-center space-x-2", children: [
+      /* @__PURE__ */ e("div", { className: "mt-4 border-t border-border pt-4", children: /* @__PURE__ */ s("div", { className: "flex items-center space-x-2", children: [
         /* @__PURE__ */ e(
           On,
           {
             id: "advanced-mode",
             checked: x,
-            onCheckedChange: (w) => b(!!w)
+            onCheckedChange: (w) => v(!!w)
           }
         ),
         /* @__PURE__ */ e(
@@ -11969,9 +11967,9 @@ function Ld({
           }
         )
       ] }) }),
-      E && /* @__PURE__ */ s("div", { className: "mt-4 border-t border-gray-200 pt-4", children: [
-        /* @__PURE__ */ e("div", { className: "mb-2 text-xs font-medium text-gray-700", children: "SQL WHERE Clause Preview" }),
-        /* @__PURE__ */ e("div", { className: "overflow-x-auto rounded-md border bg-gray-50 p-3", children: /* @__PURE__ */ e("pre", { className: "whitespace-pre-wrap font-mono text-xs text-gray-800", children: M(l) }) })
+      E && /* @__PURE__ */ s("div", { className: "mt-4 border-t border-border pt-4", children: [
+        /* @__PURE__ */ e("div", { className: "mb-2 text-xs font-medium text-muted-foreground", children: "SQL WHERE Clause Preview" }),
+        /* @__PURE__ */ e("div", { className: "overflow-x-auto rounded-md border bg-muted p-3", children: /* @__PURE__ */ e("pre", { className: "whitespace-pre-wrap font-mono text-xs text-muted-foreground", children: M(l) }) })
       ] })
     ] }) }) }),
     /* @__PURE__ */ s("div", { className: "flex justify-end gap-2", children: [
@@ -12000,7 +11998,7 @@ function Rd({
   return /* @__PURE__ */ e(pn, { open: l, onOpenChange: o, children: /* @__PURE__ */ s(fn, { className: "max-h-[80vh] max-w-4xl overflow-y-auto", children: [
     /* @__PURE__ */ s(gn, { children: [
       /* @__PURE__ */ e(yn, { children: "Card Filters" }),
-      /* @__PURE__ */ e(vn, { children: "Add filters to the card to limit the data that is displayed." })
+      /* @__PURE__ */ e(bn, { children: "Add filters to the card to limit the data that is displayed." })
     ] }),
     /* @__PURE__ */ e(
       Ld,
@@ -12044,10 +12042,10 @@ function Vd({
     (f, M) => {
       var E;
       return !u || !((E = u.baseEntity) != null && E.name) || !u.joins ? !1 : f === M || f === u.baseEntity.name || M === u.baseEntity.name ? !0 : u.joins.some((D) => {
-        const v = ca(D.source), x = ca(D.target);
-        return console.log(v, x), console.log(
-          v === f && x === M || v === M && x === f
-        ), v === f && x === M || v === M && x === f;
+        const b = da(D.source), x = da(D.target);
+        return console.log(b, x), console.log(
+          b === f && x === M || b === M && x === f
+        ), b === f && x === M || b === M && x === f;
       });
     },
     [u]
@@ -12059,7 +12057,7 @@ function Vd({
       duration: 4e3
     });
   }, []), C = (f, M) => {
-    const E = Vr(M, f), D = Je(f.dataType), v = D === "date", x = {
+    const E = Vr(M, f), D = Je(f.dataType), b = D === "date", x = {
       id: E,
       name: f.name,
       dataType: f.dataType,
@@ -12070,18 +12068,18 @@ function Vd({
       entityType: f.entityType
     };
     if (M === "metrics") {
-      const b = D === "number" ? "SUM" : "COUNT", S = Rr(f.label, b);
+      const v = D === "number" ? "SUM" : "COUNT", S = Rr(f.label, v);
       return {
         ...x,
         role: "metric",
         label: S,
-        aggregate: b
+        aggregate: v
       };
     }
     return M === "groupBy" ? {
       ...x,
       role: "groupby",
-      ...v && {
+      ...b && {
         granularity: "month"
       }
     } : M === "pivotBy" ? {
@@ -12101,8 +12099,8 @@ function Vd({
         l(null);
         return;
       }
-      const D = M.id, v = E.id, x = h(D), b = h(v) || v;
-      if (x === "source" && b !== "source") {
+      const D = M.id, b = E.id, x = h(D), v = h(b) || b;
+      if (x === "source" && v !== "source") {
         const S = [...a].find((F) => F.id === D);
         if (!S) {
           l(null);
@@ -12134,35 +12132,35 @@ function Vd({
               return;
             }
         }
-        const I = n(b);
+        const I = n(v);
         if (I.some(
           (F) => F.name === S.name && F.qualifiedEntityName === S.qualifiedEntityName
         )) {
           l(null);
           return;
         }
-        const L = C(S, b);
-        l(null), r(b, [...I, L]);
+        const L = C(S, v);
+        l(null), r(v, [...I, L]);
         return;
       }
-      if (x && b && x !== "source" && b !== "source" && x !== b) {
-        const S = n(x), O = n(b), I = S.find((F) => F.id === D);
+      if (x && v && x !== "source" && v !== "source" && x !== v) {
+        const S = n(x), O = n(v), I = S.find((F) => F.id === D);
         if (!I) {
           l(null);
           return;
         }
-        const w = C(I, b);
+        const w = C(I, v);
         l(null);
         const L = S.filter(
           (F) => F.id !== D
         );
-        r(x, L), r(b, [...O, w]);
+        r(x, L), r(v, [...O, w]);
         return;
       }
-      if (x && b && x === b && x !== "source") {
-        const S = n(x), O = S.findIndex((w) => w.id === D), I = S.findIndex((w) => w.id === v);
+      if (x && v && x === v && x !== "source") {
+        const S = n(x), O = S.findIndex((w) => w.id === D), I = S.findIndex((w) => w.id === b);
         if (O !== I) {
-          const w = Wn(S, O, I);
+          const w = Zn(S, O, I);
           r(x, w);
         }
       }
@@ -12203,47 +12201,47 @@ const jd = (t) => {
       switch (D) {
         case "groupBy":
           return (t.config.groupByColumns || []).map(
-            (v) => ({
-              id: v.id,
-              name: v.name,
-              dataType: v.dataType,
-              label: v.label !== void 0 ? v.label : v.name,
-              qualifiedEntityName: v.qualifiedEntityName,
-              entityId: v.entityId,
-              entityName: v.entityName,
-              entityType: v.entityType,
-              dateFormat: v.dateFormat,
-              customFormat: v.customFormat,
-              granularity: v.granularity
+            (b) => ({
+              id: b.id,
+              name: b.name,
+              dataType: b.dataType,
+              label: b.label !== void 0 ? b.label : b.name,
+              qualifiedEntityName: b.qualifiedEntityName,
+              entityId: b.entityId,
+              entityName: b.entityName,
+              entityType: b.entityType,
+              dateFormat: b.dateFormat,
+              customFormat: b.customFormat,
+              granularity: b.granularity
             })
           );
         case "metrics":
           return t.config.metricColumns || [];
         case "pivotBy":
           return (t.config.pivotByColumns || []).map(
-            (v) => ({
-              id: v.id,
-              name: v.name,
-              dataType: v.dataType,
-              label: v.label !== void 0 ? v.label : v.name,
-              qualifiedEntityName: v.qualifiedEntityName,
-              entityId: v.entityId,
-              entityName: v.entityName,
-              entityType: v.entityType
+            (b) => ({
+              id: b.id,
+              name: b.name,
+              dataType: b.dataType,
+              label: b.label !== void 0 ? b.label : b.name,
+              qualifiedEntityName: b.qualifiedEntityName,
+              entityId: b.entityId,
+              entityName: b.entityName,
+              entityType: b.entityType
             })
           );
         case "sortBy":
           return (t.config.sortByColumns || []).map(
-            (v) => ({
-              id: v.id,
-              name: v.name,
-              dataType: v.dataType,
-              label: v.label !== void 0 ? v.label : v.name,
-              qualifiedEntityName: v.qualifiedEntityName,
-              entityId: v.entityId,
-              entityName: v.entityName,
-              entityType: v.entityType,
-              direction: v.direction
+            (b) => ({
+              id: b.id,
+              name: b.name,
+              dataType: b.dataType,
+              label: b.label !== void 0 ? b.label : b.name,
+              qualifiedEntityName: b.qualifiedEntityName,
+              entityId: b.entityId,
+              entityName: b.entityName,
+              entityType: b.entityType,
+              direction: b.direction
             })
           );
         case "source":
@@ -12254,30 +12252,30 @@ const jd = (t) => {
     },
     [t]
   ), C = Ne(
-    (D, v) => {
+    (D, b) => {
       if (d)
         switch (D) {
           case "groupBy": {
             a(d, {
-              groupByColumns: v
+              groupByColumns: b
             });
             break;
           }
           case "metrics": {
             a(d, {
-              metricColumns: v
+              metricColumns: b
             });
             break;
           }
           case "pivotBy": {
             a(d, {
-              pivotByColumns: v
+              pivotByColumns: b
             });
             break;
           }
           case "sortBy": {
             a(d, {
-              sortByColumns: v
+              sortByColumns: b
             });
             break;
           }
@@ -12291,9 +12289,9 @@ const jd = (t) => {
       // createSortByColumn,
     ]
   ), g = Ne(
-    (D, v, x) => {
+    (D, b, x) => {
       if (!d) return;
-      const S = m(D)[v];
+      const S = m(D)[b];
       if (S)
         switch (D) {
           case "groupBy":
@@ -12319,74 +12317,74 @@ const jd = (t) => {
       l
     ]
   ), y = Ne(
-    (D, v) => {
+    (D, b) => {
       if (!d) return;
-      const b = m("metrics")[D];
-      b && r(d, b.id, {
-        aggregate: v,
+      const v = m("metrics")[D];
+      v && r(d, v.id, {
+        aggregate: b,
         label: Rr(
-          b.name,
-          v
+          v.name,
+          b
         )
       });
     },
     [d, m, r]
   ), p = Ne(
-    (D, v, x) => {
+    (D, b, x) => {
       if (!d) return;
       const S = m("groupBy")[D];
       if (!S) return;
       const O = {
-        dateFormat: v
+        dateFormat: b
       };
-      v === "custom" && x ? O.customFormat = x : O.customFormat = void 0, n(d, S.id, O);
+      b === "custom" && x ? O.customFormat = x : O.customFormat = void 0, n(d, S.id, O);
     },
     [d, m, n]
   ), N = Ne(
-    (D, v) => {
+    (D, b) => {
       if (!d) return;
-      const b = m("groupBy")[D];
-      b && n(d, b.id, {
-        granularity: v
+      const v = m("groupBy")[D];
+      v && n(d, v.id, {
+        granularity: b
       });
     },
     [d, m, n]
   ), f = Ne(
-    (D, v) => {
+    (D, b) => {
       if (!d) return;
-      const b = m("metrics")[D];
-      b && r(d, b.id, {
-        aliasTemplate: v
+      const v = m("metrics")[D];
+      v && r(d, v.id, {
+        aliasTemplate: b
       });
     },
     [d, m, r]
   ), M = Ne(
-    (D, v) => {
-      if (console.log("handleValueAliasesChange", D, v), !d) return;
-      console.log("handleValueAliasesChange", D, v);
-      const b = m("metrics")[D];
-      b && (console.log("handleValueAliasesChange", v), r(d, b.id, {
-        valueAliases: v
+    (D, b) => {
+      if (console.log("handleValueAliasesChange", D, b), !d) return;
+      console.log("handleValueAliasesChange", D, b);
+      const v = m("metrics")[D];
+      v && (console.log("handleValueAliasesChange", b), r(d, v.id, {
+        valueAliases: b
       }));
     },
     [d, m, r]
   ), E = Ne(
-    (D, v) => {
+    (D, b) => {
       if (!d) return;
-      const b = m(D)[v];
-      if (b)
+      const v = m(D)[b];
+      if (v)
         switch (D) {
           case "groupBy":
-            o(d, b.id);
+            o(d, v.id);
             break;
           case "metrics":
-            u(d, b.id);
+            u(d, v.id);
             break;
           case "pivotBy":
-            c(d, b.id);
+            c(d, v.id);
             break;
           case "sortBy":
-            h(d, b.id);
+            h(d, v.id);
             break;
         }
     },
@@ -12417,10 +12415,31 @@ function qd({ activeView: t, onViewChange: a }) {
     {
       value: t,
       onValueChange: (n) => a(n),
-      children: /* @__PURE__ */ s(Wt, { className: "h-9 w-fit", children: [
-        /* @__PURE__ */ e(Te, { value: "table", className: "text-xs", children: "Results" }),
-        /* @__PURE__ */ e(Te, { value: "chart", className: "text-xs", children: "Chart" }),
-        /* @__PURE__ */ e(Te, { value: "sql", className: "text-xs", children: "SQL" })
+      children: /* @__PURE__ */ s(Wt, { className: "h-9 w-fit bg-background p-0", children: [
+        /* @__PURE__ */ e(
+          Te,
+          {
+            value: "chart",
+            className: "rounded-none transition data-[state=active]:border-b-2 data-[state=active]:border-foreground data-[state=active]:bg-muted",
+            children: "Chart"
+          }
+        ),
+        /* @__PURE__ */ e(
+          Te,
+          {
+            value: "table",
+            className: "rounded-none transition data-[state=active]:border-b-2 data-[state=active]:border-foreground data-[state=active]:bg-muted",
+            children: "Results"
+          }
+        ),
+        /* @__PURE__ */ e(
+          Te,
+          {
+            value: "sql",
+            className: "rounded-none transition data-[state=active]:border-b-2 data-[state=active]:border-foreground data-[state=active]:bg-muted",
+            children: "SQL"
+          }
+        )
       ] })
     }
   );
@@ -12453,7 +12472,7 @@ function Pd() {
         const m = d.target.value;
         l(m), m && !isNaN(parseInt(m)) && a(t.id, parseInt(m));
       },
-      className: "h-9 w-24",
+      className: "h-7 w-24",
       placeholder: "Enter limit",
       min: 1
     }
@@ -12463,7 +12482,7 @@ function Pd() {
       value: ((h = (c = t.config) == null ? void 0 : c.rowLimit) == null ? void 0 : h.toString()) || "100",
       onValueChange: o,
       children: [
-        /* @__PURE__ */ e(oe, { className: "h-9 w-24", children: /* @__PURE__ */ e(ce, { placeholder: "Select limit" }) }),
+        /* @__PURE__ */ e(oe, { className: "h-8 w-24 border-none px-1", children: /* @__PURE__ */ e(ce, { placeholder: "Select limit" }) }),
         /* @__PURE__ */ e(de, { children: Bd.map((d) => /* @__PURE__ */ e(U, { value: d.value, children: d.label }, d.value)) })
       ]
     }
@@ -12497,23 +12516,23 @@ function _d({
     isLoading: E,
     isFetching: D
   } = Ee(h);
-  function v() {
+  function b() {
     return /* @__PURE__ */ e("div", { className: "border-b border-border bg-background p-4", children: /* @__PURE__ */ s("div", { className: "space-y-4", children: [
       /* @__PURE__ */ s("div", { children: [
-        /* @__PURE__ */ e("h3", { className: "mb-2 text-sm font-medium text-gray-700", children: "Active Card Config" }),
-        /* @__PURE__ */ e("pre", { className: "max-h-40 overflow-auto rounded border bg-background p-3 text-xs text-gray-800", children: JSON.stringify(g.config || {}, null, 2) })
+        /* @__PURE__ */ e("h3", { className: "mb-2 text-sm font-medium", children: "Active Card Config" }),
+        /* @__PURE__ */ e("pre", { className: "max-h-40 overflow-auto rounded border bg-background p-3 text-xs", children: JSON.stringify(g.config || {}, null, 2) })
       ] }),
       /* @__PURE__ */ s("div", { children: [
-        /* @__PURE__ */ e("h3", { className: "mb-2 text-sm font-medium text-gray-700", children: "Card Data Source State" }),
-        /* @__PURE__ */ e("pre", { className: "max-h-40 overflow-auto rounded border bg-background p-3 text-xs text-gray-800", children: JSON.stringify(h.dataSource || {}, null, 2) })
+        /* @__PURE__ */ e("h3", { className: "mb-2 text-sm font-medium", children: "Card Data Source State" }),
+        /* @__PURE__ */ e("pre", { className: "max-h-40 overflow-auto rounded border bg-background p-3 text-xs", children: JSON.stringify(h.dataSource || {}, null, 2) })
       ] }),
       /* @__PURE__ */ s("div", { children: [
-        /* @__PURE__ */ s("h3", { className: "mb-2 text-sm font-medium text-gray-700", children: [
+        /* @__PURE__ */ s("h3", { className: "mb-2 text-sm font-medium", children: [
           "Columns (",
           d.length,
           ")"
         ] }),
-        /* @__PURE__ */ e("pre", { className: "max-h-40 overflow-auto rounded border bg-background p-3 text-xs text-gray-800", children: m ? "Loading..." : C ? "Error loading columns" : JSON.stringify(d.slice(0, 5), null, 2) })
+        /* @__PURE__ */ e("pre", { className: "max-h-40 overflow-auto rounded border bg-background p-3 text-xs", children: m ? "Loading..." : C ? "Error loading columns" : JSON.stringify(d.slice(0, 5), null, 2) })
       ] })
     ] }) });
   }
@@ -12550,7 +12569,7 @@ function _d({
       ...I,
       sortByColumns: w
     });
-  }, b = rt(() => {
+  }, v = rt(() => {
     var O, I;
     return (I = (O = g.config) == null ? void 0 : O.sortByColumns) == null ? void 0 : I.map((w) => ({
       id: w.label,
@@ -12572,26 +12591,25 @@ function _d({
           filterCount: c
         }
       ),
-      n && v(),
+      n && b(),
       /* @__PURE__ */ s("div", { className: "group/visualization flex max-w-full grow flex-col", children: [
         /* @__PURE__ */ s("div", { className: "z-50 flex items-center gap-2 px-6", children: [
           /* @__PURE__ */ s("div", { className: "flex items-center justify-between gap-2", children: [
             /* @__PURE__ */ e(qd, { activeView: t, onViewChange: a }),
+            u && /* @__PURE__ */ s(
+              ae,
+              {
+                tooltip: "Card Filters",
+                className: "gap-1",
+                onClick: u,
+                children: [
+                  /* @__PURE__ */ e(Ta, { className: "h-3.5 w-3.5" }),
+                  c > 0 && /* @__PURE__ */ e("span", { className: "ml-1 rounded-full bg-blue-100 px-1.5 py-0.5 text-xs text-blue-800", children: c })
+                ]
+              }
+            ),
             /* @__PURE__ */ e(Pd, {})
           ] }),
-          u && /* @__PURE__ */ s(
-            P,
-            {
-              variant: "outline",
-              size: "sm",
-              className: "gap-1",
-              onClick: u,
-              children: [
-                /* @__PURE__ */ e(Ta, { className: "h-3.5 w-3.5" }),
-                c > 0 && /* @__PURE__ */ e("span", { className: "ml-1 rounded-full bg-blue-100 px-1.5 py-0.5 text-xs text-blue-800", children: c })
-              ]
-            }
-          ),
           /* @__PURE__ */ s(
             "div",
             {
@@ -12599,7 +12617,7 @@ function _d({
                 "justify-between": p
               }),
               children: [
-                t === "chart" && p && /* @__PURE__ */ e(wr, { variant: "outline" }),
+                t === "chart" && p && /* @__PURE__ */ e(wr, {}),
                 /* @__PURE__ */ e("div", { className: "opacity-0 transition-opacity group-hover/visualization:opacity-100", children: t === "chart" && /* @__PURE__ */ e(Sr, {}) })
               ]
             }
@@ -12616,11 +12634,11 @@ function _d({
               card: h,
               data: N == null ? void 0 : N.records,
               onSortChange: x,
-              sortState: b
+              sortState: v
             }
           ) }),
           t === "sql" && /* @__PURE__ */ e("div", { className: "p-6", children: /* @__PURE__ */ s("div", { className: "rounded-md border bg-background p-4", children: [
-            /* @__PURE__ */ e("h3", { className: "mb-3 text-sm font-medium text-gray-700", children: "Generated SQL Query" }),
+            /* @__PURE__ */ e("h3", { className: "mb-3 text-sm font-medium", children: "Generated SQL Query" }),
             /* @__PURE__ */ e(pr, { sql: N == null ? void 0 : N.sql, error: f })
           ] }) })
         ] })
@@ -12630,14 +12648,14 @@ function _d({
 }
 function $d({ activeField: t }) {
   const [a, n] = V(!0);
-  return ve(() => {
+  return be(() => {
     t && n(!0);
   }, [t]), t ? /* @__PURE__ */ s(
     "div",
     {
       className: `flex items-center gap-2 rounded-lg border border-blue-500 bg-background p-2 shadow-lg transition-all duration-200 ${a ? "scale-100 opacity-100" : "scale-95 opacity-0"}`,
       children: [
-        /* @__PURE__ */ e(Ft, { className: "h-3 w-3 text-gray-400" }),
+        /* @__PURE__ */ e(Ft, { className: "h-3 w-3 text-muted-foreground" }),
         /* @__PURE__ */ e(zr, { dataType: t.dataType }),
         /* @__PURE__ */ e("span", { className: "text-sm dark:text-muted-foreground", children: t.name })
       ]
@@ -12676,7 +12694,7 @@ function Jd() {
   const [t, a] = V(
     "chart"
   ), [n, r] = V(!1), [i, l] = V(!1), o = T((ne) => ne.showAIDialog), { setCardType: u } = X(), c = T((ne) => ne.card.type);
-  ve(() => Gd(), []);
+  be(() => Gd(), []);
   const h = () => {
     console.log("Accept clicked - would save/apply current configuration");
   }, d = () => {
@@ -12692,9 +12710,9 @@ function Jd() {
     (ne) => ne.actions.getAvailableFields
   );
   const { addCard: N, removeCard: f, updateCard: M, setActiveCard: E, updateFilters: D } = X(), {
-    columns: v = [],
+    columns: b = [],
     isLoading: x,
-    error: b
+    error: v
   } = Zt(), S = Bt(
     Xe(on, {
       activationConstraint: {
@@ -12713,7 +12731,7 @@ function Jd() {
     removeField: B
   } = jd(O), { activeField: $, handleDragStart: j, handleDragEnd: re } = Vd({
     activeCardId: y.activeCardId,
-    sourceFields: v,
+    sourceFields: b,
     getFieldsForContainer: I,
     setFieldsForContainer: w
   }), ee = (ne, ye) => {
@@ -12726,7 +12744,7 @@ function Jd() {
         filters: void 0
       }
     });
-  }, te = v, Y = (ne) => {
+  }, te = b, Y = (ne) => {
     if (!ne) return 0;
     let ye = ne.conditions.length;
     return ne.groups.forEach((Ve) => {
@@ -12734,7 +12752,7 @@ function Jd() {
     }), ye;
   }, J = Y(((K = O == null ? void 0 : O.config) == null ? void 0 : K.filters) || null);
   return /* @__PURE__ */ s(
-    Tt,
+    Dt,
     {
       sensors: S,
       collisionDetection: _t,
@@ -12775,10 +12793,10 @@ function Jd() {
               onFiltersClick: C,
               filterCount: J,
               activeCard: O,
-              dataSourceState: p.dataSource || Qn,
-              columns: v,
+              dataSourceState: p.dataSource || Wn,
+              columns: b,
               columnsLoading: x,
-              columnsError: b,
+              columnsError: v,
               getFieldsForContainer: I,
               cards: y.cards,
               activeCardId: y.activeCardId,
@@ -12805,18 +12823,18 @@ function Jd() {
   );
 }
 function Hd({ authToken: t, onSave: a, onClose: n }) {
-  const r = ft(null), i = T((M) => M.showAIDialog), l = T((M) => M.isDevMode), { setAuthToken: o } = Ot(), { setShowAIDialog: u, setOnSave: c, setOnClose: h } = X(), {
+  const r = ft(null), i = T((M) => M.showAIDialog), l = T((M) => M.isDevMode), { setAuthToken: o } = It(), { setShowAIDialog: u, setOnSave: c, setOnClose: h } = X(), {
     handleDragOver: d,
     handleDragEnd: m,
     handleDragStart: C,
     handleDragCancel: g,
     sensors: y
   } = jo();
-  ve(() => {
+  be(() => {
     a && c(a), n && h(n);
-  }, [a, c, n, h]), ve(() => {
+  }, [a, c, n, h]), be(() => {
     t && t.accessToken && o(t);
-  }, [t, o]), ve(() => {
+  }, [t, o]), be(() => {
     var M, E;
     i ? ((M = r.current) == null || M.resize(40), u(!0)) : (u(!1), (E = r.current) == null || E.resize(0));
   }, [i, u]);
@@ -12824,7 +12842,7 @@ function Hd({ authToken: t, onSave: a, onClose: n }) {
     M < 1 ? u(!1) : i || u(!0);
   }
   function N() {
-    return /* @__PURE__ */ s(ae, { children: [
+    return /* @__PURE__ */ s(se, { children: [
       /* @__PURE__ */ e(hr, { type: "main" }),
       /* @__PURE__ */ s(
         et,
@@ -12875,7 +12893,7 @@ function Hd({ authToken: t, onSave: a, onClose: n }) {
     );
   }
   return /* @__PURE__ */ e(Dn, { FallbackComponent: tr, children: l ? /* @__PURE__ */ e(
-    Tt,
+    Dt,
     {
       sensors: y,
       onDragStart: C,
@@ -12915,7 +12933,7 @@ function Ud() {
 }
 function Yd() {
   const t = T((l) => l.selectedDatabaseName), a = T((l) => l.selectedTableName), n = G((l) => l.dashboard.filters) || [], { columns: r } = Pe(), { assignFilter: i } = Ir();
-  return /* @__PURE__ */ e(bt, { className: "flex-1 basis-0 flex-col px-3", children: r == null ? void 0 : r.map((l) => {
+  return /* @__PURE__ */ e(xt, { className: "flex-1 basis-0 flex-col px-3", children: r == null ? void 0 : r.map((l) => {
     const o = n == null ? void 0 : n.find(
       (u) => u.column === qe(l.column_name) && u.table === a && u.database === t
     );
@@ -12952,7 +12970,7 @@ function Kd() {
           onClick: () => t(!1),
           className: "h-7 w-7 p-0",
           variant: "ghost",
-          children: /* @__PURE__ */ e(ua, {})
+          children: /* @__PURE__ */ e(ma, {})
         }
       )
     ] }),
@@ -13039,13 +13057,13 @@ function Zd() {
             className: "absolute right-2 top-2 z-10 h-8",
             onClick: () => r(!1),
             children: [
-              /* @__PURE__ */ e(be, { className: "mr-2 h-4 w-4" }),
+              /* @__PURE__ */ e(ve, { className: "mr-2 h-4 w-4" }),
               "Close"
             ]
           }
         ),
         /* @__PURE__ */ e(
-          vl,
+          bl,
           {
             onChange: (i) => {
               if (i)
@@ -13082,7 +13100,7 @@ function su({
   showFooter: a = !0,
   ...n
 }) {
-  return /* @__PURE__ */ e(Dn, { FallbackComponent: tr, children: /* @__PURE__ */ s(bl, { dashboardProps: n, children: [
+  return /* @__PURE__ */ e(Dn, { FallbackComponent: tr, children: /* @__PURE__ */ s(vl, { dashboardProps: n, children: [
     /* @__PURE__ */ e(xl, {}),
     /* @__PURE__ */ s(Nl, { children: [
       /* @__PURE__ */ e(Zd, {}),