semaphor 0.0.63 → 0.0.64

package/dist/chunks/{dashboard-plus-Qwk9ShFg.js → dashboard-plus-r2bMLEpF.js}

@@ -1,13 +1,13 @@
-import { J as T, L as Pe, b as w, c as js, u as je, j as e, M as bs, O as ys, P as z, Q as vs, R as Ns, U as Cs, V as Ss, W as ws, X as H, Y as de, Z as et, _ as _t, $ as Rt, a0 as Ht, a1 as $t, a2 as Pt, a3 as Bt, a4 as Hs, f as Z, a5 as Ve, a6 as st, a7 as Ze, a8 as Xe, T as ks, e as tt, g as zs, a9 as ke, aa as ze, ab as Fe, ac as Le, ad as _e, ae as Me, af as te, ag as Fs, G as o, ah as Ls, ai as Ms, aj as Os, w as at, v as nt, t as ue, ak as Gt, r as Kt, N as rt, s as Ut, al as Wt, B as Qt, am as it, an as Jt, S as Ds, z as Yt, n as $s, A as lt, ao as ms, ap as he, aq as ge, ar as Re, as as ts, at as ot, au as Zt, av as Xt, aw as ct, ax as ea, ay as sa, az as ta, aA as aa, aB as na, aC as xs, aD as ra, aE as ia, aF as qe, aG as ps, aH as we, aI as fs, aJ as Ps, aK as la, aL as oa, aM as ca, aN as da, aO as ha, aP as us, aQ as ua, aR as Bs, aS as ma, aT as Gs, aU as xa, aV as pa, aW as fa, aX as dt, l as ga, C as ja, E as Qe, d as ba, h as ya, aY as va, i as Na, o as Ca, aZ as Sa, m as wa, H as as, a_ as ka, a$ as ht, b0 as ut, b1 as Je, b2 as mt, b3 as Ye, b4 as Ks, b5 as ns, b6 as rs, b7 as is, b8 as xt, K as za, b9 as Fa, ba as La, bb as Ts, bc as Oe, bd as pt, be as Ma, bf as Oa, bg as Da, bh as Ta, bi as Aa, bj as Us, bk as Ea, bl as Ia, bm as qa, bn as Va, bo as _a, bp as Ra, bq as Ha, br as $a, bs as Ne, bt as B, bu as G, bv as As, bw as K, bx as Ws, by as Pa, bz as Ba, bA as Ga, bB as Ka, bC as Ua, bD as Wa, bE as Qa, bF as Ja, bG as Ya, bH as Za } from "./index-hj7e5VOs.js";
-import * as Qs from "react";
-import me, { useState as A, useMemo as Xa, useEffect as Y, useRef as He } from "react";
+import { J as D, L as Pe, b as w, c as bs, u as je, j as e, M as ys, O as vs, P as z, Q as Ns, R as Cs, U as Ss, V as ws, W as ks, X as $, Y as de, Z as st, _ as Rt, $ as Ht, a0 as $t, a1 as Pt, a2 as Bt, a3 as Gt, a4 as $s, f as Z, a5 as Ve, a6 as Ut, a7 as tt, a8 as Ze, a9 as Xe, T as zs, e as at, g as Fs, aa as ke, ab as ze, ac as Fe, ad as Le, ae as _e, af as Me, ag as te, ah as Ls, G as o, ai as Ms, aj as Os, ak as Ds, w as nt, v as rt, t as ue, al as Kt, r as Wt, N as it, s as Qt, am as Jt, B as Yt, an as lt, ao as Zt, S as Ts, z as Xt, n as Ps, A as ot, ap as ms, aq as he, ar as ge, as as Re, at as ts, au as ct, av as ea, aw as sa, ax as dt, ay as ta, az as aa, aA as na, aB as ra, aC as ia, aD as xs, aE as la, aF as oa, aG as qe, aH as ps, aI as we, aJ as fs, aK as Bs, aL as ca, aM as da, aN as ha, aO as ua, aP as ma, aQ as us, aR as xa, aS as Gs, aT as pa, aU as Us, aV as fa, aW as ga, aX as ja, aY as ht, l as ba, C as ya, E as Qe, d as va, h as Na, aZ as Ca, i as Sa, o as wa, a_ as ka, m as za, H as as, a$ as Fa, b0 as ut, b1 as mt, b2 as Je, b3 as xt, b4 as Ye, b5 as Ks, b6 as ns, b7 as rs, b8 as is, b9 as pt, K as La, ba as Ma, bb as Oa, bc as As, bd as Oe, be as ft, bf as Da, bg as Ta, bh as Aa, bi as Ia, bj as Ea, bk as Ws, bl as qa, bm as Va, bn as _a, bo as Ra, bp as Ha, bq as $a, br as Pa, bs as Ba, bt as Ne, bu as B, bv as G, bw as Is, bx as U, by as Qs, bz as Ga, bA as Ua, bB as Ka, bC as Wa, bD as Qa, bE as Ja, bF as Ya, bG as Za, bH as Xa, bI as en } from "./index-iGlNQo-C.js";
+import * as Js from "react";
+import me, { useState as T, useMemo as gs, useEffect as Y, useRef as He } from "react";
 /**
  * @license lucide-react v0.379.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const en = T("AreaChart", [
+const sn = D("AreaChart", [
   ["path", { d: "M3 3v18h18", key: "1s2lah" }],
   ["path", { d: "M7 12v5h12V8l-5 5-4-4Z", key: "zxz28u" }]
 ]);
@@ -17,7 +17,7 @@ const en = T("AreaChart", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Es = T("BarChart4", [
+const Es = D("BarChart4", [
   ["path", { d: "M3 3v18h18", key: "1s2lah" }],
   ["path", { d: "M13 17V9", key: "1fwyjl" }],
   ["path", { d: "M18 17V5", key: "sfb6ij" }],
@@ -29,7 +29,7 @@ const Es = T("BarChart4", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const sn = T("Box", [
+const tn = D("Box", [
   [
     "path",
     {
@@ -46,7 +46,7 @@ const sn = T("Box", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const tn = T("CircleX", [
+const an = D("CircleX", [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
   ["path", { d: "m9 9 6 6", key: "z0biqf" }]
@@ -57,7 +57,7 @@ const tn = T("CircleX", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const an = T("Database", [
+const nn = D("Database", [
   ["ellipse", { cx: "12", cy: "5", rx: "9", ry: "3", key: "msslwz" }],
   ["path", { d: "M3 5V19A9 3 0 0 0 21 19V5", key: "1wlel7" }],
   ["path", { d: "M3 12A9 3 0 0 0 21 12", key: "mv7ke4" }]
@@ -68,7 +68,7 @@ const an = T("Database", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const nn = T("EllipsisVertical", [
+const rn = D("EllipsisVertical", [
   ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
   ["circle", { cx: "12", cy: "5", r: "1", key: "gxeob9" }],
   ["circle", { cx: "12", cy: "19", r: "1", key: "lyex9k" }]
@@ -79,7 +79,7 @@ const nn = T("EllipsisVertical", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const rn = T("Eraser", [
+const ln = D("Eraser", [
   [
     "path",
     {
@@ -96,7 +96,7 @@ const rn = T("Eraser", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ft = T("GanttChart", [
+const gt = D("GanttChart", [
   ["path", { d: "M8 6h10", key: "9lnwnk" }],
   ["path", { d: "M6 12h9", key: "1g9pqf" }],
   ["path", { d: "M11 18h7", key: "c8dzvl" }]
@@ -107,7 +107,7 @@ const ft = T("GanttChart", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ln = T("Glasses", [
+const on = D("Glasses", [
   ["circle", { cx: "6", cy: "15", r: "4", key: "vux9w4" }],
   ["circle", { cx: "18", cy: "15", r: "4", key: "18o8ve" }],
   ["path", { d: "M14 15a2 2 0 0 0-2-2 2 2 0 0 0-2 2", key: "1ag4bs" }],
@@ -120,7 +120,7 @@ const ln = T("Glasses", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const on = T("Hammer", [
+const cn = D("Hammer", [
   ["path", { d: "m15 12-8.373 8.373a1 1 0 1 1-3-3L12 9", key: "eefl8a" }],
   ["path", { d: "m18 15 4-4", key: "16gjal" }],
   [
@@ -137,7 +137,7 @@ const on = T("Hammer", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const cn = T("Hash", [
+const dn = D("Hash", [
   ["line", { x1: "4", x2: "20", y1: "9", y2: "9", key: "4lhtct" }],
   ["line", { x1: "4", x2: "20", y1: "15", y2: "15", key: "vyu0kd" }],
   ["line", { x1: "10", x2: "8", y1: "3", y2: "21", key: "1ggp8o" }],
@@ -149,7 +149,7 @@ const cn = T("Hash", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const dn = T("Home", [
+const hn = D("Home", [
   ["path", { d: "m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z", key: "y5dka4" }],
   ["polyline", { points: "9 22 9 12 15 12 15 22", key: "e2us08" }]
 ]);
@@ -159,7 +159,7 @@ const dn = T("Home", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const hn = T("Key", [
+const un = D("Key", [
   ["path", { d: "m15.5 7.5 2.3 2.3a1 1 0 0 0 1.4 0l2.1-2.1a1 1 0 0 0 0-1.4L19 4", key: "g0fldk" }],
   ["path", { d: "m21 2-9.6 9.6", key: "1j0ho8" }],
   ["circle", { cx: "7.5", cy: "15.5", r: "5.5", key: "yqb3hr" }]
@@ -170,7 +170,7 @@ const hn = T("Key", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Is = T("LineChart", [
+const qs = D("LineChart", [
   ["path", { d: "M3 3v18h18", key: "1s2lah" }],
   ["path", { d: "m19 9-5 5-4-4-3 3", key: "2osh9i" }]
 ]);
@@ -180,7 +180,7 @@ const Is = T("LineChart", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const un = T("ListEnd", [
+const mn = D("ListEnd", [
   ["path", { d: "M16 12H3", key: "1a2rj7" }],
   ["path", { d: "M16 6H3", key: "1wxfjs" }],
   ["path", { d: "M10 18H3", key: "13769t" }],
@@ -193,7 +193,7 @@ const un = T("ListEnd", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const mn = T("ListStart", [
+const xn = D("ListStart", [
   ["path", { d: "M16 12H3", key: "1a2rj7" }],
   ["path", { d: "M16 18H3", key: "12xzn7" }],
   ["path", { d: "M10 6H3", key: "lf8lx7" }],
@@ -206,7 +206,7 @@ const mn = T("ListStart", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const xn = T("ListX", [
+const pn = D("ListX", [
   ["path", { d: "M11 12H3", key: "51ecnj" }],
   ["path", { d: "M16 6H3", key: "1wxfjs" }],
   ["path", { d: "M16 18H3", key: "12xzn7" }],
@@ -219,7 +219,7 @@ const xn = T("ListX", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const $e = T("LoaderCircle", [
+const $e = D("LoaderCircle", [
   ["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]
 ]);
 /**
@@ -228,7 +228,7 @@ const $e = T("LoaderCircle", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const pn = T("MessageSquareMore", [
+const fn = D("MessageSquareMore", [
   ["path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z", key: "1lielz" }],
   ["path", { d: "M8 10h.01", key: "19clt8" }],
   ["path", { d: "M12 10h.01", key: "1nrarc" }],
@@ -240,7 +240,7 @@ const pn = T("MessageSquareMore", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const fn = T("Network", [
+const gn = D("Network", [
   ["rect", { x: "16", y: "16", width: "6", height: "6", rx: "1", key: "4q2zg0" }],
   ["rect", { x: "2", y: "16", width: "6", height: "6", rx: "1", key: "8cvhb9" }],
   ["rect", { x: "9", y: "2", width: "6", height: "6", rx: "1", key: "1egb70" }],
@@ -253,7 +253,7 @@ const fn = T("Network", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const gt = T("Pencil", [
+const jt = D("Pencil", [
   ["path", { d: "M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z", key: "5qss01" }],
   ["path", { d: "m15 5 4 4", key: "1mk7zo" }]
 ]);
@@ -263,7 +263,7 @@ const gt = T("Pencil", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const jt = T("PieChart", [
+const bt = D("PieChart", [
   ["path", { d: "M21.21 15.89A10 10 0 1 1 8 2.83", key: "k2fpak" }],
   ["path", { d: "M22 12A10 10 0 0 0 12 2v10z", key: "1rfc4y" }]
 ]);
@@ -273,7 +273,7 @@ const jt = T("PieChart", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const gn = T("Play", [
+const jn = D("Play", [
   ["polygon", { points: "6 3 20 12 6 21 6 3", key: "1oa8hb" }]
 ]);
 /**
@@ -282,7 +282,7 @@ const gn = T("Play", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const jn = T("Plug2", [
+const bn = D("Plug2", [
   ["path", { d: "M9 2v6", key: "17ngun" }],
   ["path", { d: "M15 2v6", key: "s7yy2p" }],
   ["path", { d: "M12 17v5", key: "bb1du9" }],
@@ -295,7 +295,7 @@ const jn = T("Plug2", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const bn = T("Save", [
+const yn = D("Save", [
   [
     "path",
     {
@@ -312,7 +312,7 @@ const bn = T("Save", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const bt = T("ScatterChart", [
+const yt = D("ScatterChart", [
   ["circle", { cx: "7.5", cy: "7.5", r: ".5", fill: "currentColor", key: "kqv944" }],
   ["circle", { cx: "18.5", cy: "5.5", r: ".5", fill: "currentColor", key: "lysivs" }],
   ["circle", { cx: "11.5", cy: "11.5", r: ".5", fill: "currentColor", key: "byv1b8" }],
@@ -326,7 +326,7 @@ const bt = T("ScatterChart", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const yn = T("ShieldQuestion", [
+const vn = D("ShieldQuestion", [
   [
     "path",
     {
@@ -343,7 +343,7 @@ const yn = T("ShieldQuestion", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const vn = T("Sigma", [
+const Nn = D("Sigma", [
   ["path", { d: "M18 7V4H6l6 8-6 8h12v-3", key: "zis8ev" }]
 ]);
 /**
@@ -352,7 +352,7 @@ const vn = T("Sigma", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Nn = T("SwatchBook", [
+const Cn = D("SwatchBook", [
   ["path", { d: "M11 17a4 4 0 0 1-8 0V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2Z", key: "1ldrpk" }],
   ["path", { d: "M16.7 13H19a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H7", key: "11i5po" }],
   ["path", { d: "M 7 17h0.01", key: "10821z" }],
@@ -370,7 +370,7 @@ const Nn = T("SwatchBook", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Cn = T("Tag", [
+const Sn = D("Tag", [
   [
     "path",
     {
@@ -386,7 +386,7 @@ const Cn = T("Tag", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Sn = T("ToggleLeft", [
+const wn = D("ToggleLeft", [
   ["rect", { width: "20", height: "12", x: "2", y: "6", rx: "6", ry: "6", key: "f2vt7d" }],
   ["circle", { cx: "8", cy: "12", r: "2", key: "1nvbw3" }]
 ]);
@@ -396,7 +396,7 @@ const Sn = T("ToggleLeft", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const qs = T("Type", [
+const Vs = D("Type", [
   ["polyline", { points: "4 7 4 4 20 4 20 7", key: "1nosan" }],
   ["line", { x1: "9", x2: "15", y1: "20", y2: "20", key: "swin9y" }],
   ["line", { x1: "12", x2: "12", y1: "4", y2: "20", key: "1tx1rr" }]
@@ -407,11 +407,11 @@ const qs = T("Type", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const wn = T("User", [
+const kn = D("User", [
   ["path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2", key: "975kel" }],
   ["circle", { cx: "12", cy: "7", r: "4", key: "17ys0d" }]
 ]);
-function yt(s) {
+function vt(s) {
   var n;
   return {
     ...s,
@@ -423,14 +423,14 @@ function yt(s) {
           var h;
           return {
             ...i,
-            cards: (h = i.cards) == null ? void 0 : h.map((r) => kn(r))
+            cards: (h = i.cards) == null ? void 0 : h.map((r) => zn(r))
           };
         })
       };
     })
   };
 }
-function kn(s) {
+function zn(s) {
   var n, t, a, i;
   return {
     ...s,
@@ -445,12 +445,12 @@ function kn(s) {
         }))
       }
     },
-    customCfg: zn(s.customCfg),
+    customCfg: Fn(s.customCfg),
     // if customCfg is present, clean it, otherwise return null{
     data: []
   };
 }
-function zn(s) {
+function Fn(s) {
   var n, t;
   return s ? {
     ...s,
@@ -464,7 +464,7 @@ function zn(s) {
     }
   } : null;
 }
-async function Fn(s, n, t, a) {
+async function Ln(s, n, t, a) {
   if (!a)
     return null;
   const i = JSON.stringify(n);
@@ -475,7 +475,7 @@ async function Fn(s, n, t, a) {
     operation: "create"
   });
 }
-async function gs(s, n) {
+async function js(s, n) {
   if (!n)
     return null;
   const { id: t, template: a, filterValues: i, isDefault: h, shared: r } = s;
@@ -488,52 +488,52 @@ async function gs(s, n) {
     operation: "update"
   });
 }
-async function Ln(s, n) {
+async function Mn(s, n) {
   return n ? await Pe("https://semaphor.cloud/api/v1/lens", n, {
     operation: "delete",
     lensId: s
   }) : null;
 }
-function Mn() {
-  const [s, n] = A(""), [t, a] = A(!1), i = w((y) => y.lenses), { setLenses: h, setSelectedLensId: r } = js(), [l, c] = A(!1), [m, u] = A(!1), g = w((y) => y.dashboard), j = w((y) => y.filterValues), { authToken: d } = je();
+function On() {
+  const [s, n] = T(""), [t, a] = T(!1), i = w((v) => v.lenses), { setLenses: h, setSelectedLensId: r } = bs(), [l, c] = T(!1), [m, u] = T(!1), g = w((v) => v.dashboard), j = w((v) => v.filterValues), { authToken: d } = je();
   async function x() {
     c(!0);
-    const y = yt(
+    const v = vt(
       g
-    ), f = await Fn(
+    ), f = await Ln(
       s,
-      y,
+      v,
       j,
       d == null ? void 0 : d.accessToken
     );
     f && (h([...i || [], f]), r(f.id), u(!1)), c(!1);
   }
-  return /* @__PURE__ */ e.jsxs(bs, { open: m, onOpenChange: u, children: [
-    /* @__PURE__ */ e.jsx(ys, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
+  return /* @__PURE__ */ e.jsxs(ys, { open: m, onOpenChange: u, children: [
+    /* @__PURE__ */ e.jsx(vs, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
       z,
       {
         variant: "secondary",
         className: "h-7 p-2",
         size: "sm",
         children: [
-          /* @__PURE__ */ e.jsx(vs, { className: "mr-2 h-4 w-4", strokeWidth: 1.5 }),
+          /* @__PURE__ */ e.jsx(Ns, { className: "mr-2 h-4 w-4", strokeWidth: 1.5 }),
           "Lens"
         ]
       }
     ) }),
-    /* @__PURE__ */ e.jsxs(Ns, { className: "sm:max-w-[425px]", children: [
-      /* @__PURE__ */ e.jsxs(Cs, { children: [
-        /* @__PURE__ */ e.jsx(Ss, { children: "Create Lens" }),
-        /* @__PURE__ */ e.jsx(ws, { children: "Lenses are private by default and are only visible to you." })
+    /* @__PURE__ */ e.jsxs(Cs, { className: "sm:max-w-[425px]", children: [
+      /* @__PURE__ */ e.jsxs(Ss, { children: [
+        /* @__PURE__ */ e.jsx(ws, { children: "Create Lens" }),
+        /* @__PURE__ */ e.jsx(ks, { children: "Lenses are private by default and are only visible to you." })
       ] }),
       /* @__PURE__ */ e.jsx("div", { className: "grid gap-4 py-4", children: /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-8 items-center gap-4", children: [
-        /* @__PURE__ */ e.jsx(H, { className: "text-right", children: "Name" }),
+        /* @__PURE__ */ e.jsx($, { className: "text-right", children: "Name" }),
         /* @__PURE__ */ e.jsx(
           de,
           {
             value: s,
-            onChange: (y) => {
-              n(y.target.value);
+            onChange: (v) => {
+              n(v.target.value);
             },
             id: "name",
             className: "col-span-7 focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0"
@@ -541,7 +541,7 @@ function Mn() {
         )
       ] }) }),
       t && /* @__PURE__ */ e.jsx("p", { className: "text-sm", children: "The lens name already exists. Use a differnet name." }),
-      /* @__PURE__ */ e.jsx(et, { children: /* @__PURE__ */ e.jsx(
+      /* @__PURE__ */ e.jsx(st, { children: /* @__PURE__ */ e.jsx(
         z,
         {
           size: "sm",
@@ -555,13 +555,13 @@ function Mn() {
     ] })
   ] });
 }
-function On() {
-  const [s, n] = A(!1), t = w((u) => u.lenses), a = w((u) => u.selectedLensId), { setLenses: i, setSelectedLensId: h } = js(), { authToken: r } = je();
+function Dn() {
+  const [s, n] = T(!1), t = w((u) => u.lenses), a = w((u) => u.selectedLensId), { setLenses: i, setSelectedLensId: h } = bs(), { authToken: r } = je();
   async function l(u) {
     h(u);
   }
   async function c(u) {
-    if (await Ln(u, r == null ? void 0 : r.accessToken)) {
+    if (await Mn(u, r == null ? void 0 : r.accessToken)) {
       const j = t == null ? void 0 : t.filter((d) => d.id !== u);
       i(j || []), h("original");
     }
@@ -579,30 +579,30 @@ function On() {
       ...u,
       isDefault: !u.isDefault
     };
-    await gs(j, r == null ? void 0 : r.accessToken);
+    await js(j, r == null ? void 0 : r.accessToken);
     const d = t == null ? void 0 : t.find((x) => x.isDefault);
     if (d && d.id !== u.id) {
       const x = {
         ...d,
         isDefault: !1
       };
-      await gs(x, r == null ? void 0 : r.accessToken);
+      await js(x, r == null ? void 0 : r.accessToken);
     }
   }
-  return /* @__PURE__ */ e.jsxs(_t, { open: s, onOpenChange: n, children: [
-    /* @__PURE__ */ e.jsx(Rt, { asChild: !0, children: /* @__PURE__ */ e.jsx(z, { variant: "ghost", className: "h-7 p-2", children: /* @__PURE__ */ e.jsx(ln, { className: "h-4 w-4", strokeWidth: 1.5 }) }) }),
-    /* @__PURE__ */ e.jsxs(Ht, { align: "end", className: "w-60", children: [
-      /* @__PURE__ */ e.jsx($t, { className: "px-3", children: "Lenses" }),
-      /* @__PURE__ */ e.jsx(Pt, {}),
+  return /* @__PURE__ */ e.jsxs(Rt, { open: s, onOpenChange: n, children: [
+    /* @__PURE__ */ e.jsx(Ht, { asChild: !0, children: /* @__PURE__ */ e.jsx(z, { variant: "ghost", className: "h-7 p-2", children: /* @__PURE__ */ e.jsx(on, { className: "h-4 w-4", strokeWidth: 1.5 }) }) }),
+    /* @__PURE__ */ e.jsxs($t, { align: "end", className: "w-60", children: [
+      /* @__PURE__ */ e.jsx(Pt, { className: "px-3", children: "Lenses" }),
+      /* @__PURE__ */ e.jsx(Bt, {}),
       /* @__PURE__ */ e.jsxs(
-        Bt,
+        Gt,
         {
           value: a,
           onValueChange: l,
           children: [
-            /* @__PURE__ */ e.jsx(Hs, { value: "original", children: "Original" }),
+            /* @__PURE__ */ e.jsx($s, { value: "original", children: "Original" }),
             t == null ? void 0 : t.map((u) => /* @__PURE__ */ e.jsxs(
-              Hs,
+              $s,
               {
                 className: "group flex justify-between",
                 value: u.id,
@@ -610,7 +610,7 @@ function On() {
                   /* @__PURE__ */ e.jsx("p", { children: u.name }),
                   /* @__PURE__ */ e.jsxs("span", { className: "flex items-center gap-3", children: [
                     /* @__PURE__ */ e.jsx(
-                      dn,
+                      hn,
                       {
                         onClick: (g) => {
                           g.preventDefault(), m(u);
@@ -645,23 +645,26 @@ function On() {
     ] })
   ] });
 }
-function Dn() {
-  const { authToken: s } = je(), n = w((S) => S.lenses), t = w((S) => S.selectedLensId), a = n == null ? void 0 : n.find((S) => S.id === t), i = w((S) => S.dashboard);
-  w((S) => S.selectedSheetId);
+function Tn() {
+  const { authToken: s } = je(), n = w((b) => b.lenses), t = w((b) => b.selectedLensId), a = n == null ? void 0 : n.find((b) => b.id === t), i = w((b) => b.dashboard);
+  w((b) => b.selectedSheetId);
   const h = w(
-    (S) => S.isDashboardEditing
-  ), [r, l] = A(!1), c = w((S) => S.filterValues), m = w((S) => S.isVisualEditing), u = w((S) => S.showFilters);
+    (b) => b.isDashboardEditing
+  ), [r, l] = T(!1), c = w((b) => b.filterValues), m = w((b) => b.isVisualEditing), u = w((b) => b.showFilters);
   w(
-    (S) => S.showDashboardJSON
+    (b) => b.showDashboardJSON
   );
-  const g = w((S) => S.onSaveFunction), j = w(
-    (S) => S.actions.setShowFilters
+  const g = w((b) => b.onSaveFunction), j = w(
+    (b) => b.actions.setShowFilters
   ), { addFrame: d, setSelectedFrameId: x } = w(
-    (S) => S.actions
-  ), { getSelectedSheet: y, setIsDashboardEditing: f, setShowDashboardJSON: L } = w((S) => S.actions), O = y(), v = () => {
-    if (!h || !O)
+    (b) => b.actions
+  ), { getSelectedSheet: v, setIsDashboardEditing: f, setShowDashboardJSON: F } = w((b) => b.actions), M = v(), { tenantId: N, endUserId: V } = gs(
+    () => Ut(s == null ? void 0 : s.accessToken),
+    [s == null ? void 0 : s.accessToken]
+  ), q = gs(() => N || V, [N, V]), _ = () => {
+    if (!h || !M)
       return;
-    const S = {
+    const b = {
       id: Ze(),
       title: "Title",
       description: "Description",
@@ -676,26 +679,26 @@ function Dn() {
       type: "bar",
       sql: "select COUNT(*) from YOUR_TABLE",
       data: []
-    }, M = {
+    }, R = {
       id: Ze(),
-      cards: [S],
-      activeCardId: S.id
+      cards: [b],
+      activeCardId: b.id
     };
-    d(O.id, M), x(M.id);
-  }, V = () => {
+    d(M.id, R), x(R.id);
+  }, L = () => {
     f(!0);
   };
-  async function _() {
+  async function C() {
     if (l(!0), !t || !a)
       return;
-    const S = yt(
+    const b = vt(
       i
-    ), M = JSON.stringify(S), N = {
+    ), R = JSON.stringify(b), H = {
       ...a,
-      template: M,
+      template: R,
       filterValues: c
     };
-    await gs(N, s == null ? void 0 : s.accessToken), Xe.success("Lens saved"), g == null || g(S), l(!1);
+    await js(H, s == null ? void 0 : s.accessToken), Xe.success("Lens saved"), g == null || g(b), l(!1);
   }
   return m ? null : /* @__PURE__ */ e.jsxs(
     "div",
@@ -703,10 +706,10 @@ function Dn() {
       className: "flex items-center justify-between gap-2 border-b bg-muted/50 py-2 pl-3 pr-2",
       role: "dashboard-controls",
       children: [
-        !m && /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ e.jsx(H, { children: a == null ? void 0 : a.name }) }),
+        !m && /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ e.jsx($, { children: a == null ? void 0 : a.name }) }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
-          h && !m && /* @__PURE__ */ e.jsx(Mn, {}),
-          !m && /* @__PURE__ */ e.jsx(On, {}),
+          h && !m && q && /* @__PURE__ */ e.jsx(On, {}),
+          !m && q && /* @__PURE__ */ e.jsx(Dn, {}),
           h && !m && /* @__PURE__ */ e.jsxs(
             z,
             {
@@ -714,9 +717,9 @@ function Dn() {
               className: "h-7 p-2",
               size: "sm",
               disabled: !h,
-              onClick: v,
+              onClick: _,
               children: [
-                /* @__PURE__ */ e.jsx(vs, { className: "mr-2 h-4 w-4", strokeWidth: 1.5 }),
+                /* @__PURE__ */ e.jsx(Ns, { className: "mr-2 h-4 w-4", strokeWidth: 1.5 }),
                 "Frame"
               ]
             }
@@ -726,9 +729,9 @@ function Dn() {
             {
               variant: "ghost",
               className: "h-7 p-2",
-              onClick: V,
+              onClick: L,
               size: "sm",
-              children: /* @__PURE__ */ e.jsx(gt, { className: "h-4 w-4", strokeWidth: 1.5 })
+              children: /* @__PURE__ */ e.jsx(jt, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
           h && !m && /* @__PURE__ */ e.jsx(
@@ -738,21 +741,21 @@ function Dn() {
               role: "close",
               className: "h-7 p-2",
               onClick: () => {
-                f(!1), L(!1);
+                f(!1), F(!1);
               },
               size: "sm",
               children: /* @__PURE__ */ e.jsx(Ve, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          h && !m && /* @__PURE__ */ e.jsx(
+          h && !m && q && /* @__PURE__ */ e.jsx(
             z,
             {
               className: "h-7 p-2",
               variant: "ghost",
               disabled: r,
-              onClick: _,
+              onClick: C,
               size: "sm",
-              children: /* @__PURE__ */ e.jsx(bn, { className: "h-4 w-4", strokeWidth: 1.5 })
+              children: /* @__PURE__ */ e.jsx(yn, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
           !u && !m && h && /* @__PURE__ */ e.jsx(
@@ -762,7 +765,7 @@ function Dn() {
               variant: "ghost",
               onClick: () => j(!0),
               size: "sm",
-              children: /* @__PURE__ */ e.jsx(st, { className: "h-4 w-4", strokeWidth: 1.5 })
+              children: /* @__PURE__ */ e.jsx(tt, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
           !m && h && !1,
@@ -772,7 +775,7 @@ function Dn() {
     }
   );
 }
-function Ie({
+function Ee({
   title: s,
   items: n,
   value: t,
@@ -788,20 +791,20 @@ function Ie({
   const g = a ? "Loading..." : i ? "Error" : t;
   function j() {
     if (s === "Connection")
-      return /* @__PURE__ */ e.jsx(jn, { className: "size-4 rotate-90" });
+      return /* @__PURE__ */ e.jsx(bn, { className: "size-4 rotate-90" });
     if (s === "Database")
-      return /* @__PURE__ */ e.jsx(an, { className: "size-4" });
+      return /* @__PURE__ */ e.jsx(nn, { className: "size-4" });
     if (s === "Schema")
-      return /* @__PURE__ */ e.jsx(fn, { className: "size-4" });
+      return /* @__PURE__ */ e.jsx(gn, { className: "size-4" });
     if (s === "Table")
-      return /* @__PURE__ */ e.jsx(Fs, { className: "size-4" });
+      return /* @__PURE__ */ e.jsx(Ls, { className: "size-4" });
     if (s === "Model")
-      return /* @__PURE__ */ e.jsx(sn, { className: "size-4" });
+      return /* @__PURE__ */ e.jsx(tn, { className: "size-4" });
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-    m && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: h ? /* @__PURE__ */ e.jsxs(ks, { children: [
-      /* @__PURE__ */ e.jsx(tt, { children: j() }),
-      /* @__PURE__ */ e.jsx(zs, { className: "text-xs", align: "start", children: h })
+    m && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: h ? /* @__PURE__ */ e.jsxs(zs, { children: [
+      /* @__PURE__ */ e.jsx(at, { children: j() }),
+      /* @__PURE__ */ e.jsx(Fs, { className: "text-xs", align: "start", children: h })
     ] }) : j() }),
     /* @__PURE__ */ e.jsxs(ke, { disabled: u, value: g, onValueChange: r, children: [
       /* @__PURE__ */ e.jsx(
@@ -830,25 +833,25 @@ function Ie({
     ] })
   ] });
 }
-function Tn({ column: s }) {
-  const [n, t] = A(!1), a = o((d) => d.selectedTableName), i = o(
+function An({ column: s }) {
+  const [n, t] = T(!1), a = o((d) => d.selectedTableName), i = o(
     (d) => d.selectedSchemaName
   ), h = o(
     (d) => d.selectedDatamodelId
   ), r = o((d) => d.sqlGen), { modelItems: l } = De(), c = o((d) => d.actions.setSqlGen), m = o((d) => d.actions.setCardSql), u = o((d) => d.actions.setRunSql);
   function g(d, x) {
-    var O;
-    const y = at(d, r, x), f = (O = l == null ? void 0 : l.find(
-      (v) => v.id === h
-    )) == null ? void 0 : O.name;
-    c(y);
-    const L = nt(
-      y,
+    var M;
+    const v = nt(d, r, x), f = (M = l == null ? void 0 : l.find(
+      (N) => N.id === h
+    )) == null ? void 0 : M.name;
+    c(v);
+    const F = rt(
+      v,
       ue(i || ""),
       ue(a),
       f
     );
-    L && (m(L), u(!0)), t(!1);
+    F && (m(F), u(!0)), t(!1);
   }
   function j() {
     return /* @__PURE__ */ e.jsxs("ul", { className: "text-xs", children: [
@@ -894,10 +897,10 @@ function Tn({ column: s }) {
       )
     ] });
   }
-  return /* @__PURE__ */ e.jsxs(Ls, { openDelay: 0, open: n, onOpenChange: t, children: [
-    /* @__PURE__ */ e.jsx(Ms, { asChild: !0, children: /* @__PURE__ */ e.jsx(nn, { className: "invisible size-3.5 cursor-pointer text-foreground/40 group-hover:visible" }) }),
+  return /* @__PURE__ */ e.jsxs(Ms, { openDelay: 0, open: n, onOpenChange: t, children: [
+    /* @__PURE__ */ e.jsx(Os, { asChild: !0, children: /* @__PURE__ */ e.jsx(rn, { className: "invisible size-3.5 cursor-pointer text-foreground/40 group-hover:visible" }) }),
     /* @__PURE__ */ e.jsx(
-      Os,
+      Ds,
       {
         align: "center",
         className: "w-20 rounded-md p-0 shadow-none",
@@ -906,116 +909,116 @@ function Tn({ column: s }) {
     )
   ] });
 }
-function vt({ column: s }) {
-  return /* @__PURE__ */ e.jsxs(ks, { children: [
-    /* @__PURE__ */ e.jsx(Gt, { asChild: !0, children: Kt.includes(s.data_type.toLowerCase()) ? (
+function Nt({ column: s }) {
+  return /* @__PURE__ */ e.jsxs(zs, { children: [
+    /* @__PURE__ */ e.jsx(Kt, { asChild: !0, children: Wt.includes(s.data_type.toLowerCase()) ? (
       // <span className=" font-thin">T</span>
-      /* @__PURE__ */ e.jsx(qs, { className: "size-3" })
-    ) : rt.includes(s.data_type.toLowerCase()) ? (
+      /* @__PURE__ */ e.jsx(Vs, { className: "size-3" })
+    ) : it.includes(s.data_type.toLowerCase()) ? (
       //
-      /* @__PURE__ */ e.jsx(cn, { className: "size-3" })
-    ) : Ut.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(Wt, { className: "size-3" }) : Qt.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(Sn, { className: "size-3" }) : /* @__PURE__ */ e.jsx(yn, { className: "size-3" }) }),
-    /* @__PURE__ */ e.jsx(zs, { children: /* @__PURE__ */ e.jsx("p", { className: "font-mono text-xs", children: s.data_type }) })
+      /* @__PURE__ */ e.jsx(dn, { className: "size-3" })
+    ) : Qt.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(Jt, { className: "size-3" }) : Yt.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(wn, { className: "size-3" }) : /* @__PURE__ */ e.jsx(vn, { className: "size-3" }) }),
+    /* @__PURE__ */ e.jsx(Fs, { children: /* @__PURE__ */ e.jsx("p", { className: "font-mono text-xs", children: s.data_type }) })
   ] });
 }
-function An({
+function In({
   schemaName: s,
   tableName: n,
   columns: t,
   status: a
 }) {
-  const i = o((N) => N.sqlGen), h = o(
-    (N) => N.selectedConnectionId
+  const i = o((C) => C.sqlGen), h = o(
+    (C) => C.selectedConnectionId
   ), r = o(
-    (N) => N.selectedDatabaseName
+    (C) => C.selectedDatabaseName
   ), l = o(
-    (N) => N.selectedSchemaName
-  ), c = o((N) => N.selectedTableName), m = o(
-    (N) => N.selectedDatamodelId
+    (C) => C.selectedSchemaName
+  ), c = o((C) => C.selectedTableName), m = o(
+    (C) => C.selectedDatamodelId
   ), u = w(
-    (N) => N.dashboard.aiScopeTables
-  ), { setAIScopeTables: g } = w((N) => N.actions), j = o((N) => N.actions.setRunSql), d = o((N) => N.actions.setSqlGen), x = o(
-    (N) => N.actions.setIsShowingVisual
-  ), y = o((N) => N.actions.setCardSql), { connectionType: f, modelItems: L } = De();
-  function O(N) {
-    var E;
-    const F = at(N, i);
-    d(F);
-    const R = (E = L == null ? void 0 : L.find(
+    (C) => C.dashboard.aiScopeTables
+  ), { setAIScopeTables: g } = w((C) => C.actions), j = o((C) => C.actions.setRunSql), d = o((C) => C.actions.setSqlGen), x = o(
+    (C) => C.actions.setIsShowingVisual
+  ), v = o((C) => C.actions.setCardSql), { connectionType: f, modelItems: F } = De();
+  function M(C) {
+    var A;
+    const b = nt(C, i);
+    d(b);
+    const R = (A = F == null ? void 0 : F.find(
       (P) => P.id === m
-    )) == null ? void 0 : E.name, $ = nt(F, ue(s), ue(n), R);
-    $ && (y($), j(!0));
+    )) == null ? void 0 : A.name, H = rt(b, ue(s), ue(n), R);
+    H && (v(H), j(!0));
   }
-  function v() {
+  function N() {
     return (u == null ? void 0 : u.find(
-      (N) => N.connectinonId === h && N.tableName === c
+      (C) => C.connectinonId === h && C.tableName === c
     )) !== void 0;
   }
-  function V(N) {
-    if (N === !0 && c && h) {
-      const F = {
+  function V(C) {
+    if (C === !0 && c && h) {
+      const b = {
         connectinonId: h,
         connectionType: f,
         databaseName: r,
         schemaName: l,
         tableName: c
-      }, $ = [...u || [], F].filter(
-        (E, P, X) => X.findIndex(
-          (W) => W.connectinonId === E.connectinonId && W.tableName === E.tableName
+      }, H = [...u || [], b].filter(
+        (A, P, X) => X.findIndex(
+          (W) => W.connectinonId === A.connectinonId && W.tableName === A.tableName
         ) === P
       );
-      g($), Xe.success(`Added '${c}' to AI Scope`, {
+      g(H), Xe.success(`Added '${c}' to AI Scope`, {
         position: "top-right",
         duration: 2500,
         richColors: !0
       });
     } else {
-      const F = (u || []).filter(
+      const b = (u || []).filter(
         (R) => R.connectinonId !== h && R.tableName !== c
       );
-      g(F), Xe(`Removed '${c}' from AI Scope`, {
+      g(b), Xe(`Removed '${c}' from AI Scope`, {
         position: "top-right",
         duration: 2e3,
         richColors: !0
       });
     }
   }
-  function _() {
-    var E;
-    let N = lt(s, n);
-    const F = (E = L == null ? void 0 : L.find(
+  function q() {
+    var A;
+    let C = ot(s, n);
+    const b = (A = F == null ? void 0 : F.find(
       (P) => P.id === m
-    )) == null ? void 0 : E.name;
-    console.log("modelName", F), m && m !== "none" && (N = `${ms}.${F}`);
-    let R = N;
+    )) == null ? void 0 : A.name;
+    console.log("modelName", b), m && m !== "none" && (C = `${ms}.${b}`);
+    let R = C;
     return ((P) => /[A-Z]/.test(P))(n) && (R = R.split(".").map((X) => `"${X}"`).join(".")), R;
   }
-  function S() {
-    const N = _();
+  function _() {
+    const C = q();
     x(!1);
-    const F = f === "MSSQL" ? `SELECT top 10 * FROM ${N}` : `SELECT * FROM ${N} LIMIT 10`;
-    y(F), j(!0);
+    const b = f === "MSSQL" ? `SELECT top 10 * FROM ${C}` : `SELECT * FROM ${C} LIMIT 10`;
+    v(b), j(!0);
   }
-  function M() {
-    const N = _();
-    y(`SELECT COUNT(*) as count FROM ${N}`), j(!0);
+  function L() {
+    const C = q();
+    v(`SELECT COUNT(*) as count FROM ${C}`), j(!0);
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "flex grow flex-col space-y-4 px-4", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-center gap-1", children: [
       /* @__PURE__ */ e.jsx(
-        it,
+        lt,
         {
-          title: `${v() ? "Remove from" : "Add to"} AI Scope`,
-          pressed: v(),
+          title: `${N() ? "Remove from" : "Add to"} AI Scope`,
+          pressed: N(),
           onPressedChange: V,
           variant: "outline",
           className: "h-9 px-2",
           children: /* @__PURE__ */ e.jsx(
-            Jt,
+            Zt,
             {
               className: Z("size-4", {
-                "text-primary": v(),
-                "text-muted-foreground": !v()
+                "text-primary": N(),
+                "text-muted-foreground": !N()
               })
             }
           )
@@ -1025,12 +1028,12 @@ function An({
         z,
         {
           disabled: a !== "Success",
-          onClick: S,
+          onClick: _,
           size: "sm",
           variant: "secondary",
           className: "flex",
           children: [
-            a !== "Success" ? /* @__PURE__ */ e.jsx($e, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(Nn, { className: "mr-2 size-4" }),
+            a !== "Success" ? /* @__PURE__ */ e.jsx($e, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(Cn, { className: "mr-2 size-4" }),
             "Top 10"
           ]
         }
@@ -1039,93 +1042,93 @@ function An({
         z,
         {
           disabled: a !== "Success",
-          onClick: M,
+          onClick: L,
           size: "sm",
           variant: "secondary",
           className: "flex",
           children: [
-            a !== "Success" ? /* @__PURE__ */ e.jsx($e, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(vn, { className: "mr-2 size-4" }),
+            a !== "Success" ? /* @__PURE__ */ e.jsx($e, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(Nn, { className: "mr-2 size-4" }),
             "Count"
           ]
         }
       )
     ] }),
     /* @__PURE__ */ e.jsxs(
-      Ds,
+      Ts,
       {
         className: "flex-1 basis-0 overflow-y-auto border-b border-t border-muted py-3",
         children: [
-          t == null ? void 0 : t.map((N) => /* @__PURE__ */ e.jsxs(
+          t == null ? void 0 : t.map((C) => /* @__PURE__ */ e.jsxs(
             "div",
             {
-              onClick: () => O(N),
+              onClick: () => M(C),
               className: Z(
                 "group mx-3 flex cursor-pointer items-center justify-between rounded px-2 py-[6px] text-sm transition-colors hover:bg-muted/50",
                 {
-                  "bg-muted": Yt(N, i)
+                  "bg-muted": Xt(C, i)
                 }
               ),
               children: [
                 /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-                  /* @__PURE__ */ e.jsx(vt, { column: N }),
-                  /* @__PURE__ */ e.jsx("span", { children: N.column_name })
+                  /* @__PURE__ */ e.jsx(Nt, { column: C }),
+                  /* @__PURE__ */ e.jsx("span", { children: C.column_name })
                 ] }),
                 /* @__PURE__ */ e.jsx(
                   "div",
                   {
-                    onClick: (F) => F.stopPropagation(),
+                    onClick: (b) => b.stopPropagation(),
                     className: "flex items-center justify-end",
-                    children: rt.includes(N.data_type) && /* @__PURE__ */ e.jsx(Tn, { column: N })
+                    children: it.includes(C.data_type) && /* @__PURE__ */ e.jsx(An, { column: C })
                   }
                 )
               ]
             },
-            N.column_name
+            C.column_name
           )),
-          /* @__PURE__ */ e.jsx($s, { orientation: "vertical" }),
-          /* @__PURE__ */ e.jsx($s, { orientation: "horizontal" })
+          /* @__PURE__ */ e.jsx(Ps, { orientation: "vertical" }),
+          /* @__PURE__ */ e.jsx(Ps, { orientation: "horizontal" })
         ]
       }
     )
   ] });
 }
 function De(s, n) {
-  var Ge, Ee, Ke, Ue, p;
-  let t = Xa(() => [], []);
+  var Ge, Ie, Ue, Ke, p;
+  let t = gs(() => [], []);
   const a = je().authToken || s, i = o(
-    (b) => b.selectedConnectionId
+    (y) => y.selectedConnectionId
   ), h = o(
-    (b) => b.selectedDatamodelId
+    (y) => y.selectedDatamodelId
   ), r = o(
-    (b) => b.selectedDatabaseName
+    (y) => y.selectedDatabaseName
   ), l = o(
-    (b) => b.selectedSchemaName
-  ), c = o((b) => b.selectedTableName), m = o(
-    (b) => b.actions.setCurrentColumns
+    (y) => y.selectedSchemaName
+  ), c = o((y) => y.selectedTableName), m = o(
+    (y) => y.actions.setCurrentColumns
   ), u = o(
-    (b) => b.actions.setSelectedConnectionId
+    (y) => y.actions.setSelectedConnectionId
   ), g = o(
-    (b) => b.actions.setSelectedDatamodelId
+    (y) => y.actions.setSelectedDatamodelId
   ), j = o(
-    (b) => b.actions.setSelectedDatabaseName
+    (y) => y.actions.setSelectedDatabaseName
   ), d = o(
-    (b) => b.actions.setSelectedSchemaName
+    (y) => y.actions.setSelectedSchemaName
   ), x = o(
-    (b) => b.actions.setSelectedTableName
-  ), y = o((b) => b.actions.setCardSql);
-  function f(b) {
-    return i && r && l && r !== "NA" ? !0 : i && b === "API" ? !1 : !!(i && b === "S3");
+    (y) => y.actions.setSelectedTableName
+  ), v = o((y) => y.actions.setCardSql);
+  function f(y) {
+    return i && r && l && r !== "NA" ? !0 : i && y === "API" ? !1 : !!(i && y === "S3");
   }
-  function L(b) {
-    return !!(i && r && r !== "NA" && l && c || i && (b === "S3" || b === "API") || h && h);
+  function F(y) {
+    return !!(i && r && r !== "NA" && l && c || i && (y === "S3" || y === "API") || h && h);
   }
-  function O(b) {
-    return i && b ? !(b === "API" || b === "S3") : !1;
+  function M(y) {
+    return i && y ? !(y === "API" || y === "S3") : !1;
   }
   const {
-    data: v,
+    data: N,
     isLoading: V,
-    isError: _
+    isError: q
   } = he({
     queryKey: ["connections"],
     queryFn: () => ge(
@@ -1135,9 +1138,9 @@ function De(s, n) {
     enabled: !!(a != null && a.accessToken)
     // Only fetch if authToken is present
   }), {
-    data: S,
-    isLoading: M,
-    isError: N
+    data: _,
+    isLoading: L,
+    isError: C
   } = he({
     queryKey: ["models", i],
     queryFn: () => ge(
@@ -1149,10 +1152,10 @@ function De(s, n) {
     ),
     enabled: !!(a != null && a.accessToken) && !!i
     // Only fetch if authToken is present
-  }), F = v == null ? void 0 : v.connections.find(
-    (b) => b.id === i
-  ), R = F == null ? void 0 : F.type, $ = (F == null ? void 0 : F.type) === "API" || (F == null ? void 0 : F.type) === "S3", {
-    data: E,
+  }), b = N == null ? void 0 : N.connections.find(
+    (y) => y.id === i
+  ), R = b == null ? void 0 : b.type, H = (b == null ? void 0 : b.type) === "API" || (b == null ? void 0 : b.type) === "S3", {
+    data: A,
     isLoading: P,
     isFetching: X,
     isError: W,
@@ -1166,13 +1169,13 @@ function De(s, n) {
         connection_id: i
       }
     ),
-    enabled: O(R)
+    enabled: M(R)
     // !!selectedConnectionId && !isNonDbConnection, //currentConnection?.type !== 'API', // Only fetch if connectionId is present
   }), {
-    data: U,
+    data: K,
     isLoading: ie,
-    isFetching: C,
-    isError: D,
+    isFetching: S,
+    isError: O,
     refetch: J
   } = he({
     queryKey: ["schemas", i, r],
@@ -1184,13 +1187,13 @@ function De(s, n) {
         database_name: r
       }
     ),
-    enabled: !!i && !!r && !$ && r !== "NA"
+    enabled: !!i && !!r && !H && r !== "NA"
     //currentConnection?.type !== 'API', // Only fetch if connectionId and database is present
   }), {
     data: k,
     isLoading: I,
     isFetching: ee,
-    isError: q,
+    isError: E,
     refetch: se
   } = he({
     queryKey: [
@@ -1235,7 +1238,7 @@ function De(s, n) {
         table_name: c
       }
     ),
-    enabled: L(R)
+    enabled: F(R)
     // (!!selectedConnectionId &&
     //   !!selectedDatabaseName &&
     //   !!selectedSchemaName &&
@@ -1248,92 +1251,92 @@ function De(s, n) {
     m(t);
   }, [ae, m, t]), Y(() => {
   }, [
-    $,
-    y,
+    H,
+    v,
     x,
     d,
     j,
-    F
+    b
   ]);
-  const le = (F == null ? void 0 : F.type) === "API" ? (Ge = F == null ? void 0 : F.type) == null ? void 0 : Ge.toLowerCase() : c || "", oe = $ ? "" : l || "";
-  function ye(b) {
-    d(b), x("");
+  const le = (b == null ? void 0 : b.type) === "API" ? (Ge = b == null ? void 0 : b.type) == null ? void 0 : Ge.toLowerCase() : c || "", oe = H ? "" : l || "";
+  function ye(y) {
+    d(y), x("");
   }
-  function ce(b) {
-    j(b === "none" ? "" : b), d(""), x(""), b !== "none" && b !== "" && g("");
+  function ce(y) {
+    j(y === "none" ? "" : y), d(""), x(""), y !== "none" && y !== "" && g("");
   }
-  function fe(b) {
-    u(b);
+  function fe(y) {
+    u(y);
   }
-  function _s(b) {
-    g(b === "none" ? "" : b), b !== "none" && b !== "" && j("");
+  function Rs(y) {
+    g(y === "none" ? "" : y), y !== "none" && y !== "" && j("");
   }
-  E && ((Ee = E == null ? void 0 : E.databases) == null ? void 0 : Ee.length) > 0, U && ((Ke = U == null ? void 0 : U.schemas) == null ? void 0 : Ke.length) > 0, ae && ((Ue = ae == null ? void 0 : ae.columns) == null ? void 0 : Ue.length) > 0 && (t = ae.columns.map((b) => ({
-    ...b,
-    data_type: b.data_type.toLowerCase()
-  }))), W && (t = []), (Q || _) && (t = []);
-  const Ce = v == null ? void 0 : v.connections.map(
-    (b) => ({
-      id: b.id,
-      name: b.name,
-      type: b.type
+  A && ((Ie = A == null ? void 0 : A.databases) == null ? void 0 : Ie.length) > 0, K && ((Ue = K == null ? void 0 : K.schemas) == null ? void 0 : Ue.length) > 0, ae && ((Ke = ae == null ? void 0 : ae.columns) == null ? void 0 : Ke.length) > 0 && (t = ae.columns.map((y) => ({
+    ...y,
+    data_type: y.data_type.toLowerCase()
+  }))), W && (t = []), (Q || q) && (t = []);
+  const Ce = N == null ? void 0 : N.connections.map(
+    (y) => ({
+      id: y.id,
+      name: y.name,
+      type: y.type
     })
-  ), os = (p = S == null ? void 0 : S.datamodels) == null ? void 0 : p.map((b) => ({
-    id: b.id,
-    name: b.name
-  })), Be = E == null ? void 0 : E.databases.map((b) => ({
-    id: b.database_name,
-    name: b.database_name
-  })), cs = U == null ? void 0 : U.schemas.map((b) => ({
-    id: b.schema_name,
-    name: b.schema_name
-  })), ds = k == null ? void 0 : k.tables.map((b) => ({
-    id: b.table_name,
-    name: b.table_name
+  ), os = (p = _ == null ? void 0 : _.datamodels) == null ? void 0 : p.map((y) => ({
+    id: y.id,
+    name: y.name
+  })), Be = A == null ? void 0 : A.databases.map((y) => ({
+    id: y.database_name,
+    name: y.database_name
+  })), cs = K == null ? void 0 : K.schemas.map((y) => ({
+    id: y.schema_name,
+    name: y.schema_name
+  })), ds = k == null ? void 0 : k.tables.map((y) => ({
+    id: y.table_name,
+    name: y.table_name
   }));
   return {
     connectionItems: Ce,
     isConnectionsLoading: V,
-    isConnectionsError: _,
+    isConnectionsError: q,
     modelItems: os,
-    isModelsLoading: M,
-    isModelsError: N,
+    isModelsLoading: L,
+    isModelsError: C,
     databaseItems: Be,
     isDatabasesLoadingOrFetching: P || X,
     isDatabaseError: W,
     schemaItems: cs,
-    isSchemaLoadingOrFetching: ie || C,
-    isSchemaError: D,
+    isSchemaLoadingOrFetching: ie || S,
+    isSchemaError: O,
     tableItems: ds,
     isTableLoadingOrFetching: I || ee,
-    isTableError: q,
+    isTableError: E,
     columns: t,
     isColumnsLoadingOrFetching: be || pe,
     isColumnsError: Q,
-    isNonDbConnection: $,
+    isNonDbConnection: H,
     connectionType: R,
     tableName: le,
     schemaName: oe,
     handleConnectionChange: fe,
-    handleDatamodelChange: _s,
+    handleDatamodelChange: Rs,
     handleDatabaseChange: ce,
     handleSchemaChange: ye
   };
 }
-function Nt({
+function Ct({
   ColumnsComponent: s
 }) {
   var ee;
   const n = o(
-    (q) => q.selectedConnectionId
+    (E) => E.selectedConnectionId
   ), t = o(
-    (q) => q.selectedDatamodelId
+    (E) => E.selectedDatamodelId
   ), a = o(
-    (q) => q.selectedDatabaseName
+    (E) => E.selectedDatabaseName
   ), i = o(
-    (q) => q.selectedSchemaName
-  ), h = o((q) => q.selectedTableName), r = o(
-    (q) => q.actions.setSelectedTableName
+    (E) => E.selectedSchemaName
+  ), h = o((E) => E.selectedTableName), r = o(
+    (E) => E.actions.setSelectedTableName
   ), {
     connectionItems: l,
     modelItems: c,
@@ -1343,70 +1346,70 @@ function Nt({
     columns: j,
     isConnectionsLoading: d,
     isModelsLoading: x,
-    isConnectionsError: y,
+    isConnectionsError: v,
     isModelsError: f,
-    isDatabasesLoadingOrFetching: L,
-    isDatabaseError: O,
-    isSchemaLoadingOrFetching: v,
+    isDatabasesLoadingOrFetching: F,
+    isDatabaseError: M,
+    isSchemaLoadingOrFetching: N,
     isSchemaError: V,
-    isColumnsError: _,
-    isColumnsLoadingOrFetching: S,
-    isTableLoadingOrFetching: M,
-    isTableError: N,
-    connectionType: F,
+    isColumnsError: q,
+    isColumnsLoadingOrFetching: _,
+    isTableLoadingOrFetching: L,
+    isTableError: C,
+    connectionType: b,
     isNonDbConnection: R,
-    handleConnectionChange: $,
-    handleDatabaseChange: E,
+    handleConnectionChange: H,
+    handleDatabaseChange: A,
     handleSchemaChange: P,
     handleDatamodelChange: X,
     tableName: W,
     schemaName: re
   } = De();
-  function U() {
+  function K() {
     return s ? s(re, W, j) : /* @__PURE__ */ e.jsx(
-      An,
+      In,
       {
         schemaName: re,
         tableName: W,
         columns: j,
-        status: S ? "Loading..." : _ ? "Error" : "Success"
+        status: _ ? "Loading..." : q ? "Error" : "Success"
       }
     );
   }
   function ie() {
     window.location.href = "mailto:support@semaphor.cloud?subject=Help&body=I need help with...";
   }
-  function C() {
-    if (!n || F === "S3" || F === "API")
+  function S() {
+    if (!n || b === "S3" || b === "API")
       return null;
     if (!t || t === "none")
       return /* @__PURE__ */ e.jsx(
-        Ie,
+        Ee,
         {
           showNone: !0,
-          onChange: E,
-          isError: O,
-          isLoading: L,
+          onChange: A,
+          isError: M,
+          isLoading: F,
           items: u,
           value: a || "",
           title: "Database"
         }
       );
   }
-  function D() {
+  function O() {
     if (n && !R && (!a || a === "none") && (!t || t === "none"))
       return /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3", children: [
         /* @__PURE__ */ e.jsx("div", { className: "col-span-1 grid place-items-center", children: /* @__PURE__ */ e.jsx(Re, {}) }),
-        /* @__PURE__ */ e.jsx("div", { className: "col-span-1 grid place-items-center", children: /* @__PURE__ */ e.jsx(H, { children: "OR" }) }),
+        /* @__PURE__ */ e.jsx("div", { className: "col-span-1 grid place-items-center", children: /* @__PURE__ */ e.jsx($, { children: "OR" }) }),
         /* @__PURE__ */ e.jsx("div", { className: "col-span-1 grid place-items-center", children: /* @__PURE__ */ e.jsx(Re, {}) })
       ] });
   }
   function J() {
-    if (!n || F === "S3" || F === "API")
+    if (!n || b === "S3" || b === "API")
       return null;
     if (!a || a === "none")
       return /* @__PURE__ */ e.jsx(
-        Ie,
+        Ee,
         {
           showNone: !0,
           onChange: X,
@@ -1419,12 +1422,12 @@ function Nt({
       );
   }
   function k() {
-    return !n || F === "S3" || F === "API" || !a || a === "none" ? null : /* @__PURE__ */ e.jsx(
-      Ie,
+    return !n || b === "S3" || b === "API" || !a || a === "none" ? null : /* @__PURE__ */ e.jsx(
+      Ee,
       {
         onChange: P,
         isError: V,
-        isLoading: v,
+        isLoading: N,
         items: m,
         value: i || "",
         title: "Schema"
@@ -1432,17 +1435,17 @@ function Nt({
     );
   }
   function I() {
-    function q() {
+    function E() {
       let se = !1;
-      return F === "API" ? (se = !1, se) : ((F === "S3" || n && a && a !== "none" && i) && (se = !0), se);
+      return b === "API" ? (se = !1, se) : ((b === "S3" || n && a && a !== "none" && i) && (se = !0), se);
     }
-    return q() ? /* @__PURE__ */ e.jsx(
-      Ie,
+    return E() ? /* @__PURE__ */ e.jsx(
+      Ee,
       {
         onChange: r,
-        isError: N,
+        isError: C,
         items: g,
-        isLoading: M,
+        isLoading: L,
         value: h || "",
         title: "Table"
       }
@@ -1451,26 +1454,26 @@ function Nt({
   return /* @__PURE__ */ e.jsxs("aside", { className: "xbg-red-100 flex grow flex-col justify-between", children: [
     /* @__PURE__ */ e.jsxs("section", { className: "space-y-3 px-6 py-4", children: [
       /* @__PURE__ */ e.jsx(
-        Ie,
+        Ee,
         {
           items: l,
           title: "Connection",
           value: n || "",
-          onChange: $,
+          onChange: H,
           isLoading: d,
-          isError: y,
+          isError: v,
           connectionTooltip: ((ee = l == null ? void 0 : l.find(
-            (q) => q.id === n
+            (E) => E.id === n
           )) == null ? void 0 : ee.type) || ""
         }
       ),
       J(),
-      D(),
-      C(),
+      O(),
+      S(),
       k(),
       I()
     ] }),
-    U(),
+    K(),
     /* @__PURE__ */ e.jsx("div", { className: "flex items-end justify-center gap-2 px-6 py-4", children: /* @__PURE__ */ e.jsxs(
       z,
       {
@@ -1479,7 +1482,7 @@ function Nt({
         variant: "secondary",
         className: "w-full",
         children: [
-          /* @__PURE__ */ e.jsx(pn, { className: "mr-2 size-4" }),
+          /* @__PURE__ */ e.jsx(fn, { className: "mr-2 size-4" }),
           "Help"
         ]
       }
@@ -1502,16 +1505,16 @@ function En(s) {
     return `${r} {{ filters | where }} ${l}`;
   }
 }
-function In({
+function qn({
   error: s,
   setShowAIDialog: n,
   setUserInputforAI: t,
   setTriggerAIRun: a
 }) {
-  return /* @__PURE__ */ e.jsxs(Ls, { openDelay: 0, children: [
-    /* @__PURE__ */ e.jsx(Ms, { asChild: !0, children: /* @__PURE__ */ e.jsx(z, { variant: "link", className: "h-5 p-0", children: /* @__PURE__ */ e.jsx(tn, { className: "h-4 w-4 text-red-500" }) }) }),
-    /* @__PURE__ */ e.jsx(Os, { align: "start", className: "min-w-fit max-w-[500px]", children: /* @__PURE__ */ e.jsx("div", { className: "flex justify-between space-x-4", children: /* @__PURE__ */ e.jsxs("div", { className: "flex grow flex-col space-y-2", children: [
-      /* @__PURE__ */ e.jsx(Ds, { className: "max-h-[250px] min-h-0 overflow-scroll", children: /* @__PURE__ */ e.jsx("p", { className: "overflow-auto rounded-md bg-muted p-2 text-xs leading-relaxed", children: s }) }),
+  return /* @__PURE__ */ e.jsxs(Ms, { openDelay: 0, children: [
+    /* @__PURE__ */ e.jsx(Os, { asChild: !0, children: /* @__PURE__ */ e.jsx(z, { variant: "link", className: "h-5 p-0", children: /* @__PURE__ */ e.jsx(an, { className: "h-4 w-4 text-red-500" }) }) }),
+    /* @__PURE__ */ e.jsx(Ds, { align: "start", className: "min-w-fit max-w-[500px]", children: /* @__PURE__ */ e.jsx("div", { className: "flex justify-between space-x-4", children: /* @__PURE__ */ e.jsxs("div", { className: "flex grow flex-col space-y-2", children: [
+      /* @__PURE__ */ e.jsx(Ts, { className: "max-h-[250px] min-h-0 overflow-scroll", children: /* @__PURE__ */ e.jsx("p", { className: "overflow-auto rounded-md bg-muted p-2 text-xs leading-relaxed", children: s }) }),
       /* @__PURE__ */ e.jsxs(
         z,
         {
@@ -1521,7 +1524,7 @@ function In({
           size: "sm",
           variant: "outline",
           children: [
-            /* @__PURE__ */ e.jsx(on, { className: "mr-2 h-4 w-4" }),
+            /* @__PURE__ */ e.jsx(cn, { className: "mr-2 h-4 w-4" }),
             "Debug with AI"
           ]
         }
@@ -1529,7 +1532,7 @@ function In({
     ] }) }) })
   ] });
 }
-function qn({
+function Vn({
   text: s,
   onCheckedChange: n,
   checked: t
@@ -1539,7 +1542,7 @@ function qn({
     /* @__PURE__ */ e.jsx("label", { className: "text-xs leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", children: s })
   ] });
 }
-function Vn() {
+function _n() {
   const { authToken: s } = je(), n = o(
     (h) => h.selectedConnectionId
   ), { data: t } = he({
@@ -1555,10 +1558,10 @@ function Vn() {
   );
   return a == null ? void 0 : a.type;
 }
-function _n() {
-  const { authToken: s } = je(), n = He(null), t = o((c) => c.applyFilters), [a, i] = A(""), h = o((c) => c.filterValues), r = o((c) => c.card.sql), l = Vn();
+function Rn() {
+  const { authToken: s } = je(), n = He(null), t = o((c) => c.applyFilters), [a, i] = T(""), h = o((c) => c.filterValues), r = o((c) => c.card.sql), l = _n();
   return /* @__PURE__ */ e.jsxs(
-    Ls,
+    Ms,
     {
       openDelay: 0,
       onOpenChange: async (c) => {
@@ -1577,20 +1580,20 @@ function _n() {
         console.log(m), m.sql ? (console.log(m.records), i(m.sql)) : i("Error");
       },
       children: [
-        /* @__PURE__ */ e.jsx(Ms, { asChild: !0, children: t && /* @__PURE__ */ e.jsx("p", { className: "p-0 text-xs hover:cursor-pointer", children: "|  Filter Query" }) }),
-        /* @__PURE__ */ e.jsxs(Os, { align: "end", className: "w-[600px]", children: [
+        /* @__PURE__ */ e.jsx(Os, { asChild: !0, children: t && /* @__PURE__ */ e.jsx("p", { className: "p-0 text-xs hover:cursor-pointer", children: "|  Filter Query" }) }),
+        /* @__PURE__ */ e.jsxs(Ds, { align: "end", className: "w-[600px]", children: [
           /* @__PURE__ */ e.jsx("div", { className: "flex justify-between space-x-4", children: /* @__PURE__ */ e.jsx("div", { className: "rounded-sm bg-muted p-2", children: /* @__PURE__ */ e.jsxs("code", { ref: n, className: "font-mono text-sm", children: [
             a,
             /* @__PURE__ */ e.jsx(
-              ot,
+              ct,
               {
-                onClick: () => Zt(n),
+                onClick: () => ea(n),
                 className: "ml-3 inline-block h-4 w-4 opacity-70 hover:cursor-pointer hover:opacity-100"
               }
             )
           ] }) }) }),
           /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 pt-2", children: [
-            /* @__PURE__ */ e.jsx(Xt, { className: "h-4 w-4 opacity-70" }),
+            /* @__PURE__ */ e.jsx(sa, { className: "h-4 w-4 opacity-70" }),
             /* @__PURE__ */ e.jsx("span", { className: "text-xs text-muted-foreground", children: "A preview of the query with filters applied." })
           ] })
         ] })
@@ -1598,7 +1601,7 @@ function _n() {
     }
   );
 }
-const Rn = `
+const Hn = `
 
 Use the following syntax to create a chart query. Please replace the x-axis, y-axis, stack-by, label, and measure with the actual column names of the table.
 
@@ -1645,7 +1648,7 @@ SELECT label, measure FROM table
 - Label - Category 
 - Measure - Number 
 `;
-function Hn({
+function $n({
   open: s,
   setOpen: n,
   userInput: t,
@@ -1653,64 +1656,64 @@ function Hn({
   triggerAIRun: i,
   setTriggerAIRun: h
 }) {
-  const r = He(null), l = He(null), { authToken: c } = je(), [m, u] = A(!1), g = o((C) => C.actions.setCardSql), j = w((C) => C.dashboard.baseQueries), d = o((C) => C.actions.setRunSql), x = o((C) => C.actions.setCardType), [y, f] = A([]), L = o((C) => C.currentColumns), O = o((C) => C.card.sql), v = o((C) => C.selectedTableName), V = `
+  const r = He(null), l = He(null), { authToken: c } = je(), [m, u] = T(!1), g = o((S) => S.actions.setCardSql), j = w((S) => S.dashboard.baseQueries), d = o((S) => S.actions.setRunSql), x = o((S) => S.actions.setCardType), [v, f] = T([]), F = o((S) => S.currentColumns), M = o((S) => S.card.sql), N = o((S) => S.selectedTableName), V = `
   ${t}
 
-  Database Query Dialect: ${v === "api" || v === "s3" ? "DuckDb" : ""}
-  Table Name: ${v}   
-  Table Columns: ${L == null ? void 0 : L.map((C) => `${C.column_name} | ${C.data_type}`).join(", ")}
-  User SQL: ${O}  
-  ${j && `Base Queries: ${JSON.stringify(j)} `}`, _ = ` When the user asks for a specific chart please use the following query structure to generate the chart query. Do not make up the column names. Use only the table columns provided above for the query. Replace x-axis, y-axis, and lables with the appropriate column names.
-  Visual Query Syntax: ${Rn}`, { data: S, isLoading: M, isFetching: N, isError: F, refetch: R } = he({
+  Database Query Dialect: ${N === "api" || N === "s3" ? "DuckDb" : ""}
+  Table Name: ${N}   
+  Table Columns: ${F == null ? void 0 : F.map((S) => `${S.column_name} | ${S.data_type}`).join(", ")}
+  User SQL: ${M}  
+  ${j && `Base Queries: ${JSON.stringify(j)} `}`, q = ` When the user asks for a specific chart please use the following query structure to generate the chart query. Do not make up the column names. Use only the table columns provided above for the query. Replace x-axis, y-axis, and lables with the appropriate column names.
+  Visual Query Syntax: ${Hn}`, { data: _, isLoading: L, isFetching: C, isError: b, refetch: R } = he({
     queryKey: ["ai-query"],
     queryFn: () => ge(
       "https://semaphor.cloud/api/v1/ai",
       (c == null ? void 0 : c.accessToken) || "",
       {
-        user_content: `userContent: ${V} ${m ? _ : ""}`
+        user_content: `userContent: ${V} ${m ? q : ""}`
       }
     ),
     enabled: !1
     // Do not run by default.
   });
-  function $(C) {
-    if (C.toLowerCase().includes("bar"))
+  function H(S) {
+    if (S.toLowerCase().includes("bar"))
       x("bar");
-    else if (C.toLowerCase().includes("line"))
+    else if (S.toLowerCase().includes("line"))
       x("line");
-    else if (C.toLowerCase().includes("bubble"))
+    else if (S.toLowerCase().includes("bubble"))
       x("bubble");
-    else if (C.toLowerCase().includes("scatter"))
+    else if (S.toLowerCase().includes("scatter"))
       x("scatter");
-    else if (C.toLowerCase().includes("stacked"))
+    else if (S.toLowerCase().includes("stacked"))
       x("stackedBar");
-    else if (C.toLowerCase().includes("pie"))
+    else if (S.toLowerCase().includes("pie"))
       x("pie");
-    else if (C.toLowerCase().includes("donut") || C.toLowerCase().includes("doughnut"))
+    else if (S.toLowerCase().includes("donut") || S.toLowerCase().includes("doughnut"))
       x("doughnut");
-    else if (C.toLowerCase().includes("radar"))
+    else if (S.toLowerCase().includes("radar"))
       x("radar");
     else
       return x("bar"), !1;
     return !0;
   }
   Y(() => {
-    S && f((C) => [...C, { role: "ai", content: S.response }]);
-  }, [S]), Y(() => {
-    const C = setTimeout(() => {
-      var D;
+    _ && f((S) => [...S, { role: "ai", content: _.response }]);
+  }, [_]), Y(() => {
+    const S = setTimeout(() => {
+      var O;
       l.current && (l.current.scroll({
         top: l.current.scrollHeight,
         behavior: "smooth"
-      }), (D = r.current) == null || D.focus());
+      }), (O = r.current) == null || O.focus());
     }, 100);
-    return () => clearTimeout(C);
-  }, [y]);
-  function E() {
-    t && (f((C) => [...C, { role: "user", content: t }]), $(t) && u(!0), a(""), R());
+    return () => clearTimeout(S);
+  }, [v]);
+  function A() {
+    t && (f((S) => [...S, { role: "user", content: t }]), H(t) && u(!0), a(""), R());
   }
   Y(() => {
-    i && (E(), h(!1));
+    i && (A(), h(!1));
   }, [i, h]);
   const P = {
     //seleect a darker color
@@ -1739,59 +1742,59 @@ function Hn({
     listStyleType: "disc"
   }, re = {
     // Override how paragraphs are rendered
-    p: ({ node: C, ...D }) => /* @__PURE__ */ e.jsx("p", { style: P, ...D }),
-    code: ({ node: C, ...D }) => /* @__PURE__ */ e.jsx("code", { className: "rounded-sm bg-muted px-2 py-1 text-sm", ...D }),
-    pre: ({ node: C, ...D }) => /* @__PURE__ */ e.jsxs("pre", { className: "space-y-2 rounded-sm bg-muted/50 p-3", style: X, children: [
-      /* @__PURE__ */ e.jsx("code", { className: "whitespace-normal text-sm", children: D.children }),
+    p: ({ node: S, ...O }) => /* @__PURE__ */ e.jsx("p", { style: P, ...O }),
+    code: ({ node: S, ...O }) => /* @__PURE__ */ e.jsx("code", { className: "rounded-sm bg-muted px-2 py-1 text-sm", ...O }),
+    pre: ({ node: S, ...O }) => /* @__PURE__ */ e.jsxs("pre", { className: "space-y-2 rounded-sm bg-muted/50 p-3", style: X, children: [
+      /* @__PURE__ */ e.jsx("code", { className: "whitespace-normal text-sm", children: O.children }),
       /* @__PURE__ */ e.jsxs("div", { className: "flex justify-start gap-2", children: [
-        /* @__PURE__ */ e.jsx(z, { onClick: U, size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(ot, {}) }),
+        /* @__PURE__ */ e.jsx(z, { onClick: K, size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(ct, {}) }),
         /* @__PURE__ */ e.jsx(
           z,
           {
             onClick: (J) => {
-              const k = U(J);
+              const k = K(J);
               k && (n(!1), g(k), d(!0));
             },
             size: "sm",
             variant: "outline",
-            children: /* @__PURE__ */ e.jsx(ta, {})
+            children: /* @__PURE__ */ e.jsx(na, {})
           }
         )
       ] })
     ] }),
-    li: ({ node: C, ...D }) => /* @__PURE__ */ e.jsx("li", { style: W, ...D })
+    li: ({ node: S, ...O }) => /* @__PURE__ */ e.jsx("li", { style: W, ...O })
     // You can add more overrides for other elements like h1, h2, etc.
   };
-  function U(C) {
-    const D = C.currentTarget.closest("pre");
-    if (!D)
+  function K(S) {
+    const O = S.currentTarget.closest("pre");
+    if (!O)
       return;
-    const J = D.textContent || D.innerText;
+    const J = O.textContent || O.innerText;
     return navigator.clipboard.writeText(J).then(() => console.log("Text copied to clipboard")).catch((k) => console.error("Error in copying text: ", k)), J;
   }
   function ie() {
-    return y == null ? void 0 : y.map((C, D) => C.role === "user" ? /* @__PURE__ */ e.jsxs(
+    return v == null ? void 0 : v.map((S, O) => S.role === "user" ? /* @__PURE__ */ e.jsxs(
       "div",
       {
         className: "flex items-start rounded-md bg-muted p-3 text-sm",
         children: [
-          /* @__PURE__ */ e.jsx(wn, { className: "mr-2 h-5 w-5" }),
-          /* @__PURE__ */ e.jsx("div", { children: C.content })
+          /* @__PURE__ */ e.jsx(kn, { className: "mr-2 h-5 w-5" }),
+          /* @__PURE__ */ e.jsx("div", { children: S.content })
         ]
       },
-      D
-    ) : C.role === "ai" ? /* @__PURE__ */ e.jsx(
-      sa,
+      O
+    ) : S.role === "ai" ? /* @__PURE__ */ e.jsx(
+      aa,
       {
         className: "w-full overflow-auto py-1",
         components: re,
-        children: S == null ? void 0 : S.response.replace(/DuckDB/gi, "Semaphor")
+        children: _ == null ? void 0 : _.response.replace(/DuckDB/gi, "Semaphor")
       },
-      D
-    ) : /* @__PURE__ */ e.jsx("div", {}, D));
+      O
+    ) : /* @__PURE__ */ e.jsx("div", {}, O));
   }
-  return /* @__PURE__ */ e.jsxs(bs, { open: s, onOpenChange: n, children: [
-    /* @__PURE__ */ e.jsx(ys, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+  return /* @__PURE__ */ e.jsxs(ys, { open: s, onOpenChange: n, children: [
+    /* @__PURE__ */ e.jsx(vs, { asChild: !0, children: /* @__PURE__ */ e.jsx(
       z,
       {
         size: "sm",
@@ -1801,13 +1804,13 @@ function Hn({
       }
     ) }),
     /* @__PURE__ */ e.jsxs(
-      Ns,
+      Cs,
       {
         className: "flex flex-col justify-between overflow-auto sm:max-w-[425px] md:max-h-[625px] md:min-w-[625px]",
         children: [
-          /* @__PURE__ */ e.jsxs(Cs, { children: [
-            /* @__PURE__ */ e.jsx(Ss, { children: "Assistant" }),
-            /* @__PURE__ */ e.jsx(ws, { children: "What can I help you with?" })
+          /* @__PURE__ */ e.jsxs(Ss, { children: [
+            /* @__PURE__ */ e.jsx(ws, { children: "Assistant" }),
+            /* @__PURE__ */ e.jsx(ks, { children: "What can I help you with?" })
           ] }),
           /* @__PURE__ */ e.jsx(
             "div",
@@ -1822,24 +1825,24 @@ function Hn({
             {
               children: /* @__PURE__ */ e.jsxs("div", { className: "flex w-full items-center rounded-md border", children: [
                 /* @__PURE__ */ e.jsx(
-                  ct,
+                  dt,
                   {
                     autoFocus: !0,
                     ref: r,
-                    onKeyDown: (C) => {
-                      C.key === "Enter" && !C.shiftKey && (C.preventDefault(), a(""), E());
+                    onKeyDown: (S) => {
+                      S.key === "Enter" && !S.shiftKey && (S.preventDefault(), a(""), A());
                     },
                     placeholder: "Type your question here...",
-                    onFocus: (C) => {
-                      const D = C.target, J = D.value.length;
-                      D.setSelectionRange(J, J);
+                    onFocus: (S) => {
+                      const O = S.target, J = O.value.length;
+                      O.setSelectionRange(J, J);
                     },
                     className: Z(
                       "max-h-10 min-h-7 resize-none border-none focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0"
                     ),
-                    disabled: M || N,
+                    disabled: L || C,
                     value: t,
-                    onChange: (C) => a(C.target.value)
+                    onChange: (S) => a(S.target.value)
                   }
                 ),
                 " ",
@@ -1849,8 +1852,8 @@ function Hn({
                     className: "h-8",
                     size: "sm",
                     variant: "ghost",
-                    onClick: E,
-                    children: !M && !N ? /* @__PURE__ */ e.jsx(ea, {}) : /* @__PURE__ */ e.jsx($e, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" })
+                    onClick: A,
+                    children: !L && !C ? /* @__PURE__ */ e.jsx(ta, {}) : /* @__PURE__ */ e.jsx($e, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" })
                   }
                 )
               ] })
@@ -1861,17 +1864,17 @@ function Hn({
     )
   ] });
 }
-var Ct = {
+var St = {
   color: void 0,
   size: void 0,
   className: void 0,
   style: void 0,
   attr: void 0
-}, Js = me.createContext && /* @__PURE__ */ me.createContext(Ct), $n = ["attr", "size", "title"];
-function Pn(s, n) {
+}, Ys = me.createContext && /* @__PURE__ */ me.createContext(St), Pn = ["attr", "size", "title"];
+function Bn(s, n) {
   if (s == null)
     return {};
-  var t = Bn(s, n), a, i;
+  var t = Gn(s, n), a, i;
   if (Object.getOwnPropertySymbols) {
     var h = Object.getOwnPropertySymbols(s);
     for (i = 0; i < h.length; i++)
@@ -1879,7 +1882,7 @@ function Pn(s, n) {
   }
   return t;
 }
-function Bn(s, n) {
+function Gn(s, n) {
   if (s == null)
     return {};
   var t = {}, a = Object.keys(s), i, h;
@@ -1897,7 +1900,7 @@ function es() {
     return s;
   }, es.apply(this, arguments);
 }
-function Ys(s, n) {
+function Zs(s, n) {
   var t = Object.keys(s);
   if (Object.getOwnPropertySymbols) {
     var a = Object.getOwnPropertySymbols(s);
@@ -1910,22 +1913,22 @@ function Ys(s, n) {
 function ss(s) {
   for (var n = 1; n < arguments.length; n++) {
     var t = arguments[n] != null ? arguments[n] : {};
-    n % 2 ? Ys(Object(t), !0).forEach(function(a) {
-      Gn(s, a, t[a]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(s, Object.getOwnPropertyDescriptors(t)) : Ys(Object(t)).forEach(function(a) {
+    n % 2 ? Zs(Object(t), !0).forEach(function(a) {
+      Un(s, a, t[a]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(s, Object.getOwnPropertyDescriptors(t)) : Zs(Object(t)).forEach(function(a) {
       Object.defineProperty(s, a, Object.getOwnPropertyDescriptor(t, a));
     });
   }
   return s;
 }
-function Gn(s, n, t) {
+function Un(s, n, t) {
   return n = Kn(n), n in s ? Object.defineProperty(s, n, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : s[n] = t, s;
 }
 function Kn(s) {
-  var n = Un(s, "string");
+  var n = Wn(s, "string");
   return typeof n == "symbol" ? n : String(n);
 }
-function Un(s, n) {
+function Wn(s, n) {
   if (typeof s != "object" || s === null)
     return s;
   var t = s[Symbol.toPrimitive];
@@ -1937,23 +1940,23 @@ function Un(s, n) {
   }
   return (n === "string" ? String : Number)(s);
 }
-function St(s) {
+function wt(s) {
   return s && s.map((n, t) => /* @__PURE__ */ me.createElement(n.tag, ss({
     key: t
-  }, n.attr), St(n.child)));
+  }, n.attr), wt(n.child)));
 }
 function xe(s) {
-  return (n) => /* @__PURE__ */ me.createElement(Wn, es({
+  return (n) => /* @__PURE__ */ me.createElement(Qn, es({
     attr: ss({}, s.attr)
-  }, n), St(s.child));
+  }, n), wt(s.child));
 }
-function Wn(s) {
+function Qn(s) {
   var n = (t) => {
     var {
       attr: a,
       size: i,
       title: h
-    } = s, r = Pn(s, $n), l = i || t.size || "1em", c;
+    } = s, r = Bn(s, Pn), l = i || t.size || "1em", c;
     return t.className && (c = t.className), s.className && (c = (c ? c + " " : "") + s.className), /* @__PURE__ */ me.createElement("svg", es({
       stroke: "currentColor",
       fill: "currentColor",
@@ -1968,38 +1971,38 @@ function Wn(s) {
       xmlns: "http://www.w3.org/2000/svg"
     }), h && /* @__PURE__ */ me.createElement("title", null, h), s.children);
   };
-  return Js !== void 0 ? /* @__PURE__ */ me.createElement(Js.Consumer, null, (t) => n(t)) : n(Ct);
+  return Ys !== void 0 ? /* @__PURE__ */ me.createElement(Ys.Consumer, null, (t) => n(t)) : n(St);
 }
-function Qn(s) {
+function Jn(s) {
   return xe({ tag: "svg", attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M439.8 200.5c-7.7-30.9-22.3-54.2-53.4-54.2h-40.1v47.4c0 36.8-31.2 67.8-66.8 67.8H172.7c-29.2 0-53.4 25-53.4 54.3v101.8c0 29 25.2 46 53.4 54.3 33.8 9.9 66.3 11.7 106.8 0 26.9-7.8 53.4-23.5 53.4-54.3v-40.7H226.2v-13.6h160.2c31.1 0 42.6-21.7 53.4-54.2 11.2-33.5 10.7-65.7 0-108.6zM286.2 404c11.1 0 20.1 9.1 20.1 20.3 0 11.3-9 20.4-20.1 20.4-11 0-20.1-9.2-20.1-20.4.1-11.3 9.1-20.3 20.1-20.3zM167.8 248.1h106.8c29.7 0 53.4-24.5 53.4-54.3V91.9c0-29-24.4-50.7-53.4-55.6-35.8-5.9-74.7-5.6-106.8.1-45.2 8-53.4 24.7-53.4 55.6v40.7h106.9v13.6h-147c-31.1 0-58.3 18.7-66.8 54.2-9.8 40.7-10.2 66.1 0 108.6 7.6 31.6 25.7 54.2 56.8 54.2H101v-48.8c0-35.3 30.5-66.4 66.8-66.4zm-6.7-142.6c-11.1 0-20.1-9.1-20.1-20.3.1-11.3 9-20.4 20.1-20.4 11 0 20.1 9.2 20.1 20.4s-9 20.3-20.1 20.3z" }, child: [] }] })(s);
 }
-function Jn() {
-  const { theme: s } = aa(), n = He(), t = He(), [a, i] = A(!1), [h, r] = A(!1), [l, c] = A(!1), [m, u] = A(""), [g, j] = A(!1), { authToken: d } = je();
+function Yn() {
+  const { theme: s } = ra(), n = He(), t = He(), [a, i] = T(!1), [h, r] = T(!1), [l, c] = T(!1), [m, u] = T(""), [g, j] = T(!1), { authToken: d } = je();
   w((p) => p.selectedSheetId);
-  const x = w((p) => p.dashboard.baseQueries), y = o((p) => p.card), f = w((p) => p.theme), L = o((p) => p.isShowingVisual), O = o(
+  const x = w((p) => p.dashboard.baseQueries), v = o((p) => p.card), f = w((p) => p.theme), F = o((p) => p.isShowingVisual), M = o(
     (p) => p.selectedConnectionId
-  ), v = o(
+  ), N = o(
     (p) => p.selectedDatabaseName
   ), V = o(
     (p) => p.selectedDatamodelId
-  ), _ = o(
+  ), q = o(
     (p) => p.selectedSchemaName
   );
   w(
     (p) => p.actions.updateFrameCard
   );
-  const S = o((p) => p.selectedTableName), M = o((p) => p.card.sql), N = o((p) => p.card.python), F = na(M, x), R = o((p) => p.selectedConnectionId), $ = o((p) => p.frame), E = w((p) => p.filterValues), P = o((p) => p.applyFilters), {
+  const _ = o((p) => p.selectedTableName), L = o((p) => p.card.sql), C = o((p) => p.card.python), b = ia(L, x), R = o((p) => p.selectedConnectionId), H = o((p) => p.frame), A = w((p) => p.filterValues), P = o((p) => p.applyFilters), {
     setCardCustomCfg: X,
     setQueryResultColumns: W,
     setFilterValues: re,
-    setCardSql: U,
+    setCardSql: K,
     setCardPython: ie,
-    setQueryError: C,
-    setPythonStdOut: D,
+    setQueryError: S,
+    setPythonStdOut: O,
     setCardPreferences: J
   } = o((p) => p.actions), k = o((p) => p.onSave), I = o(
     (p) => p.actions.setApplyFilters
-  ), ee = o((p) => p.onClose), q = o((p) => p.actions.setCardData), se = o((p) => p.actions.setSqlGen), ae = o((p) => p.runSql), be = o((p) => p.actions.setRunSql), pe = o(
+  ), ee = o((p) => p.onClose), E = o((p) => p.actions.setCardData), se = o((p) => p.actions.setSqlGen), ae = o((p) => p.runSql), be = o((p) => p.actions.setRunSql), pe = o(
     (p) => p.actions.setIsSqlRunning
   ), {
     data: Q,
@@ -2008,93 +2011,93 @@ function Jn() {
     isSuccess: ye,
     isError: ce,
     error: fe,
-    status: _s,
+    status: Rs,
     refetch: Ce
   } = he({
-    queryKey: [F, N],
+    queryKey: [b, C],
     queryFn: () => Pe(
       "https://semaphor.cloud/api/v1/query",
       (d == null ? void 0 : d.accessToken) || "",
       {
         connection_id: R,
-        sql: F,
-        python: N === Ps ? "" : N,
-        active_filters: P ? E : []
+        sql: b,
+        python: C === Bs ? "" : C,
+        active_filters: P ? A : []
       }
     ),
     enabled: !1,
     retry: !1
   });
   Y(() => {
-    if (Q && (q(Q.records), Q.rowLimitExceeded && Xe.error("Row limit (10,000) exceeded. Refine your query.", {
+    if (Q && (E(Q.records), Q.rowLimitExceeded && Xe.error("Row limit (10,000) exceeded. Refine your query.", {
       position: "top-center",
       richColors: !0
-    }), D((Q == null ? void 0 : Q.output) || ""), Q.records.length > 0)) {
+    }), O((Q == null ? void 0 : Q.output) || ""), Q.records.length > 0)) {
       const { dimensionKeys: p } = xs(Q.records);
       W(p);
     }
-  }, [Q, q, W, D]), Y(() => {
+  }, [Q, E, W, O]), Y(() => {
     ae && (Ce(), be(!1));
   }, [ae, Ce, be]), Y(() => {
-    (le || oe) && pe(!0), (ce || ye) && pe(!1), ce ? (C(fe.message), q([]), W([]), D("")) : C("");
+    (le || oe) && pe(!0), (ce || ye) && pe(!1), ce ? (S(fe.message), E([]), W([]), O("")) : S("");
   }, [
     le,
     oe,
     Q,
-    D,
+    O,
     ce,
     ye,
     pe,
-    q,
+    E,
     W,
-    C,
+    S,
     fe
   ]);
   function os() {
-    U(""), q([]), se({}), X(""), J({});
+    K(""), E([]), se({}), X(""), J({});
   }
   const Be = (p) => {
     t.current = p;
   };
-  function cs(p, b) {
+  function cs(p, y) {
     if (p.length === 0)
       return "";
-    if (b) {
-      const ve = p.find((ne) => ne.id === b);
+    if (y) {
+      const ve = p.find((ne) => ne.id === y);
       if (ve) {
         const ne = ve.tabTitle;
         if (ne == "All__Header")
           return p[0].id;
         if (ne && ne.endsWith("__Header")) {
-          const qt = ne.split("__")[0], Rs = p.find(
-            (Vt) => Vt.tabTitle === qt
+          const Vt = ne.split("__")[0], Hs = p.find(
+            (_t) => _t.tabTitle === Vt
           );
-          return Rs ? Rs.id : p[0].id;
+          return Hs ? Hs.id : p[0].id;
         }
-        return b;
+        return y;
       }
     }
     return p[0].id;
   }
   function ds() {
-    let p = M;
-    M && !M.includes("{{") && (p = En(M), U(p));
-    const b = {
-      ...y,
-      lastSelectedSchema: _,
+    let p = L;
+    L && !L.includes("{{") && (p = En(L), K(p));
+    const y = {
+      ...v,
+      lastSelectedSchema: q,
       lastSelectedDatamodelId: V,
-      lastSelectedDatabase: v,
-      lastSelectedTable: S,
-      connectionId: O,
-      type: L ? y.type : "table",
+      lastSelectedDatabase: N,
+      lastSelectedTable: _,
+      connectionId: M,
+      type: F ? v.type : "table",
       sql: p,
-      customCfg: L ? y.customCfg : null
-    }, ve = $.cards.map(
-      (hs) => hs.id === y.id ? b : hs
+      customCfg: F ? v.customCfg : null
+    }, ve = H.cards.map(
+      (hs) => hs.id === v.id ? y : hs
     ), ne = {
-      ...$,
+      ...H,
       cards: ve,
-      activeCardId: cs(ve, $.activeCardId)
+      activeCardId: cs(ve, H.activeCardId)
     };
     k == null || k(ne);
   }
@@ -2102,7 +2105,7 @@ function Jn() {
     ee == null || ee();
   }
   Y(() => {
-    const p = n.current, b = t.current;
+    const p = n.current, y = t.current;
     if (p) {
       const ve = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", ne = f === "system" ? ve : f;
       p.editor.defineTheme("default", {
@@ -2112,11 +2115,11 @@ function Jn() {
         rules: [],
         colors: {
           // 'editor.background': activeTheme === 'light' ? '#ffffff' : '#020817',
-          "editor.background": ne === "light" ? "#ffffff" : ra("--semaphor-background")
+          "editor.background": ne === "light" ? "#ffffff" : la("--semaphor-background")
         }
       }), p.editor.setTheme("default");
     }
-    return b && p && b.addCommand(
+    return y && p && y.addCommand(
       p.KeyMod.Shift | p.KeyCode.Enter,
       function() {
         return console.log("Executing query..."), Ce(), !1;
@@ -2124,10 +2127,10 @@ function Jn() {
     ), () => {
     };
   }, [s, f, n.current]);
-  function Ee(p) {
+  function Ie(p) {
     n.current = p;
   }
-  function Ke() {
+  function Ue() {
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       h && /* @__PURE__ */ e.jsx(
         "div",
@@ -2137,15 +2140,15 @@ function Jn() {
           children: /* @__PURE__ */ e.jsxs("div", { className: "w-[99%]", children: [
             /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 pt-3", children: [
               /* @__PURE__ */ e.jsx(
-                qn,
+                Vn,
                 {
                   checked: P,
                   onCheckedChange: () => I(!P),
                   text: "Apply Filters"
                 }
               ),
-              /* @__PURE__ */ e.jsx(_n, {}),
-              E && h && /* @__PURE__ */ e.jsx(
+              /* @__PURE__ */ e.jsx(Rn, {}),
+              A && h && /* @__PURE__ */ e.jsx(
                 Ve,
                 {
                   onClick: () => r(!1),
@@ -2166,7 +2169,7 @@ function Jn() {
                 },
                 defaultLanguage: "json",
                 className: "mt-1 min-h-[220px]",
-                value: JSON.stringify(E, null, 2),
+                value: JSON.stringify(A, null, 2),
                 options: {
                   readOnly: !0,
                   minimap: {
@@ -2187,8 +2190,8 @@ function Jn() {
           ] })
         }
       ),
-      E && !h && /* @__PURE__ */ e.jsx(
-        st,
+      A && !h && /* @__PURE__ */ e.jsx(
+        tt,
         {
           onClick: () => r(!0),
           className: Z(
@@ -2201,7 +2204,7 @@ function Jn() {
       )
     ] });
   }
-  function Ue() {
+  function Ke() {
     return /* @__PURE__ */ e.jsxs(
       ps,
       {
@@ -2228,9 +2231,9 @@ function Jn() {
                         theme: "default",
                         className: "pt-3",
                         onChange: (p) => {
-                          U(p);
+                          K(p);
                         },
-                        value: M,
+                        value: L,
                         options: {
                           minimap: {
                             enabled: !1
@@ -2244,7 +2247,7 @@ function Jn() {
                           renderLineHighlight: "none"
                         },
                         defaultLanguage: "sql",
-                        beforeMount: Ee,
+                        beforeMount: Ie,
                         onMount: Be
                       }
                     )
@@ -2277,7 +2280,7 @@ function Jn() {
                           onChange: (p) => {
                             ie(p && p.trim() || "");
                           },
-                          value: N || Ps,
+                          value: C || Bs,
                           options: {
                             minimap: {
                               enabled: !1
@@ -2291,7 +2294,7 @@ function Jn() {
                             renderLineHighlight: "none"
                           },
                           defaultLanguage: "python",
-                          beforeMount: Ee,
+                          beforeMount: Ie,
                           onMount: Be
                         }
                       )
@@ -2320,8 +2323,8 @@ function Jn() {
               role: "sql-editor",
               className: "relative flex grow justify-between overflow-y-scroll",
               children: [
-                Ue(),
-                Ke()
+                Ke(),
+                Ue()
               ]
             }
           ),
@@ -2344,13 +2347,13 @@ function Jn() {
                       size: "sm",
                       variant: "outline",
                       children: [
-                        le || oe ? /* @__PURE__ */ e.jsx($e, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(gn, { className: "mr-2 h-4 w-4" }),
+                        le || oe ? /* @__PURE__ */ e.jsx($e, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(jn, { className: "mr-2 h-4 w-4" }),
                         "Run"
                       ]
                     }
                   ),
                   ce && /* @__PURE__ */ e.jsx(
-                    In,
+                    qn,
                     {
                       error: fe.message,
                       setShowAIDialog: c,
@@ -2366,24 +2369,24 @@ function Jn() {
                       size: "sm",
                       variant: "outline",
                       children: [
-                        /* @__PURE__ */ e.jsx(rn, { className: "mr-2 size-4" }),
+                        /* @__PURE__ */ e.jsx(ln, { className: "mr-2 size-4" }),
                         "Clear"
                       ]
                     }
                   ),
                   /* @__PURE__ */ e.jsx(
-                    it,
+                    lt,
                     {
                       pressed: a,
                       onPressedChange: (p) => i(p),
                       className: "",
                       size: "sm",
                       variant: "outline",
-                      children: /* @__PURE__ */ e.jsx(Qn, { className: "size-4 text-foreground/70" })
+                      children: /* @__PURE__ */ e.jsx(Jn, { className: "size-4 text-foreground/70" })
                     }
                   ),
                   /* @__PURE__ */ e.jsx(
-                    Hn,
+                    $n,
                     {
                       open: l,
                       setOpen: c,
@@ -2402,7 +2405,7 @@ function Jn() {
                       size: "sm",
                       variant: "outline",
                       children: [
-                        /* @__PURE__ */ e.jsx(ia, { className: "mr-2 size-4 font-bold text-green-600" }),
+                        /* @__PURE__ */ e.jsx(oa, { className: "mr-2 size-4 font-bold text-green-600" }),
                         "Accept"
                       ]
                     }
@@ -2429,7 +2432,7 @@ function Jn() {
     )
   );
 }
-function Yn({ data: s }) {
+function Zn({ data: s }) {
   var r;
   const [n, t] = me.useState([]), i = Object.keys(s[0]).map((l) => ({
     // header: key,
@@ -2443,40 +2446,40 @@ function Yn({ data: s }) {
           onClick: () => c.toggleSorting(c.getIsSorted() === "asc"),
           children: [
             l,
-            m === "asc" ? /* @__PURE__ */ e.jsx(la, { className: "ml-2 h-5 w-5" }) : m === "desc" ? /* @__PURE__ */ e.jsx(oa, { className: "ml-2 h-5 w-5" }) : null
+            m === "asc" ? /* @__PURE__ */ e.jsx(ca, { className: "ml-2 h-5 w-5" }) : m === "desc" ? /* @__PURE__ */ e.jsx(da, { className: "ml-2 h-5 w-5" }) : null
           ]
         }
       ) });
     }
-  })), h = ca({
+  })), h = ha({
     data: s,
     columns: i,
-    getCoreRowModel: xa(),
-    getPaginationRowModel: pa(),
+    getCoreRowModel: fa(),
+    getPaginationRowModel: ga(),
     onSortingChange: t,
-    getSortedRowModel: fa(),
+    getSortedRowModel: ja(),
     manualPagination: !0,
     state: {
       sorting: n
     }
   });
-  return /* @__PURE__ */ e.jsxs(da, { children: [
-    /* @__PURE__ */ e.jsx(ha, { children: h.getHeaderGroups().map((l) => /* @__PURE__ */ e.jsx(us, { children: l.headers.map((c) => /* @__PURE__ */ e.jsx(ua, { className: "sticky top-0 bg-muted", children: c.isPlaceholder ? null : Bs(
+  return /* @__PURE__ */ e.jsxs(ua, { children: [
+    /* @__PURE__ */ e.jsx(ma, { children: h.getHeaderGroups().map((l) => /* @__PURE__ */ e.jsx(us, { children: l.headers.map((c) => /* @__PURE__ */ e.jsx(xa, { className: "sticky top-0 bg-muted", children: c.isPlaceholder ? null : Gs(
       c.column.columnDef.header,
       c.getContext()
     ) }, c.id)) }, l.id)) }),
-    /* @__PURE__ */ e.jsx(ma, { children: (r = h.getRowModel().rows) != null && r.length ? h.getRowModel().rows.map((l) => /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx(pa, { children: (r = h.getRowModel().rows) != null && r.length ? h.getRowModel().rows.map((l) => /* @__PURE__ */ e.jsx(
       us,
       {
         className: "whitespace-nowrap py-2",
         "data-state": l.getIsSelected() && "selected",
-        children: l.getVisibleCells().map((c) => /* @__PURE__ */ e.jsx(Gs, { children: Bs(c.column.columnDef.cell, c.getContext()) }, c.id))
+        children: l.getVisibleCells().map((c) => /* @__PURE__ */ e.jsx(Us, { children: Gs(c.column.columnDef.cell, c.getContext()) }, c.id))
       },
       l.id
-    )) : /* @__PURE__ */ e.jsx(us, { children: /* @__PURE__ */ e.jsx(Gs, { colSpan: i.length, className: "h-24 text-center", children: "No results." }) }) })
+    )) : /* @__PURE__ */ e.jsx(us, { children: /* @__PURE__ */ e.jsx(Us, { colSpan: i.length, className: "h-24 text-center", children: "No results." }) }) })
   ] });
 }
-function wt({
+function kt({
   // card,
   // showCard,
   className: s,
@@ -2484,7 +2487,7 @@ function wt({
 }) {
   var j;
   me.useState(0);
-  const t = w((d) => d.themeStyle), a = o((d) => d.card), i = o((d) => d.frame), h = w((d) => d.dashboard.filters), r = w((d) => d.filterValues), l = o((d) => d.actions.setRunSql), { updateFilter: c } = js(), m = h == null ? void 0 : h.find((d) => d.id === i.filterId), u = o((d) => d.actions.setCard);
+  const t = w((d) => d.themeStyle), a = o((d) => d.card), i = o((d) => d.frame), h = w((d) => d.dashboard.filters), r = w((d) => d.filterValues), l = o((d) => d.actions.setRunSql), { updateFilter: c } = bs(), m = h == null ? void 0 : h.find((d) => d.id === i.filterId), u = o((d) => d.actions.setCard);
   if (Y(() => {
     a.sql && l(!0);
   }, [r]), Y(() => {
@@ -2498,27 +2501,27 @@ function wt({
   ]), !a.id)
     return null;
   let g;
-  return a.data && a.data.length > 0 && (g = dt({
+  return a.data && a.data.length > 0 && (g = ht({
     data: a.data,
     cardType: a.type,
     cfg: a.cfg,
     customCfg: a.customCfg,
     preferences: a.preferences
   })), /* @__PURE__ */ e.jsxs(
-    ga,
+    ba,
     {
       role: "editor-visual-card",
       className: Z("relative flex h-full flex-col rounded-none", s),
       ...n,
       children: [
-        /* @__PURE__ */ e.jsxs(ja, { className: "flex flex-row items-start justify-between py-4", children: [
+        /* @__PURE__ */ e.jsxs(ya, { className: "flex flex-row items-start justify-between py-4", children: [
           /* @__PURE__ */ e.jsxs("div", { children: [
             /* @__PURE__ */ e.jsx(
               Qe,
               {
                 text: a.title,
                 onSave: (d) => u({ ...a, title: d }),
-                children: /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e.jsx(ba, { className: "text-base", children: a.title }) })
+                children: /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e.jsx(va, { className: "text-base", children: a.title }) })
               },
               a.title
             ),
@@ -2527,7 +2530,7 @@ function wt({
               {
                 text: a.description || "",
                 onSave: (d) => u({ ...a, description: d }),
-                children: /* @__PURE__ */ e.jsxs(ya, { children: [
+                children: /* @__PURE__ */ e.jsxs(Na, { children: [
                   " ",
                   a.description
                 ] })
@@ -2542,100 +2545,100 @@ function wt({
                 className: "my-1",
                 text: m.title || m.column,
                 onSave: (d) => c({ ...m, title: d }),
-                children: /* @__PURE__ */ e.jsx(H, { children: m.title })
+                children: /* @__PURE__ */ e.jsx($, { children: m.title })
               }
             ),
-            va(m)
+            Ca(m)
           ] })
         ] }),
-        /* @__PURE__ */ e.jsxs(Na, { className: "flex grow flex-col pb-3", children: [
+        /* @__PURE__ */ e.jsxs(Sa, { className: "flex grow flex-col pb-3", children: [
           a.type !== "table" && g && // <ChartJsVisual key={visualKey} cfg={cfg} />
           /* @__PURE__ */ e.jsx(
-            Ca,
+            wa,
             {
               cfg: g
             },
             JSON.stringify(g) + JSON.stringify(a.preferences) + ((j = a == null ? void 0 : a.preferences) == null ? void 0 : j.customVisualCode)
           ),
           a.type === "table" && a.data && a.data.length > 0 && // All of the below css classes are #IMPORTANT for the table to scroll properly
-          /* @__PURE__ */ e.jsx(Sa, { className: "flex min-h-0 flex-1 grow basis-0", children: /* @__PURE__ */ e.jsx(wa, { card: a, data: a == null ? void 0 : a.data }) })
+          /* @__PURE__ */ e.jsx(ka, { className: "flex min-h-0 flex-1 grow basis-0", children: /* @__PURE__ */ e.jsx(za, { card: a, data: a == null ? void 0 : a.data }) })
         ] })
       ]
     }
   );
 }
-function Zn() {
-  const [s, n] = A(!1), [t, a] = A(""), [i, h] = A(""), [r, l] = A(""), [c, m] = A(""), u = o((v) => v.card), g = o(
-    (v) => v.card.customCfg
+function Xn() {
+  const [s, n] = T(!1), [t, a] = T(""), [i, h] = T(""), [r, l] = T(""), [c, m] = T(""), u = o((N) => N.card), g = o(
+    (N) => N.card.customCfg
   ), { setCardCustomCfg: j, setCustomVisualCode: d } = as();
-  function x(v) {
-    var S, M;
+  function x(N) {
+    var _, L;
     const V = {
-      ...v,
+      ...N,
       data: {
-        ...v == null ? void 0 : v.data,
-        datasets: (M = (S = v == null ? void 0 : v.data) == null ? void 0 : S.datasets) == null ? void 0 : M.map((N) => ({
-          ...N,
+        ...N == null ? void 0 : N.data,
+        datasets: (L = (_ = N == null ? void 0 : N.data) == null ? void 0 : _.datasets) == null ? void 0 : L.map((C) => ({
+          ...C,
           data: []
         }))
       }
     };
     return JSON.stringify(V, null, 1);
   }
-  function y() {
-    var V, _;
+  function v() {
+    var V, q;
     if (!u.data || u.data.length === 0)
       return;
-    const v = dt({
+    const N = ht({
       data: u.data,
       cardType: u.type,
       cfg: u.cfg,
       preferences: u.preferences
     });
-    v && (a(JSON.stringify(v, null, 1)), (V = u == null ? void 0 : u.preferences) != null && V.customVisualCode && l((_ = u == null ? void 0 : u.preferences) == null ? void 0 : _.customVisualCode), g && h(JSON.stringify(g, null, 1)));
+    N && (a(JSON.stringify(N, null, 1)), (V = u == null ? void 0 : u.preferences) != null && V.customVisualCode && l((q = u == null ? void 0 : u.preferences) == null ? void 0 : q.customVisualCode), g && h(JSON.stringify(g, null, 1)));
   }
   function f() {
     if (r && d(r), !!i)
       try {
-        const v = JSON.parse(i);
-        return v ? (j(v), m(""), h(""), v) : void 0;
-      } catch (v) {
-        console.log(v), m("Invalid JSON");
+        const N = JSON.parse(i);
+        return N ? (j(N), m(""), h(""), N) : void 0;
+      } catch (N) {
+        console.log(N), m("Invalid JSON");
       }
   }
-  function L() {
+  function F() {
     h(""), j(null);
   }
-  function O() {
-    let v;
+  function M() {
+    let N;
     if (g) {
-      const V = Ks.cloneDeep(u.cfg), _ = Ks.merge(V, g);
-      return v = x(_), v;
+      const V = Ks.cloneDeep(u.cfg), q = Ks.merge(V, g);
+      return N = x(q), N;
     }
-    return t ? (v = x(JSON.parse(t)), v) : "";
+    return t ? (N = x(JSON.parse(t)), N) : "";
   }
-  return /* @__PURE__ */ e.jsxs(bs, { open: s, onOpenChange: n, children: [
-    /* @__PURE__ */ e.jsx(ys, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+  return /* @__PURE__ */ e.jsxs(ys, { open: s, onOpenChange: n, children: [
+    /* @__PURE__ */ e.jsx(vs, { asChild: !0, children: /* @__PURE__ */ e.jsx(
       z,
       {
-        onClick: y,
+        onClick: v,
         className: ` ${g && "border-foreground/50 dark:border-foreground/70"}`,
         size: "sm",
         variant: "outline",
-        children: /* @__PURE__ */ e.jsx(ka, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ e.jsx(Fa, { className: "h-4 w-4" })
       }
     ) }),
     /* @__PURE__ */ e.jsxs(
-      Ns,
+      Cs,
       {
         className: "max-h-[70vh] min-h-[70vh] overflow-auto sm:min-w-[900px] lg:min-w-[1200px]",
         children: [
-          /* @__PURE__ */ e.jsxs(Cs, { className: "", children: [
+          /* @__PURE__ */ e.jsxs(Ss, { className: "", children: [
             /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ e.jsx(Ss, { children: "Customize Card" }),
-              /* @__PURE__ */ e.jsxs(ks, { children: [
-                /* @__PURE__ */ e.jsx(tt, { children: /* @__PURE__ */ e.jsx(
-                  hn,
+              /* @__PURE__ */ e.jsx(ws, { children: "Customize Card" }),
+              /* @__PURE__ */ e.jsxs(zs, { children: [
+                /* @__PURE__ */ e.jsx(at, { children: /* @__PURE__ */ e.jsx(
+                  un,
                   {
                     onClick: () => {
                       navigator.clipboard.writeText(u.id);
@@ -2643,10 +2646,10 @@ function Zn() {
                     className: "size-3 cursor-pointer text-muted-foreground/70 transition-colors hover:text-muted-foreground"
                   }
                 ) }),
-                /* @__PURE__ */ e.jsx(zs, { side: "right", align: "center", children: /* @__PURE__ */ e.jsx("p", { className: "text-xs", children: "Copy Card ID" }) })
+                /* @__PURE__ */ e.jsx(Fs, { side: "right", align: "center", children: /* @__PURE__ */ e.jsx("p", { className: "text-xs", children: "Copy Card ID" }) })
               ] })
             ] }),
-            /* @__PURE__ */ e.jsxs(ws, { children: [
+            /* @__PURE__ */ e.jsxs(ks, { children: [
               "See the configuration options and documentation",
               /* @__PURE__ */ e.jsx(
                 "a",
@@ -2660,11 +2663,11 @@ function Zn() {
             ] })
           ] }),
           /* @__PURE__ */ e.jsxs("div", { className: "flex grow gap-2", children: [
-            /* @__PURE__ */ e.jsx(wt, { className: "w-1/2 rounded shadow-none" }),
-            /* @__PURE__ */ e.jsxs(ht, { defaultValue: "custom-config", className: "flex w-1/2 flex-col", children: [
-              /* @__PURE__ */ e.jsxs(ut, { className: "justify-start rounded-sm rounded-b-none border border-b-0", children: [
+            /* @__PURE__ */ e.jsx(kt, { className: "w-1/2 rounded shadow-none" }),
+            /* @__PURE__ */ e.jsxs(ut, { defaultValue: "custom-config", className: "flex w-1/2 flex-col", children: [
+              /* @__PURE__ */ e.jsxs(mt, { className: "justify-start rounded-sm rounded-b-none border border-b-0", children: [
                 /* @__PURE__ */ e.jsxs(Je, { value: "custom-config", children: [
-                  g && /* @__PURE__ */ e.jsx(mt, { className: "mr-1 h-5 w-5 text-green-600" }),
+                  g && /* @__PURE__ */ e.jsx(xt, { className: "mr-1 h-5 w-5 text-green-600" }),
                   g ? "Custom Config" : "Default Config"
                 ] }),
                 /* @__PURE__ */ e.jsx(Je, { className: "", value: "output", children: "Output" }),
@@ -2676,7 +2679,7 @@ function Zn() {
                   className: "bg-red-x mt-0 grow rounded-b border border-t-0 p-2",
                   value: "output",
                   children: /* @__PURE__ */ e.jsx(
-                    ct,
+                    dt,
                     {
                       disabled: !0,
                       value: t,
@@ -2708,8 +2711,8 @@ function Zn() {
                         renderLineHighlight: "none"
                       },
                       defaultLanguage: "json",
-                      value: O(),
-                      onChange: (v) => h(v)
+                      value: M(),
+                      onChange: (N) => h(N)
                     }
                   )
                 }
@@ -2738,20 +2741,20 @@ function Zn() {
                       },
                       defaultLanguage: "javascript",
                       value: r,
-                      onChange: (v) => l(v || "")
+                      onChange: (N) => l(N || "")
                     }
                   )
                 }
               )
             ] })
           ] }),
-          /* @__PURE__ */ e.jsxs(et, { className: "flex items-center", children: [
-            /* @__PURE__ */ e.jsx(H, { className: "mr-2 text-red-500", children: c }),
+          /* @__PURE__ */ e.jsxs(st, { className: "flex items-center", children: [
+            /* @__PURE__ */ e.jsx($, { className: "mr-2 text-red-500", children: c }),
             /* @__PURE__ */ e.jsx(
               z,
               {
                 disabled: !g,
-                onClick: L,
+                onClick: F,
                 variant: "outline",
                 children: "Reset"
               }
@@ -2764,39 +2767,39 @@ function Zn() {
     )
   ] });
 }
-function kt(s) {
+function zt(s) {
   return xe({ tag: "svg", attr: { viewBox: "0 0 1024 1024" }, child: [{ tag: "path", attr: { d: "M926.8 397.1l-396-288a31.81 31.81 0 0 0-37.6 0l-396 288a31.99 31.99 0 0 0-11.6 35.8l151.3 466a32 32 0 0 0 30.4 22.1h489.5c13.9 0 26.1-8.9 30.4-22.1l151.3-466c4.2-13.2-.5-27.6-11.7-35.8zM838.6 417l-98.5 32-200-144.7V199.9L838.6 417zM466 567.2l-89.1 122.3-55.2-169.2L466 567.2zm-116.3-96.8L484 373.3v140.8l-134.3-43.7zM512 599.2l93.9 128.9H418.1L512 599.2zm28.1-225.9l134.2 97.1L540.1 514V373.3zM558 567.2l144.3-46.9-55.2 169.2L558 567.2zm-74-367.3v104.4L283.9 449l-98.5-32L484 199.9zM169.3 470.8l86.5 28.1 80.4 246.4-53.8 73.9-113.1-348.4zM327.1 853l50.3-69h269.3l50.3 69H327.1zm414.5-33.8l-53.8-73.9 80.4-246.4 86.5-28.1-113.1 348.4z" }, child: [] }] })(s);
 }
-function zt(s) {
+function Ft(s) {
   return xe({ tag: "svg", attr: { viewBox: "0 0 256 256", fill: "currentColor" }, child: [{ tag: "path", attr: { d: "M137.39,24.06A16,16,0,0,0,120,40V80.67a15.86,15.86,0,0,0,13.25,15.76A32,32,0,1,1,96,129.68c-.41-8.22,1.27-15,5-20.26h0a15.86,15.86,0,0,0-1.69-20.47L71.69,60.68a16,16,0,0,0-23.63,1.1A103.6,103.6,0,0,0,55,202.05,103.24,103.24,0,0,0,128,232h1.49A104.3,104.3,0,0,0,232,129.48C232.75,75.18,191.19,28.88,137.39,24.06ZM60.32,71.94l27.61,28.19,0,.06A43.29,43.29,0,0,0,80.44,120H40.36A87.13,87.13,0,0,1,60.32,71.94ZM40.37,136h40.3A48,48,0,0,0,120,175.34v40.3A88,88,0,0,1,40.37,136Zm149.77,54.14A87.45,87.45,0,0,1,136,215.61V175.34a47.55,47.55,0,0,0,24.73-12.23A48,48,0,0,0,136,80.66L136,40c45.52,4.08,80.67,43.28,80,89.25A87.45,87.45,0,0,1,190.14,190.14Z" }, child: [] }] })(s);
 }
-function Ft(s) {
+function Lt(s) {
   return xe({ tag: "svg", attr: { viewBox: "0 0 256 256", fill: "currentColor" }, child: [{ tag: "path", attr: { d: "M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm87.63,96H191.48A64.1,64.1,0,0,0,136,64.52V40.37A88.13,88.13,0,0,1,215.63,120ZM120,120H80.68A48.09,48.09,0,0,1,120,80.68Zm0,16v39.32A48.09,48.09,0,0,1,80.68,136Zm16,0h39.32A48.09,48.09,0,0,1,136,175.32Zm0-16V80.68A48.09,48.09,0,0,1,175.32,120ZM120,40.37V64.52A64.1,64.1,0,0,0,64.52,120H40.37A88.13,88.13,0,0,1,120,40.37ZM40.37,136H64.52A64.1,64.1,0,0,0,120,191.48v24.15A88.13,88.13,0,0,1,40.37,136ZM136,215.63V191.48A64.1,64.1,0,0,0,191.48,136h24.15A88.13,88.13,0,0,1,136,215.63Z" }, child: [] }] })(s);
 }
-function Lt(s) {
+function Mt(s) {
   return xe({ tag: "svg", attr: { viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }, child: [] }, { tag: "path", attr: { d: "M6 16m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0" }, child: [] }, { tag: "path", attr: { d: "M16 19m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" }, child: [] }, { tag: "path", attr: { d: "M14.5 7.5m-4.5 0a4.5 4.5 0 1 0 9 0a4.5 4.5 0 1 0 -9 0" }, child: [] }] })(s);
 }
-function Mt(s) {
+function Ot(s) {
   return xe({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" }, child: [] }, { tag: "path", attr: { d: "m2 19.99 7.5-7.51 4 4 7.09-7.97L22 9.92l-8.5 9.56-4-4-6 6.01-1.5-1.5zm1.5-4.5 6-6.01 4 4L22 3.92l-1.41-1.41-7.09 7.97-4-4L2 13.99l1.5 1.5z" }, child: [] }] })(s);
 }
-function Ot(s) {
+function Dt(s) {
   return xe({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" }, child: [] }, { tag: "path", attr: { d: "M4 9h4v11H4zM4 4h4v4H4zM10 7h4v4h-4zM16 10h4v4h-4zM16 15h4v5h-4zM10 12h4v8h-4z" }, child: [] }] })(s);
 }
-function Dt(s) {
+function Tt(s) {
   return xe({ tag: "svg", attr: { version: "1.2", baseProfile: "tiny", viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M4 18c-.552 0-1-.448-1-1v-6.382l-.553.276c-.495.248-1.095.046-1.342-.447-.247-.494-.046-1.094.448-1.342l2-1c.31-.155.678-.139.973.044.294.183.474.504.474.851v8c0 .552-.448 1-1 1zM13 18h-5c-.404 0-.769-.244-.924-.617-.155-.374-.069-.804.217-1.09l4-4c.254-.254.394-.591.394-.95 0-.358-.14-.695-.394-.949-.508-.508-1.39-.508-1.9.001-.253.252-.393.589-.393.948 0 .552-.448 1-1 1s-1-.448-1-1c0-.894.348-1.733.98-2.364 1.265-1.263 3.464-1.263 4.727.001.632.631.979 1.471.979 2.363 0 .893-.348 1.733-.979 2.364l-2.293 2.293h2.586c.552 0 1 .448 1 1s-.448 1-1 1zM20.955 12.377c.338-.457.545-1.016.545-1.627 0-1.517-1.234-2.75-2.75-2.75-1.031 0-1.966.569-2.44 1.484-.254.49-.063 1.094.428 1.348.49.254 1.094.062 1.348-.428.128-.249.383-.404.664-.404.414 0 .75.336.75.75s-.336.75-.75.75c-.552 0-1 .448-1 1s.448 1 1 1c.689 0 1.25.561 1.25 1.25s-.561 1.25-1.25 1.25-1.25-.561-1.25-1.25c0-.552-.448-1-1-1s-1 .448-1 1c0 1.792 1.458 3.25 3.25 3.25s3.25-1.458 3.25-3.25c0-.939-.406-1.779-1.045-2.373z" }, child: [] }] })(s);
 }
-function Tt(s) {
+function At(s) {
   return xe({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M217 25v14h78V25h-78zm0 32v46h14V71h50v32h14V57h-78zm32 32v14h14V89h-14zm-64 32v46h30v-46h-30zm48 0v14h46v-14h-46zm64 0v46h30v-46h-30zm-64 32v14h46v-14h-46zm-80 32v46h62v-46h-62zm80 0v14h46v-14h-46zm64 0v46h62v-46h-62zm-64 32v14h46v-14h-46zm-112 32v46h94v-46h-94zm112 0v14h46v-14h-46zm64 0v46h94v-46h-94zm-64 32v14h46v-14h-46zM89 313v46h126v-46H89zm144 0v14h46v-14h-46zm64 0v46h126v-46H297zm-64 32v14h46v-14h-46zM57 377v46h158v-46H57zm176 0v14h46v-14h-46zm64 0v46h158v-46H297zm-64 32v14h46v-14h-46zM25 441v46h190v-46H25zm208 0v14h46v-14h-46zm64 0v46h190v-46H297zm-64 32v14h46v-14h-46z" }, child: [] }] })(s);
 }
-function Xn() {
-  const [s, n] = A(!1), t = o((c) => c.card.type), { setCardType: a, setCardPreferences: i, setChartOrientation: h } = o((c) => c.actions), r = o(
+function er() {
+  const [s, n] = T(!1), t = o((c) => c.card.type), { setCardType: a, setCardPreferences: i, setChartOrientation: h } = o((c) => c.actions), r = o(
     (c) => c.actions.setCardCustomCfg
   );
   function l(c) {
     r(null), i({}), a(c), n(!1);
   }
   return /* @__PURE__ */ e.jsxs(ns, { open: s, onOpenChange: n, children: [
-    /* @__PURE__ */ e.jsx(rs, { asChild: !0, children: /* @__PURE__ */ e.jsx(z, { size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(er, { className: "h-4 w-4", chartType: t }) }) }),
+    /* @__PURE__ */ e.jsx(rs, { asChild: !0, children: /* @__PURE__ */ e.jsx(z, { size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(sr, { className: "h-4 w-4", chartType: t }) }) }),
     /* @__PURE__ */ e.jsx(is, { className: "w-50", children: /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 place-items-center", children: [
       /* @__PURE__ */ e.jsx(
         z,
@@ -2812,7 +2815,7 @@ function Xn() {
         {
           onClick: () => l("line"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Is, { className: "size-5" })
+          children: /* @__PURE__ */ e.jsx(qs, { className: "size-5" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2820,7 +2823,7 @@ function Xn() {
         {
           onClick: () => l("stackedBar"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Ot, { className: "size-5", strokeWidth: 0 })
+          children: /* @__PURE__ */ e.jsx(Dt, { className: "size-5", strokeWidth: 0 })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2828,7 +2831,7 @@ function Xn() {
         {
           onClick: () => l("stackedLine"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Mt, { className: "size-5", strokeWidth: 0 })
+          children: /* @__PURE__ */ e.jsx(Ot, { className: "size-5", strokeWidth: 0 })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2836,7 +2839,7 @@ function Xn() {
         {
           onClick: () => l("scatter"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(bt, { className: "size-5" })
+          children: /* @__PURE__ */ e.jsx(yt, { className: "size-5" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2844,7 +2847,7 @@ function Xn() {
         {
           onClick: () => l("bubble"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Lt, { className: "size-4" })
+          children: /* @__PURE__ */ e.jsx(Mt, { className: "size-4" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2852,7 +2855,7 @@ function Xn() {
         {
           onClick: () => l("pie"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(jt, { className: "size-5" })
+          children: /* @__PURE__ */ e.jsx(bt, { className: "size-5" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2860,7 +2863,7 @@ function Xn() {
         {
           onClick: () => l("doughnut"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(zt, { className: "size-5", strokeWidth: 1 })
+          children: /* @__PURE__ */ e.jsx(Ft, { className: "size-5", strokeWidth: 1 })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2869,7 +2872,7 @@ function Xn() {
           onClick: () => l("radar"),
           variant: "ghost",
           children: /* @__PURE__ */ e.jsx(
-            kt,
+            zt,
             {
               className: "size-5 font-extralight",
               strokeWidth: 0.5
@@ -2882,7 +2885,7 @@ function Xn() {
         {
           onClick: () => l("polarArea"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Ft, { className: "size-5" })
+          children: /* @__PURE__ */ e.jsx(Lt, { className: "size-5" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2890,7 +2893,7 @@ function Xn() {
         {
           onClick: () => l("pyramid"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Tt, { className: "size-5" })
+          children: /* @__PURE__ */ e.jsx(At, { className: "size-5" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2898,7 +2901,7 @@ function Xn() {
         {
           onClick: () => l("range"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(ft, { className: "size-5" })
+          children: /* @__PURE__ */ e.jsx(gt, { className: "size-5" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2906,7 +2909,7 @@ function Xn() {
         {
           onClick: () => l("table"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Fs, { className: "size-5" })
+          children: /* @__PURE__ */ e.jsx(Ls, { className: "size-5" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2914,7 +2917,7 @@ function Xn() {
         {
           onClick: () => l("kpi"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Dt, { className: "size-6" })
+          children: /* @__PURE__ */ e.jsx(Tt, { className: "size-6" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2922,47 +2925,47 @@ function Xn() {
         {
           onClick: () => l("text"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(qs, { className: "size-4" })
+          children: /* @__PURE__ */ e.jsx(Vs, { className: "size-4" })
         }
       )
     ] }) })
   ] });
 }
-function er({ chartType: s, className: n }) {
+function sr({ chartType: s, className: n }) {
   switch (s) {
     case "bar":
       return /* @__PURE__ */ e.jsx(Es, { className: n });
     case "line":
-      return /* @__PURE__ */ e.jsx(Is, { className: n });
+      return /* @__PURE__ */ e.jsx(qs, { className: n });
     case "pie":
-      return /* @__PURE__ */ e.jsx(jt, { className: n });
+      return /* @__PURE__ */ e.jsx(bt, { className: n });
     case "radar":
-      return /* @__PURE__ */ e.jsx(kt, { className: n });
+      return /* @__PURE__ */ e.jsx(zt, { className: n });
     case "scatter":
-      return /* @__PURE__ */ e.jsx(bt, { className: n });
+      return /* @__PURE__ */ e.jsx(yt, { className: n });
     case "bubble":
-      return /* @__PURE__ */ e.jsx(Lt, { className: n });
+      return /* @__PURE__ */ e.jsx(Mt, { className: n });
     case "doughnut":
-      return /* @__PURE__ */ e.jsx(zt, { className: n });
+      return /* @__PURE__ */ e.jsx(Ft, { className: n });
     case "stackedBar":
-      return /* @__PURE__ */ e.jsx(Ot, { className: "size-4 text-foreground/70" });
+      return /* @__PURE__ */ e.jsx(Dt, { className: "size-4 text-foreground/70" });
     case "stackedLine":
-      return /* @__PURE__ */ e.jsx(Mt, { className: "size-4 text-foreground/70" });
+      return /* @__PURE__ */ e.jsx(Ot, { className: "size-4 text-foreground/70" });
     case "polarArea":
-      return /* @__PURE__ */ e.jsx(Ft, { className: n });
+      return /* @__PURE__ */ e.jsx(Lt, { className: n });
     case "pyramid":
-      return /* @__PURE__ */ e.jsx(Tt, { className: n });
+      return /* @__PURE__ */ e.jsx(At, { className: n });
     case "range":
-      return /* @__PURE__ */ e.jsx(ft, { className: n });
+      return /* @__PURE__ */ e.jsx(gt, { className: n });
     case "kpi":
-      return /* @__PURE__ */ e.jsx(Dt, { className: n });
+      return /* @__PURE__ */ e.jsx(Tt, { className: n });
     case "text":
-      return /* @__PURE__ */ e.jsx(qs, { className: n });
+      return /* @__PURE__ */ e.jsx(Vs, { className: n });
     default:
-      return /* @__PURE__ */ e.jsx(Fs, { className: n });
+      return /* @__PURE__ */ e.jsx(Ls, { className: n });
   }
 }
-function Zs() {
+function Xs() {
   const s = o((f) => f.frame), n = o((f) => f.card), t = o((f) => f.card.data), a = o((f) => f.isShowingVisual), i = o((f) => f.isSqlRunning), h = o((f) => f.queryError), r = o((f) => f.pythonStdOut), l = o((f) => f.actions.setRunSql);
   o((f) => f.onSave), o((f) => f.onClose), o((f) => f.actions.setCardSql), o((f) => f.actions.setCardType), o((f) => f.actions.setSqlGen);
   const { setFrame: c, setCard: m, updateCardInFrame: u } = as();
@@ -2984,53 +2987,53 @@ function Zs() {
       type: "bar",
       sql: "",
       data: []
-    }, L = {
+    }, F = {
       ...s,
       cards: [...s.cards, f],
       activeCardId: f.id
     };
-    c(L), m(f);
+    c(F), m(f);
   }
   function j(f) {
-    const L = s.cards.filter((V) => V.id !== f), O = L[0], v = {
+    const F = s.cards.filter((V) => V.id !== f), M = F[0], N = {
       ...s,
-      cards: L,
+      cards: F,
       // update the active card to the first card in the frame
-      activeCardId: O.id
+      activeCardId: M.id
     };
-    c(v), m(O);
+    c(N), m(M);
   }
   function d(f) {
-    const L = {
+    const F = {
       ...s,
-      cards: s.cards.map((v) => v.id === n.id ? n : v),
+      cards: s.cards.map((N) => N.id === n.id ? n : N),
       activeCardId: f
     };
-    c(L);
-    const O = L.cards.find((v) => v.id === f);
-    m(O), O.sql && (console.log("newActiveCard.sql", O.sql), O.data && O.data.length === 0 && l(!0));
+    c(F);
+    const M = F.cards.find((N) => N.id === f);
+    m(M), M.sql && (console.log("newActiveCard.sql", M.sql), M.data && M.data.length === 0 && l(!0));
   }
   function x() {
     return /* @__PURE__ */ e.jsxs(
-      ht,
+      ut,
       {
         onValueChange: d,
         value: s.activeCardId,
         className: "flex grow flex-col pb-3",
         children: [
-          s.cards.map((f) => /* @__PURE__ */ e.jsx(Ye, { className: "mt-0 grow", value: f.id, children: y() }, f.id)),
-          /* @__PURE__ */ e.jsx(ut, { className: "mx-6 justify-between", children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center", children: [
+          s.cards.map((f) => /* @__PURE__ */ e.jsx(Ye, { className: "mt-0 grow", value: f.id, children: v() }, f.id)),
+          /* @__PURE__ */ e.jsx(mt, { className: "mx-6 justify-between", children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center", children: [
             s.cards.map((f) => /* @__PURE__ */ e.jsx(
               Qe,
               {
                 text: f.tabTitle || f.title,
-                onSave: (L) => {
-                  m({ ...n, tabTitle: L }), u({ ...n, tabTitle: L });
+                onSave: (F) => {
+                  m({ ...n, tabTitle: F }), u({ ...n, tabTitle: F });
                 },
                 children: /* @__PURE__ */ e.jsxs(Je, { className: "", value: f.id, children: [
                   f.tabTitle || f.title,
                   s.activeCardId === f.id && s.cards.length > 1 && /* @__PURE__ */ e.jsx(
-                    xt,
+                    pt,
                     {
                       className: "ml-2 size-3.5 text-muted-foreground hover:text-foreground",
                       onClick: () => j(f.id)
@@ -3046,7 +3049,7 @@ function Zs() {
                 className: "ml-1 h-8 px-2 hover:bg-muted-foreground/50",
                 variant: "outline",
                 onClick: g,
-                children: /* @__PURE__ */ e.jsx(vs, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ e.jsx(Ns, { className: "h-4 w-4" })
               }
             )
           ] }) })
@@ -3054,26 +3057,26 @@ function Zs() {
       }
     );
   }
-  function y() {
-    return n.type === "kpi" ? /* @__PURE__ */ e.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e.jsx(za, { isLoading: i, card: n }) }) }) : n.type === "text" ? /* @__PURE__ */ e.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e.jsx(Fa, { isLoading: i, card: n }) }) }) : /* @__PURE__ */ e.jsx(wt, { className: "grow border-none shadow-none" });
+  function v() {
+    return n.type === "kpi" ? /* @__PURE__ */ e.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e.jsx(La, { isLoading: i, card: n }) }) }) : n.type === "text" ? /* @__PURE__ */ e.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e.jsx(Ma, { isLoading: i, card: n }) }) }) : /* @__PURE__ */ e.jsx(kt, { className: "grow border-none shadow-none" });
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "relative flex h-full flex-col pt-3", children: [
     i && /* @__PURE__ */ e.jsx($e, { className: "absolute bottom-0 left-0 right-0 top-0 z-10 m-auto h-10 w-10 animate-spin text-foreground/10" }),
     /* @__PURE__ */ e.jsxs("div", { className: "mb-0 flex min-h-10 items-center justify-end gap-2 px-6", children: [
       a && /* @__PURE__ */ e.jsxs("div", { className: "flex grow items-center gap-2", children: [
-        /* @__PURE__ */ e.jsx(Xn, {}),
-        n.type !== "table" && /* @__PURE__ */ e.jsx(Zn, {})
+        /* @__PURE__ */ e.jsx(er, {}),
+        n.type !== "table" && /* @__PURE__ */ e.jsx(Xn, {})
       ] }),
-      /* @__PURE__ */ e.jsx(tr, {})
+      /* @__PURE__ */ e.jsx(ar, {})
     ] }),
     a ? x() : /* @__PURE__ */ e.jsxs("div", { className: "flex min-h-0 w-full flex-1 grow basis-0 px-6", children: [
-      r && /* @__PURE__ */ e.jsx(sr, {}),
-      n.data && n.data.length > 0 && /* @__PURE__ */ e.jsx(Yn, { data: t || [] }),
+      r && /* @__PURE__ */ e.jsx(tr, {}),
+      n.data && n.data.length > 0 && /* @__PURE__ */ e.jsx(Zn, { data: t || [] }),
       h && /* @__PURE__ */ e.jsx("span", { className: "font-mono text-sm", children: h })
     ] })
   ] });
 }
-function sr() {
+function tr() {
   const s = o((t) => t.pythonStdOut);
   if (!s)
     return null;
@@ -3090,14 +3093,14 @@ function sr() {
     /* @__PURE__ */ e.jsx(Re, { className: "mb-2" })
   ] });
 }
-function tr() {
+function ar() {
   const s = o((t) => t.isShowingVisual), n = o(
     (t) => t.actions.setIsShowingVisual
   );
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-    /* @__PURE__ */ e.jsx(H, { htmlFor: "visualize", children: "Chart" }),
+    /* @__PURE__ */ e.jsx($, { htmlFor: "visualize", children: "Chart" }),
     /* @__PURE__ */ e.jsx(
-      La,
+      Oa,
       {
         checked: s,
         onCheckedChange: () => n(!s),
@@ -3108,7 +3111,7 @@ function tr() {
   ] });
 }
 function Te() {
-  const [s, n] = A([]);
+  const [s, n] = T([]);
   o(
     (u) => u.card.cfg
   );
@@ -3148,8 +3151,8 @@ function Te() {
         (x) => x.columnIndex !== u
       )
     }), n((x) => {
-      const y = [...x];
-      return y[u] = !1, y;
+      const v = [...x];
+      return v[u] = !1, v;
     }));
   }
   function c(u, g) {
@@ -3165,12 +3168,12 @@ function Te() {
   }
   function m(u) {
     var g, j, d, x;
-    if (s != null && s[u] || (j = (g = t == null ? void 0 : t.onClickFilter) == null ? void 0 : g.find((y) => y.columnIndex === u)) != null && j.expression)
+    if (s != null && s[u] || (j = (g = t == null ? void 0 : t.onClickFilter) == null ? void 0 : g.find((v) => v.columnIndex === u)) != null && j.expression)
       return /* @__PURE__ */ e.jsx(
         de,
         {
-          value: (x = (d = t == null ? void 0 : t.onClickFilter) == null ? void 0 : d.find((y) => y.columnIndex === u)) == null ? void 0 : x.expression,
-          onChange: (y) => c(u, y),
+          value: (x = (d = t == null ? void 0 : t.onClickFilter) == null ? void 0 : d.find((v) => v.columnIndex === u)) == null ? void 0 : x.expression,
+          onChange: (v) => c(u, v),
           type: "text",
           className: "h-9 w-full font-mono text-xs focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0",
           placeholder: "Expression"
@@ -3178,7 +3181,7 @@ function Te() {
       );
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ e.jsx(H, { children: "On Click" }),
+    /* @__PURE__ */ e.jsx($, { children: "On Click" }),
     r == null ? void 0 : r.map((u, g) => {
       var j, d;
       return /* @__PURE__ */ e.jsx(
@@ -3206,12 +3209,12 @@ function Te() {
               /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: ((d = t == null ? void 0 : t.onClickFilter) == null ? void 0 : d.find(
                 (x) => x.columnIndex === g
               )) && /* @__PURE__ */ e.jsx(
-                gt,
+                jt,
                 {
                   onClick: () => {
                     n((x) => {
-                      const y = [...x];
-                      return y[g] = !x[g], y;
+                      const v = [...x];
+                      return v[g] = !x[g], v;
                     });
                   },
                   className: "invisible size-3 cursor-pointer text-gray-400 group-hover:visible"
@@ -3236,7 +3239,7 @@ function ls() {
     i(m);
   }
   return /* @__PURE__ */ e.jsxs(
-    Ts,
+    As,
     {
       value: ((l = s == null ? void 0 : s.chartOptions) == null ? void 0 : l.indexAxis) || ((c = n == null ? void 0 : n.options) == null ? void 0 : c.indexAxis) || "x",
       onValueChange: h,
@@ -3256,47 +3259,47 @@ function ls() {
   );
 }
 const Se = "focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0";
-function Xs(s, n) {
+function et(s, n) {
   var a, i, h;
-  const t = pt(s, n);
+  const t = ft(s, n);
   return ((h = (i = (a = s == null ? void 0 : s.chartOptions) == null ? void 0 : a.scales) == null ? void 0 : i[t]) == null ? void 0 : h.type) || "linear";
 }
-function At() {
-  var re, U, ie, C, D, J;
-  const [s, n] = A(!1), t = o((k) => {
+function It() {
+  var re, K, ie, S, O, J;
+  const [s, n] = T(!1), t = o((k) => {
     var I;
     return (I = k.card) == null ? void 0 : I.preferences;
   }), a = o((k) => {
     var I;
     return (I = k.card) == null ? void 0 : I.cfg;
-  }), i = pt(t, a), [h, r] = A(
-    Xs(t)
-  ), [l, c] = A(
-    ((ie = (U = (re = t == null ? void 0 : t.chartOptions) == null ? void 0 : re.scales) == null ? void 0 : U[i]) == null ? void 0 : ie.min) || ""
-  ), [m, u] = A(
-    ((J = (D = (C = t == null ? void 0 : t.chartOptions) == null ? void 0 : C.scales) == null ? void 0 : D[i]) == null ? void 0 : J.max) || ""
-  ), [g, j] = A(l || m ? "custom" : "auto"), [d, x] = A(""), [y, f] = A(0), [L, O] = A(""), [v, V] = A(""), [_, S] = A(""), M = o(
+  }), i = ft(t, a), [h, r] = T(
+    et(t)
+  ), [l, c] = T(
+    ((ie = (K = (re = t == null ? void 0 : t.chartOptions) == null ? void 0 : re.scales) == null ? void 0 : K[i]) == null ? void 0 : ie.min) || ""
+  ), [m, u] = T(
+    ((J = (O = (S = t == null ? void 0 : t.chartOptions) == null ? void 0 : S.scales) == null ? void 0 : O[i]) == null ? void 0 : J.max) || ""
+  ), [g, j] = T(l || m ? "custom" : "auto"), [d, x] = T(""), [v, f] = T(0), [F, M] = T(""), [N, V] = T(""), [q, _] = T(""), L = o(
     (k) => k.actions.setCardPreferences
-  ), { updateCardInFrame: N } = as(), F = o((k) => k.card), R = o((k) => {
+  ), { updateCardInFrame: C } = as(), b = o((k) => k.card), R = o((k) => {
     var I;
     return (I = k.card) == null ? void 0 : I.type;
-  }), $ = ["pie", "doughnut", "polarArea"].includes(R);
+  }), H = ["pie", "doughnut", "polarArea"].includes(R);
   Y(() => {
-    var k, I, ee, q, se, ae, be, pe, Q, le, oe, ye, ce, fe;
-    r(Xs(t)), c(
+    var k, I, ee, E, se, ae, be, pe, Q, le, oe, ye, ce, fe;
+    r(et(t)), c(
       ((ee = (I = (k = t == null ? void 0 : t.chartOptions) == null ? void 0 : k.scales) == null ? void 0 : I[i]) == null ? void 0 : ee.min) === 0 ? 0 : ""
-    ), u(((ae = (se = (q = t == null ? void 0 : t.chartOptions) == null ? void 0 : q.scales) == null ? void 0 : se[i]) == null ? void 0 : ae.max) || ""), x(
+    ), u(((ae = (se = (E = t == null ? void 0 : t.chartOptions) == null ? void 0 : E.scales) == null ? void 0 : se[i]) == null ? void 0 : ae.max) || ""), x(
       ((le = (Q = (pe = (be = t == null ? void 0 : t.chartOptions) == null ? void 0 : be.scales) == null ? void 0 : pe[i]) == null ? void 0 : Q.ticks) == null ? void 0 : le.stepSize) || ""
-    ), f(((oe = t == null ? void 0 : t.numberAxisFormat) == null ? void 0 : oe.decimalPlaces) || 0), O(((ye = t == null ? void 0 : t.numberAxisFormat) == null ? void 0 : ye.suffix) || ""), V(((ce = t == null ? void 0 : t.numberAxisFormat) == null ? void 0 : ce.currency) || ""), S(((fe = t == null ? void 0 : t.numberAxisFormat) == null ? void 0 : fe.locale) || "");
+    ), f(((oe = t == null ? void 0 : t.numberAxisFormat) == null ? void 0 : oe.decimalPlaces) || 0), M(((ye = t == null ? void 0 : t.numberAxisFormat) == null ? void 0 : ye.suffix) || ""), V(((ce = t == null ? void 0 : t.numberAxisFormat) == null ? void 0 : ce.currency) || ""), _(((fe = t == null ? void 0 : t.numberAxisFormat) == null ? void 0 : fe.locale) || "");
   }, [s, t, i]);
-  function E(k, I) {
+  function A(k, I) {
     return I === "" || /^[0-9\b]+$/.test(I) ? Number(I) : Number(k);
   }
   function P() {
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-6 items-center gap-2", children: [
         /* @__PURE__ */ e.jsx(
-          H,
+          $,
           {
             className: "col-span-2 hover:cursor-pointer hover:underline",
             htmlFor: "currency",
@@ -3313,7 +3316,7 @@ function At() {
         /* @__PURE__ */ e.jsx(
           de,
           {
-            value: v,
+            value: N,
             placeholder: "USD",
             onChange: (k) => V(k.target.value),
             id: "currency",
@@ -3323,20 +3326,20 @@ function At() {
         /* @__PURE__ */ e.jsx(
           de,
           {
-            value: _,
+            value: q,
             placeholder: "en-US",
-            onChange: (k) => S(k.target.value),
+            onChange: (k) => _(k.target.value),
             id: "locale",
             className: `col-span-2 h-8 w-full ${Se}`
           }
         )
       ] }),
       /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-9 items-center gap-2", children: [
-        /* @__PURE__ */ e.jsx(H, { className: "col-span-3", htmlFor: "format", children: "Decimals" }),
+        /* @__PURE__ */ e.jsx($, { className: "col-span-3", htmlFor: "format", children: "Decimals" }),
         /* @__PURE__ */ e.jsx(
           de,
           {
-            value: y,
+            value: v,
             onChange: (k) => f(Number(k.target.value)),
             id: "format",
             className: `col-span-6 h-8 w-full tracking-wide ${Se}`
@@ -3348,13 +3351,13 @@ function At() {
   function X() {
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 items-center gap-2", children: [
-        /* @__PURE__ */ e.jsx(H, { htmlFor: "range", children: "Range" }),
+        /* @__PURE__ */ e.jsx($, { htmlFor: "range", children: "Range" }),
         /* @__PURE__ */ e.jsx(
           de,
           {
             id: "min",
             value: l,
-            onChange: (k) => c((I) => E(I, k.target.value)),
+            onChange: (k) => c((I) => A(I, k.target.value)),
             className: `col-span-1 h-8 w-full ${Se}`
           }
         ),
@@ -3362,19 +3365,19 @@ function At() {
           de,
           {
             value: m,
-            onChange: (k) => u((I) => E(I, k.target.value)),
+            onChange: (k) => u((I) => A(I, k.target.value)),
             id: "max",
             className: `col-span-1 h-8 w-full ${Se}`
           }
         )
       ] }),
       /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 items-center gap-2", children: [
-        /* @__PURE__ */ e.jsx(H, { htmlFor: "step-size", children: "Step Size" }),
+        /* @__PURE__ */ e.jsx($, { htmlFor: "step-size", children: "Step Size" }),
         /* @__PURE__ */ e.jsx(
           de,
           {
             value: d,
-            onChange: (k) => x((I) => E(I, k.target.value)),
+            onChange: (k) => x((I) => A(I, k.target.value)),
             id: "step-size",
             className: `col-span-1 h-8 w-full ${Se}`
           }
@@ -3383,7 +3386,7 @@ function At() {
     ] });
   }
   function W() {
-    var q;
+    var E;
     let k = {};
     g === "custom" && (k = {
       min: l,
@@ -3397,7 +3400,7 @@ function At() {
       chartOptions: {
         ...t == null ? void 0 : t.chartOptions,
         scales: {
-          ...(q = t == null ? void 0 : t.chartOptions) == null ? void 0 : q.scales,
+          ...(E = t == null ? void 0 : t.chartOptions) == null ? void 0 : E.scales,
           [i]: {
             // ...cardPreferences?.chartOptions?.scales?.[axis],
             type: h,
@@ -3406,21 +3409,21 @@ function At() {
         }
       },
       numberAxisFormat: {
-        decimalPlaces: y,
-        suffix: L,
-        currency: v,
-        locale: _
+        decimalPlaces: v,
+        suffix: F,
+        currency: N,
+        locale: q
       }
     };
-    console.log(I), M(I);
+    console.log(I), L(I);
     const ee = {
-      ...F,
+      ...b,
       preferences: I
     };
-    N(ee);
+    C(ee);
   }
   return /* @__PURE__ */ e.jsxs(ns, { onOpenChange: (k) => n(k), children: [
-    /* @__PURE__ */ e.jsx(rs, { asChild: !0, children: /* @__PURE__ */ e.jsx(Ma, { className: "size-4 cursor-pointer text-muted-foreground hover:text-foreground" }) }),
+    /* @__PURE__ */ e.jsx(rs, { asChild: !0, children: /* @__PURE__ */ e.jsx(Da, { className: "size-4 cursor-pointer text-muted-foreground hover:text-foreground" }) }),
     /* @__PURE__ */ e.jsx(is, { align: "center", className: "max-w-65", children: /* @__PURE__ */ e.jsxs("div", { className: "grid gap-4", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
         /* @__PURE__ */ e.jsx("h4", { className: "font-medium leading-none", children: "Scale Options" }),
@@ -3428,11 +3431,11 @@ function At() {
       ] }),
       /* @__PURE__ */ e.jsxs("div", { className: "grid gap-2", children: [
         /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 items-center gap-2", children: [
-          /* @__PURE__ */ e.jsx(H, { htmlFor: "scale", children: "Type" }),
+          /* @__PURE__ */ e.jsx($, { htmlFor: "scale", children: "Type" }),
           /* @__PURE__ */ e.jsxs(
             ke,
             {
-              disabled: $,
+              disabled: H,
               value: h,
               onValueChange: (k) => r(k),
               children: [
@@ -3447,11 +3450,11 @@ function At() {
           )
         ] }),
         h == "linear" && /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 items-center gap-2 py-1", children: [
-          /* @__PURE__ */ e.jsx(H, { htmlFor: "scale-option", children: "Setup" }),
+          /* @__PURE__ */ e.jsx($, { htmlFor: "scale-option", children: "Setup" }),
           /* @__PURE__ */ e.jsxs(
-            Ts,
+            As,
             {
-              disabled: $,
+              disabled: H,
               id: "scale-option",
               value: g,
               onValueChange: (k) => j(k),
@@ -3472,7 +3475,7 @@ function At() {
         ] }),
         g === "custom" && h == "linear" && X(),
         P(),
-        /* @__PURE__ */ e.jsx(Oa, {}),
+        /* @__PURE__ */ e.jsx(Ta, {}),
         /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-3", children: /* @__PURE__ */ e.jsx(
           z,
           {
@@ -3486,7 +3489,7 @@ function At() {
     ] }) })
   ] });
 }
-function ar({ idx: s }) {
+function nr({ idx: s }) {
   var l;
   const n = o((c) => {
     var m;
@@ -3500,7 +3503,7 @@ function ar({ idx: s }) {
     (c) => c.actions.setCardPreferences
   ), i = (l = n == null ? void 0 : n.chartOptions) == null ? void 0 : l.indexAxis, h = t == null ? void 0 : t.find((c) => c.idx === s);
   function r(c, m) {
-    (c === "end" || c === "start") && Da(Ta());
+    (c === "end" || c === "start") && Aa(Ia());
     const u = {
       display: c !== "none",
       align: c,
@@ -3531,7 +3534,7 @@ function ar({ idx: s }) {
     }
   }
   return /* @__PURE__ */ e.jsxs(ns, { children: [
-    /* @__PURE__ */ e.jsx(rs, { children: /* @__PURE__ */ e.jsx(Cn, { className: "invisible size-4 rotate-[135deg] cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible" }) }),
+    /* @__PURE__ */ e.jsx(rs, { children: /* @__PURE__ */ e.jsx(Sn, { className: "invisible size-4 rotate-[135deg] cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible" }) }),
     /* @__PURE__ */ e.jsx(is, { className: "w-fit p-1", children: /* @__PURE__ */ e.jsxs("div", { className: "flex gap-1", children: [
       /* @__PURE__ */ e.jsx(
         z,
@@ -3540,7 +3543,7 @@ function ar({ idx: s }) {
           size: "sm",
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
-          children: /* @__PURE__ */ e.jsx(xt, { className: "size-4" })
+          children: /* @__PURE__ */ e.jsx(pt, { className: "size-4" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -3551,7 +3554,7 @@ function ar({ idx: s }) {
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
           children: /* @__PURE__ */ e.jsx(
-            un,
+            mn,
             {
               className: Z("h-4 w-4", {
                 "rotate-90": i === "y"
@@ -3568,7 +3571,7 @@ function ar({ idx: s }) {
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
           children: /* @__PURE__ */ e.jsx(
-            xn,
+            pn,
             {
               className: Z("h-4 w-4", {
                 "rotate-90": i === "y"
@@ -3585,7 +3588,7 @@ function ar({ idx: s }) {
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
           children: /* @__PURE__ */ e.jsx(
-            mn,
+            xn,
             {
               className: Z("h-4 w-4", {
                 "rotate-90": i === "y"
@@ -3610,7 +3613,7 @@ function Et() {
   } = xs(s.data || []);
   let l = h;
   if (["stackedBar", "stackedLine"].includes(s.type)) {
-    const c = Aa({
+    const c = Ea({
       dataArray: s.data || [],
       groupKey: r[0],
       pivotKey: r[1],
@@ -3620,19 +3623,19 @@ function Et() {
   }
   return i.length === 0 ? null : /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ e.jsx(H, { children: t }),
+      /* @__PURE__ */ e.jsx($, { children: t }),
       /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: /* @__PURE__ */ e.jsx("div", { className: "rounded-md bg-muted/70 px-2 py-1 hover:bg-muted", children: /* @__PURE__ */ e.jsx("p", { children: r[0] }) }) })
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between gap-5", children: [
-        /* @__PURE__ */ e.jsx(H, { children: a }),
-        /* @__PURE__ */ e.jsx(At, {})
+        /* @__PURE__ */ e.jsx($, { children: a }),
+        /* @__PURE__ */ e.jsx(It, {})
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: l.map((c, m) => /* @__PURE__ */ e.jsx(nr, { col: c, idx: m }, c)) })
+      /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: l.map((c, m) => /* @__PURE__ */ e.jsx(rr, { col: c, idx: m }, c)) })
     ] })
   ] });
 }
-function nr({ col: s, idx: n }) {
+function rr({ col: s, idx: n }) {
   const t = o((l) => {
     var c;
     return (c = l.card) == null ? void 0 : c.preferences;
@@ -3678,14 +3681,14 @@ function nr({ col: s, idx: n }) {
         }
       ),
       /* @__PURE__ */ e.jsx(
-        Is,
+        qs,
         {
           onClick: () => r("line"),
           className: "invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"
         }
       ),
       /* @__PURE__ */ e.jsx(
-        en,
+        sn,
         {
           onClick: () => r("area"),
           className: "invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"
@@ -3698,37 +3701,37 @@ function nr({ col: s, idx: n }) {
           className: "invisible size-4 cursor-pointer py-2 text-muted-foreground hover:text-foreground group-hover:visible"
         }
       ),
-      /* @__PURE__ */ e.jsx(ar, { idx: n })
+      /* @__PURE__ */ e.jsx(nr, { idx: n })
     ] })
   ] });
 }
-function It() {
+function qt() {
   const s = o((j) => j.selectedConnectionId), n = o((j) => j.selectedDatamodelId), t = o((j) => j.selectedDatabaseName), a = o((j) => j.selectedSchemaName), i = o((j) => j.selectedTableName), h = w((j) => j.dashboard.filters) || [], r = w((j) => j.actions.addFilter), l = w((j) => j.actions.removeFilter), c = w(
     (j) => j.actions.removeFilterValue
   ), { modelItems: m, tableName: u } = De();
   function g(j, d = "dashboard") {
-    var S;
-    const x = ue(j.column_name), y = ue(t || ""), f = ue(a || ""), L = ue(u);
-    let O = lt(
+    var _;
+    const x = ue(j.column_name), v = ue(t || ""), f = ue(a || ""), F = ue(u);
+    let M = ot(
       f,
-      L
-    ), v = `${O}.${x}`;
-    const V = (S = m == null ? void 0 : m.find(
-      (M) => M.id === n
-    )) == null ? void 0 : S.name;
-    n && n !== "none" && (v = `${ms}.${V}.${x}`, O = `${ms}.${V}`);
-    const _ = h == null ? void 0 : h.find(
-      (M) => M.column === v && M.table === L && (M.database === y || M.database === t)
+      F
+    ), N = `${M}.${x}`;
+    const V = (_ = m == null ? void 0 : m.find(
+      (L) => L.id === n
+    )) == null ? void 0 : _.name;
+    n && n !== "none" && (N = `${ms}.${V}.${x}`, M = `${ms}.${V}`);
+    const q = h == null ? void 0 : h.find(
+      (L) => L.column === N && L.table === F && (L.database === v || L.database === t)
     );
-    if (_)
-      c(_.id), l(_.id);
+    if (q)
+      c(q.id), l(q.id);
     else {
-      const M = Ze();
+      const L = Ze();
       return u === "api" && s ? (r({
         location: d,
-        id: M,
+        id: L,
         //uuidv4(),
-        column: v,
+        column: N,
         title: j.column_name,
         dataType: j.data_type,
         table: "api",
@@ -3736,17 +3739,17 @@ function It() {
         // database: 'NA',
         connectionId: s,
         operation: "in",
-        sql: Us(
+        sql: Ws(
           j.data_type,
-          O,
+          M,
           x
         )
         //DATE_DATA_TYPES.includes(column.data_type) ? dateSql : sql,
-      }), M) : (r({
-        id: M,
+      }), L) : (r({
+        id: L,
         //uuidv4(),
         location: d,
-        column: v,
+        column: N,
         //columnName, //`${qualifiedTableName}.${formattedColumnName}`,
         title: j.column_name,
         dataType: j.data_type,
@@ -3754,13 +3757,13 @@ function It() {
         database: t || "",
         connectionId: s || "",
         operation: "in",
-        sql: Us(
+        sql: Ws(
           j.data_type,
-          O,
+          M,
           x
         )
         //DATE_DATA_TYPES.includes(column.data_type) ? dateSql : sql,
-      }), M);
+      }), L);
     }
   }
   return { assignFilter: g };
@@ -3768,24 +3771,24 @@ function It() {
 function Ae() {
   const s = w(
     (l) => l.dashboard.filters
-  ), n = o((l) => l.frame), { setFrame: t } = as(), { columns: a } = De(), { assignFilter: i } = It();
+  ), n = o((l) => l.frame), { setFrame: t } = as(), { columns: a } = De(), { assignFilter: i } = qt();
   function h(l) {
     const c = i(l, "frame");
     t({ ...n, filterId: c });
   }
   const r = s == null ? void 0 : s.find((l) => l.id === n.filterId);
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-3", children: [
-    /* @__PURE__ */ e.jsx(H, { children: "Card Filter" }),
-    /* @__PURE__ */ e.jsx(rr, { onSelect: h, columns: a }),
-    r && /* @__PURE__ */ e.jsx(Ea, { filter: r })
+    /* @__PURE__ */ e.jsx($, { children: "Card Filter" }),
+    /* @__PURE__ */ e.jsx(ir, { onSelect: h, columns: a }),
+    r && /* @__PURE__ */ e.jsx(qa, { filter: r })
   ] });
 }
-function rr({
+function ir({
   columns: s,
   onSelect: n
 }) {
   var r;
-  const [t, a] = Qs.useState(!1), [i, h] = Qs.useState("");
+  const [t, a] = Js.useState(!1), [i, h] = Js.useState("");
   return /* @__PURE__ */ e.jsxs(ns, { open: t, onOpenChange: a, children: [
     /* @__PURE__ */ e.jsx(rs, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
       z,
@@ -3797,16 +3800,16 @@ function rr({
         className: "w-full justify-between font-normal",
         children: [
           i ? (r = s.find((l) => l.column_name === i)) == null ? void 0 : r.column_name : "Select Column...",
-          /* @__PURE__ */ e.jsx(Ia, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+          /* @__PURE__ */ e.jsx(Va, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
         ]
       }
     ) }),
-    /* @__PURE__ */ e.jsx(is, { className: "w-[200px] p-0", children: /* @__PURE__ */ e.jsxs(qa, { children: [
-      /* @__PURE__ */ e.jsx(Va, { placeholder: "Search column", className: "h-9" }),
-      /* @__PURE__ */ e.jsxs(_a, { children: [
-        /* @__PURE__ */ e.jsx(Ra, { children: "No framework found." }),
-        /* @__PURE__ */ e.jsx(Ha, { children: s.map((l) => /* @__PURE__ */ e.jsxs(
-          $a,
+    /* @__PURE__ */ e.jsx(is, { className: "w-[200px] p-0", children: /* @__PURE__ */ e.jsxs(_a, { children: [
+      /* @__PURE__ */ e.jsx(Ra, { placeholder: "Search column", className: "h-9" }),
+      /* @__PURE__ */ e.jsxs(Ha, { children: [
+        /* @__PURE__ */ e.jsx($a, { children: "No framework found." }),
+        /* @__PURE__ */ e.jsx(Pa, { children: s.map((l) => /* @__PURE__ */ e.jsxs(
+          Ba,
           {
             value: l.column_name,
             onSelect: (c) => {
@@ -3816,7 +3819,7 @@ function rr({
             children: [
               l.column_name,
               /* @__PURE__ */ e.jsx(
-                mt,
+                xt,
                 {
                   className: Z(
                     "ml-auto h-4 w-4",
@@ -3832,13 +3835,13 @@ function rr({
     ] }) })
   ] });
 }
-function ir({
+function lr({
   cardType: s
 }) {
   return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(Ne, { defaultValue: ["item-2"], type: "multiple", children: [
     /* @__PURE__ */ e.jsxs(B, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx(G, { children: `${As(s)} Chart` }),
-      /* @__PURE__ */ e.jsxs(K, { className: "space-y-4 font-mono text-xs", children: [
+      /* @__PURE__ */ e.jsx(G, { children: `${Is(s)} Chart` }),
+      /* @__PURE__ */ e.jsxs(U, { className: "space-y-4 font-mono text-xs", children: [
         /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 text-xs", children: "SELECT x-axis, y-axis-1, y-axis-2,... FROM table" }),
         /* @__PURE__ */ e.jsxs("ul", { className: "ml-6 list-disc text-xs [&>li]:mt-2", children: [
           /* @__PURE__ */ e.jsx("li", { children: "x-axis - category" }),
@@ -3863,21 +3866,21 @@ function ir({
     ] }),
     /* @__PURE__ */ e.jsxs(B, { value: "item-2", children: [
       /* @__PURE__ */ e.jsx(G, { children: "Settings" }),
-      /* @__PURE__ */ e.jsxs(K, { className: "space-y-4 px-2", children: [
+      /* @__PURE__ */ e.jsxs(U, { className: "space-y-4 px-2", children: [
         /* @__PURE__ */ e.jsx(ls, {}),
         /* @__PURE__ */ e.jsx(Et, {})
       ] })
     ] }),
     /* @__PURE__ */ e.jsxs(B, { value: "item-3", children: [
       /* @__PURE__ */ e.jsx(G, { children: "Filters" }),
-      /* @__PURE__ */ e.jsxs(K, { className: "space-y-4 px-2", children: [
+      /* @__PURE__ */ e.jsxs(U, { className: "space-y-4 px-2", children: [
         /* @__PURE__ */ e.jsx(Te, {}),
         /* @__PURE__ */ e.jsx(Ae, {})
       ] })
     ] })
   ] }) });
 }
-function Vs() {
+function _s() {
   var i, h, r;
   const s = o(
     (l) => l.card.cfg
@@ -3906,7 +3909,7 @@ function Vs() {
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ e.jsx("label", { className: "font-medium", children: "Data Labels" }),
-      !["pyramid"].includes(t) && /* @__PURE__ */ e.jsx(At, {})
+      !["pyramid"].includes(t) && /* @__PURE__ */ e.jsx(It, {})
     ] }),
     /* @__PURE__ */ e.jsxs(
       ke,
@@ -3928,7 +3931,7 @@ function Vs() {
     )
   ] });
 }
-function lr({
+function or({
   cardType: s
 }) {
   function n(t) {
@@ -3960,23 +3963,23 @@ function lr({
   }
   return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(Ne, { defaultValue: ["item-2"], type: "multiple", children: [
     /* @__PURE__ */ e.jsxs(B, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx(G, { children: `${As(s)} Chart` }),
-      /* @__PURE__ */ e.jsx(K, { className: "space-y-4 font-mono text-xs", children: n(s) })
+      /* @__PURE__ */ e.jsx(G, { children: `${Is(s)} Chart` }),
+      /* @__PURE__ */ e.jsx(U, { className: "space-y-4 font-mono text-xs", children: n(s) })
     ] }),
     /* @__PURE__ */ e.jsxs(B, { value: "item-2", children: [
       /* @__PURE__ */ e.jsx(G, { children: "Settings" }),
-      /* @__PURE__ */ e.jsx(K, { className: "px-2", children: /* @__PURE__ */ e.jsx(Vs, {}) })
+      /* @__PURE__ */ e.jsx(U, { className: "px-2", children: /* @__PURE__ */ e.jsx(_s, {}) })
     ] }),
     /* @__PURE__ */ e.jsxs(B, { value: "item-3", children: [
       /* @__PURE__ */ e.jsx(G, { children: "Filters" }),
-      /* @__PURE__ */ e.jsxs(K, { className: "space-y-4 px-2", children: [
+      /* @__PURE__ */ e.jsxs(U, { className: "space-y-4 px-2", children: [
         /* @__PURE__ */ e.jsx(Te, {}),
         /* @__PURE__ */ e.jsx(Ae, {})
       ] })
     ] })
   ] }) });
 }
-const or = {
+const cr = {
   datasets: [
     {
       type: "line",
@@ -3989,7 +3992,7 @@ const or = {
       data: []
     }
   ]
-}, cr = {
+}, dr = {
   datasets: [
     {
       fill: "origin",
@@ -3999,7 +4002,7 @@ const or = {
     }
   ]
 };
-function dr() {
+function hr() {
   const s = o((n) => n.card.type);
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-6 p-6", children: [
     /* @__PURE__ */ e.jsx(
@@ -4008,23 +4011,23 @@ function dr() {
         className: " ",
         type: "single",
         collapsible: !0,
-        children: hr(s)
+        children: ur(s)
       }
     ),
     /* @__PURE__ */ e.jsx("section", { className: "", children: ["line", "bar"].includes(s) && /* @__PURE__ */ e.jsx(ls, {}) }),
     !["kpi"].includes(s) && /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ e.jsx(Vs, {}),
+      /* @__PURE__ */ e.jsx(_s, {}),
       /* @__PURE__ */ e.jsx(Te, {}),
       /* @__PURE__ */ e.jsx(Ae, {})
     ] })
   ] });
 }
-function hr(s) {
+function ur(s) {
   if (["line", "bar"].includes(s))
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs(B, { value: "item-1", children: [
         /* @__PURE__ */ e.jsx(G, { className: "font-normal", children: /* @__PURE__ */ e.jsx("p", { children: "Chart Query" }) }),
-        /* @__PURE__ */ e.jsxs(K, { className: " ", children: [
+        /* @__PURE__ */ e.jsxs(U, { className: " ", children: [
           /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 font-mono text-xs font-semibold", children: "SELECT x-axis, y-axis-1, y-axis-2, y-axis-3,... FROM table" }),
           /* @__PURE__ */ e.jsxs("ul", { className: "my-6 ml-6 list-disc text-xs font-normal [&>li]:mt-2", children: [
             /* @__PURE__ */ e.jsx("li", { children: "X-axis - Category (ex. city)" }),
@@ -4034,18 +4037,18 @@ function hr(s) {
       ] }),
       /* @__PURE__ */ e.jsxs(B, { value: "item-2", children: [
         /* @__PURE__ */ e.jsx(G, { className: "font-normal", children: "Mixed Chart" }),
-        /* @__PURE__ */ e.jsxs(K, { className: "space-y-2 text-xs", children: [
+        /* @__PURE__ */ e.jsxs(U, { className: "space-y-2 text-xs", children: [
           /* @__PURE__ */ e.jsxs("p", { children: [
             "Click ",
             /* @__PURE__ */ e.jsx("b", { children: "Customize" }),
             " and change the `type` property in the dataset."
           ] }),
-          /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify(or, null, 2) })
+          /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify(cr, null, 2) })
         ] })
       ] }),
       /* @__PURE__ */ e.jsxs(B, { value: "item-3", children: [
         /* @__PURE__ */ e.jsx(G, { className: "font-normal", children: "Area Chart" }),
-        /* @__PURE__ */ e.jsxs(K, { className: "space-y-2 text-xs", children: [
+        /* @__PURE__ */ e.jsxs(U, { className: "space-y-2 text-xs", children: [
           /* @__PURE__ */ e.jsxs("p", { children: [
             "Click ",
             /* @__PURE__ */ e.jsx("b", { children: "Customize" }),
@@ -4061,7 +4064,7 @@ function hr(s) {
             ),
             "for more options."
           ] }),
-          /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify(cr, null, 2) })
+          /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify(dr, null, 2) })
         ] })
       ] })
     ] });
@@ -4072,7 +4075,7 @@ function hr(s) {
         /* @__PURE__ */ e.jsx("span", { children: s }),
         " chart query?"
       ] }) }),
-      /* @__PURE__ */ e.jsxs(K, { className: " ", children: [
+      /* @__PURE__ */ e.jsxs(U, { className: " ", children: [
         /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 font-mono text-xs font-semibold", children: "SELECT label, x-axis, y-axis, radius FROM table" }),
         /* @__PURE__ */ e.jsxs("ul", { className: "my-6 ml-6 list-disc text-xs font-normal [&>li]:mt-2", children: [
           /* @__PURE__ */ e.jsx("li", { children: "Label - Category (ex. city)" }),
@@ -4090,7 +4093,7 @@ function hr(s) {
         /* @__PURE__ */ e.jsx("span", { children: s }),
         " chart query?"
       ] }) }),
-      /* @__PURE__ */ e.jsxs(K, { className: " ", children: [
+      /* @__PURE__ */ e.jsxs(U, { className: " ", children: [
         /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 font-mono text-xs font-semibold", children: "SELECT label, x-axis, y-axis FROM table" }),
         /* @__PURE__ */ e.jsxs("ul", { className: "my-6 ml-6 list-disc text-xs font-normal [&>li]:mt-2", children: [
           /* @__PURE__ */ e.jsx("li", { children: "Label - Category (ex. city)" }),
@@ -4107,7 +4110,7 @@ function hr(s) {
         " ",
         "chart query"
       ] }) }),
-      /* @__PURE__ */ e.jsxs(K, { className: " ", children: [
+      /* @__PURE__ */ e.jsxs(U, { className: " ", children: [
         /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 font-mono text-xs font-semibold", children: "SELECT label, measure FROM table" }),
         /* @__PURE__ */ e.jsxs("ul", { className: "my-6 ml-6 list-disc text-xs font-normal [&>li]:mt-2", children: [
           /* @__PURE__ */ e.jsx("li", { children: "Label - Category (ex. city)" }),
@@ -4116,7 +4119,7 @@ function hr(s) {
       ] })
     ] }) });
 }
-function ur() {
+function mr() {
   var c, m, u, g, j;
   const s = o((d) => d.card.preferences), n = o(
     (d) => d.actions.setCardPreferences
@@ -4125,19 +4128,19 @@ function ur() {
   );
   o(
     (d) => {
-      var x, y;
-      return (y = (x = d.card.preferences) == null ? void 0 : x.formatNumber) == null ? void 0 : y.decimalPlaces;
+      var x, v;
+      return (v = (x = d.card.preferences) == null ? void 0 : x.formatNumber) == null ? void 0 : v.decimalPlaces;
     }
   );
   const a = o(
     (d) => {
-      var x, y;
-      return (y = (x = d.card.preferences) == null ? void 0 : x.formatNumber) == null ? void 0 : y.locale;
+      var x, v;
+      return (v = (x = d.card.preferences) == null ? void 0 : x.formatNumber) == null ? void 0 : v.locale;
     }
   ), i = o(
     (d) => {
-      var x, y;
-      return (y = (x = d.card.preferences) == null ? void 0 : x.formatNumber) == null ? void 0 : y.currency;
+      var x, v;
+      return (v = (x = d.card.preferences) == null ? void 0 : x.formatNumber) == null ? void 0 : v.currency;
     }
   );
   o(
@@ -4145,12 +4148,12 @@ function ur() {
   );
   const h = o(
     (d) => {
-      var x, y;
-      return (y = (x = d.card.preferences) == null ? void 0 : x.formatNumber) == null ? void 0 : y.colorRanges;
+      var x, v;
+      return (v = (x = d.card.preferences) == null ? void 0 : x.formatNumber) == null ? void 0 : v.colorRanges;
     }
   ) || [], r = o(
     (d) => d.actions.setColorRanges
-  ), l = [...new Set(Ws.map((d) => d.currency))];
+  ), l = [...new Set(Qs.map((d) => d.currency))];
   return /* @__PURE__ */ e.jsxs("div", { children: [
     /* @__PURE__ */ e.jsxs("div", { className: "mb-3 flex items-center gap-2", children: [
       /* @__PURE__ */ e.jsx(
@@ -4168,22 +4171,22 @@ function ur() {
           }
         }
       ),
-      /* @__PURE__ */ e.jsx(H, { children: "Format Number" })
+      /* @__PURE__ */ e.jsx($, { children: "Format Number" })
     ] }),
     ((m = s == null ? void 0 : s.formatNumber) == null ? void 0 : m.enabled) === !0 && /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2", children: [
       /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 p-2", children: [
         /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ e.jsxs("div", { className: "w-full space-y-1", children: [
-            /* @__PURE__ */ e.jsx(H, { children: "Locale" }),
+            /* @__PURE__ */ e.jsx($, { children: "Locale" }),
             /* @__PURE__ */ e.jsxs(
               ke,
               {
                 value: a || "en-US",
                 onValueChange: (d) => {
-                  var x, y, f;
+                  var x, v, f;
                   return t(
                     ((x = s == null ? void 0 : s.formatNumber) == null ? void 0 : x.decimalPlaces) || 0,
-                    ((y = s == null ? void 0 : s.formatNumber) == null ? void 0 : y.currency) || "",
+                    ((v = s == null ? void 0 : s.formatNumber) == null ? void 0 : v.currency) || "",
                     d || "en-US",
                     ((f = s == null ? void 0 : s.formatNumber) == null ? void 0 : f.suffix) || ""
                   );
@@ -4192,24 +4195,24 @@ function ur() {
                   /* @__PURE__ */ e.jsx(ze, { className: "col-span-6 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(Fe, {}) }),
                   /* @__PURE__ */ e.jsx(Le, { children: /* @__PURE__ */ e.jsxs(_e, { children: [
                     /* @__PURE__ */ e.jsx(Me, { children: "Format" }),
-                    Ws.map((d) => /* @__PURE__ */ e.jsx(te, { value: d.locale, children: d.locale }, d.locale))
+                    Qs.map((d) => /* @__PURE__ */ e.jsx(te, { value: d.locale, children: d.locale }, d.locale))
                   ] }) })
                 ]
               }
             )
           ] }),
           /* @__PURE__ */ e.jsxs("div", { className: "w-full space-y-1", children: [
-            /* @__PURE__ */ e.jsx(H, { children: "Currency" }),
+            /* @__PURE__ */ e.jsx($, { children: "Currency" }),
             /* @__PURE__ */ e.jsxs(
               ke,
               {
                 value: i || "none",
                 onValueChange: (d) => {
-                  var x, y, f;
+                  var x, v, f;
                   return t(
                     ((x = s == null ? void 0 : s.formatNumber) == null ? void 0 : x.decimalPlaces) || 0,
                     d === "none" ? "" : d,
-                    ((y = s == null ? void 0 : s.formatNumber) == null ? void 0 : y.locale) || "",
+                    ((v = s == null ? void 0 : s.formatNumber) == null ? void 0 : v.locale) || "",
                     ((f = s == null ? void 0 : s.formatNumber) == null ? void 0 : f.suffix) || ""
                   );
                 },
@@ -4227,17 +4230,17 @@ function ur() {
         ] }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
           /* @__PURE__ */ e.jsxs("div", { className: "w-full space-y-1", children: [
-            /* @__PURE__ */ e.jsx(H, { children: "Decimals" }),
+            /* @__PURE__ */ e.jsx($, { children: "Decimals" }),
             /* @__PURE__ */ e.jsxs(
               ke,
               {
                 value: ((g = (u = s == null ? void 0 : s.formatNumber) == null ? void 0 : u.decimalPlaces) == null ? void 0 : g.toString()) || "0",
                 onValueChange: (d) => {
-                  var x, y, f;
+                  var x, v, f;
                   return t(
                     Number(d),
                     ((x = s == null ? void 0 : s.formatNumber) == null ? void 0 : x.currency) || "",
-                    ((y = s == null ? void 0 : s.formatNumber) == null ? void 0 : y.locale) || "",
+                    ((v = s == null ? void 0 : s.formatNumber) == null ? void 0 : v.locale) || "",
                     ((f = s == null ? void 0 : s.formatNumber) == null ? void 0 : f.suffix) || ""
                   );
                 },
@@ -4249,7 +4252,7 @@ function ur() {
             )
           ] }),
           /* @__PURE__ */ e.jsxs("div", { className: "w-full space-y-1", children: [
-            /* @__PURE__ */ e.jsx(H, { children: "Suffix" }),
+            /* @__PURE__ */ e.jsx($, { children: "Suffix" }),
             /* @__PURE__ */ e.jsx(
               de,
               {
@@ -4257,10 +4260,10 @@ function ur() {
                 className: "h-8 font-mono text-xs focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0",
                 placeholder: "K, M, B, %",
                 onChange: (d) => {
-                  var x, y, f;
+                  var x, v, f;
                   return t(
                     ((x = s == null ? void 0 : s.formatNumber) == null ? void 0 : x.decimalPlaces) || 0,
-                    ((y = s == null ? void 0 : s.formatNumber) == null ? void 0 : y.currency) || "",
+                    ((v = s == null ? void 0 : s.formatNumber) == null ? void 0 : v.currency) || "",
                     ((f = s == null ? void 0 : s.formatNumber) == null ? void 0 : f.locale) || "",
                     d.target.value
                   );
@@ -4272,7 +4275,7 @@ function ur() {
       ] }) }),
       /* @__PURE__ */ e.jsx(Re, { className: "my-3" }),
       /* @__PURE__ */ e.jsx(
-        Pa,
+        Ga,
         {
           colorRanges: h,
           setColorRanges: r
@@ -4281,11 +4284,11 @@ function ur() {
     ] })
   ] });
 }
-function mr() {
+function xr() {
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-6 px-6 py-2", children: [
     /* @__PURE__ */ e.jsx(Ne, { type: "single", collapsible: !0, children: /* @__PURE__ */ e.jsxs(B, { value: "item-1", children: [
       /* @__PURE__ */ e.jsx(G, { className: "", children: "KPI Query" }),
-      /* @__PURE__ */ e.jsxs(K, { className: "font-mono", children: [
+      /* @__PURE__ */ e.jsxs(U, { className: "font-mono", children: [
         /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 font-mono text-xs", children: "SELECT current, previous FROM table" }),
         /* @__PURE__ */ e.jsxs("ul", { className: "my-6 ml-6 list-disc text-xs [&>li]:mt-2", children: [
           /* @__PURE__ */ e.jsx("li", { children: "current - number" }),
@@ -4307,12 +4310,12 @@ function mr() {
         ] })
       ] })
     ] }) }),
-    /* @__PURE__ */ e.jsx("section", { className: "", children: /* @__PURE__ */ e.jsx(ur, {}) }),
+    /* @__PURE__ */ e.jsx("section", { className: "", children: /* @__PURE__ */ e.jsx(mr, {}) }),
     /* @__PURE__ */ e.jsx("div", {}),
     /* @__PURE__ */ e.jsx("div", {})
   ] });
 }
-function xr() {
+function pr() {
   var a;
   const s = o((i) => i.card.preferences), { setCardPreferences: n } = o((i) => i.actions);
   function t(i) {
@@ -4325,7 +4328,7 @@ function xr() {
     });
   }
   return /* @__PURE__ */ e.jsxs(
-    Ts,
+    As,
     {
       value: (a = s == null ? void 0 : s.textVisualOptions) != null && a.isDynamicText ? "dynamic" : "static",
       onValueChange: t,
@@ -4351,8 +4354,8 @@ function We({
 }) {
   return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(Ne, { defaultValue: ["item-2"], type: "multiple", children: [
     /* @__PURE__ */ e.jsxs(B, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx(G, { children: `${As(s)} ${t}` }),
-      /* @__PURE__ */ e.jsx(K, { children: n || /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
+      /* @__PURE__ */ e.jsx(G, { children: `${Is(s)} ${t}` }),
+      /* @__PURE__ */ e.jsx(U, { children: n || /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
         /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 text-xs", children: "SELECT label, measure FROM table" }),
         /* @__PURE__ */ e.jsxs("ul", { className: "ml-6 list-disc text-xs [&>li]:mt-2", children: [
           /* @__PURE__ */ e.jsx("li", { children: "label - category" }),
@@ -4376,26 +4379,26 @@ function We({
     ] }),
     /* @__PURE__ */ e.jsxs(B, { value: "item-2", children: [
       /* @__PURE__ */ e.jsx(G, { children: "Settings" }),
-      /* @__PURE__ */ e.jsxs(K, { className: "space-y-4 px-2", children: [
+      /* @__PURE__ */ e.jsxs(U, { className: "space-y-4 px-2", children: [
         s === "range" && /* @__PURE__ */ e.jsx(ls, {}),
-        s !== "text" && /* @__PURE__ */ e.jsx(Vs, {}),
-        s === "text" && /* @__PURE__ */ e.jsx(xr, {})
+        s !== "text" && /* @__PURE__ */ e.jsx(_s, {}),
+        s === "text" && /* @__PURE__ */ e.jsx(pr, {})
       ] })
     ] }),
     !["range", "text"].includes(s) && /* @__PURE__ */ e.jsxs(B, { value: "item-3", children: [
       /* @__PURE__ */ e.jsx(G, { children: "Filters" }),
-      /* @__PURE__ */ e.jsxs(K, { className: "space-y-4 px-2", children: [
+      /* @__PURE__ */ e.jsxs(U, { className: "space-y-4 px-2", children: [
         /* @__PURE__ */ e.jsx(Te, {}),
         /* @__PURE__ */ e.jsx(Ae, {})
       ] })
     ] })
   ] }) });
 }
-function pr() {
+function fr() {
   return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(Ne, { defaultValue: ["item-2"], type: "multiple", children: [
     /* @__PURE__ */ e.jsxs(B, { value: "item-1", children: [
       /* @__PURE__ */ e.jsx(G, { children: "Stacked Chart" }),
-      /* @__PURE__ */ e.jsxs(K, { className: "space-y-4 font-mono text-xs", children: [
+      /* @__PURE__ */ e.jsxs(U, { className: "space-y-4 font-mono text-xs", children: [
         /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 text-xs", children: "SELECT x-axis, stack-by, y-axis FROM table" }),
         /* @__PURE__ */ e.jsxs("ul", { className: "ml-6 list-disc text-xs [&>li]:mt-2", children: [
           /* @__PURE__ */ e.jsx("li", { children: "x-axis - category" }),
@@ -4420,21 +4423,21 @@ function pr() {
     ] }),
     /* @__PURE__ */ e.jsxs(B, { value: "item-2", children: [
       /* @__PURE__ */ e.jsx(G, { children: "Settings" }),
-      /* @__PURE__ */ e.jsxs(K, { className: "space-y-4 px-2", children: [
+      /* @__PURE__ */ e.jsxs(U, { className: "space-y-4 px-2", children: [
         /* @__PURE__ */ e.jsx(ls, {}),
         /* @__PURE__ */ e.jsx(Et, {})
       ] })
     ] }),
     /* @__PURE__ */ e.jsxs(B, { value: "item-3", children: [
       /* @__PURE__ */ e.jsx(G, { children: "Filters" }),
-      /* @__PURE__ */ e.jsxs(K, { className: "space-y-4 px-2", children: [
+      /* @__PURE__ */ e.jsxs(U, { className: "space-y-4 px-2", children: [
         /* @__PURE__ */ e.jsx(Te, {}),
         /* @__PURE__ */ e.jsx(Ae, {})
       ] })
     ] })
   ] }) });
 }
-function fr({}) {
+function gr({}) {
   const s = o((a) => {
     var i;
     return (i = a.card) == null ? void 0 : i.preferences;
@@ -4449,7 +4452,7 @@ function fr({}) {
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-6 px-6 py-2", children: [
     /* @__PURE__ */ e.jsx(Ne, { defaultValue: ["item-3"], type: "multiple", children: /* @__PURE__ */ e.jsxs(B, { value: "item-3", children: [
       /* @__PURE__ */ e.jsx(G, { children: "Filters" }),
-      /* @__PURE__ */ e.jsxs(K, { className: "space-y-4 px-2", children: [
+      /* @__PURE__ */ e.jsxs(U, { className: "space-y-4 px-2", children: [
         /* @__PURE__ */ e.jsx(Te, {}),
         /* @__PURE__ */ e.jsx(Ae, {})
       ] })
@@ -4467,7 +4470,7 @@ function fr({}) {
     ] })
   ] });
 }
-const gr = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
+const jr = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
   /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 text-xs", children: "SELECT dimension, cohort, metric FROM table" }),
   /* @__PURE__ */ e.jsxs("div", { children: [
     "See ",
@@ -4483,7 +4486,7 @@ const gr = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-
     ),
     " in the docs."
   ] })
-] }), jr = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
+] }), br = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
   /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 text-xs", children: "SELECT y-axis, label, range-from, range-to, range-value FROM table" }),
   /* @__PURE__ */ e.jsxs("div", { children: [
     "See ",
@@ -4499,7 +4502,7 @@ const gr = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-
     ),
     " in the docs."
   ] })
-] }), br = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
+] }), yr = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
   /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 text-xs", children: "SELECT text FROM table limit 1" }),
   /* @__PURE__ */ e.jsxs("div", { children: [
     "See ",
@@ -4516,22 +4519,22 @@ const gr = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-
     " in the docs."
   ] })
 ] });
-function yr() {
+function vr() {
   const s = o((t) => t.card.type);
   function n(t) {
     switch (t) {
       case "stackedBar":
       case "stackedLine":
-        return /* @__PURE__ */ e.jsx(pr, {});
+        return /* @__PURE__ */ e.jsx(fr, {});
       case "pyramid":
-        return /* @__PURE__ */ e.jsx(We, { docContent: gr, cardType: t });
+        return /* @__PURE__ */ e.jsx(We, { docContent: jr, cardType: t });
       case "kpi":
-        return /* @__PURE__ */ e.jsx(mr, {});
+        return /* @__PURE__ */ e.jsx(xr, {});
       case "line":
       case "bar":
-        return /* @__PURE__ */ e.jsx(ir, { cardType: t });
+        return /* @__PURE__ */ e.jsx(lr, { cardType: t });
       case "range":
-        return /* @__PURE__ */ e.jsx(We, { docContent: jr, cardType: t });
+        return /* @__PURE__ */ e.jsx(We, { docContent: br, cardType: t });
       case "pie":
       case "doughnut":
       case "polarArea":
@@ -4539,25 +4542,25 @@ function yr() {
         return /* @__PURE__ */ e.jsx(We, { cardType: t });
       case "bubble":
       case "scatter":
-        return /* @__PURE__ */ e.jsx(lr, { cardType: t });
+        return /* @__PURE__ */ e.jsx(or, { cardType: t });
       case "table":
-        return /* @__PURE__ */ e.jsx(fr, { cardType: t });
+        return /* @__PURE__ */ e.jsx(gr, { cardType: t });
       case "text":
         return /* @__PURE__ */ e.jsx(
           We,
           {
-            docContent: br,
+            docContent: yr,
             cardType: t,
             suffix: "Visual"
           }
         );
       default:
-        return /* @__PURE__ */ e.jsx(dr, {});
+        return /* @__PURE__ */ e.jsx(hr, {});
     }
   }
-  return /* @__PURE__ */ e.jsx(Ds, { className: "h-full w-full text-sm", children: n(s) });
+  return /* @__PURE__ */ e.jsx(Ts, { className: "h-full w-full text-sm", children: n(s) });
 }
-function vr() {
+function Nr() {
   const s = o((n) => n.isShowingVisual);
   return /* @__PURE__ */ e.jsxs(
     ps,
@@ -4572,7 +4575,7 @@ function vr() {
             className: "flex",
             minSize: 20,
             defaultSize: 40,
-            children: /* @__PURE__ */ e.jsx(Jn, {})
+            children: /* @__PURE__ */ e.jsx(Yn, {})
           }
         ),
         /* @__PURE__ */ e.jsx(fs, { withHandle: !0, className: "border" }),
@@ -4591,30 +4594,30 @@ function vr() {
                   minSize: 20,
                   defaultSize: 25,
                   maxSize: 30,
-                  children: /* @__PURE__ */ e.jsx(yr, {})
+                  children: /* @__PURE__ */ e.jsx(vr, {})
                 }
               ) }),
               /* @__PURE__ */ e.jsx(fs, { className: "border" }),
-              /* @__PURE__ */ e.jsx(we, { minSize: 40, defaultSize: 75, maxSize: 100, children: /* @__PURE__ */ e.jsx(Zs, {}) })
-            ] }) : /* @__PURE__ */ e.jsx(Zs, {})
+              /* @__PURE__ */ e.jsx(we, { minSize: 40, defaultSize: 75, maxSize: 100, children: /* @__PURE__ */ e.jsx(Xs, {}) })
+            ] }) : /* @__PURE__ */ e.jsx(Xs, {})
           }
         )
       ]
     }
   );
 }
-function Nr({ authToken: s, onSave: n, onClose: t }) {
+function Cr({ authToken: s, onSave: n, onClose: t }) {
   const a = o((r) => r.actions.setOnSave), i = o((r) => r.actions.setOnClose), h = w((r) => r.actions.setAuthToken);
   return Y(() => {
     n && a(n), t && i(t);
   }, [n, a, t, i]), Y(() => {
     s && s.accessToken && h(s);
-  }, [s, h]), /* @__PURE__ */ e.jsxs(Ba, { className: "rounded-none", role: "editor-panel", children: [
-    /* @__PURE__ */ e.jsx(Ga, { className: "rounded-none border-r-[1.5px]", children: /* @__PURE__ */ e.jsx(Nt, {}) }),
-    /* @__PURE__ */ e.jsx(Ka, { children: /* @__PURE__ */ e.jsx(vr, {}) })
+  }, [s, h]), /* @__PURE__ */ e.jsxs(Ua, { className: "rounded-none", role: "editor-panel", children: [
+    /* @__PURE__ */ e.jsx(Ka, { className: "rounded-none border-r-[1.5px]", children: /* @__PURE__ */ e.jsx(Ct, {}) }),
+    /* @__PURE__ */ e.jsx(Wa, { children: /* @__PURE__ */ e.jsx(Nr, {}) })
   ] });
 }
-function Cr() {
+function Sr() {
   w((r) => r.selectedCardId);
   const s = w((r) => r.selectedSheetId), { setIsVisualEditing: n } = w((r) => r.actions), t = w((r) => r.isVisualEditing), a = w((r) => r.actions.updateFrame);
   function i(r) {
@@ -4631,11 +4634,11 @@ function Cr() {
         block: t,
         hidden: !t
       }),
-      children: /* @__PURE__ */ e.jsx(Nr, { onSave: i, onClose: h })
+      children: /* @__PURE__ */ e.jsx(Cr, { onSave: i, onClose: h })
     }
   );
 }
-function Sr() {
+function wr() {
   o((r) => r.selectedConnectionId), o((r) => r.selectedDatamodelId);
   const s = o((r) => r.selectedDatabaseName);
   o((r) => r.selectedSchemaName);
@@ -4643,7 +4646,7 @@ function Sr() {
   w((r) => r.actions.addFilter), w((r) => r.actions.removeFilter), w(
     (r) => r.actions.removeFilterValue
   );
-  const { modelItems: a, columns: i } = De(), { assignFilter: h } = It();
+  const { modelItems: a, columns: i } = De(), { assignFilter: h } = qt();
   return /* @__PURE__ */ e.jsx("div", { className: "xbg-red-100 flex-1 basis-0 flex-col overflow-scroll px-3", children: i == null ? void 0 : i.map((r) => {
     const l = t == null ? void 0 : t.find(
       (c) => c.column === ue(r.column_name) && c.table === n && c.database === s
@@ -4659,7 +4662,7 @@ function Sr() {
           }
         ),
         children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ e.jsx(vt, { column: r }),
+          /* @__PURE__ */ e.jsx(Nt, { column: r }),
           /* @__PURE__ */ e.jsx("span", { children: r.column_name })
         ] })
       },
@@ -4667,14 +4670,14 @@ function Sr() {
     );
   }) });
 }
-function wr() {
+function kr() {
   w((n) => n.showFilters);
   const s = w(
     (n) => n.actions.setShowFilters
   );
   return /* @__PURE__ */ e.jsxs("section", { className: "relative flex grow flex-col border-l px-4", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "mt-4 flex items-center justify-between gap-2 px-3", children: [
-      /* @__PURE__ */ e.jsx(H, { className: "text-lg", children: "Filters" }),
+      /* @__PURE__ */ e.jsx($, { className: "text-lg", children: "Filters" }),
       /* @__PURE__ */ e.jsx(
         z,
         {
@@ -4686,12 +4689,12 @@ function wr() {
       )
     ] }),
     /* @__PURE__ */ e.jsx("div", { className: "flex grow", children: /* @__PURE__ */ e.jsx(
-      Nt,
+      Ct,
       {
         ColumnsComponent: () => (
           // schemaName, tableName, columns
           /* @__PURE__ */ e.jsx(
-            Sr,
+            wr,
             {}
           )
         )
@@ -4699,7 +4702,7 @@ function wr() {
     ) })
   ] });
 }
-function kr() {
+function zr() {
   const s = w((t) => t.showFilters), n = w((t) => t.isVisualEditing);
   return /* @__PURE__ */ e.jsxs(
     "div",
@@ -4710,13 +4713,13 @@ function kr() {
         flex: !n
       }),
       children: [
-        /* @__PURE__ */ e.jsx(Ua, {}),
-        s && /* @__PURE__ */ e.jsx("div", { role: "filter-aside-container", className: "flex", children: /* @__PURE__ */ e.jsx(wr, {}) })
+        /* @__PURE__ */ e.jsx(Qa, {}),
+        s && /* @__PURE__ */ e.jsx("div", { role: "filter-aside-container", className: "flex", children: /* @__PURE__ */ e.jsx(kr, {}) })
       ]
     }
   );
 }
-function zr() {
+function Fr() {
   const s = w((a) => a.dashboard), n = w((a) => a.actions.setDashboard), t = w(
     (a) => a.showDashboardJSON
   );
@@ -4729,7 +4732,7 @@ function zr() {
         hidden: !t
       }),
       children: /* @__PURE__ */ e.jsx(
-        Wa,
+        Ja,
         {
           onChange: (a) => {
             if (a)
@@ -4760,28 +4763,28 @@ function zr() {
     }
   );
 }
-function Mr({
+function Or({
   showControls: s = !1,
   showFooter: n = !0,
   ...t
 }) {
-  return /* @__PURE__ */ e.jsxs(Qa, { dashboardProps: t, children: [
-    /* @__PURE__ */ e.jsx(Ja, {}),
-    /* @__PURE__ */ e.jsxs(Ya, { children: [
-      /* @__PURE__ */ e.jsx(zr, {}),
-      /* @__PURE__ */ e.jsxs(Za, { ...t, children: [
-        s && /* @__PURE__ */ e.jsx(Dn, {}),
-        /* @__PURE__ */ e.jsx(Cr, {}),
-        /* @__PURE__ */ e.jsx(kr, {})
+  return /* @__PURE__ */ e.jsxs(Ya, { dashboardProps: t, children: [
+    /* @__PURE__ */ e.jsx(Za, {}),
+    /* @__PURE__ */ e.jsxs(Xa, { children: [
+      /* @__PURE__ */ e.jsx(Fr, {}),
+      /* @__PURE__ */ e.jsxs(en, { ...t, children: [
+        s && /* @__PURE__ */ e.jsx(Tn, {}),
+        /* @__PURE__ */ e.jsx(Sr, {}),
+        /* @__PURE__ */ e.jsx(zr, {})
       ] })
     ] })
   ] });
 }
 export {
-  Mr as D,
+  Or as D,
   $e as L,
-  Ie as S,
-  kn as c,
-  yt as g,
+  Ee as S,
+  zn as c,
+  vt as g,
   De as u
 };