react-semaphor 0.0.380 → 0.0.381

package/dist/index.js

@@ -1,8 +1,8 @@
-import { c as H, p as zt, u as z, a as Xe, b as Te, d as It, e as Tt, B as M, P as Ye, f as Dt, g as Mt, h as Lt, i as Ft, L as G, I as pe, j as ma, k as Vt, l as Et, m as At, n as pa, o as fa, q as cn, r as ta, s as ee, C as We, t as dn, v as p, w as un, x as hn, y as ga, F as ba, z as Ke, A as Qe, T as va, E as mn, G as ya, S as ye, H as xe, J as Ne, K as Ce, M as Oe, N as Se, O as te, Q as qt, R as Rt, U as jt, V as xa, W as Na, X as be, Y as pn, Z as fn, _ as Ca, $ as gn, a0 as bn, a1 as vn, a2 as Sa, a3 as we, a4 as yn, a5 as He, a6 as St, a7 as Le, a8 as _e, a9 as ze, aa as xn, ab as Nn, ac as aa, ad as Cn, ae as ut, af as Sn, ag as wn, ah as kn, ai as On, aj as Nt, ak as zn, al as In, am as Tn, an as Ve, ao as de, ap as wa, aq as Dn, ar as ht, as as Mn, at as Ln, au as wt, av as Fn, aw as Vn, ax as rt, ay as ke, az as it, aA as En, aB as An, aC as qn, aD as Rn, aE as Ct, aF as jn, aG as na, aH as _n, aI as sa, aJ as Hn, aK as Pn, aL as $n, aM as Bn, aN as ka, aO as Un, aP as _t, aQ as Oa, aR as Gn, aS as Jn, aT as nt, aU as Wn, aV as Kn, aW as za, aX as Qn, aY as Zn, aZ as Xn, a_ as Yn, a$ as es, b0 as mt, b1 as Ia, b2 as ts, b3 as Ta, b4 as Da, b5 as st, b6 as lt, b7 as as, b8 as ns, b9 as ss, ba as ls, bb as pt, bc as ft, bd as gt, be as rs, bf as is, bg as os, bh as cs, bi as ds, bj as us, bk as hs, bl as bt, bm as Fe, bn as ms, bo as Ue, bp as Ht, bq as Ma, br as ps, bs as fs, bt as ot, bu as gs, bv as bs, bw as vs, bx as ys, by as la, bz as ra, bA as La, bB as xs, bC as Ns, bD as Cs, bE as Ss, bF as ws, bG as ks, bH as Os, bI as zs, bJ as Ee, bK as Z, bL as X, bM as Pt, bN as Y, bO as Is, bP as Fa, bQ as Ts, bR as Ds, bS as Ms, bT as Ls, bU as Fs, bV as Vs, bW as Es, bX as As, bY as qs } from "./chunks/index-DVyKgtY2.js";
-import { D as _r, c1 as Hr, b$ as Pr, b$ as $r, c3 as Br, c2 as Ur, c4 as Gr, c0 as Jr, bZ as Wr, b_ as Kr } from "./chunks/index-DVyKgtY2.js";
+import { c as H, p as Ot, u as T, a as Ze, b as Me, d as Tt, e as Mt, B as I, P as Xe, f as Dt, g as It, h as Lt, i as Ft, L as G, I as pe, j as da, k as Vt, l as Et, m as At, n as ua, o as ha, q as cn, r as Xt, s as ee, C as ut, t as dn, v as p, w as un, x as hn, y as ma, F as pa, z as We, A as Ke, T as fa, E as mn, G as ga, S as ve, H as xe, J as Ne, K as Ce, M as ke, N as Se, O as te, Q as ba, R as ya, U as va, V as xa, W as Na, X as be, Y as pn, Z as fn, _ as Ca, $ as gn, a0 as bn, a1 as yn, a2 as Sa, a3 as Te, a4 as vn, a5 as He, a6 as St, a7 as Le, a8 as _e, a9 as ze, aa as xn, ab as Nn, ac as Cn, ad as Yt, ae as Sn, af as Ye, ag as wn, ah as kn, ai as zn, aj as On, ak as Nt, al as Tn, am as Mn, an as Ve, ao as de, ap as wa, aq as Dn, ar as ht, as as In, at as Ln, au as Fn, av as wt, aw as Vn, ax as En, ay as rt, az as we, aA as it, aB as An, aC as qn, aD as Rn, aE as jn, aF as Ct, aG as _n, aH as ea, aI as Hn, aJ as ta, aK as Pn, aL as $n, aM as Un, aN as Bn, aO as ka, aP as Gn, aQ as qt, aR as za, aS as Jn, aT as Wn, aU as nt, aV as Kn, aW as Qn, aX as Oa, aY as Zn, aZ as Xn, a_ as Yn, a$ as es, b0 as ts, b1 as mt, b2 as Ta, b3 as as, b4 as Ma, b5 as Da, b6 as st, b7 as lt, b8 as ns, b9 as ss, ba as ls, bb as rs, bc as pt, bd as ft, be as gt, bf as is, bg as os, bh as cs, bi as ds, bj as us, bk as hs, bl as ms, bm as bt, bn as Fe, bo as ps, bp as Be, bq as Rt, br as Ia, bs as fs, bt as gs, bu as ot, bv as bs, bw as ys, bx as vs, by as xs, bz as aa, bA as na, bB as La, bC as Ns, bD as Cs, bE as Ss, bF as ws, bG as ks, bH as zs, bI as Os, bJ as Ts, bK as Ee, bL as Z, bM as X, bN as jt, bO as Y, bP as Ms, bQ as Fa, bR as Ds, bS as Is, bT as Ls, bU as Fs, bV as Vs, bW as Es, bX as As, bY as qs, bZ as Rs } from "./chunks/index-Aexvs6bn.js";
+import { D as _r, c2 as Hr, c0 as Pr, c0 as $r, c4 as Ur, c3 as Br, c5 as Gr, c1 as Jr, b_ as Wr, b$ as Kr } from "./chunks/index-Aexvs6bn.js";
 import { jsxs as n, jsx as e, Fragment as ae } from "react/jsx-runtime";
-import * as ia from "react";
-import Ie, { useState as j, useMemo as kt, useEffect as ce, useRef as Ge, useCallback as Va, Suspense as Rs } from "react";
+import * as sa from "react";
+import Oe, { useState as j, useMemo as kt, useEffect as ce, useRef as Ge, useCallback as Va, Suspense as js } from "react";
 import "react-dom";
 /**
  * @license lucide-react v0.453.0 - ISC
@@ -10,7 +10,7 @@ import "react-dom";
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const js = H("Box", [
+const _s = H("Box", [
   [
     "path",
     {
@@ -27,7 +27,7 @@ const js = H("Box", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const _s = H("Braces", [
+const Hs = H("Braces", [
   [
     "path",
     { d: "M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5c0 1.1.9 2 2 2h1", key: "ezmyqa" }
@@ -46,7 +46,7 @@ const _s = H("Braces", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Hs = H("ChartArea", [
+const Ps = H("ChartArea", [
   ["path", { d: "M3 3v16a2 2 0 0 0 2 2h16", key: "c24i48" }],
   [
     "path",
@@ -62,7 +62,7 @@ const Hs = H("ChartArea", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const $t = H("ChartColumnIncreasing", [
+const _t = H("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" }],
@@ -74,7 +74,7 @@ const $t = H("ChartColumnIncreasing", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Bt = H("ChartLine", [
+const Ht = H("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" }]
 ]);
@@ -125,7 +125,7 @@ const qa = H("ChartScatter", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ps = H("CircleX", [
+const $s = H("CircleX", [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
   ["path", { d: "m9 9 6 6", key: "z0biqf" }]
@@ -136,7 +136,7 @@ const Ps = H("CircleX", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const $s = H("CopyPlus", [
+const Us = H("CopyPlus", [
   ["line", { x1: "15", x2: "15", y1: "12", y2: "18", key: "1p7wdc" }],
   ["line", { x1: "12", x2: "18", y1: "15", y2: "15", key: "1nscbv" }],
   ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
@@ -159,7 +159,7 @@ const Bs = H("Database", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ut = H("EllipsisVertical", [
+const Pt = H("EllipsisVertical", [
   ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
   ["circle", { cx: "12", cy: "5", r: "1", key: "gxeob9" }],
   ["circle", { cx: "12", cy: "19", r: "1", key: "lyex9k" }]
@@ -170,7 +170,7 @@ const Ut = H("EllipsisVertical", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Us = H("Eraser", [
+const Gs = H("Eraser", [
   [
     "path",
     {
@@ -187,7 +187,7 @@ const Us = H("Eraser", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Gs = H("EyeClosed", [
+const Js = H("EyeClosed", [
   ["path", { d: "m15 18-.722-3.25", key: "1j64jw" }],
   ["path", { d: "M2 8a10.645 10.645 0 0 0 20 0", key: "1e7gxb" }],
   ["path", { d: "m20 15-1.726-2.05", key: "1cnuld" }],
@@ -200,7 +200,7 @@ const Gs = H("EyeClosed", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Js = H("FileJson2", [
+const Ws = H("FileJson2", [
   ["path", { d: "M4 22h14a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4", key: "1pf5j1" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
   [
@@ -218,7 +218,7 @@ const Js = H("FileJson2", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ws = H("Glasses", [
+const Ks = H("Glasses", [
   ["circle", { cx: "6", cy: "15", r: "4", key: "vux9w4" }],
   ["circle", { cx: "18", cy: "15", r: "4", key: "18o8ve" }],
   ["path", { d: "M14 15a2 2 0 0 0-2-2 2 2 0 0 0-2 2", key: "1ag4bs" }],
@@ -231,7 +231,7 @@ const Ws = H("Glasses", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ks = H("Hammer", [
+const Qs = H("Hammer", [
   ["path", { d: "m15 12-8.373 8.373a1 1 0 1 1-3-3L12 9", key: "eefl8a" }],
   ["path", { d: "m18 15 4-4", key: "16gjal" }],
   [
@@ -248,7 +248,7 @@ const Ks = H("Hammer", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Qs = H("Hash", [
+const Zs = H("Hash", [
   ["line", { x1: "4", x2: "20", y1: "9", y2: "9", key: "4lhtct" }],
   ["line", { x1: "4", x2: "20", y1: "15", y2: "15", key: "vyu0kd" }],
   ["line", { x1: "10", x2: "8", y1: "3", y2: "21", key: "1ggp8o" }],
@@ -260,7 +260,7 @@ const Qs = H("Hash", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Zs = H("House", [
+const Xs = H("House", [
   ["path", { d: "M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8", key: "5wwlr5" }],
   [
     "path",
@@ -276,7 +276,7 @@ const Zs = H("House", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Xs = H("ListEnd", [
+const Ys = H("ListEnd", [
   ["path", { d: "M16 12H3", key: "1a2rj7" }],
   ["path", { d: "M16 6H3", key: "1wxfjs" }],
   ["path", { d: "M10 18H3", key: "13769t" }],
@@ -289,7 +289,7 @@ const Xs = H("ListEnd", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ys = H("ListStart", [
+const el = H("ListStart", [
   ["path", { d: "M16 12H3", key: "1a2rj7" }],
   ["path", { d: "M16 18H3", key: "12xzn7" }],
   ["path", { d: "M10 6H3", key: "lf8lx7" }],
@@ -302,7 +302,7 @@ const Ys = H("ListStart", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const el = H("ListX", [
+const tl = H("ListX", [
   ["path", { d: "M11 12H3", key: "51ecnj" }],
   ["path", { d: "M16 6H3", key: "1wxfjs" }],
   ["path", { d: "M16 18H3", key: "12xzn7" }],
@@ -315,9 +315,26 @@ const el = H("ListX", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ze = H("LoaderCircle", [
+const Qe = H("LoaderCircle", [
   ["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]
 ]);
+/**
+ * @license lucide-react v0.453.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const al = H("Logs", [
+  ["path", { d: "M13 12h8", key: "h98zly" }],
+  ["path", { d: "M13 18h8", key: "oe0vm4" }],
+  ["path", { d: "M13 6h8", key: "15sg57" }],
+  ["path", { d: "M3 12h1", key: "lp3yf2" }],
+  ["path", { d: "M3 18h1", key: "1eiwyy" }],
+  ["path", { d: "M3 6h1", key: "rgxa97" }],
+  ["path", { d: "M8 12h1", key: "1con00" }],
+  ["path", { d: "M8 18h1", key: "13wk12" }],
+  ["path", { d: "M8 6h1", key: "tn6mkg" }]
+]);
 /**
  * @license lucide-react v0.453.0 - ISC
  *
@@ -341,7 +358,7 @@ const Ra = H("Map", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const tl = H("MessageSquareMore", [
+const nl = H("MessageSquareMore", [
   ["path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z", key: "1lielz" }],
   ["path", { d: "M8 10h.01", key: "19clt8" }],
   ["path", { d: "M12 10h.01", key: "1nrarc" }],
@@ -353,7 +370,7 @@ const tl = H("MessageSquareMore", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const al = H("Network", [
+const sl = H("Network", [
   ["rect", { x: "16", y: "16", width: "6", height: "6", rx: "1", key: "4q2zg0" }],
   ["rect", { x: "2", y: "16", width: "6", height: "6", rx: "1", key: "8cvhb9" }],
   ["rect", { x: "9", y: "2", width: "6", height: "6", rx: "1", key: "1egb70" }],
@@ -366,7 +383,7 @@ const al = H("Network", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const nl = H("Plug2", [
+const ll = H("Plug2", [
   ["path", { d: "M9 2v6", key: "17ngun" }],
   ["path", { d: "M15 2v6", key: "s7yy2p" }],
   ["path", { d: "M12 17v5", key: "bb1du9" }],
@@ -379,7 +396,7 @@ const nl = H("Plug2", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const sl = H("RefreshCw", [
+const rl = H("RefreshCw", [
   ["path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8", key: "v9h5vc" }],
   ["path", { d: "M21 3v5h-5", key: "1q7to0" }],
   ["path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16", key: "3uifl3" }],
@@ -391,7 +408,7 @@ const sl = H("RefreshCw", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ll = H("Save", [
+const il = H("Save", [
   [
     "path",
     {
@@ -425,7 +442,7 @@ const ja = H("Shapes", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const rl = H("ShieldQuestion", [
+const ol = H("ShieldQuestion", [
   [
     "path",
     {
@@ -442,7 +459,7 @@ const rl = H("ShieldQuestion", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const il = H("Sigma", [
+const cl = H("Sigma", [
   [
     "path",
     {
@@ -457,25 +474,7 @@ const il = H("Sigma", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ol = H("SwatchBook", [
-  ["path", { d: "M11 17a4 4 0 0 1-8 0V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2Z", key: "1ldrpk" }],
-  ["path", { d: "M16.7 13H19a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H7", key: "11i5po" }],
-  ["path", { d: "M 7 17h.01", key: "1euzgo" }],
-  [
-    "path",
-    {
-      d: "m11 8 2.3-2.3a2.4 2.4 0 0 1 3.404.004L18.6 7.6a2.4 2.4 0 0 1 .026 3.434L9.9 19.8",
-      key: "o2gii7"
-    }
-  ]
-]);
-/**
- * @license lucide-react v0.453.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Gt = H("Table", [
+const $t = H("Table", [
   ["path", { d: "M12 3v18", key: "108xh3" }],
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
   ["path", { d: "M3 9h18", key: "1pudct" }],
@@ -487,7 +486,7 @@ const Gt = H("Table", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const cl = H("Tag", [
+const dl = H("Tag", [
   [
     "path",
     {
@@ -503,7 +502,7 @@ const cl = H("Tag", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const dl = H("TicketX", [
+const ul = H("TicketX", [
   [
     "path",
     {
@@ -520,7 +519,7 @@ const dl = H("TicketX", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ul = H("ToggleLeft", [
+const hl = H("ToggleLeft", [
   ["rect", { width: "20", height: "12", x: "2", y: "6", rx: "6", ry: "6", key: "f2vt7d" }],
   ["circle", { cx: "8", cy: "12", r: "2", key: "1nvbw3" }]
 ]);
@@ -530,7 +529,7 @@ const ul = H("ToggleLeft", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Jt = H("Type", [
+const Ut = H("Type", [
   ["polyline", { points: "4 7 4 4 20 4 20 7", key: "1nosan" }],
   ["line", { x1: "9", x2: "15", y1: "20", y2: "20", key: "swin9y" }],
   ["line", { x1: "12", x2: "12", y1: "4", y2: "20", key: "1tx1rr" }]
@@ -547,14 +546,14 @@ function _a(t) {
           var i;
           return {
             ...r,
-            cards: (i = r.cards) == null ? void 0 : i.map((o) => hl(o))
+            cards: (i = r.cards) == null ? void 0 : i.map((o) => ml(o))
           };
         })
       };
     })
   };
 }
-function hl(t) {
+function ml(t) {
   var s, a, l, r;
   return {
     ...t,
@@ -569,12 +568,12 @@ function hl(t) {
         }))
       }
     },
-    customCfg: ml(t.customCfg),
+    customCfg: pl(t.customCfg),
     // if customCfg is present, clean it, otherwise return null{
     data: []
   };
 }
-function ml(t) {
+function pl(t) {
   var s, a;
   return t ? {
     ...t,
@@ -588,22 +587,22 @@ function ml(t) {
     }
   } : null;
 }
-async function pl(t, s, a, l) {
+async function fl(t, s, a, l) {
   if (!l)
     return null;
   const r = JSON.stringify(s);
-  return await zt("https://semaphor.cloud/api/v1/lens", l, {
+  return await Ot("https://semaphor.cloud/api/v1/lens", l, {
     name: t,
     template: r,
     filterValues: a,
     operation: "create"
   });
 }
-async function Ot(t, s) {
+async function zt(t, s) {
   if (!s)
     return null;
   const { id: a, template: l, filterValues: r, isDefault: i, shared: o } = t;
-  return await zt("https://semaphor.cloud/api/v1/lens", s, {
+  return await Ot("https://semaphor.cloud/api/v1/lens", s, {
     lensId: a,
     template: l,
     filterValues: r,
@@ -612,19 +611,19 @@ async function Ot(t, s) {
     operation: "update"
   });
 }
-async function fl(t, s) {
-  return s ? await zt("https://semaphor.cloud/api/v1/lens", s, {
+async function gl(t, s) {
+  return s ? await Ot("https://semaphor.cloud/api/v1/lens", s, {
     operation: "delete",
     lensId: t
   }) : null;
 }
-function gl() {
-  const [t, s] = j(""), [a, l] = j(!1), r = z((b) => b.lenses), { setLenses: i, setSelectedLensId: o } = Xe(), [c, d] = j(!1), [h, f] = j(!1), y = z((b) => b.dashboard), x = z((b) => b.filterValues), { authToken: u } = Te();
+function bl() {
+  const [t, s] = j(""), [a, l] = j(!1), r = T((b) => b.lenses), { setLenses: i, setSelectedLensId: o } = Ze(), [c, d] = j(!1), [h, f] = j(!1), v = T((b) => b.dashboard), x = T((b) => b.filterValues), { authToken: u } = Me();
   async function g() {
     d(!0);
     const b = _a(
-      y
-    ), k = await pl(
+      v
+    ), k = await fl(
       t,
       b,
       x,
@@ -632,21 +631,21 @@ function gl() {
     );
     k && (i([...r || [], k]), o(k.id), f(!1)), d(!1);
   }
-  return /* @__PURE__ */ n(It, { open: h, onOpenChange: f, children: [
-    /* @__PURE__ */ e(Tt, { asChild: !0, children: /* @__PURE__ */ n(
-      M,
+  return /* @__PURE__ */ n(Tt, { open: h, onOpenChange: f, children: [
+    /* @__PURE__ */ e(Mt, { asChild: !0, children: /* @__PURE__ */ n(
+      I,
       {
         variant: "secondary",
         className: "h-7 p-2",
         size: "sm",
         children: [
-          /* @__PURE__ */ e(Ye, { className: "mr-2 h-4 w-4", strokeWidth: 1.5 }),
+          /* @__PURE__ */ e(Xe, { className: "mr-2 h-4 w-4", strokeWidth: 1.5 }),
           "Lens"
         ]
       }
     ) }),
     /* @__PURE__ */ n(Dt, { className: "sm:max-w-[425px]", children: [
-      /* @__PURE__ */ n(Mt, { children: [
+      /* @__PURE__ */ n(It, { children: [
         /* @__PURE__ */ e(Lt, { children: "Create Lens" }),
         /* @__PURE__ */ e(Ft, { children: "Lenses are private by default and are only visible to you." })
       ] }),
@@ -665,8 +664,8 @@ function gl() {
         )
       ] }) }),
       a && /* @__PURE__ */ e("p", { className: "text-sm", children: "The lens name already exists. Use a differnet name." }),
-      /* @__PURE__ */ e(ma, { children: /* @__PURE__ */ e(
-        M,
+      /* @__PURE__ */ e(da, { children: /* @__PURE__ */ e(
+        I,
         {
           size: "sm",
           variant: "outline",
@@ -679,54 +678,54 @@ function gl() {
     ] })
   ] });
 }
-function bl() {
-  const [t, s] = j(!1), a = z((f) => f.lenses), l = z((f) => f.selectedLensId), { setLenses: r, setSelectedLensId: i } = Xe(), { authToken: o } = Te();
+function yl() {
+  const [t, s] = j(!1), a = T((f) => f.lenses), l = T((f) => f.selectedLensId), { setLenses: r, setSelectedLensId: i } = Ze(), { authToken: o } = Me();
   async function c(f) {
     i(f);
   }
   async function d(f) {
-    if (await fl(f, o == null ? void 0 : o.accessToken)) {
+    if (await gl(f, o == null ? void 0 : o.accessToken)) {
       const x = a == null ? void 0 : a.filter((u) => u.id !== f);
       r(x || []), i("original");
     }
   }
   async function h(f) {
-    const y = a == null ? void 0 : a.map((g) => g.id === f.id ? {
+    const v = a == null ? void 0 : a.map((g) => g.id === f.id ? {
       ...g,
       isDefault: !f.isDefault
     } : {
       ...g,
       isDefault: !1
     });
-    r(y || []);
+    r(v || []);
     const x = {
       ...f,
       isDefault: !f.isDefault
     };
-    await Ot(x, o == null ? void 0 : o.accessToken);
+    await zt(x, o == null ? void 0 : o.accessToken);
     const u = a == null ? void 0 : a.find((g) => g.isDefault);
     if (u && u.id !== f.id) {
       const g = {
         ...u,
         isDefault: !1
       };
-      await Ot(g, o == null ? void 0 : o.accessToken);
+      await zt(g, o == null ? void 0 : o.accessToken);
     }
   }
   return /* @__PURE__ */ n(Vt, { open: t, onOpenChange: s, children: [
-    /* @__PURE__ */ e(Et, { asChild: !0, children: /* @__PURE__ */ e(M, { variant: "ghost", className: "h-7 p-2", children: /* @__PURE__ */ e(Ws, { className: "h-4 w-4", strokeWidth: 1.5 }) }) }),
+    /* @__PURE__ */ e(Et, { asChild: !0, children: /* @__PURE__ */ e(I, { variant: "ghost", className: "h-7 p-2", children: /* @__PURE__ */ e(Ks, { className: "h-4 w-4", strokeWidth: 1.5 }) }) }),
     /* @__PURE__ */ n(At, { align: "end", className: "w-60", children: [
-      /* @__PURE__ */ e(pa, { className: "px-3", children: "Lenses" }),
-      /* @__PURE__ */ e(fa, {}),
+      /* @__PURE__ */ e(ua, { className: "px-3", children: "Lenses" }),
+      /* @__PURE__ */ e(ha, {}),
       /* @__PURE__ */ n(
         cn,
         {
           value: l,
           onValueChange: c,
           children: [
-            /* @__PURE__ */ e(ta, { value: "original", children: "Original" }),
+            /* @__PURE__ */ e(Xt, { value: "original", children: "Original" }),
             a == null ? void 0 : a.map((f) => /* @__PURE__ */ n(
-              ta,
+              Xt,
               {
                 className: "group flex justify-between gap-2",
                 value: f.id,
@@ -734,10 +733,10 @@ function bl() {
                   /* @__PURE__ */ e("p", { children: f.name }),
                   /* @__PURE__ */ n("span", { className: "flex items-center gap-3", children: [
                     /* @__PURE__ */ e(
-                      Zs,
+                      Xs,
                       {
-                        onClick: (y) => {
-                          y.preventDefault(), h(f);
+                        onClick: (v) => {
+                          v.preventDefault(), h(f);
                         },
                         className: ee(
                           "size-3.5 text-muted-foreground hover:cursor-pointer hover:text-foreground group-hover:visible",
@@ -750,10 +749,10 @@ function bl() {
                       }
                     ),
                     /* @__PURE__ */ e(
-                      We,
+                      ut,
                       {
-                        onClick: (y) => {
-                          y.preventDefault(), d(f.id);
+                        onClick: (v) => {
+                          v.preventDefault(), d(f.id);
                         },
                         className: "invisible size-3.5 text-muted-foreground hover:cursor-pointer hover:text-foreground group-hover:visible",
                         strokeWidth: 1.5
@@ -772,43 +771,43 @@ function bl() {
 }
 async function vl() {
   var u;
-  const t = z.getState().authToken, s = z.getState().theme, a = z.getState().filterValues, l = (u = z.getState().dashboard) == null ? void 0 : u.title, r = z.getState().isDownloadingPdf, i = z.getState().selectedSheetId;
+  const t = T.getState().authToken, s = T.getState().theme, a = T.getState().filterValues, l = (u = T.getState().dashboard) == null ? void 0 : u.title, r = T.getState().isDownloadingPdf, i = T.getState().selectedSheetId;
   if (r)
     return;
   const o = new URLSearchParams();
   o.set("token", (t == null ? void 0 : t.accessToken) || ""), o.set("theme", s || "light"), o.set("filterValues", JSON.stringify(a)), o.set("selectedSheetId", i || "");
   const c = `https://semaphor.cloud/api/v1/generate-pdf?params=${encodeURIComponent(o.toString())}`;
-  z.setState({ isDownloadingPdf: !0 });
+  T.setState({ isDownloadingPdf: !0 });
   const f = (await (await fetch(c, {
     method: "GET",
     headers: {
       Authorization: `Bearer ${t == null ? void 0 : t.accessToken}`
     }
-  })).json()).url, y = document.createElement("a");
-  y.href = f;
+  })).json()).url, v = document.createElement("a");
+  v.href = f;
   const x = `${l}-${(/* @__PURE__ */ new Date()).toISOString()}.pdf`;
-  y.download = x, y.click(), z.setState({ isDownloadingPdf: !1 });
+  v.download = x, v.click(), T.setState({ isDownloadingPdf: !1 });
 }
-function yl({
+function xl({
   iconClassName: t
 }) {
-  const { authToken: s } = Te();
-  z((r) => {
+  const { authToken: s } = Me();
+  T((r) => {
     var i;
     return (i = r.dashboard) == null ? void 0 : i.title;
-  }), z((r) => r.theme), z((r) => r.filterValues);
-  const a = z((r) => r.isDownloadingPdf);
+  }), T((r) => r.theme), T((r) => r.filterValues);
+  const a = T((r) => r.isDownloadingPdf);
   async function l() {
     await vl();
   }
   return /* @__PURE__ */ e(
-    M,
+    I,
     {
       variant: "link",
       className: "group h-7 p-2",
       size: "sm",
       onClick: l,
-      children: a ? /* @__PURE__ */ e(Ze, { className: ee("size-3.5 animate-spin", t) }) : /* @__PURE__ */ e(
+      children: a ? /* @__PURE__ */ e(Qe, { className: ee("size-3.5 animate-spin", t) }) : /* @__PURE__ */ e(
         dn,
         {
           className: ee("size-3.5", t),
@@ -818,31 +817,31 @@ function yl({
     }
   );
 }
-function xl() {
-  const { authToken: t } = Te();
-  z((m) => m.theme);
-  const s = z((m) => m.lenses), a = z((m) => m.selectedLensId), l = s == null ? void 0 : s.find((m) => m.id === a), r = z((m) => m.dashboard);
-  z((m) => m.selectedSheetId);
-  const i = z(
+function Nl() {
+  const { authToken: t } = Me();
+  T((m) => m.theme);
+  const s = T((m) => m.lenses), a = T((m) => m.selectedLensId), l = s == null ? void 0 : s.find((m) => m.id === a), r = T((m) => m.dashboard);
+  T((m) => m.selectedSheetId);
+  const i = T(
     (m) => m.isDashboardEditing
   ), o = p(
     (m) => m.selectedConnectionId
-  ), [c, d] = j(!1), h = z((m) => m.filterValues), f = z((m) => m.isVisualEditing), y = z((m) => m.showFilters);
-  z(
+  ), [c, d] = j(!1), h = T((m) => m.filterValues), f = T((m) => m.isVisualEditing), v = T((m) => m.showFilters);
+  T(
     (m) => m.showDashboardJSON
   );
-  const x = z((m) => m.onSaveFunction), u = z(
+  const x = T((m) => m.onSaveFunction), u = T(
     (m) => m.actions.setShowFilters
-  ), { addFrame: g, setSelectedFrameId: b } = z(
+  ), { addFrame: g, setSelectedFrameId: b } = T(
     (m) => m.actions
-  ), { getSelectedSheet: k, setIsDashboardEditing: N, setShowDashboardJSON: V } = z((m) => m.actions), w = k(), { tenantId: O, endUserId: F } = kt(
+  ), { getSelectedSheet: k, setIsDashboardEditing: N, setShowDashboardJSON: V } = T((m) => m.actions), w = k(), { tenantId: z, endUserId: F } = kt(
     () => un(t == null ? void 0 : t.accessToken),
     [t == null ? void 0 : t.accessToken]
-  ), E = kt(() => O || F, [O, F]), B = () => {
+  ), E = kt(() => z || F, [z, F]), U = () => {
     if (!i || !w) return;
     const m = {
       connectionId: o,
-      id: Ke(),
+      id: We(),
       title: "Title",
       description: "Description",
       preferences: {
@@ -856,25 +855,25 @@ function xl() {
       type: "bar",
       sql: "select COUNT(*) from YOUR_TABLE",
       data: []
-    }, v = {
-      id: Ke(),
+    }, y = {
+      id: We(),
       cards: [m],
       activeCardId: m.id
     };
-    g(w.id, v), b(v.id);
+    g(w.id, y), b(y.id);
   }, R = () => {
     N(!0);
   };
-  async function U() {
+  async function B() {
     if (d(!0), !a || !l) return;
     const m = _a(
       r
-    ), v = JSON.stringify(m), T = {
+    ), y = JSON.stringify(m), M = {
       ...l,
-      template: v,
+      template: y,
       filterValues: h
     };
-    await Ot(T, t == null ? void 0 : t.accessToken), Qe.success("Lens saved"), x == null || x(m), d(!1);
+    await zt(M, t == null ? void 0 : t.accessToken), Ke.success("Lens saved"), x == null || x(m), d(!1);
   }
   return f ? null : /* @__PURE__ */ n(
     "div",
@@ -884,36 +883,36 @@ function xl() {
       children: [
         !f && /* @__PURE__ */ e("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ e(G, { children: l == null ? void 0 : l.name }) }),
         /* @__PURE__ */ n("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ e("button", { onClick: hn, children: /* @__PURE__ */ e(dl, { className: "h-4 w-4", strokeWidth: 1.5 }) }),
-          /* @__PURE__ */ e(yl, {}),
-          i && !f && E && /* @__PURE__ */ e(gl, {}),
-          !f && E && /* @__PURE__ */ e(bl, {}),
+          /* @__PURE__ */ e("button", { onClick: hn, children: /* @__PURE__ */ e(ul, { className: "h-4 w-4", strokeWidth: 1.5 }) }),
+          /* @__PURE__ */ e(xl, {}),
+          i && !f && E && /* @__PURE__ */ e(bl, {}),
+          !f && E && /* @__PURE__ */ e(yl, {}),
           i && !f && /* @__PURE__ */ n(
-            M,
+            I,
             {
               variant: "secondary",
               className: "h-7 p-2",
               size: "sm",
               disabled: !i,
-              onClick: B,
+              onClick: U,
               children: [
-                /* @__PURE__ */ e(Ye, { className: "mr-2 h-4 w-4", strokeWidth: 1.5 }),
+                /* @__PURE__ */ e(Xe, { className: "mr-2 h-4 w-4", strokeWidth: 1.5 }),
                 "Frame"
               ]
             }
           ),
           !i && /* @__PURE__ */ e(
-            M,
+            I,
             {
               variant: "ghost",
               className: "h-7 p-2",
               onClick: R,
               size: "sm",
-              children: /* @__PURE__ */ e(ga, { className: "h-4 w-4", strokeWidth: 1.5 })
+              children: /* @__PURE__ */ e(ma, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
           i && !f && /* @__PURE__ */ e(
-            M,
+            I,
             {
               variant: "ghost",
               role: "close",
@@ -922,28 +921,28 @@ function xl() {
                 N(!1), V(!1);
               },
               size: "sm",
-              children: /* @__PURE__ */ e(We, { className: "h-4 w-4", strokeWidth: 1.5 })
+              children: /* @__PURE__ */ e(ut, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
           i && !f && E && /* @__PURE__ */ e(
-            M,
+            I,
             {
               className: "h-7 p-2",
               variant: "ghost",
               disabled: c,
-              onClick: U,
+              onClick: B,
               size: "sm",
-              children: /* @__PURE__ */ e(ll, { className: "h-4 w-4", strokeWidth: 1.5 })
+              children: /* @__PURE__ */ e(il, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          !y && !f && i && /* @__PURE__ */ e(
-            M,
+          !v && !f && i && /* @__PURE__ */ e(
+            I,
             {
               className: "h-7 p-2",
               variant: "ghost",
               onClick: () => u(!0),
               size: "sm",
-              children: /* @__PURE__ */ e(ba, { className: "h-4 w-4", strokeWidth: 1.5 })
+              children: /* @__PURE__ */ e(pa, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
           !f && i && !1,
@@ -953,7 +952,7 @@ function xl() {
     }
   );
 }
-function Be({
+function Ue({
   title: t,
   items: s,
   value: a,
@@ -965,27 +964,27 @@ function Be({
   showNone: d = !1,
   className: h,
   showIcon: f = !0,
-  disabled: y = !1
+  disabled: v = !1
 }) {
   const x = l ? "Loading..." : r ? "Error" : a;
   function u() {
     if (t === "Connection")
-      return /* @__PURE__ */ e(nl, { className: "size-4 rotate-90" });
+      return /* @__PURE__ */ e(ll, { className: "size-4 rotate-90" });
     if (t === "Database")
       return /* @__PURE__ */ e(Bs, { className: "size-4" });
     if (t === "Schema")
-      return /* @__PURE__ */ e(al, { className: "size-4" });
+      return /* @__PURE__ */ e(sl, { className: "size-4" });
     if (t === "Table")
-      return /* @__PURE__ */ e(Gt, { className: "size-4" });
+      return /* @__PURE__ */ e($t, { className: "size-4" });
     if (t === "Model")
-      return /* @__PURE__ */ e(js, { className: "size-4" });
+      return /* @__PURE__ */ e(_s, { className: "size-4" });
   }
   return /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
-    f && /* @__PURE__ */ e("div", { className: "shrink-0", children: o ? /* @__PURE__ */ n(va, { children: [
+    f && /* @__PURE__ */ e("div", { className: "shrink-0", children: o ? /* @__PURE__ */ n(fa, { children: [
       /* @__PURE__ */ e(mn, { children: u() }),
-      /* @__PURE__ */ e(ya, { className: "text-xs", align: "start", children: o })
+      /* @__PURE__ */ e(ga, { className: "text-xs", align: "start", children: o })
     ] }) : u() }),
-    /* @__PURE__ */ n(ye, { disabled: y, value: x, onValueChange: c, children: [
+    /* @__PURE__ */ n(ve, { disabled: v, value: x, onValueChange: c, children: [
       /* @__PURE__ */ e(
         xe,
         {
@@ -1001,11 +1000,11 @@ function Be({
           )
         }
       ),
-      /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ n(Oe, { children: [
+      /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ n(ke, { children: [
         l ? /* @__PURE__ */ e(Se, { children: "Loading..." }) : /* @__PURE__ */ n(Se, { className: "flex items-center justify-between gap-2", children: [
           t,
           /* @__PURE__ */ e(
-            sl,
+            rl,
             {
               className: "mr-1 size-3 cursor-pointer text-muted-foreground hover:text-foreground",
               onClick: i
@@ -1021,16 +1020,16 @@ function Be({
     ] })
   ] });
 }
-function Nl({ column: t }) {
+function Cl({ column: t }) {
   const [s, a] = j(!1), l = p((g) => g.selectedTableName), r = p(
     (g) => g.selectedSchemaName
   ), i = p(
     (g) => g.selectedDatamodelId
-  ), o = p((g) => g.sqlGen), { modelItems: c, connectionType: d } = Ae(), h = p((g) => g.actions.setSqlGen), f = p((g) => g.actions.setCardSql), y = p((g) => g.actions.setRunSql);
+  ), o = p((g) => g.sqlGen), { modelItems: c, connectionType: d } = Ae(), h = p((g) => g.actions.setSqlGen), f = p((g) => g.actions.setCardSql), v = p((g) => g.actions.setRunSql);
   function x(g, b) {
     var w;
     const k = xa(g, o, b), N = (w = c == null ? void 0 : c.find(
-      (O) => O.id === i
+      (z) => z.id === i
     )) == null ? void 0 : w.name;
     h(k);
     const V = Na(
@@ -1040,7 +1039,7 @@ function Nl({ column: t }) {
       N,
       d
     );
-    V && (f(V), y(!0)), a(!1);
+    V && (f(V), v(!0)), a(!1);
   }
   function u() {
     return /* @__PURE__ */ n("ul", { className: "text-xs", children: [
@@ -1086,10 +1085,10 @@ function Nl({ column: t }) {
       )
     ] });
   }
-  return /* @__PURE__ */ n(qt, { openDelay: 0, open: s, onOpenChange: a, children: [
-    /* @__PURE__ */ e(Rt, { asChild: !0, children: /* @__PURE__ */ e(Ut, { className: "invisible size-3.5 cursor-pointer text-foreground/40 group-hover:visible" }) }),
+  return /* @__PURE__ */ n(ba, { openDelay: 0, open: s, onOpenChange: a, children: [
+    /* @__PURE__ */ e(ya, { asChild: !0, children: /* @__PURE__ */ e(Pt, { className: "invisible size-3.5 cursor-pointer text-foreground/40 group-hover:visible" }) }),
     /* @__PURE__ */ e(
-      jt,
+      va,
       {
         align: "center",
         className: "w-20 rounded-md p-0 shadow-none",
@@ -1099,12 +1098,12 @@ function Nl({ column: t }) {
   ] });
 }
 function Ha({ column: t }) {
-  return /* @__PURE__ */ n(va, { children: [
-    /* @__PURE__ */ e(pn, { asChild: !0, children: fn(t.data_type) ? /* @__PURE__ */ e(Jt, { className: "size-3" }) : Ca(t.data_type) ? /* @__PURE__ */ e(Qs, { className: "size-3" }) : gn(t.data_type) ? /* @__PURE__ */ e(bn, { className: "size-3" }) : vn(t.data_type) ? /* @__PURE__ */ e(ul, { className: "size-3" }) : t.data_type.toLowerCase() === "json" ? /* @__PURE__ */ e(_s, { className: "size-3" }) : /* @__PURE__ */ e(rl, { className: "size-3" }) }),
-    /* @__PURE__ */ e(ya, { children: /* @__PURE__ */ e("p", { className: "font-mono text-xs", children: t.data_type }) })
+  return /* @__PURE__ */ n(fa, { children: [
+    /* @__PURE__ */ e(pn, { asChild: !0, children: fn(t.data_type) ? /* @__PURE__ */ e(Ut, { className: "size-3" }) : Ca(t.data_type) ? /* @__PURE__ */ e(Zs, { className: "size-3" }) : gn(t.data_type) ? /* @__PURE__ */ e(bn, { className: "size-3" }) : yn(t.data_type) ? /* @__PURE__ */ e(hl, { className: "size-3" }) : t.data_type.toLowerCase() === "json" ? /* @__PURE__ */ e(Hs, { className: "size-3" }) : /* @__PURE__ */ e(ol, { className: "size-3" }) }),
+    /* @__PURE__ */ e(ga, { children: /* @__PURE__ */ e("p", { className: "font-mono text-xs", children: t.data_type }) })
   ] });
 }
-function Cl({
+function Sl({
   schemaName: t,
   tableName: s,
   columns: a,
@@ -1118,40 +1117,40 @@ function Cl({
     (m) => m.selectedSchemaName
   ), d = p((m) => m.selectedTableName), h = p(
     (m) => m.selectedDatamodelId
-  ), f = z(
+  ), f = T(
     (m) => m.dashboard.aiScopeTables
-  ), { addToAIScope: y, removeFromAIScope: x } = Xe(), { setAIScopeTables: u } = z((m) => m.actions), g = p((m) => m.actions.setRunSql), b = p((m) => m.actions.setSqlGen), k = p(
+  ), { addToAIScope: v, removeFromAIScope: x } = Ze(), { setAIScopeTables: u } = T((m) => m.actions), g = p((m) => m.actions.setRunSql), b = p((m) => m.actions.setSqlGen), k = p(
     (m) => m.actions.setIsShowingVisual
-  ), N = p((m) => m.actions.setCardSql), { connectionType: V, modelItems: w, selectedDatamodelName: O } = Ae();
+  ), N = p((m) => m.actions.setCardSql), { connectionType: V, modelItems: w, selectedDatamodelName: z } = Ae();
   function F(m) {
     var A;
-    const v = xa(m, r);
-    b(v);
-    const T = (A = w == null ? void 0 : w.find(
+    const y = xa(m, r);
+    b(y);
+    const M = (A = w == null ? void 0 : w.find(
       ($) => $.id === h
     )) == null ? void 0 : A.name, C = Na(
-      v,
+      y,
       be(t),
       be(s),
-      T,
+      M,
       V
     );
     C && (N(C), g(!0));
   }
   function E() {
     return (f == null ? void 0 : f.find(
-      (m) => m.connectionId === i && (m.tableName === d || m.datamodelName === O)
+      (m) => m.connectionId === i && (m.tableName === d || m.datamodelName === z)
     )) !== void 0;
   }
-  function B(m) {
-    m === !0 && (d || O) && i ? (y({
+  function U(m) {
+    m === !0 && (d || z) && i ? (v({
       connectionId: i,
       connectionType: V === "S3" || V === "API" ? "DuckDb" : V,
       databaseName: o,
       schemaName: c,
       tableName: d,
-      datamodelName: O
-    }), Qe.success("Added to Assistant Scope", {
+      datamodelName: z
+    }), Ke.success("Added to Assistant Scope", {
       position: "top-right",
       duration: 2500,
       richColors: !0
@@ -1159,8 +1158,8 @@ function Cl({
       connectionId: i || "",
       connectionType: V || "",
       tableName: d || "",
-      datamodelName: O || ""
-    }), Qe("Removed from Assistant Scope", {
+      datamodelName: z || ""
+    }), Ke("Removed from Assistant Scope", {
       position: "top-right",
       duration: 2e3,
       richColors: !0
@@ -1170,18 +1169,18 @@ function Cl({
     const m = St({
       schemaName: t,
       tableName: s,
-      modelName: O,
+      modelName: z,
       connectionType: V
     });
     k(!1);
-    const v = V === "MSSQL" ? `SELECT top 10 * FROM ${m}` : `SELECT * FROM ${m} LIMIT 10`;
-    N(v), g(!0);
+    const y = V === "MSSQL" ? `SELECT top 10 * FROM ${m}` : `SELECT * FROM ${m} LIMIT 10`;
+    N(y), g(!0);
   }
-  function U() {
+  function B() {
     const m = St({
       schemaName: t,
       tableName: s,
-      modelName: O,
+      modelName: z,
       connectionType: V
     });
     N(`SELECT COUNT(*) as count FROM ${m}`), g(!0);
@@ -1193,14 +1192,14 @@ function Cl({
         {
           title: `${E() ? "Remove from" : "Add to"} Assistant Scope`,
           pressed: E(),
-          onPressedChange: B,
+          onPressedChange: U,
           variant: "outline",
           className: ee("h-9 px-2", {
             // 'outline outline-1 outline-green-400': isInAIScopeTable(),
           }),
           children: [
             /* @__PURE__ */ e(
-              Ye,
+              Xe,
               {
                 className: ee("mr-1 size-4", {
                   "text-green-400": E(),
@@ -1213,7 +1212,7 @@ function Cl({
         }
       ),
       /* @__PURE__ */ n(
-        M,
+        I,
         {
           disabled: l !== "Success",
           onClick: R,
@@ -1221,28 +1220,28 @@ function Cl({
           variant: "secondary",
           className: "flex",
           children: [
-            l !== "Success" ? /* @__PURE__ */ e(Ze, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e(ol, { className: "mr-2 size-4" }),
+            l !== "Success" ? /* @__PURE__ */ e(Qe, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e(al, { className: "mr-2 size-4" }),
             "Top 10"
           ]
         }
       ),
       /* @__PURE__ */ n(
-        M,
+        I,
         {
           disabled: l !== "Success",
-          onClick: U,
+          onClick: B,
           size: "sm",
           variant: "secondary",
           className: "w-full",
           children: [
-            l !== "Success" ? /* @__PURE__ */ e(Ze, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e(il, { className: "mr-2 size-4" }),
+            l !== "Success" ? /* @__PURE__ */ e(Qe, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e(cl, { className: "mr-2 size-4" }),
             "Count"
           ]
         }
       )
     ] }),
     /* @__PURE__ */ n(
-      we,
+      Te,
       {
         className: "flex-1 basis-0 border-b border-t border-muted py-3",
         children: [
@@ -1253,7 +1252,7 @@ function Cl({
               className: ee(
                 "group mx-3 flex cursor-pointer items-center justify-between rounded px-2 py-1 text-sm transition-colors hover:bg-muted/50",
                 {
-                  "border border-dashed border-muted-foreground bg-muted": yn(m, r)
+                  "border border-dashed border-muted-foreground bg-muted": vn(m, r)
                 }
               ),
               children: [
@@ -1264,9 +1263,9 @@ function Cl({
                 /* @__PURE__ */ e(
                   "div",
                   {
-                    onClick: (v) => v.stopPropagation(),
+                    onClick: (y) => y.stopPropagation(),
                     className: "flex items-center justify-end",
-                    children: Ca(m.data_type) && /* @__PURE__ */ e(Nl, { column: m })
+                    children: Ca(m.data_type) && /* @__PURE__ */ e(Cl, { column: m })
                   }
                 )
               ]
@@ -1281,9 +1280,9 @@ function Cl({
   ] });
 }
 function Ae(t, s) {
-  var Kt, Qt, Zt, Xt, Yt, ea;
+  var Gt, Jt, Wt, Kt, Qt, Zt;
   let a = kt(() => [], []);
-  const l = Te().authToken || t, r = p(
+  const l = Me().authToken || t, r = p(
     (S) => S.selectedConnectionId
   ), i = p(
     (S) => S.selectedDatamodelId
@@ -1295,7 +1294,7 @@ function Ae(t, s) {
     (S) => S.actions.setCurrentColumns
   ), f = p(
     (S) => S.actions.setSelectedConnectionId
-  ), y = p(
+  ), v = p(
     (S) => S.actions.setSelectedDatamodelId
   ), x = p(
     (S) => S.actions.setSelectedDatabaseName
@@ -1317,7 +1316,7 @@ function Ae(t, s) {
   const {
     refetch: V,
     data: w,
-    isLoading: O,
+    isLoading: z,
     isError: F
   } = Le({
     queryKey: ["connections"],
@@ -1329,9 +1328,9 @@ function Ae(t, s) {
     // Only fetch if authToken is present
   }), {
     refetch: E,
-    data: B,
+    data: U,
     isLoading: R,
-    isError: U
+    isError: B
   } = Le({
     queryKey: ["models", r],
     queryFn: () => _e(
@@ -1345,11 +1344,11 @@ function Ae(t, s) {
     // Only fetch if authToken is present
   }), m = w == null ? void 0 : w.connections.find(
     (S) => S.id === r
-  ), v = m == null ? void 0 : m.type, T = (m == null ? void 0 : m.type) === "API" || (m == null ? void 0 : m.type) === "S3", {
+  ), y = m == null ? void 0 : m.type, M = (m == null ? void 0 : m.type) === "API" || (m == null ? void 0 : m.type) === "S3", {
     data: C,
     isLoading: A,
     isFetching: $,
-    isError: W,
+    isError: J,
     refetch: Q
   } = Le({
     queryKey: ["databases", r],
@@ -1360,13 +1359,13 @@ function Ae(t, s) {
         connection_id: r
       }
     ),
-    enabled: N(v)
+    enabled: N(y)
     // !!selectedConnectionId && !isNonDbConnection, //currentConnection?.type !== 'API', // Only fetch if connectionId is present
   }), {
     data: K,
-    isLoading: re,
+    isLoading: le,
     isFetching: me,
-    isError: J,
+    isError: W,
     refetch: q
   } = Le({
     queryKey: ["schemas", r, o],
@@ -1378,12 +1377,12 @@ function Ae(t, s) {
         database_name: o
       }
     ),
-    enabled: !!r && !!o && !T && o !== "NA"
+    enabled: !!r && !!o && !M && o !== "NA"
     //currentConnection?.type !== 'API', // Only fetch if connectionId and database is present
   }), {
     data: L,
-    isLoading: ie,
-    isFetching: se,
+    isLoading: re,
+    isFetching: ie,
     isError: ue,
     refetch: oe
   } = Le({
@@ -1402,13 +1401,13 @@ function Ae(t, s) {
         schema_name: c
       }
     ),
-    enabled: b(v)
+    enabled: b(y)
   }), {
     data: ne,
-    isLoading: I,
+    isLoading: O,
     isFetching: _,
     isError: P,
-    refetch: le
+    refetch: se
   } = Le({
     queryKey: [
       "columns",
@@ -1430,7 +1429,7 @@ function Ae(t, s) {
         table_name: d
       }
     ),
-    enabled: k(v)
+    enabled: k(y)
     // (!!selectedConnectionId &&
     //   !!selectedDatabaseName &&
     //   !!selectedSchemaName &&
@@ -1442,41 +1441,41 @@ function Ae(t, s) {
   ce(() => {
     h(a);
   }, [ne, h, a]), ce(() => {
-    (v === "S3" || v === "API") && (x(""), u(""), y(""), v === "API" && g("api"));
+    (y === "S3" || y === "API") && (x(""), u(""), v(""), y === "API" && g("api"));
   }, [
-    v,
+    y,
     g,
     x,
     u,
-    y
+    v
   ]);
-  const Re = (m == null ? void 0 : m.type) === "API" ? (Kt = m == null ? void 0 : m.type) == null ? void 0 : Kt.toLowerCase() : d || "", je = T ? "" : c || "";
+  const Re = (m == null ? void 0 : m.type) === "API" ? (Gt = m == null ? void 0 : m.type) == null ? void 0 : Gt.toLowerCase() : d || "", je = M ? "" : c || "";
   function De(S) {
     u(S), g("");
   }
   function D(S) {
-    x(S === "none" ? "" : S), u(""), g(""), S !== "none" && S !== "" && y("");
+    x(S === "none" ? "" : S), u(""), g(""), S !== "none" && S !== "" && v("");
   }
   function he(S) {
     f(S);
   }
-  function Me(S) {
-    y(S === "none" ? "" : S), S !== "none" && S !== "" && x("");
+  function Ie(S) {
+    v(S === "none" ? "" : S), S !== "none" && S !== "" && x("");
   }
-  C && ((Qt = C == null ? void 0 : C.databases) == null ? void 0 : Qt.length) > 0, K && ((Zt = K == null ? void 0 : K.schemas) == null ? void 0 : Zt.length) > 0, ne && ((Xt = ne == null ? void 0 : ne.columns) == null ? void 0 : Xt.length) > 0 && (a = ne.columns.map((S) => ({
+  C && ((Jt = C == null ? void 0 : C.databases) == null ? void 0 : Jt.length) > 0, K && ((Wt = K == null ? void 0 : K.schemas) == null ? void 0 : Wt.length) > 0, ne && ((Kt = ne == null ? void 0 : ne.columns) == null ? void 0 : Kt.length) > 0 && (a = ne.columns.map((S) => ({
     ...S,
     data_type: S.data_type.toLowerCase()
-  }))), W && (a = []), (P || F) && (a = []);
+  }))), J && (a = []), (P || F) && (a = []);
   const fe = w == null ? void 0 : w.connections.map(
     (S) => ({
       id: S.id,
       name: S.name,
       type: S.type
     })
-  ), $e = (Yt = B == null ? void 0 : B.datamodels) == null ? void 0 : Yt.map((S) => ({
+  ), $e = (Qt = U == null ? void 0 : U.datamodels) == null ? void 0 : Qt.map((S) => ({
     id: S.id,
     name: S.name
-  })), yt = C == null ? void 0 : C.databases.map((S) => ({
+  })), vt = C == null ? void 0 : C.databases.map((S) => ({
     id: S.database_name,
     name: S.database_name
   })), et = K == null ? void 0 : K.schemas.map((S) => ({
@@ -1485,32 +1484,32 @@ function Ae(t, s) {
   })), xt = L == null ? void 0 : L.tables.map((S) => ({
     id: S.table_name,
     name: S.table_name
-  })), on = (ea = B == null ? void 0 : B.datamodels.find(
+  })), on = (Zt = U == null ? void 0 : U.datamodels.find(
     (S) => S.id === i
-  )) == null ? void 0 : ea.name;
+  )) == null ? void 0 : Zt.name;
   return {
     connectionItems: fe,
-    isConnectionsLoading: O,
+    isConnectionsLoading: z,
     isConnectionsError: F,
     modelItems: $e,
     selectedDatamodelId: i,
     selectedDatamodelName: on,
     isModelsLoading: R,
-    isModelsError: U,
-    databaseItems: yt,
+    isModelsError: B,
+    databaseItems: vt,
     isDatabasesLoadingOrFetching: A || $,
-    isDatabaseError: W,
+    isDatabaseError: J,
     schemaItems: et,
-    isSchemaLoadingOrFetching: re || me,
-    isSchemaError: J,
+    isSchemaLoadingOrFetching: le || me,
+    isSchemaError: W,
     tableItems: xt,
-    isTableLoadingOrFetching: ie || se,
+    isTableLoadingOrFetching: re || ie,
     isTableError: ue,
     columns: a,
-    isColumnsLoadingOrFetching: I || _,
+    isColumnsLoadingOrFetching: O || _,
     isColumnsError: P,
-    isNonDbConnection: T,
-    connectionType: v,
+    isNonDbConnection: M,
+    connectionType: y,
     tableName: Re,
     schemaName: je,
     refetchConnections: V,
@@ -1518,9 +1517,9 @@ function Ae(t, s) {
     refetchDatabases: Q,
     refetchSchemas: q,
     refetchTables: oe,
-    refetchColumns: le,
+    refetchColumns: se,
     handleConnectionChange: he,
-    handleDatamodelChange: Me,
+    handleDatamodelChange: Ie,
     handleDatabaseChange: D,
     handleSchemaChange: De
   };
@@ -1544,7 +1543,7 @@ function Pa({
     modelItems: d,
     schemaItems: h,
     databaseItems: f,
-    tableItems: y,
+    tableItems: v,
     columns: x,
     isConnectionsLoading: u,
     isModelsLoading: g,
@@ -1553,47 +1552,47 @@ function Pa({
     isDatabasesLoadingOrFetching: N,
     isDatabaseError: V,
     isSchemaLoadingOrFetching: w,
-    isSchemaError: O,
+    isSchemaError: z,
     isColumnsError: F,
     isColumnsLoadingOrFetching: E,
-    isTableLoadingOrFetching: B,
+    isTableLoadingOrFetching: U,
     isTableError: R,
-    connectionType: U,
+    connectionType: B,
     isNonDbConnection: m,
-    refetchDatabases: v,
-    refetchModels: T,
+    refetchDatabases: y,
+    refetchModels: M,
     refetchSchemas: C,
     refetchTables: A,
     refetchColumns: $,
-    refetchConnections: W,
+    refetchConnections: J,
     handleConnectionChange: Q,
     handleDatabaseChange: K,
-    handleSchemaChange: re,
+    handleSchemaChange: le,
     handleDatamodelChange: me,
-    tableName: J,
+    tableName: W,
     schemaName: q
   } = Ae();
   function L() {
-    return t ? t(q, J, x) : /* @__PURE__ */ e(
-      Cl,
+    return t ? t(q, W, x) : /* @__PURE__ */ e(
+      Sl,
       {
         schemaName: q,
-        tableName: J,
+        tableName: W,
         columns: x,
         status: E ? "Loading..." : F ? "Error" : "Success"
       }
     );
   }
-  function ie() {
+  function re() {
     window.location.href = "mailto:support@semaphor.cloud?subject=Help&body=I need help with...";
   }
-  function se() {
-    if (!s || U === "S3" || U === "API") return null;
+  function ie() {
+    if (!s || B === "S3" || B === "API") return null;
     if (!a || a === "none")
       return /* @__PURE__ */ e(
-        Be,
+        Ue,
         {
-          refetch: v,
+          refetch: y,
           showNone: !0,
           onChange: K,
           isError: V,
@@ -1613,12 +1612,12 @@ function Pa({
       ] });
   }
   function oe() {
-    if (!s || U === "S3" || U === "API") return null;
+    if (!s || B === "S3" || B === "API") return null;
     if (!l || l === "none")
       return /* @__PURE__ */ e(
-        Be,
+        Ue,
         {
-          refetch: T,
+          refetch: M,
           showNone: !0,
           onChange: me,
           isError: k,
@@ -1630,12 +1629,12 @@ function Pa({
       );
   }
   function ne() {
-    return !s || U === "S3" || U === "API" || !l || l === "none" ? null : /* @__PURE__ */ e(
-      Be,
+    return !s || B === "S3" || B === "API" || !l || l === "none" ? null : /* @__PURE__ */ e(
+      Ue,
       {
         refetch: C,
-        onChange: re,
-        isError: O,
+        onChange: le,
+        isError: z,
         isLoading: w,
         items: h,
         value: r || "",
@@ -1643,19 +1642,19 @@ function Pa({
       }
     );
   }
-  function I() {
+  function O() {
     function P() {
-      let le = !1;
-      return U === "API" ? (le = !1, le) : ((U === "S3" || s && l && l !== "none" && r) && (le = !0), le);
+      let se = !1;
+      return B === "API" ? (se = !1, se) : ((B === "S3" || s && l && l !== "none" && r) && (se = !0), se);
     }
     return P() ? /* @__PURE__ */ e(
-      Be,
+      Ue,
       {
         refetch: A,
         onChange: o,
         isError: R,
-        items: y,
-        isLoading: B,
+        items: v,
+        isLoading: U,
         value: i || "",
         title: "Table"
       }
@@ -1664,9 +1663,9 @@ function Pa({
   return /* @__PURE__ */ n("aside", { className: "flex grow flex-col justify-between", children: [
     /* @__PURE__ */ n("section", { className: "space-y-3 px-6 py-4", children: [
       /* @__PURE__ */ e(
-        Be,
+        Ue,
         {
-          refetch: W,
+          refetch: J,
           items: c,
           title: "Connection",
           value: s || "",
@@ -1678,29 +1677,29 @@ function Pa({
           )) == null ? void 0 : _.type) || ""
         }
       ),
-      se(),
+      ie(),
       ue(),
       oe(),
       ne(),
-      I()
+      O()
     ] }),
     L(),
     /* @__PURE__ */ e("div", { className: "flex items-end justify-center gap-2 px-6 py-4", children: /* @__PURE__ */ n(
-      M,
+      I,
       {
-        onClick: ie,
+        onClick: re,
         size: "sm",
         variant: "secondary",
         className: "w-full",
         children: [
-          /* @__PURE__ */ e(tl, { className: "mr-2 size-4" }),
+          /* @__PURE__ */ e(nl, { className: "mr-2 size-4" }),
           "Help"
         ]
       }
     ) })
   ] });
 }
-function Sl(t) {
+function wl(t) {
   const s = t.toUpperCase().indexOf("WHERE"), a = t.toUpperCase().indexOf("GROUP BY"), l = t.toUpperCase().indexOf("LIMIT"), r = t.toUpperCase().indexOf("ORDER BY");
   let i = t.length;
   if (r !== -1 && (i = r), l !== -1 && l < i && (i = l), s !== -1) {
@@ -1716,32 +1715,39 @@ function Sl(t) {
     return console.log("beforeClause", o), console.log("afterClause", c), c ? `${o} {{ filters | where }} ${c}` : `${o.replace(/;$/, "")} {{ filters | where }}`;
   }
 }
-function wl({
-  error: t,
-  setShowAIDialog: s,
-  setUserInputforAI: a,
-  setTriggerAIRun: l
+function kl({
+  sql: t,
+  error: s,
+  setShowAIDialog: a,
+  setUserInputforAI: l,
+  setTriggerAIRun: r
 }) {
-  return /* @__PURE__ */ n(qt, { openDelay: 0, children: [
-    /* @__PURE__ */ e(Rt, { asChild: !0, children: /* @__PURE__ */ e(M, { variant: "link", className: "h-5 p-0", children: /* @__PURE__ */ e(Ps, { className: "h-4 w-4 text-red-500" }) }) }),
+  return !t && !s ? null : /* @__PURE__ */ n(ba, { openDelay: s ? 0 : 500, children: [
+    /* @__PURE__ */ e(ya, { asChild: !0, children: /* @__PURE__ */ e(I, { variant: "link", className: "h-5 p-0", children: s ? /* @__PURE__ */ e($s, { className: "h-4 w-4 text-red-500" }) : /* @__PURE__ */ e(xn, { className: "h-4 w-4 text-muted-foreground" }) }) }),
     /* @__PURE__ */ e(
-      jt,
+      va,
       {
         align: "start",
         className: "w-full min-w-fit max-w-[700px]",
         children: /* @__PURE__ */ e("div", { className: "flex justify-between space-x-4", children: /* @__PURE__ */ n("div", { className: "flex grow flex-col space-y-2", children: [
-          /* @__PURE__ */ e(we, { className: "max-h-[250px] min-h-0 overflow-scroll", children: /* @__PURE__ */ e("p", { className: "overflow-auto rounded-md bg-muted p-2 text-xs leading-relaxed", children: t }) }),
-          /* @__PURE__ */ n(
-            M,
+          /* @__PURE__ */ n(Te, { className: "max-h-[250px] min-h-0 overflow-scroll text-xs leading-relaxed text-foreground/80", children: [
+            s && s,
+            t && /* @__PURE__ */ n("div", { className: "flex flex-col space-y-1.5", children: [
+              /* @__PURE__ */ e("span", { className: "text-xs font-semibold", children: "Resolved SQL" }),
+              /* @__PURE__ */ e("span", { className: "font-mono", children: t })
+            ] })
+          ] }),
+          s && /* @__PURE__ */ n(
+            I,
             {
               onClick: () => {
-                s(!0), a(t), l(!0);
+                a(!0), l(s), r(!0);
               },
               size: "sm",
-              variant: "outline",
+              variant: "secondary",
               children: [
-                /* @__PURE__ */ e(Ks, { className: "mr-2 h-4 w-4" }),
-                "Debug with AI"
+                /* @__PURE__ */ e(Qs, { className: "mr-2 h-4 w-4" }),
+                "Debug with Assistant"
               ]
             }
           )
@@ -1750,40 +1756,40 @@ function wl({
     )
   ] });
 }
-function kl({
+function zl({
   userInput: t,
   triggerAIRun: s,
   setTriggerAIRun: a,
   open: l,
   setOpen: r
 }) {
-  const i = Ge(null), o = Ge(null), [c, d] = j([]), [h, f] = j(""), [y, x] = j(null), { authToken: u } = Te(), g = p((I) => {
+  const i = Ge(null), o = Ge(null), [c, d] = j([]), [h, f] = j(""), [v, x] = j(null), { authToken: u } = Me(), g = p((O) => {
     var _;
-    return (_ = I == null ? void 0 : I.card) == null ? void 0 : _.sql;
-  }), b = p((I) => {
+    return (_ = O == null ? void 0 : O.card) == null ? void 0 : _.sql;
+  }), b = p((O) => {
     var _;
-    return (_ = I == null ? void 0 : I.card) == null ? void 0 : _.python;
-  }), k = p((I) => I.actions.setCardSql), N = p((I) => I.actions.setRunSql), V = p(
-    (I) => I.actions.switchCardType
+    return (_ = O == null ? void 0 : O.card) == null ? void 0 : _.python;
+  }), k = p((O) => O.actions.setCardSql), N = p((O) => O.actions.setRunSql), V = p(
+    (O) => O.actions.switchCardType
   ), w = p(
-    (I) => I.selectedDatabaseName
-  ), O = p((I) => I.selectedTableName), F = p(
-    (I) => I.selectedConnectionId
+    (O) => O.selectedDatabaseName
+  ), z = p((O) => O.selectedTableName), F = p(
+    (O) => O.selectedConnectionId
   ), E = p(
-    (I) => I.selectedSchemaName
-  ), B = z(
-    (I) => I.dashboard.aiScopeTables
-  ), { selectedDatamodelName: R, connectionType: U } = Ae(), {
+    (O) => O.selectedSchemaName
+  ), U = T(
+    (O) => O.dashboard.aiScopeTables
+  ), { selectedDatamodelName: R, connectionType: B } = Ae(), {
     messages: m,
-    setMessages: v,
-    reload: T,
+    setMessages: y,
+    reload: M,
     append: C,
     input: A,
     status: $,
-    handleInputChange: W,
+    handleInputChange: J,
     handleSubmit: Q,
     stop: K
-  } = xn({
+  } = Nn({
     api: "https://semaphor.cloud/api/v1/assistant",
     headers: {
       Authorization: `Bearer ${u == null ? void 0 : u.accessToken}`
@@ -1794,12 +1800,12 @@ function kl({
     maxSteps: 10,
     //maxToolRoundtrips: 5,
     onToolCall: q,
-    onFinish(I, _) {
-      me(_.usage), f(""), console.log("onFinish", I, _), _.finishReason === "stop" && f("");
+    onFinish(O, _) {
+      me(_.usage), f(""), console.log("onFinish", O, _), _.finishReason === "stop" && f("");
     }
   });
   ce(() => {
-    s && t && (W({
+    s && t && (J({
       target: { value: t }
     }), setTimeout(() => {
       Q(), a(!1);
@@ -1809,47 +1815,47 @@ function kl({
     Q,
     t,
     a,
-    W
+    J
   ]);
-  const re = Ge(l);
+  const le = Ge(l);
   ce(() => {
-    const I = re.current ? "smooth" : "auto";
-    re.current = l;
+    const O = le.current ? "smooth" : "auto";
+    le.current = l;
     const _ = setTimeout(() => {
       var P;
       o.current && (o.current.scroll({
         top: o.current.scrollHeight,
-        behavior: I
+        behavior: O
       }), (P = i.current) == null || P.focus());
     }, 50);
     return () => clearTimeout(_);
   }, [m, l]);
-  function me(I) {
+  function me(O) {
     x((_) => _ ? {
-      promptTokens: _.promptTokens + I.promptTokens,
-      completionTokens: _.completionTokens + I.completionTokens,
-      totalTokens: _.totalTokens + I.totalTokens
-    } : I);
+      promptTokens: _.promptTokens + O.promptTokens,
+      completionTokens: _.completionTokens + O.completionTokens,
+      totalTokens: _.totalTokens + O.totalTokens
+    } : O);
   }
-  function J(I) {
-    const _ = Nn(c, I);
-    ie(_);
+  function W(O) {
+    const _ = Cn(c, O);
+    re(_);
   }
   async function q({
-    toolCall: I
+    toolCall: O
   }) {
-    if (I.toolName === "createChart") {
-      console.log("createChart", I.args);
-      const _ = I.args.sql, P = I.args.chartType;
+    if (O.toolName === "createChart") {
+      console.log("createChart", O.args);
+      const _ = O.args.sql, P = O.args.chartType;
       return V(P), k(_), N(!0), {
         status: "success",
         message: "Let the user know that chart is created"
         // query: sql,
       };
-    } else if (I.toolName === "getTableColumns")
+    } else if (O.toolName === "getTableColumns")
       f("Getting table columns...");
     else {
-      if (I.toolName === "getUserSql")
+      if (O.toolName === "getUserSql")
         return g ? (console.log("cardSql", g), console.log("cardPython", b), {
           status: "success",
           sql: g,
@@ -1861,15 +1867,15 @@ function kl({
       f("Thinking...");
     }
   }
-  function L(I) {
-    return I.map((P) => ({
+  function L(O) {
+    return O.map((P) => ({
       ...P,
       connectionType: P.connectionType === "API" || P.connectionType === "S3" ? "DuckDb" : P.connectionType
     }));
   }
-  function ie(I) {
-    const _ = L(I);
-    d(_), v((P) => [
+  function re(O) {
+    const _ = L(O);
+    d(_), y((P) => [
       ...P,
       {
         id: crypto.randomUUID(),
@@ -1878,69 +1884,69 @@ function kl({
       }
     ]);
   }
-  function se() {
-    const I = {
+  function ie() {
+    const O = {
       databaseName: w || "",
       schemaName: E || "",
-      tableName: O || "",
+      tableName: z || "",
       datamodelName: R || "",
       connectionId: F || "",
-      connectionType: U || ""
-    }, _ = aa([...c, I]);
-    ie(_);
+      connectionType: B || ""
+    }, _ = Yt([...c, O]);
+    re(_);
   }
   function ue() {
-    const I = {
+    const O = {
       databaseName: w || "",
       schemaName: E || "",
-      tableName: O || "",
+      tableName: z || "",
       datamodelName: R || "",
       connectionId: F || "",
-      connectionType: U || ""
-    }, _ = Cn(
-      [...B || [], ...c],
-      I
+      connectionType: B || ""
+    }, _ = Sn(
+      [...U || [], ...c],
+      O
     );
     if (console.log("isInScope", _), !_ || c.length === 0) {
-      const P = aa([
-        ...B || [],
+      const P = Yt([
+        ...U || [],
         ...c,
-        I
+        O
       ]).filter(
-        (le) => le.connectionId === I.connectionId
+        (se) => se.connectionId === O.connectionId
       );
-      ie(P);
+      re(P);
     }
   }
-  function oe(I) {
-    r(!1), k(I), N(!0);
+  function oe(O) {
+    r(!1), k(O), N(!0);
   }
   const ne = !["ready", "error"].includes($);
   return {
     messages: m,
-    setMessages: v,
-    reload: T,
+    setMessages: y,
+    reload: M,
     append: C,
     input: A,
     isLoading: ne,
     handleRun: oe,
     handleOpenDialogAndSetScope: ue,
-    handleAddCurrentTableToScope: se,
-    removeFromCurrentSelections: J,
+    handleAddCurrentTableToScope: ie,
+    removeFromCurrentSelections: W,
     currentScope: c,
     setCurrentScope: d,
     containerRef: o,
     inputRef: i,
-    handleInputChange: W,
+    handleInputChange: J,
     handleSubmit: Q,
     stop: K,
     chatStatus: $,
     toolStatus: h,
-    llmUsage: y
+    llmUsage: v
   };
 }
 const Ol = !1;
-function zl({
+function Tl({
   open: t,
   setOpen: s,
   userInput: a,
@@ -1948,7 +1954,7 @@ function zl({
   setTriggerAIRun: r
 }) {
   const [i, o] = j(!1), [c, d] = j(Ol), [h, f] = j(!1), {
-    messages: y,
+    messages: v,
     setMessages: x,
     reload: u,
     input: g,
@@ -1957,17 +1963,17 @@ function zl({
     handleOpenDialogAndSetScope: N,
     handleAddCurrentTableToScope: V,
     removeFromCurrentSelections: w,
-    currentScope: O,
+    currentScope: z,
     setCurrentScope: F,
     containerRef: E,
-    inputRef: B,
+    inputRef: U,
     handleInputChange: R,
-    handleSubmit: U,
+    handleSubmit: B,
     stop: m,
-    chatStatus: v,
-    toolStatus: T,
+    chatStatus: y,
+    toolStatus: M,
     llmUsage: C
-  } = kl({
+  } = zl({
     userInput: a,
     triggerAIRun: l,
     setTriggerAIRun: r,
@@ -1976,10 +1982,10 @@ function zl({
   });
   function A() {
     return /* @__PURE__ */ n(Vt, { children: [
-      /* @__PURE__ */ e(Et, { children: /* @__PURE__ */ e(Ut, { className: "size-3.5 text-muted-foreground/70 hover:text-muted-foreground" }) }),
+      /* @__PURE__ */ e(Et, { children: /* @__PURE__ */ e(Pt, { className: "size-3.5 text-muted-foreground/70 hover:text-muted-foreground" }) }),
       /* @__PURE__ */ n(At, { align: "end", children: [
-        /* @__PURE__ */ e(pa, { children: "Options" }),
-        /* @__PURE__ */ e(fa, {}),
+        /* @__PURE__ */ e(ua, { children: "Options" }),
+        /* @__PURE__ */ e(ha, {}),
         /* @__PURE__ */ e(
           Nt,
           {
@@ -2007,9 +2013,9 @@ function zl({
       ] })
     ] });
   }
-  return /* @__PURE__ */ n(It, { open: t, onOpenChange: s, children: [
-    /* @__PURE__ */ e(Tt, { asChild: !0, children: /* @__PURE__ */ e(
-      M,
+  return /* @__PURE__ */ n(Tt, { open: t, onOpenChange: s, children: [
+    /* @__PURE__ */ e(Mt, { asChild: !0, children: /* @__PURE__ */ e(
+      I,
       {
         onClick: N,
         size: "sm",
@@ -2019,13 +2025,13 @@ function zl({
       }
     ) }),
     /* @__PURE__ */ n(Dt, { className: "flex flex-col justify-between overflow-auto sm:max-w-[425px] md:max-h-[625px] md:min-w-[625px]", children: [
-      /* @__PURE__ */ e(Mt, { children: /* @__PURE__ */ n("div", { className: "flex items-start justify-between gap-2 pr-5", children: [
+      /* @__PURE__ */ e(It, { children: /* @__PURE__ */ n("div", { className: "flex items-start justify-between gap-2 pr-5", children: [
         /* @__PURE__ */ n("div", { children: [
           /* @__PURE__ */ e(Lt, { children: "Assistant" }),
           /* @__PURE__ */ e(Ft, { children: "What can I help you with?" }),
-          O && O.length > 0 && /* @__PURE__ */ n("div", { className: "mt-2 flex flex-wrap items-center gap-2", children: [
+          z && z.length > 0 && /* @__PURE__ */ n("div", { className: "mt-2 flex flex-wrap items-center gap-2", children: [
             /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: "Tables in scope:" }),
-            O == null ? void 0 : O.map(($, W) => /* @__PURE__ */ n(
+            z == null ? void 0 : z.map(($, J) => /* @__PURE__ */ n(
               "div",
               {
                 className: "flex items-center gap-2 rounded-md bg-muted px-2 py-1 text-xs",
@@ -2042,25 +2048,25 @@ function zl({
                       onClick: () => {
                         w($);
                       },
-                      children: /* @__PURE__ */ e(ut, { className: "size-3 text-muted-foreground hover:text-foreground" })
+                      children: /* @__PURE__ */ e(Ye, { className: "size-3 text-muted-foreground hover:text-foreground" })
                     }
                   )
                 ]
               },
-              W
+              J
             ))
           ] }),
-          (O == null ? void 0 : O.length) === 0 && /* @__PURE__ */ n("div", { className: "mt-2 flex items-center gap-2", children: [
+          (z == null ? void 0 : z.length) === 0 && /* @__PURE__ */ n("div", { className: "mt-2 flex items-center gap-2", children: [
             /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: "Tables in scope: None" }),
             /* @__PURE__ */ n(
-              M,
+              I,
               {
                 className: "h-6 text-xs",
                 size: "sm",
                 variant: "secondary",
                 onClick: V,
                 children: [
-                  /* @__PURE__ */ e(Ye, { className: "mr-2 size-3" }),
+                  /* @__PURE__ */ e(Xe, { className: "mr-2 size-3" }),
                   "Current Table"
                 ]
               }
@@ -2070,7 +2076,7 @@ function zl({
         /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
           A(),
           /* @__PURE__ */ e(
-            M,
+            I,
             {
               className: "h-8",
               size: "sm",
@@ -2090,18 +2096,18 @@ function zl({
           className: "h-[625px] w-full overflow-auto border-t border-t-muted",
           children: /* @__PURE__ */ n("div", { className: "space-y-4 py-2 pr-3", role: "messages", children: [
             /* @__PURE__ */ e(
-              Sn,
+              wn,
               {
-                messages: y,
+                messages: v,
                 showTools: c,
                 handleRun: k,
                 showSystemMessage: h
               }
             ),
             /* @__PURE__ */ e(
-              wn,
+              kn,
               {
-                status: kn(v, T),
+                status: zn(y, M),
                 isLoading: b
               }
             )
@@ -2112,10 +2118,10 @@ function zl({
         On,
         {
           stop: m,
-          ref: B,
+          ref: U,
           input: g,
           handleInputChange: R,
-          handleSubmit: U,
+          handleSubmit: B,
           isLoading: b
         }
       ),
@@ -2139,10 +2145,10 @@ var $a = {
   className: void 0,
   style: void 0,
   attr: void 0
-}, oa = Ie.createContext && /* @__PURE__ */ Ie.createContext($a), Il = ["attr", "size", "title"];
-function Tl(t, s) {
+}, la = Oe.createContext && /* @__PURE__ */ Oe.createContext($a), Ml = ["attr", "size", "title"];
+function Dl(t, s) {
   if (t == null) return {};
-  var a = Dl(t, s), l, r;
+  var a = Il(t, s), l, r;
   if (Object.getOwnPropertySymbols) {
     var i = Object.getOwnPropertySymbols(t);
     for (r = 0; r < i.length; r++)
@@ -2150,7 +2156,7 @@ function Tl(t, s) {
   }
   return a;
 }
-function Dl(t, s) {
+function Il(t, s) {
   if (t == null) return {};
   var a = {};
   for (var l in t)
@@ -2170,7 +2176,7 @@ function ct() {
     return t;
   }, ct.apply(this, arguments);
 }
-function ca(t, s) {
+function ra(t, s) {
   var a = Object.keys(t);
   if (Object.getOwnPropertySymbols) {
     var l = Object.getOwnPropertySymbols(t);
@@ -2183,22 +2189,22 @@ function ca(t, s) {
 function dt(t) {
   for (var s = 1; s < arguments.length; s++) {
     var a = arguments[s] != null ? arguments[s] : {};
-    s % 2 ? ca(Object(a), !0).forEach(function(l) {
-      Ml(t, l, a[l]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(a)) : ca(Object(a)).forEach(function(l) {
+    s % 2 ? ra(Object(a), !0).forEach(function(l) {
+      Ll(t, l, a[l]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(a)) : ra(Object(a)).forEach(function(l) {
       Object.defineProperty(t, l, Object.getOwnPropertyDescriptor(a, l));
     });
   }
   return t;
 }
-function Ml(t, s, a) {
-  return s = Ll(s), s in t ? Object.defineProperty(t, s, { value: a, enumerable: !0, configurable: !0, writable: !0 }) : t[s] = a, t;
+function Ll(t, s, a) {
+  return s = Fl(s), s in t ? Object.defineProperty(t, s, { value: a, enumerable: !0, configurable: !0, writable: !0 }) : t[s] = a, t;
 }
-function Ll(t) {
-  var s = Fl(t, "string");
+function Fl(t) {
+  var s = Vl(t, "string");
   return typeof s == "symbol" ? s : s + "";
 }
-function Fl(t, s) {
+function Vl(t, s) {
   if (typeof t != "object" || !t) return t;
   var a = t[Symbol.toPrimitive];
   if (a !== void 0) {
@@ -2208,24 +2214,24 @@ function Fl(t, s) {
   }
   return (s === "string" ? String : Number)(t);
 }
-function Ba(t) {
-  return t && t.map((s, a) => /* @__PURE__ */ Ie.createElement(s.tag, dt({
+function Ua(t) {
+  return t && t.map((s, a) => /* @__PURE__ */ Oe.createElement(s.tag, dt({
     key: a
-  }, s.attr), Ba(s.child)));
+  }, s.attr), Ua(s.child)));
 }
 function ge(t) {
-  return (s) => /* @__PURE__ */ Ie.createElement(Vl, ct({
+  return (s) => /* @__PURE__ */ Oe.createElement(El, ct({
     attr: dt({}, t.attr)
-  }, s), Ba(t.child));
+  }, s), Ua(t.child));
 }
-function Vl(t) {
+function El(t) {
   var s = (a) => {
     var {
       attr: l,
       size: r,
       title: i
-    } = t, o = Tl(t, Il), c = r || a.size || "1em", d;
-    return a.className && (d = a.className), t.className && (d = (d ? d + " " : "") + t.className), /* @__PURE__ */ Ie.createElement("svg", ct({
+    } = t, o = Dl(t, Ml), c = r || a.size || "1em", d;
+    return a.className && (d = a.className), t.className && (d = (d ? d + " " : "") + t.className), /* @__PURE__ */ Oe.createElement("svg", ct({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
@@ -2237,31 +2243,15 @@ function Vl(t) {
       height: c,
       width: c,
       xmlns: "http://www.w3.org/2000/svg"
-    }), i && /* @__PURE__ */ Ie.createElement("title", null, i), t.children);
+    }), i && /* @__PURE__ */ Oe.createElement("title", null, i), t.children);
   };
-  return oa !== void 0 ? /* @__PURE__ */ Ie.createElement(oa.Consumer, null, (a) => s(a)) : s($a);
+  return la !== void 0 ? /* @__PURE__ */ Oe.createElement(la.Consumer, null, (a) => s(a)) : s($a);
 }
-function El(t) {
+function Al(t) {
   return ge({ 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 Al({ sql: t }) {
-  return /* @__PURE__ */ n(qt, { children: [
-    /* @__PURE__ */ e(Rt, { asChild: !0, children: /* @__PURE__ */ e(M, { variant: "link", className: "h-5 p-0", children: /* @__PURE__ */ e(zn, { className: "h-4 w-4 text-muted-foreground" }) }) }),
-    /* @__PURE__ */ e(
-      jt,
-      {
-        align: "end",
-        className: "w-full min-w-fit max-w-[700px] p-3 pt-2",
-        children: /* @__PURE__ */ n("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ e(G, { className: "text-xs font-semibold", children: "Resolved Query" }),
-          /* @__PURE__ */ e("div", { className: "flex grow flex-col space-y-2", children: /* @__PURE__ */ e(we, { className: "max-h-[250px] min-h-0 overflow-scroll", children: /* @__PURE__ */ e("p", { className: "overflow-auto rounded-md bg-muted p-2 font-mono text-xs leading-relaxed", children: t }) }) })
-        ] })
-      }
-    )
-  ] });
-}
-function Ua(t) {
-  const { theme: s } = In(), a = z((b) => b.theme), l = p((b) => b.frame), r = p((b) => b.card), i = p((b) => b.activeTabCardId), o = Tn(), { refetch: c } = Ve(r), { updateCardTab: d, setRunSql: h } = de(), f = Ge(), y = Ge({}), x = l.cards.find((b) => b.id === i), u = Va(() => {
+function Ba(t) {
+  const { theme: s } = Tn(), a = T((b) => b.theme), l = p((b) => b.frame), r = p((b) => b.card), i = p((b) => b.activeTabCardId), o = Mn(), { refetch: c } = Ve(r), { updateCardTab: d, setRunSql: h } = de(), f = Ge(), v = Ge({}), x = l.cards.find((b) => b.id === i), u = Va(() => {
     let b = "";
     return t === "python" && (b = (x == null ? void 0 : x.python) || wa), t === "sql" && (b = (x == null ? void 0 : x.sql) || ""), b;
   }, [t, x]);
@@ -2269,11 +2259,11 @@ function Ua(t) {
     if (i && r.id && r.id !== i) {
       if (f.current && o) {
         const b = f.current.getModel();
-        b && (y.current[r.id] = b);
-        let k = y.current[i];
+        b && (v.current[r.id] = b);
+        let k = v.current[i];
         if (!k) {
           const N = u();
-          k = o.editor.createModel(N, t), y.current[i] = k;
+          k = o.editor.createModel(N, t), v.current[i] = k;
         }
         f.current.setModel(k);
       }
@@ -2313,18 +2303,18 @@ function Ua(t) {
     );
   }, [o, c, r]);
   function g(b, k) {
-    if (f.current = b, !y.current[r.id]) {
+    if (f.current = b, !v.current[r.id]) {
       const N = b.getModel(), V = u();
-      y.current[r.id] = N || (k == null ? void 0 : k.editor.createModel(V, t)) || b.getModel();
+      v.current[r.id] = N || (k == null ? void 0 : k.editor.createModel(V, t)) || b.getModel();
     }
-    b.setModel(y.current[r.id]);
+    b.setModel(v.current[r.id]);
   }
   return { handleEditorDidMount: g };
 }
 function ql() {
-  const t = p((o) => o.card.sql), s = p((o) => o.sqlGen), { setCardSql: a, setSqlGen: l } = de(), { handleEditorDidMount: r } = Ua("sql");
+  const t = p((o) => o.card.sql), s = p((o) => o.sqlGen), { setCardSql: a, setSqlGen: l } = de(), { handleEditorDidMount: r } = Ba("sql");
   function i(o) {
-    a(o), Mn(s) || l({});
+    a(o), In(s) || l({});
   }
   return /* @__PURE__ */ e(
     ht,
@@ -2351,7 +2341,7 @@ function ql() {
   );
 }
 function Rl() {
-  const t = p((r) => r.card.python), { setCardPython: s } = de(), { handleEditorDidMount: a } = Ua("python");
+  const t = p((r) => r.card.python), { setCardPython: s } = de(), { handleEditorDidMount: a } = Ba("python");
   function l(r) {
     s(r);
   }
@@ -2379,19 +2369,14 @@ function Rl() {
     }
   );
 }
-function jl() {
-  const t = z((i) => i.dashboard.filters), s = z((i) => i.filterValues), a = z((i) => i.selectedSheetId), l = t == null ? void 0 : t.filter(
-    (i) => i.sheetId === a || !i.sheetId
-  ), r = s == null ? void 0 : s.filter(
-    (i) => (l == null ? void 0 : l.some((o) => o.id === i.filterId)) || i.filterId.endsWith(a)
-  );
+function jl({ jsonString: t }) {
   return /* @__PURE__ */ e(
     ht,
     {
       theme: "default",
       defaultLanguage: "json",
       className: "mt-1 min-h-[220px]",
-      value: JSON.stringify(r, null, 2),
+      value: t,
       options: {
         readOnly: !0,
         minimap: {
@@ -2415,7 +2400,7 @@ function _l() {
   const [t, s] = j({
     queryKey: [],
     queryData: null
-  }), a = Ln(), [l, r] = j(!1), [i, o] = j(!1), [c, d] = j(!1), [h, f] = j(""), [y, x] = j(!1), u = p((D) => D.frame), g = p((D) => D.card), b = p((D) => D.isShowingVisual), k = p(
+  }), a = Ln(), [l, r] = j(!1), [i, o] = j(!1), [c, d] = j(!1), [h, f] = j(""), [v, x] = j(!1), u = p((D) => D.frame), g = p((D) => D.card), b = p((D) => D.isShowingVisual), k = p(
     (D) => D.selectedConnectionId
   ), N = p(
     (D) => D.selectedDatabaseName
@@ -2423,47 +2408,49 @@ function _l() {
     (D) => D.selectedDatamodelId
   ), w = p(
     (D) => D.selectedSchemaName
-  ), O = p((D) => D.selectedTableName), F = p((D) => {
+  ), z = p((D) => D.selectedTableName), F = p((D) => {
     var he;
     return (he = D == null ? void 0 : D.card) == null ? void 0 : he.sql;
-  }), E = p((D) => D.applyFilters), {
-    setCardCustomCfg: B,
+  });
+  p((D) => D.applyFilters);
+  const { sheetFilterValues: E } = Fn(), {
+    setCardCustomCfg: U,
     setQueryResultColumns: R,
-    setCardSql: U,
+    setCardSql: B,
     // setQueryError,
     setPythonStdOut: m,
-    setCardPreferences: v,
-    setCardType: T,
+    setCardPreferences: y,
+    setCardType: M,
     setCardPython: C
-  } = de(), A = p((D) => D.onSave), $ = p((D) => D.onClose), W = p((D) => D.actions.setSqlGen), Q = p((D) => D.runSql), K = p((D) => D.actions.setRunSql), re = p((D) => D.actions.setCardCfg), me = p(
+  } = de(), A = p((D) => D.onSave), $ = p((D) => D.onClose), J = p((D) => D.actions.setSqlGen), Q = p((D) => D.runSql), K = p((D) => D.actions.setRunSql), le = p((D) => D.actions.setCardCfg), me = p(
     (D) => D.actions.setIsSqlRunning
   ), {
-    data: J,
+    data: W,
     isLoading: q,
     isFetching: L,
-    isSuccess: ie,
-    isError: se,
+    isSuccess: re,
+    isError: ie,
     error: ue,
     queryKey: oe,
     refetch: ne
   } = Ve(g);
   ce(() => {
-    if (J && (J.rowLimitExceeded && Qe.error("Row limit (10,000) exceeded. Refine your query.", {
+    if (W && (W.rowLimitExceeded && Ke.error("Row limit (10,000) exceeded. Refine your query.", {
       position: "top-center",
       richColors: !0
-    }), m((J == null ? void 0 : J.output) || ""), J.records.length > 0)) {
-      const { dimensionKeys: D } = wt(J.records);
+    }), m((W == null ? void 0 : W.output) || ""), W.records.length > 0)) {
+      const { dimensionKeys: D } = wt(W.records);
       R(D);
     }
-  }, [J, R, m]), ce(() => {
-    (q || L) && me(!0), (se || ie) && me(!1), se && (R([]), m(""));
+  }, [W, R, m]), ce(() => {
+    (q || L) && me(!0), (ie || re) && me(!1), ie && (R([]), m(""));
   }, [
     q,
     L,
-    J,
+    W,
     m,
-    se,
     ie,
+    re,
     me,
     R,
     // setQueryError,
@@ -2471,25 +2458,25 @@ function _l() {
   ]), ce(() => {
     Q && (a.getQueryData(oe) || ne(), K(!1));
   }, [Q, ne, K, oe, a]);
-  function I() {
+  function O() {
     const D = a.getQueryData(oe);
     t.queryData || s({
       queryKey: oe,
       queryData: D
-    }), a.setQueryData(oe, null), a.removeQueries({ queryKey: oe, exact: !0 }), U(""), W({}), C(""), re(void 0), B(""), v({}), T("bar");
+    }), a.setQueryData(oe, null), a.removeQueries({ queryKey: oe, exact: !0 }), B(""), J({}), C(""), le(void 0), U(""), y({}), M("bar");
   }
   function _(D, he) {
     if (D.length === 0)
       return "";
     if (he) {
-      const Me = D.find((fe) => fe.id === he);
-      if (Me) {
-        const fe = Me.tabTitle;
+      const Ie = D.find((fe) => fe.id === he);
+      if (Ie) {
+        const fe = Ie.tabTitle;
         if (fe == "All__Header")
           return D[0].id;
         if (fe && fe.endsWith("__Header")) {
-          const yt = fe.split("__")[0], et = D.find(
-            (xt) => xt.tabTitle === yt
+          const vt = fe.split("__")[0], et = D.find(
+            (xt) => xt.tabTitle === vt
           );
           return et ? et.id : D[0].id;
         }
@@ -2500,62 +2487,52 @@ function _l() {
   }
   function P() {
     let D = F;
-    F && !F.includes("{{") && (D = Sl(F), U(D));
+    F && !F.includes("{{") && (D = wl(F), B(D));
     const he = {
       ...g,
       lastSelectedSchema: w,
       lastSelectedDatamodelId: V,
       lastSelectedDatabase: N,
-      lastSelectedTable: O,
+      lastSelectedTable: z,
       connectionId: k,
       type: b ? g.type : "table",
       sql: D,
       customCfg: b ? g.customCfg : null
-    }, Me = u.cards.map(
+    }, Ie = u.cards.map(
       ($e) => $e.id === g.id ? he : $e
     ), fe = {
       ...u,
-      cards: Me,
-      activeCardId: _(Me, u.activeCardId)
+      cards: Ie,
+      activeCardId: _(Ie, u.activeCardId)
     };
     A == null || A(fe);
   }
-  function le() {
+  function se() {
     const { queryKey: D, queryData: he } = t;
-    D && he && a.setQueryData(D, he), W({}), $ == null || $();
+    D && he && a.setQueryData(D, he), J({}), $ == null || $();
   }
   function Re() {
     return /* @__PURE__ */ n(ae, { children: [
       i && /* @__PURE__ */ e(
         "div",
         {
-          className: "relative flex w-1/3 min-w-0 grow overflow-hidden border-l p-1 text-xs",
+          className: "relative flex w-1/3 min-w-0 grow overflow-hidden text-xs",
           role: "editor-filter-container",
-          children: /* @__PURE__ */ n("div", { className: "w-[99%]", children: [
-            /* @__PURE__ */ n("div", { className: "flex items-center gap-2 pt-3", children: [
-              /* @__PURE__ */ e(G, { className: "ml-6 text-xs font-semibold", children: "Filters" }),
-              i && /* @__PURE__ */ e(
-                We,
-                {
-                  onClick: () => o(!1),
-                  className: "bg-background/50 text-foreground/50 hover:cursor-pointer hover:text-foreground"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ e(jl, {})
-          ] })
+          children: /* @__PURE__ */ e("div", { className: "mt-2 w-[99%]", children: /* @__PURE__ */ e(
+            jl,
+            {
+              jsonString: JSON.stringify(E, null, 2)
+            }
+          ) })
         }
       ),
-      !i && /* @__PURE__ */ e(
-        ba,
+      E && E.length > 0 && /* @__PURE__ */ e(
+        I,
         {
-          onClick: () => o(!0),
-          className: ee(
-            "absolute bottom-4 right-6 h-3 w-3 text-foreground/50 hover:cursor-pointer hover:text-foreground",
-            {
-              "font-bold text-red-800": E
-            }
-          )
+          variant: "secondary",
+          onClick: () => o(!i),
+          className: "absolute bottom-0 right-6 size-7 p-1",
+          children: i ? /* @__PURE__ */ e(Ye, { className: "size-3.5 text-muted-foreground" }) : /* @__PURE__ */ e(pa, { className: "size-3.5 text-muted-foreground" })
         }
       )
     ] });
@@ -2569,7 +2546,7 @@ function _l() {
         role: "editor-resizable-group",
         children: [
           /* @__PURE__ */ n(
-            ke,
+            we,
             {
               id: "1",
               order: 1,
@@ -2591,7 +2568,7 @@ function _l() {
           l && /* @__PURE__ */ n(ae, { children: [
             /* @__PURE__ */ e(it, { withHandle: !0, className: "border" }),
             /* @__PURE__ */ n(
-              ke,
+              we,
               {
                 id: "2",
                 order: 2,
@@ -2635,7 +2612,7 @@ function _l() {
               children: [
                 /* @__PURE__ */ n("div", { className: "flex grow items-center gap-2", children: [
                   /* @__PURE__ */ n(
-                    M,
+                    I,
                     {
                       title: "Shift + Enter",
                       disabled: q || L,
@@ -2646,29 +2623,30 @@ function _l() {
                       size: "sm",
                       variant: "outline",
                       children: [
-                        q || L ? /* @__PURE__ */ e(Ze, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e(Fn, { className: "mr-2 h-4 w-4" }),
+                        q || L ? /* @__PURE__ */ e(Qe, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e(Vn, { className: "mr-2 h-4 w-4" }),
                         "Run"
                       ]
                     }
                   ),
-                  (se || (J == null ? void 0 : J.error)) && /* @__PURE__ */ e(
-                    wl,
+                  /* @__PURE__ */ e(
+                    kl,
                     {
-                      error: (ue == null ? void 0 : ue.message) || ((De = J == null ? void 0 : J.error) == null ? void 0 : De.message),
+                      sql: W == null ? void 0 : W.sql,
+                      error: (ue == null ? void 0 : ue.message) || ((De = W == null ? void 0 : W.error) == null ? void 0 : De.message),
                       setShowAIDialog: d,
                       setTriggerAIRun: x,
                       setUserInputforAI: f
                     }
                   ),
                   /* @__PURE__ */ n(
-                    M,
+                    I,
                     {
-                      onClick: I,
+                      onClick: O,
                       className: "",
                       size: "sm",
                       variant: "outline",
                       children: [
-                        /* @__PURE__ */ e(Us, { className: "mr-2 size-4" }),
+                        /* @__PURE__ */ e(Gs, { className: "mr-2 size-4" }),
                         "Clear"
                       ]
                     }
@@ -2681,43 +2659,42 @@ function _l() {
                       className: "",
                       size: "sm",
                       variant: "outline",
-                      children: /* @__PURE__ */ e(El, { className: "size-4 text-foreground/70" })
+                      children: /* @__PURE__ */ e(Al, { className: "size-4 text-foreground/70" })
                     }
                   ),
                   /* @__PURE__ */ e(
-                    zl,
+                    Tl,
                     {
                       open: c,
                       setOpen: d,
                       userInput: h,
-                      triggerAIRun: y,
+                      triggerAIRun: v,
                       setTriggerAIRun: x
                     }
                   )
                 ] }),
                 /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
-                  (J == null ? void 0 : J.sql) && /* @__PURE__ */ e(Al, { sql: J.sql }),
                   /* @__PURE__ */ n(
-                    M,
+                    I,
                     {
-                      onClick: le,
+                      onClick: se,
                       className: "w-full",
                       size: "sm",
                       variant: "outline",
                       children: [
-                        /* @__PURE__ */ e(We, { className: "mr-2 size-4" }),
+                        /* @__PURE__ */ e(ut, { className: "mr-2 size-4" }),
                         "Close"
                       ]
                     }
                   ),
                   /* @__PURE__ */ n(
-                    M,
+                    I,
                     {
                       onClick: P,
                       size: "sm",
                       variant: "outline",
                       children: [
-                        /* @__PURE__ */ e(Vn, { className: "mr-2 size-4 font-bold text-green-600" }),
+                        /* @__PURE__ */ e(En, { className: "mr-2 size-4 font-bold text-green-600" }),
                         "Accept"
                       ]
                     }
@@ -2733,7 +2710,7 @@ function _l() {
 }
 function Hl({ data: t }) {
   var o;
-  const [s, a] = Ie.useState([]), r = Object.keys(t[0]).map((c) => ({
+  const [s, a] = Oe.useState([]), r = Object.keys(t[0]).map((c) => ({
     // header: key,
     accessorKey: c,
     header: ({ column: d }) => {
@@ -2745,61 +2722,61 @@ function Hl({ data: t }) {
           onClick: () => d.toggleSorting(d.getIsSorted() === "asc"),
           children: [
             c,
-            h === "asc" ? /* @__PURE__ */ e(En, { className: "ml-2 h-5 w-5" }) : h === "desc" ? /* @__PURE__ */ e(An, { className: "ml-2 h-5 w-5" }) : null
+            h === "asc" ? /* @__PURE__ */ e(An, { className: "ml-2 h-5 w-5" }) : h === "desc" ? /* @__PURE__ */ e(qn, { className: "ml-2 h-5 w-5" }) : null
           ]
         }
       ) });
     }
-  })), i = qn({
+  })), i = Rn({
     data: t,
     columns: r,
-    getCoreRowModel: $n(),
-    getPaginationRowModel: Pn(),
+    getCoreRowModel: Un(),
+    getPaginationRowModel: $n(),
     onSortingChange: a,
-    getSortedRowModel: Hn(),
+    getSortedRowModel: Pn(),
     manualPagination: !0,
     state: {
       sorting: s
     }
   });
   return /* @__PURE__ */ e("div", { className: "font-mono text-xs text-foreground/95", children: /* @__PURE__ */ n("table", { className: "w-full", children: [
-    /* @__PURE__ */ e(Rn, { children: i.getHeaderGroups().map((c) => /* @__PURE__ */ e(Ct, { children: c.headers.map((d) => /* @__PURE__ */ e(
-      jn,
+    /* @__PURE__ */ e(jn, { children: i.getHeaderGroups().map((c) => /* @__PURE__ */ e(Ct, { children: c.headers.map((d) => /* @__PURE__ */ e(
+      _n,
       {
         className: "sticky top-0 h-11 bg-muted font-semibold",
-        children: d.isPlaceholder ? null : na(
+        children: d.isPlaceholder ? null : ea(
           d.column.columnDef.header,
           d.getContext()
         )
       },
       d.id
     )) }, c.id)) }),
-    /* @__PURE__ */ e(_n, { children: (o = i.getRowModel().rows) != null && o.length ? i.getRowModel().rows.map((c) => /* @__PURE__ */ e(
+    /* @__PURE__ */ e(Hn, { children: (o = i.getRowModel().rows) != null && o.length ? i.getRowModel().rows.map((c) => /* @__PURE__ */ e(
       Ct,
       {
         className: "whitespace-nowrap py-2",
         "data-state": c.getIsSelected() && "selected",
-        children: c.getVisibleCells().map((d) => /* @__PURE__ */ e(sa, { className: "py-3", children: na(d.column.columnDef.cell, d.getContext()) }, d.id))
+        children: c.getVisibleCells().map((d) => /* @__PURE__ */ e(ta, { className: "py-3", children: ea(d.column.columnDef.cell, d.getContext()) }, d.id))
       },
       c.id
-    )) : /* @__PURE__ */ e(Ct, { children: /* @__PURE__ */ e(sa, { colSpan: r.length, className: "h-24 text-center", children: "No results." }) }) })
+    )) : /* @__PURE__ */ e(Ct, { children: /* @__PURE__ */ e(ta, { colSpan: r.length, className: "h-24 text-center", children: "No results." }) }) })
   ] }) });
 }
 function Pl({ card: t }) {
-  var V, w, O, F, E, B, R, U, m, v, T;
+  var V, w, z, F, E, U, R, B, m, y, M;
   const [s, a] = j(!1), [l, r] = j(
     []
-  ), { authToken: i } = Te(), o = Bn(i == null ? void 0 : i.accessToken), c = z((C) => C.themeStyle), d = {
+  ), { authToken: i } = Me(), o = Bn(i == null ? void 0 : i.accessToken), c = T((C) => C.themeStyle), d = {
     colors: ((w = (V = c == null ? void 0 : c.chart) == null ? void 0 : V.dataset) == null ? void 0 : w.backgroundColor) || []
   };
-  (O = t.customCardPreferences) != null && O.inputData;
-  const { getCard: h } = ka(((F = t.customCardPreferences) == null ? void 0 : F.url) || ""), f = ((E = t.customCardPreferences) == null ? void 0 : E.visualType) || "single", y = p((C) => C.frame), { setCustomCardPreferences: x } = de(), { data: u } = Ve(t), g = Va((C, A) => {
+  (z = t.customCardPreferences) != null && z.inputData;
+  const { getCard: h } = ka(((F = t.customCardPreferences) == null ? void 0 : F.url) || ""), f = ((E = t.customCardPreferences) == null ? void 0 : E.visualType) || "single", v = p((C) => C.frame), { setCustomCardPreferences: x } = de(), { data: u } = Ve(t), g = Va((C, A) => {
     r(($) => ({
       ...$,
       [C]: A
     }));
   }, []);
-  if (!((B = t.customCardPreferences) != null && B.componentName))
+  if (!((U = t.customCardPreferences) != null && U.componentName))
     return null;
   const b = h(
     (R = t.customCardPreferences) == null ? void 0 : R.componentName
@@ -2808,14 +2785,14 @@ function Pl({ card: t }) {
     a(C);
   }
   const N = Object.keys(
-    ((U = t.customCardPreferences) == null ? void 0 : U.dataInputCardIds) || {}
+    ((B = t.customCardPreferences) == null ? void 0 : B.dataInputCardIds) || {}
   ).map((C) => {
-    var W, Q, K;
-    const A = (Q = (W = t.customCardPreferences) == null ? void 0 : W.dataInputCardIds) == null ? void 0 : Q[C].cardId, $ = (K = y == null ? void 0 : y.cards) == null ? void 0 : K.find((re) => re.id === A);
+    var J, Q, K;
+    const A = (Q = (J = t.customCardPreferences) == null ? void 0 : J.dataInputCardIds) == null ? void 0 : Q[C].cardId, $ = (K = v == null ? void 0 : v.cards) == null ? void 0 : K.find((le) => le.id === A);
     return $ || null;
   });
   return /* @__PURE__ */ e("div", { className: "semaphor-custom mb-3 flex grow basis-0 flex-col space-y-2 overflow-y-auto", children: /* @__PURE__ */ n(
-    Rs,
+    js,
     {
       fallback: /* @__PURE__ */ e(ae, {}),
       children: [
@@ -2831,15 +2808,15 @@ function Pl({ card: t }) {
         ),
         b && f === "multiple" && /* @__PURE__ */ n(ae, { children: [
           Object.keys(
-            ((v = t.customCardPreferences) == null ? void 0 : v.dataInputCardIds) || {}
+            ((y = t.customCardPreferences) == null ? void 0 : y.dataInputCardIds) || {}
           ).map((C) => {
-            var W, Q, K;
-            const A = (Q = (W = t.customCardPreferences) == null ? void 0 : W.dataInputCardIds) == null ? void 0 : Q[C].cardId, $ = (K = y == null ? void 0 : y.cards) == null ? void 0 : K.find(
-              (re) => re.id === A
+            var J, Q, K;
+            const A = (Q = (J = t.customCardPreferences) == null ? void 0 : J.dataInputCardIds) == null ? void 0 : Q[C].cardId, $ = (K = v == null ? void 0 : v.cards) == null ? void 0 : K.find(
+              (le) => le.id === A
             );
             if ($)
               return /* @__PURE__ */ e(
-                Un,
+                Gn,
                 {
                   onLoadingStatus: k,
                   onDataChange: g,
@@ -2866,7 +2843,7 @@ function Pl({ card: t }) {
         ] })
       ]
     },
-    (T = t.customCardPreferences) == null ? void 0 : T.componentName
+    (M = t.customCardPreferences) == null ? void 0 : M.componentName
   ) });
 }
 function Ga({
@@ -2876,12 +2853,12 @@ function Ga({
   ...s
 }) {
   var k;
-  const a = p((N) => N.card), l = ((k = a.customCardPreferences) == null ? void 0 : k.showCardHeader) ?? !0, r = p((N) => N.frame), i = z((N) => N.dashboard.filters);
+  const a = p((N) => N.card), l = ((k = a.customCardPreferences) == null ? void 0 : k.showCardHeader) ?? !0, r = p((N) => N.frame), i = T((N) => N.dashboard.filters);
   p((N) => N.actions.setRunSql);
-  const { updateFilter: o } = Xe(), c = i == null ? void 0 : i.find((N) => N.id === r.filterId), { data: d, isLoading: h, isFetching: f } = Ve(a), { setCard: y } = de(), { data: x } = _t(a);
+  const { updateFilter: o } = Ze(), c = i == null ? void 0 : i.find((N) => N.id === r.filterId), { data: d, isLoading: h, isFetching: f } = Ve(a), { setCard: v } = de(), { data: x } = qt(a);
   if (!a.id) return null;
   let u;
-  d != null && d.records && (d == null ? void 0 : d.records.length) > 0 && (u = Oa({
+  d != null && d.records && (d == null ? void 0 : d.records.length) > 0 && (u = za({
     data: d == null ? void 0 : d.records,
     cardType: a.type,
     cfg: a.cfg,
@@ -2896,40 +2873,40 @@ function Ga({
     var N;
     if (d != null && d.records && (d == null ? void 0 : d.records.length) === 0 && !h && !f)
       return /* @__PURE__ */ n("div", { className: "flex h-full flex-col items-center justify-center gap-2", children: [
-        /* @__PURE__ */ e(Zn, { className: "size-8 text-muted-foreground" }),
+        /* @__PURE__ */ e(Xn, { className: "size-8 text-muted-foreground" }),
         /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: "No records to display" })
       ] });
     if (a.type === "custom")
       return g(a);
     if (!["table", "custom"].includes(a.type) && u)
       return /* @__PURE__ */ e(
-        Xn,
+        Yn,
         {
           cfg: u
         },
         JSON.stringify(u) + JSON.stringify(a.preferences) + ((N = a == null ? void 0 : a.preferences) == null ? void 0 : N.customVisualCode)
       );
     if (a.type === "table" && (d != null && d.records) && (d == null ? void 0 : d.records.length) > 0)
-      return /* @__PURE__ */ n(we, { className: "relative mb-2 flex h-full min-h-0 w-full flex-1 grow basis-0", children: [
-        /* @__PURE__ */ e(Yn, { card: a, data: d == null ? void 0 : d.records }),
+      return /* @__PURE__ */ n(Te, { className: "relative mb-2 flex h-full min-h-0 w-full flex-1 grow basis-0", children: [
+        /* @__PURE__ */ e(es, { card: a, data: d == null ? void 0 : d.records }),
         /* @__PURE__ */ e(He, { orientation: "horizontal" })
       ] });
   }
   return /* @__PURE__ */ n(
-    Gn,
+    Jn,
     {
       role: "editor-visual-card",
       className: ee("relative flex h-full flex-col rounded-none", t),
       ...s,
       children: [
-        l && /* @__PURE__ */ n(Jn, { className: "flex flex-row items-start justify-between py-4", children: [
+        l && /* @__PURE__ */ n(Wn, { className: "flex flex-row items-start justify-between py-4", children: [
           /* @__PURE__ */ n("div", { children: [
             /* @__PURE__ */ e(
               nt,
               {
                 text: a.title,
-                onSave: (N) => y({ ...a, title: N }),
-                children: /* @__PURE__ */ e("div", { className: "flex items-center gap-5", children: /* @__PURE__ */ e(Wn, { className: "text-base", children: a.title || "Edit title..." }) })
+                onSave: (N) => v({ ...a, title: N }),
+                children: /* @__PURE__ */ e("div", { className: "flex items-center gap-5", children: /* @__PURE__ */ e(Kn, { className: "text-base", children: a.title || "Edit title..." }) })
               },
               a.title
             ),
@@ -2937,8 +2914,8 @@ function Ga({
               nt,
               {
                 text: a.description || "",
-                onSave: (N) => y({ ...a, description: N }),
-                children: /* @__PURE__ */ e(Kn, { children: a.description || "Edit description..." })
+                onSave: (N) => v({ ...a, description: N }),
+                children: /* @__PURE__ */ e(Qn, { children: a.description || "Edit description..." })
               },
               a.description
             )
@@ -2953,15 +2930,15 @@ function Ga({
                 children: /* @__PURE__ */ e(G, { children: c.title })
               }
             ),
-            /* @__PURE__ */ e(za, { filter: c })
+            /* @__PURE__ */ e(Oa, { filter: c })
           ] })
         ] }),
-        /* @__PURE__ */ e(Qn, { className: "flex grow flex-col", children: b() })
+        /* @__PURE__ */ e(Zn, { className: "flex grow flex-col", children: b() })
       ]
     }
   );
 }
-const da = ({ language: t, value: s, onChange: a }) => /* @__PURE__ */ e(
+const ia = ({ language: t, value: s, onChange: a }) => /* @__PURE__ */ e(
   ht,
   {
     className: "h-full w-full overflow-hidden text-xs",
@@ -2981,7 +2958,7 @@ const da = ({ language: t, value: s, onChange: a }) => /* @__PURE__ */ e(
     value: s,
     onChange: a
   }
-), $l = () => /* @__PURE__ */ n(Mt, { children: [
+), $l = () => /* @__PURE__ */ n(It, { children: [
   /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e(Lt, { children: "Customize Card" }) }),
   /* @__PURE__ */ n(Ft, { children: [
     "See the configuration options and documentation",
@@ -2995,13 +2972,13 @@ const da = ({ language: t, value: s, onChange: a }) => /* @__PURE__ */ e(
       }
     )
   ] })
-] }), Bl = ({
+] }), Ul = ({
   defaultConfig: t,
   customCode: s,
   customConfig: a,
   onConfigChange: l,
   onCodeChange: r
-}) => /* @__PURE__ */ n(Ta, { defaultValue: "custom-config", className: "flex w-1/2 flex-col", children: [
+}) => /* @__PURE__ */ n(Ma, { defaultValue: "custom-config", className: "flex w-1/2 flex-col", children: [
   /* @__PURE__ */ n(Da, { className: "justify-start rounded-sm rounded-b-none border border-b-0", children: [
     /* @__PURE__ */ e(st, { value: "custom-config", children: a ? "Custom Config" : "Default Config" }),
     /* @__PURE__ */ e(st, { value: "output", children: "Output" }),
@@ -3013,7 +2990,7 @@ const da = ({ language: t, value: s, onChange: a }) => /* @__PURE__ */ e(
       value: "output",
       className: "mt-0 grow rounded-b border border-t-0 p-2",
       children: /* @__PURE__ */ e(
-        as,
+        ns,
         {
           readOnly: !0,
           value: t,
@@ -3028,7 +3005,7 @@ const da = ({ language: t, value: s, onChange: a }) => /* @__PURE__ */ e(
       value: "custom-config",
       className: "mt-0 grow rounded-b border border-t-0",
       children: /* @__PURE__ */ e(
-        da,
+        ia,
         {
           language: "json",
           value: a,
@@ -3043,7 +3020,7 @@ const da = ({ language: t, value: s, onChange: a }) => /* @__PURE__ */ e(
       value: "custom-code",
       className: "mt-0 grow rounded-b border border-t-0",
       children: /* @__PURE__ */ e(
-        da,
+        ia,
         {
           language: "javascript",
           value: s,
@@ -3052,27 +3029,27 @@ const da = ({ language: t, value: s, onChange: a }) => /* @__PURE__ */ e(
       )
     }
   )
-] }), Ul = ({
+] }), Bl = ({
   error: t,
   hasCustomConfig: s,
   onReset: a,
   onApply: l,
   onClose: r
-}) => /* @__PURE__ */ n(ma, { className: "flex items-center", children: [
+}) => /* @__PURE__ */ n(da, { className: "flex items-center", children: [
   /* @__PURE__ */ e(G, { className: "mr-2 text-red-500", children: t }),
-  /* @__PURE__ */ e(M, { disabled: !s, onClick: a, variant: "outline", children: "Reset" }),
-  /* @__PURE__ */ e(M, { onClick: l, variant: "outline", children: "Apply" }),
-  /* @__PURE__ */ e(M, { onClick: r, variant: "outline", children: "Close" })
+  /* @__PURE__ */ e(I, { disabled: !s, onClick: a, variant: "outline", children: "Reset" }),
+  /* @__PURE__ */ e(I, { onClick: l, variant: "outline", children: "Apply" }),
+  /* @__PURE__ */ e(I, { onClick: r, variant: "outline", children: "Close" })
 ] });
 function Gl() {
-  const [t, s] = j(!1), [a, l] = j(""), [r, i] = j(""), [o, c] = j(""), [d, h] = j(""), f = p((w) => w.card), y = p((w) => w.card.customCfg), { data: x } = Ve(f), { data: u } = _t(f), { setCardCustomCfg: g, setCustomVisualCode: b } = de(), k = (w) => {
-    var O, F;
+  const [t, s] = j(!1), [a, l] = j(""), [r, i] = j(""), [o, c] = j(""), [d, h] = j(""), f = p((w) => w.card), v = p((w) => w.card.customCfg), { data: x } = Ve(f), { data: u } = qt(f), { setCardCustomCfg: g, setCustomVisualCode: b } = de(), k = (w) => {
+    var z, F;
     return JSON.stringify(
       {
         ...w,
         data: {
           ...w.data,
-          datasets: (F = (O = w.data) == null ? void 0 : O.datasets) == null ? void 0 : F.map((E) => ({
+          datasets: (F = (z = w.data) == null ? void 0 : z.datasets) == null ? void 0 : F.map((E) => ({
             ...E,
             data: []
           }))
@@ -3082,14 +3059,14 @@ function Gl() {
       2
     );
   };
-  return /* @__PURE__ */ n(It, { open: t, onOpenChange: s, children: [
-    /* @__PURE__ */ e(Tt, { asChild: !0, children: /* @__PURE__ */ e(
-      M,
+  return /* @__PURE__ */ n(Tt, { open: t, onOpenChange: s, children: [
+    /* @__PURE__ */ e(Mt, { asChild: !0, children: /* @__PURE__ */ e(
+      I,
       {
         onClick: () => {
-          var O, F;
-          if (!((O = x == null ? void 0 : x.records) != null && O.length)) return;
-          const w = Oa({
+          var z, F;
+          if (!((z = x == null ? void 0 : x.records) != null && z.length)) return;
+          const w = za({
             data: x.records,
             cardType: f.type,
             cfg: f.cfg,
@@ -3098,22 +3075,22 @@ function Gl() {
           });
           if (w) {
             l(k(w)), c(((F = f.preferences) == null ? void 0 : F.customVisualCode) || "");
-            const E = ts(w, y);
+            const E = as(w, v);
             i(k(E));
           }
         },
         size: "sm",
         variant: "outline",
-        className: y ? "border-foreground/50 dark:border-foreground/70" : "",
-        children: /* @__PURE__ */ e(es, { className: "h-4 w-4" })
+        className: v ? "border-foreground/50 dark:border-foreground/70" : "",
+        children: /* @__PURE__ */ e(ts, { className: "h-4 w-4" })
       }
     ) }),
     /* @__PURE__ */ n(Dt, { className: "max-h-[70vh] min-h-[70vh] overflow-auto sm:min-w-[900px] lg:min-w-[1200px]", children: [
       /* @__PURE__ */ e($l, {}),
       /* @__PURE__ */ n("div", { className: "flex grow gap-2", children: [
-        /* @__PURE__ */ e(mt, { FallbackComponent: Ia, children: /* @__PURE__ */ e(Ga, { className: "w-1/2 rounded shadow-none" }) }),
+        /* @__PURE__ */ e(mt, { FallbackComponent: Ta, children: /* @__PURE__ */ e(Ga, { className: "w-1/2 rounded shadow-none" }) }),
         /* @__PURE__ */ e(
-          Bl,
+          Ul,
           {
             defaultConfig: a,
             customCode: o,
@@ -3124,10 +3101,10 @@ function Gl() {
         )
       ] }),
       /* @__PURE__ */ e(
-        Ul,
+        Bl,
         {
           error: d,
-          hasCustomConfig: !!y,
+          hasCustomConfig: !!v,
           onReset: () => {
             i(a), g(null);
           },
@@ -3136,11 +3113,11 @@ function Gl() {
               if (o && b(o), r) {
                 const w = JSON.parse(
                   r
-                ), O = ns(
+                ), z = ss(
                   JSON.parse(a),
                   w
                 );
-                g(O), h("");
+                g(z), h("");
               }
             } catch {
               h("Invalid JSON configuration");
@@ -3184,9 +3161,9 @@ function tn(t) {
   return s;
 }
 function an() {
-  const { authToken: t } = Te(), { data: s, isLoading: a, isFetching: l, isError: r } = Le({
+  const { authToken: t } = Me(), { data: s, isLoading: a, isFetching: l, isError: r } = Le({
     queryKey: ["plugins", t == null ? void 0 : t.accessToken],
-    queryFn: () => ss(t == null ? void 0 : t.accessToken)
+    queryFn: () => ls(t == null ? void 0 : t.accessToken)
     // staleTime: Infinity,
   });
   return { data: s, isLoading: a, isFetching: l, isError: r };
@@ -3200,9 +3177,9 @@ function Wl({
       var i;
       if (l) {
         const c = (await Promise.all(
-          (i = l == null ? void 0 : l.plugins) == null ? void 0 : i.map(async (d) => (await ls(d.value)).visuals.map((y) => ({
-            name: y.name,
-            icon: y.icon,
+          (i = l == null ? void 0 : l.plugins) == null ? void 0 : i.map(async (d) => (await rs(d.value)).visuals.map((v) => ({
+            name: v.name,
+            icon: v.icon,
             url: d.value
           })))
         )).flat();
@@ -3228,10 +3205,10 @@ const Kl = ({
   onClick: a
 }) => {
   const l = tn(), r = t.charAt(0).toUpperCase();
-  return /* @__PURE__ */ e(M, { onClick: a, title: t, variant: "ghost", children: l ? /* @__PURE__ */ e(l, { className: "h-4 w-4" }) : r });
+  return /* @__PURE__ */ e(I, { onClick: a, title: t, variant: "ghost", children: l ? /* @__PURE__ */ e(l, { className: "h-4 w-4" }) : r });
 };
 function Ql() {
-  var f, y;
+  var f, v;
   const [t, s] = j(!1), a = p((x) => x.card), l = a.type, { setCardType: r, setCardPreferences: i, setChartOrientation: o } = p((x) => x.actions), { setCardCustomCfg: c, setCustomCardPreferences: d } = de();
   function h(x, u) {
     c(null), i({}), r(x), u && d({
@@ -3243,36 +3220,36 @@ function Ql() {
     }), s(!1);
   }
   return /* @__PURE__ */ n(pt, { open: t, onOpenChange: s, children: [
-    /* @__PURE__ */ e(ft, { asChild: !0, children: /* @__PURE__ */ e(M, { size: "sm", variant: "outline", children: /* @__PURE__ */ e(
+    /* @__PURE__ */ e(ft, { asChild: !0, children: /* @__PURE__ */ e(I, { size: "sm", variant: "outline", children: /* @__PURE__ */ e(
       Zl,
       {
         className: "h-4 w-4",
         chartType: l,
         customIcon: (f = a.customCardPreferences) == null ? void 0 : f.icon,
-        componentName: (y = a.customCardPreferences) == null ? void 0 : y.componentName
+        componentName: (v = a.customCardPreferences) == null ? void 0 : v.componentName
       }
     ) }) }),
     /* @__PURE__ */ n(gt, { className: "w-50", children: [
       /* @__PURE__ */ n("div", { className: "grid grid-cols-4 place-items-center", children: [
         /* @__PURE__ */ e(
-          M,
+          I,
           {
             onClick: () => h("bar"),
             className: "font-normal",
             variant: "ghost",
-            children: /* @__PURE__ */ e($t, { className: "size-5" })
+            children: /* @__PURE__ */ e(_t, { className: "size-5" })
           }
         ),
         /* @__PURE__ */ e(
-          M,
+          I,
           {
             onClick: () => h("line"),
             variant: "ghost",
-            children: /* @__PURE__ */ e(Bt, { className: "size-5" })
+            children: /* @__PURE__ */ e(Ht, { className: "size-5" })
           }
         ),
         /* @__PURE__ */ e(
-          M,
+          I,
           {
             onClick: () => h("stackedBar"),
             variant: "ghost",
@@ -3280,7 +3257,7 @@ function Ql() {
           }
         ),
         /* @__PURE__ */ e(
-          M,
+          I,
           {
             onClick: () => h("stackedLine"),
             variant: "ghost",
@@ -3288,7 +3265,7 @@ function Ql() {
           }
         ),
         /* @__PURE__ */ e(
-          M,
+          I,
           {
             onClick: () => h("scatter"),
             variant: "ghost",
@@ -3296,7 +3273,7 @@ function Ql() {
           }
         ),
         /* @__PURE__ */ e(
-          M,
+          I,
           {
             onClick: () => h("bubble"),
             variant: "ghost",
@@ -3304,7 +3281,7 @@ function Ql() {
           }
         ),
         /* @__PURE__ */ e(
-          M,
+          I,
           {
             onClick: () => h("pie"),
             variant: "ghost",
@@ -3312,7 +3289,7 @@ function Ql() {
           }
         ),
         /* @__PURE__ */ e(
-          M,
+          I,
           {
             onClick: () => h("doughnut"),
             variant: "ghost",
@@ -3320,7 +3297,7 @@ function Ql() {
           }
         ),
         /* @__PURE__ */ e(
-          M,
+          I,
           {
             onClick: () => h("radar"),
             variant: "ghost",
@@ -3334,7 +3311,7 @@ function Ql() {
           }
         ),
         /* @__PURE__ */ e(
-          M,
+          I,
           {
             onClick: () => h("polarArea"),
             variant: "ghost",
@@ -3342,7 +3319,7 @@ function Ql() {
           }
         ),
         /* @__PURE__ */ e(
-          M,
+          I,
           {
             onClick: () => h("pyramid"),
             variant: "ghost",
@@ -3350,7 +3327,7 @@ function Ql() {
           }
         ),
         /* @__PURE__ */ e(
-          M,
+          I,
           {
             onClick: () => h("range"),
             variant: "ghost",
@@ -3358,15 +3335,15 @@ function Ql() {
           }
         ),
         /* @__PURE__ */ e(
-          M,
+          I,
           {
             onClick: () => h("table"),
             variant: "ghost",
-            children: /* @__PURE__ */ e(Gt, { className: "size-5" })
+            children: /* @__PURE__ */ e($t, { className: "size-5" })
           }
         ),
         /* @__PURE__ */ e(
-          M,
+          I,
           {
             onClick: () => h("kpi"),
             variant: "ghost",
@@ -3374,15 +3351,15 @@ function Ql() {
           }
         ),
         /* @__PURE__ */ e(
-          M,
+          I,
           {
             onClick: () => h("text"),
             variant: "ghost",
-            children: /* @__PURE__ */ e(Jt, { className: "size-4" })
+            children: /* @__PURE__ */ e(Ut, { className: "size-4" })
           }
         ),
         /* @__PURE__ */ e(
-          M,
+          I,
           {
             onClick: () => h("map"),
             variant: "ghost",
@@ -3390,7 +3367,7 @@ function Ql() {
           }
         ),
         /* @__PURE__ */ e(
-          M,
+          I,
           {
             onClick: () => h("custom"),
             variant: "ghost",
@@ -3411,9 +3388,9 @@ function Zl({
   const r = tn();
   switch (t) {
     case "bar":
-      return /* @__PURE__ */ e($t, { className: s });
+      return /* @__PURE__ */ e(_t, { className: s });
     case "line":
-      return /* @__PURE__ */ e(Bt, { className: s });
+      return /* @__PURE__ */ e(Ht, { className: s });
     case "pie":
       return /* @__PURE__ */ e(Aa, { className: s });
     case "radar":
@@ -3437,13 +3414,13 @@ function Zl({
     case "kpi":
       return /* @__PURE__ */ e(Ya, { className: s });
     case "text":
-      return /* @__PURE__ */ e(Jt, { className: s });
+      return /* @__PURE__ */ e(Ut, { className: s });
     case "map":
       return /* @__PURE__ */ e(Ra, { className: s });
     case "custom":
       return a && r ? /* @__PURE__ */ e(r, { className: s }) : l ? l == null ? void 0 : l.charAt(0).toUpperCase() : /* @__PURE__ */ e(ja, { className: s });
     default:
-      return /* @__PURE__ */ e(Gt, { className: s });
+      return /* @__PURE__ */ e($t, { className: s });
   }
 }
 function Xl() {
@@ -3452,32 +3429,32 @@ function Xl() {
   (a = t.customCardPreferences) == null || a.showCardHeader;
   const { setCustomCardPreferences: s } = de();
   return /* @__PURE__ */ n(Vt, { children: [
-    /* @__PURE__ */ e(Et, { asChild: !0, children: /* @__PURE__ */ e(Ut, { className: "size-4 cursor-pointer text-muted-foreground/70 transition-colors hover:text-muted-foreground" }) }),
+    /* @__PURE__ */ e(Et, { asChild: !0, children: /* @__PURE__ */ e(Pt, { className: "size-4 cursor-pointer text-muted-foreground/70 transition-colors hover:text-muted-foreground" }) }),
     /* @__PURE__ */ e(At, { align: "start", className: "w-40 text-muted-foreground", children: /* @__PURE__ */ n(
-      rs,
+      is,
       {
         onClick: () => {
-          navigator.clipboard.writeText(t.id), Qe.success("Card ID copied to clipboard");
+          navigator.clipboard.writeText(t.id), Ke.success("Card ID copied to clipboard");
         },
         className: "cursor-pointer space-x-2",
         children: [
-          /* @__PURE__ */ e(is, { className: "size-5" }),
+          /* @__PURE__ */ e(os, { className: "size-5" }),
           /* @__PURE__ */ e("span", { children: "Copy Card ID" })
         ]
       }
     ) })
   ] });
 }
-function ua() {
+function oa() {
   var m;
-  const t = p((v) => v.frame), s = p((v) => v.card), a = p((v) => v.isShowingVisual), l = p((v) => v.isSqlRunning), r = p((v) => v.pythonStdOut);
-  p((v) => v.actions.setRunSql);
-  const { setFrame: i, setCard: o, updateCardInFrame: c, setActiveTabCardId: d } = de(), { data: h, isLoading: f, isFetching: y, error: x } = Ve(s);
+  const t = p((y) => y.frame), s = p((y) => y.card), a = p((y) => y.isShowingVisual), l = p((y) => y.isSqlRunning), r = p((y) => y.pythonStdOut);
+  p((y) => y.actions.setRunSql);
+  const { setFrame: i, setCard: o, updateCardInFrame: c, setActiveTabCardId: d } = de(), { data: h, isLoading: f, isFetching: v, error: x } = Ve(s);
   if (!s) return /* @__PURE__ */ e(ae, { children: "No Active Card" });
   function u() {
-    const v = {
+    const y = {
       connectionId: s.connectionId,
-      id: Ke(),
+      id: We(),
       title: "Title",
       description: "Description",
       preferences: {
@@ -3492,76 +3469,76 @@ function ua() {
       sql: "",
       data: []
     };
-    g(v);
+    g(y);
   }
-  function g(v) {
-    const T = {
+  function g(y) {
+    const M = {
       ...t,
-      cards: [...t.cards, v],
-      activeCardId: v.id
+      cards: [...t.cards, y],
+      activeCardId: y.id
     };
-    i(T), d(v.id);
+    i(M), d(y.id);
   }
   function b() {
-    const v = {
+    const y = {
       ...s,
-      id: Ke(),
+      id: We(),
       title: `${s.title} Copy`,
       tabTitle: `${s.tabTitle || s.title} Copy`
     };
-    g(v);
+    g(y);
   }
-  function k(v) {
-    const T = t.cards.filter(($) => $.id !== v), C = T[0], A = {
+  function k(y) {
+    const M = t.cards.filter(($) => $.id !== y), C = M[0], A = {
       ...t,
-      cards: T,
+      cards: M,
       // update the active card to the first card in the frame
       activeCardId: C.id
     };
     i(A), d(C.id), o(C);
   }
-  function N(v) {
-    d(v);
+  function N(y) {
+    d(y);
   }
-  const V = (v, T) => {
-    console.log("handleDragStart", T), v.dataTransfer.setData("tabIndex", T.toString());
-  }, w = (v) => {
-    v.preventDefault();
-  }, O = (v, T) => {
-    const C = v.dataTransfer.getData("tabIndex");
-    if (C === T.toString()) return;
+  const V = (y, M) => {
+    console.log("handleDragStart", M), y.dataTransfer.setData("tabIndex", M.toString());
+  }, w = (y) => {
+    y.preventDefault();
+  }, z = (y, M) => {
+    const C = y.dataTransfer.getData("tabIndex");
+    if (C === M.toString()) return;
     const A = Array.from(t.cards), [$] = A.splice(parseInt(C), 1);
-    A.splice(T, 0, $), i({ ...t, cards: A });
+    A.splice(M, 0, $), i({ ...t, cards: A });
   };
-  function F(v, T) {
-    return v.cards.length === 1 && (T.displayTab === !0 || T.displayTab === void 0) || v.activeCardId !== T.id && (T.displayTab === !0 || T.displayTab === void 0) ? null : /* @__PURE__ */ e(
+  function F(y, M) {
+    return y.cards.length === 1 && (M.displayTab === !0 || M.displayTab === void 0) || y.activeCardId !== M.id && (M.displayTab === !0 || M.displayTab === void 0) ? null : /* @__PURE__ */ e(
       "div",
       {
         onClick: () => {
-          const C = T.displayTab === void 0 ? !1 : !T.displayTab;
-          o({ ...T, displayTab: C }), c({
-            ...T,
+          const C = M.displayTab === void 0 ? !1 : !M.displayTab;
+          o({ ...M, displayTab: C }), c({
+            ...M,
             displayTab: C
           });
         },
-        children: T.displayTab === !0 || T.displayTab === void 0 ? /* @__PURE__ */ e(hs, { className: "mr-2 size-3.5 text-muted-foreground hover:text-foreground" }) : /* @__PURE__ */ e(Gs, { className: "mr-2 size-3.5 text-muted-foreground hover:text-foreground" })
+        children: M.displayTab === !0 || M.displayTab === void 0 ? /* @__PURE__ */ e(ms, { className: "mr-2 size-3.5 text-muted-foreground hover:text-foreground" }) : /* @__PURE__ */ e(Js, { className: "mr-2 size-3.5 text-muted-foreground hover:text-foreground" })
       }
     );
   }
   function E() {
     return /* @__PURE__ */ n(
-      Ta,
+      Ma,
       {
         onValueChange: N,
         value: t.activeCardId,
         className: "flex grow flex-col",
         children: [
-          t.cards.map((v) => /* @__PURE__ */ e(lt, { className: "mt-0 grow", value: v.id, children: B() }, v.id)),
+          t.cards.map((y) => /* @__PURE__ */ e(lt, { className: "mt-0 grow", value: y.id, children: U() }, y.id)),
           /* @__PURE__ */ e(Da, { className: "group mx-6 justify-between", children: /* @__PURE__ */ n("div", { className: "flex items-center", children: [
-            t.cards.map((v, T) => /* @__PURE__ */ e(
+            t.cards.map((y, M) => /* @__PURE__ */ e(
               nt,
               {
-                text: v.tabTitle || v.title,
+                text: y.tabTitle || y.title,
                 onSave: (C) => {
                   o({ ...s, tabTitle: C }), c({ ...s, tabTitle: C });
                 },
@@ -3569,43 +3546,43 @@ function ua() {
                   st,
                   {
                     draggable: !0,
-                    onDragStart: (C) => V(C, T),
+                    onDragStart: (C) => V(C, M),
                     onDragOver: w,
-                    onDrop: (C) => O(C, T),
+                    onDrop: (C) => z(C, M),
                     className: "",
-                    value: v.id,
+                    value: y.id,
                     children: [
-                      F(t, v),
-                      v.tabTitle || v.title,
-                      t.activeCardId === v.id && t.cards.length > 1 && /* @__PURE__ */ e(
-                        ut,
+                      F(t, y),
+                      y.tabTitle || y.title,
+                      t.activeCardId === y.id && t.cards.length > 1 && /* @__PURE__ */ e(
+                        Ye,
                         {
                           className: "ml-2 size-3.5 text-muted-foreground hover:text-foreground",
-                          onClick: () => k(v.id)
+                          onClick: () => k(y.id)
                         }
                       )
                     ]
                   }
                 )
               },
-              v.id
+              y.id
             )),
             /* @__PURE__ */ e(
-              M,
+              I,
               {
                 className: "ml-1 h-8 px-2 hover:bg-muted-foreground/50",
                 variant: "outline",
                 onClick: u,
-                children: /* @__PURE__ */ e(Ye, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ e(Xe, { className: "h-4 w-4" })
               }
             ),
             /* @__PURE__ */ e(
-              M,
+              I,
               {
                 className: "invisible ml-1 h-8 px-2 hover:bg-muted-foreground/50 group-hover:visible",
                 variant: "outline",
                 onClick: b,
-                children: /* @__PURE__ */ e($s, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ e(Us, { className: "h-4 w-4" })
               }
             )
           ] }) })
@@ -3613,32 +3590,32 @@ function ua() {
       }
     );
   }
-  function B() {
-    return s.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(cs, { card: s, data: h == null ? void 0 : h.records }) }) }) : s.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(we, { className: "mx-3 my-6 h-[300px] overflow-y-auto break-words px-3", children: /* @__PURE__ */ e(
-      ds,
+  function U() {
+    return s.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(ds, { card: s, data: h == null ? void 0 : h.records }) }) }) : s.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(Te, { className: "mx-3 my-6 h-[300px] overflow-y-auto break-words px-3", children: /* @__PURE__ */ e(
+      us,
       {
         isLoading: l,
         card: s,
         data: h == null ? void 0 : h.records
       }
-    ) }) }) }) : /* @__PURE__ */ e(mt, { FallbackComponent: Ia, children: /* @__PURE__ */ e(Ga, { className: "grow border-none shadow-none" }) });
+    ) }) }) }) : /* @__PURE__ */ e(mt, { FallbackComponent: Ta, children: /* @__PURE__ */ e(Ga, { className: "grow border-none shadow-none" }) });
   }
   function R() {
-    const v = JSON.stringify(h == null ? void 0 : h.records, null, 2), T = new Blob([v], { type: "application/json" }), C = URL.createObjectURL(T), A = document.createElement("a");
+    const y = JSON.stringify(h == null ? void 0 : h.records, null, 2), M = new Blob([y], { type: "application/json" }), C = URL.createObjectURL(M), A = document.createElement("a");
     A.href = C, A.download = `${s.title}.json`, A.click();
   }
-  function U() {
-    const T = [
+  function B() {
+    const M = [
       Object.keys(
-        h == null ? void 0 : h.records.reduce((W, Q) => ({ ...W, ...Q }), {})
+        h == null ? void 0 : h.records.reduce((J, Q) => ({ ...J, ...Q }), {})
       ).join(","),
-      ...((h == null ? void 0 : h.records) || []).map((W) => Object.values(W).join(","))
+      ...((h == null ? void 0 : h.records) || []).map((J) => Object.values(J).join(","))
     ].join(`
-`), C = new Blob([T], { type: "text/csv" }), A = URL.createObjectURL(C), $ = document.createElement("a");
+`), C = new Blob([M], { type: "text/csv" }), A = URL.createObjectURL(C), $ = document.createElement("a");
     $.href = A, $.download = `${s.title}.csv`, $.click();
   }
   return /* @__PURE__ */ n("div", { className: "relative flex h-full flex-col py-3", children: [
-    (f || y) && /* @__PURE__ */ e("div", { className: "absolute bottom-0 left-0 right-0 top-0 z-50 m-auto flex h-10 w-10 items-center justify-center rounded-md bg-muted", children: /* @__PURE__ */ e(Ze, { className: "h-8 w-8 animate-spin text-muted-foreground" }) }),
+    (f || v) && /* @__PURE__ */ e("div", { className: "absolute bottom-0 left-0 right-0 top-0 z-50 m-auto flex h-10 w-10 items-center justify-center rounded-md bg-muted", children: /* @__PURE__ */ e(Qe, { className: "h-8 w-8 animate-spin text-muted-foreground" }) }),
     /* @__PURE__ */ n("div", { className: "mb-0 flex min-h-10 items-center justify-end gap-2 px-6", children: [
       a && /* @__PURE__ */ n("div", { className: "flex grow items-center gap-2", children: [
         /* @__PURE__ */ e(Ql, {}),
@@ -3647,27 +3624,27 @@ function ua() {
       ] }),
       !a && /* @__PURE__ */ n("div", { className: "flex grow items-center gap-1", children: [
         /* @__PURE__ */ e(
-          M,
+          I,
           {
             className: "h-7 w-fit px-1 font-mono text-xs text-muted-foreground/70",
             variant: "ghost",
             size: "icon",
-            onClick: U,
+            onClick: B,
             children: /* @__PURE__ */ e(Jl, { className: "size-4" })
           }
         ),
         /* @__PURE__ */ e(
-          M,
+          I,
           {
             className: "h-7 w-fit px-1 font-mono text-xs text-muted-foreground/70",
             variant: "ghost",
             size: "icon",
             onClick: R,
-            children: /* @__PURE__ */ e(Js, { strokeWidth: 1.5, className: "size-4" })
+            children: /* @__PURE__ */ e(Ws, { strokeWidth: 1.5, className: "size-4" })
           }
         ),
         /* @__PURE__ */ e(
-          os,
+          cs,
           {
             text: JSON.stringify(h == null ? void 0 : h.records, null, 2),
             className: "h-7 w-fit px-1 font-mono text-xs text-muted-foreground/70"
@@ -3684,7 +3661,7 @@ function ua() {
         children: [
           r && /* @__PURE__ */ n(ae, { children: [
             /* @__PURE__ */ e(
-              ke,
+              we,
               {
                 id: "1",
                 order: 1,
@@ -3697,13 +3674,13 @@ function ua() {
             /* @__PURE__ */ e(it, {})
           ] }),
           /* @__PURE__ */ e(
-            ke,
+            we,
             {
               id: "2",
               order: 2,
               minSize: 10,
               className: "relative flex h-full min-h-0 w-full flex-1 basis-0",
-              children: /* @__PURE__ */ n(we, { className: "relative flex h-full min-h-0 w-full flex-1 basis-0", children: [
+              children: /* @__PURE__ */ n(Te, { className: "relative flex h-full min-h-0 w-full flex-1 basis-0", children: [
                 (h == null ? void 0 : h.records) && (h == null ? void 0 : h.records.length) > 0 && /* @__PURE__ */ e(Hl, { data: (h == null ? void 0 : h.records) || [] }),
                 (x || (h == null ? void 0 : h.error)) && /* @__PURE__ */ e("span", { className: "font-mono text-xs", children: (x == null ? void 0 : x.message) || ((m = h == null ? void 0 : h.error) == null ? void 0 : m.message) }),
                 /* @__PURE__ */ e(He, { orientation: "horizontal" })
@@ -3721,7 +3698,7 @@ function Yl() {
   const s = t.replace(/\n/g, "<br>");
   return /* @__PURE__ */ n("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__ */ n(we, { className: "overflow-y-auto px-2 pt-1 font-mono text-xs text-foreground/90", children: [
+    /* @__PURE__ */ n(Te, { className: "overflow-y-auto px-2 pt-1 font-mono text-xs text-foreground/90", children: [
       /* @__PURE__ */ e("div", { dangerouslySetInnerHTML: { __html: s } }),
       /* @__PURE__ */ e(He, { orientation: "horizontal" })
     ] })
@@ -3734,7 +3711,7 @@ function er() {
   return /* @__PURE__ */ n("div", { className: "flex items-center space-x-2", children: [
     /* @__PURE__ */ e(G, { htmlFor: "visualize", children: "Chart" }),
     /* @__PURE__ */ e(
-      us,
+      hs,
       {
         checked: t,
         onCheckedChange: () => s(!t),
@@ -3763,14 +3740,14 @@ function tr({
     }
   );
 }
-function ve({
+function ye({
   label: t,
   options: s,
   value: a,
   onValueChange: l,
   className: r
 }) {
-  return /* @__PURE__ */ n(ye, { value: a, onValueChange: l, children: [
+  return /* @__PURE__ */ n(ve, { value: a, onValueChange: l, children: [
     /* @__PURE__ */ e(
       xe,
       {
@@ -3778,7 +3755,7 @@ function ve({
         children: /* @__PURE__ */ e(Ne, { placeholder: t })
       }
     ),
-    /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ n(Oe, { children: [
+    /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ n(ke, { children: [
       /* @__PURE__ */ e(Se, { children: t }),
       s.map((i) => /* @__PURE__ */ e(te, { value: i.value, children: i.label }, i.value))
     ] }) })
@@ -3798,7 +3775,7 @@ function Je({
       children: [
         /* @__PURE__ */ n("summary", { className: "flex cursor-pointer list-none items-center justify-between gap-4", children: [
           /* @__PURE__ */ e(G, { children: s }),
-          /* @__PURE__ */ e(ms, { className: "h-4 w-4" })
+          /* @__PURE__ */ e(ps, { className: "h-4 w-4" })
         ] }),
         /* @__PURE__ */ e("div", { className: "transition-all ease-in-out", children: t })
       ]
@@ -3816,7 +3793,7 @@ function ar() {
   );
   function f(N, V) {
     if (!t) return;
-    const O = {
+    const z = {
       ...(t == null ? void 0 : t.dataInputCardIds) || {},
       [N]: {
         cardId: V,
@@ -3825,11 +3802,11 @@ function ar() {
     };
     o({
       ...t,
-      dataInputCardIds: O
+      dataInputCardIds: z
     });
   }
-  function y(N) {
-    var w, O;
+  function v(N) {
+    var w, z;
     const V = (w = r == null ? void 0 : r.cards) == null ? void 0 : w.filter((F) => {
       var E;
       return ((E = F == null ? void 0 : F.customCardPreferences) == null ? void 0 : E.visualType) !== "multiple";
@@ -3837,8 +3814,8 @@ function ar() {
       value: F.id,
       label: F.tabTitle || F.title
     }));
-    return /* @__PURE__ */ e("div", { className: "space-y-2", children: (O = N == null ? void 0 : N.dataInputs) == null ? void 0 : O.map((F, E) => {
-      var B, R;
+    return /* @__PURE__ */ e("div", { className: "space-y-2", children: (z = N == null ? void 0 : N.dataInputs) == null ? void 0 : z.map((F, E) => {
+      var U, R;
       return /* @__PURE__ */ n(
         "div",
         {
@@ -3846,13 +3823,13 @@ function ar() {
           children: [
             /* @__PURE__ */ e("div", { className: "col-span-4 flex items-center", children: F }),
             /* @__PURE__ */ e(
-              ve,
+              ye,
               {
                 className: "col-span-6 h-8 w-full justify-between",
                 label: "",
                 options: V || [],
-                value: ((R = (B = t == null ? void 0 : t.dataInputCardIds) == null ? void 0 : B[E]) == null ? void 0 : R.cardId) || "",
-                onValueChange: (U) => f(E, U)
+                value: ((R = (U = t == null ? void 0 : t.dataInputCardIds) == null ? void 0 : U[E]) == null ? void 0 : R.cardId) || "",
+                onValueChange: (B) => f(E, B)
               }
             )
           ]
@@ -3862,12 +3839,12 @@ function ar() {
     }) });
   }
   function x(N, V, w = []) {
-    var O, F;
+    var z, F;
     return t ? N === "input" ? /* @__PURE__ */ e(
       pe,
       {
-        className: `h-8 w-full ${Ue}`,
-        value: ((O = t == null ? void 0 : t.settings) == null ? void 0 : O[V]) || "",
+        className: `h-8 w-full ${Be}`,
+        value: ((z = t == null ? void 0 : t.settings) == null ? void 0 : z[V]) || "",
         onChange: (E) => {
           o({
             ...t,
@@ -3880,7 +3857,7 @@ function ar() {
       },
       V
     ) : N === "select" ? /* @__PURE__ */ e(
-      ve,
+      ye,
       {
         className: "h-8 w-full",
         label: "",
@@ -3897,12 +3874,12 @@ function ar() {
   }
   function u(N) {
     const V = Object.entries((N == null ? void 0 : N.settings) || {});
-    return /* @__PURE__ */ e("div", { className: "space-y-3", children: V.map(([w, O]) => /* @__PURE__ */ n("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ e(G, { children: O.title }),
+    return /* @__PURE__ */ e("div", { className: "space-y-3", children: V.map(([w, z]) => /* @__PURE__ */ n("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ e(G, { children: z.title }),
       x(
-        O.ui,
+        z.ui,
         w,
-        O.options
+        z.options
       )
     ] }, w)) });
   }
@@ -3920,7 +3897,7 @@ function ar() {
       children: [
         /* @__PURE__ */ e(Je, { summary: "Plugin Settings", children: /* @__PURE__ */ e("div", { className: "space-y-4 text-sm", children: /* @__PURE__ */ n("div", { className: "space-y-4 text-sm", children: [
           /* @__PURE__ */ e("div", { className: "space-y-2", children: /* @__PURE__ */ e("div", { className: "px-2", children: /* @__PURE__ */ e(
-            ve,
+            ye,
             {
               className: "h-8 w-full",
               label: "",
@@ -3949,7 +3926,7 @@ function ar() {
           ((t == null ? void 0 : t.type) === "component" || (t == null ? void 0 : t.type) === void 0) && t && /* @__PURE__ */ e(ae, { children: /* @__PURE__ */ n("div", { className: "space-y-2", children: [
             /* @__PURE__ */ e(G, { children: "Component" }),
             /* @__PURE__ */ e("div", { className: "space-y-2 px-2", children: c && /* @__PURE__ */ e(
-              ve,
+              ye,
               {
                 className: "h-8 w-full",
                 label: "",
@@ -3974,7 +3951,7 @@ function ar() {
         ((k = l == null ? void 0 : l.customCardPreferences) == null ? void 0 : k.componentName) && /* @__PURE__ */ n(Je, { summary: "Component Settings", children: [
           h && h.dataInputs && /* @__PURE__ */ n("div", { className: "space-y-3", children: [
             /* @__PURE__ */ e(G, { children: "Input Mapping" }),
-            /* @__PURE__ */ e("div", { className: "px-2", children: y(h) })
+            /* @__PURE__ */ e("div", { className: "px-2", children: v(h) })
           ] }),
           h && h.settings && /* @__PURE__ */ e("div", { className: "space-y-3", children: /* @__PURE__ */ e("div", { className: "px-2", children: u(h) }) })
         ] })
@@ -3992,15 +3969,15 @@ function qe() {
   );
   p(
     (f) => {
-      var y;
-      return (y = f.card.preferences) == null ? void 0 : y.filterOnClickColumnIndex;
+      var v;
+      return (v = f.card.preferences) == null ? void 0 : v.filterOnClickColumnIndex;
     }
   ), ce(() => {
     o && s(new Array(o.length).fill(!1));
   }, [o]);
-  function c(f, y) {
+  function c(f, v) {
     var x, u;
-    y ? a != null && a.onClickFilter && ((x = a == null ? void 0 : a.onClickFilter) == null ? void 0 : x.length) > 0 ? i({
+    v ? a != null && a.onClickFilter && ((x = a == null ? void 0 : a.onClickFilter) == null ? void 0 : x.length) > 0 ? i({
       ...a,
       onClickFilter: [
         ...a.onClickFilter,
@@ -4027,11 +4004,11 @@ function qe() {
       return b[f] = !1, b;
     }));
   }
-  function d(f, y) {
+  function d(f, v) {
     var u;
     const x = (u = a == null ? void 0 : a.onClickFilter) == null ? void 0 : u.map((g) => g.columnIndex === f ? {
       ...g,
-      expression: y.target.value
+      expression: v.target.value
     } : g);
     i({
       ...a,
@@ -4039,8 +4016,8 @@ function qe() {
     });
   }
   function h(f) {
-    var y, x, u, g;
-    if (t != null && t[f] || (x = (y = a == null ? void 0 : a.onClickFilter) == null ? void 0 : y.find((b) => b.columnIndex === f)) != null && x.expression)
+    var v, x, u, g;
+    if (t != null && t[f] || (x = (v = a == null ? void 0 : a.onClickFilter) == null ? void 0 : v.find((b) => b.columnIndex === f)) != null && x.expression)
       return /* @__PURE__ */ e(
         pe,
         {
@@ -4054,7 +4031,7 @@ function qe() {
   }
   return /* @__PURE__ */ n("div", { className: "space-y-2", children: [
     /* @__PURE__ */ e(G, { children: "On Click" }),
-    o == null ? void 0 : o.map((f, y) => {
+    o == null ? void 0 : o.map((f, v) => {
       var x, u;
       return /* @__PURE__ */ e(
         "div",
@@ -4063,12 +4040,12 @@ function qe() {
           children: /* @__PURE__ */ n("div", { className: "grow", children: [
             /* @__PURE__ */ n("div", { className: "flex items-center space-x-2 py-2", children: [
               /* @__PURE__ */ e(
-                Ht,
+                Rt,
                 {
                   checked: !!((x = a == null ? void 0 : a.onClickFilter) != null && x.find(
-                    (g) => g.columnIndex === y
+                    (g) => g.columnIndex === v
                   )),
-                  onCheckedChange: (g) => c(y, g)
+                  onCheckedChange: (g) => c(v, g)
                 }
               ),
               /* @__PURE__ */ e(
@@ -4079,21 +4056,21 @@ function qe() {
                 }
               ),
               /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: ((u = a == null ? void 0 : a.onClickFilter) == null ? void 0 : u.find(
-                (g) => g.columnIndex === y
+                (g) => g.columnIndex === v
               )) && /* @__PURE__ */ e(
-                ga,
+                ma,
                 {
                   onClick: () => {
                     s((g) => {
                       const b = [...g];
-                      return b[y] = !g[y], b;
+                      return b[v] = !g[v], b;
                     });
                   },
                   className: "invisible size-3 cursor-pointer text-gray-400 group-hover:visible"
                 }
               ) })
             ] }),
-            h(y)
+            h(v)
           ] })
         },
         f
@@ -4101,7 +4078,7 @@ function qe() {
     })
   ] });
 }
-function vt() {
+function yt() {
   var o, c, d;
   const t = p((h) => h.card.preferences), s = p(
     (h) => h.card.cfg
@@ -4131,40 +4108,40 @@ function vt() {
   );
 }
 const tt = "focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0";
-function ha(t, s) {
+function ca(t, s) {
   var l, r, i;
-  const a = Ma(t, s);
+  const a = Ia(t, s);
   return ((i = (r = (l = t == null ? void 0 : t.chartOptions) == null ? void 0 : l.scales) == null ? void 0 : r[a]) == null ? void 0 : i.type) || "linear";
 }
 function nn() {
-  var W, Q, K, re, me, J;
+  var J, Q, K, le, me, W;
   const [t, s] = j(!1), a = p((q) => {
     var L;
     return (L = q.card) == null ? void 0 : L.preferences;
   }), l = p((q) => {
     var L;
     return (L = q.card) == null ? void 0 : L.cfg;
-  }), r = Ma(a, l), [i, o] = j(
-    ha(a)
+  }), r = Ia(a, l), [i, o] = j(
+    ca(a)
   ), [c, d] = j(
-    ((K = (Q = (W = a == null ? void 0 : a.chartOptions) == null ? void 0 : W.scales) == null ? void 0 : Q[r]) == null ? void 0 : K.min) || ""
+    ((K = (Q = (J = a == null ? void 0 : a.chartOptions) == null ? void 0 : J.scales) == null ? void 0 : Q[r]) == null ? void 0 : K.min) || ""
   ), [h, f] = j(
-    ((J = (me = (re = a == null ? void 0 : a.chartOptions) == null ? void 0 : re.scales) == null ? void 0 : me[r]) == null ? void 0 : J.max) || ""
-  ), [y, x] = j(c || h ? "custom" : "auto"), [u, g] = j(""), [b, k] = j(0), [N, V] = j(""), [w, O] = j(""), [F, E] = j(""), B = p(
+    ((W = (me = (le = a == null ? void 0 : a.chartOptions) == null ? void 0 : le.scales) == null ? void 0 : me[r]) == null ? void 0 : W.max) || ""
+  ), [v, x] = j(c || h ? "custom" : "auto"), [u, g] = j(""), [b, k] = j(0), [N, V] = j(""), [w, z] = j(""), [F, E] = j(""), U = p(
     (q) => q.actions.setCardPreferences
-  ), { updateCardInFrame: R } = de(), U = p((q) => q.card), m = p((q) => {
+  ), { updateCardInFrame: R } = de(), B = p((q) => q.card), m = p((q) => {
     var L;
     return (L = q.card) == null ? void 0 : L.type;
-  }), v = ["pie", "doughnut", "polarArea"].includes(m);
+  }), y = ["pie", "doughnut", "polarArea"].includes(m);
   ce(() => {
-    var q, L, ie, se, ue, oe, ne, I, _, P, le, Re, je, De;
-    o(ha(a)), d(
-      ((ie = (L = (q = a == null ? void 0 : a.chartOptions) == null ? void 0 : q.scales) == null ? void 0 : L[r]) == null ? void 0 : ie.min) === 0 ? 0 : ""
-    ), f(((oe = (ue = (se = a == null ? void 0 : a.chartOptions) == null ? void 0 : se.scales) == null ? void 0 : ue[r]) == null ? void 0 : oe.max) || ""), g(
-      ((P = (_ = (I = (ne = a == null ? void 0 : a.chartOptions) == null ? void 0 : ne.scales) == null ? void 0 : I[r]) == null ? void 0 : _.ticks) == null ? void 0 : P.stepSize) || ""
-    ), k(((le = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : le.decimalPlaces) || 0), V(((Re = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : Re.suffix) || ""), O(((je = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : je.currency) || ""), E(((De = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : De.locale) || "");
+    var q, L, re, ie, ue, oe, ne, O, _, P, se, Re, je, De;
+    o(ca(a)), d(
+      ((re = (L = (q = a == null ? void 0 : a.chartOptions) == null ? void 0 : q.scales) == null ? void 0 : L[r]) == null ? void 0 : re.min) === 0 ? 0 : ""
+    ), f(((oe = (ue = (ie = a == null ? void 0 : a.chartOptions) == null ? void 0 : ie.scales) == null ? void 0 : ue[r]) == null ? void 0 : oe.max) || ""), g(
+      ((P = (_ = (O = (ne = a == null ? void 0 : a.chartOptions) == null ? void 0 : ne.scales) == null ? void 0 : O[r]) == null ? void 0 : _.ticks) == null ? void 0 : P.stepSize) || ""
+    ), k(((se = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : se.decimalPlaces) || 0), V(((Re = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : Re.suffix) || ""), z(((je = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : je.currency) || ""), E(((De = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : De.locale) || "");
   }, [t, a, r]);
-  function T(q, L) {
+  function M(q, L) {
     return L === "" || /^[0-9\b]+$/.test(L) ? Number(L) : Number(q);
   }
   function C() {
@@ -4189,13 +4166,13 @@ function nn() {
           }
         ),
         /* @__PURE__ */ n(
-          ye,
+          ve,
           {
             value: w || "none",
-            onValueChange: (L) => O(L === "none" ? "" : L),
+            onValueChange: (L) => z(L === "none" ? "" : L),
             children: [
               /* @__PURE__ */ e(xe, { className: "col-span-2 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e(Ne, {}) }),
-              /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ n(Oe, { children: [
+              /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ n(ke, { children: [
                 /* @__PURE__ */ e(Se, { children: "Currency" }),
                 /* @__PURE__ */ e(te, { value: "none", children: "None" }),
                 q.map((L) => /* @__PURE__ */ e(te, { value: L, children: L }, L))
@@ -4203,7 +4180,7 @@ function nn() {
             ]
           }
         ),
-        /* @__PURE__ */ n(ye, { value: F, onValueChange: (L) => E(L), children: [
+        /* @__PURE__ */ n(ve, { value: F, onValueChange: (L) => E(L), children: [
           /* @__PURE__ */ e(
             xe,
             {
@@ -4211,7 +4188,7 @@ function nn() {
               children: /* @__PURE__ */ e(Ne, {})
             }
           ),
-          /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ n(Oe, { children: [
+          /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ n(ke, { children: [
             /* @__PURE__ */ e(Se, { children: "Locale" }),
             ot.map((L) => /* @__PURE__ */ e(te, { value: L.locale, children: L.locale }, L.locale))
           ] }) })
@@ -4240,7 +4217,7 @@ function nn() {
           {
             id: "min",
             value: c,
-            onChange: (q) => d((L) => T(L, q.target.value)),
+            onChange: (q) => d((L) => M(L, q.target.value)),
             className: `col-span-1 h-8 w-full ${tt}`
           }
         ),
@@ -4248,7 +4225,7 @@ function nn() {
           pe,
           {
             value: h,
-            onChange: (q) => f((L) => T(L, q.target.value)),
+            onChange: (q) => f((L) => M(L, q.target.value)),
             id: "max",
             className: `col-span-1 h-8 w-full ${tt}`
           }
@@ -4260,7 +4237,7 @@ function nn() {
           pe,
           {
             value: u,
-            onChange: (q) => g((L) => T(L, q.target.value)),
+            onChange: (q) => g((L) => M(L, q.target.value)),
             id: "step-size",
             className: `col-span-1 h-8 w-full ${tt}`
           }
@@ -4269,9 +4246,9 @@ function nn() {
     ] });
   }
   function $() {
-    var se;
+    var ie;
     let q = {};
-    y === "custom" && (q = {
+    v === "custom" && (q = {
       min: c,
       max: h,
       ticks: {
@@ -4283,7 +4260,7 @@ function nn() {
       chartOptions: {
         ...a == null ? void 0 : a.chartOptions,
         scales: {
-          ...(se = a == null ? void 0 : a.chartOptions) == null ? void 0 : se.scales,
+          ...(ie = a == null ? void 0 : a.chartOptions) == null ? void 0 : ie.scales,
           [r]: {
             // ...cardPreferences?.chartOptions?.scales?.[axis],
             type: i,
@@ -4298,15 +4275,15 @@ function nn() {
         locale: F
       }
     };
-    console.log(L), B(L);
-    const ie = {
-      ...U,
+    console.log(L), U(L);
+    const re = {
+      ...B,
       preferences: L
     };
-    R(ie);
+    R(re);
   }
   return /* @__PURE__ */ n(pt, { onOpenChange: (q) => s(q), children: [
-    /* @__PURE__ */ e(ft, { asChild: !0, children: /* @__PURE__ */ e(ps, { className: "size-4 cursor-pointer text-muted-foreground hover:text-foreground" }) }),
+    /* @__PURE__ */ e(ft, { asChild: !0, children: /* @__PURE__ */ e(fs, { className: "size-4 cursor-pointer text-muted-foreground hover:text-foreground" }) }),
     /* @__PURE__ */ e(gt, { align: "center", className: "max-w-65", children: /* @__PURE__ */ n("div", { className: "grid gap-4", children: [
       /* @__PURE__ */ n("div", { className: "space-y-2", children: [
         /* @__PURE__ */ e("h4", { className: "font-medium leading-none", children: "Scale Options" }),
@@ -4316,14 +4293,14 @@ function nn() {
         /* @__PURE__ */ n("div", { className: "grid grid-cols-3 items-center gap-2", children: [
           /* @__PURE__ */ e(G, { htmlFor: "scale", children: "Type" }),
           /* @__PURE__ */ n(
-            ye,
+            ve,
             {
-              disabled: v,
+              disabled: y,
               value: i,
               onValueChange: (q) => o(q),
               children: [
                 /* @__PURE__ */ e(xe, { className: "col-span-2 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e(Ne, {}) }),
-                /* @__PURE__ */ e(Ce, { id: "type", children: /* @__PURE__ */ n(Oe, { children: [
+                /* @__PURE__ */ e(Ce, { id: "type", children: /* @__PURE__ */ n(ke, { children: [
                   /* @__PURE__ */ e(Se, { children: "Option" }),
                   /* @__PURE__ */ e(te, { value: "linear", children: "Linear" }),
                   /* @__PURE__ */ e(te, { value: "logarithmic", children: "Logarithmic" })
@@ -4337,9 +4314,9 @@ function nn() {
           /* @__PURE__ */ n(
             bt,
             {
-              disabled: v,
+              disabled: y,
               id: "scale-option",
-              value: y,
+              value: v,
               onValueChange: (q) => x(q),
               className: "col-span-2 flex gap-3",
               defaultValue: "x",
@@ -4356,11 +4333,11 @@ function nn() {
             }
           )
         ] }),
-        y === "custom" && i == "linear" && A(),
+        v === "custom" && i == "linear" && A(),
         C(),
-        /* @__PURE__ */ e(fs, {}),
+        /* @__PURE__ */ e(gs, {}),
         /* @__PURE__ */ e("div", { className: "grid grid-cols-3", children: /* @__PURE__ */ e(
-          M,
+          I,
           {
             onClick: $,
             variant: "secondary",
@@ -4386,7 +4363,7 @@ function nr({ idx: t }) {
     (d) => d.actions.setCardPreferences
   ), r = (c = s == null ? void 0 : s.chartOptions) == null ? void 0 : c.indexAxis, i = a == null ? void 0 : a.find((d) => d.idx === t);
   function o(d, h) {
-    (d === "end" || d === "start") && gs(bs());
+    (d === "end" || d === "start") && bs(ys());
     const f = {
       display: d !== "none",
       align: d,
@@ -4405,10 +4382,10 @@ function nr({ idx: t }) {
         ]
       });
     else {
-      const y = { ...i };
-      y.datalabels = f;
+      const v = { ...i };
+      v.datalabels = f;
       const x = a == null ? void 0 : a.map(
-        (u) => u.idx === h ? y : u
+        (u) => u.idx === h ? v : u
       );
       l({
         ...s,
@@ -4417,27 +4394,27 @@ function nr({ idx: t }) {
     }
   }
   return /* @__PURE__ */ n(pt, { children: [
-    /* @__PURE__ */ e(ft, { children: /* @__PURE__ */ e(cl, { className: "invisible size-4 rotate-[135deg] cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible" }) }),
+    /* @__PURE__ */ e(ft, { children: /* @__PURE__ */ e(dl, { className: "invisible size-4 rotate-[135deg] cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible" }) }),
     /* @__PURE__ */ e(gt, { className: "w-fit p-1", children: /* @__PURE__ */ n("div", { className: "flex gap-1", children: [
       /* @__PURE__ */ e(
-        M,
+        I,
         {
           onClick: () => o("none", t),
           size: "sm",
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
-          children: /* @__PURE__ */ e(ut, { className: "size-4" })
+          children: /* @__PURE__ */ e(Ye, { className: "size-4" })
         }
       ),
       /* @__PURE__ */ e(
-        M,
+        I,
         {
           onClick: () => o("start", t),
           size: "sm",
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
           children: /* @__PURE__ */ e(
-            Xs,
+            Ys,
             {
               className: ee("h-4 w-4", {
                 "rotate-90": r === "y"
@@ -4447,14 +4424,14 @@ function nr({ idx: t }) {
         }
       ),
       /* @__PURE__ */ e(
-        M,
+        I,
         {
           onClick: () => o("center", t),
           size: "sm",
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
           children: /* @__PURE__ */ e(
-            el,
+            tl,
             {
               className: ee("h-4 w-4", {
                 "rotate-90": r === "y"
@@ -4464,14 +4441,14 @@ function nr({ idx: t }) {
         }
       ),
       /* @__PURE__ */ e(
-        M,
+        I,
         {
           onClick: () => o("end", t),
           size: "sm",
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
           children: /* @__PURE__ */ e(
-            Ys,
+            el,
             {
               className: ee("h-4 w-4", {
                 "rotate-90": r === "y"
@@ -4486,8 +4463,8 @@ function nr({ idx: t }) {
 function sn() {
   const t = p((h) => h.card), s = p(
     (h) => {
-      var f, y, x;
-      return (x = (y = (f = h == null ? void 0 : h.card) == null ? void 0 : f.preferences) == null ? void 0 : y.chartOptions) == null ? void 0 : x.indexAxis;
+      var f, v, x;
+      return (x = (v = (f = h == null ? void 0 : h.card) == null ? void 0 : f.preferences) == null ? void 0 : v.chartOptions) == null ? void 0 : x.indexAxis;
     }
   ), { data: a } = Ve(t), l = s === "y" ? "Y axis" : "X axis", r = s === "y" ? "X axis" : "Y axis", {
     keys: i,
@@ -4560,21 +4537,21 @@ function sr({ col: t, idx: s }) {
     /* @__PURE__ */ e("p", { title: t, children: ln(t) }),
     /* @__PURE__ */ n("div", { className: "flex gap-2", children: [
       /* @__PURE__ */ e(
-        $t,
+        _t,
         {
           onClick: () => o("bar"),
           className: "invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"
         }
       ),
       /* @__PURE__ */ e(
-        Bt,
+        Ht,
         {
           onClick: () => o("line"),
           className: "invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"
         }
       ),
       /* @__PURE__ */ e(
-        Hs,
+        Ps,
         {
           onClick: () => o("area"),
           className: "invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"
@@ -4585,31 +4562,31 @@ function sr({ col: t, idx: s }) {
   ] });
 }
 function rn() {
-  const t = p((u) => u.selectedConnectionId), s = p((u) => u.selectedDatamodelId), a = p((u) => u.selectedDatabaseName), l = p((u) => u.selectedSchemaName), r = p((u) => u.selectedTableName), i = z((u) => u.dashboard.filters) || [], o = z((u) => u.actions.addFilter), c = z((u) => u.actions.removeFilter), { removeFilterValues: d } = Xe(), { modelItems: h, tableName: f, connectionType: y } = Ae();
+  const t = p((u) => u.selectedConnectionId), s = p((u) => u.selectedDatamodelId), a = p((u) => u.selectedDatabaseName), l = p((u) => u.selectedSchemaName), r = p((u) => u.selectedTableName), i = T((u) => u.dashboard.filters) || [], o = T((u) => u.actions.addFilter), c = T((u) => u.actions.removeFilter), { removeFilterValues: d } = Ze(), { modelItems: h, tableName: f, connectionType: v } = Ae();
   function x(u, g = "dashboard") {
-    var B;
+    var U;
     const b = be(u.column_name), k = be(a || ""), N = be(l || ""), V = be(f);
-    let w = ys(
+    let w = xs(
       N,
       V,
-      y
-    ), O = `${w}.${b}`;
-    const F = (B = h == null ? void 0 : h.find(
+      v
+    ), z = `${w}.${b}`;
+    const F = (U = h == null ? void 0 : h.find(
       (R) => R.id === s
-    )) == null ? void 0 : B.name;
-    s && s !== "none" && (O = `${ra}.${F}.${b}`, w = `${ra}.${F}`);
+    )) == null ? void 0 : U.name;
+    s && s !== "none" && (z = `${na}.${F}.${b}`, w = `${na}.${F}`);
     const E = i == null ? void 0 : i.find(
-      (R) => R.column === O && R.table === V && (R.database === k || R.database === a)
+      (R) => R.column === z && R.table === V && (R.database === k || R.database === a)
     );
     if (E)
       d(E.id), c(E.id);
     else {
-      const R = Ke();
+      const R = We();
       return f === "api" && t ? (o({
         location: g,
         id: R,
         //uuidv4(),
-        column: O,
+        column: z,
         title: u.column_name,
         dataType: u.data_type,
         table: "api",
@@ -4617,7 +4594,7 @@ function rn() {
         // database: 'NA',
         connectionId: t,
         operation: "in",
-        sql: la(
+        sql: aa(
           u.data_type,
           w,
           b
@@ -4627,7 +4604,7 @@ function rn() {
         id: R,
         //uuidv4(),
         location: g,
-        column: O,
+        column: z,
         //columnName, //`${qualifiedTableName}.${formattedColumnName}`,
         title: u.column_name,
         dataType: u.data_type,
@@ -4635,7 +4612,7 @@ function rn() {
         database: a || "",
         connectionId: t || "",
         operation: "in",
-        sql: la(
+        sql: aa(
           u.data_type,
           w,
           b
@@ -4647,7 +4624,7 @@ function rn() {
   return { assignFilter: x };
 }
 function Pe() {
-  const t = z(
+  const t = T(
     (c) => c.dashboard.filters
   ), s = p((c) => c.frame), { setFrame: a } = de(), { columns: l } = Ae(), { assignFilter: r } = rn();
   function i(c) {
@@ -4666,10 +4643,10 @@ function lr({
   onSelect: s
 }) {
   var o;
-  const [a, l] = ia.useState(!1), [r, i] = ia.useState("");
+  const [a, l] = sa.useState(!1), [r, i] = sa.useState("");
   return /* @__PURE__ */ n(pt, { open: a, onOpenChange: l, children: [
     /* @__PURE__ */ e(ft, { asChild: !0, children: /* @__PURE__ */ n(
-      M,
+      I,
       {
         size: "sm",
         variant: "outline",
@@ -4678,15 +4655,15 @@ function lr({
         className: "w-full justify-between font-normal",
         children: [
           r ? (o = t.find((c) => c.column_name === r)) == null ? void 0 : o.column_name : "Select Column...",
-          /* @__PURE__ */ e(xs, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+          /* @__PURE__ */ e(Ns, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
         ]
       }
     ) }),
-    /* @__PURE__ */ e(gt, { className: "w-[200px] p-0", children: /* @__PURE__ */ n(Ns, { children: [
-      /* @__PURE__ */ e(Cs, { placeholder: "Search column", className: "h-9" }),
-      /* @__PURE__ */ n(Ss, { children: [
-        /* @__PURE__ */ e(ws, { children: "No framework found." }),
-        /* @__PURE__ */ e(ks, { children: t.map((c) => /* @__PURE__ */ n(
+    /* @__PURE__ */ e(gt, { className: "w-[200px] p-0", children: /* @__PURE__ */ n(Cs, { children: [
+      /* @__PURE__ */ e(Ss, { placeholder: "Search column", className: "h-9" }),
+      /* @__PURE__ */ n(ws, { children: [
+        /* @__PURE__ */ e(ks, { children: "No framework found." }),
+        /* @__PURE__ */ e(zs, { children: t.map((c) => /* @__PURE__ */ n(
           Os,
           {
             value: c.column_name,
@@ -4697,7 +4674,7 @@ function lr({
             children: [
               c.column_name,
               /* @__PURE__ */ e(
-                zs,
+                Ts,
                 {
                   className: ee(
                     "ml-auto h-4 w-4",
@@ -4718,7 +4695,7 @@ function rr({
 }) {
   return /* @__PURE__ */ e("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ n(Ee, { defaultValue: ["item-2"], type: "multiple", children: [
     /* @__PURE__ */ n(Z, { value: "item-1", children: [
-      /* @__PURE__ */ e(X, { children: `${Pt(t)} Chart` }),
+      /* @__PURE__ */ e(X, { children: `${jt(t)} Chart` }),
       /* @__PURE__ */ n(Y, { className: "space-y-4 font-mono text-xs", children: [
         /* @__PURE__ */ e("div", { className: "rounded bg-muted px-2 py-1 text-xs", children: "SELECT x-axis, y-axis-1, y-axis-2,... FROM table" }),
         /* @__PURE__ */ n("ul", { className: "ml-6 list-disc text-xs [&>li]:mt-2", children: [
@@ -4745,7 +4722,7 @@ function rr({
     /* @__PURE__ */ n(Z, { value: "item-2", children: [
       /* @__PURE__ */ e(X, { children: "Settings" }),
       /* @__PURE__ */ n(Y, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e(vt, {}),
+        /* @__PURE__ */ e(yt, {}),
         /* @__PURE__ */ e(sn, {})
       ] })
     ] }),
@@ -4758,7 +4735,7 @@ function rr({
     ] })
   ] }) });
 }
-function Wt() {
+function Bt() {
   var r, i, o;
   const t = p(
     (c) => c.card.cfg
@@ -4790,14 +4767,14 @@ function Wt() {
       !["pyramid"].includes(a) && /* @__PURE__ */ e(nn, {})
     ] }),
     /* @__PURE__ */ n(
-      ye,
+      ve,
       {
         value: (o = (i = (r = t == null ? void 0 : t.options) == null ? void 0 : r.plugins) == null ? void 0 : i.datalabels) == null ? void 0 : o.anchor,
         onValueChange: l,
         defaultValue: "none",
         children: [
           /* @__PURE__ */ e(xe, { className: "h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e(Ne, { placeholder: "Select position" }) }),
-          /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ n(Oe, { children: [
+          /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ n(ke, { children: [
             /* @__PURE__ */ e(Se, { children: "Data Labels" }),
             /* @__PURE__ */ e(te, { value: "none", children: "None" }),
             a !== "pyramid" && /* @__PURE__ */ e(te, { value: "start", children: "Start" }),
@@ -4840,12 +4817,12 @@ function ir({
   }
   return /* @__PURE__ */ e("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ n(Ee, { defaultValue: ["item-2"], type: "multiple", children: [
     /* @__PURE__ */ n(Z, { value: "item-1", children: [
-      /* @__PURE__ */ e(X, { children: `${Pt(t)} Chart` }),
+      /* @__PURE__ */ e(X, { children: `${jt(t)} Chart` }),
       /* @__PURE__ */ e(Y, { className: "space-y-4 font-mono text-xs", children: s(t) })
     ] }),
     /* @__PURE__ */ n(Z, { value: "item-2", children: [
       /* @__PURE__ */ e(X, { children: "Settings" }),
-      /* @__PURE__ */ e(Y, { className: "px-2", children: /* @__PURE__ */ e(Wt, {}) })
+      /* @__PURE__ */ e(Y, { className: "px-2", children: /* @__PURE__ */ e(Bt, {}) })
     ] }),
     /* @__PURE__ */ n(Z, { value: "item-3", children: [
       /* @__PURE__ */ e(X, { children: "Filters" }),
@@ -4891,9 +4868,9 @@ function dr() {
         children: ur(t)
       }
     ),
-    /* @__PURE__ */ e("section", { className: "", children: ["line", "bar"].includes(t) && /* @__PURE__ */ e(vt, {}) }),
+    /* @__PURE__ */ e("section", { className: "", children: ["line", "bar"].includes(t) && /* @__PURE__ */ e(yt, {}) }),
     !["kpi"].includes(t) && /* @__PURE__ */ n("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ e(Wt, {}),
+      /* @__PURE__ */ e(Bt, {}),
       /* @__PURE__ */ e(qe, {}),
       /* @__PURE__ */ e(Pe, {})
     ] })
@@ -4997,7 +4974,7 @@ function ur(t) {
     ] }) });
 }
 function hr() {
-  var d, h, f, y, x;
+  var d, h, f, v, x;
   const t = p((u) => u.card.preferences), s = p(
     (u) => u.actions.setCardPreferences
   ), a = p(
@@ -5034,7 +5011,7 @@ function hr() {
   return /* @__PURE__ */ n("div", { children: [
     /* @__PURE__ */ n("div", { className: "mb-3 flex items-center gap-2", children: [
       /* @__PURE__ */ e(
-        Ht,
+        Rt,
         {
           checked: !!((d = t == null ? void 0 : t.formatNumber) != null && d.enabled),
           onCheckedChange: (u) => {
@@ -5056,7 +5033,7 @@ function hr() {
           /* @__PURE__ */ n("div", { className: "w-full space-y-1", children: [
             /* @__PURE__ */ e(G, { children: "Locale" }),
             /* @__PURE__ */ n(
-              ye,
+              ve,
               {
                 value: l || "none",
                 onValueChange: (u) => {
@@ -5070,7 +5047,7 @@ function hr() {
                 },
                 children: [
                   /* @__PURE__ */ e(xe, { className: "col-span-6 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e(Ne, {}) }),
-                  /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ n(Oe, { children: [
+                  /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ n(ke, { children: [
                     /* @__PURE__ */ e(Se, { children: "Format" }),
                     /* @__PURE__ */ e(te, { value: "none", children: "None" }, "none"),
                     ot.map((u) => /* @__PURE__ */ e(te, { value: u.locale, children: u.locale }, u.locale))
@@ -5082,7 +5059,7 @@ function hr() {
           /* @__PURE__ */ n("div", { className: "w-full space-y-1", children: [
             /* @__PURE__ */ e(G, { children: "Currency" }),
             /* @__PURE__ */ n(
-              ye,
+              ve,
               {
                 value: r || "none",
                 onValueChange: (u) => {
@@ -5096,7 +5073,7 @@ function hr() {
                 },
                 children: [
                   /* @__PURE__ */ e(xe, { className: "col-span-6 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e(Ne, {}) }),
-                  /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ n(Oe, { children: [
+                  /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ n(ke, { children: [
                     /* @__PURE__ */ e(Se, { children: "Currency" }),
                     /* @__PURE__ */ e(te, { value: "none", children: "None" }, "none"),
                     c.map((u) => /* @__PURE__ */ e(te, { value: u, children: u }, u))
@@ -5110,9 +5087,9 @@ function hr() {
           /* @__PURE__ */ n("div", { className: "w-full space-y-1", children: [
             /* @__PURE__ */ e(G, { children: "Decimals" }),
             /* @__PURE__ */ n(
-              ye,
+              ve,
               {
-                value: ((y = (f = t == null ? void 0 : t.formatNumber) == null ? void 0 : f.decimalPlaces) == null ? void 0 : y.toString()) || "0",
+                value: ((v = (f = t == null ? void 0 : t.formatNumber) == null ? void 0 : f.decimalPlaces) == null ? void 0 : v.toString()) || "0",
                 onValueChange: (u) => {
                   var g, b, k;
                   return a(
@@ -5153,7 +5130,7 @@ function hr() {
       ] }) }),
       /* @__PURE__ */ e(ze, { className: "my-3" }),
       /* @__PURE__ */ e(
-        Is,
+        Ms,
         {
           colorRanges: i,
           setColorRanges: o
@@ -5294,10 +5271,10 @@ const pr = [
   value: t
 }));
 function br() {
-  var d, h, f, y, x, u, g, b, k, N, V, w, O, F, E, B, R, U;
+  var d, h, f, v, x, u, g, b, k, N, V, w, z, F, E, U, R, B;
   const t = p((m) => m.card), s = (h = (d = t == null ? void 0 : t.preferences) == null ? void 0 : d.mapVisualOptions) == null ? void 0 : h.topoJsonUrl, [a, l] = j(
-    ((y = (f = t == null ? void 0 : t.preferences) == null ? void 0 : f.mapVisualOptions) == null ? void 0 : y.customTopoJsonUrl) || ""
-  ), { setCardPreferences: r } = de(), { data: i } = _t(t), o = Object.keys((i == null ? void 0 : i.objects) || {}).map((m) => ({
+    ((v = (f = t == null ? void 0 : t.preferences) == null ? void 0 : f.mapVisualOptions) == null ? void 0 : v.customTopoJsonUrl) || ""
+  ), { setCardPreferences: r } = de(), { data: i } = qt(t), o = Object.keys((i == null ? void 0 : i.objects) || {}).map((m) => ({
     label: m,
     value: m
   })) || [];
@@ -5306,7 +5283,7 @@ function br() {
     /* @__PURE__ */ e(ze, { className: "my-4" }),
     /* @__PURE__ */ e(Je, { open: !0, summary: "Settings", children: /* @__PURE__ */ n("div", { className: "space-y-3 px-2", children: [
       /* @__PURE__ */ e(
-        ve,
+        ye,
         {
           className: "h-9",
           options: [
@@ -5353,7 +5330,7 @@ function br() {
             });
           },
           value: a,
-          className: `h-9 w-full ${Ue}`,
+          className: `h-9 w-full ${Be}`,
           placeholder: "Custom URL"
         }
       ),
@@ -5361,18 +5338,18 @@ function br() {
         /* @__PURE__ */ n("div", { className: "space-y-1", children: [
           /* @__PURE__ */ e(G, { children: "Map Object" }),
           /* @__PURE__ */ e(
-            ve,
+            ye,
             {
               className: "h-9",
               options: o,
               value: ((u = (x = t.preferences) == null ? void 0 : x.mapVisualOptions) == null ? void 0 : u.objectKey) || "",
               label: "Map Object",
               onValueChange: (m) => {
-                var v;
+                var y;
                 r({
                   ...t.preferences,
                   mapVisualOptions: {
-                    ...(v = t.preferences) == null ? void 0 : v.mapVisualOptions,
+                    ...(y = t.preferences) == null ? void 0 : y.mapVisualOptions,
                     objectKey: m
                   }
                 });
@@ -5383,18 +5360,18 @@ function br() {
         /* @__PURE__ */ n("div", { className: "space-y-1", children: [
           /* @__PURE__ */ e(G, { children: "Projection" }),
           /* @__PURE__ */ e(
-            ve,
+            ye,
             {
               className: "h-9",
               options: pr,
               value: ((b = (g = t.preferences) == null ? void 0 : g.mapVisualOptions) == null ? void 0 : b.projection) || "",
               label: "Projection",
               onValueChange: (m) => {
-                var v;
+                var y;
                 r({
                   ...t.preferences,
                   mapVisualOptions: {
-                    ...(v = t.preferences) == null ? void 0 : v.mapVisualOptions,
+                    ...(y = t.preferences) == null ? void 0 : y.mapVisualOptions,
                     projection: m
                   }
                 });
@@ -5405,18 +5382,18 @@ function br() {
         /* @__PURE__ */ n("div", { className: "space-y-1", children: [
           /* @__PURE__ */ e(G, { children: "Colors" }),
           /* @__PURE__ */ e(
-            ve,
+            ye,
             {
               className: "h-9",
               options: gr,
               value: ((N = (k = t.preferences) == null ? void 0 : k.mapVisualOptions) == null ? void 0 : N.colorScale) || "",
               label: "Select Color Scale",
               onValueChange: (m) => {
-                var v;
+                var y;
                 r({
                   ...t.preferences,
                   mapVisualOptions: {
-                    ...(v = t.preferences) == null ? void 0 : v.mapVisualOptions,
+                    ...(y = t.preferences) == null ? void 0 : y.mapVisualOptions,
                     colorScale: m
                   }
                 });
@@ -5431,16 +5408,16 @@ function br() {
       /* @__PURE__ */ e(
         pe,
         {
-          className: `h-9 w-full ${Ue}`,
+          className: `h-9 w-full ${Be}`,
           type: "number",
           step: 0.1,
           value: ((w = (V = t.preferences) == null ? void 0 : V.mapVisualOptions) == null ? void 0 : w.projectionScale) || 1,
           onChange: (m) => {
-            var v;
+            var y;
             r({
               ...t.preferences,
               mapVisualOptions: {
-                ...(v = t.preferences) == null ? void 0 : v.mapVisualOptions,
+                ...(y = t.preferences) == null ? void 0 : y.mapVisualOptions,
                 projectionScale: Number(m.target.value)
               }
             });
@@ -5451,19 +5428,19 @@ function br() {
       /* @__PURE__ */ e(
         pe,
         {
-          className: `h-9 w-full ${Ue}`,
+          className: `h-9 w-full ${Be}`,
           type: "number",
           step: 10,
-          value: ((E = (F = (O = t.preferences) == null ? void 0 : O.mapVisualOptions) == null ? void 0 : F.projectionOffset) == null ? void 0 : E[0]) || 0,
+          value: ((E = (F = (z = t.preferences) == null ? void 0 : z.mapVisualOptions) == null ? void 0 : F.projectionOffset) == null ? void 0 : E[0]) || 0,
           onChange: (m) => {
-            var v, T, C, A;
+            var y, M, C, A;
             r({
               ...t.preferences,
               mapVisualOptions: {
-                ...(v = t.preferences) == null ? void 0 : v.mapVisualOptions,
+                ...(y = t.preferences) == null ? void 0 : y.mapVisualOptions,
                 projectionOffset: [
                   Number(m.target.value),
-                  ((A = (C = (T = t.preferences) == null ? void 0 : T.mapVisualOptions) == null ? void 0 : C.projectionOffset) == null ? void 0 : A[1]) || 0
+                  ((A = (C = (M = t.preferences) == null ? void 0 : M.mapVisualOptions) == null ? void 0 : C.projectionOffset) == null ? void 0 : A[1]) || 0
                 ]
               }
             });
@@ -5474,18 +5451,18 @@ function br() {
       /* @__PURE__ */ e(
         pe,
         {
-          className: `h-9 w-full ${Ue}`,
+          className: `h-9 w-full ${Be}`,
           type: "number",
           step: 10,
-          value: ((U = (R = (B = t.preferences) == null ? void 0 : B.mapVisualOptions) == null ? void 0 : R.projectionOffset) == null ? void 0 : U[1]) || 0,
+          value: ((B = (R = (U = t.preferences) == null ? void 0 : U.mapVisualOptions) == null ? void 0 : R.projectionOffset) == null ? void 0 : B[1]) || 0,
           onChange: (m) => {
-            var v, T, C, A;
+            var y, M, C, A;
             r({
               ...t.preferences,
               mapVisualOptions: {
-                ...(v = t.preferences) == null ? void 0 : v.mapVisualOptions,
+                ...(y = t.preferences) == null ? void 0 : y.mapVisualOptions,
                 projectionOffset: [
-                  ((A = (C = (T = t.preferences) == null ? void 0 : T.mapVisualOptions) == null ? void 0 : C.projectionOffset) == null ? void 0 : A[0]) || 0,
+                  ((A = (C = (M = t.preferences) == null ? void 0 : M.mapVisualOptions) == null ? void 0 : C.projectionOffset) == null ? void 0 : A[0]) || 0,
                   Number(m.target.value)
                 ]
               }
@@ -5498,7 +5475,7 @@ function br() {
     /* @__PURE__ */ e(qe, {})
   ] });
 }
-function vr() {
+function yr() {
   var l;
   const t = p((r) => r.card.preferences), { setCardPreferences: s } = p((r) => r.actions);
   function a(r) {
@@ -5537,7 +5514,7 @@ function at({
 }) {
   return /* @__PURE__ */ e("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ n(Ee, { defaultValue: ["item-2"], type: "multiple", children: [
     /* @__PURE__ */ n(Z, { value: "item-1", children: [
-      /* @__PURE__ */ e(X, { children: `${Pt(t)} ${a}` }),
+      /* @__PURE__ */ e(X, { children: `${jt(t)} ${a}` }),
       /* @__PURE__ */ e(Y, { children: s || /* @__PURE__ */ n("div", { className: "space-y-4 font-mono text-xs", children: [
         /* @__PURE__ */ e("div", { className: "rounded bg-muted px-2 py-1 text-xs", children: "SELECT label, measure FROM table" }),
         /* @__PURE__ */ n("ul", { className: "ml-6 list-disc text-xs [&>li]:mt-2", children: [
@@ -5563,9 +5540,9 @@ function at({
     /* @__PURE__ */ n(Z, { value: "item-2", children: [
       /* @__PURE__ */ e(X, { children: "Settings" }),
       /* @__PURE__ */ n(Y, { className: "space-y-4 px-2", children: [
-        t === "range" && /* @__PURE__ */ e(vt, {}),
-        t !== "text" && /* @__PURE__ */ e(Wt, {}),
-        t === "text" && /* @__PURE__ */ e(vr, {})
+        t === "range" && /* @__PURE__ */ e(yt, {}),
+        t !== "text" && /* @__PURE__ */ e(Bt, {}),
+        t === "text" && /* @__PURE__ */ e(yr, {})
       ] })
     ] }),
     !["range", "text"].includes(t) && /* @__PURE__ */ n(Z, { value: "item-3", children: [
@@ -5577,7 +5554,7 @@ function at({
     ] })
   ] }) });
 }
-function yr() {
+function vr() {
   const t = p(
     (l) => {
       var r, i;
@@ -5588,7 +5565,7 @@ function yr() {
     return /* @__PURE__ */ n("div", { className: "space-y-2", children: [
       /* @__PURE__ */ e(G, { children: "Sort" }),
       /* @__PURE__ */ e(
-        ve,
+        ye,
         {
           className: "h-8",
           label: "Sort Chart",
@@ -5643,7 +5620,7 @@ function yr() {
     /* @__PURE__ */ n(Z, { value: "item-2", children: [
       /* @__PURE__ */ e(X, { children: "Settings" }),
       /* @__PURE__ */ n(Y, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e(vt, {}),
+        /* @__PURE__ */ e(yt, {}),
         a(),
         /* @__PURE__ */ e(sn, {})
       ] })
@@ -5673,7 +5650,7 @@ function xr({}) {
       ] })
     ] }) }),
     /* @__PURE__ */ n("div", { className: "flex items-center space-x-2", children: [
-      /* @__PURE__ */ e(Ht, { onCheckedChange: (l) => {
+      /* @__PURE__ */ e(Rt, { onCheckedChange: (l) => {
         s({
           ...t,
           allowDownload: l
@@ -5745,7 +5722,7 @@ function wr() {
     switch (a) {
       case "stackedBar":
       case "stackedLine":
-        return /* @__PURE__ */ e(yr, {});
+        return /* @__PURE__ */ e(vr, {});
       case "pyramid":
         return /* @__PURE__ */ e(at, { docContent: Nr, cardType: a });
       case "kpi":
@@ -5782,7 +5759,7 @@ function wr() {
         return /* @__PURE__ */ e(dr, {});
     }
   }
-  return /* @__PURE__ */ n(we, { className: "h-full w-full text-sm", children: [
+  return /* @__PURE__ */ n(Te, { className: "h-full w-full text-sm", children: [
     s(t),
     /* @__PURE__ */ e(He, { orientation: "horizontal" })
   ] });
@@ -5796,7 +5773,7 @@ function kr() {
       className: "min-h-[250px] min-w-full max-w-lg",
       children: [
         /* @__PURE__ */ e(
-          ke,
+          we,
           {
             role: "query-section",
             className: "flex",
@@ -5807,7 +5784,7 @@ function kr() {
         ),
         /* @__PURE__ */ e(it, { withHandle: !0, className: "border" }),
         /* @__PURE__ */ e(
-          ke,
+          we,
           {
             className: "pb-1",
             role: "visual-section",
@@ -5815,7 +5792,7 @@ function kr() {
             defaultSize: 60,
             children: t ? /* @__PURE__ */ n(rt, { direction: "horizontal", children: [
               /* @__PURE__ */ e(ae, { children: /* @__PURE__ */ e(
-                ke,
+                we,
                 {
                   className: "flex min-w-[275px]",
                   minSize: 20,
@@ -5825,23 +5802,23 @@ function kr() {
                 }
               ) }),
               /* @__PURE__ */ e(it, { className: "border" }),
-              /* @__PURE__ */ e(ke, { minSize: 40, defaultSize: 75, maxSize: 100, children: /* @__PURE__ */ e(ua, {}) })
-            ] }) : /* @__PURE__ */ e(ua, {})
+              /* @__PURE__ */ e(we, { minSize: 40, defaultSize: 75, maxSize: 100, children: /* @__PURE__ */ e(oa, {}) })
+            ] }) : /* @__PURE__ */ e(oa, {})
           }
         )
       ]
     }
   );
 }
-function Or({ authToken: t, onSave: s, onClose: a }) {
-  z((o) => o.themeStyle);
-  const l = p((o) => o.actions.setOnSave), r = p((o) => o.actions.setOnClose), i = z((o) => o.actions.setAuthToken);
+function zr({ authToken: t, onSave: s, onClose: a }) {
+  T((o) => o.themeStyle);
+  const l = p((o) => o.actions.setOnSave), r = p((o) => o.actions.setOnClose), i = T((o) => o.actions.setAuthToken);
   return ce(() => {
     s && l(s), a && r(a);
   }, [s, l, a, r]), ce(() => {
     t && t.accessToken && i(t);
   }, [t, i]), /* @__PURE__ */ e(mt, { FallbackComponent: Fa, children: /* @__PURE__ */ n(
-    Ts,
+    Ds,
     {
       style: {
         // borderRadius: currentStyle?.chart?.options?.borderRadius,
@@ -5850,15 +5827,15 @@ function Or({ authToken: t, onSave: s, onClose: a }) {
       className: "rounded-none",
       role: "editor-panel",
       children: [
-        /* @__PURE__ */ e(Ds, { className: "rounded-none border-r-[1.5px]", children: /* @__PURE__ */ e(Pa, {}) }),
-        /* @__PURE__ */ e(Ms, { children: /* @__PURE__ */ e(kr, {}) })
+        /* @__PURE__ */ e(Is, { className: "rounded-none border-r-[1.5px]", children: /* @__PURE__ */ e(Pa, {}) }),
+        /* @__PURE__ */ e(Ls, { children: /* @__PURE__ */ e(kr, {}) })
       ]
     }
   ) });
 }
-function zr() {
-  z((o) => o.selectedCardId);
-  const t = z((o) => o.selectedSheetId), { setIsVisualEditing: s } = z((o) => o.actions), a = z((o) => o.isVisualEditing), l = z((o) => o.actions.updateFrame);
+function Or() {
+  T((o) => o.selectedCardId);
+  const t = T((o) => o.selectedSheetId), { setIsVisualEditing: s } = T((o) => o.actions), a = T((o) => o.isVisualEditing), l = T((o) => o.actions.updateFrame);
   function r(o) {
     t && (l(t, o), s(!1));
   }
@@ -5872,13 +5849,13 @@ function zr() {
       className: ee("flex grow", {
         "max-h-0 overflow-hidden": !a
       }),
-      children: /* @__PURE__ */ e(Or, { onSave: r, onClose: i })
+      children: /* @__PURE__ */ e(zr, { onSave: r, onClose: i })
     }
   );
 }
-function Ir() {
-  const t = p((i) => i.selectedDatabaseName), s = p((i) => i.selectedTableName), a = z((i) => i.dashboard.filters) || [], { columns: l } = Ae(), { assignFilter: r } = rn();
-  return /* @__PURE__ */ e(we, { className: "flex-1 basis-0 flex-col px-3", children: l == null ? void 0 : l.map((i) => {
+function Tr() {
+  const t = p((i) => i.selectedDatabaseName), s = p((i) => i.selectedTableName), a = T((i) => i.dashboard.filters) || [], { columns: l } = Ae(), { assignFilter: r } = rn();
+  return /* @__PURE__ */ e(Te, { className: "flex-1 basis-0 flex-col px-3", children: l == null ? void 0 : l.map((i) => {
     const o = a == null ? void 0 : a.find(
       (c) => c.column === be(i.column_name) && c.table === s && c.database === t
     );
@@ -5901,21 +5878,21 @@ function Ir() {
     );
   }) });
 }
-function Tr() {
-  z((s) => s.showFilters);
-  const t = z(
+function Mr() {
+  T((s) => s.showFilters);
+  const t = T(
     (s) => s.actions.setShowFilters
   );
   return /* @__PURE__ */ n("section", { className: "relative flex min-w-[320px] grow flex-col border-l px-1", children: [
     /* @__PURE__ */ n("div", { className: "mt-4 flex items-center justify-between gap-2 px-3", children: [
       /* @__PURE__ */ e(G, { className: "px-2 text-lg", children: "Filters" }),
       /* @__PURE__ */ e(
-        M,
+        I,
         {
           onClick: () => t(!1),
           className: "h-7 w-7 p-0",
           variant: "ghost",
-          children: /* @__PURE__ */ e(We, {})
+          children: /* @__PURE__ */ e(ut, {})
         }
       )
     ] }),
@@ -5925,7 +5902,7 @@ function Tr() {
         ColumnsComponent: () => (
           // schemaName, tableName, columns
           /* @__PURE__ */ e(
-            Ir,
+            Tr,
             {}
           )
         )
@@ -5934,7 +5911,7 @@ function Tr() {
   ] });
 }
 function Dr() {
-  const t = z((l) => l.dashboard.filters), s = z((l) => l.theme), a = t == null ? void 0 : t.filter((l) => l.hide);
+  const t = T((l) => l.dashboard.filters), s = T((l) => l.theme), a = t == null ? void 0 : t.filter((l) => l.hide);
   return a != null && a.length ? /* @__PURE__ */ e(
     "div",
     {
@@ -5948,7 +5925,7 @@ function Dr() {
           className: "flex min-w-[250px] max-w-fit flex-col gap-1 p-2",
           children: [
             /* @__PURE__ */ e(La, { filter: l }),
-            /* @__PURE__ */ e(za, { filter: l })
+            /* @__PURE__ */ e(Oa, { filter: l })
           ]
         },
         l.id
@@ -5956,8 +5933,8 @@ function Dr() {
     }
   ) : null;
 }
-function Mr() {
-  const t = z((l) => l.showFilters), s = z((l) => l.isVisualEditing), a = z(
+function Ir() {
+  const t = T((l) => l.showFilters), s = T((l) => l.isVisualEditing), a = T(
     (l) => l.isDashboardEditing
   );
   return /* @__PURE__ */ n(
@@ -5973,17 +5950,17 @@ function Mr() {
       children: [
         /* @__PURE__ */ n("section", { className: "flex grow flex-col", children: [
           a && /* @__PURE__ */ e(Dr, {}),
-          /* @__PURE__ */ e(Ls, {})
+          /* @__PURE__ */ e(Fs, {})
         ] }),
-        t && /* @__PURE__ */ e("div", { role: "filter-aside-container", className: "flex", children: /* @__PURE__ */ e(Tr, {}) })
+        t && /* @__PURE__ */ e("div", { role: "filter-aside-container", className: "flex", children: /* @__PURE__ */ e(Mr, {}) })
       ]
     }
   );
 }
 function Lr() {
-  const t = z((r) => r.dashboard), s = z((r) => r.actions.setDashboard), a = z(
+  const t = T((r) => r.dashboard), s = T((r) => r.actions.setDashboard), a = T(
     (r) => r.showDashboardJSON
-  ), l = z(
+  ), l = T(
     (r) => r.actions.setShowDashboardJSON
   );
   return /* @__PURE__ */ n(
@@ -5994,20 +5971,20 @@ function Lr() {
       }),
       children: [
         /* @__PURE__ */ n(
-          M,
+          I,
           {
             variant: "secondary",
             size: "sm",
             className: "absolute right-2 top-2 z-10 h-8",
             onClick: () => l(!1),
             children: [
-              /* @__PURE__ */ e(ut, { className: "mr-2 h-4 w-4" }),
+              /* @__PURE__ */ e(Ye, { className: "mr-2 h-4 w-4" }),
               "Close"
             ]
           }
         ),
         /* @__PURE__ */ e(
-          Fs,
+          Vs,
           {
             onChange: (r) => {
               if (r)
@@ -6044,14 +6021,14 @@ function qr({
   showFooter: s = !0,
   ...a
 }) {
-  return /* @__PURE__ */ e(mt, { FallbackComponent: Fa, children: /* @__PURE__ */ n(Vs, { dashboardProps: a, children: [
-    /* @__PURE__ */ e(Es, {}),
-    /* @__PURE__ */ n(As, { children: [
+  return /* @__PURE__ */ e(mt, { FallbackComponent: Fa, children: /* @__PURE__ */ n(Es, { dashboardProps: a, children: [
+    /* @__PURE__ */ e(As, {}),
+    /* @__PURE__ */ n(qs, { children: [
       /* @__PURE__ */ e(Lr, {}),
-      /* @__PURE__ */ n(qs, { ...a, children: [
-        t && /* @__PURE__ */ e(xl, {}),
-        /* @__PURE__ */ e(zr, {}),
-        /* @__PURE__ */ e(Mr, {})
+      /* @__PURE__ */ n(Rs, { ...a, children: [
+        t && /* @__PURE__ */ e(Nl, {}),
+        /* @__PURE__ */ e(Or, {}),
+        /* @__PURE__ */ e(Ir, {})
       ] })
     ] })
   ] }) });
@@ -6059,30 +6036,30 @@ function qr({
 export {
   _r as Dashboard,
   Hr as DashboardWC,
-  Be as SelectComponent,
+  Ue as SelectComponent,
   Pr as SemaphorDataProvider,
   $r as SemaphorQueryClient,
   qr as Surfboard,
-  hl as cleanCard,
+  ml as cleanCard,
   xa as createSqlGenConfig,
   vl as downloadPdf,
   be as fmt,
-  Br as getColumnDataType,
+  Ur as getColumnDataType,
   _a as getDashbaordStateWithoutData,
-  Ur as getFilterValueType,
+  Br as getFilterValueType,
   St as getFormattedTableNameForQuery,
-  ys as getQualifiedTableName,
+  xs as getQualifiedTableName,
   Na as getSql,
   hn as invalidateToken,
-  vn as isBooleanDataType,
-  yn as isColumnInSqlGen,
+  yn as isBooleanDataType,
+  vn as isColumnInSqlGen,
   gn as isDateDataType,
   Ca as isNumberDataType,
   fn as isTextDataType,
   Gr as resolveDataType,
   Jr as useCard,
-  Xe as useDashboardActions,
-  z as useDashboardStore,
+  Ze as useDashboardActions,
+  T as useDashboardStore,
   Wr as useDateFilterHook,
   de as useEditorActions,
   Ae as useEditorAside,