react-semaphor 0.0.240 → 0.0.242

package/dist/chunks/{dashboard-plus-GPlhkQkC.js → dashboard-plus-0MaxXa-T.js}

@@ -1,6 +1,6 @@
-import { O as D, b as w, j as e, P as fs, Q as gs, R as z, U as js, V as bs, W as ys, X as vs, Y as Ns, Z as R, _ as oe, $ as Zs, J as Xs, M as Fe, a0 as Va, a1 as _a, a2 as Ra, a3 as Ha, a4 as Ba, a5 as $a, a6 as _s, a7 as Ve, a8 as $e, a9 as ea, aa as Xe, T as Cs, e as sa, g as Ss, ab as Se, ac as ke, f as Z, ad as we, ae as ze, af as _e, ag as Oe, ah as ee, ai as ks, G as c, aj as ws, ak as zs, al as Fs, w as aa, v as ta, t as de, am as Pa, r as Ka, N as na, s as Ga, an as Ja, B as Ua, ao as la, ap as Qa, S as Os, z as Wa, n as Rs, aq as hs, A as ra, ar as ms, u as Pe, as as ce, at as pe, au as Re, av as ia, aw as oa, ax as Ya, ay as Za, az as ca, aA as Xa, aB as et, aC as st, aD as at, aE as tt, aF as us, aG as nt, aH as lt, aI as qe, aJ as xs, aK as Ce, aL as ps, aM as Hs, aN as rt, aO as it, aP as ot, aQ as ct, aR as dt, aS as ds, aT as ht, aU as Bs, aV as mt, aW as $s, aX as ut, aY as xt, aZ as pt, c as ft, a_ as da, l as gt, C as jt, E as We, d as bt, h as yt, a$ as vt, i as Nt, o as Ct, b0 as St, m as kt, H as Ms, b1 as wt, b2 as ha, b3 as ma, b4 as Ye, b5 as ua, b6 as Ze, b7 as Ps, b8 as as, b9 as ts, ba as ns, bb as xa, K as zt, bc as Ft, bd as Ot, be as Ts, bf as Me, bg as pa, bh as Mt, bi as Tt, bj as At, bk as Dt, bl as Lt, bm as Ks, bn as It, bo as Et, bp as qt, bq as Vt, br as _t, bs as Rt, bt as Ht, bu as Bt, bv as be, bw as P, bx as K, by as As, bz as G, bA as Gs, bB as $t, bC as Pt, bD as Kt, bE as Gt, bF as Jt, bG as Ut, bH as Qt, bI as Wt, bJ as Yt, bK as Zt } from "./index-xW8lpCWr.js";
+import { O as D, b as k, j as e, P as gs, Q as js, R as z, U as bs, V as ys, W as vs, X as Ns, Y as Cs, Z as H, _ as de, $ as Zs, J as Xs, M as Oe, a0 as Va, a1 as _a, a2 as Ra, a3 as Ha, a4 as Ba, a5 as $a, a6 as _s, a7 as Ve, a8 as $e, a9 as ea, aa as Xe, T as Ss, e as sa, g as ks, ab as ke, ac as we, f as Z, ad as ze, ae as Fe, af as _e, ag as Me, ah as ae, ai as ws, G as c, aj as zs, ak as Fs, al as Os, w as aa, v as ta, t as me, am as Pa, r as Ka, N as na, s as Ga, an as Ja, B as Ua, ao as la, ap as Qa, S as Ms, z as Wa, n as Rs, aq as ms, A as ra, ar as us, u as Pe, as as he, at as ge, au as Re, av as ia, aw as oa, ax as Ya, ay as Za, az as ca, aA as Xa, aB as et, aC as st, aD as at, aE as tt, aF as xs, aG as nt, aH as lt, aI as qe, aJ as ps, aK as Se, aL as fs, aM as Hs, aN as rt, aO as it, aP as ot, aQ as ct, aR as dt, aS as hs, aT as ht, aU as Bs, aV as mt, aW as $s, aX as ut, aY as xt, aZ as pt, c as ft, a_ as da, l as gt, C as jt, E as We, d as bt, h as yt, a$ as vt, i as Nt, o as Ct, b0 as St, m as kt, H as as, b1 as wt, b2 as ha, b3 as ma, b4 as Ye, b5 as ua, b6 as Ze, b7 as Ps, b8 as ts, b9 as ns, ba as ls, bb as xa, K as zt, bc as Ft, bd as Ot, be as Ts, bf as Te, bg as pa, bh as Mt, bi as Tt, bj as At, bk as Dt, bl as Lt, bm as Ks, bn as It, bo as Et, bp as qt, bq as Vt, br as _t, bs as Rt, bt as Ht, bu as Bt, bv as ve, bw as P, bx as K, by as As, bz as G, bA as Gs, bB as $t, bC as Pt, bD as Kt, bE as Gt, bF as Jt, bG as Ut, bH as Qt, bI as Wt, bJ as Yt, bK as Zt } from "./index-v8Xeg1na.js";
 import * as Js from "react";
-import he, { useState as T, useEffect as Q, useMemo as Xt, useRef as He } from "react";
+import ue, { useState as T, useEffect as Q, useMemo as Xt, useRef as He } from "react";
 /**
  * @license lucide-react v0.379.0 - ISC
  *
@@ -402,9 +402,9 @@ const Sn = D("User", [
   ["circle", { cx: "12", cy: "7", r: "4", key: "17ys0d" }]
 ]);
 function kn() {
-  const [s, n] = T(""), [a, t] = T(!1), [r, h] = T(!1), o = w((d) => d.dashboard);
+  const [s, n] = T(""), [a, t] = T(!1), [r, h] = T(!1), o = k((d) => d.dashboard);
   function i() {
-    const d = Xs(o), m = Fe(o.id), x = JSON.parse(localStorage.getItem(m) || "[]");
+    const d = Xs(o), m = Oe(o.id), x = JSON.parse(localStorage.getItem(m) || "[]");
     if (x.some(
       (g) => g.name === s
     )) {
@@ -416,28 +416,28 @@ function kn() {
       template: d
     }), localStorage.setItem(m, JSON.stringify(x)), h(!1);
   }
-  return /* @__PURE__ */ e.jsxs(fs, { open: r, onOpenChange: h, children: [
-    /* @__PURE__ */ e.jsx(gs, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
+  return /* @__PURE__ */ e.jsxs(gs, { open: r, onOpenChange: h, children: [
+    /* @__PURE__ */ e.jsx(js, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
       z,
       {
         variant: "outline",
         className: "h-7 p-2",
         size: "sm",
         children: [
-          /* @__PURE__ */ e.jsx(js, { className: " mr-2 h-4 w-4", strokeWidth: 1.5 }),
+          /* @__PURE__ */ e.jsx(bs, { className: " mr-2 h-4 w-4", strokeWidth: 1.5 }),
           "Add Lens"
         ]
       }
     ) }),
-    /* @__PURE__ */ e.jsxs(bs, { className: "sm:max-w-[425px]", children: [
-      /* @__PURE__ */ e.jsxs(ys, { children: [
-        /* @__PURE__ */ e.jsx(vs, { children: "Add a Lens" }),
-        /* @__PURE__ */ e.jsx(Ns, { children: "Lenses are private by default and are only visible to you." })
+    /* @__PURE__ */ e.jsxs(ys, { className: "sm:max-w-[425px]", children: [
+      /* @__PURE__ */ e.jsxs(vs, { children: [
+        /* @__PURE__ */ e.jsx(Ns, { children: "Add a Lens" }),
+        /* @__PURE__ */ e.jsx(Cs, { 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(R, { className: "text-right", children: "Name" }),
+        /* @__PURE__ */ e.jsx(H, { className: "text-right", children: "Name" }),
         /* @__PURE__ */ e.jsx(
-          oe,
+          de,
           {
             value: s,
             onChange: (d) => {
@@ -463,13 +463,13 @@ function kn() {
   ] });
 }
 function wn() {
-  const [s, n] = T(!1), [a, t] = T(""), r = w((l) => l.dashboard), h = w((l) => l.bookmarkKey), [o, i] = T([]), d = w((l) => l.actions.setDashboard), m = w(
+  const [s, n] = T(!1), [a, t] = T(""), r = k((l) => l.dashboard), h = k((l) => l.bookmarkKey), [o, i] = T([]), d = k((l) => l.actions.setDashboard), m = k(
     (l) => l.actions.setFilterValues
-  ), x = w(
+  ), x = k(
     (l) => l.actions.setBookmarkKey
   );
   Q(() => {
-    const l = Fe(r.id), u = JSON.parse(localStorage.getItem(l) || "[]");
+    const l = Oe(r.id), u = JSON.parse(localStorage.getItem(l) || "[]");
     i(u);
     const b = u.find(
       (f) => f.default
@@ -483,7 +483,7 @@ function wn() {
     b && (d(b), m(u.filterValues || []), x(l === "Original" ? "" : l)), t(l);
   }
   function g(l) {
-    const u = Fe(r.id), f = JSON.parse(localStorage.getItem(u) || "[]").filter(
+    const u = Oe(r.id), f = JSON.parse(localStorage.getItem(u) || "[]").filter(
       (N) => N.name !== l
     );
     localStorage.setItem(u, JSON.stringify(f)), i(f);
@@ -529,13 +529,13 @@ function wn() {
   ] });
 }
 function zn() {
-  const [s, n] = T(!1), a = w((h) => h.dashboard), t = w((h) => h.bookmarkKey);
+  const [s, n] = T(!1), a = k((h) => h.dashboard), t = k((h) => h.bookmarkKey);
   Q(() => {
     if (!t) {
       n(!1);
       return;
     }
-    const h = Fe(a.id), i = JSON.parse(
+    const h = Oe(a.id), i = JSON.parse(
       localStorage.getItem(h) || "[]"
     ).find(
       (d) => d.name === t
@@ -545,7 +545,7 @@ function zn() {
   function r(h) {
     if (n(h), !t)
       return;
-    const o = Fe(a.id), d = JSON.parse(
+    const o = Oe(a.id), d = JSON.parse(
       localStorage.getItem(o) || "[]"
     ).map((m) => (m.name === t ? m.default = h : m.default = !1, m));
     console.log(d), localStorage.setItem(o, JSON.stringify(d));
@@ -570,19 +570,19 @@ function zn() {
   ] });
 }
 function Fn() {
-  const s = w((N) => N.bookmarkKey), n = w((N) => N.dashboard);
-  w((N) => N.selectedSheetId);
-  const a = w(
+  const s = k((N) => N.bookmarkKey), n = k((N) => N.dashboard);
+  k((N) => N.selectedSheetId);
+  const a = k(
     (N) => N.isDashboardEditing
-  ), t = w((N) => N.filterValues), r = w((N) => N.isVisualEditing), h = w((N) => N.showFilters);
-  w(
+  ), t = k((N) => N.filterValues), r = k((N) => N.isVisualEditing), h = k((N) => N.showFilters);
+  k(
     (N) => N.showDashboardJSON
   );
-  const o = w((N) => N.onSaveFunction), i = w(
+  const o = k((N) => N.onSaveFunction), i = k(
     (N) => N.actions.setShowFilters
-  ), { addFrame: d, setSelectedFrameId: m } = w(
+  ), { addFrame: d, setSelectedFrameId: m } = k(
     (N) => N.actions
-  ), { getSelectedSheet: x, setIsDashboardEditing: y, setShowDashboardJSON: g } = w((N) => N.actions), l = x(), u = () => {
+  ), { getSelectedSheet: x, setIsDashboardEditing: y, setShowDashboardJSON: g } = k((N) => N.actions), l = x(), u = () => {
     if (!a || !l)
       return;
     const N = {
@@ -600,31 +600,31 @@ function Fn() {
       type: "bar",
       sql: "select COUNT(*) from YOUR_TABLE",
       data: []
-    }, M = {
+    }, O = {
       id: Xe(),
       cards: [N],
       activeCardId: N.id
     };
-    d(l.id, M), m(M.id);
+    d(l.id, O), m(O.id);
   }, b = () => {
     y(!0);
   };
   function f() {
     if (!s || s === "")
       return;
-    const N = Xs(n), M = Fe(n.id), v = JSON.parse(localStorage.getItem(M) || "[]"), I = v.findIndex(
-      (E) => E.name === s
+    const N = Xs(n), O = Oe(n.id), v = JSON.parse(localStorage.getItem(O) || "[]"), q = v.findIndex(
+      (V) => V.name === s
     );
-    I !== -1 ? v[I] = {
+    q !== -1 ? v[q] = {
       name: s,
       template: N,
-      default: v[I].default,
+      default: v[q].default,
       filterValues: t
     } : v.push({
       name: s,
       template: N,
       filterValues: t
-    }), localStorage.setItem(M, JSON.stringify(v)), o == null || o(N);
+    }), localStorage.setItem(O, JSON.stringify(v)), o == null || o(N);
   }
   return r ? null : /* @__PURE__ */ e.jsxs(
     "div",
@@ -633,7 +633,7 @@ function Fn() {
       role: "dashboard-controls",
       children: [
         !r && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ e.jsx(R, { children: s }),
+          /* @__PURE__ */ e.jsx(H, { children: s }),
           !!s && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
             /* @__PURE__ */ e.jsx("span", { className: "text-muted-foreground", children: "|" }),
             /* @__PURE__ */ e.jsx(zn, {})
@@ -651,7 +651,7 @@ function Fn() {
               disabled: !a,
               onClick: u,
               children: [
-                /* @__PURE__ */ e.jsx(js, { className: "mr-2 h-4 w-4", strokeWidth: 1.5 }),
+                /* @__PURE__ */ e.jsx(bs, { className: "mr-2 h-4 w-4", strokeWidth: 1.5 }),
                 "Add Frame"
               ]
             }
@@ -728,38 +728,38 @@ function Ee({
     if (s === "Schema")
       return /* @__PURE__ */ e.jsx(pn, { className: "size-4" });
     if (s === "Table")
-      return /* @__PURE__ */ e.jsx(ks, { className: "size-4" });
+      return /* @__PURE__ */ e.jsx(ws, { className: "size-4" });
     if (s === "Model")
       return /* @__PURE__ */ e.jsx(sn, { 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(Cs, { children: [
+    m && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: h ? /* @__PURE__ */ e.jsxs(Ss, { children: [
       /* @__PURE__ */ e.jsx(sa, { children: g() }),
-      /* @__PURE__ */ e.jsx(Ss, { className: "text-xs", align: "start", children: h })
+      /* @__PURE__ */ e.jsx(ks, { className: "text-xs", align: "start", children: h })
     ] }) : g() }),
-    /* @__PURE__ */ e.jsxs(Se, { disabled: x, value: y, onValueChange: o, children: [
+    /* @__PURE__ */ e.jsxs(ke, { disabled: x, value: y, onValueChange: o, children: [
       /* @__PURE__ */ e.jsx(
-        ke,
+        we,
         {
           className: Z(
             "h-9 w-full focus:ring-1 focus:ring-offset-0",
             d
           ),
           children: /* @__PURE__ */ e.jsx(
-            we,
+            ze,
             {
               placeholder: t ? "Loading..." : r ? "Error" : `Select ${s}`
             }
           )
         }
       ),
-      /* @__PURE__ */ e.jsx(ze, { children: /* @__PURE__ */ e.jsxs(_e, { children: [
-        t ? /* @__PURE__ */ e.jsx(Oe, { children: "Loading..." }) : /* @__PURE__ */ e.jsx(Oe, { children: s }),
+      /* @__PURE__ */ e.jsx(Fe, { children: /* @__PURE__ */ e.jsxs(_e, { children: [
+        t ? /* @__PURE__ */ e.jsx(Me, { children: "Loading..." }) : /* @__PURE__ */ e.jsx(Me, { children: s }),
         /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-          i && /* @__PURE__ */ e.jsx(ee, { value: "none", children: "None" }, "none"),
-          n && n.map((l, u) => /* @__PURE__ */ e.jsx(ee, { value: l.id, children: l.name }, u))
+          i && /* @__PURE__ */ e.jsx(ae, { value: "none", children: "None" }, "none"),
+          n && n.map((l, u) => /* @__PURE__ */ e.jsx(ae, { value: l.id, children: l.name }, u))
         ] }),
-        (t || r) && /* @__PURE__ */ e.jsx(ee, { value: y, children: y })
+        (t || r) && /* @__PURE__ */ e.jsx(ae, { value: y, children: y })
       ] }) })
     ] })
   ] });
@@ -769,17 +769,17 @@ function On({ column: s }) {
     (l) => l.selectedSchemaName
   ), h = c(
     (l) => l.selectedDatamodelId
-  ), o = c((l) => l.sqlGen), { modelItems: i } = Te(), d = c((l) => l.actions.setSqlGen), m = c((l) => l.actions.setCardSql), x = c((l) => l.actions.setRunSql);
+  ), o = c((l) => l.sqlGen), { modelItems: i } = Ae(), d = c((l) => l.actions.setSqlGen), m = c((l) => l.actions.setCardSql), x = c((l) => l.actions.setRunSql);
   function y(l, u) {
-    var M;
-    const b = aa(l, o, u), f = (M = i == null ? void 0 : i.find(
+    var O;
+    const b = aa(l, o, u), f = (O = i == null ? void 0 : i.find(
       (v) => v.id === h
-    )) == null ? void 0 : M.name;
+    )) == null ? void 0 : O.name;
     d(b);
     const N = ta(
       b,
-      de(r || ""),
-      de(t),
+      me(r || ""),
+      me(t),
       f
     );
     N && (m(N), x(!0)), a(!1);
@@ -828,10 +828,10 @@ function On({ column: s }) {
       )
     ] });
   }
-  return /* @__PURE__ */ e.jsxs(ws, { openDelay: 0, open: n, onOpenChange: a, children: [
-    /* @__PURE__ */ e.jsx(zs, { asChild: !0, children: /* @__PURE__ */ e.jsx(nn, { className: "invisible size-3.5 cursor-pointer text-foreground/40 group-hover:visible" }) }),
+  return /* @__PURE__ */ e.jsxs(zs, { openDelay: 0, open: n, onOpenChange: a, children: [
+    /* @__PURE__ */ e.jsx(Fs, { asChild: !0, children: /* @__PURE__ */ e.jsx(nn, { className: "invisible size-3.5 cursor-pointer text-foreground/40 group-hover:visible" }) }),
     /* @__PURE__ */ e.jsx(
-      Fs,
+      Os,
       {
         align: "center",
         className: "w-20 rounded-md p-0 shadow-none",
@@ -841,7 +841,7 @@ function On({ column: s }) {
   ] });
 }
 function ya({ column: s }) {
-  return /* @__PURE__ */ e.jsxs(Cs, { children: [
+  return /* @__PURE__ */ e.jsxs(Ss, { children: [
     /* @__PURE__ */ e.jsx(Pa, { asChild: !0, children: Ka.includes(s.data_type.toLowerCase()) ? (
       // <span className=" font-thin">T</span>
       /* @__PURE__ */ e.jsx(Is, { className: "size-3" })
@@ -849,7 +849,7 @@ function ya({ column: s }) {
       //
       /* @__PURE__ */ e.jsx(cn, { className: "size-3" })
     ) : Ga.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(Ja, { className: "size-3" }) : Ua.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(Cn, { className: "size-3" }) : /* @__PURE__ */ e.jsx(bn, { className: "size-3" }) }),
-    /* @__PURE__ */ e.jsx(Ss, { children: /* @__PURE__ */ e.jsx("p", { className: "font-mono text-xs", children: s.data_type }) })
+    /* @__PURE__ */ e.jsx(ks, { children: /* @__PURE__ */ e.jsx("p", { className: "font-mono text-xs", children: s.data_type }) })
   ] });
 }
 function Mn({
@@ -858,35 +858,35 @@ function Mn({
   columns: a,
   status: t
 }) {
-  const r = c((S) => S.sqlGen), h = c(
-    (S) => S.selectedConnectionId
+  const r = c((C) => C.sqlGen), h = c(
+    (C) => C.selectedConnectionId
   ), o = c(
-    (S) => S.selectedDatabaseName
+    (C) => C.selectedDatabaseName
   ), i = c(
-    (S) => S.selectedSchemaName
-  ), d = c((S) => S.selectedTableName), m = c(
-    (S) => S.selectedDatamodelId
-  ), x = w(
-    (S) => S.dashboard.aiScopeTables
-  ), { setAIScopeTables: y } = w((S) => S.actions), g = c((S) => S.actions.setRunSql), l = c((S) => S.actions.setSqlGen), u = c(
-    (S) => S.actions.setIsShowingVisual
-  ), b = c((S) => S.actions.setCardSql), { connectionType: f, modelItems: N } = Te();
-  function M(S) {
+    (C) => C.selectedSchemaName
+  ), d = c((C) => C.selectedTableName), m = c(
+    (C) => C.selectedDatamodelId
+  ), x = k(
+    (C) => C.dashboard.aiScopeTables
+  ), { setAIScopeTables: y } = k((C) => C.actions), g = c((C) => C.actions.setRunSql), l = c((C) => C.actions.setSqlGen), u = c(
+    (C) => C.actions.setIsShowingVisual
+  ), b = c((C) => C.actions.setCardSql), { connectionType: f, modelItems: N } = Ae();
+  function O(C) {
     var L;
-    const F = aa(S, r);
+    const F = aa(C, r);
     l(F);
-    const _ = (L = N == null ? void 0 : N.find(
-      (H) => H.id === m
-    )) == null ? void 0 : L.name, B = ta(F, de(s), de(n), _);
+    const R = (L = N == null ? void 0 : N.find(
+      ($) => $.id === m
+    )) == null ? void 0 : L.name, B = ta(F, me(s), me(n), R);
     B && (b(B), g(!0));
   }
   function v() {
     return (x == null ? void 0 : x.find(
-      (S) => S.connectinonId === h && S.tableName === d
+      (C) => C.connectinonId === h && C.tableName === d
     )) !== void 0;
   }
-  function I(S) {
-    if (S === !0 && d && h) {
+  function q(C) {
+    if (C === !0 && d && h) {
       const F = {
         connectinonId: h,
         connectionType: f,
@@ -894,45 +894,45 @@ function Mn({
         schemaName: i,
         tableName: d
       }, B = [...x || [], F].filter(
-        (L, H, Y) => Y.findIndex(
+        (L, $, X) => X.findIndex(
           (U) => U.connectinonId === L.connectinonId && U.tableName === L.tableName
-        ) === H
+        ) === $
       );
-      y(B), hs.success(`Added '${d}' to AI Scope`, {
+      y(B), ms.success(`Added '${d}' to AI Scope`, {
         position: "top-right",
         duration: 2500,
         richColors: !0
       });
     } else {
       const F = (x || []).filter(
-        (_) => _.connectinonId !== h && _.tableName !== d
+        (R) => R.connectinonId !== h && R.tableName !== d
       );
-      y(F), hs(`Removed '${d}' from AI Scope`, {
+      y(F), ms(`Removed '${d}' from AI Scope`, {
         position: "top-right",
         duration: 2e3,
         richColors: !0
       });
     }
   }
-  function E() {
+  function V() {
     var L;
-    let S = ra(s, n);
+    let C = ra(s, n);
     const F = (L = N == null ? void 0 : N.find(
-      (H) => H.id === m
+      ($) => $.id === m
     )) == null ? void 0 : L.name;
-    console.log("modelName", F), m && m !== "none" && (S = `${ms}.${F}`);
-    let _ = S;
-    return ((H) => /[A-Z]/.test(H))(n) && (_ = _.split(".").map((Y) => `"${Y}"`).join(".")), _;
+    console.log("modelName", F), m && m !== "none" && (C = `${us}.${F}`);
+    let R = C;
+    return (($) => /[A-Z]/.test($))(n) && (R = R.split(".").map((X) => `"${X}"`).join(".")), R;
   }
-  function V() {
-    const S = E();
+  function _() {
+    const C = V();
     u(!1);
-    const F = f === "MSSQL" ? `SELECT top 10 * FROM ${S}` : `SELECT * FROM ${S} LIMIT 10`;
+    const F = f === "MSSQL" ? `SELECT top 10 * FROM ${C}` : `SELECT * FROM ${C} LIMIT 10`;
     b(F), g(!0);
   }
   function A() {
-    const S = E();
-    b(`SELECT COUNT(*) as count FROM ${S}`), g(!0);
+    const C = V();
+    b(`SELECT COUNT(*) as count FROM ${C}`), g(!0);
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "flex grow flex-col space-y-4 px-4", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-center gap-1", children: [
@@ -941,7 +941,7 @@ function Mn({
         {
           title: `${v() ? "Remove from" : "Add to"} AI Scope`,
           pressed: v(),
-          onPressedChange: I,
+          onPressedChange: q,
           variant: "outline",
           className: "h-9 px-2",
           children: /* @__PURE__ */ e.jsx(
@@ -959,7 +959,7 @@ function Mn({
         z,
         {
           disabled: t !== "Success",
-          onClick: V,
+          onClick: _,
           size: "sm",
           variant: "secondary",
           className: "flex",
@@ -985,36 +985,36 @@ function Mn({
       )
     ] }),
     /* @__PURE__ */ e.jsxs(
-      Os,
+      Ms,
       {
         className: "flex-1 basis-0 overflow-y-auto border-b border-t border-muted py-3",
         children: [
-          a == null ? void 0 : a.map((S) => /* @__PURE__ */ e.jsxs(
+          a == null ? void 0 : a.map((C) => /* @__PURE__ */ e.jsxs(
             "div",
             {
-              onClick: () => M(S),
+              onClick: () => O(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": Wa(S, r)
+                  "bg-muted": Wa(C, r)
                 }
               ),
               children: [
                 /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-                  /* @__PURE__ */ e.jsx(ya, { column: S }),
-                  /* @__PURE__ */ e.jsx("span", { children: S.column_name })
+                  /* @__PURE__ */ e.jsx(ya, { column: C }),
+                  /* @__PURE__ */ e.jsx("span", { children: C.column_name })
                 ] }),
                 /* @__PURE__ */ e.jsx(
                   "div",
                   {
                     onClick: (F) => F.stopPropagation(),
                     className: "flex items-center justify-end",
-                    children: na.includes(S.data_type) && /* @__PURE__ */ e.jsx(On, { column: S })
+                    children: na.includes(C.data_type) && /* @__PURE__ */ e.jsx(On, { column: C })
                   }
                 )
               ]
             },
-            S.column_name
+            C.column_name
           )),
           /* @__PURE__ */ e.jsx(Rs, { orientation: "vertical" }),
           /* @__PURE__ */ e.jsx(Rs, { orientation: "horizontal" })
@@ -1023,7 +1023,7 @@ function Mn({
     )
   ] });
 }
-function Te(s, n) {
+function Ae(s, n) {
   var Ge, Ie, Je, Ue, p;
   let a = Xt(() => [], []);
   const t = Pe().authToken || s, r = c(
@@ -1053,28 +1053,28 @@ function Te(s, n) {
   function N(j) {
     return !!(r && o && o !== "NA" && i && d || r && (j === "S3" || j === "API") || h && h);
   }
-  function M(j) {
+  function O(j) {
     return r && j ? !(j === "API" || j === "S3") : !1;
   }
   const {
     data: v,
-    isLoading: I,
-    isError: E
-  } = ce({
+    isLoading: q,
+    isError: V
+  } = he({
     queryKey: ["connections"],
-    queryFn: () => pe(
+    queryFn: () => ge(
       "https://semaphor.cloud/api/v1/connections",
       (t == null ? void 0 : t.accessToken) || ""
     ),
     enabled: !!(t != null && t.accessToken)
     // Only fetch if authToken is present
   }), {
-    data: V,
+    data: _,
     isLoading: A,
-    isError: S
-  } = ce({
+    isError: C
+  } = he({
     queryKey: ["models", r],
-    queryFn: () => pe(
+    queryFn: () => ge(
       "https://semaphor.cloud/api/v1/datamodels",
       (t == null ? void 0 : t.accessToken) || "",
       {
@@ -1085,32 +1085,32 @@ function Te(s, n) {
     // Only fetch if authToken is present
   }), F = v == null ? void 0 : v.connections.find(
     (j) => j.id === r
-  ), _ = F == null ? void 0 : F.type, B = (F == null ? void 0 : F.type) === "API" || (F == null ? void 0 : F.type) === "S3", {
+  ), R = F == null ? void 0 : F.type, B = (F == null ? void 0 : F.type) === "API" || (F == null ? void 0 : F.type) === "S3", {
     data: L,
-    isLoading: H,
-    isFetching: Y,
+    isLoading: $,
+    isFetching: X,
     isError: U,
-    refetch: ne
-  } = ce({
+    refetch: le
+  } = he({
     queryKey: ["databases", r],
-    queryFn: () => pe(
+    queryFn: () => ge(
       "https://semaphor.cloud/api/v1/databases",
       (t == null ? void 0 : t.accessToken) || "",
       {
         connection_id: r
       }
     ),
-    enabled: M(_)
+    enabled: O(R)
     // !!selectedConnectionId && !isNonDbConnection, //currentConnection?.type !== 'API', // Only fetch if connectionId is present
   }), {
     data: J,
-    isLoading: le,
-    isFetching: k,
-    isError: C,
-    refetch: O
-  } = ce({
+    isLoading: re,
+    isFetching: S,
+    isError: M,
+    refetch: Y
+  } = he({
     queryKey: ["schemas", r, o],
-    queryFn: () => pe(
+    queryFn: () => ge(
       "https://semaphor.cloud/api/v1/schemas",
       (t == null ? void 0 : t.accessToken) || "",
       {
@@ -1121,19 +1121,19 @@ function Te(s, n) {
     enabled: !!r && !!o && !B && o !== "NA"
     //currentConnection?.type !== 'API', // Only fetch if connectionId and database is present
   }), {
-    data: $,
-    isLoading: ue,
-    isFetching: ae,
-    isError: q,
-    refetch: X
-  } = ce({
+    data: w,
+    isLoading: I,
+    isFetching: ee,
+    isError: E,
+    refetch: se
+  } = he({
     queryKey: [
       "tables",
       r,
       o,
       i
     ],
-    queryFn: () => pe(
+    queryFn: () => ge(
       "https://semaphor.cloud/api/v1/tables",
       (t == null ? void 0 : t.accessToken) || "",
       {
@@ -1142,13 +1142,13 @@ function Te(s, n) {
         schema_name: i
       }
     ),
-    enabled: f(_)
+    enabled: f(R)
   }), {
-    data: se,
-    isLoading: fe,
-    isFetching: xe,
+    data: te,
+    isLoading: je,
+    isFetching: pe,
     isError: W
-  } = ce({
+  } = he({
     queryKey: [
       "columns",
       r,
@@ -1157,7 +1157,7 @@ function Te(s, n) {
       i,
       d
     ],
-    queryFn: () => pe(
+    queryFn: () => ge(
       "https://semaphor.cloud/api/v1/columns",
       (t == null ? void 0 : t.accessToken) || "",
       {
@@ -1169,7 +1169,7 @@ function Te(s, n) {
         table_name: d
       }
     ),
-    enabled: N(_)
+    enabled: N(R)
     // (!!selectedConnectionId &&
     //   !!selectedDatabaseName &&
     //   !!selectedSchemaName &&
@@ -1180,7 +1180,7 @@ function Te(s, n) {
   });
   Q(() => {
     m(a);
-  }, [se, m, a]), Q(() => {
+  }, [te, m, a]), Q(() => {
   }, [
     B,
     b,
@@ -1189,85 +1189,85 @@ function Te(s, n) {
     g,
     F
   ]);
-  const re = (F == null ? void 0 : F.type) === "API" ? (Ge = F == null ? void 0 : F.type) == null ? void 0 : Ge.toLowerCase() : d || "", ie = B ? "" : i || "";
-  function ge(j) {
+  const ie = (F == null ? void 0 : F.type) === "API" ? (Ge = F == null ? void 0 : F.type) == null ? void 0 : Ge.toLowerCase() : d || "", oe = B ? "" : i || "";
+  function be(j) {
     l(j), u("");
   }
-  function ye(j) {
+  function ce(j) {
     g(j === "none" ? "" : j), l(""), u(""), j !== "none" && j !== "" && y("");
   }
-  function Le(j) {
+  function fe(j) {
     x(j);
   }
   function qs(j) {
     y(j === "none" ? "" : j), j !== "none" && j !== "" && g("");
   }
-  L && ((Ie = L == null ? void 0 : L.databases) == null ? void 0 : Ie.length) > 0, J && ((Je = J == null ? void 0 : J.schemas) == null ? void 0 : Je.length) > 0, se && ((Ue = se == null ? void 0 : se.columns) == null ? void 0 : Ue.length) > 0 && (a = se.columns.map((j) => ({
+  L && ((Ie = L == null ? void 0 : L.databases) == null ? void 0 : Ie.length) > 0, J && ((Je = J == null ? void 0 : J.schemas) == null ? void 0 : Je.length) > 0, te && ((Ue = te == null ? void 0 : te.columns) == null ? void 0 : Ue.length) > 0 && (a = te.columns.map((j) => ({
     ...j,
     data_type: j.data_type.toLowerCase()
-  }))), U && (a = []), (W || E) && (a = []);
-  const ve = v == null ? void 0 : v.connections.map(
+  }))), U && (a = []), (W || V) && (a = []);
+  const Ne = v == null ? void 0 : v.connections.map(
     (j) => ({
       id: j.id,
       name: j.name,
       type: j.type
     })
-  ), rs = (p = V == null ? void 0 : V.datamodels) == null ? void 0 : p.map((j) => ({
+  ), is = (p = _ == null ? void 0 : _.datamodels) == null ? void 0 : p.map((j) => ({
     id: j.id,
     name: j.name
   })), Ke = L == null ? void 0 : L.databases.map((j) => ({
     id: j.database_name,
     name: j.database_name
-  })), is = J == null ? void 0 : J.schemas.map((j) => ({
+  })), os = J == null ? void 0 : J.schemas.map((j) => ({
     id: j.schema_name,
     name: j.schema_name
-  })), os = $ == null ? void 0 : $.tables.map((j) => ({
+  })), cs = w == null ? void 0 : w.tables.map((j) => ({
     id: j.table_name,
     name: j.table_name
   }));
   return {
-    connectionItems: ve,
-    isConnectionsLoading: I,
-    isConnectionsError: E,
-    modelItems: rs,
+    connectionItems: Ne,
+    isConnectionsLoading: q,
+    isConnectionsError: V,
+    modelItems: is,
     isModelsLoading: A,
-    isModelsError: S,
+    isModelsError: C,
     databaseItems: Ke,
-    isDatabasesLoadingOrFetching: H || Y,
+    isDatabasesLoadingOrFetching: $ || X,
     isDatabaseError: U,
-    schemaItems: is,
-    isSchemaLoadingOrFetching: le || k,
-    isSchemaError: C,
-    tableItems: os,
-    isTableLoadingOrFetching: ue || ae,
-    isTableError: q,
+    schemaItems: os,
+    isSchemaLoadingOrFetching: re || S,
+    isSchemaError: M,
+    tableItems: cs,
+    isTableLoadingOrFetching: I || ee,
+    isTableError: E,
     columns: a,
-    isColumnsLoadingOrFetching: fe || xe,
+    isColumnsLoadingOrFetching: je || pe,
     isColumnsError: W,
     isNonDbConnection: B,
-    connectionType: _,
-    tableName: re,
-    schemaName: ie,
-    handleConnectionChange: Le,
+    connectionType: R,
+    tableName: ie,
+    schemaName: oe,
+    handleConnectionChange: fe,
     handleDatamodelChange: qs,
-    handleDatabaseChange: ye,
-    handleSchemaChange: ge
+    handleDatabaseChange: ce,
+    handleSchemaChange: be
   };
 }
 function va({
   ColumnsComponent: s
 }) {
-  var ae;
+  var ee;
   const n = c(
-    (q) => q.selectedConnectionId
+    (E) => E.selectedConnectionId
   ), a = c(
-    (q) => q.selectedDatamodelId
+    (E) => E.selectedDatamodelId
   ), t = c(
-    (q) => q.selectedDatabaseName
+    (E) => E.selectedDatabaseName
   ), r = c(
-    (q) => q.selectedSchemaName
-  ), h = c((q) => q.selectedTableName), o = c(
-    (q) => q.actions.setSelectedTableName
+    (E) => E.selectedSchemaName
+  ), h = c((E) => E.selectedTableName), o = c(
+    (E) => E.actions.setSelectedTableName
   ), {
     connectionItems: i,
     modelItems: d,
@@ -1280,37 +1280,37 @@ function va({
     isConnectionsError: b,
     isModelsError: f,
     isDatabasesLoadingOrFetching: N,
-    isDatabaseError: M,
+    isDatabaseError: O,
     isSchemaLoadingOrFetching: v,
-    isSchemaError: I,
-    isColumnsError: E,
-    isColumnsLoadingOrFetching: V,
+    isSchemaError: q,
+    isColumnsError: V,
+    isColumnsLoadingOrFetching: _,
     isTableLoadingOrFetching: A,
-    isTableError: S,
+    isTableError: C,
     connectionType: F,
-    isNonDbConnection: _,
+    isNonDbConnection: R,
     handleConnectionChange: B,
     handleDatabaseChange: L,
-    handleSchemaChange: H,
-    handleDatamodelChange: Y,
+    handleSchemaChange: $,
+    handleDatamodelChange: X,
     tableName: U,
-    schemaName: ne
-  } = Te();
+    schemaName: le
+  } = Ae();
   function J() {
-    return s ? s(ne, U, g) : /* @__PURE__ */ e.jsx(
+    return s ? s(le, U, g) : /* @__PURE__ */ e.jsx(
       Mn,
       {
-        schemaName: ne,
+        schemaName: le,
         tableName: U,
         columns: g,
-        status: V ? "Loading..." : E ? "Error" : "Success"
+        status: _ ? "Loading..." : V ? "Error" : "Success"
       }
     );
   }
-  function le() {
+  function re() {
     window.location.href = "mailto:support@semaphor.cloud?subject=Help&body=I need help with...";
   }
-  function k() {
+  function S() {
     if (!n || F === "S3" || F === "API")
       return null;
     if (!a || a === "none")
@@ -1319,7 +1319,7 @@ function va({
         {
           showNone: !0,
           onChange: L,
-          isError: M,
+          isError: O,
           isLoading: N,
           items: x,
           value: t || "",
@@ -1327,15 +1327,15 @@ function va({
         }
       );
   }
-  function C() {
-    if (n && !_ && (!t || t === "none") && (!a || a === "none"))
+  function M() {
+    if (n && !R && (!t || t === "none") && (!a || a === "none"))
       return /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3", children: [
         /* @__PURE__ */ e.jsx("div", { className: "col-span-1 grid place-items-center", children: /* @__PURE__ */ e.jsx(Re, {}) }),
-        /* @__PURE__ */ e.jsx("div", { className: "col-span-1 grid place-items-center", children: /* @__PURE__ */ e.jsx(R, { children: "OR" }) }),
+        /* @__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(Re, {}) })
       ] });
   }
-  function O() {
+  function Y() {
     if (!n || F === "S3" || F === "API")
       return null;
     if (!t || t === "none")
@@ -1343,7 +1343,7 @@ function va({
         Ee,
         {
           showNone: !0,
-          onChange: Y,
+          onChange: X,
           isError: f,
           isLoading: u,
           items: d,
@@ -1352,12 +1352,12 @@ function va({
         }
       );
   }
-  function $() {
+  function w() {
     return !n || F === "S3" || F === "API" || !t || t === "none" ? null : /* @__PURE__ */ e.jsx(
       Ee,
       {
-        onChange: H,
-        isError: I,
+        onChange: $,
+        isError: q,
         isLoading: v,
         items: m,
         value: r || "",
@@ -1365,16 +1365,16 @@ function va({
       }
     );
   }
-  function ue() {
-    function q() {
-      let X = !1;
-      return F === "API" ? (X = !1, X) : ((F === "S3" || n && t && t !== "none" && r) && (X = !0), X);
+  function I() {
+    function E() {
+      let se = !1;
+      return F === "API" ? (se = !1, se) : ((F === "S3" || n && t && t !== "none" && r) && (se = !0), se);
     }
-    return q() ? /* @__PURE__ */ e.jsx(
+    return E() ? /* @__PURE__ */ e.jsx(
       Ee,
       {
         onChange: o,
-        isError: S,
+        isError: C,
         items: y,
         isLoading: A,
         value: h || "",
@@ -1393,22 +1393,22 @@ function va({
           onChange: B,
           isLoading: l,
           isError: b,
-          connectionTooltip: ((ae = i == null ? void 0 : i.find(
-            (q) => q.id === n
-          )) == null ? void 0 : ae.type) || ""
+          connectionTooltip: ((ee = i == null ? void 0 : i.find(
+            (E) => E.id === n
+          )) == null ? void 0 : ee.type) || ""
         }
       ),
-      O(),
-      C(),
-      k(),
-      $(),
-      ue()
+      Y(),
+      M(),
+      S(),
+      w(),
+      I()
     ] }),
     J(),
     /* @__PURE__ */ e.jsx("div", { className: "flex items-end justify-center gap-2 px-6 py-4", children: /* @__PURE__ */ e.jsxs(
       z,
       {
-        onClick: le,
+        onClick: re,
         size: "sm",
         variant: "secondary",
         className: "w-full",
@@ -1442,10 +1442,10 @@ function An({
   setUserInputforAI: a,
   setTriggerAIRun: t
 }) {
-  return /* @__PURE__ */ e.jsxs(ws, { openDelay: 0, children: [
-    /* @__PURE__ */ e.jsx(zs, { 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(Fs, { 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(Os, { 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(zs, { openDelay: 0, children: [
+    /* @__PURE__ */ e.jsx(Fs, { 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(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(Ms, { 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,
         {
@@ -1476,9 +1476,9 @@ function Dn({
 function Ln() {
   const { authToken: s } = Pe(), n = c(
     (h) => h.selectedConnectionId
-  ), { data: a } = ce({
+  ), { data: a } = he({
     queryKey: ["connections"],
-    queryFn: () => pe(
+    queryFn: () => ge(
       "https://semaphor.cloud/api/v1/connections",
       (s == null ? void 0 : s.accessToken) || ""
     ),
@@ -1492,7 +1492,7 @@ function Ln() {
 function In() {
   const { authToken: s } = Pe(), n = He(null), a = c((d) => d.applyFilters), [t, r] = T(""), h = c((d) => d.filterValues), o = c((d) => d.card.sql), i = Ln();
   return /* @__PURE__ */ e.jsxs(
-    ws,
+    zs,
     {
       openDelay: 0,
       onOpenChange: async (d) => {
@@ -1511,8 +1511,8 @@ function In() {
         console.log(m), m.sql ? (console.log(m.records), r(m.sql)) : r("Error");
       },
       children: [
-        /* @__PURE__ */ e.jsx(zs, { asChild: !0, children: a && /* @__PURE__ */ e.jsx("p", { className: "p-0 text-xs hover:cursor-pointer", children: "|  Filter Query" }) }),
-        /* @__PURE__ */ e.jsxs(Fs, { align: "end", className: "w-[600px]", children: [
+        /* @__PURE__ */ e.jsx(Fs, { asChild: !0, children: a && /* @__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("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: [
             t,
             /* @__PURE__ */ e.jsx(
@@ -1587,66 +1587,66 @@ function qn({
   triggerAIRun: r,
   setTriggerAIRun: h
 }) {
-  const o = He(null), i = He(null), { authToken: d } = Pe(), [m, x] = T(!1), y = c((k) => k.actions.setCardSql), g = w((k) => k.dashboard.baseQueries), l = c((k) => k.actions.setRunSql), u = c((k) => k.actions.setCardType), [b, f] = T([]), N = c((k) => k.currentColumns), M = c((k) => k.card.sql), v = c((k) => k.selectedTableName), I = `
+  const o = He(null), i = He(null), { authToken: d } = Pe(), [m, x] = T(!1), y = c((S) => S.actions.setCardSql), g = k((S) => S.dashboard.baseQueries), l = c((S) => S.actions.setRunSql), u = c((S) => S.actions.setCardType), [b, f] = T([]), N = c((S) => S.currentColumns), O = c((S) => S.card.sql), v = c((S) => S.selectedTableName), q = `
   ${a}
 
   Database Query Dialect: ${v === "api" || v === "s3" ? "DuckDb" : ""}
   Table Name: ${v}   
-  Table Columns: ${N == null ? void 0 : N.map((k) => `${k.column_name} | ${k.data_type}`).join(", ")}
-  User SQL: ${M}  
-  ${g && `Base Queries: ${JSON.stringify(g)} `}`, E = ` When the user asks for a specific chart please use the following query structure to generate the chart query. Do not make up the column names. Use only the table columns provided above for the query. Replace x-axis, y-axis, and lables with the appropriate column names.
-  Visual Query Syntax: ${En}`, { data: V, isLoading: A, isFetching: S, isError: F, refetch: _ } = ce({
+  Table Columns: ${N == null ? void 0 : N.map((S) => `${S.column_name} | ${S.data_type}`).join(", ")}
+  User SQL: ${O}  
+  ${g && `Base Queries: ${JSON.stringify(g)} `}`, V = ` 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: ${En}`, { data: _, isLoading: A, isFetching: C, isError: F, refetch: R } = he({
     queryKey: ["ai-query"],
-    queryFn: () => pe(
+    queryFn: () => ge(
       "https://semaphor.cloud/api/v1/ai",
       (d == null ? void 0 : d.accessToken) || "",
       {
-        user_content: `userContent: ${I} ${m ? E : ""}`
+        user_content: `userContent: ${q} ${m ? V : ""}`
       }
     ),
     enabled: !1
     // Do not run by default.
   });
-  function B(k) {
-    if (k.toLowerCase().includes("bar"))
+  function B(S) {
+    if (S.toLowerCase().includes("bar"))
       u("bar");
-    else if (k.toLowerCase().includes("line"))
+    else if (S.toLowerCase().includes("line"))
       u("line");
-    else if (k.toLowerCase().includes("bubble"))
+    else if (S.toLowerCase().includes("bubble"))
       u("bubble");
-    else if (k.toLowerCase().includes("scatter"))
+    else if (S.toLowerCase().includes("scatter"))
       u("scatter");
-    else if (k.toLowerCase().includes("stacked"))
+    else if (S.toLowerCase().includes("stacked"))
       u("stackedBar");
-    else if (k.toLowerCase().includes("pie"))
+    else if (S.toLowerCase().includes("pie"))
       u("pie");
-    else if (k.toLowerCase().includes("donut") || k.toLowerCase().includes("doughnut"))
+    else if (S.toLowerCase().includes("donut") || S.toLowerCase().includes("doughnut"))
       u("doughnut");
-    else if (k.toLowerCase().includes("radar"))
+    else if (S.toLowerCase().includes("radar"))
       u("radar");
     else
       return u("bar"), !1;
     return !0;
   }
   Q(() => {
-    V && f((k) => [...k, { role: "ai", content: V.response }]);
-  }, [V]), Q(() => {
-    const k = setTimeout(() => {
-      var C;
+    _ && f((S) => [...S, { role: "ai", content: _.response }]);
+  }, [_]), Q(() => {
+    const S = setTimeout(() => {
+      var M;
       i.current && (i.current.scroll({
         top: i.current.scrollHeight,
         behavior: "smooth"
-      }), (C = o.current) == null || C.focus());
+      }), (M = o.current) == null || M.focus());
     }, 100);
-    return () => clearTimeout(k);
+    return () => clearTimeout(S);
   }, [b]);
   function L() {
-    a && (f((k) => [...k, { role: "user", content: a }]), B(a) && x(!0), t(""), _());
+    a && (f((S) => [...S, { role: "user", content: a }]), B(a) && x(!0), t(""), R());
   }
   Q(() => {
     r && (L(), h(!1));
   }, [r, h]);
-  const H = {
+  const $ = {
     //seleect a darker color
     // color: '#000',
     fontFamily: "Arial, sans-serif",
@@ -1654,7 +1654,7 @@ function qn({
     fontSize: 15,
     // padding: '5px',
     width: "100%"
-  }, Y = {
+  }, X = {
     // background: '#f6f8fa',
     // color: '#000',
     fontFamily: "monospace",
@@ -1671,20 +1671,20 @@ function qn({
     marginLeft: 20,
     // add bullet points for unordered lists
     listStyleType: "disc"
-  }, ne = {
+  }, le = {
     // Override how paragraphs are rendered
-    p: ({ node: k, ...C }) => /* @__PURE__ */ e.jsx("p", { style: H, ...C }),
-    code: ({ node: k, ...C }) => /* @__PURE__ */ e.jsx("code", { className: "rounded-sm bg-muted px-2 py-1 text-sm", ...C }),
-    pre: ({ node: k, ...C }) => /* @__PURE__ */ e.jsxs("pre", { className: "space-y-2 rounded-sm bg-muted/50 p-3", style: Y, children: [
-      /* @__PURE__ */ e.jsx("code", { className: "whitespace-normal text-sm", children: C.children }),
+    p: ({ node: S, ...M }) => /* @__PURE__ */ e.jsx("p", { style: $, ...M }),
+    code: ({ node: S, ...M }) => /* @__PURE__ */ e.jsx("code", { className: "rounded-sm bg-muted px-2 py-1 text-sm", ...M }),
+    pre: ({ node: S, ...M }) => /* @__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: M.children }),
       /* @__PURE__ */ e.jsxs("div", { className: "flex justify-start gap-2", children: [
         /* @__PURE__ */ e.jsx(z, { onClick: J, size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(oa, {}) }),
         /* @__PURE__ */ e.jsx(
           z,
           {
-            onClick: (O) => {
-              const $ = J(O);
-              $ && (n(!1), y($), l(!0));
+            onClick: (Y) => {
+              const w = J(Y);
+              w && (n(!1), y(w), l(!0));
             },
             size: "sm",
             variant: "outline",
@@ -1693,39 +1693,39 @@ function qn({
         )
       ] })
     ] }),
-    li: ({ node: k, ...C }) => /* @__PURE__ */ e.jsx("li", { style: U, ...C })
+    li: ({ node: S, ...M }) => /* @__PURE__ */ e.jsx("li", { style: U, ...M })
     // You can add more overrides for other elements like h1, h2, etc.
   };
-  function J(k) {
-    const C = k.currentTarget.closest("pre");
-    if (!C)
+  function J(S) {
+    const M = S.currentTarget.closest("pre");
+    if (!M)
       return;
-    const O = C.textContent || C.innerText;
-    return navigator.clipboard.writeText(O).then(() => console.log("Text copied to clipboard")).catch(($) => console.error("Error in copying text: ", $)), O;
+    const Y = M.textContent || M.innerText;
+    return navigator.clipboard.writeText(Y).then(() => console.log("Text copied to clipboard")).catch((w) => console.error("Error in copying text: ", w)), Y;
   }
-  function le() {
-    return b == null ? void 0 : b.map((k, C) => k.role === "user" ? /* @__PURE__ */ e.jsxs(
+  function re() {
+    return b == null ? void 0 : b.map((S, M) => S.role === "user" ? /* @__PURE__ */ e.jsxs(
       "div",
       {
         className: "flex items-start rounded-md bg-muted p-3 text-sm",
         children: [
           /* @__PURE__ */ e.jsx(Sn, { className: "mr-2 h-5 w-5" }),
-          /* @__PURE__ */ e.jsx("div", { children: k.content })
+          /* @__PURE__ */ e.jsx("div", { children: S.content })
         ]
       },
-      C
-    ) : k.role === "ai" ? /* @__PURE__ */ e.jsx(
+      M
+    ) : S.role === "ai" ? /* @__PURE__ */ e.jsx(
       et,
       {
         className: "w-full overflow-auto py-1",
-        components: ne,
-        children: V == null ? void 0 : V.response.replace(/DuckDB/gi, "Semaphor")
+        components: le,
+        children: _ == null ? void 0 : _.response.replace(/DuckDB/gi, "Semaphor")
       },
-      C
-    ) : /* @__PURE__ */ e.jsx("div", {}, C));
+      M
+    ) : /* @__PURE__ */ e.jsx("div", {}, M));
   }
-  return /* @__PURE__ */ e.jsxs(fs, { open: s, onOpenChange: n, children: [
-    /* @__PURE__ */ e.jsx(gs, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+  return /* @__PURE__ */ e.jsxs(gs, { open: s, onOpenChange: n, children: [
+    /* @__PURE__ */ e.jsx(js, { asChild: !0, children: /* @__PURE__ */ e.jsx(
       z,
       {
         size: "sm",
@@ -1735,20 +1735,20 @@ function qn({
       }
     ) }),
     /* @__PURE__ */ e.jsxs(
-      bs,
+      ys,
       {
         className: "flex flex-col justify-between overflow-auto sm:max-w-[425px] md:max-h-[625px] md:min-w-[625px]",
         children: [
-          /* @__PURE__ */ e.jsxs(ys, { children: [
-            /* @__PURE__ */ e.jsx(vs, { children: "Assistant" }),
-            /* @__PURE__ */ e.jsx(Ns, { children: "What can I help you with?" })
+          /* @__PURE__ */ e.jsxs(vs, { children: [
+            /* @__PURE__ */ e.jsx(Ns, { children: "Assistant" }),
+            /* @__PURE__ */ e.jsx(Cs, { children: "What can I help you with?" })
           ] }),
           /* @__PURE__ */ e.jsx(
             "div",
             {
               ref: i,
               className: "h-[625px] w-full overflow-auto border-t border-t-muted",
-              children: /* @__PURE__ */ e.jsx("div", { className: "space-y-4 py-2 pr-3", role: "messages", children: le() })
+              children: /* @__PURE__ */ e.jsx("div", { className: "space-y-4 py-2 pr-3", role: "messages", children: re() })
             }
           ),
           /* @__PURE__ */ e.jsx(
@@ -1760,20 +1760,20 @@ function qn({
                   {
                     autoFocus: !0,
                     ref: o,
-                    onKeyDown: (k) => {
-                      k.key === "Enter" && !k.shiftKey && (k.preventDefault(), t(""), L());
+                    onKeyDown: (S) => {
+                      S.key === "Enter" && !S.shiftKey && (S.preventDefault(), t(""), L());
                     },
                     placeholder: "Type your question here...",
-                    onFocus: (k) => {
-                      const C = k.target, O = C.value.length;
-                      C.setSelectionRange(O, O);
+                    onFocus: (S) => {
+                      const M = S.target, Y = M.value.length;
+                      M.setSelectionRange(Y, Y);
                     },
                     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: A || S,
+                    disabled: A || C,
                     value: a,
-                    onChange: (k) => t(k.target.value)
+                    onChange: (S) => t(S.target.value)
                   }
                 ),
                 " ",
@@ -1784,7 +1784,7 @@ function qn({
                     size: "sm",
                     variant: "ghost",
                     onClick: L,
-                    children: !A && !S ? /* @__PURE__ */ e.jsx(Xa, {}) : /* @__PURE__ */ e.jsx(Be, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" })
+                    children: !A && !C ? /* @__PURE__ */ e.jsx(Xa, {}) : /* @__PURE__ */ e.jsx(Be, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" })
                   }
                 )
               ] })
@@ -1801,7 +1801,7 @@ var Na = {
   className: void 0,
   style: void 0,
   attr: void 0
-}, Us = he.createContext && /* @__PURE__ */ he.createContext(Na), Vn = ["attr", "size", "title"];
+}, Us = ue.createContext && /* @__PURE__ */ ue.createContext(Na), Vn = ["attr", "size", "title"];
 function _n(s, n) {
   if (s == null)
     return {};
@@ -1872,12 +1872,12 @@ function $n(s, n) {
   return (n === "string" ? String : Number)(s);
 }
 function Ca(s) {
-  return s && s.map((n, a) => /* @__PURE__ */ he.createElement(n.tag, ss({
+  return s && s.map((n, a) => /* @__PURE__ */ ue.createElement(n.tag, ss({
     key: a
   }, n.attr), Ca(n.child)));
 }
-function me(s) {
-  return (n) => /* @__PURE__ */ he.createElement(Pn, es({
+function xe(s) {
+  return (n) => /* @__PURE__ */ ue.createElement(Pn, es({
     attr: ss({}, s.attr)
   }, n), Ca(s.child));
 }
@@ -1888,7 +1888,7 @@ function Pn(s) {
       size: r,
       title: h
     } = s, o = _n(s, Vn), i = r || a.size || "1em", d;
-    return a.className && (d = a.className), s.className && (d = (d ? d + " " : "") + s.className), /* @__PURE__ */ he.createElement("svg", es({
+    return a.className && (d = a.className), s.className && (d = (d ? d + " " : "") + s.className), /* @__PURE__ */ ue.createElement("svg", es({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
@@ -1900,107 +1900,107 @@ function Pn(s) {
       height: i,
       width: i,
       xmlns: "http://www.w3.org/2000/svg"
-    }), h && /* @__PURE__ */ he.createElement("title", null, h), s.children);
+    }), h && /* @__PURE__ */ ue.createElement("title", null, h), s.children);
   };
-  return Us !== void 0 ? /* @__PURE__ */ he.createElement(Us.Consumer, null, (a) => n(a)) : n(Na);
+  return Us !== void 0 ? /* @__PURE__ */ ue.createElement(Us.Consumer, null, (a) => n(a)) : n(Na);
 }
 function Kn(s) {
-  return me({ 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);
+  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 Gn() {
   const { theme: s } = at(), n = He(), a = He(), [t, r] = T(!1), [h, o] = T(!1), [i, d] = T(!1), [m, x] = T(""), [y, g] = T(!1), { authToken: l } = Pe();
-  w((p) => p.selectedSheetId);
-  const u = w((p) => p.dashboard.baseQueries), b = c((p) => p.card), f = w((p) => p.theme), N = c((p) => p.isShowingVisual), M = c(
+  k((p) => p.selectedSheetId);
+  const u = k((p) => p.dashboard.baseQueries), b = c((p) => p.card), f = k((p) => p.theme), N = c((p) => p.isShowingVisual), O = c(
     (p) => p.selectedConnectionId
   ), v = c(
     (p) => p.selectedDatabaseName
-  ), I = c(
+  ), q = c(
     (p) => p.selectedDatamodelId
-  ), E = c(
+  ), V = c(
     (p) => p.selectedSchemaName
   );
-  w(
+  k(
     (p) => p.actions.updateFrameCard
   );
-  const V = c((p) => p.selectedTableName), A = c((p) => p.card.sql), S = c((p) => p.card.python), F = tt(A, u), _ = c((p) => p.selectedConnectionId), B = c((p) => p.frame), L = w((p) => p.filterValues), H = c((p) => p.applyFilters), {
-    setCardCustomCfg: Y,
+  const _ = c((p) => p.selectedTableName), A = c((p) => p.card.sql), C = c((p) => p.card.python), F = tt(A, u), R = c((p) => p.selectedConnectionId), B = c((p) => p.frame), L = k((p) => p.filterValues), $ = c((p) => p.applyFilters), {
+    setCardCustomCfg: X,
     setQueryResultColumns: U,
-    setFilterValues: ne,
+    setFilterValues: le,
     setCardSql: J,
-    setCardPython: le,
-    setQueryError: k,
-    setPythonStdOut: C,
-    setCardPreferences: O
-  } = c((p) => p.actions), $ = c((p) => p.onSave), ue = c(
+    setCardPython: re,
+    setQueryError: S,
+    setPythonStdOut: M,
+    setCardPreferences: Y
+  } = c((p) => p.actions), w = c((p) => p.onSave), I = c(
     (p) => p.actions.setApplyFilters
-  ), ae = c((p) => p.onClose), q = c((p) => p.actions.setCardData), X = c((p) => p.actions.setSqlGen), se = c((p) => p.runSql), fe = c((p) => p.actions.setRunSql), xe = c(
+  ), ee = c((p) => p.onClose), E = c((p) => p.actions.setCardData), se = c((p) => p.actions.setSqlGen), te = c((p) => p.runSql), je = c((p) => p.actions.setRunSql), pe = c(
     (p) => p.actions.setIsSqlRunning
   ), {
     data: W,
-    isLoading: re,
-    isFetching: ie,
-    isSuccess: ge,
-    isError: ye,
-    error: Le,
+    isLoading: ie,
+    isFetching: oe,
+    isSuccess: be,
+    isError: ce,
+    error: fe,
     status: qs,
-    refetch: ve
-  } = ce({
-    queryKey: [F, S],
+    refetch: Ne
+  } = he({
+    queryKey: [F, C],
     queryFn: () => ia(
       "https://semaphor.cloud/api/v1/query",
       (l == null ? void 0 : l.accessToken) || "",
       {
-        connection_id: _,
+        connection_id: R,
         sql: F,
-        python: S === Hs ? "" : S,
-        active_filters: H ? L : []
+        python: C === Hs ? "" : C,
+        active_filters: $ ? L : []
       }
     ),
     enabled: !1,
     retry: !1
   });
   Q(() => {
-    if (W && (q(W.records), W.rowLimitExceeded && hs.error("Row limit (10,000) exceeded. Refine your query.", {
+    if (W && (E(W.records), W.rowLimitExceeded && ms.error("Row limit (10,000) exceeded. Refine your query.", {
       position: "top-center",
       richColors: !0
-    }), C((W == null ? void 0 : W.output) || ""), W.records.length > 0)) {
-      const { dimensionKeys: p } = us(W.records);
+    }), M((W == null ? void 0 : W.output) || ""), W.records.length > 0)) {
+      const { dimensionKeys: p } = xs(W.records);
       U(p);
     }
-  }, [W, q, U, C]), Q(() => {
-    se && (ve(), fe(!1));
-  }, [se, ve, fe]), Q(() => {
-    (re || ie) && xe(!0), (ye || ge) && xe(!1), ye ? (k(Le.message), q([]), U([]), C("")) : k("");
+  }, [W, E, U, M]), Q(() => {
+    te && (Ne(), je(!1));
+  }, [te, Ne, je]), Q(() => {
+    (ie || oe) && pe(!0), (ce || be) && pe(!1), ce ? (S(fe.message), E([]), U([]), M("")) : S("");
   }, [
-    re,
     ie,
+    oe,
     W,
-    C,
-    ye,
-    ge,
-    xe,
-    q,
+    M,
+    ce,
+    be,
+    pe,
+    E,
     U,
-    k,
-    Le
+    S,
+    fe
   ]);
-  function rs() {
-    J(""), q([]), X({}), Y(""), O({});
+  function is() {
+    J(""), E([]), se({}), X(""), Y({});
   }
   const Ke = (p) => {
     a.current = p;
   };
-  function is(p, j) {
+  function os(p, j) {
     if (p.length === 0)
       return "";
     if (j) {
-      const je = p.find((te) => te.id === j);
-      if (je) {
-        const te = je.tabTitle;
-        if (te == "All__Header")
+      const ye = p.find((ne) => ne.id === j);
+      if (ye) {
+        const ne = ye.tabTitle;
+        if (ne == "All__Header")
           return p[0].id;
-        if (te && te.endsWith("__Header")) {
-          const Ea = te.split("__")[0], Vs = p.find(
+        if (ne && ne.endsWith("__Header")) {
+          const Ea = ne.split("__")[0], Vs = p.find(
             (qa) => qa.tabTitle === Ea
           );
           return Vs ? Vs.id : p[0].id;
@@ -2010,50 +2010,50 @@ function Gn() {
     }
     return p[0].id;
   }
-  function os() {
+  function cs() {
     let p = A;
     A && !A.includes("{{") && (p = Tn(A), J(p));
     const j = {
       ...b,
-      lastSelectedSchema: E,
-      lastSelectedDatamodelId: I,
+      lastSelectedSchema: V,
+      lastSelectedDatamodelId: q,
       lastSelectedDatabase: v,
-      lastSelectedTable: V,
-      connectionId: M,
+      lastSelectedTable: _,
+      connectionId: O,
       type: N ? b.type : "table",
       sql: p,
       customCfg: N ? b.customCfg : null
-    }, je = B.cards.map(
-      (cs) => cs.id === b.id ? j : cs
-    ), te = {
+    }, ye = B.cards.map(
+      (ds) => ds.id === b.id ? j : ds
+    ), ne = {
       ...B,
-      cards: je,
-      activeCardId: is(je, B.activeCardId)
+      cards: ye,
+      activeCardId: os(ye, B.activeCardId)
     };
-    $ == null || $(te);
+    w == null || w(ne);
   }
   function Ge() {
-    ae == null || ae();
+    ee == null || ee();
   }
   Q(() => {
     const p = n.current, j = a.current;
     if (p) {
-      const je = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", te = f === "system" ? je : f;
+      const ye = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", ne = f === "system" ? ye : f;
       p.editor.defineTheme("default", {
         // base: theme === 'light' ? 'hc-light' : 'vs-dark',
-        base: te === "light" ? "vs" : "vs-dark",
+        base: ne === "light" ? "vs" : "vs-dark",
         inherit: !0,
         rules: [],
         colors: {
           // 'editor.background': activeTheme === 'light' ? '#ffffff' : '#020817',
-          "editor.background": te === "light" ? "#ffffff" : nt("--semaphor-background")
+          "editor.background": ne === "light" ? "#ffffff" : nt("--semaphor-background")
         }
       }), p.editor.setTheme("default");
     }
     return j && p && j.addCommand(
       p.KeyMod.Shift | p.KeyCode.Enter,
       function() {
-        return console.log("Executing query..."), ve(), !1;
+        return console.log("Executing query..."), Ne(), !1;
       }
     ), () => {
     };
@@ -2073,8 +2073,8 @@ function Gn() {
               /* @__PURE__ */ e.jsx(
                 Dn,
                 {
-                  checked: H,
-                  onCheckedChange: () => ue(!H),
+                  checked: $,
+                  onCheckedChange: () => I(!$),
                   text: "Apply Filters"
                 }
               ),
@@ -2094,7 +2094,7 @@ function Gn() {
                 onChange: (p) => {
                   if (p)
                     try {
-                      JSON.parse(p), ne(JSON.parse(p));
+                      JSON.parse(p), le(JSON.parse(p));
                     } catch {
                     }
                 },
@@ -2128,7 +2128,7 @@ function Gn() {
           className: Z(
             "absolute bottom-4 right-6 h-3 w-3 text-foreground/50 hover:cursor-pointer hover:text-foreground",
             {
-              "font-bold text-red-800": H
+              "font-bold text-red-800": $
             }
           )
         }
@@ -2137,14 +2137,14 @@ function Gn() {
   }
   function Ue() {
     return /* @__PURE__ */ e.jsxs(
-      xs,
+      ps,
       {
         className: "flex grow pb-1",
         direction: "vertical",
         role: "editor-resizable-group",
         children: [
           /* @__PURE__ */ e.jsxs(
-            Ce,
+            Se,
             {
               id: "1",
               order: 1,
@@ -2189,9 +2189,9 @@ function Gn() {
             }
           ),
           t && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-            /* @__PURE__ */ e.jsx(ps, { withHandle: !0, className: "border" }),
+            /* @__PURE__ */ e.jsx(fs, { withHandle: !0, className: "border" }),
             /* @__PURE__ */ e.jsxs(
-              Ce,
+              Se,
               {
                 id: "2",
                 order: 2,
@@ -2209,9 +2209,9 @@ function Gn() {
                           className: "pt-3",
                           theme: "default",
                           onChange: (p) => {
-                            le(p && p.trim() || "");
+                            re(p && p.trim() || "");
                           },
-                          value: S || Hs,
+                          value: C || Hs,
                           options: {
                             minimap: {
                               enabled: !1
@@ -2270,23 +2270,23 @@ function Gn() {
                     z,
                     {
                       title: "Shift + Enter",
-                      disabled: re || ie,
+                      disabled: ie || oe,
                       onClick: () => {
-                        ve();
+                        Ne();
                       },
                       className: "shrink-0",
                       size: "sm",
                       variant: "outline",
                       children: [
-                        re || ie ? /* @__PURE__ */ e.jsx(Be, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(fn, { className: "mr-2 h-4 w-4" }),
+                        ie || oe ? /* @__PURE__ */ e.jsx(Be, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(fn, { className: "mr-2 h-4 w-4" }),
                         "Run"
                       ]
                     }
                   ),
-                  ye && /* @__PURE__ */ e.jsx(
+                  ce && /* @__PURE__ */ e.jsx(
                     An,
                     {
-                      error: Le.message,
+                      error: fe.message,
                       setShowAIDialog: d,
                       setTriggerAIRun: g,
                       setUserInputforAI: x
@@ -2295,7 +2295,7 @@ function Gn() {
                   /* @__PURE__ */ e.jsxs(
                     z,
                     {
-                      onClick: rs,
+                      onClick: is,
                       className: "",
                       size: "sm",
                       variant: "outline",
@@ -2332,7 +2332,7 @@ function Gn() {
                   /* @__PURE__ */ e.jsxs(
                     z,
                     {
-                      onClick: os,
+                      onClick: cs,
                       size: "sm",
                       variant: "outline",
                       children: [
@@ -2365,7 +2365,7 @@ function Gn() {
 }
 function Jn({ data: s }) {
   var o;
-  const [n, a] = he.useState([]), r = Object.keys(s[0]).map((i) => ({
+  const [n, a] = ue.useState([]), r = Object.keys(s[0]).map((i) => ({
     // header: key,
     accessorKey: i,
     header: ({ column: d }) => {
@@ -2395,19 +2395,19 @@ function Jn({ data: s }) {
     }
   });
   return /* @__PURE__ */ e.jsxs(ct, { children: [
-    /* @__PURE__ */ e.jsx(dt, { children: h.getHeaderGroups().map((i) => /* @__PURE__ */ e.jsx(ds, { children: i.headers.map((d) => /* @__PURE__ */ e.jsx(ht, { className: "sticky top-0 bg-muted", children: d.isPlaceholder ? null : Bs(
+    /* @__PURE__ */ e.jsx(dt, { children: h.getHeaderGroups().map((i) => /* @__PURE__ */ e.jsx(hs, { children: i.headers.map((d) => /* @__PURE__ */ e.jsx(ht, { className: "sticky top-0 bg-muted", children: d.isPlaceholder ? null : Bs(
       d.column.columnDef.header,
       d.getContext()
     ) }, d.id)) }, i.id)) }),
     /* @__PURE__ */ e.jsx(mt, { children: (o = h.getRowModel().rows) != null && o.length ? h.getRowModel().rows.map((i) => /* @__PURE__ */ e.jsx(
-      ds,
+      hs,
       {
         className: "whitespace-nowrap py-2",
         "data-state": i.getIsSelected() && "selected",
         children: i.getVisibleCells().map((d) => /* @__PURE__ */ e.jsx($s, { children: Bs(d.column.columnDef.cell, d.getContext()) }, d.id))
       },
       i.id
-    )) : /* @__PURE__ */ e.jsx(ds, { children: /* @__PURE__ */ e.jsx($s, { colSpan: r.length, className: "h-24 text-center", children: "No results." }) }) })
+    )) : /* @__PURE__ */ e.jsx(hs, { children: /* @__PURE__ */ e.jsx($s, { colSpan: r.length, className: "h-24 text-center", children: "No results." }) }) })
   ] });
 }
 function Sa({
@@ -2417,8 +2417,8 @@ function Sa({
   ...n
 }) {
   var g;
-  he.useState(0);
-  const a = w((l) => l.themeStyle), t = c((l) => l.card), r = c((l) => l.frame), h = w((l) => l.dashboard.filters), o = w((l) => l.filterValues), i = c((l) => l.actions.setRunSql), { updateFilter: d } = ft(), m = h == null ? void 0 : h.find((l) => l.id === r.filterId), x = c((l) => l.actions.setCard);
+  ue.useState(0);
+  const a = k((l) => l.themeStyle), t = c((l) => l.card), r = c((l) => l.frame), h = k((l) => l.dashboard.filters), o = k((l) => l.filterValues), i = c((l) => l.actions.setRunSql), { updateFilter: d } = ft(), m = h == null ? void 0 : h.find((l) => l.id === r.filterId), x = c((l) => l.actions.setCard);
   if (Q(() => {
     t.sql && i(!0);
   }, [o]), Q(() => {
@@ -2476,7 +2476,7 @@ function Sa({
                 className: "my-1",
                 text: m.title || m.column,
                 onSave: (l) => d({ ...m, title: l }),
-                children: /* @__PURE__ */ e.jsx(R, { children: m.title })
+                children: /* @__PURE__ */ e.jsx(H, { children: m.title })
               }
             ),
             vt(m)
@@ -2501,23 +2501,23 @@ function Sa({
 function Un() {
   const [s, n] = T(!1), [a, t] = T(""), [r, h] = T(""), [o, i] = T(""), [d, m] = T(""), x = c((v) => v.card), y = c(
     (v) => v.card.customCfg
-  ), { setCardCustomCfg: g, setCustomVisualCode: l } = Ms();
+  ), { setCardCustomCfg: g, setCustomVisualCode: l } = as();
   function u(v) {
-    var V, A;
-    const I = {
+    var _, A;
+    const q = {
       ...v,
       data: {
         ...v == null ? void 0 : v.data,
-        datasets: (A = (V = v == null ? void 0 : v.data) == null ? void 0 : V.datasets) == null ? void 0 : A.map((S) => ({
-          ...S,
+        datasets: (A = (_ = v == null ? void 0 : v.data) == null ? void 0 : _.datasets) == null ? void 0 : A.map((C) => ({
+          ...C,
           data: []
         }))
       }
     };
-    return JSON.stringify(I, null, 1);
+    return JSON.stringify(q, null, 1);
   }
   function b() {
-    var I, E;
+    var q, V;
     if (!x.data || x.data.length === 0)
       return;
     const v = da({
@@ -2526,7 +2526,7 @@ function Un() {
       cfg: x.cfg,
       preferences: x.preferences
     });
-    v && (t(JSON.stringify(v, null, 1)), (I = x == null ? void 0 : x.preferences) != null && I.customVisualCode && i((E = x == null ? void 0 : x.preferences) == null ? void 0 : E.customVisualCode), y && h(JSON.stringify(y, null, 1)));
+    v && (t(JSON.stringify(v, null, 1)), (q = x == null ? void 0 : x.preferences) != null && q.customVisualCode && i((V = x == null ? void 0 : x.preferences) == null ? void 0 : V.customVisualCode), y && h(JSON.stringify(y, null, 1)));
   }
   function f() {
     if (o && l(o), !!r)
@@ -2540,16 +2540,16 @@ function Un() {
   function N() {
     h(""), g(null);
   }
-  function M() {
+  function O() {
     let v;
     if (y) {
-      const I = Ps.cloneDeep(x.cfg), E = Ps.merge(I, y);
-      return v = u(E), v;
+      const q = Ps.cloneDeep(x.cfg), V = Ps.merge(q, y);
+      return v = u(V), v;
     }
     return a ? (v = u(JSON.parse(a)), v) : "";
   }
-  return /* @__PURE__ */ e.jsxs(fs, { open: s, onOpenChange: n, children: [
-    /* @__PURE__ */ e.jsx(gs, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+  return /* @__PURE__ */ e.jsxs(gs, { open: s, onOpenChange: n, children: [
+    /* @__PURE__ */ e.jsx(js, { asChild: !0, children: /* @__PURE__ */ e.jsx(
       z,
       {
         onClick: b,
@@ -2560,14 +2560,14 @@ function Un() {
       }
     ) }),
     /* @__PURE__ */ e.jsxs(
-      bs,
+      ys,
       {
         className: "max-h-[70vh] min-h-[70vh] overflow-auto sm:min-w-[900px] lg:min-w-[1200px]",
         children: [
-          /* @__PURE__ */ e.jsxs(ys, { className: "", children: [
+          /* @__PURE__ */ e.jsxs(vs, { className: "", children: [
             /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ e.jsx(vs, { children: "Customize Card" }),
-              /* @__PURE__ */ e.jsxs(Cs, { children: [
+              /* @__PURE__ */ e.jsx(Ns, { children: "Customize Card" }),
+              /* @__PURE__ */ e.jsxs(Ss, { children: [
                 /* @__PURE__ */ e.jsx(sa, { children: /* @__PURE__ */ e.jsx(
                   dn,
                   {
@@ -2577,10 +2577,10 @@ function Un() {
                     className: "size-3 cursor-pointer text-muted-foreground/70 transition-colors hover:text-muted-foreground"
                   }
                 ) }),
-                /* @__PURE__ */ e.jsx(Ss, { side: "right", align: "center", children: /* @__PURE__ */ e.jsx("p", { className: "text-xs", children: "Copy Card ID" }) })
+                /* @__PURE__ */ e.jsx(ks, { side: "right", align: "center", children: /* @__PURE__ */ e.jsx("p", { className: "text-xs", children: "Copy Card ID" }) })
               ] })
             ] }),
-            /* @__PURE__ */ e.jsxs(Ns, { children: [
+            /* @__PURE__ */ e.jsxs(Cs, { children: [
               "See the configuration options and documentation",
               /* @__PURE__ */ e.jsx(
                 "a",
@@ -2642,7 +2642,7 @@ function Un() {
                         renderLineHighlight: "none"
                       },
                       defaultLanguage: "json",
-                      value: M(),
+                      value: O(),
                       onChange: (v) => h(v)
                     }
                   )
@@ -2680,7 +2680,7 @@ function Un() {
             ] })
           ] }),
           /* @__PURE__ */ e.jsxs(Zs, { className: "flex items-center", children: [
-            /* @__PURE__ */ e.jsx(R, { className: "mr-2 text-red-500", children: d }),
+            /* @__PURE__ */ e.jsx(H, { className: "mr-2 text-red-500", children: d }),
             /* @__PURE__ */ e.jsx(
               z,
               {
@@ -2699,28 +2699,28 @@ function Un() {
   ] });
 }
 function ka(s) {
-  return me({ 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);
+  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 wa(s) {
-  return me({ 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);
+  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 za(s) {
-  return me({ 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);
+  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 Fa(s) {
-  return me({ 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);
+  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 Oa(s) {
-  return me({ 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);
+  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 Ma(s) {
-  return me({ 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);
+  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 Ta(s) {
-  return me({ 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);
+  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 Aa(s) {
-  return me({ 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);
+  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 Qn() {
   const [s, n] = T(!1), a = c((d) => d.card.type), { setCardType: t, setCardPreferences: r, setChartOrientation: h } = c((d) => d.actions), o = c(
@@ -2729,9 +2729,9 @@ function Qn() {
   function i(d) {
     o(null), r({}), t(d), n(!1);
   }
-  return /* @__PURE__ */ e.jsxs(as, { open: s, onOpenChange: n, children: [
-    /* @__PURE__ */ e.jsx(ts, { asChild: !0, children: /* @__PURE__ */ e.jsx(z, { size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(Wn, { className: "h-4 w-4", chartType: a }) }) }),
-    /* @__PURE__ */ e.jsx(ns, { className: "w-50", children: /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 place-items-center", children: [
+  return /* @__PURE__ */ e.jsxs(ts, { open: s, onOpenChange: n, children: [
+    /* @__PURE__ */ e.jsx(ns, { asChild: !0, children: /* @__PURE__ */ e.jsx(z, { size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(Wn, { className: "h-4 w-4", chartType: a }) }) }),
+    /* @__PURE__ */ e.jsx(ls, { className: "w-50", children: /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 place-items-center", children: [
       /* @__PURE__ */ e.jsx(
         z,
         {
@@ -2840,7 +2840,7 @@ function Qn() {
         {
           onClick: () => i("table"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(ks, { className: "size-5" })
+          children: /* @__PURE__ */ e.jsx(ws, { className: "size-5" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2893,13 +2893,13 @@ function Wn({ chartType: s, className: n }) {
     case "text":
       return /* @__PURE__ */ e.jsx(Is, { className: n });
     default:
-      return /* @__PURE__ */ e.jsx(ks, { className: n });
+      return /* @__PURE__ */ e.jsx(ws, { className: n });
   }
 }
 function Ws() {
   const s = c((f) => f.frame), n = c((f) => f.card), a = c((f) => f.card.data), t = c((f) => f.isShowingVisual), r = c((f) => f.isSqlRunning), h = c((f) => f.queryError), o = c((f) => f.pythonStdOut), i = c((f) => f.actions.setRunSql);
   c((f) => f.onSave), c((f) => f.onClose), c((f) => f.actions.setCardSql), c((f) => f.actions.setCardType), c((f) => f.actions.setSqlGen);
-  const { setFrame: d, setCard: m, updateCardInFrame: x } = Ms();
+  const { setFrame: d, setCard: m, updateCardInFrame: x } = as();
   if (!n)
     return /* @__PURE__ */ e.jsx(e.Fragment, { children: "No Active Card" });
   function y() {
@@ -2926,13 +2926,13 @@ function Ws() {
     d(N), m(f);
   }
   function g(f) {
-    const N = s.cards.filter((I) => I.id !== f), M = N[0], v = {
+    const N = s.cards.filter((q) => q.id !== f), O = N[0], v = {
       ...s,
       cards: N,
       // update the active card to the first card in the frame
-      activeCardId: M.id
+      activeCardId: O.id
     };
-    d(v), m(M);
+    d(v), m(O);
   }
   function l(f) {
     const N = {
@@ -2941,8 +2941,8 @@ function Ws() {
       activeCardId: f
     };
     d(N);
-    const M = N.cards.find((v) => v.id === f);
-    m(M), M.sql && (console.log("newActiveCard.sql", M.sql), M.data && M.data.length === 0 && i(!0));
+    const O = N.cards.find((v) => v.id === f);
+    m(O), O.sql && (console.log("newActiveCard.sql", O.sql), O.data && O.data.length === 0 && i(!0));
   }
   function u() {
     return /* @__PURE__ */ e.jsxs(
@@ -2980,7 +2980,7 @@ function Ws() {
                 className: "ml-1 h-8 px-2 hover:bg-muted-foreground/50",
                 variant: "outline",
                 onClick: y,
-                children: /* @__PURE__ */ e.jsx(js, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ e.jsx(bs, { className: "h-4 w-4" })
               }
             )
           ] }) })
@@ -3029,7 +3029,7 @@ function Zn() {
     (a) => a.actions.setIsShowingVisual
   );
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-    /* @__PURE__ */ e.jsx(R, { htmlFor: "visualize", children: "Chart" }),
+    /* @__PURE__ */ e.jsx(H, { htmlFor: "visualize", children: "Chart" }),
     /* @__PURE__ */ e.jsx(
       Ot,
       {
@@ -3041,7 +3041,7 @@ function Zn() {
     )
   ] });
 }
-function Ae() {
+function De() {
   const [s, n] = T([]);
   c(
     (x) => x.card.cfg
@@ -3101,7 +3101,7 @@ function Ae() {
     var y, g, l, u;
     if (s != null && s[x] || (g = (y = a == null ? void 0 : a.onClickFilter) == null ? void 0 : y.find((b) => b.columnIndex === x)) != null && g.expression)
       return /* @__PURE__ */ e.jsx(
-        oe,
+        de,
         {
           value: (u = (l = a == null ? void 0 : a.onClickFilter) == null ? void 0 : l.find((b) => b.columnIndex === x)) == null ? void 0 : u.expression,
           onChange: (b) => d(x, b),
@@ -3112,7 +3112,7 @@ function Ae() {
       );
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ e.jsx(R, { children: "On Click" }),
+    /* @__PURE__ */ e.jsx(H, { children: "On Click" }),
     o == null ? void 0 : o.map((x, y) => {
       var g, l;
       return /* @__PURE__ */ e.jsx(
@@ -3160,7 +3160,7 @@ function Ae() {
     })
   ] });
 }
-function ls() {
+function rs() {
   var o, i, d;
   const s = c((m) => m.card.preferences), n = c(
     (m) => m.card.cfg
@@ -3178,59 +3178,59 @@ function ls() {
       defaultValue: "x",
       children: [
         /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ e.jsx(Me, { value: "x", id: "r1" }),
+          /* @__PURE__ */ e.jsx(Te, { value: "x", id: "r1" }),
           /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: "r1", children: "Vertical" })
         ] }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ e.jsx(Me, { value: "y", id: "r2" }),
+          /* @__PURE__ */ e.jsx(Te, { value: "y", id: "r2" }),
           /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: "r2", children: "Horizontal" })
         ] })
       ]
     }
   );
 }
-const Ne = "focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0";
+const Ce = "focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0";
 function Ys(s, n) {
   var t, r, h;
   const a = pa(s, n);
   return ((h = (r = (t = s == null ? void 0 : s.chartOptions) == null ? void 0 : t.scales) == null ? void 0 : r[a]) == null ? void 0 : h.type) || "linear";
 }
 function Da() {
-  var Y, U, ne, J, le, k;
-  const [s, n] = T(!1), a = c((C) => {
-    var O;
-    return (O = C.card) == null ? void 0 : O.preferences;
-  }), t = c((C) => {
-    var O;
-    return (O = C.card) == null ? void 0 : O.cfg;
+  var le, J, re, S, M, Y;
+  const [s, n] = T(!1), a = c((w) => {
+    var I;
+    return (I = w.card) == null ? void 0 : I.preferences;
+  }), t = c((w) => {
+    var I;
+    return (I = w.card) == null ? void 0 : I.cfg;
   }), r = pa(a, t), [h, o] = T(
     Ys(a)
   ), [i, d] = T(
-    ((ne = (U = (Y = a == null ? void 0 : a.chartOptions) == null ? void 0 : Y.scales) == null ? void 0 : U[r]) == null ? void 0 : ne.min) || ""
+    ((re = (J = (le = a == null ? void 0 : a.chartOptions) == null ? void 0 : le.scales) == null ? void 0 : J[r]) == null ? void 0 : re.min) || ""
   ), [m, x] = T(
-    ((k = (le = (J = a == null ? void 0 : a.chartOptions) == null ? void 0 : J.scales) == null ? void 0 : le[r]) == null ? void 0 : k.max) || ""
-  ), [y, g] = T(i || m ? "custom" : "auto"), [l, u] = T(""), [b, f] = T(0), [N, M] = T(""), [v, I] = T(""), [E, V] = T(""), A = c(
-    (C) => C.actions.setCardPreferences
-  ), S = c((C) => {
-    var O;
-    return (O = C.card) == null ? void 0 : O.type;
-  }), F = ["pie", "doughnut", "polarArea"].includes(S);
+    ((Y = (M = (S = a == null ? void 0 : a.chartOptions) == null ? void 0 : S.scales) == null ? void 0 : M[r]) == null ? void 0 : Y.max) || ""
+  ), [y, g] = T(i || m ? "custom" : "auto"), [l, u] = T(""), [b, f] = T(0), [N, O] = T(""), [v, q] = T(""), [V, _] = T(""), A = c(
+    (w) => w.actions.setCardPreferences
+  ), { updateCardInFrame: C } = as(), F = c((w) => w.card), R = c((w) => {
+    var I;
+    return (I = w.card) == null ? void 0 : I.type;
+  }), B = ["pie", "doughnut", "polarArea"].includes(R);
   Q(() => {
-    var C, O, $, ue, ae, q, X, se, fe, xe, W, re, ie, ge;
+    var w, I, ee, E, se, te, je, pe, W, ie, oe, be, ce, fe;
     o(Ys(a)), d(
-      (($ = (O = (C = a == null ? void 0 : a.chartOptions) == null ? void 0 : C.scales) == null ? void 0 : O[r]) == null ? void 0 : $.min) === 0 ? 0 : ""
-    ), x(((q = (ae = (ue = a == null ? void 0 : a.chartOptions) == null ? void 0 : ue.scales) == null ? void 0 : ae[r]) == null ? void 0 : q.max) || ""), u(
-      ((xe = (fe = (se = (X = a == null ? void 0 : a.chartOptions) == null ? void 0 : X.scales) == null ? void 0 : se[r]) == null ? void 0 : fe.ticks) == null ? void 0 : xe.stepSize) || ""
-    ), f(((W = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : W.decimalPlaces) || 0), M(((re = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : re.suffix) || ""), I(((ie = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : ie.currency) || ""), V(((ge = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : ge.locale) || "");
+      ((ee = (I = (w = a == null ? void 0 : a.chartOptions) == null ? void 0 : w.scales) == null ? void 0 : I[r]) == null ? void 0 : ee.min) === 0 ? 0 : ""
+    ), x(((te = (se = (E = a == null ? void 0 : a.chartOptions) == null ? void 0 : E.scales) == null ? void 0 : se[r]) == null ? void 0 : te.max) || ""), u(
+      ((ie = (W = (pe = (je = a == null ? void 0 : a.chartOptions) == null ? void 0 : je.scales) == null ? void 0 : pe[r]) == null ? void 0 : W.ticks) == null ? void 0 : ie.stepSize) || ""
+    ), f(((oe = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : oe.decimalPlaces) || 0), O(((be = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : be.suffix) || ""), q(((ce = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : ce.currency) || ""), _(((fe = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : fe.locale) || "");
   }, [s, a, r]);
-  function _(C, O) {
-    return O === "" || /^[0-9\b]+$/.test(O) ? Number(O) : Number(C);
+  function L(w, I) {
+    return I === "" || /^[0-9\b]+$/.test(I) ? Number(I) : Number(w);
   }
-  function B() {
+  function $() {
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-6 items-center gap-2", children: [
         /* @__PURE__ */ e.jsx(
-          R,
+          H,
           {
             className: "col-span-2 hover:cursor-pointer hover:underline",
             htmlFor: "currency",
@@ -3245,97 +3245,97 @@ function Da() {
           }
         ),
         /* @__PURE__ */ e.jsx(
-          oe,
+          de,
           {
             value: v,
             placeholder: "USD",
-            onChange: (C) => I(C.target.value),
+            onChange: (w) => q(w.target.value),
             id: "currency",
-            className: `col-span-2 h-8 w-full ${Ne}`
+            className: `col-span-2 h-8 w-full ${Ce}`
           }
         ),
         /* @__PURE__ */ e.jsx(
-          oe,
+          de,
           {
-            value: E,
+            value: V,
             placeholder: "en-US",
-            onChange: (C) => V(C.target.value),
+            onChange: (w) => _(w.target.value),
             id: "locale",
-            className: `col-span-2 h-8 w-full ${Ne}`
+            className: `col-span-2 h-8 w-full ${Ce}`
           }
         )
       ] }),
       /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-9 items-center gap-2", children: [
-        /* @__PURE__ */ e.jsx(R, { className: "col-span-3", htmlFor: "format", children: "Decimals" }),
+        /* @__PURE__ */ e.jsx(H, { className: "col-span-3", htmlFor: "format", children: "Decimals" }),
         /* @__PURE__ */ e.jsx(
-          oe,
+          de,
           {
             value: b,
-            onChange: (C) => f(Number(C.target.value)),
+            onChange: (w) => f(Number(w.target.value)),
             id: "format",
-            className: `col-span-6 h-8 w-full tracking-wide ${Ne}`
+            className: `col-span-6 h-8 w-full tracking-wide ${Ce}`
           }
         )
       ] })
     ] });
   }
-  function L() {
+  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(R, { htmlFor: "range", children: "Range" }),
+        /* @__PURE__ */ e.jsx(H, { htmlFor: "range", children: "Range" }),
         /* @__PURE__ */ e.jsx(
-          oe,
+          de,
           {
             id: "min",
             value: i,
-            onChange: (C) => d((O) => _(O, C.target.value)),
-            className: `col-span-1 h-8 w-full ${Ne}`
+            onChange: (w) => d((I) => L(I, w.target.value)),
+            className: `col-span-1 h-8 w-full ${Ce}`
           }
         ),
         /* @__PURE__ */ e.jsx(
-          oe,
+          de,
           {
             value: m,
-            onChange: (C) => x((O) => _(O, C.target.value)),
+            onChange: (w) => x((I) => L(I, w.target.value)),
             id: "max",
-            className: `col-span-1 h-8 w-full ${Ne}`
+            className: `col-span-1 h-8 w-full ${Ce}`
           }
         )
       ] }),
       /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 items-center gap-2", children: [
-        /* @__PURE__ */ e.jsx(R, { htmlFor: "step-size", children: "Step Size" }),
+        /* @__PURE__ */ e.jsx(H, { htmlFor: "step-size", children: "Step Size" }),
         /* @__PURE__ */ e.jsx(
-          oe,
+          de,
           {
             value: l,
-            onChange: (C) => u((O) => _(O, C.target.value)),
+            onChange: (w) => u((I) => L(I, w.target.value)),
             id: "step-size",
-            className: `col-span-1 h-8 w-full ${Ne}`
+            className: `col-span-1 h-8 w-full ${Ce}`
           }
         )
       ] })
     ] });
   }
-  function H() {
-    var $;
-    let C = {};
-    y === "custom" && (C = {
+  function U() {
+    var E;
+    let w = {};
+    y === "custom" && (w = {
       min: i,
       max: m,
       ticks: {
         stepSize: l
       }
     });
-    const O = {
+    const I = {
       ...a || {},
       chartOptions: {
         ...a == null ? void 0 : a.chartOptions,
         scales: {
-          ...($ = a == null ? void 0 : a.chartOptions) == null ? void 0 : $.scales,
+          ...(E = a == null ? void 0 : a.chartOptions) == null ? void 0 : E.scales,
           [r]: {
             // ...cardPreferences?.chartOptions?.scales?.[axis],
             type: h,
-            ...h === "linear" ? C : {}
+            ...h === "linear" ? w : {}
           }
         }
       },
@@ -3343,69 +3343,74 @@ function Da() {
         decimalPlaces: b,
         suffix: N,
         currency: v,
-        locale: E
+        locale: V
       }
     };
-    console.log(O), A(O);
+    console.log(I), A(I);
+    const ee = {
+      ...F,
+      preferences: I
+    };
+    C(ee);
   }
-  return /* @__PURE__ */ e.jsxs(as, { onOpenChange: (C) => n(C), children: [
-    /* @__PURE__ */ e.jsx(ts, { asChild: !0, children: /* @__PURE__ */ e.jsx(Mt, { className: "size-4 cursor-pointer text-muted-foreground hover:text-foreground" }) }),
-    /* @__PURE__ */ e.jsx(ns, { align: "center", className: "max-w-65", children: /* @__PURE__ */ e.jsxs("div", { className: "grid gap-4", children: [
+  return /* @__PURE__ */ e.jsxs(ts, { onOpenChange: (w) => n(w), children: [
+    /* @__PURE__ */ e.jsx(ns, { asChild: !0, children: /* @__PURE__ */ e.jsx(Mt, { className: "size-4 cursor-pointer text-muted-foreground hover:text-foreground" }) }),
+    /* @__PURE__ */ e.jsx(ls, { 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" }),
         /* @__PURE__ */ e.jsx("p", { className: "text-sm text-muted-foreground", children: "Set the scale for the number axis" })
       ] }),
       /* @__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(R, { htmlFor: "scale", children: "Type" }),
+          /* @__PURE__ */ e.jsx(H, { htmlFor: "scale", children: "Type" }),
           /* @__PURE__ */ e.jsxs(
-            Se,
+            ke,
             {
-              disabled: F,
+              disabled: B,
               value: h,
-              onValueChange: (C) => o(C),
+              onValueChange: (w) => o(w),
               children: [
-                /* @__PURE__ */ e.jsx(ke, { className: "col-span-2 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(we, {}) }),
-                /* @__PURE__ */ e.jsx(ze, { id: "type", children: /* @__PURE__ */ e.jsxs(_e, { children: [
-                  /* @__PURE__ */ e.jsx(Oe, { children: "Option" }),
-                  /* @__PURE__ */ e.jsx(ee, { value: "linear", children: "Linear" }),
-                  /* @__PURE__ */ e.jsx(ee, { value: "logarithmic", children: "Logarithmic" })
+                /* @__PURE__ */ e.jsx(we, { className: "col-span-2 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(ze, {}) }),
+                /* @__PURE__ */ e.jsx(Fe, { id: "type", children: /* @__PURE__ */ e.jsxs(_e, { children: [
+                  /* @__PURE__ */ e.jsx(Me, { children: "Option" }),
+                  /* @__PURE__ */ e.jsx(ae, { value: "linear", children: "Linear" }),
+                  /* @__PURE__ */ e.jsx(ae, { value: "logarithmic", children: "Logarithmic" })
                 ] }) })
               ]
             }
           )
         ] }),
         h == "linear" && /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 items-center gap-2 py-1", children: [
-          /* @__PURE__ */ e.jsx(R, { htmlFor: "scale-option", children: "Setup" }),
+          /* @__PURE__ */ e.jsx(H, { htmlFor: "scale-option", children: "Setup" }),
           /* @__PURE__ */ e.jsxs(
             Ts,
             {
-              disabled: F,
+              disabled: B,
               id: "scale-option",
               value: y,
-              onValueChange: (C) => g(C),
+              onValueChange: (w) => g(w),
               className: "col-span-2 flex gap-3",
               defaultValue: "x",
               children: [
                 /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-                  /* @__PURE__ */ e.jsx(Me, { value: "auto", id: "r1" }),
+                  /* @__PURE__ */ e.jsx(Te, { value: "auto", id: "r1" }),
                   /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: "r1", children: "Auto" })
                 ] }),
                 /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-                  /* @__PURE__ */ e.jsx(Me, { value: "custom", id: "r2" }),
+                  /* @__PURE__ */ e.jsx(Te, { value: "custom", id: "r2" }),
                   /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: "r2", children: "Custom" })
                 ] })
               ]
             }
           )
         ] }),
-        y === "custom" && h == "linear" && L(),
-        B(),
+        y === "custom" && h == "linear" && X(),
+        $(),
         /* @__PURE__ */ e.jsx(Tt, {}),
         /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-3", children: /* @__PURE__ */ e.jsx(
           z,
           {
-            onClick: H,
+            onClick: U,
             variant: "secondary",
             className: "col-span-1 col-start-3 h-8 w-full",
             children: "Apply"
@@ -3459,9 +3464,9 @@ function Xn({ idx: s }) {
       });
     }
   }
-  return /* @__PURE__ */ e.jsxs(as, { children: [
-    /* @__PURE__ */ e.jsx(ts, { children: /* @__PURE__ */ e.jsx(Nn, { className: "invisible size-4 rotate-[135deg] cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible" }) }),
-    /* @__PURE__ */ e.jsx(ns, { className: "w-fit p-1", children: /* @__PURE__ */ e.jsxs("div", { className: "flex gap-1", children: [
+  return /* @__PURE__ */ e.jsxs(ts, { children: [
+    /* @__PURE__ */ e.jsx(ns, { children: /* @__PURE__ */ e.jsx(Nn, { className: "invisible size-4 rotate-[135deg] cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible" }) }),
+    /* @__PURE__ */ e.jsx(ls, { className: "w-fit p-1", children: /* @__PURE__ */ e.jsxs("div", { className: "flex gap-1", children: [
       /* @__PURE__ */ e.jsx(
         z,
         {
@@ -3536,7 +3541,7 @@ function La() {
     keys: r,
     metricKeys: h,
     dimensionKeys: o
-  } = us(s.data || []);
+  } = xs(s.data || []);
   let i = h;
   if (["stackedBar", "stackedLine"].includes(s.type)) {
     const d = Lt({
@@ -3544,17 +3549,17 @@ function La() {
       groupKey: o[0],
       pivotKey: o[1],
       valueKey: i[0]
-    }), { metricKeys: m } = us(d);
+    }), { metricKeys: m } = xs(d);
     i = m;
   }
   return r.length === 0 ? null : /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ e.jsx(R, { children: a }),
+      /* @__PURE__ */ e.jsx(H, { children: a }),
       /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: /* @__PURE__ */ e.jsx("div", { className: "rounded-md bg-muted/70 px-2 py-1 hover:bg-muted", children: /* @__PURE__ */ e.jsx("p", { children: o[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(R, { children: t }),
+        /* @__PURE__ */ e.jsx(H, { children: t }),
         /* @__PURE__ */ e.jsx(Da, {})
       ] }),
       /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: i.map((d, m) => /* @__PURE__ */ e.jsx(el, { col: d, idx: m }, d)) })
@@ -3632,25 +3637,25 @@ function el({ col: s, idx: n }) {
   ] });
 }
 function Ia() {
-  const s = c((g) => g.selectedConnectionId), n = c((g) => g.selectedDatamodelId), a = c((g) => g.selectedDatabaseName), t = c((g) => g.selectedSchemaName), r = c((g) => g.selectedTableName), h = w((g) => g.dashboard.filters) || [], o = w((g) => g.actions.addFilter), i = w((g) => g.actions.removeFilter), d = w(
+  const s = c((g) => g.selectedConnectionId), n = c((g) => g.selectedDatamodelId), a = c((g) => g.selectedDatabaseName), t = c((g) => g.selectedSchemaName), r = c((g) => g.selectedTableName), h = k((g) => g.dashboard.filters) || [], o = k((g) => g.actions.addFilter), i = k((g) => g.actions.removeFilter), d = k(
     (g) => g.actions.removeFilterValue
-  ), { modelItems: m, tableName: x } = Te();
+  ), { modelItems: m, tableName: x } = Ae();
   function y(g, l = "dashboard") {
-    var V;
-    const u = de(g.column_name), b = de(a || ""), f = de(t || ""), N = de(x);
-    let M = ra(
+    var _;
+    const u = me(g.column_name), b = me(a || ""), f = me(t || ""), N = me(x);
+    let O = ra(
       f,
       N
-    ), v = `${M}.${u}`;
-    const I = (V = m == null ? void 0 : m.find(
+    ), v = `${O}.${u}`;
+    const q = (_ = m == null ? void 0 : m.find(
       (A) => A.id === n
-    )) == null ? void 0 : V.name;
-    n && n !== "none" && (v = `${ms}.${I}.${u}`, M = `${ms}.${I}`);
-    const E = h == null ? void 0 : h.find(
+    )) == null ? void 0 : _.name;
+    n && n !== "none" && (v = `${us}.${q}.${u}`, O = `${us}.${q}`);
+    const V = h == null ? void 0 : h.find(
       (A) => A.column === v && A.table === N && (A.database === b || A.database === a)
     );
-    if (E)
-      d(E.id), i(E.id);
+    if (V)
+      d(V.id), i(V.id);
     else {
       const A = Xe();
       return x === "api" && s ? (o({
@@ -3667,7 +3672,7 @@ function Ia() {
         operation: "in",
         sql: Ks(
           g.data_type,
-          M,
+          O,
           u
         )
         //DATE_DATA_TYPES.includes(column.data_type) ? dateSql : sql,
@@ -3685,7 +3690,7 @@ function Ia() {
         operation: "in",
         sql: Ks(
           g.data_type,
-          M,
+          O,
           u
         )
         //DATE_DATA_TYPES.includes(column.data_type) ? dateSql : sql,
@@ -3694,17 +3699,17 @@ function Ia() {
   }
   return { assignFilter: y };
 }
-function De() {
-  const s = w(
+function Le() {
+  const s = k(
     (i) => i.dashboard.filters
-  ), n = c((i) => i.frame), { setFrame: a } = Ms(), { columns: t } = Te(), { assignFilter: r } = Ia();
+  ), n = c((i) => i.frame), { setFrame: a } = as(), { columns: t } = Ae(), { assignFilter: r } = Ia();
   function h(i) {
     const d = r(i, "frame");
     a({ ...n, filterId: d });
   }
   const o = s == null ? void 0 : s.find((i) => i.id === n.filterId);
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-3", children: [
-    /* @__PURE__ */ e.jsx(R, { children: "Card Filter" }),
+    /* @__PURE__ */ e.jsx(H, { children: "Card Filter" }),
     /* @__PURE__ */ e.jsx(sl, { onSelect: h, columns: t }),
     o && /* @__PURE__ */ e.jsx(It, { filter: o })
   ] });
@@ -3715,8 +3720,8 @@ function sl({
 }) {
   var o;
   const [a, t] = Js.useState(!1), [r, h] = Js.useState("");
-  return /* @__PURE__ */ e.jsxs(as, { open: a, onOpenChange: t, children: [
-    /* @__PURE__ */ e.jsx(ts, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
+  return /* @__PURE__ */ e.jsxs(ts, { open: a, onOpenChange: t, children: [
+    /* @__PURE__ */ e.jsx(ns, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
       z,
       {
         size: "sm",
@@ -3730,7 +3735,7 @@ function sl({
         ]
       }
     ) }),
-    /* @__PURE__ */ e.jsx(ns, { className: "w-[200px] p-0", children: /* @__PURE__ */ e.jsxs(qt, { children: [
+    /* @__PURE__ */ e.jsx(ls, { className: "w-[200px] p-0", children: /* @__PURE__ */ e.jsxs(qt, { children: [
       /* @__PURE__ */ e.jsx(Vt, { placeholder: "Search column", className: "h-9" }),
       /* @__PURE__ */ e.jsxs(_t, { children: [
         /* @__PURE__ */ e.jsx(Rt, { children: "No framework found." }),
@@ -3764,7 +3769,7 @@ function sl({
 function al({
   cardType: s
 }) {
-  return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(be, { defaultValue: ["item-2"], type: "multiple", children: [
+  return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(ve, { defaultValue: ["item-2"], type: "multiple", children: [
     /* @__PURE__ */ e.jsxs(P, { value: "item-1", children: [
       /* @__PURE__ */ e.jsx(K, { children: `${As(s)} Chart` }),
       /* @__PURE__ */ e.jsxs(G, { className: "space-y-4 font-mono text-xs", children: [
@@ -3793,15 +3798,15 @@ function al({
     /* @__PURE__ */ e.jsxs(P, { value: "item-2", children: [
       /* @__PURE__ */ e.jsx(K, { children: "Settings" }),
       /* @__PURE__ */ e.jsxs(G, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e.jsx(ls, {}),
+        /* @__PURE__ */ e.jsx(rs, {}),
         /* @__PURE__ */ e.jsx(La, {})
       ] })
     ] }),
     /* @__PURE__ */ e.jsxs(P, { value: "item-3", children: [
       /* @__PURE__ */ e.jsx(K, { children: "Filters" }),
       /* @__PURE__ */ e.jsxs(G, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e.jsx(Ae, {}),
-        /* @__PURE__ */ e.jsx(De, {})
+        /* @__PURE__ */ e.jsx(De, {}),
+        /* @__PURE__ */ e.jsx(Le, {})
       ] })
     ] })
   ] }) });
@@ -3838,19 +3843,19 @@ function Es() {
       !["pyramid"].includes(a) && /* @__PURE__ */ e.jsx(Da, {})
     ] }),
     /* @__PURE__ */ e.jsxs(
-      Se,
+      ke,
       {
         value: (o = (h = (r = s == null ? void 0 : s.options) == null ? void 0 : r.plugins) == null ? void 0 : h.datalabels) == null ? void 0 : o.anchor,
         onValueChange: t,
         defaultValue: "none",
         children: [
-          /* @__PURE__ */ e.jsx(ke, { className: "h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(we, { placeholder: "Select position" }) }),
-          /* @__PURE__ */ e.jsx(ze, { children: /* @__PURE__ */ e.jsxs(_e, { children: [
-            /* @__PURE__ */ e.jsx(Oe, { children: "Data Labels" }),
-            /* @__PURE__ */ e.jsx(ee, { value: "none", children: "None" }),
-            a !== "pyramid" && /* @__PURE__ */ e.jsx(ee, { value: "start", children: "Start" }),
-            /* @__PURE__ */ e.jsx(ee, { value: "center", children: "Center" }),
-            a !== "pyramid" && /* @__PURE__ */ e.jsx(ee, { value: "end", children: "End" })
+          /* @__PURE__ */ e.jsx(we, { className: "h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(ze, { placeholder: "Select position" }) }),
+          /* @__PURE__ */ e.jsx(Fe, { children: /* @__PURE__ */ e.jsxs(_e, { children: [
+            /* @__PURE__ */ e.jsx(Me, { children: "Data Labels" }),
+            /* @__PURE__ */ e.jsx(ae, { value: "none", children: "None" }),
+            a !== "pyramid" && /* @__PURE__ */ e.jsx(ae, { value: "start", children: "Start" }),
+            /* @__PURE__ */ e.jsx(ae, { value: "center", children: "Center" }),
+            a !== "pyramid" && /* @__PURE__ */ e.jsx(ae, { value: "end", children: "End" })
           ] }) })
         ]
       }
@@ -3887,7 +3892,7 @@ function tl({
       ] })
     ] });
   }
-  return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(be, { defaultValue: ["item-2"], type: "multiple", children: [
+  return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(ve, { defaultValue: ["item-2"], type: "multiple", children: [
     /* @__PURE__ */ e.jsxs(P, { value: "item-1", children: [
       /* @__PURE__ */ e.jsx(K, { children: `${As(s)} Chart` }),
       /* @__PURE__ */ e.jsx(G, { className: "space-y-4 font-mono text-xs", children: n(s) })
@@ -3899,8 +3904,8 @@ function tl({
     /* @__PURE__ */ e.jsxs(P, { value: "item-3", children: [
       /* @__PURE__ */ e.jsx(K, { children: "Filters" }),
       /* @__PURE__ */ e.jsxs(G, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e.jsx(Ae, {}),
-        /* @__PURE__ */ e.jsx(De, {})
+        /* @__PURE__ */ e.jsx(De, {}),
+        /* @__PURE__ */ e.jsx(Le, {})
       ] })
     ] })
   ] }) });
@@ -3932,7 +3937,7 @@ function rl() {
   const s = c((n) => n.card.type);
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-6 p-6", children: [
     /* @__PURE__ */ e.jsx(
-      be,
+      ve,
       {
         className: " ",
         type: "single",
@@ -3940,11 +3945,11 @@ function rl() {
         children: il(s)
       }
     ),
-    /* @__PURE__ */ e.jsx("section", { className: "", children: ["line", "bar"].includes(s) && /* @__PURE__ */ e.jsx(ls, {}) }),
+    /* @__PURE__ */ e.jsx("section", { className: "", children: ["line", "bar"].includes(s) && /* @__PURE__ */ e.jsx(rs, {}) }),
     !["kpi"].includes(s) && /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
       /* @__PURE__ */ e.jsx(Es, {}),
-      /* @__PURE__ */ e.jsx(Ae, {}),
-      /* @__PURE__ */ e.jsx(De, {})
+      /* @__PURE__ */ e.jsx(De, {}),
+      /* @__PURE__ */ e.jsx(Le, {})
     ] })
   ] });
 }
@@ -4097,15 +4102,15 @@ function ol() {
           }
         }
       ),
-      /* @__PURE__ */ e.jsx(R, { children: "Format Number" })
+      /* @__PURE__ */ e.jsx(H, { 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(R, { children: "Locale" }),
+            /* @__PURE__ */ e.jsx(H, { children: "Locale" }),
             /* @__PURE__ */ e.jsxs(
-              Se,
+              ke,
               {
                 value: t || "en-US",
                 onValueChange: (l) => {
@@ -4118,19 +4123,19 @@ function ol() {
                   );
                 },
                 children: [
-                  /* @__PURE__ */ e.jsx(ke, { className: "col-span-6 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(we, {}) }),
-                  /* @__PURE__ */ e.jsx(ze, { children: /* @__PURE__ */ e.jsxs(_e, { children: [
-                    /* @__PURE__ */ e.jsx(Oe, { children: "Format" }),
-                    Gs.map((l) => /* @__PURE__ */ e.jsx(ee, { value: l.locale, children: l.locale }, l.locale))
+                  /* @__PURE__ */ e.jsx(we, { className: "col-span-6 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(ze, {}) }),
+                  /* @__PURE__ */ e.jsx(Fe, { children: /* @__PURE__ */ e.jsxs(_e, { children: [
+                    /* @__PURE__ */ e.jsx(Me, { children: "Format" }),
+                    Gs.map((l) => /* @__PURE__ */ e.jsx(ae, { value: l.locale, children: l.locale }, l.locale))
                   ] }) })
                 ]
               }
             )
           ] }),
           /* @__PURE__ */ e.jsxs("div", { className: "w-full space-y-1", children: [
-            /* @__PURE__ */ e.jsx(R, { children: "Currency" }),
+            /* @__PURE__ */ e.jsx(H, { children: "Currency" }),
             /* @__PURE__ */ e.jsxs(
-              Se,
+              ke,
               {
                 value: r || "none",
                 onValueChange: (l) => {
@@ -4143,11 +4148,11 @@ function ol() {
                   );
                 },
                 children: [
-                  /* @__PURE__ */ e.jsx(ke, { className: "col-span-6 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(we, {}) }),
-                  /* @__PURE__ */ e.jsx(ze, { children: /* @__PURE__ */ e.jsxs(_e, { children: [
-                    /* @__PURE__ */ e.jsx(Oe, { children: "Currency" }),
-                    /* @__PURE__ */ e.jsx(ee, { value: "none", children: "None" }, "none"),
-                    i.map((l) => /* @__PURE__ */ e.jsx(ee, { value: l, children: l }, l))
+                  /* @__PURE__ */ e.jsx(we, { className: "col-span-6 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(ze, {}) }),
+                  /* @__PURE__ */ e.jsx(Fe, { children: /* @__PURE__ */ e.jsxs(_e, { children: [
+                    /* @__PURE__ */ e.jsx(Me, { children: "Currency" }),
+                    /* @__PURE__ */ e.jsx(ae, { value: "none", children: "None" }, "none"),
+                    i.map((l) => /* @__PURE__ */ e.jsx(ae, { value: l, children: l }, l))
                   ] }) })
                 ]
               }
@@ -4156,9 +4161,9 @@ function ol() {
         ] }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
           /* @__PURE__ */ e.jsxs("div", { className: "w-full space-y-1", children: [
-            /* @__PURE__ */ e.jsx(R, { children: "Decimals" }),
+            /* @__PURE__ */ e.jsx(H, { children: "Decimals" }),
             /* @__PURE__ */ e.jsxs(
-              Se,
+              ke,
               {
                 value: ((y = (x = s == null ? void 0 : s.formatNumber) == null ? void 0 : x.decimalPlaces) == null ? void 0 : y.toString()) || "0",
                 onValueChange: (l) => {
@@ -4171,16 +4176,16 @@ function ol() {
                   );
                 },
                 children: [
-                  /* @__PURE__ */ e.jsx(ke, { className: "col-span-3 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(we, {}) }),
-                  /* @__PURE__ */ e.jsx(ze, { children: ["0", "1", "2", "3", "4"].map((l) => /* @__PURE__ */ e.jsx(ee, { value: l, children: l }, l)) })
+                  /* @__PURE__ */ e.jsx(we, { className: "col-span-3 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(ze, {}) }),
+                  /* @__PURE__ */ e.jsx(Fe, { children: ["0", "1", "2", "3", "4"].map((l) => /* @__PURE__ */ e.jsx(ae, { value: l, children: l }, l)) })
                 ]
               }
             )
           ] }),
           /* @__PURE__ */ e.jsxs("div", { className: "w-full space-y-1", children: [
-            /* @__PURE__ */ e.jsx(R, { children: "Suffix" }),
+            /* @__PURE__ */ e.jsx(H, { children: "Suffix" }),
             /* @__PURE__ */ e.jsx(
-              oe,
+              de,
               {
                 value: ((g = s == null ? void 0 : s.formatNumber) == null ? void 0 : g.suffix) || "",
                 className: "h-8 font-mono text-xs focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0",
@@ -4212,7 +4217,7 @@ function ol() {
 }
 function cl() {
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-6 px-6 py-2", children: [
-    /* @__PURE__ */ e.jsx(be, { type: "single", collapsible: !0, children: /* @__PURE__ */ e.jsxs(P, { value: "item-1", children: [
+    /* @__PURE__ */ e.jsx(ve, { type: "single", collapsible: !0, children: /* @__PURE__ */ e.jsxs(P, { value: "item-1", children: [
       /* @__PURE__ */ e.jsx(K, { className: "", children: "KPI Query" }),
       /* @__PURE__ */ e.jsxs(G, { className: "font-mono", children: [
         /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 font-mono text-xs", children: "SELECT current, previous FROM table" }),
@@ -4262,11 +4267,11 @@ function dl() {
       defaultValue: "x",
       children: [
         /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ e.jsx(Me, { value: "static", id: "r1" }),
+          /* @__PURE__ */ e.jsx(Te, { value: "static", id: "r1" }),
           /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: "r1", children: "Static" })
         ] }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ e.jsx(Me, { value: "dynamic", id: "r2" }),
+          /* @__PURE__ */ e.jsx(Te, { value: "dynamic", id: "r2" }),
           /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: "r2", children: "Dynamic" })
         ] })
       ]
@@ -4278,7 +4283,7 @@ function Qe({
   docContent: n,
   suffix: a = "Chart"
 }) {
-  return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(be, { defaultValue: ["item-2"], type: "multiple", children: [
+  return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(ve, { defaultValue: ["item-2"], type: "multiple", children: [
     /* @__PURE__ */ e.jsxs(P, { value: "item-1", children: [
       /* @__PURE__ */ e.jsx(K, { children: `${As(s)} ${a}` }),
       /* @__PURE__ */ e.jsx(G, { children: n || /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
@@ -4306,7 +4311,7 @@ function Qe({
     /* @__PURE__ */ e.jsxs(P, { value: "item-2", children: [
       /* @__PURE__ */ e.jsx(K, { children: "Settings" }),
       /* @__PURE__ */ e.jsxs(G, { className: "space-y-4 px-2", children: [
-        s === "range" && /* @__PURE__ */ e.jsx(ls, {}),
+        s === "range" && /* @__PURE__ */ e.jsx(rs, {}),
         s !== "text" && /* @__PURE__ */ e.jsx(Es, {}),
         s === "text" && /* @__PURE__ */ e.jsx(dl, {})
       ] })
@@ -4314,14 +4319,14 @@ function Qe({
     !["range", "text"].includes(s) && /* @__PURE__ */ e.jsxs(P, { value: "item-3", children: [
       /* @__PURE__ */ e.jsx(K, { children: "Filters" }),
       /* @__PURE__ */ e.jsxs(G, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e.jsx(Ae, {}),
-        /* @__PURE__ */ e.jsx(De, {})
+        /* @__PURE__ */ e.jsx(De, {}),
+        /* @__PURE__ */ e.jsx(Le, {})
       ] })
     ] })
   ] }) });
 }
 function hl() {
-  return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(be, { defaultValue: ["item-2"], type: "multiple", children: [
+  return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(ve, { defaultValue: ["item-2"], type: "multiple", children: [
     /* @__PURE__ */ e.jsxs(P, { value: "item-1", children: [
       /* @__PURE__ */ e.jsx(K, { children: "Stacked Chart" }),
       /* @__PURE__ */ e.jsxs(G, { className: "space-y-4 font-mono text-xs", children: [
@@ -4350,15 +4355,15 @@ function hl() {
     /* @__PURE__ */ e.jsxs(P, { value: "item-2", children: [
       /* @__PURE__ */ e.jsx(K, { children: "Settings" }),
       /* @__PURE__ */ e.jsxs(G, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e.jsx(ls, {}),
+        /* @__PURE__ */ e.jsx(rs, {}),
         /* @__PURE__ */ e.jsx(La, {})
       ] })
     ] }),
     /* @__PURE__ */ e.jsxs(P, { value: "item-3", children: [
       /* @__PURE__ */ e.jsx(K, { children: "Filters" }),
       /* @__PURE__ */ e.jsxs(G, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e.jsx(Ae, {}),
-        /* @__PURE__ */ e.jsx(De, {})
+        /* @__PURE__ */ e.jsx(De, {}),
+        /* @__PURE__ */ e.jsx(Le, {})
       ] })
     ] })
   ] }) });
@@ -4376,11 +4381,11 @@ function ml({}) {
     });
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-6 px-6 py-2", children: [
-    /* @__PURE__ */ e.jsx(be, { defaultValue: ["item-3"], type: "multiple", children: /* @__PURE__ */ e.jsxs(P, { value: "item-3", children: [
+    /* @__PURE__ */ e.jsx(ve, { defaultValue: ["item-3"], type: "multiple", children: /* @__PURE__ */ e.jsxs(P, { value: "item-3", children: [
       /* @__PURE__ */ e.jsx(K, { children: "Filters" }),
       /* @__PURE__ */ e.jsxs(G, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e.jsx(Ae, {}),
-        /* @__PURE__ */ e.jsx(De, {})
+        /* @__PURE__ */ e.jsx(De, {}),
+        /* @__PURE__ */ e.jsx(Le, {})
       ] })
     ] }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
@@ -4484,18 +4489,18 @@ function fl() {
         return /* @__PURE__ */ e.jsx(rl, {});
     }
   }
-  return /* @__PURE__ */ e.jsx(Os, { className: "h-full w-full text-sm", children: n(s) });
+  return /* @__PURE__ */ e.jsx(Ms, { className: "h-full w-full text-sm", children: n(s) });
 }
 function gl() {
   const s = c((n) => n.isShowingVisual);
   return /* @__PURE__ */ e.jsxs(
-    xs,
+    ps,
     {
       direction: "vertical",
       className: "min-h-[250px] min-w-full max-w-lg",
       children: [
         /* @__PURE__ */ e.jsx(
-          Ce,
+          Se,
           {
             role: "query-section",
             className: "flex",
@@ -4504,17 +4509,17 @@ function gl() {
             children: /* @__PURE__ */ e.jsx(Gn, {})
           }
         ),
-        /* @__PURE__ */ e.jsx(ps, { withHandle: !0, className: "border" }),
+        /* @__PURE__ */ e.jsx(fs, { withHandle: !0, className: "border" }),
         /* @__PURE__ */ e.jsx(
-          Ce,
+          Se,
           {
             className: "pb-1",
             role: "visual-section",
             minSize: 0,
             defaultSize: 60,
-            children: s ? /* @__PURE__ */ e.jsxs(xs, { direction: "horizontal", children: [
+            children: s ? /* @__PURE__ */ e.jsxs(ps, { direction: "horizontal", children: [
               /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(
-                Ce,
+                Se,
                 {
                   className: "flex min-w-[275px]",
                   minSize: 20,
@@ -4523,8 +4528,8 @@ function gl() {
                   children: /* @__PURE__ */ e.jsx(fl, {})
                 }
               ) }),
-              /* @__PURE__ */ e.jsx(ps, { className: "border" }),
-              /* @__PURE__ */ e.jsx(Ce, { minSize: 40, defaultSize: 75, maxSize: 100, children: /* @__PURE__ */ e.jsx(Ws, {}) })
+              /* @__PURE__ */ e.jsx(fs, { className: "border" }),
+              /* @__PURE__ */ e.jsx(Se, { minSize: 40, defaultSize: 75, maxSize: 100, children: /* @__PURE__ */ e.jsx(Ws, {}) })
             ] }) : /* @__PURE__ */ e.jsx(Ws, {})
           }
         )
@@ -4533,7 +4538,7 @@ function gl() {
   );
 }
 function jl({ authToken: s, onSave: n, onClose: a }) {
-  const t = c((o) => o.actions.setOnSave), r = c((o) => o.actions.setOnClose), h = w((o) => o.actions.setAuthToken);
+  const t = c((o) => o.actions.setOnSave), r = c((o) => o.actions.setOnClose), h = k((o) => o.actions.setAuthToken);
   return Q(() => {
     n && t(n), a && r(a);
   }, [n, t, a, r]), Q(() => {
@@ -4544,8 +4549,8 @@ function jl({ authToken: s, onSave: n, onClose: a }) {
   ] });
 }
 function bl() {
-  w((o) => o.selectedCardId);
-  const s = w((o) => o.selectedSheetId), { setIsVisualEditing: n } = w((o) => o.actions), a = w((o) => o.isVisualEditing), t = w((o) => o.actions.updateFrame);
+  k((o) => o.selectedCardId);
+  const s = k((o) => o.selectedSheetId), { setIsVisualEditing: n } = k((o) => o.actions), a = k((o) => o.isVisualEditing), t = k((o) => o.actions.updateFrame);
   function r(o) {
     s && (t(s, o), n(!1));
   }
@@ -4568,14 +4573,14 @@ function yl() {
   c((o) => o.selectedConnectionId), c((o) => o.selectedDatamodelId);
   const s = c((o) => o.selectedDatabaseName);
   c((o) => o.selectedSchemaName);
-  const n = c((o) => o.selectedTableName), a = w((o) => o.dashboard.filters) || [];
-  w((o) => o.actions.addFilter), w((o) => o.actions.removeFilter), w(
+  const n = c((o) => o.selectedTableName), a = k((o) => o.dashboard.filters) || [];
+  k((o) => o.actions.addFilter), k((o) => o.actions.removeFilter), k(
     (o) => o.actions.removeFilterValue
   );
-  const { modelItems: t, columns: r } = Te(), { assignFilter: h } = Ia();
+  const { modelItems: t, columns: r } = Ae(), { assignFilter: h } = Ia();
   return /* @__PURE__ */ e.jsx("div", { className: "xbg-red-100 flex-1 basis-0 flex-col overflow-scroll px-3", children: r == null ? void 0 : r.map((o) => {
     const i = a == null ? void 0 : a.find(
-      (d) => d.column === de(o.column_name) && d.table === n && d.database === s
+      (d) => d.column === me(o.column_name) && d.table === n && d.database === s
     );
     return /* @__PURE__ */ e.jsx(
       "div",
@@ -4597,13 +4602,13 @@ function yl() {
   }) });
 }
 function vl() {
-  w((n) => n.showFilters);
-  const s = w(
+  k((n) => n.showFilters);
+  const s = k(
     (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(R, { className: "text-lg", children: "Filters" }),
+      /* @__PURE__ */ e.jsx(H, { className: "text-lg", children: "Filters" }),
       /* @__PURE__ */ e.jsx(
         z,
         {
@@ -4629,9 +4634,9 @@ function vl() {
   ] });
 }
 function Nl() {
-  w((a) => a.dashboard);
-  const s = w((a) => a.showFilters), n = w((a) => a.isVisualEditing);
-  return w((a) => a.bookmarkKey), /* @__PURE__ */ e.jsxs(
+  k((a) => a.dashboard);
+  const s = k((a) => a.showFilters), n = k((a) => a.isVisualEditing);
+  return k((a) => a.bookmarkKey), /* @__PURE__ */ e.jsxs(
     "div",
     {
       role: "dashboard-plus-main",
@@ -4647,10 +4652,10 @@ function Nl() {
   );
 }
 function Cl() {
-  const s = w((t) => t.dashboard), n = w((t) => t.actions.setDashboard), a = w(
+  const s = k((t) => t.dashboard), n = k((t) => t.actions.setDashboard), a = k(
     (t) => t.showDashboardJSON
   );
-  return w(
+  return k(
     (t) => t.actions.setShowDashboardJSON
   ), /* @__PURE__ */ e.jsx(
     "div",
@@ -4711,5 +4716,5 @@ export {
   wl as D,
   Be as L,
   Ee as S,
-  Te as u
+  Ae as u
 };