react-semaphor 0.0.399 → 0.0.401

package/dist/index.js

@@ -1,8 +1,8 @@
-import { c as L, p as Tt, u as O, a as Ke, b as Te, d as oa, e as ca, B as $, P as nt, f as da, g as ha, h as ua, i as ma, L as H, I as de, j as pa, k as fa, l as ga, m as G, n as ya, o as ba, q as xa, r as zs, s as Kt, t as Y, C as pt, v as Is, S as xe, w as ve, x as Ne, y as Ce, z as ze, A as Se, E as ie, T as va, F as qe, G as Re, H as ft, J as De, K as At, M as gt, N as Lt, O as yt, Q as we, R as Os, U as bt, V as Na, W as Me, X as Qt, Y as Ee, Z as m, _ as Ca, $ as Sa, a0 as et, a1 as ct, a2 as Ts, a3 as wa, a4 as ka, a5 as Ma, a6 as Da, a7 as za, a8 as Ia, a9 as As, aa as Oa, ab as Ta, ac as Aa, ad as La, ae as Fa, af as be, ag as Ls, ah as Fs, ai as Ea, aj as Es, ak as Vs, al as qs, am as Va, an as Oe, ao as Rs, ap as Ue, aq as dt, ar as kt, as as js, at as _s, au as Hs, av as je, aw as ne, ax as qa, ay as Ps, az as xt, aA as $s, aB as Bs, aC as Us, aD as Wt, aE as Gs, aF as Js, aG as Ks, aH as Qs, aI as Mt, aJ as Ws, aK as Ge, aL as tt, aM as fe, aN as at, aO as Zs, aP as Ys, aQ as Xs, aR as en, aS as St, aT as tn, aU as Zt, aV as an, aW as Yt, aX as sn, aY as nn, aZ as ln, a_ as rn, a$ as Ra, b0 as on, b1 as Ft, b2 as ja, b3 as cn, b4 as dn, b5 as ot, b6 as hn, b7 as un, b8 as _a, b9 as mn, ba as pn, bb as fn, bc as gn, bd as yn, be as vt, bf as Ha, bg as bn, bh as Pa, bi as $a, bj as Dt, bk as zt, bl as xn, bm as vn, bn as Nn, bo as Et, bp as Ba, bq as Vt, br as st, bs as Cn, bt as ht, bu as Ua, bv as Sn, bw as Ga, bx as wn, by as kn, bz as Mn, bA as Dn, bB as zn, bC as qt, bD as In, bE as On, bF as Tn, bG as An, bH as Xt, bI as ea, bJ as Ja, bK as Ln, bL as Fn, bM as _e, bN as ee, bO as te, bP as ae, bQ as En, bR as Vn, bS as qn, bT as Rn, bU as jn, bV as _n, bW as Hn, bX as Pn, bY as $n, bZ as wt, b_ as Ka, b$ as Bn, c0 as Un, c1 as Gn, c2 as Jn, c3 as Kn, c4 as Qn } from "./chunks/index-CdM_qEx2.js";
-import { D as vr, c9 as Nr, c7 as Cr, c7 as Sr, cc as wr, cb as kr, ca as Mr, cd as Dr, c8 as zr, c5 as Ir, c6 as Or } from "./chunks/index-CdM_qEx2.js";
+import { c as L, p as Tt, u as I, a as Ke, b as Ae, d as oa, e as ca, B as $, P as nt, f as da, g as ha, h as ua, i as ma, L as H, I as de, j as pa, k as fa, l as ga, m as U, n as ya, o as ba, q as xa, r as zs, s as Kt, t as Z, C as pt, v as Is, S as xe, w as ve, x as Ne, y as Ce, z as Ie, A as Se, E as le, T as va, F as Re, G as je, H as ft, J as ze, K as At, M as gt, N as Lt, O as yt, Q as we, R as Os, U as bt, V as Na, W as De, X as Qt, Y as Ve, Z as m, _ as Ca, $ as Sa, a0 as et, a1 as ct, a2 as Ts, a3 as wa, a4 as ka, a5 as Ma, a6 as Da, a7 as za, a8 as Ia, a9 as As, aa as Oa, ab as Ta, ac as Aa, ad as La, ae as Fa, af as be, ag as Ls, ah as Fs, ai as Ea, aj as Es, ak as Vs, al as qs, am as Va, an as Te, ao as Rs, ap as Ue, aq as dt, ar as kt, as as js, at as _s, au as Hs, av as _e, aw as ne, ax as qa, ay as Ps, az as xt, aA as $s, aB as Bs, aC as Us, aD as Wt, aE as Gs, aF as Js, aG as Ks, aH as Qs, aI as Mt, aJ as Ws, aK as Ge, aL as tt, aM as ge, aN as at, aO as Zs, aP as Ys, aQ as Xs, aR as en, aS as St, aT as tn, aU as Zt, aV as an, aW as Yt, aX as sn, aY as nn, aZ as ln, a_ as rn, a$ as Ra, b0 as on, b1 as Ft, b2 as ja, b3 as cn, b4 as dn, b5 as ot, b6 as hn, b7 as un, b8 as _a, b9 as mn, ba as pn, bb as fn, bc as gn, bd as yn, be as vt, bf as Ha, bg as bn, bh as Pa, bi as $a, bj as Dt, bk as zt, bl as xn, bm as vn, bn as Nn, bo as Et, bp as Ba, bq as Vt, br as st, bs as Cn, bt as ht, bu as Ua, bv as Sn, bw as Ga, bx as wn, by as kn, bz as Mn, bA as Dn, bB as zn, bC as qt, bD as In, bE as On, bF as Tn, bG as An, bH as Xt, bI as ea, bJ as Ja, bK as Ln, bL as Fn, bM as He, bN as ee, bO as te, bP as ae, bQ as En, bR as Vn, bS as qn, bT as Rn, bU as jn, bV as _n, bW as Hn, bX as Pn, bY as $n, bZ as wt, b_ as Ka, b$ as Bn, c0 as Un, c1 as Gn, c2 as Jn, c3 as Kn, c4 as Qn } from "./chunks/index-BQjgev3I.js";
+import { D as vr, c9 as Nr, c7 as Cr, c7 as Sr, cc as wr, cb as kr, ca as Mr, cd as Dr, c8 as zr, c5 as Ir, c6 as Or } from "./chunks/index-BQjgev3I.js";
 import { jsxs as n, jsx as e, Fragment as se } from "react/jsx-runtime";
 import * as Be from "react";
-import Ie, { useState as j, useMemo as It, useEffect as oe, useRef as Je, useCallback as Qa, Suspense as Wn } from "react";
+import Oe, { useState as j, useMemo as It, useEffect as oe, useRef as Je, useCallback as Qa, Suspense as Wn } from "react";
 import "react-dom";
 /**
  * @license lucide-react v0.453.0 - ISC
@@ -504,7 +504,7 @@ const wl = L("ListX", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ve = L("LoaderCircle", [
+const qe = L("LoaderCircle", [
   ["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]
 ]);
 /**
@@ -906,20 +906,20 @@ async function Bl(t, s) {
   }) : null;
 }
 function Ul() {
-  const [t, s] = j(""), [a, l] = j(!1), i = O((b) => b.lenses), { setLenses: o, setSelectedLensId: r } = Ke(), [d, u] = j(!1), [y, h] = j(!1), g = O((b) => b.dashboard), v = O((b) => b.filterValues), { authToken: c } = Te();
-  async function p() {
+  const [t, s] = j(""), [a, l] = j(!1), i = I((f) => f.lenses), { setLenses: o, setSelectedLensId: r } = Ke(), [d, u] = j(!1), [b, h] = j(!1), y = I((f) => f.dashboard), v = I((f) => f.filterValues), { authToken: c } = Ae();
+  async function g() {
     u(!0);
-    const b = cs(
-      g
+    const f = cs(
+      y
     ), C = await $l(
       t,
-      b,
+      f,
       v,
       c == null ? void 0 : c.accessToken
     );
     C && (o([...i || [], C]), r(C.id), h(!1)), u(!1);
   }
-  return /* @__PURE__ */ n(oa, { open: y, onOpenChange: h, children: [
+  return /* @__PURE__ */ n(oa, { open: b, onOpenChange: h, children: [
     /* @__PURE__ */ e(ca, { asChild: !0, children: /* @__PURE__ */ n(
       $,
       {
@@ -943,8 +943,8 @@ function Ul() {
           de,
           {
             value: t,
-            onChange: (b) => {
-              s(b.target.value);
+            onChange: (f) => {
+              s(f.target.value);
             },
             id: "name",
             className: "col-span-7 focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0"
@@ -958,7 +958,7 @@ function Ul() {
           size: "sm",
           variant: "outline",
           type: "submit",
-          onClick: p,
+          onClick: g,
           disabled: d,
           children: d ? "Creating..." : "Add"
         }
@@ -967,7 +967,7 @@ function Ul() {
   ] });
 }
 function Gl() {
-  const [t, s] = j(!1), a = O((h) => h.lenses), l = O((h) => h.selectedLensId), { setLenses: i, setSelectedLensId: o } = Ke(), { authToken: r } = Te();
+  const [t, s] = j(!1), a = I((h) => h.lenses), l = I((h) => h.selectedLensId), { setLenses: i, setSelectedLensId: o } = Ke(), { authToken: r } = Ae();
   async function d(h) {
     o(h);
   }
@@ -977,31 +977,31 @@ function Gl() {
       i(v || []), o("original");
     }
   }
-  async function y(h) {
-    const g = a == null ? void 0 : a.map((p) => p.id === h.id ? {
-      ...p,
+  async function b(h) {
+    const y = a == null ? void 0 : a.map((g) => g.id === h.id ? {
+      ...g,
       isDefault: !h.isDefault
     } : {
-      ...p,
+      ...g,
       isDefault: !1
     });
-    i(g || []);
+    i(y || []);
     const v = {
       ...h,
       isDefault: !h.isDefault
     };
     await Ot(v, r == null ? void 0 : r.accessToken);
-    const c = a == null ? void 0 : a.find((p) => p.isDefault);
+    const c = a == null ? void 0 : a.find((g) => g.isDefault);
     if (c && c.id !== h.id) {
-      const p = {
+      const g = {
         ...c,
         isDefault: !1
       };
-      await Ot(p, r == null ? void 0 : r.accessToken);
+      await Ot(g, r == null ? void 0 : r.accessToken);
     }
   }
   return /* @__PURE__ */ n(fa, { open: t, onOpenChange: s, children: [
-    /* @__PURE__ */ e(ga, { asChild: !0, children: /* @__PURE__ */ e(G, { tooltip: "Lenses", className: "h-7 p-2", children: /* @__PURE__ */ e(gl, { className: "h-4 w-4" }) }) }),
+    /* @__PURE__ */ e(ga, { asChild: !0, children: /* @__PURE__ */ e(U, { tooltip: "Lenses", className: "h-7 p-2", children: /* @__PURE__ */ e(gl, { className: "h-4 w-4" }) }) }),
     /* @__PURE__ */ n(ya, { align: "end", className: "w-60", children: [
       /* @__PURE__ */ e(ba, { className: "px-3", children: "Lenses" }),
       /* @__PURE__ */ e(xa, {}),
@@ -1023,10 +1023,10 @@ function Gl() {
                     /* @__PURE__ */ e(
                       vl,
                       {
-                        onClick: (g) => {
-                          g.preventDefault(), y(h);
+                        onClick: (y) => {
+                          y.preventDefault(), b(h);
                         },
-                        className: Y(
+                        className: Z(
                           "size-3.5 text-muted-foreground hover:cursor-pointer hover:text-foreground group-hover:visible",
                           {
                             invisible: !h.isDefault,
@@ -1039,8 +1039,8 @@ function Gl() {
                     /* @__PURE__ */ e(
                       pt,
                       {
-                        onClick: (g) => {
-                          g.preventDefault(), u(h.id);
+                        onClick: (y) => {
+                          y.preventDefault(), u(h.id);
                         },
                         className: "invisible size-3.5 text-muted-foreground hover:cursor-pointer hover:text-foreground group-hover:visible",
                         strokeWidth: 1.5
@@ -1059,7 +1059,7 @@ function Gl() {
 }
 function ds() {
   var o;
-  const t = O.getState().authToken, s = O.getState().theme, a = O.getState().filterValues, l = (o = O.getState().dashboard) == null ? void 0 : o.title, i = O.getState().selectedSheetId;
+  const t = I.getState().authToken, s = I.getState().theme, a = I.getState().filterValues, l = (o = I.getState().dashboard) == null ? void 0 : o.title, i = I.getState().selectedSheetId;
   return {
     authToken: t,
     theme: s || "light",
@@ -1069,46 +1069,46 @@ function ds() {
   };
 }
 async function Jl() {
-  const t = O.getState().isDownloadingPdf, { authToken: s, theme: a, filterValues: l, dashboardTitle: i, selectedSheetId: o } = ds();
+  const t = I.getState().isDownloadingPdf, { authToken: s, theme: a, filterValues: l, dashboardTitle: i, selectedSheetId: o } = ds();
   if (t)
     return;
   const r = new URLSearchParams();
   r.set("token", (s == null ? void 0 : s.accessToken) || ""), r.set("theme", a), r.set("filterValues", JSON.stringify(l)), r.set("selectedSheetId", o || "");
   const d = `https://semaphor.cloud/api/v1/generate-pdf?params=${encodeURIComponent(r.toString())}`;
-  O.setState({ isDownloadingPdf: !0 });
+  I.setState({ isDownloadingPdf: !0 });
   const h = (await (await fetch(d, {
     method: "GET",
     headers: {
       Authorization: `Bearer ${s == null ? void 0 : s.accessToken}`
     }
-  })).json()).url, g = document.createElement("a");
-  g.href = h;
+  })).json()).url, y = document.createElement("a");
+  y.href = h;
   const v = `${i}-${(/* @__PURE__ */ new Date()).toISOString()}.pdf`;
-  g.download = v, g.click(), O.setState({ isDownloadingPdf: !1 });
+  y.download = v, y.click(), I.setState({ isDownloadingPdf: !1 });
 }
 function Kl({
   iconClassName: t
 }) {
-  const { authToken: s } = Te();
-  O((i) => {
+  const { authToken: s } = Ae();
+  I((i) => {
     var o;
     return (o = i.dashboard) == null ? void 0 : o.title;
-  }), O((i) => i.theme), O((i) => i.filterValues);
-  const a = O((i) => i.isDownloadingPdf);
+  }), I((i) => i.theme), I((i) => i.filterValues);
+  const a = I((i) => i.isDownloadingPdf);
   async function l() {
     await Jl();
   }
   return /* @__PURE__ */ e(
-    G,
+    U,
     {
       tooltip: "Download PDF",
       className: "h-7 p-2",
       onClick: l,
-      children: a ? /* @__PURE__ */ e(Ve, { className: Y("size-3.5 animate-spin", t) }) : /* @__PURE__ */ e(Is, { className: Y("size-4", t) })
+      children: a ? /* @__PURE__ */ e(qe, { className: Z("size-3.5 animate-spin", t) }) : /* @__PURE__ */ e(Is, { className: Z("size-4", t) })
     }
   );
 }
-function ge({
+function ye({
   defaultValue: t,
   label: s,
   options: a,
@@ -1126,13 +1126,13 @@ function ge({
         /* @__PURE__ */ e(
           ve,
           {
-            className: Y("w-full focus:ring-0 focus:ring-offset-0", o),
+            className: Z("w-full focus:ring-0 focus:ring-offset-0", o),
             children: /* @__PURE__ */ e(Ne, { placeholder: s })
           }
         ),
-        /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ n(ze, { children: [
+        /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ n(Ie, { children: [
           /* @__PURE__ */ e(Se, { children: s }),
-          a.map((r) => /* @__PURE__ */ e(ie, { value: r.value, children: r.label }, r.value))
+          a.map((r) => /* @__PURE__ */ e(le, { value: r.value, children: r.label }, r.value))
         ] }) })
       ]
     }
@@ -1144,17 +1144,26 @@ const ta = [
   { value: "biweekly", label: "Bi-Weekly" },
   { value: "monthly", label: "Monthly" }
 ];
-function Ql() {
+function Ql({
+  triggerButtonClassName: t
+}) {
   const {
-    data: t,
-    handleScheduleSubscription: s,
-    handleDeleteSubscription: a,
-    status: l,
-    error: i,
-    isDeleting: o
-  } = Wl(), [r, d] = j(""), [u, y] = j(ta[0].value), [h, g] = j("00:00"), [v, c] = j("");
-  return /* @__PURE__ */ e(va, { delayDuration: 0, children: /* @__PURE__ */ n(qe, { children: [
-    /* @__PURE__ */ e(Re, { asChild: !0, children: /* @__PURE__ */ e(G, { tooltip: "Schedule Dashboard", className: "h-7 p-2", children: /* @__PURE__ */ e(cl, { className: "size-4" }) }) }),
+    data: s,
+    handleScheduleSubscription: a,
+    handleDeleteSubscription: l,
+    status: i,
+    error: o,
+    isDeleting: r
+  } = Wl(), [d, u] = j(""), [b, h] = j(ta[0].value), [y, v] = j("06:00"), [c, g] = j("");
+  return /* @__PURE__ */ e(va, { delayDuration: 0, children: /* @__PURE__ */ n(Re, { children: [
+    /* @__PURE__ */ e(je, { asChild: !0, children: /* @__PURE__ */ e(
+      U,
+      {
+        tooltip: "Schedule Dashboard",
+        className: Z("h-7 p-2", t),
+        children: /* @__PURE__ */ e(cl, { className: "size-4" })
+      }
+    ) }),
     /* @__PURE__ */ e(ft, { align: "end", className: "w-80", children: /* @__PURE__ */ n("div", { className: "grid gap-4", children: [
       /* @__PURE__ */ n("div", { className: "space-y-2", children: [
         /* @__PURE__ */ e("h4", { className: "font-medium leading-none", children: "Schedule Subscription" }),
@@ -1167,9 +1176,9 @@ function Ql() {
             de,
             {
               id: "email",
-              value: r,
-              onChange: (p) => d(p.target.value),
-              className: `col-span-2 h-8 ${De}`
+              value: d,
+              onChange: (f) => u(f.target.value),
+              className: `col-span-2 h-8 ${ze}`
             }
           )
         ] }),
@@ -1180,24 +1189,24 @@ function Ql() {
             {
               id: "subject",
               placeholder: "Monthly Sales Report",
-              value: v,
-              onChange: (p) => {
-                c(p.target.value.replace(/[^a-zA-Z0-9\s-_]/g, ""));
+              value: c,
+              onChange: (f) => {
+                g(f.target.value.replace(/[^a-zA-Z0-9\s-_]/g, ""));
               },
-              className: `col-span-2 h-8 ${De}`
+              className: `col-span-2 h-8 ${ze}`
             }
           )
         ] }),
         /* @__PURE__ */ n("div", { className: "grid grid-cols-3 items-center gap-4", children: [
           /* @__PURE__ */ e(H, { htmlFor: "frequency", children: "Frequency" }),
           /* @__PURE__ */ e(
-            ge,
+            ye,
             {
               className: "col-span-2 h-8",
               label: "Select Frequency",
               options: ta,
-              value: u,
-              onValueChange: (p) => y(p)
+              value: b,
+              onValueChange: (f) => h(f)
             }
           )
         ] }),
@@ -1208,9 +1217,9 @@ function Ql() {
             {
               id: "time",
               type: "time",
-              value: h,
-              onChange: (p) => g(p.target.value),
-              className: `col-span-2 h-8 ${De}`
+              value: y,
+              onChange: (f) => v(f.target.value),
+              className: `col-span-2 h-8 ${ze}`
             }
           )
         ] }),
@@ -1218,67 +1227,67 @@ function Ql() {
           $,
           {
             onClick: async () => {
-              await s({
-                email: r,
-                frequency: u,
-                time: h,
-                subject: v
-              }), g("00:00"), d(""), c("");
+              await a({
+                email: d,
+                frequency: b,
+                time: y,
+                subject: c
+              }), v("00:00"), u(""), g("");
             },
             className: "h-8 p-2",
-            disabled: l === "loading" || !r,
+            disabled: i === "loading" || !d,
             children: [
-              l === "loading" && /* @__PURE__ */ e(Ve, { className: "mr-2 size-4 animate-spin" }),
-              l === "success" && /* @__PURE__ */ e(At, { className: "mr-2 size-4" }),
-              l === "error" && /* @__PURE__ */ n(gt, { children: [
+              i === "loading" && /* @__PURE__ */ e(qe, { className: "mr-2 size-4 animate-spin" }),
+              i === "success" && /* @__PURE__ */ e(At, { className: "mr-2 size-4" }),
+              i === "error" && /* @__PURE__ */ n(gt, { children: [
                 /* @__PURE__ */ e(Lt, { children: /* @__PURE__ */ e(es, { className: "mr-2 size-4 text-destructive" }) }),
-                /* @__PURE__ */ e(yt, { children: /* @__PURE__ */ e("p", { children: i }) })
+                /* @__PURE__ */ e(yt, { children: /* @__PURE__ */ e("p", { children: o }) })
               ] }),
               "Schedule"
             ]
           }
         ) }),
-        t && t.length > 0 && /* @__PURE__ */ n("div", { className: "space-y-4", children: [
+        s && s.length > 0 && /* @__PURE__ */ n("div", { className: "space-y-4", children: [
           /* @__PURE__ */ e(we, { className: "my-2" }),
           /* @__PURE__ */ e("div", { className: "space-y-2", children: /* @__PURE__ */ n("div", { className: "flex items-start justify-between", children: [
-            /* @__PURE__ */ n("div", { children: [
+            /* @__PURE__ */ n("div", { className: "space-y-2", children: [
               /* @__PURE__ */ e("h4", { className: "font-medium leading-none", children: "Subscriptions" }),
               /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: "Active email subscriptions" })
             ] }),
             Os
           ] }) }),
-          /* @__PURE__ */ e("div", { className: "grid gap-2", children: t == null ? void 0 : t.map((p) => /* @__PURE__ */ n(
+          /* @__PURE__ */ e("div", { className: "grid gap-2", children: s == null ? void 0 : s.map((f) => /* @__PURE__ */ n(
             "div",
             {
               className: "group grid grid-cols-5 gap-3",
               children: [
                 /* @__PURE__ */ e("div", { className: "col-span-3 text-sm", children: /* @__PURE__ */ n("div", { className: "flex items-center justify-between gap-2", children: [
                   /* @__PURE__ */ n("div", { className: "boder-border rounded-md border bg-muted px-2 py-1", children: [
-                    bt(p.frequency),
+                    bt(f.frequency),
                     " "
                   ] }),
-                  /* @__PURE__ */ e(H, { children: p.time })
+                  /* @__PURE__ */ e(H, { children: f.time })
                 ] }) }),
                 /* @__PURE__ */ n("div", { className: "col-span-2 flex items-center justify-end gap-4", children: [
                   /* @__PURE__ */ e(
                     aa,
                     {
-                      tooltip: `Next Run: ${new Date(p.nextRun).toLocaleString()} ${p.timezone}`,
+                      tooltip: `Next Run: ${new Date(f.nextRun).toLocaleString()} ${f.timezone}`,
                       children: /* @__PURE__ */ e(ol, { className: "size-3.5" })
                     }
                   ),
-                  /* @__PURE__ */ e(aa, { tooltip: `${p.endUserEmail}`, children: /* @__PURE__ */ e(Ml, { className: "size-3.5" }) }),
-                  o === p.id ? /* @__PURE__ */ e(Ve, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ e(
+                  /* @__PURE__ */ e(aa, { tooltip: `${f.endUserEmail}`, children: /* @__PURE__ */ e(Ml, { className: "size-3.5" }) }),
+                  r === f.id ? /* @__PURE__ */ e(qe, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ e(
                     _l,
                     {
-                      onClick: () => a(p.id),
+                      onClick: () => l(f.id),
                       className: "size-3.5 cursor-pointer"
                     }
                   )
                 ] })
               ]
             },
-            p.id
+            f.id
           )) })
         ] })
       ] })
@@ -1293,28 +1302,28 @@ const aa = ({
   /* @__PURE__ */ e(yt, { children: s })
 ] }) });
 function Wl() {
-  const [t, s] = j("idle"), [a, l] = j(""), [i, o] = j(null), r = O((N) => N.authToken), d = O((N) => N.dashboard.id), u = O((N) => N.dashboard.title), { endUserId: y } = Na((r == null ? void 0 : r.accessToken) || ""), h = "https://semaphor.cloud/api/v1/subscriptions/get", g = {
+  const [t, s] = j("idle"), [a, l] = j(""), [i, o] = j(null), r = I((N) => N.authToken), d = I((N) => N.dashboard.id), u = I((N) => N.dashboard.title), { endUserId: b } = Na((r == null ? void 0 : r.accessToken) || ""), h = "https://semaphor.cloud/api/v1/subscriptions/get", y = {
     dashboardId: d,
-    endUserId: y
-  }, { data: v, isLoading: c, isError: p, isFetching: b, refetch: C } = Me({
-    queryKey: ["subscriptions", d, y],
-    queryFn: () => Ee(h, (r == null ? void 0 : r.accessToken) || "", g),
-    enabled: !!(r != null && r.accessToken) && !!d && !!y
+    endUserId: b
+  }, { data: v, isLoading: c, isError: g, isFetching: f, refetch: C } = De({
+    queryKey: ["subscriptions", d, b],
+    queryFn: () => Ve(h, (r == null ? void 0 : r.accessToken) || "", y),
+    enabled: !!(r != null && r.accessToken) && !!d && !!b
   });
   async function x({
     email: N,
-    subject: I,
+    subject: O,
     frequency: z,
     time: q
   }) {
-    const { authToken: P, ..._ } = ds(), U = Intl.DateTimeFormat().resolvedOptions().timeZone, f = {
+    const { authToken: P, ..._ } = ds(), Q = Intl.DateTimeFormat().resolvedOptions().timeZone, p = {
       email: N,
       frequency: z,
       time: q,
-      timezone: U,
-      endUserId: y,
+      timezone: Q,
+      endUserId: b,
       endUserEmail: N,
-      subject: I || u || "Scheduled Dashboard",
+      subject: O || u || "Scheduled Dashboard",
       dashboardId: d,
       dashboardParams: _
     };
@@ -1325,7 +1334,7 @@ function Wl() {
         T,
         (P == null ? void 0 : P.accessToken) || "",
         {
-          ...f
+          ...p
         }
       );
       s("success"), l(""), C(), setTimeout(() => {
@@ -1336,10 +1345,10 @@ function Wl() {
     }
   }
   async function D(N) {
-    const I = "https://semaphor.cloud/api/v1/subscriptions/delete";
+    const O = "https://semaphor.cloud/api/v1/subscriptions/delete";
     o(N);
     try {
-      await Qt(I, (r == null ? void 0 : r.accessToken) || "", { id: N }), C(), setTimeout(() => {
+      await Qt(O, (r == null ? void 0 : r.accessToken) || "", { id: N }), C(), setTimeout(() => {
         o(null);
       }, 2e3);
     } catch (z) {
@@ -1349,8 +1358,8 @@ function Wl() {
   return {
     data: v,
     isLoading: c,
-    isFetching: b,
-    isError: p,
+    isFetching: f,
+    isError: g,
     isDeleting: i,
     refetch: C,
     handleScheduleSubscription: x,
@@ -1360,28 +1369,28 @@ function Wl() {
   };
 }
 function Zl() {
-  const { authToken: t } = Te();
-  O((f) => f.theme);
-  const s = O((f) => f.lenses), a = O((f) => f.selectedLensId), l = s == null ? void 0 : s.find((f) => f.id === a), i = O((f) => f.dashboard);
-  O((f) => f.selectedSheetId);
-  const o = O(
-    (f) => f.isDashboardEditing
+  const { authToken: t } = Ae();
+  I((p) => p.theme);
+  const s = I((p) => p.lenses), a = I((p) => p.selectedLensId), l = s == null ? void 0 : s.find((p) => p.id === a), i = I((p) => p.dashboard);
+  I((p) => p.selectedSheetId);
+  const o = I(
+    (p) => p.isDashboardEditing
   ), r = m(
-    (f) => f.selectedConnectionId
-  ), [d, u] = j(!1), y = O((f) => f.filterValues), h = O((f) => f.isVisualEditing), g = O((f) => f.showFilters);
-  O(
-    (f) => f.showDashboardJSON
+    (p) => p.selectedConnectionId
+  ), [d, u] = j(!1), b = I((p) => p.filterValues), h = I((p) => p.isVisualEditing), y = I((p) => p.showFilters);
+  I(
+    (p) => p.showDashboardJSON
   );
-  const v = O((f) => f.onSaveFunction), c = O(
-    (f) => f.actions.setShowFilters
-  ), { addFrame: p, setSelectedFrameId: b } = O(
-    (f) => f.actions
-  ), { getSelectedSheet: C, setIsDashboardEditing: x, setShowDashboardJSON: D } = O((f) => f.actions), N = C(), { tenantId: I, endUserId: z } = It(
+  const v = I((p) => p.onSaveFunction), c = I(
+    (p) => p.actions.setShowFilters
+  ), { addFrame: g, setSelectedFrameId: f } = I(
+    (p) => p.actions
+  ), { getSelectedSheet: C, setIsDashboardEditing: x, setShowDashboardJSON: D } = I((p) => p.actions), N = C(), { tenantId: O, endUserId: z } = It(
     () => Na(t == null ? void 0 : t.accessToken),
     [t == null ? void 0 : t.accessToken]
-  ), q = It(() => I || z, [I, z]), P = () => {
+  ), q = It(() => O || z, [O, z]), P = () => {
     if (!o || !N) return;
-    const f = {
+    const p = {
       connectionId: r,
       id: et(),
       title: "Title",
@@ -1399,23 +1408,23 @@ function Zl() {
       data: []
     }, T = {
       id: et(),
-      cards: [f],
-      activeCardId: f.id
+      cards: [p],
+      activeCardId: p.id
     };
-    p(N.id, T), b(T.id);
+    g(N.id, T), f(T.id);
   }, _ = () => {
     x(!0);
   };
-  async function U() {
+  async function Q() {
     if (u(!0), !a || !l) return;
-    const f = cs(
+    const p = cs(
       i
-    ), T = JSON.stringify(f), B = {
+    ), T = JSON.stringify(p), B = {
       ...l,
       template: T,
-      filterValues: y
+      filterValues: b
     };
-    await Ot(B, t == null ? void 0 : t.accessToken), ct.success("Lens saved"), v == null || v(f), u(!1);
+    await Ot(B, t == null ? void 0 : t.accessToken), ct.success("Lens saved"), v == null || v(p), u(!1);
   }
   return h ? null : /* @__PURE__ */ n(
     "div",
@@ -1455,7 +1464,7 @@ function Zl() {
             }
           ),
           o && !h && /* @__PURE__ */ e(
-            G,
+            U,
             {
               className: "h-7 p-2",
               onClick: () => {
@@ -1470,12 +1479,12 @@ function Zl() {
               className: "h-7 p-2",
               variant: "ghost",
               disabled: d,
-              onClick: U,
+              onClick: Q,
               size: "sm",
               children: /* @__PURE__ */ e(Fl, { className: "h-4 w-4" })
             }
           ),
-          !g && !h && o && /* @__PURE__ */ e(
+          !y && !h && o && /* @__PURE__ */ e(
             $,
             {
               className: "h-7 p-2",
@@ -1503,31 +1512,31 @@ function Yl({
   className: d,
   showNone: u = !1
 }) {
-  const y = Be.useRef(null), [h, g] = Be.useState(!1), [v, c] = Be.useState("100%"), p = u ? [...s || [], { id: "none", name: "None" }] : s;
+  const b = Be.useRef(null), [h, y] = Be.useState(!1), [v, c] = Be.useState("100%"), g = u ? [...s || [], { id: "none", name: "None" }] : s;
   Be.useLayoutEffect(() => {
-    y.current && c(y.current.offsetWidth);
+    b.current && c(b.current.offsetWidth);
   }, []);
-  function b() {
+  function f() {
     var x;
     return i ? "Loading..." : o ? "Error" : a ? (x = s == null ? void 0 : s.find((D) => D.id === a)) == null ? void 0 : x.name : `Select ${t}`;
   }
   function C(x, D) {
-    l(D), g(!1);
+    l(D), y(!1);
   }
-  return /* @__PURE__ */ n(qe, { open: h, onOpenChange: g, children: [
-    /* @__PURE__ */ e(Re, { asChild: !0, children: /* @__PURE__ */ n(
+  return /* @__PURE__ */ n(Re, { open: h, onOpenChange: y, children: [
+    /* @__PURE__ */ e(je, { asChild: !0, children: /* @__PURE__ */ n(
       $,
       {
-        ref: y,
+        ref: b,
         variant: "outline",
         role: "combobox",
         "aria-expanded": h,
-        className: Y(
+        className: Z(
           "flex h-9 w-full max-w-[226px] justify-between",
           d
         ),
         children: [
-          /* @__PURE__ */ e("span", { className: "overflow-hidden text-ellipsis whitespace-nowrap", children: b() }),
+          /* @__PURE__ */ e("span", { className: "overflow-hidden text-ellipsis whitespace-nowrap", children: f() }),
           /* @__PURE__ */ e(Ts, { className: "size-4 opacity-50" })
         ]
       }
@@ -1540,10 +1549,10 @@ function Yl({
         children: /* @__PURE__ */ n(wa, { children: [
           /* @__PURE__ */ n("div", { className: "flex h-9 items-center justify-between border-b pr-1", children: [
             /* @__PURE__ */ e(ka, { className: "h-9", placeholder: "Search..." }),
-            /* @__PURE__ */ e(G, { className: "h-7", onClick: r, children: /* @__PURE__ */ e(
+            /* @__PURE__ */ e(U, { className: "h-7", onClick: r, children: /* @__PURE__ */ e(
               ls,
               {
-                className: Y(
+                className: Z(
                   "size-3.5 opacity-50",
                   i && "animate-spin"
                 )
@@ -1556,7 +1565,7 @@ function Yl({
               t == null ? void 0 : t.toLowerCase(),
               " found."
             ] }),
-            /* @__PURE__ */ e(za, { children: p == null ? void 0 : p.map((x) => /* @__PURE__ */ e(
+            /* @__PURE__ */ e(za, { children: g == null ? void 0 : g.map((x) => /* @__PURE__ */ e(
               Ia,
               {
                 className: "overflow-x-auto",
@@ -1566,7 +1575,7 @@ function Yl({
                   /* @__PURE__ */ e(
                     At,
                     {
-                      className: Y(
+                      className: Z(
                         "size-4",
                         a === x.id ? "opacity-100" : "opacity-0"
                       )
@@ -1593,13 +1602,13 @@ function Ye({
   connectionTooltip: r,
   onChange: d,
   showNone: u = !1,
-  className: y,
+  className: b,
   showIcon: h = !0,
-  disabled: g = !1,
+  disabled: y = !1,
   type: v = "combobox"
 }) {
   const c = l ? "Loading..." : i ? "Error" : a;
-  function p() {
+  function g() {
     if (t === "Connection")
       return /* @__PURE__ */ e(Tl, { className: "size-4 rotate-90" });
     if (t === "Database")
@@ -1611,14 +1620,14 @@ function Ye({
     if (t === "Model")
       return /* @__PURE__ */ e(ll, { className: "size-4" });
   }
-  function b() {
-    return /* @__PURE__ */ n(xe, { disabled: g, value: c, onValueChange: d, children: [
+  function f() {
+    return /* @__PURE__ */ n(xe, { disabled: y, value: c, onValueChange: d, children: [
       /* @__PURE__ */ e(
         ve,
         {
-          className: Y(
+          className: Z(
             "h-9 w-full border-muted focus:ring-1 focus:ring-offset-0",
-            y
+            b
           ),
           children: /* @__PURE__ */ e(
             Ne,
@@ -1628,13 +1637,13 @@ function Ye({
           )
         }
       ),
-      /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ n(ze, { children: [
+      /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ n(Ie, { children: [
         l ? /* @__PURE__ */ e(Se, { children: "Loading..." }) : /* @__PURE__ */ n(Se, { className: "flex items-center justify-between gap-2", children: [
           t,
           /* @__PURE__ */ e(
             ls,
             {
-              className: Y(
+              className: Z(
                 "mr-1 size-3 cursor-pointer text-muted-foreground hover:text-foreground",
                 l && "animate-spin"
               ),
@@ -1643,10 +1652,10 @@ function Ye({
           )
         ] }),
         /* @__PURE__ */ n(se, { children: [
-          u && /* @__PURE__ */ e(ie, { value: "none", children: "None" }, "none"),
-          s && s.map((x, D) => /* @__PURE__ */ e(ie, { value: x.id, children: x.name }, D))
+          u && /* @__PURE__ */ e(le, { value: "none", children: "None" }, "none"),
+          s && s.map((x, D) => /* @__PURE__ */ e(le, { value: x.id, children: x.name }, D))
         ] }),
-        (l || i) && /* @__PURE__ */ e(ie, { value: c, children: c })
+        (l || i) && /* @__PURE__ */ e(le, { value: c, children: c })
       ] }) })
     ] });
   }
@@ -1668,24 +1677,24 @@ function Ye({
   }
   return /* @__PURE__ */ e(As, { delayDuration: 0, children: /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
     h && /* @__PURE__ */ e("div", { className: "shrink-0", children: r ? /* @__PURE__ */ n(gt, { children: [
-      /* @__PURE__ */ e(Lt, { children: p() }),
+      /* @__PURE__ */ e(Lt, { children: g() }),
       /* @__PURE__ */ e(yt, { className: "text-xs", align: "start", children: r })
-    ] }) : p() }),
-    v === "select" ? b() : C()
+    ] }) : g() }),
+    v === "select" ? f() : C()
   ] }) });
 }
 function Xl({ column: t }) {
-  const [s, a] = j(!1), l = m((p) => p.selectedTableName), i = m(
-    (p) => p.selectedSchemaName
+  const [s, a] = j(!1), l = m((g) => g.selectedTableName), i = m(
+    (g) => g.selectedSchemaName
   ), o = m(
-    (p) => p.selectedDatamodelId
-  ), r = m((p) => p.sqlGen), { modelItems: d, connectionType: u } = He(), y = m((p) => p.actions.setSqlGen), h = m((p) => p.actions.setCardSql), g = m((p) => p.actions.setRunSql);
-  function v(p, b) {
+    (g) => g.selectedDatamodelId
+  ), r = m((g) => g.sqlGen), { modelItems: d, connectionType: u } = Pe(), b = m((g) => g.actions.setSqlGen), h = m((g) => g.actions.setCardSql), y = m((g) => g.actions.setRunSql);
+  function v(g, f) {
     var N;
-    const C = La(p, r, b), x = (N = d == null ? void 0 : d.find(
-      (I) => I.id === o
+    const C = La(g, r, f), x = (N = d == null ? void 0 : d.find(
+      (O) => O.id === o
     )) == null ? void 0 : N.name;
-    y(C);
+    b(C);
     const D = Fa(
       C,
       be(i || ""),
@@ -1693,7 +1702,7 @@ function Xl({ column: t }) {
       x,
       u
     );
-    D && (h(D), g(!0)), a(!1);
+    D && (h(D), y(!0)), a(!1);
   }
   function c() {
     return /* @__PURE__ */ n("ul", { className: "text-xs", children: [
@@ -1763,48 +1772,48 @@ function ei({
   columns: a,
   status: l
 }) {
-  const i = m((f) => f.sqlGen), o = m(
-    (f) => f.selectedConnectionId
+  const i = m((p) => p.sqlGen), o = m(
+    (p) => p.selectedConnectionId
   ), r = m(
-    (f) => f.selectedDatabaseName
+    (p) => p.selectedDatabaseName
   ), d = m(
-    (f) => f.selectedSchemaName
-  ), u = m((f) => f.selectedTableName), y = m(
-    (f) => f.selectedDatamodelId
-  ), h = O(
-    (f) => f.dashboard.aiScopeTables
-  ), { addToAIScope: g, removeFromAIScope: v } = Ke(), { setAIScopeTables: c } = O((f) => f.actions), p = m((f) => f.actions.setRunSql), b = m((f) => f.actions.setSqlGen), C = m(
-    (f) => f.actions.setIsShowingVisual
-  ), x = m((f) => f.actions.setCardSql), { connectionType: D, modelItems: N, selectedDatamodelName: I } = He();
-  function z(f) {
-    var J;
-    const T = La(f, i);
-    b(T);
-    const B = (J = N == null ? void 0 : N.find(
-      (W) => W.id === y
-    )) == null ? void 0 : J.name, V = Fa(
+    (p) => p.selectedSchemaName
+  ), u = m((p) => p.selectedTableName), b = m(
+    (p) => p.selectedDatamodelId
+  ), h = I(
+    (p) => p.dashboard.aiScopeTables
+  ), { addToAIScope: y, removeFromAIScope: v } = Ke(), { setAIScopeTables: c } = I((p) => p.actions), g = m((p) => p.actions.setRunSql), f = m((p) => p.actions.setSqlGen), C = m(
+    (p) => p.actions.setIsShowingVisual
+  ), x = m((p) => p.actions.setCardSql), { connectionType: D, modelItems: N, selectedDatamodelName: O } = Pe();
+  function z(p) {
+    var G;
+    const T = La(p, i);
+    f(T);
+    const B = (G = N == null ? void 0 : N.find(
+      (W) => W.id === b
+    )) == null ? void 0 : G.name, V = Fa(
       T,
       be(t),
       be(s),
       B,
       D
     );
-    V && (x(V), p(!0));
+    V && (x(V), g(!0));
   }
   function q() {
     return (h == null ? void 0 : h.find(
-      (f) => f.connectionId === o && (f.tableName === u || f.datamodelName === I)
+      (p) => p.connectionId === o && (p.tableName === u || p.datamodelName === O)
     )) !== void 0;
   }
-  function P(f) {
-    f === !0 && (u || I) && o ? (g({
+  function P(p) {
+    p === !0 && (u || O) && o ? (y({
       connectionId: o,
       connectionType: D === "S3" || D === "API" ? "DuckDb" : D,
       databaseName: r || "",
       schemaName: d || "",
       tableName: u || "",
-      datamodelName: dt(I),
-      datamodelId: y || ""
+      datamodelName: dt(O),
+      datamodelId: b || ""
     }), ct.success("Added to Assistant Scope", {
       position: "top-right",
       duration: 2500,
@@ -1813,8 +1822,8 @@ function ei({
       connectionId: o || "",
       connectionType: D || "",
       tableName: u || "",
-      datamodelName: dt(I),
-      datamodelId: y || "",
+      datamodelName: dt(O),
+      datamodelId: b || "",
       databaseName: r || "",
       schemaName: d || ""
     }), ct("Removed from Assistant Scope", {
@@ -1824,24 +1833,24 @@ function ei({
     }));
   }
   function _() {
-    const f = kt({
+    const p = kt({
       schemaName: t,
       tableName: s,
-      modelName: I,
+      modelName: O,
       connectionType: D
     });
     C(!1);
-    const T = D === "MSSQL" ? `SELECT top 10 * FROM ${f}` : `SELECT * FROM ${f} LIMIT 10`;
-    x(T), p(!0);
+    const T = D === "MSSQL" ? `SELECT top 10 * FROM ${p}` : `SELECT * FROM ${p} LIMIT 10`;
+    x(T), g(!0);
   }
-  function U() {
-    const f = kt({
+  function Q() {
+    const p = kt({
       schemaName: t,
       tableName: s,
-      modelName: I,
+      modelName: O,
       connectionType: D
     });
-    x(`SELECT COUNT(*) as count FROM ${f}`), p(!0);
+    x(`SELECT COUNT(*) as count FROM ${p}`), g(!0);
   }
   return /* @__PURE__ */ n("div", { className: "flex grow flex-col space-y-4 px-4", children: [
     /* @__PURE__ */ n("div", { className: "mx-2 flex items-center justify-center gap-2", children: [
@@ -1852,14 +1861,14 @@ function ei({
           pressed: q(),
           onPressedChange: P,
           variant: "outline",
-          className: Y("h-9 px-2", {
+          className: Z("h-9 px-2", {
             // 'outline outline-1 outline-green-400': isInAIScopeTable(),
           }),
           children: [
             /* @__PURE__ */ e(
               nt,
               {
-                className: Y("mr-1 size-4", {
+                className: Z("mr-1 size-4", {
                   "text-green-400": q(),
                   "text-muted-foreground": !q()
                 })
@@ -1878,7 +1887,7 @@ function ei({
           variant: "secondary",
           className: "flex",
           children: [
-            l !== "Success" ? /* @__PURE__ */ e(Ve, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e(kl, { className: "mr-2 size-4" }),
+            l !== "Success" ? /* @__PURE__ */ e(qe, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e(kl, { className: "mr-2 size-4" }),
             "Top 10"
           ]
         }
@@ -1887,48 +1896,48 @@ function ei({
         $,
         {
           disabled: l !== "Success",
-          onClick: U,
+          onClick: Q,
           size: "sm",
           variant: "secondary",
           className: "w-full",
           children: [
-            l !== "Success" ? /* @__PURE__ */ e(Ve, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e(Vl, { className: "mr-2 size-4" }),
+            l !== "Success" ? /* @__PURE__ */ e(qe, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e(Vl, { className: "mr-2 size-4" }),
             "Count"
           ]
         }
       )
     ] }),
     /* @__PURE__ */ n(
-      Oe,
+      Te,
       {
         className: "flex-1 basis-0 border-b border-t border-muted py-3",
         children: [
-          /* @__PURE__ */ e("div", { className: "flex flex-col gap-1", children: a == null ? void 0 : a.map((f) => /* @__PURE__ */ n(
+          /* @__PURE__ */ e("div", { className: "flex flex-col gap-1", children: a == null ? void 0 : a.map((p) => /* @__PURE__ */ n(
             "div",
             {
-              onClick: () => z(f),
-              className: Y(
+              onClick: () => z(p),
+              className: Z(
                 "group mx-3 flex cursor-pointer items-center justify-between rounded px-2 py-1 text-sm transition-colors hover:bg-muted/50",
                 {
-                  "border border-dashed border-muted-foreground bg-muted": Rs(f, i)
+                  "border border-dashed border-muted-foreground bg-muted": Rs(p, i)
                 }
               ),
               children: [
                 /* @__PURE__ */ n("div", { className: "flex items-center space-x-2", children: [
-                  /* @__PURE__ */ e(hs, { column: f }),
-                  /* @__PURE__ */ e("span", { children: f.column_name })
+                  /* @__PURE__ */ e(hs, { column: p }),
+                  /* @__PURE__ */ e("span", { children: p.column_name })
                 ] }),
                 /* @__PURE__ */ e(
                   "div",
                   {
                     onClick: (T) => T.stopPropagation(),
                     className: "flex items-center justify-end",
-                    children: Ea(f.data_type) && /* @__PURE__ */ e(Xl, { column: f })
+                    children: Ea(p.data_type) && /* @__PURE__ */ e(Xl, { column: p })
                   }
                 )
               ]
             },
-            f.column_name
+            p.column_name
           )) }),
           /* @__PURE__ */ e(Ue, { orientation: "vertical" }),
           /* @__PURE__ */ e(Ue, { orientation: "horizontal" })
@@ -1937,10 +1946,10 @@ function ei({
     )
   ] });
 }
-function He(t, s) {
+function Pe(t, s) {
   var Pt, $t, Bt, Ut, Gt, Jt;
   let a = It(() => [], []);
-  const l = Te().authToken || t, i = m(
+  const l = Ae().authToken || t, i = m(
     (k) => k.selectedConnectionId
   ), o = m(
     (k) => k.selectedDatamodelId
@@ -1948,21 +1957,21 @@ function He(t, s) {
     (k) => k.selectedDatabaseName
   ), d = m(
     (k) => k.selectedSchemaName
-  ), u = m((k) => k.selectedTableName), y = m(
+  ), u = m((k) => k.selectedTableName), b = m(
     (k) => k.actions.setCurrentColumns
   ), h = m(
     (k) => k.actions.setSelectedConnectionId
-  ), g = m(
+  ), y = m(
     (k) => k.actions.setSelectedDatamodelId
   ), v = m(
     (k) => k.actions.setSelectedDatabaseName
   ), c = m(
     (k) => k.actions.setSelectedSchemaName
-  ), p = m(
+  ), g = m(
     (k) => k.actions.setSelectedTableName
   );
   m((k) => k.actions.setCardSql);
-  function b(k) {
+  function f(k) {
     return i && r && d && r !== "NA" ? !0 : i && k === "API" ? !1 : !!(i && k === "S3");
   }
   function C(k) {
@@ -1974,11 +1983,11 @@ function He(t, s) {
   const {
     refetch: D,
     data: N,
-    isLoading: I,
+    isLoading: O,
     isError: z
-  } = Me({
+  } = De({
     queryKey: ["connections"],
-    queryFn: () => Ee(
+    queryFn: () => Ve(
       "https://semaphor.cloud/api/v1/connections",
       (l == null ? void 0 : l.accessToken) || ""
     ),
@@ -1988,10 +1997,10 @@ function He(t, s) {
     refetch: q,
     data: P,
     isLoading: _,
-    isError: U
-  } = Me({
+    isError: Q
+  } = De({
     queryKey: ["models", i],
-    queryFn: () => Ee(
+    queryFn: () => Ve(
       "https://semaphor.cloud/api/v1/datamodels",
       (l == null ? void 0 : l.accessToken) || "",
       {
@@ -2000,17 +2009,17 @@ function He(t, s) {
     ),
     enabled: !!(l != null && l.accessToken) && !!i
     // Only fetch if authToken is present
-  }), f = N == null ? void 0 : N.connections.find(
+  }), p = N == null ? void 0 : N.connections.find(
     (k) => k.id === i
-  ), T = f == null ? void 0 : f.type, B = (f == null ? void 0 : f.type) === "API" || (f == null ? void 0 : f.type) === "S3", {
+  ), T = p == null ? void 0 : p.type, B = (p == null ? void 0 : p.type) === "API" || (p == null ? void 0 : p.type) === "S3", {
     data: V,
-    isLoading: J,
+    isLoading: G,
     isFetching: W,
     isError: S,
     refetch: w
-  } = Me({
+  } = De({
     queryKey: ["databases", i],
-    queryFn: () => Ee(
+    queryFn: () => Ve(
       "https://semaphor.cloud/api/v1/databases",
       (l == null ? void 0 : l.accessToken) || "",
       {
@@ -2021,13 +2030,13 @@ function He(t, s) {
     // !!selectedConnectionId && !isNonDbConnection, //currentConnection?.type !== 'API', // Only fetch if connectionId is present
   }), {
     data: A,
-    isLoading: Q,
+    isLoading: K,
     isFetching: X,
-    isError: le,
+    isError: ie,
     refetch: R
-  } = Me({
+  } = De({
     queryKey: ["schemas", i, r],
-    queryFn: () => Ee(
+    queryFn: () => Ve(
       "https://semaphor.cloud/api/v1/schemas",
       (l == null ? void 0 : l.accessToken) || "",
       {
@@ -2041,16 +2050,16 @@ function He(t, s) {
     data: E,
     isLoading: re,
     isFetching: M,
-    isError: K,
+    isError: J,
     refetch: he
-  } = Me({
+  } = De({
     queryKey: [
       "tables",
       i,
       r,
       d
     ],
-    queryFn: () => Ee(
+    queryFn: () => Ve(
       "https://semaphor.cloud/api/v1/tables",
       (l == null ? void 0 : l.accessToken) || "",
       {
@@ -2059,14 +2068,14 @@ function He(t, s) {
         schema_name: d
       }
     ),
-    enabled: b(T)
+    enabled: f(T)
   }), {
     data: ce,
     isLoading: ke,
-    isFetching: ye,
-    isError: Z,
-    refetch: ue
-  } = Me({
+    isFetching: Me,
+    isError: pe,
+    refetch: Y
+  } = De({
     queryKey: [
       "columns",
       i,
@@ -2075,7 +2084,7 @@ function He(t, s) {
       d,
       u
     ],
-    queryFn: () => Ee(
+    queryFn: () => Ve(
       "https://semaphor.cloud/api/v1/columns",
       (l == null ? void 0 : l.accessToken) || "",
       {
@@ -2097,34 +2106,34 @@ function He(t, s) {
     // && currentConnection?.type !== 'API', // Only fetch if connectionId, database, and table is present
   });
   oe(() => {
-    y(a);
-  }, [ce, y, a]), oe(() => {
-    (T === "S3" || T === "API") && (v(""), c(""), g(""), T === "API" && p("api"));
+    b(a);
+  }, [ce, b, a]), oe(() => {
+    (T === "S3" || T === "API") && (v(""), c(""), y(""), T === "API" && g("api"));
   }, [
     T,
-    p,
+    g,
     v,
     c,
-    g
+    y
   ]);
-  const $e = (f == null ? void 0 : f.type) === "API" ? (Pt = f == null ? void 0 : f.type) == null ? void 0 : Pt.toLowerCase() : u || "", Ae = B ? "" : d || "";
-  function Le(k) {
-    c(k), p("");
+  const ue = (p == null ? void 0 : p.type) === "API" ? (Pt = p == null ? void 0 : p.type) == null ? void 0 : Pt.toLowerCase() : u || "", Le = B ? "" : d || "";
+  function Fe(k) {
+    c(k), g("");
   }
   function F(k) {
-    v(k === "none" ? "" : k), c(""), p(""), k !== "none" && k !== "" && g("");
+    v(k === "none" ? "" : k), c(""), g(""), k !== "none" && k !== "" && y("");
   }
   function me(k) {
     h(k);
   }
-  function Fe(k) {
-    g(k === "none" ? "" : k), k !== "none" && k !== "" && v("");
+  function Ee(k) {
+    y(k === "none" ? "" : k), k !== "none" && k !== "" && v("");
   }
   V && (($t = V == null ? void 0 : V.databases) == null ? void 0 : $t.length) > 0, A && ((Bt = A == null ? void 0 : A.schemas) == null ? void 0 : Bt.length) > 0, ce && ((Ut = ce == null ? void 0 : ce.columns) == null ? void 0 : Ut.length) > 0 && (a = ce.columns.map((k) => ({
     ...k,
     data_type: k.data_type.toLowerCase()
-  }))), S && (a = []), (Z || z) && (a = []);
-  const pe = N == null ? void 0 : N.connections.map(
+  }))), S && (a = []), (pe || z) && (a = []);
+  const fe = N == null ? void 0 : N.connections.map(
     (k) => ({
       id: k.id,
       name: k.name,
@@ -2146,221 +2155,232 @@ function He(t, s) {
     (k) => k.id === o
   )) == null ? void 0 : Jt.name;
   return {
-    connectionItems: pe,
-    isConnectionsLoading: I,
+    connectionItems: fe,
+    isConnectionsLoading: O,
     isConnectionsError: z,
     modelItems: Ze,
     selectedDatamodelId: o,
     selectedDatamodelName: Ds,
     isModelsLoading: _,
-    isModelsError: U,
+    isModelsError: Q,
     databaseItems: Nt,
-    isDatabasesLoadingOrFetching: J || W,
+    isDatabasesLoadingOrFetching: G || W,
     isDatabaseError: S,
     schemaItems: lt,
-    isSchemaLoadingOrFetching: Q || X,
-    isSchemaError: le,
+    isSchemaLoadingOrFetching: K || X,
+    isSchemaError: ie,
     tableItems: Ct,
     isTableLoadingOrFetching: re || M,
-    isTableError: K,
+    isTableError: J,
     columns: a,
-    isColumnsLoadingOrFetching: ke || ye,
-    isColumnsError: Z,
+    isColumnsLoadingOrFetching: ke || Me,
+    isColumnsError: pe,
     isNonDbConnection: B,
     connectionType: T,
-    tableName: $e,
-    schemaName: Ae,
+    tableName: ue,
+    schemaName: Le,
     refetchConnections: D,
     refetchModels: q,
     refetchDatabases: w,
     refetchSchemas: R,
     refetchTables: he,
-    refetchColumns: ue,
+    refetchColumns: Y,
     handleConnectionChange: me,
-    handleDatamodelChange: Fe,
+    handleDatamodelChange: Ee,
     handleDatabaseChange: F,
-    handleSchemaChange: Le
+    handleSchemaChange: Fe
   };
 }
 function us({
   ColumnsComponent: t
 }) {
-  var ye;
+  var pe;
   const s = m(
-    (Z) => Z.selectedConnectionId
-  ), a = m(
-    (Z) => Z.selectedDatamodelId
-  ), l = m(
-    (Z) => Z.selectedDatabaseName
+    (Y) => Y.selectedConnectionId
+  ), a = I((Y) => Y.showFilters), l = m(
+    (Y) => Y.selectedDatamodelId
   ), i = m(
-    (Z) => Z.selectedSchemaName
-  ), o = m((Z) => Z.selectedTableName), r = m(
-    (Z) => Z.actions.setSelectedTableName
+    (Y) => Y.selectedDatabaseName
+  ), o = m(
+    (Y) => Y.selectedSchemaName
+  ), r = m((Y) => Y.selectedTableName), d = m(
+    (Y) => Y.actions.setSelectedTableName
   ), {
-    connectionItems: d,
-    modelItems: u,
-    schemaItems: y,
-    databaseItems: h,
-    tableItems: g,
-    columns: v,
-    isConnectionsLoading: c,
-    isModelsLoading: p,
-    isConnectionsError: b,
-    isModelsError: C,
-    isDatabasesLoadingOrFetching: x,
-    isDatabaseError: D,
-    isSchemaLoadingOrFetching: N,
-    isSchemaError: I,
-    isColumnsError: z,
-    isColumnsLoadingOrFetching: q,
-    isTableLoadingOrFetching: P,
-    isTableError: _,
-    connectionType: U,
-    isNonDbConnection: f,
-    refetchDatabases: T,
-    refetchModels: B,
-    refetchSchemas: V,
-    refetchTables: J,
-    refetchColumns: W,
-    refetchConnections: S,
-    handleConnectionChange: w,
-    handleDatabaseChange: A,
-    handleSchemaChange: Q,
-    handleDatamodelChange: X,
-    tableName: le,
-    schemaName: R
-  } = He();
-  function E() {
-    return t ? t(R, le, v) : /* @__PURE__ */ e(
+    connectionItems: u,
+    modelItems: b,
+    schemaItems: h,
+    databaseItems: y,
+    tableItems: v,
+    columns: c,
+    isConnectionsLoading: g,
+    isModelsLoading: f,
+    isConnectionsError: C,
+    isModelsError: x,
+    isDatabasesLoadingOrFetching: D,
+    isDatabaseError: N,
+    isSchemaLoadingOrFetching: O,
+    isSchemaError: z,
+    isColumnsError: q,
+    isColumnsLoadingOrFetching: P,
+    isTableLoadingOrFetching: _,
+    isTableError: Q,
+    connectionType: p,
+    isNonDbConnection: T,
+    refetchDatabases: B,
+    refetchModels: V,
+    refetchSchemas: G,
+    refetchTables: W,
+    refetchColumns: S,
+    refetchConnections: w,
+    handleConnectionChange: A,
+    handleDatabaseChange: K,
+    handleSchemaChange: X,
+    handleDatamodelChange: ie,
+    tableName: R,
+    schemaName: E
+  } = Pe();
+  function re() {
+    return t ? t(E, R, c) : /* @__PURE__ */ e(
       ei,
       {
-        schemaName: R,
-        tableName: le,
-        columns: v,
-        status: q ? "Loading..." : z ? "Error" : "Success"
+        schemaName: E,
+        tableName: R,
+        columns: c,
+        status: P ? "Loading..." : q ? "Error" : "Success"
       }
     );
   }
-  function re() {
+  function M() {
     window.location.href = "mailto:support@semaphor.cloud?subject=Help&body=I need help with...";
   }
-  function M() {
-    if (!s || U === "S3" || U === "API") return null;
-    if (!a || a === "none")
+  function J() {
+    if (!s || p === "S3" || p === "API") return null;
+    if (!l || l === "none")
       return /* @__PURE__ */ e(
         Ye,
         {
-          refetch: T,
+          refetch: B,
           showNone: !0,
-          onChange: A,
-          isError: D,
-          isLoading: x,
-          items: h,
-          value: l || "",
+          onChange: K,
+          isError: N,
+          isLoading: D,
+          items: y,
+          value: i || "",
           title: "Database",
           type: "combobox"
         }
       );
   }
-  function K() {
-    if (s && !f && (!l || l === "none") && (!a || a === "none"))
+  function he() {
+    if (s && !T && (!i || i === "none") && (!l || l === "none"))
       return /* @__PURE__ */ n("div", { className: "grid grid-cols-3", children: [
         /* @__PURE__ */ e("div", { className: "col-span-1 grid place-items-center", children: /* @__PURE__ */ e(we, {}) }),
         /* @__PURE__ */ e("div", { className: "col-span-1 grid place-items-center", children: /* @__PURE__ */ e(H, { children: "OR" }) }),
         /* @__PURE__ */ e("div", { className: "col-span-1 grid place-items-center", children: /* @__PURE__ */ e(we, {}) })
       ] });
   }
-  function he() {
-    if (!s || U === "S3" || U === "API") return null;
-    if (!l || l === "none")
+  function ce() {
+    if (!s || p === "S3" || p === "API") return null;
+    if (!i || i === "none")
       return /* @__PURE__ */ e(
         Ye,
         {
-          refetch: B,
+          refetch: V,
           showNone: !0,
-          onChange: X,
-          isError: C,
-          isLoading: p,
-          items: u,
-          value: a || "",
+          onChange: ie,
+          isError: x,
+          isLoading: f,
+          items: b,
+          value: l || "",
           title: "Model",
           type: "combobox"
         }
       );
   }
-  function ce() {
-    return !s || U === "S3" || U === "API" || !l || l === "none" ? null : /* @__PURE__ */ e(
+  function ke() {
+    return !s || p === "S3" || p === "API" || !i || i === "none" ? null : /* @__PURE__ */ e(
       Ye,
       {
-        refetch: V,
-        onChange: Q,
-        isError: I,
-        isLoading: N,
-        items: y,
-        value: i || "",
+        refetch: G,
+        onChange: X,
+        isError: z,
+        isLoading: O,
+        items: h,
+        value: o || "",
         title: "Schema",
         type: "combobox"
       }
     );
   }
-  function ke() {
-    function Z() {
+  function Me() {
+    function Y() {
       let ue = !1;
-      return U === "API" ? (ue = !1, ue) : ((U === "S3" || s && l && l !== "none" && i) && (ue = !0), ue);
+      return p === "API" ? (ue = !1, ue) : ((p === "S3" || s && i && i !== "none" && o) && (ue = !0), ue);
     }
-    return Z() ? /* @__PURE__ */ e(
+    return Y() ? /* @__PURE__ */ e(
       Ye,
       {
-        refetch: J,
-        onChange: r,
-        isError: _,
-        items: g,
-        isLoading: P,
-        value: o || "",
+        refetch: W,
+        onChange: d,
+        isError: Q,
+        items: v,
+        isLoading: _,
+        value: r || "",
         title: "Table",
         type: "combobox"
       }
     ) : null;
   }
-  return /* @__PURE__ */ n("aside", { className: "flex h-full min-w-[300px] flex-col justify-between rounded-none border-r-[1px]", children: [
-    /* @__PURE__ */ n("section", { className: "space-y-3 px-6 py-4", children: [
-      /* @__PURE__ */ e(
-        Ye,
+  return /* @__PURE__ */ n(
+    "aside",
+    {
+      className: Z(
+        "flex h-full min-w-[300px] flex-col justify-between rounded-none",
         {
-          refetch: S,
-          items: d,
-          title: "Connection",
-          value: s || "",
-          onChange: w,
-          isLoading: c,
-          isError: b,
-          type: "combobox",
-          connectionTooltip: ((ye = d == null ? void 0 : d.find(
-            (Z) => Z.id === s
-          )) == null ? void 0 : ye.type) || ""
+          "border-r-[1px]": !a
         }
       ),
-      M(),
-      K(),
-      he(),
-      ce(),
-      ke()
-    ] }),
-    E(),
-    /* @__PURE__ */ e("div", { className: "flex items-end justify-center gap-2 px-6 py-4", children: /* @__PURE__ */ n(
-      $,
-      {
-        onClick: re,
-        size: "sm",
-        variant: "secondary",
-        className: "w-full",
-        children: [
-          /* @__PURE__ */ e(Dl, { className: "mr-2 size-4" }),
-          "Help"
-        ]
-      }
-    ) })
-  ] });
+      children: [
+        /* @__PURE__ */ n("section", { className: "space-y-3 px-6 py-4", children: [
+          /* @__PURE__ */ e(
+            Ye,
+            {
+              refetch: w,
+              items: u,
+              title: "Connection",
+              value: s || "",
+              onChange: A,
+              isLoading: g,
+              isError: C,
+              type: "combobox",
+              connectionTooltip: ((pe = u == null ? void 0 : u.find(
+                (Y) => Y.id === s
+              )) == null ? void 0 : pe.type) || ""
+            }
+          ),
+          J(),
+          he(),
+          ce(),
+          ke(),
+          Me()
+        ] }),
+        re(),
+        /* @__PURE__ */ e("div", { className: "flex items-end justify-center gap-2 px-6 py-4", children: /* @__PURE__ */ n(
+          $,
+          {
+            onClick: M,
+            size: "sm",
+            variant: "secondary",
+            className: "w-full",
+            children: [
+              /* @__PURE__ */ e(Dl, { className: "mr-2 size-4" }),
+              "Help"
+            ]
+          }
+        ) })
+      ]
+    }
+  );
 }
 function ti(t) {
   const s = t.toUpperCase().indexOf("WHERE"), a = t.toUpperCase().indexOf("GROUP BY"), l = t.toUpperCase().indexOf("LIMIT"), i = t.toUpperCase().indexOf("ORDER BY");
@@ -2387,7 +2407,7 @@ function ai({ sql: t, error: s, onClick: a }) {
         align: "start",
         className: "w-full min-w-fit max-w-[700px]",
         children: /* @__PURE__ */ e("div", { className: "flex justify-between space-x-4", children: /* @__PURE__ */ n("div", { className: "flex grow flex-col space-y-2", children: [
-          /* @__PURE__ */ n(Oe, { className: "max-h-[250px] min-h-0 overflow-scroll text-xs leading-relaxed text-foreground/80", children: [
+          /* @__PURE__ */ n(Te, { className: "max-h-[250px] min-h-0 overflow-scroll text-xs leading-relaxed text-foreground/80", children: [
             s && s,
             t && /* @__PURE__ */ n("div", { className: "flex flex-col space-y-1.5", children: [
               /* @__PURE__ */ e("span", { className: "text-xs font-semibold", children: "Resolved SQL" }),
@@ -2409,7 +2429,7 @@ var ms = {
   className: void 0,
   style: void 0,
   attr: void 0
-}, sa = Ie.createContext && /* @__PURE__ */ Ie.createContext(ms), si = ["attr", "size", "title"];
+}, sa = Oe.createContext && /* @__PURE__ */ Oe.createContext(ms), si = ["attr", "size", "title"];
 function ni(t, s) {
   if (t == null) return {};
   var a = li(t, s), l, i;
@@ -2479,12 +2499,12 @@ function oi(t, s) {
   return (s === "string" ? String : Number)(t);
 }
 function ps(t) {
-  return t && t.map((s, a) => /* @__PURE__ */ Ie.createElement(s.tag, mt({
+  return t && t.map((s, a) => /* @__PURE__ */ Oe.createElement(s.tag, mt({
     key: a
   }, s.attr), ps(s.child)));
 }
 function Qe(t) {
-  return (s) => /* @__PURE__ */ Ie.createElement(ci, ut({
+  return (s) => /* @__PURE__ */ Oe.createElement(ci, ut({
     attr: mt({}, t.attr)
   }, s), ps(t.child));
 }
@@ -2495,7 +2515,7 @@ function ci(t) {
       size: i,
       title: o
     } = t, r = ni(t, si), d = i || a.size || "1em", u;
-    return a.className && (u = a.className), t.className && (u = (u ? u + " " : "") + t.className), /* @__PURE__ */ Ie.createElement("svg", ut({
+    return a.className && (u = a.className), t.className && (u = (u ? u + " " : "") + t.className), /* @__PURE__ */ Oe.createElement("svg", ut({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
@@ -2507,43 +2527,43 @@ function ci(t) {
       height: d,
       width: d,
       xmlns: "http://www.w3.org/2000/svg"
-    }), o && /* @__PURE__ */ Ie.createElement("title", null, o), t.children);
+    }), o && /* @__PURE__ */ Oe.createElement("title", null, o), t.children);
   };
-  return sa !== void 0 ? /* @__PURE__ */ Ie.createElement(sa.Consumer, null, (a) => s(a)) : s(ms);
+  return sa !== void 0 ? /* @__PURE__ */ Oe.createElement(sa.Consumer, null, (a) => s(a)) : s(ms);
 }
 function di(t) {
   return Qe({ attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M439.8 200.5c-7.7-30.9-22.3-54.2-53.4-54.2h-40.1v47.4c0 36.8-31.2 67.8-66.8 67.8H172.7c-29.2 0-53.4 25-53.4 54.3v101.8c0 29 25.2 46 53.4 54.3 33.8 9.9 66.3 11.7 106.8 0 26.9-7.8 53.4-23.5 53.4-54.3v-40.7H226.2v-13.6h160.2c31.1 0 42.6-21.7 53.4-54.2 11.2-33.5 10.7-65.7 0-108.6zM286.2 404c11.1 0 20.1 9.1 20.1 20.3 0 11.3-9 20.4-20.1 20.4-11 0-20.1-9.2-20.1-20.4.1-11.3 9.1-20.3 20.1-20.3zM167.8 248.1h106.8c29.7 0 53.4-24.5 53.4-54.3V91.9c0-29-24.4-50.7-53.4-55.6-35.8-5.9-74.7-5.6-106.8.1-45.2 8-53.4 24.7-53.4 55.6v40.7h106.9v13.6h-147c-31.1 0-58.3 18.7-66.8 54.2-9.8 40.7-10.2 66.1 0 108.6 7.6 31.6 25.7 54.2 56.8 54.2H101v-48.8c0-35.3 30.5-66.4 66.8-66.4zm-6.7-142.6c-11.1 0-20.1-9.1-20.1-20.3.1-11.3 9-20.4 20.1-20.4 11 0 20.1 9.2 20.1 20.4s-9 20.3-20.1 20.3z" }, child: [] }] })(t);
 }
 function fs(t) {
-  const { theme: s } = _s(), a = O((b) => b.theme), l = m((b) => b.frame), i = m((b) => b.card), o = m((b) => b.activeTabCardId), r = Hs(), { refetch: d } = je(i), { updateCardTab: u, setRunSql: y } = ne(), h = Je(), g = Je({}), v = l.cards.find((b) => b.id === o), c = Qa(() => {
-    let b = "";
-    return t === "python" && (b = (v == null ? void 0 : v.python) || qa), t === "sql" && (b = (v == null ? void 0 : v.sql) || ""), b;
+  const { theme: s } = _s(), a = I((f) => f.theme), l = m((f) => f.frame), i = m((f) => f.card), o = m((f) => f.activeTabCardId), r = Hs(), { refetch: d } = _e(i), { updateCardTab: u, setRunSql: b } = ne(), h = Je(), y = Je({}), v = l.cards.find((f) => f.id === o), c = Qa(() => {
+    let f = "";
+    return t === "python" && (f = (v == null ? void 0 : v.python) || qa), t === "sql" && (f = (v == null ? void 0 : v.sql) || ""), f;
   }, [t, v]);
   oe(() => {
     if (o && i.id && i.id !== o) {
       if (h.current && r) {
-        const b = h.current.getModel();
-        b && (g.current[i.id] = b);
-        let C = g.current[o];
+        const f = h.current.getModel();
+        f && (y.current[i.id] = f);
+        let C = y.current[o];
         if (!C) {
           const x = c();
-          C = r.editor.createModel(x, t), g.current[o] = C;
+          C = r.editor.createModel(x, t), y.current[o] = C;
         }
         h.current.setModel(C);
       }
-      u(o, i), y(!0);
+      u(o, i), b(!0);
     }
   }, [
     o,
     i,
     u,
     r,
-    y,
+    b,
     t,
     c
   ]), oe(() => {
     if (!r) return;
-    const b = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", C = a === "system" ? b : a;
+    const f = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", C = a === "system" ? f : a;
     r.editor.defineTheme("default", {
       // base: theme === 'light' ? 'hc-light' : 'vs-dark',
       base: C === "light" ? "vs" : "vs-dark",
@@ -2558,22 +2578,22 @@ function fs(t) {
       }
     }), r.editor.setTheme("default");
   }, [s, a, r]), oe(() => {
-    const b = h.current;
-    b && r && i && b.addCommand(
+    const f = h.current;
+    f && r && i && f.addCommand(
       r.KeyMod.Shift | r.KeyCode.Enter,
       function() {
         return d(), !1;
       }
     );
   }, [r, d, i]);
-  function p(b, C) {
-    if (h.current = b, !g.current[i.id]) {
-      const x = b.getModel(), D = c();
-      g.current[i.id] = x || (C == null ? void 0 : C.editor.createModel(D, t)) || b.getModel();
+  function g(f, C) {
+    if (h.current = f, !y.current[i.id]) {
+      const x = f.getModel(), D = c();
+      y.current[i.id] = x || (C == null ? void 0 : C.editor.createModel(D, t)) || f.getModel();
     }
-    b.setModel(g.current[i.id]);
+    f.setModel(y.current[i.id]);
   }
-  return { handleEditorDidMount: p };
+  return { handleEditorDidMount: g };
 }
 function hi() {
   const t = m((r) => r.card.sql), s = m((r) => r.sqlGen), { setCardSql: a, setSqlGen: l } = ne(), { handleEditorDidMount: i } = fs("sql");
@@ -2660,30 +2680,30 @@ function mi({ jsonString: t }) {
   );
 }
 function gs(t) {
-  const [s, a] = j(""), [l, i] = j(null), { authToken: o } = Te(), r = m((M) => {
-    var K;
-    return (K = M == null ? void 0 : M.card) == null ? void 0 : K.sql;
+  const [s, a] = j(""), [l, i] = j(null), { authToken: o } = Ae(), r = m((M) => {
+    var J;
+    return (J = M == null ? void 0 : M.card) == null ? void 0 : J.sql;
   }), d = m((M) => {
-    var K;
-    return (K = M == null ? void 0 : M.card) == null ? void 0 : K.python;
-  }), u = m((M) => M.actions.setCardSql), y = m((M) => M.actions.setRunSql), h = m(
+    var J;
+    return (J = M == null ? void 0 : M.card) == null ? void 0 : J.python;
+  }), u = m((M) => M.actions.setCardSql), b = m((M) => M.actions.setRunSql), h = m(
     (M) => M.actions.switchCardType
-  ), g = m((M) => M.currentAssitantScope) || [], v = m((M) => M.userInputForAI), c = m((M) => M.triggerAIRun), p = m(
+  ), y = m((M) => M.currentAssitantScope) || [], v = m((M) => M.userInputForAI), c = m((M) => M.triggerAIRun), g = m(
     (M) => M.selectedDatabaseName
-  ), b = m((M) => M.selectedTableName), C = m(
+  ), f = m((M) => M.selectedTableName), C = m(
     (M) => M.selectedConnectionId
   ), x = m(
     (M) => M.selectedSchemaName
-  ), D = O(
+  ), D = I(
     (M) => M.dashboard.aiScopeTables
-  ), { setTriggerAIRun: N, setCurrentAssitantScope: I } = ne(), { selectedDatamodelName: z, connectionType: q, selectedDatamodelId: P } = He(), {
+  ), { setTriggerAIRun: N, setCurrentAssitantScope: O } = ne(), { selectedDatamodelName: z, connectionType: q, selectedDatamodelId: P } = Pe(), {
     messages: _,
-    setMessages: U,
-    reload: f,
+    setMessages: Q,
+    reload: p,
     append: T,
     input: B,
     setInput: V,
-    status: J,
+    status: G,
     handleInputChange: W,
     handleSubmit: S,
     stop: w
@@ -2698,8 +2718,8 @@ function gs(t) {
     maxSteps: 10,
     //maxToolRoundtrips: 5,
     onToolCall: A,
-    onFinish(M, K) {
-      Q(K.usage), a(""), K.finishReason === "stop" && a("");
+    onFinish(M, J) {
+      K(J.usage), a(""), J.finishReason === "stop" && a("");
     }
   });
   oe(() => {
@@ -2719,8 +2739,8 @@ function gs(t) {
     toolCall: M
   }) {
     if (M.toolName === "createChart") {
-      const K = M.args.sql, he = M.args.chartType;
-      return h(he), u(K), y(!0), {
+      const J = M.args.sql, he = M.args.chartType;
+      return h(he), u(J), b(!0), {
         status: "success",
         message: "Let the user know that chart is created"
         // query: sql,
@@ -2740,74 +2760,74 @@ function gs(t) {
       if (M.toolName === "getCurrentTableScope")
         return a("Getting table scope..."), E(), {
           status: "success",
-          tables: g
+          tables: y
         };
       a("Analyzing...");
     }
   }
-  function Q(M) {
-    i((K) => K ? {
-      promptTokens: K.promptTokens + M.promptTokens,
-      completionTokens: K.completionTokens + M.completionTokens,
-      totalTokens: K.totalTokens + M.totalTokens
+  function K(M) {
+    i((J) => J ? {
+      promptTokens: J.promptTokens + M.promptTokens,
+      completionTokens: J.completionTokens + M.completionTokens,
+      totalTokens: J.totalTokens + M.totalTokens
     } : M);
   }
   function X(M) {
-    const K = Us(g, M);
-    le(K);
+    const J = Us(y, M);
+    ie(J);
   }
-  function le(M) {
-    const K = Js(M);
-    I(K), U((he) => [
+  function ie(M) {
+    const J = Js(M);
+    O(J), Q((he) => [
       ...he,
       {
         id: crypto.randomUUID(),
         role: "system",
-        content: `Current scope of tables | ${JSON.stringify(K)}`
+        content: `Current scope of tables | ${JSON.stringify(J)}`
       }
     ]);
   }
   function R() {
     const M = {
-      databaseName: p || "",
+      databaseName: g || "",
       schemaName: x || "",
-      tableName: b || "",
+      tableName: f || "",
       datamodelId: P || "",
       datamodelName: dt(z),
       connectionId: C || "",
       connectionType: q || ""
-    }, K = Wt([...g, M]);
-    le(K);
+    }, J = Wt([...y, M]);
+    ie(J);
   }
   function E() {
     const M = {
-      databaseName: p || "",
+      databaseName: g || "",
       schemaName: x || "",
-      tableName: b || "",
+      tableName: f || "",
       datamodelName: dt(z),
       connectionId: C || "",
       connectionType: q || "",
       datamodelId: P || ""
     };
     if (!Gs(
-      [...D || [], ...g],
+      [...D || [], ...y],
       M
-    ) || g.length === 0) {
+    ) || y.length === 0) {
       const he = Wt([
         ...D || [],
-        ...g,
+        ...y,
         M
       ]).filter(
         (ce) => ce.connectionId === M.connectionId
       );
-      le(he);
+      ie(he);
     }
   }
-  const re = !["ready", "error"].includes(J);
+  const re = !["ready", "error"].includes(G);
   return {
     messages: _,
-    setMessages: U,
-    reload: f,
+    setMessages: Q,
+    reload: p,
     append: T,
     input: B,
     setInput: V,
@@ -2815,56 +2835,56 @@ function gs(t) {
     handleSetAIScope: E,
     handleAddCurrentTableToScope: R,
     removeFromCurrentSelections: X,
-    currentAssitantScope: g,
-    setCurrentAssitantScope: I,
+    currentAssitantScope: y,
+    setCurrentAssitantScope: O,
     handleInputChange: W,
     handleSubmit: S,
     stop: w,
-    chatStatus: J,
+    chatStatus: G,
     toolStatus: s,
     llmUsage: l,
     onFinish: t
   };
 }
 function pi() {
-  var Le;
+  var Fe;
   const [t, s] = j({
     queryKey: [],
     queryData: null
-  }), a = Ks(), [l, i] = j(!1), [o, r] = j(!1), d = m((F) => F.frame), u = m((F) => F.card), y = m((F) => F.isShowingVisual), h = m(
+  }), a = Ks(), [l, i] = j(!1), [o, r] = j(!1), d = m((F) => F.frame), u = m((F) => F.card), b = m((F) => F.isShowingVisual), h = m(
     (F) => F.selectedConnectionId
-  ), g = m(
+  ), y = m(
     (F) => F.selectedDatabaseName
   ), v = m(
     (F) => F.selectedDatamodelId
   ), c = m(
     (F) => F.selectedSchemaName
-  ), p = m((F) => F.showAIDialog), b = m((F) => F.selectedTableName), C = m((F) => {
+  ), g = m((F) => F.showAIDialog), f = m((F) => F.selectedTableName), C = m((F) => {
     var me;
     return (me = F == null ? void 0 : F.card) == null ? void 0 : me.sql;
   }), { sheetFilterValues: x } = Qs(), {
     setCardCustomCfg: D,
     setQueryResultColumns: N,
-    setCardSql: I,
+    setCardSql: O,
     // setQueryError,
     setPythonStdOut: z,
     setCardPreferences: q,
     setCardType: P,
     setCardPython: _,
-    runAssistant: U,
-    setShowAIDialog: f
-  } = ne(), T = m((F) => F.onSave), B = m((F) => F.onClose), V = m((F) => F.actions.setSqlGen), J = m((F) => F.runSql), W = m((F) => F.actions.setRunSql), S = m((F) => F.actions.setCardCfg), w = m(
+    runAssistant: Q,
+    setShowAIDialog: p
+  } = ne(), T = m((F) => F.onSave), B = m((F) => F.onClose), V = m((F) => F.actions.setSqlGen), G = m((F) => F.runSql), W = m((F) => F.actions.setRunSql), S = m((F) => F.actions.setCardCfg), w = m(
     (F) => F.actions.setIsSqlRunning
   ), {
     data: A,
-    isLoading: Q,
+    isLoading: K,
     isFetching: X,
-    isSuccess: le,
+    isSuccess: ie,
     isError: R,
     error: E,
     queryKey: re,
     refetch: M
-  } = je(u), { handleSetAIScope: K } = gs();
+  } = _e(u), { handleSetAIScope: J } = gs();
   oe(() => {
     if (A && (A.rowLimitExceeded && ct.error("Row limit (10,000) exceeded. Refine your query.", {
       position: "top-center",
@@ -2874,39 +2894,39 @@ function pi() {
       N(F);
     }
   }, [A, N, z]), oe(() => {
-    (Q || X) && w(!0), (R || le) && w(!1), R && (N([]), z(""));
+    (K || X) && w(!0), (R || ie) && w(!1), R && (N([]), z(""));
   }, [
-    Q,
+    K,
     X,
     A,
     z,
     R,
-    le,
+    ie,
     w,
     N,
     // setQueryError,
     E
   ]), oe(() => {
-    J && (a.getQueryData(re) || M(), W(!1));
-  }, [J, M, W, re, a]);
+    G && (a.getQueryData(re) || M(), W(!1));
+  }, [G, M, W, re, a]);
   function he() {
     const F = a.getQueryData(re);
     t.queryData || s({
       queryKey: re,
       queryData: F
-    }), a.setQueryData(re, null), a.removeQueries({ queryKey: re, exact: !0 }), I(""), V({}), _(""), S(void 0), D(""), q({}), P("bar");
+    }), a.setQueryData(re, null), a.removeQueries({ queryKey: re, exact: !0 }), O(""), V({}), _(""), S(void 0), D(""), q({}), P("bar");
   }
   function ce(F, me) {
     if (F.length === 0)
       return "";
     if (me) {
-      const Fe = F.find((pe) => pe.id === me);
-      if (Fe) {
-        const pe = Fe.tabTitle;
-        if (pe == "All__Header")
+      const Ee = F.find((fe) => fe.id === me);
+      if (Ee) {
+        const fe = Ee.tabTitle;
+        if (fe == "All__Header")
           return F[0].id;
-        if (pe && pe.endsWith("__Header")) {
-          const Nt = pe.split("__")[0], lt = F.find(
+        if (fe && fe.endsWith("__Header")) {
+          const Nt = fe.split("__")[0], lt = F.find(
             (Ct) => Ct.tabTitle === Nt
           );
           return lt ? lt.id : F[0].id;
@@ -2918,45 +2938,45 @@ function pi() {
   }
   function ke() {
     let F = C;
-    C && !C.includes("{{") && (F = ti(C), I(F));
+    C && !C.includes("{{") && (F = ti(C), O(F));
     const me = {
       ...u,
       lastSelectedSchema: c,
       lastSelectedDatamodelId: v,
-      lastSelectedDatabase: g,
-      lastSelectedTable: b,
+      lastSelectedDatabase: y,
+      lastSelectedTable: f,
       connectionId: h,
-      type: y ? u.type : "table",
+      type: b ? u.type : "table",
       sql: F,
-      customCfg: y ? u.customCfg : null
-    }, Fe = d.cards.map(
+      customCfg: b ? u.customCfg : null
+    }, Ee = d.cards.map(
       (Ze) => Ze.id === u.id ? me : Ze
-    ), pe = {
+    ), fe = {
       ...d,
-      cards: Fe,
-      activeCardId: ce(Fe, d.activeCardId)
+      cards: Ee,
+      activeCardId: ce(Ee, d.activeCardId)
     };
-    T == null || T(pe);
+    T == null || T(fe);
   }
-  function ye() {
+  function Me() {
     const { queryKey: F, queryData: me } = t;
     F && me && a.setQueryData(F, me), V({}), B == null || B();
   }
-  async function Z() {
+  async function pe() {
     const F = `Can you help me debug this query in the current table scope? 
 
     Error: 
 
-    ${Ae} 
+    ${Le} 
 
     Query: 
 
     ${C} 
     
     `;
-    U(F);
+    Q(F);
   }
-  function ue() {
+  function Y() {
     return /* @__PURE__ */ n(se, { children: [
       o && /* @__PURE__ */ e(
         "div",
@@ -2982,7 +3002,7 @@ function pi() {
       )
     ] });
   }
-  function $e() {
+  function ue() {
     return /* @__PURE__ */ n(
       tt,
       {
@@ -2991,7 +3011,7 @@ function pi() {
         role: "editor-resizable-group",
         children: [
           /* @__PURE__ */ n(
-            fe,
+            ge,
             {
               id: "1",
               order: 1,
@@ -3013,7 +3033,7 @@ function pi() {
           l && /* @__PURE__ */ n(se, { children: [
             /* @__PURE__ */ e(at, { withHandle: !0, className: "border" }),
             /* @__PURE__ */ n(
-              fe,
+              ge,
               {
                 id: "2",
                 order: 2,
@@ -3037,7 +3057,7 @@ function pi() {
       }
     );
   }
-  const Ae = (E == null ? void 0 : E.message) || ((Le = A == null ? void 0 : A.error) == null ? void 0 : Le.message);
+  const Le = (E == null ? void 0 : E.message) || ((Fe = A == null ? void 0 : A.error) == null ? void 0 : Fe.message);
   return (
     // This is a tricky css, the pt-8 is to make sure the editor doesn't slide under the header
     /* @__PURE__ */ n(
@@ -3047,8 +3067,8 @@ function pi() {
         className: "flex grow flex-col justify-end",
         children: [
           /* @__PURE__ */ n("div", { className: "relative flex grow justify-between overflow-y-scroll", children: [
-            $e(),
-            ue()
+            ue(),
+            Y()
           ] }),
           /* @__PURE__ */ n(
             "div",
@@ -3061,14 +3081,14 @@ function pi() {
                     $,
                     {
                       title: "Shift + Enter",
-                      disabled: Q || X,
+                      disabled: K || X,
                       onClick: () => {
                         M();
                       },
                       className: "shrink-0",
                       size: "sm",
                       children: [
-                        Q || X ? /* @__PURE__ */ e(Ve, { className: "mr-2 h-4 w-4 animate-spin" }) : /* @__PURE__ */ e(Ws, { className: "mr-2 h-4 w-4" }),
+                        K || X ? /* @__PURE__ */ e(qe, { className: "mr-2 h-4 w-4 animate-spin" }) : /* @__PURE__ */ e(Ws, { className: "mr-2 h-4 w-4" }),
                         "Run"
                       ]
                     }
@@ -3077,8 +3097,8 @@ function pi() {
                     ai,
                     {
                       sql: A == null ? void 0 : A.sql,
-                      error: Ae,
-                      onClick: Z
+                      error: Le,
+                      onClick: pe
                     }
                   ),
                   /* @__PURE__ */ n(
@@ -3107,12 +3127,12 @@ function pi() {
                   /* @__PURE__ */ e(
                     "button",
                     {
-                      disabled: p,
+                      disabled: g,
                       onClick: () => {
-                        K(), f(!0);
+                        J(), p(!0);
                       },
                       className: "h-9 w-full cursor-text px-3 text-left text-sm text-muted-foreground",
-                      children: p ? "" : "Type your question..."
+                      children: g ? "" : "Type your question..."
                     }
                   )
                 ] }),
@@ -3120,7 +3140,7 @@ function pi() {
                   /* @__PURE__ */ n(
                     $,
                     {
-                      onClick: ye,
+                      onClick: Me,
                       className: "w-full",
                       size: "sm",
                       variant: "secondary",
@@ -3153,11 +3173,11 @@ function pi() {
 }
 function fi({ data: t }) {
   var r;
-  const [s, a] = Ie.useState([]), i = Object.keys(t[0]).map((d) => ({
+  const [s, a] = Oe.useState([]), i = Object.keys(t[0]).map((d) => ({
     // header: key,
     accessorKey: d,
     header: ({ column: u }) => {
-      const y = u.getIsSorted();
+      const b = u.getIsSorted();
       return /* @__PURE__ */ e("div", { className: "flex gap-2", children: /* @__PURE__ */ n(
         "div",
         {
@@ -3165,7 +3185,7 @@ function fi({ data: t }) {
           onClick: () => u.toggleSorting(u.getIsSorted() === "asc"),
           children: [
             d,
-            y === "asc" ? /* @__PURE__ */ e(Zs, { className: "ml-2 h-5 w-5" }) : y === "desc" ? /* @__PURE__ */ e(Ys, { className: "ml-2 h-5 w-5" }) : null
+            b === "asc" ? /* @__PURE__ */ e(Zs, { className: "ml-2 h-5 w-5" }) : b === "desc" ? /* @__PURE__ */ e(Ys, { className: "ml-2 h-5 w-5" }) : null
           ]
         }
       ) });
@@ -3206,32 +3226,32 @@ function fi({ data: t }) {
   ] }) });
 }
 function gi({ card: t }) {
-  var D, N, I, z, q, P, _, U, f, T, B;
+  var D, N, O, z, q, P, _, Q, p, T, B;
   const [s, a] = j(!1), [l, i] = j(
     []
-  ), { authToken: o } = Te(), r = rn(o == null ? void 0 : o.accessToken), d = O((V) => V.themeStyle), u = {
+  ), { authToken: o } = Ae(), r = rn(o == null ? void 0 : o.accessToken), d = I((V) => V.themeStyle), u = {
     colors: ((N = (D = d == null ? void 0 : d.chart) == null ? void 0 : D.dataset) == null ? void 0 : N.backgroundColor) || []
   };
-  (I = t.customCardPreferences) != null && I.inputData;
-  const { getCard: y } = Ra(((z = t.customCardPreferences) == null ? void 0 : z.url) || ""), h = ((q = t.customCardPreferences) == null ? void 0 : q.visualType) || "single", g = m((V) => V.frame), { setCustomCardPreferences: v } = ne(), { data: c } = je(t), p = Qa((V, J) => {
+  (O = t.customCardPreferences) != null && O.inputData;
+  const { getCard: b } = Ra(((z = t.customCardPreferences) == null ? void 0 : z.url) || ""), h = ((q = t.customCardPreferences) == null ? void 0 : q.visualType) || "single", y = m((V) => V.frame), { setCustomCardPreferences: v } = ne(), { data: c } = _e(t), g = Qa((V, G) => {
     i((W) => ({
       ...W,
-      [V]: J
+      [V]: G
     }));
   }, []);
   if (!((P = t.customCardPreferences) != null && P.componentName))
     return null;
-  const b = y(
+  const f = b(
     (_ = t.customCardPreferences) == null ? void 0 : _.componentName
   );
   function C(V) {
     a(V);
   }
   const x = Object.keys(
-    ((U = t.customCardPreferences) == null ? void 0 : U.dataInputCardIds) || {}
+    ((Q = t.customCardPreferences) == null ? void 0 : Q.dataInputCardIds) || {}
   ).map((V) => {
     var S, w, A;
-    const J = (w = (S = t.customCardPreferences) == null ? void 0 : S.dataInputCardIds) == null ? void 0 : w[V].cardId, W = (A = g == null ? void 0 : g.cards) == null ? void 0 : A.find((Q) => Q.id === J);
+    const G = (w = (S = t.customCardPreferences) == null ? void 0 : S.dataInputCardIds) == null ? void 0 : w[V].cardId, W = (A = y == null ? void 0 : y.cards) == null ? void 0 : A.find((K) => K.id === G);
     return W || null;
   });
   return /* @__PURE__ */ e("div", { className: "semaphor-custom mb-3 flex grow basis-0 flex-col space-y-2 overflow-y-auto", children: /* @__PURE__ */ n(
@@ -3239,30 +3259,30 @@ function gi({ card: t }) {
     {
       fallback: /* @__PURE__ */ e(se, {}),
       children: [
-        b && h === "single" && /* @__PURE__ */ e(
-          b,
+        f && h === "single" && /* @__PURE__ */ e(
+          f,
           {
             params: r,
             theme: u,
-            settings: (f = t.customCardPreferences) == null ? void 0 : f.settings,
-            onDataChange: p,
+            settings: (p = t.customCardPreferences) == null ? void 0 : p.settings,
+            onDataChange: g,
             data: (c == null ? void 0 : c.records) || []
           }
         ),
-        b && h === "multiple" && /* @__PURE__ */ n(se, { children: [
+        f && h === "multiple" && /* @__PURE__ */ n(se, { children: [
           Object.keys(
             ((T = t.customCardPreferences) == null ? void 0 : T.dataInputCardIds) || {}
           ).map((V) => {
             var S, w, A;
-            const J = (w = (S = t.customCardPreferences) == null ? void 0 : S.dataInputCardIds) == null ? void 0 : w[V].cardId, W = (A = g == null ? void 0 : g.cards) == null ? void 0 : A.find(
-              (Q) => Q.id === J
+            const G = (w = (S = t.customCardPreferences) == null ? void 0 : S.dataInputCardIds) == null ? void 0 : w[V].cardId, W = (A = y == null ? void 0 : y.cards) == null ? void 0 : A.find(
+              (K) => K.id === G
             );
             if (W)
               return /* @__PURE__ */ e(
                 on,
                 {
                   onLoadingStatus: C,
-                  onDataChange: p,
+                  onDataChange: g,
                   dataInputIndex: V,
                   card: W
                 },
@@ -3270,14 +3290,14 @@ function gi({ card: t }) {
               );
           }),
           /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ e(
-            b,
+            f,
             {
               theme: u,
-              onDataChange: p,
+              onDataChange: g,
               settings: x.map(
                 (V) => {
-                  var J;
-                  return (J = V == null ? void 0 : V.customCardPreferences) == null ? void 0 : J.settings;
+                  var G;
+                  return (G = V == null ? void 0 : V.customCardPreferences) == null ? void 0 : G.settings;
                 }
               ),
               data: x.map((V) => V != null && V.id ? l == null ? void 0 : l[V.id] : [])
@@ -3296,9 +3316,9 @@ function ys({
   ...s
 }) {
   var C;
-  const a = m((x) => x.card), l = ((C = a.customCardPreferences) == null ? void 0 : C.showCardHeader) ?? !0, i = m((x) => x.frame), o = O((x) => x.dashboard.filters);
+  const a = m((x) => x.card), l = ((C = a.customCardPreferences) == null ? void 0 : C.showCardHeader) ?? !0, i = m((x) => x.frame), o = I((x) => x.dashboard.filters);
   m((x) => x.actions.setRunSql);
-  const { updateFilter: r } = Ke(), d = o == null ? void 0 : o.find((x) => x.id === i.filterId), { data: u, isLoading: y, isFetching: h } = je(a), { setCard: g } = ne(), { data: v } = Ft(a);
+  const { updateFilter: r } = Ke(), d = o == null ? void 0 : o.find((x) => x.id === i.filterId), { data: u, isLoading: b, isFetching: h } = _e(a), { setCard: y } = ne(), { data: v } = Ft(a);
   if (!a.id) return null;
   let c;
   u != null && u.records && (u == null ? void 0 : u.records.length) > 0 && (c = ja({
@@ -3309,18 +3329,18 @@ function ys({
     preferences: a.preferences,
     topoJson: v
   }));
-  function p(x) {
+  function g(x) {
     return /* @__PURE__ */ e(gi, { card: x });
   }
-  function b() {
+  function f() {
     var x;
-    if (u != null && u.records && (u == null ? void 0 : u.records.length) === 0 && !y && !h)
+    if (u != null && u.records && (u == null ? void 0 : u.records.length) === 0 && !b && !h)
       return /* @__PURE__ */ n("div", { className: "flex h-full flex-col items-center justify-center gap-2", children: [
         /* @__PURE__ */ e(pn, { className: "size-8 text-muted-foreground" }),
         /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: "No records to display" })
       ] });
     if (a.type === "custom")
-      return p(a);
+      return g(a);
     if (!["table", "custom"].includes(a.type) && c)
       return /* @__PURE__ */ e(
         fn,
@@ -3330,7 +3350,7 @@ function ys({
         JSON.stringify(c) + JSON.stringify(a.preferences) + ((x = a == null ? void 0 : a.preferences) == null ? void 0 : x.customVisualCode)
       );
     if (a.type === "table" && (u != null && u.records) && (u == null ? void 0 : u.records.length) > 0)
-      return /* @__PURE__ */ n(Oe, { className: "relative mb-2 flex h-full min-h-0 w-full flex-1 grow basis-0", children: [
+      return /* @__PURE__ */ n(Te, { className: "relative mb-2 flex h-full min-h-0 w-full flex-1 grow basis-0", children: [
         /* @__PURE__ */ e(gn, { card: a, data: u == null ? void 0 : u.records }),
         /* @__PURE__ */ e(Ue, { orientation: "horizontal" })
       ] });
@@ -3339,7 +3359,7 @@ function ys({
     cn,
     {
       role: "editor-visual-card",
-      className: Y("relative flex h-full flex-col rounded-none", t),
+      className: Z("relative flex h-full flex-col rounded-none", t),
       ...s,
       children: [
         l && /* @__PURE__ */ n(dn, { className: "flex flex-row items-start justify-between py-4", children: [
@@ -3348,7 +3368,7 @@ function ys({
               ot,
               {
                 text: a.title,
-                onSave: (x) => g({ ...a, title: x }),
+                onSave: (x) => y({ ...a, title: x }),
                 children: /* @__PURE__ */ e("div", { className: "flex items-center gap-5", children: /* @__PURE__ */ e(hn, { className: "text-base", children: a.title || "Edit title..." }) })
               },
               a.title
@@ -3357,7 +3377,7 @@ function ys({
               ot,
               {
                 text: a.description || "",
-                onSave: (x) => g({ ...a, description: x }),
+                onSave: (x) => y({ ...a, description: x }),
                 children: /* @__PURE__ */ e(un, { children: a.description || "Edit description..." })
               },
               a.description
@@ -3376,7 +3396,7 @@ function ys({
             /* @__PURE__ */ e(_a, { filter: d })
           ] })
         ] }),
-        /* @__PURE__ */ e(mn, { className: "flex grow flex-col", children: b() })
+        /* @__PURE__ */ e(mn, { className: "flex grow flex-col", children: f() })
       ]
     }
   );
@@ -3475,14 +3495,14 @@ const la = ({
   /* @__PURE__ */ e($, { onClick: i, variant: "outline", children: "Close" })
 ] });
 function vi() {
-  const [t, s] = j(!1), [a, l] = j(""), [i, o] = j(""), [r, d] = j(""), [u, y] = j(""), h = m((N) => N.card), g = m((N) => N.card.customCfg), { data: v } = je(h), { data: c } = Ft(h), { setCardCustomCfg: p, setCustomVisualCode: b } = ne(), C = (N) => {
-    var I, z;
+  const [t, s] = j(!1), [a, l] = j(""), [i, o] = j(""), [r, d] = j(""), [u, b] = j(""), h = m((N) => N.card), y = m((N) => N.card.customCfg), { data: v } = _e(h), { data: c } = Ft(h), { setCardCustomCfg: g, setCustomVisualCode: f } = ne(), C = (N) => {
+    var O, z;
     return JSON.stringify(
       {
         ...N,
         data: {
           ...N.data,
-          datasets: (z = (I = N.data) == null ? void 0 : I.datasets) == null ? void 0 : z.map((q) => ({
+          datasets: (z = (O = N.data) == null ? void 0 : O.datasets) == null ? void 0 : z.map((q) => ({
             ...q,
             data: []
           }))
@@ -3494,12 +3514,12 @@ function vi() {
   };
   return /* @__PURE__ */ n(oa, { open: t, onOpenChange: s, children: [
     /* @__PURE__ */ e(ca, { asChild: !0, children: /* @__PURE__ */ e(
-      G,
+      U,
       {
         tooltip: "Customize Visual",
         onClick: () => {
-          var I, z;
-          if (!((I = v == null ? void 0 : v.records) != null && I.length)) return;
+          var O, z;
+          if (!((O = v == null ? void 0 : v.records) != null && O.length)) return;
           const N = ja({
             data: v.records,
             cardType: h.type,
@@ -3509,11 +3529,11 @@ function vi() {
           });
           if (N) {
             l(C(N)), d(((z = h.preferences) == null ? void 0 : z.customVisualCode) || "");
-            const q = bn(N, g);
+            const q = bn(N, y);
             o(C(q));
           }
         },
-        className: g ? "text-green-600 hover:text-green-700" : "",
+        className: y ? "text-green-600 hover:text-green-700" : "",
         children: /* @__PURE__ */ e(yn, { className: "h-4 w-4" })
       }
     ) }),
@@ -3535,23 +3555,23 @@ function vi() {
         xi,
         {
           error: u,
-          hasCustomConfig: !!g,
+          hasCustomConfig: !!y,
           onReset: () => {
-            o(a), p(null);
+            o(a), g(null);
           },
           onApply: () => {
             try {
-              if (r && b(r), i) {
+              if (r && f(r), i) {
                 const N = JSON.parse(
                   i
-                ), I = xn(
+                ), O = xn(
                   JSON.parse(a),
                   N
                 );
-                p(I), y("");
+                g(O), b("");
               }
             } catch {
-              y("Invalid JSON configuration");
+              b("Invalid JSON configuration");
             }
           },
           onClose: () => s(!1)
@@ -3580,7 +3600,7 @@ function Cs(t) {
   return s;
 }
 function Ss() {
-  const { authToken: t } = Te(), { data: s, isLoading: a, isFetching: l, isError: i } = Me({
+  const { authToken: t } = Ae(), { data: s, isLoading: a, isFetching: l, isError: i } = De({
     queryKey: ["plugins", t == null ? void 0 : t.accessToken],
     queryFn: () => vn(t == null ? void 0 : t.accessToken)
     // staleTime: Infinity,
@@ -3596,9 +3616,9 @@ function Ci({
       var o;
       if (l) {
         const d = (await Promise.all(
-          (o = l == null ? void 0 : l.plugins) == null ? void 0 : o.map(async (u) => (await Nn(u.value)).visuals.map((g) => ({
-            name: g.name,
-            icon: g.icon,
+          (o = l == null ? void 0 : l.plugins) == null ? void 0 : o.map(async (u) => (await Nn(u.value)).visuals.map((y) => ({
+            name: y.name,
+            icon: y.icon,
             url: u.value
           })))
         )).flat();
@@ -3627,24 +3647,24 @@ const Si = ({
   return /* @__PURE__ */ e($, { onClick: a, title: t, variant: "ghost", children: l ? /* @__PURE__ */ e(l, { className: "h-4 w-4" }) : i });
 };
 function wi() {
-  var g, v;
-  const [t, s] = j(!1), a = m((c) => c.card), l = a.type, i = O((c) => c.isVisualEditing), { setCardType: o, setCardPreferences: r, setChartOrientation: d } = m((c) => c.actions), { setCardCustomCfg: u, setCustomCardPreferences: y } = ne();
-  function h(c, p) {
-    u(null), r({}), o(c), p && y({
+  var y, v;
+  const [t, s] = j(!1), a = m((c) => c.card), l = a.type, i = I((c) => c.isVisualEditing), { setCardType: o, setCardPreferences: r, setChartOrientation: d } = m((c) => c.actions), { setCardCustomCfg: u, setCustomCardPreferences: b } = ne();
+  function h(c, g) {
+    u(null), r({}), o(c), g && b({
       type: "component",
       visualType: "single",
-      url: p.url,
-      componentName: p.name,
-      icon: p.icon
+      url: g.url,
+      componentName: g.name,
+      icon: g.icon
     }), s(!1);
   }
-  return /* @__PURE__ */ n(qe, { open: t, onOpenChange: s, children: [
-    /* @__PURE__ */ e(Re, { asChild: !0, children: /* @__PURE__ */ e($, { size: "sm", variant: i ? "ghost" : "outline", children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ n(Re, { open: t, onOpenChange: s, children: [
+    /* @__PURE__ */ e(je, { asChild: !0, children: /* @__PURE__ */ e($, { size: "sm", variant: i ? "ghost" : "outline", children: /* @__PURE__ */ e(
       ki,
       {
         className: "size-4",
         chartType: l,
-        customIcon: (g = a.customCardPreferences) == null ? void 0 : g.icon,
+        customIcon: (y = a.customCardPreferences) == null ? void 0 : y.icon,
         componentName: (v = a.customCardPreferences) == null ? void 0 : v.componentName
       }
     ) }) }),
@@ -3656,7 +3676,7 @@ function wi() {
         children: [
           /* @__PURE__ */ n("div", { className: "grid grid-cols-4 place-items-center", children: [
             /* @__PURE__ */ e(
-              G,
+              U,
               {
                 tooltip: "Bar Chart",
                 onClick: () => h("bar"),
@@ -3665,7 +3685,7 @@ function wi() {
               }
             ),
             /* @__PURE__ */ e(
-              G,
+              U,
               {
                 tooltip: "Line Chart",
                 onClick: () => h("line"),
@@ -3674,7 +3694,7 @@ function wi() {
               }
             ),
             /* @__PURE__ */ e(
-              G,
+              U,
               {
                 tooltip: "Stacked Bar Chart",
                 onClick: () => h("stackedBar"),
@@ -3683,7 +3703,7 @@ function wi() {
               }
             ),
             /* @__PURE__ */ e(
-              G,
+              U,
               {
                 tooltip: "Stacked Line Chart",
                 onClick: () => h("stackedLine"),
@@ -3692,7 +3712,7 @@ function wi() {
               }
             ),
             /* @__PURE__ */ e(
-              G,
+              U,
               {
                 tooltip: "Scatter Chart",
                 onClick: () => h("scatter"),
@@ -3701,7 +3721,7 @@ function wi() {
               }
             ),
             /* @__PURE__ */ e(
-              G,
+              U,
               {
                 tooltip: "Bubble Chart",
                 onClick: () => h("bubble"),
@@ -3710,7 +3730,7 @@ function wi() {
               }
             ),
             /* @__PURE__ */ e(
-              G,
+              U,
               {
                 tooltip: "Pie Chart",
                 onClick: () => h("pie"),
@@ -3719,7 +3739,7 @@ function wi() {
               }
             ),
             /* @__PURE__ */ e(
-              G,
+              U,
               {
                 tooltip: "Doughnut Chart",
                 onClick: () => h("doughnut"),
@@ -3728,7 +3748,7 @@ function wi() {
               }
             ),
             /* @__PURE__ */ e(
-              G,
+              U,
               {
                 tooltip: "Radar Chart",
                 onClick: () => h("radar"),
@@ -3737,7 +3757,7 @@ function wi() {
               }
             ),
             /* @__PURE__ */ e(
-              G,
+              U,
               {
                 tooltip: "Polar Area Chart",
                 onClick: () => h("polarArea"),
@@ -3746,7 +3766,7 @@ function wi() {
               }
             ),
             /* @__PURE__ */ e(
-              G,
+              U,
               {
                 tooltip: "Pyramid Chart",
                 onClick: () => h("pyramid"),
@@ -3755,7 +3775,7 @@ function wi() {
               }
             ),
             /* @__PURE__ */ e(
-              G,
+              U,
               {
                 tooltip: "Range Chart",
                 onClick: () => h("range"),
@@ -3764,7 +3784,7 @@ function wi() {
               }
             ),
             /* @__PURE__ */ e(
-              G,
+              U,
               {
                 tooltip: "Table",
                 onClick: () => h("table"),
@@ -3773,7 +3793,7 @@ function wi() {
               }
             ),
             /* @__PURE__ */ e(
-              G,
+              U,
               {
                 tooltip: "KPI",
                 onClick: () => h("kpi"),
@@ -3782,7 +3802,7 @@ function wi() {
               }
             ),
             /* @__PURE__ */ e(
-              G,
+              U,
               {
                 tooltip: "Text",
                 onClick: () => h("text"),
@@ -3791,7 +3811,7 @@ function wi() {
               }
             ),
             /* @__PURE__ */ e(
-              G,
+              U,
               {
                 tooltip: "Map",
                 onClick: () => h("map"),
@@ -3800,7 +3820,7 @@ function wi() {
               }
             ),
             /* @__PURE__ */ e(
-              G,
+              U,
               {
                 tooltip: "Custom",
                 onClick: () => h("custom"),
@@ -3866,7 +3886,7 @@ function ia(t, s) {
   return ((o = (i = (l = t == null ? void 0 : t.chartOptions) == null ? void 0 : l.scales) == null ? void 0 : i[a]) == null ? void 0 : o.type) || "linear";
 }
 function Mi() {
-  var S, w, A, Q, X, le;
+  var S, w, A, K, X, ie;
   const [t, s] = j(!1), a = m((R) => {
     var E;
     return (E = R.card) == null ? void 0 : E.preferences;
@@ -3877,21 +3897,21 @@ function Mi() {
     ia(a)
   ), [d, u] = j(
     ((A = (w = (S = a == null ? void 0 : a.chartOptions) == null ? void 0 : S.scales) == null ? void 0 : w[i]) == null ? void 0 : A.min) || ""
-  ), [y, h] = j(
-    ((le = (X = (Q = a == null ? void 0 : a.chartOptions) == null ? void 0 : Q.scales) == null ? void 0 : X[i]) == null ? void 0 : le.max) || ""
-  ), [g, v] = j(d || y ? "custom" : "auto"), [c, p] = j(""), [b, C] = j(0), [x, D] = j(""), [N, I] = j(""), [z, q] = j(""), P = m(
+  ), [b, h] = j(
+    ((ie = (X = (K = a == null ? void 0 : a.chartOptions) == null ? void 0 : K.scales) == null ? void 0 : X[i]) == null ? void 0 : ie.max) || ""
+  ), [y, v] = j(d || b ? "custom" : "auto"), [c, g] = j(""), [f, C] = j(0), [x, D] = j(""), [N, O] = j(""), [z, q] = j(""), P = m(
     (R) => R.actions.setCardPreferences
-  ), { updateCardInFrame: _ } = ne(), U = m((R) => R.card), f = m((R) => {
+  ), { updateCardInFrame: _ } = ne(), Q = m((R) => R.card), p = m((R) => {
     var E;
     return (E = R.card) == null ? void 0 : E.type;
-  }), T = ["pie", "doughnut", "polarArea"].includes(f);
+  }), T = ["pie", "doughnut", "polarArea"].includes(p);
   oe(() => {
-    var R, E, re, M, K, he, ce, ke, ye, Z, ue, $e, Ae, Le;
+    var R, E, re, M, J, he, ce, ke, Me, pe, Y, ue, Le, Fe;
     r(ia(a)), u(
       ((re = (E = (R = a == null ? void 0 : a.chartOptions) == null ? void 0 : R.scales) == null ? void 0 : E[i]) == null ? void 0 : re.min) === 0 ? 0 : ""
-    ), h(((he = (K = (M = a == null ? void 0 : a.chartOptions) == null ? void 0 : M.scales) == null ? void 0 : K[i]) == null ? void 0 : he.max) || ""), p(
-      ((Z = (ye = (ke = (ce = a == null ? void 0 : a.chartOptions) == null ? void 0 : ce.scales) == null ? void 0 : ke[i]) == null ? void 0 : ye.ticks) == null ? void 0 : Z.stepSize) || ""
-    ), C(((ue = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : ue.decimalPlaces) || 0), D((($e = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : $e.suffix) || ""), I(((Ae = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : Ae.currency) || ""), q(((Le = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : Le.locale) || "");
+    ), h(((he = (J = (M = a == null ? void 0 : a.chartOptions) == null ? void 0 : M.scales) == null ? void 0 : J[i]) == null ? void 0 : he.max) || ""), g(
+      ((pe = (Me = (ke = (ce = a == null ? void 0 : a.chartOptions) == null ? void 0 : ce.scales) == null ? void 0 : ke[i]) == null ? void 0 : Me.ticks) == null ? void 0 : pe.stepSize) || ""
+    ), C(((Y = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : Y.decimalPlaces) || 0), D(((ue = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : ue.suffix) || ""), O(((Le = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : Le.currency) || ""), q(((Fe = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : Fe.locale) || "");
   }, [t, a, i]);
   function B(R, E) {
     return E === "" || /^[0-9\b]+$/.test(E) ? Number(E) : Number(R);
@@ -3921,13 +3941,13 @@ function Mi() {
           xe,
           {
             value: N || "none",
-            onValueChange: (E) => I(E === "none" ? "" : E),
+            onValueChange: (E) => O(E === "none" ? "" : E),
             children: [
               /* @__PURE__ */ e(ve, { className: "col-span-2 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e(Ne, {}) }),
-              /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ n(ze, { children: [
+              /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ n(Ie, { children: [
                 /* @__PURE__ */ e(Se, { children: "Currency" }),
-                /* @__PURE__ */ e(ie, { value: "none", children: "None" }),
-                R.map((E) => /* @__PURE__ */ e(ie, { value: E, children: E }, E))
+                /* @__PURE__ */ e(le, { value: "none", children: "None" }),
+                R.map((E) => /* @__PURE__ */ e(le, { value: E, children: E }, E))
               ] }) })
             ]
           }
@@ -3940,9 +3960,9 @@ function Mi() {
               children: /* @__PURE__ */ e(Ne, {})
             }
           ),
-          /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ n(ze, { children: [
+          /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ n(Ie, { children: [
             /* @__PURE__ */ e(Se, { children: "Locale" }),
-            ht.map((E) => /* @__PURE__ */ e(ie, { value: E.locale, children: E.locale }, E.locale))
+            ht.map((E) => /* @__PURE__ */ e(le, { value: E.locale, children: E.locale }, E.locale))
           ] }) })
         ] })
       ] }),
@@ -3951,7 +3971,7 @@ function Mi() {
         /* @__PURE__ */ e(
           de,
           {
-            value: b,
+            value: f,
             onChange: (E) => C(Number(E.target.value)),
             id: "format",
             className: `col-span-6 h-8 w-full tracking-wide ${it}`
@@ -3960,7 +3980,7 @@ function Mi() {
       ] })
     ] });
   }
-  function J() {
+  function G() {
     return /* @__PURE__ */ n(se, { children: [
       /* @__PURE__ */ n("div", { className: "grid grid-cols-3 items-center gap-2", children: [
         /* @__PURE__ */ e(H, { htmlFor: "range", children: "Range" }),
@@ -3976,7 +3996,7 @@ function Mi() {
         /* @__PURE__ */ e(
           de,
           {
-            value: y,
+            value: b,
             onChange: (R) => h((E) => B(E, R.target.value)),
             id: "max",
             className: `col-span-1 h-8 w-full ${it}`
@@ -3989,7 +4009,7 @@ function Mi() {
           de,
           {
             value: c,
-            onChange: (R) => p((E) => B(E, R.target.value)),
+            onChange: (R) => g((E) => B(E, R.target.value)),
             id: "step-size",
             className: `col-span-1 h-8 w-full ${it}`
           }
@@ -4000,9 +4020,9 @@ function Mi() {
   function W() {
     var M;
     let R = {};
-    g === "custom" && (R = {
+    y === "custom" && (R = {
       min: d,
-      max: y,
+      max: b,
       ticks: {
         stepSize: c
       }
@@ -4021,7 +4041,7 @@ function Mi() {
         }
       },
       numberAxisFormat: {
-        decimalPlaces: b,
+        decimalPlaces: f,
         suffix: x,
         currency: N,
         locale: z
@@ -4029,13 +4049,13 @@ function Mi() {
     };
     console.log(E), P(E);
     const re = {
-      ...U,
+      ...Q,
       preferences: E
     };
     _(re);
   }
-  return /* @__PURE__ */ n(qe, { onOpenChange: (R) => s(R), children: [
-    /* @__PURE__ */ e(Re, { asChild: !0, children: /* @__PURE__ */ e(G, { tooltip: "Scale Options", children: /* @__PURE__ */ e(Ll, { className: "size-4 rotate-45" }) }) }),
+  return /* @__PURE__ */ n(Re, { onOpenChange: (R) => s(R), children: [
+    /* @__PURE__ */ e(je, { asChild: !0, children: /* @__PURE__ */ e(U, { tooltip: "Scale Options", children: /* @__PURE__ */ e(Ll, { className: "size-4 rotate-45" }) }) }),
     /* @__PURE__ */ e(Et, { align: "center", className: "max-w-65", children: /* @__PURE__ */ n("div", { className: "grid gap-4", children: [
       /* @__PURE__ */ n("div", { className: "space-y-2", children: [
         /* @__PURE__ */ e("h4", { className: "font-medium leading-none", children: "Scale Options" }),
@@ -4052,10 +4072,10 @@ function Mi() {
               onValueChange: (R) => r(R),
               children: [
                 /* @__PURE__ */ e(ve, { className: "col-span-2 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e(Ne, {}) }),
-                /* @__PURE__ */ e(Ce, { id: "type", children: /* @__PURE__ */ n(ze, { children: [
+                /* @__PURE__ */ e(Ce, { id: "type", children: /* @__PURE__ */ n(Ie, { children: [
                   /* @__PURE__ */ e(Se, { children: "Option" }),
-                  /* @__PURE__ */ e(ie, { value: "linear", children: "Linear" }),
-                  /* @__PURE__ */ e(ie, { value: "logarithmic", children: "Logarithmic" })
+                  /* @__PURE__ */ e(le, { value: "linear", children: "Linear" }),
+                  /* @__PURE__ */ e(le, { value: "logarithmic", children: "Logarithmic" })
                 ] }) })
               ]
             }
@@ -4068,7 +4088,7 @@ function Mi() {
             {
               disabled: T,
               id: "scale-option",
-              value: g,
+              value: y,
               onValueChange: (R) => v(R),
               className: "col-span-2 flex gap-3",
               defaultValue: "x",
@@ -4085,7 +4105,7 @@ function Mi() {
             }
           )
         ] }),
-        g === "custom" && o == "linear" && J(),
+        y === "custom" && o == "linear" && G(),
         V(),
         /* @__PURE__ */ e(Cn, {}),
         /* @__PURE__ */ e("div", { className: "grid grid-cols-3", children: /* @__PURE__ */ e(
@@ -4104,18 +4124,18 @@ function Mi() {
 function Di() {
   const t = m(
     (d) => {
-      var u, y, h, g;
-      return (g = (h = (y = (u = d.card.preferences) == null ? void 0 : u.chartOptions) == null ? void 0 : y.plugins) == null ? void 0 : h.legend) == null ? void 0 : g.position;
+      var u, b, h, y;
+      return (y = (h = (b = (u = d.card.preferences) == null ? void 0 : u.chartOptions) == null ? void 0 : b.plugins) == null ? void 0 : h.legend) == null ? void 0 : y.position;
     }
   ), s = m(
     (d) => {
-      var u, y, h, g;
-      return (g = (h = (y = (u = d.card.preferences) == null ? void 0 : u.chartOptions) == null ? void 0 : y.plugins) == null ? void 0 : h.legend) == null ? void 0 : g.align;
+      var u, b, h, y;
+      return (y = (h = (b = (u = d.card.preferences) == null ? void 0 : u.chartOptions) == null ? void 0 : b.plugins) == null ? void 0 : h.legend) == null ? void 0 : y.align;
     }
   ), a = m(
     (d) => {
-      var u, y, h, g;
-      return (g = (h = (y = (u = d.card.preferences) == null ? void 0 : u.chartOptions) == null ? void 0 : y.plugins) == null ? void 0 : h.legend) == null ? void 0 : g.display;
+      var u, b, h, y;
+      return (y = (h = (b = (u = d.card.preferences) == null ? void 0 : u.chartOptions) == null ? void 0 : b.plugins) == null ? void 0 : h.legend) == null ? void 0 : y.display;
     }
   ), { setLegendOptions: l } = ne(), i = (d) => {
     l({
@@ -4136,8 +4156,8 @@ function Di() {
       align: d
     });
   };
-  return /* @__PURE__ */ n(qe, { children: [
-    /* @__PURE__ */ e(Re, { asChild: !0, children: /* @__PURE__ */ e(G, { tooltip: "Legend Settings", children: /* @__PURE__ */ e(Nl, { className: "size-4" }) }) }),
+  return /* @__PURE__ */ n(Re, { children: [
+    /* @__PURE__ */ e(je, { asChild: !0, children: /* @__PURE__ */ e(U, { tooltip: "Legend Settings", children: /* @__PURE__ */ e(Nl, { className: "size-4" }) }) }),
     /* @__PURE__ */ e(Et, { className: "w-72", children: /* @__PURE__ */ n("div", { className: "grid gap-4", children: [
       /* @__PURE__ */ n("div", { className: "space-y-2", children: [
         /* @__PURE__ */ e("h4", { className: "font-medium leading-none", children: "Legend Options" }),
@@ -4160,7 +4180,7 @@ function Di() {
           /* @__PURE__ */ e(H, { htmlFor: "position", children: "Position" }),
           /* @__PURE__ */ n("div", { className: "col-span-2 flex h-8 items-center", children: [
             /* @__PURE__ */ e(
-              G,
+              U,
               {
                 tooltip: "Top",
                 onClick: () => o("top"),
@@ -4168,7 +4188,7 @@ function Di() {
               }
             ),
             /* @__PURE__ */ e(
-              G,
+              U,
               {
                 tooltip: "Left",
                 onClick: () => o("left"),
@@ -4176,7 +4196,7 @@ function Di() {
               }
             ),
             /* @__PURE__ */ e(
-              G,
+              U,
               {
                 tooltip: "Bottom",
                 onClick: () => o("bottom"),
@@ -4184,7 +4204,7 @@ function Di() {
               }
             ),
             /* @__PURE__ */ e(
-              G,
+              U,
               {
                 tooltip: "Right",
                 onClick: () => o("right"),
@@ -4197,7 +4217,7 @@ function Di() {
           /* @__PURE__ */ e(H, { htmlFor: "align", children: "Align" }),
           /* @__PURE__ */ n("div", { className: "col-span-2 flex h-8 items-center", children: [
             /* @__PURE__ */ e(
-              G,
+              U,
               {
                 tooltip: "Start",
                 onClick: () => r("start"),
@@ -4205,7 +4225,7 @@ function Di() {
               }
             ),
             /* @__PURE__ */ e(
-              G,
+              U,
               {
                 tooltip: "Center",
                 onClick: () => r("center"),
@@ -4213,7 +4233,7 @@ function Di() {
               }
             ),
             /* @__PURE__ */ e(
-              G,
+              U,
               {
                 tooltip: "End",
                 onClick: () => r("end"),
@@ -4227,7 +4247,7 @@ function Di() {
   ] });
 }
 function zi() {
-  var d, u, y;
+  var d, u, b;
   const t = m((h) => h.card.preferences), s = m(
     (h) => h.card.cfg
   ), { setCardCfg: a, setCardPreferences: l, setChartOrientation: i } = m((h) => h.actions);
@@ -4235,9 +4255,9 @@ function zi() {
   function o(h) {
     i(h);
   }
-  const r = ((u = t == null ? void 0 : t.chartOptions) == null ? void 0 : u.indexAxis) || ((y = s == null ? void 0 : s.options) == null ? void 0 : y.indexAxis) || "x";
+  const r = ((u = t == null ? void 0 : t.chartOptions) == null ? void 0 : u.indexAxis) || ((b = s == null ? void 0 : s.options) == null ? void 0 : b.indexAxis) || "x";
   return /* @__PURE__ */ e(
-    G,
+    U,
     {
       onClick: () => o(r === "y" ? "x" : "y"),
       tooltip: "Chart Orientation",
@@ -4279,7 +4299,7 @@ function Ii() {
       "kpi",
       "text",
       "map"
-    ].includes(t.type) && /* @__PURE__ */ n(G, { tooltip: "Grid Style", onClick: o, children: [
+    ].includes(t.type) && /* @__PURE__ */ n(U, { tooltip: "Grid Style", onClick: o, children: [
       (l === "xy" || !l) && /* @__PURE__ */ e(yl, { className: "size-4" }),
       l === "x" && /* @__PURE__ */ e(dl, { className: "size-4" }),
       l === "y" && /* @__PURE__ */ e(Al, { className: "size-4" }),
@@ -4289,7 +4309,7 @@ function Ii() {
 }
 function ra() {
   var W;
-  const t = m((S) => S.frame), s = m((S) => S.card), a = m((S) => S.isShowingVisual), l = O((S) => S.isVisualEditing), i = m((S) => S.isSqlRunning), o = m((S) => S.pythonStdOut), r = m(
+  const t = m((S) => S.frame), s = m((S) => S.card), a = m((S) => S.isShowingVisual), l = I((S) => S.isVisualEditing), i = m((S) => S.isSqlRunning), o = m((S) => S.pythonStdOut), r = m(
     (S) => {
       var w;
       return (w = S.card.preferences) == null ? void 0 : w.chartOptions;
@@ -4299,11 +4319,11 @@ function ra() {
   const {
     setFrame: d,
     setCard: u,
-    updateCardInFrame: y,
+    updateCardInFrame: b,
     setActiveTabCardId: h,
-    runAssistant: g,
+    runAssistant: y,
     setChartGrid: v
-  } = ne(), { data: c, isLoading: p, isFetching: b, error: C } = je(s);
+  } = ne(), { data: c, isLoading: g, isFetching: f, error: C } = _e(s);
   if (!s) return /* @__PURE__ */ e(se, { children: "No Active Card" });
   function x() {
     const S = {
@@ -4342,14 +4362,14 @@ function ra() {
     };
     D(S);
   }
-  function I(S) {
-    const w = t.cards.filter((X) => X.id !== S), A = w[0], Q = {
+  function O(S) {
+    const w = t.cards.filter((X) => X.id !== S), A = w[0], K = {
       ...t,
       cards: w,
       // update the active card to the first card in the frame
       activeCardId: A.id
     };
-    d(Q), h(A.id), u(A);
+    d(K), h(A.id), u(A);
   }
   function z(S) {
     h(S);
@@ -4361,16 +4381,16 @@ function ra() {
   }, _ = (S, w) => {
     const A = S.dataTransfer.getData("tabIndex");
     if (A === w.toString()) return;
-    const Q = Array.from(t.cards), [X] = Q.splice(parseInt(A), 1);
-    Q.splice(w, 0, X), d({ ...t, cards: Q });
+    const K = Array.from(t.cards), [X] = K.splice(parseInt(A), 1);
+    K.splice(w, 0, X), d({ ...t, cards: K });
   };
-  function U(S, w) {
+  function Q(S, w) {
     return S.cards.length === 1 && (w.displayTab === !0 || w.displayTab === void 0) || S.activeCardId !== w.id && (w.displayTab === !0 || w.displayTab === void 0) ? null : /* @__PURE__ */ e(
       "div",
       {
         onClick: () => {
           const A = w.displayTab === void 0 ? !1 : !w.displayTab;
-          u({ ...w, displayTab: A }), y({
+          u({ ...w, displayTab: A }), b({
             ...w,
             displayTab: A
           });
@@ -4379,7 +4399,7 @@ function ra() {
       }
     );
   }
-  function f() {
+  function p() {
     return /* @__PURE__ */ n(
       Pa,
       {
@@ -4394,7 +4414,7 @@ function ra() {
               {
                 text: S.tabTitle || S.title,
                 onSave: (A) => {
-                  u({ ...s, tabTitle: A }), y({ ...s, tabTitle: A });
+                  u({ ...s, tabTitle: A }), b({ ...s, tabTitle: A });
                 },
                 children: /* @__PURE__ */ n(
                   Dt,
@@ -4406,13 +4426,13 @@ function ra() {
                     className: "",
                     value: S.id,
                     children: [
-                      U(t, S),
+                      Q(t, S),
                       S.tabTitle || S.title,
                       t.activeCardId === S.id && t.cards.length > 1 && /* @__PURE__ */ e(
                         Ge,
                         {
                           className: "ml-2 size-3.5 text-muted-foreground hover:text-foreground",
-                          onClick: () => I(S.id)
+                          onClick: () => O(S.id)
                         }
                       )
                     ]
@@ -4445,7 +4465,7 @@ function ra() {
     );
   }
   function T() {
-    return s.type === "kpi" ? /* @__PURE__ */ e("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e(kn, { card: s, data: c == null ? void 0 : c.records }) }) }) : s.type === "text" ? /* @__PURE__ */ e("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e(Oe, { className: "mx-3 my-6 h-[300px] overflow-y-auto break-words px-3", children: /* @__PURE__ */ e(
+    return s.type === "kpi" ? /* @__PURE__ */ e("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e(kn, { card: s, data: c == null ? void 0 : c.records }) }) }) : s.type === "text" ? /* @__PURE__ */ e("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e(Te, { className: "mx-3 my-6 h-[300px] overflow-y-auto break-words px-3", children: /* @__PURE__ */ e(
       Mn,
       {
         isLoading: i,
@@ -4455,29 +4475,29 @@ function ra() {
     ) }) }) }) : /* @__PURE__ */ e(vt, { FallbackComponent: Ha, children: /* @__PURE__ */ e(ys, { className: "grow border-none shadow-none" }) });
   }
   function B() {
-    const S = JSON.stringify(c == null ? void 0 : c.records, null, 2), w = new Blob([S], { type: "application/json" }), A = URL.createObjectURL(w), Q = document.createElement("a");
-    Q.href = A, Q.download = `${s.title}.json`, Q.click();
+    const S = JSON.stringify(c == null ? void 0 : c.records, null, 2), w = new Blob([S], { type: "application/json" }), A = URL.createObjectURL(w), K = document.createElement("a");
+    K.href = A, K.download = `${s.title}.json`, K.click();
   }
   function V() {
     const w = [
       Object.keys(
-        c == null ? void 0 : c.records.reduce((le, R) => ({ ...le, ...R }), {})
+        c == null ? void 0 : c.records.reduce((ie, R) => ({ ...ie, ...R }), {})
       ).join(","),
-      ...((c == null ? void 0 : c.records) || []).map((le) => Object.values(le).join(","))
+      ...((c == null ? void 0 : c.records) || []).map((ie) => Object.values(ie).join(","))
     ].join(`
-`), A = new Blob([w], { type: "text/csv" }), Q = URL.createObjectURL(A), X = document.createElement("a");
-    X.href = Q, X.download = `${s.title}.csv`, X.click();
+`), A = new Blob([w], { type: "text/csv" }), K = URL.createObjectURL(A), X = document.createElement("a");
+    X.href = K, X.download = `${s.title}.csv`, X.click();
   }
-  function J() {
+  function G() {
     const S = `Can you get the documentation for ${s.type} chart?`;
-    g(S);
+    y(S);
   }
   return /* @__PURE__ */ n(
     "div",
     {
       className: "relative isolate flex h-full flex-col py-3",
       children: [
-        (p || b) && /* @__PURE__ */ e("div", { className: "absolute bottom-0 left-0 right-0 top-0 z-50 m-auto flex h-10 w-10 items-center justify-center rounded-md bg-muted", children: /* @__PURE__ */ e(Ve, { className: "h-8 w-8 animate-spin text-muted-foreground" }) }),
+        (g || f) && /* @__PURE__ */ e("div", { className: "absolute bottom-0 left-0 right-0 top-0 z-50 m-auto flex h-10 w-10 items-center justify-center rounded-md bg-muted", children: /* @__PURE__ */ e(qe, { className: "h-8 w-8 animate-spin text-muted-foreground" }) }),
         /* @__PURE__ */ n(
           "div",
           {
@@ -4485,7 +4505,7 @@ function ra() {
             children: [
               a && /* @__PURE__ */ n("div", { className: "flex grow items-center", children: [
                 /* @__PURE__ */ e(wi, {}),
-                l && /* @__PURE__ */ e(G, { tooltip: "Visual Docs", onClick: J, children: /* @__PURE__ */ e(sl, { className: "size-4" }) }),
+                l && /* @__PURE__ */ e(U, { tooltip: "Visual Docs", onClick: G, children: /* @__PURE__ */ e(sl, { className: "size-4" }) }),
                 !["table", "custom"].includes(s.type) && l && /* @__PURE__ */ e(vi, {})
               ] }),
               !a && /* @__PURE__ */ n("div", { className: "flex grow items-center gap-1", children: [
@@ -4522,7 +4542,7 @@ function ra() {
             ]
           }
         ),
-        a ? f() : /* @__PURE__ */ n(
+        a ? p() : /* @__PURE__ */ n(
           tt,
           {
             className: "px-6",
@@ -4530,7 +4550,7 @@ function ra() {
             children: [
               o && /* @__PURE__ */ n(se, { children: [
                 /* @__PURE__ */ e(
-                  fe,
+                  ge,
                   {
                     id: "1",
                     order: 1,
@@ -4543,13 +4563,13 @@ function ra() {
                 /* @__PURE__ */ e(at, {})
               ] }),
               /* @__PURE__ */ e(
-                fe,
+                ge,
                 {
                   id: "2",
                   order: 2,
                   minSize: 10,
                   className: "relative flex h-full min-h-0 w-full flex-1 basis-0",
-                  children: /* @__PURE__ */ n(Oe, { className: "relative flex h-full min-h-0 w-full flex-1 basis-0", children: [
+                  children: /* @__PURE__ */ n(Te, { className: "relative flex h-full min-h-0 w-full flex-1 basis-0", children: [
                     (c == null ? void 0 : c.records) && (c == null ? void 0 : c.records.length) > 0 && /* @__PURE__ */ e(fi, { data: (c == null ? void 0 : c.records) || [] }),
                     (C || (c == null ? void 0 : c.error)) && /* @__PURE__ */ e("span", { className: "font-mono text-xs", children: (C == null ? void 0 : C.message) || ((W = c == null ? void 0 : c.error) == null ? void 0 : W.message) }),
                     /* @__PURE__ */ e(Ue, { orientation: "horizontal" })
@@ -4569,7 +4589,7 @@ function Oi() {
   const s = t.replace(/\n/g, "<br>");
   return /* @__PURE__ */ n("div", { className: "relative flex w-full flex-col border-r", children: [
     /* @__PURE__ */ e("div", { className: "sticky top-0 flex max-h-11 min-h-11 grow items-center border-b bg-muted px-3 font-mono text-xs font-semibold text-foreground/70", children: "Python Output" }),
-    /* @__PURE__ */ n(Oe, { className: "overflow-y-auto px-2 pt-1 font-mono text-xs text-foreground/90", children: [
+    /* @__PURE__ */ n(Te, { className: "overflow-y-auto px-2 pt-1 font-mono text-xs text-foreground/90", children: [
       /* @__PURE__ */ e("div", { dangerouslySetInnerHTML: { __html: s } }),
       /* @__PURE__ */ e(Ue, { orientation: "horizontal" })
     ] })
@@ -4621,7 +4641,7 @@ function Xe({
     "details",
     {
       open: a,
-      className: Y("space-y-4 [&_summary>svg]:open:-rotate-180", l),
+      className: Z("space-y-4 [&_summary>svg]:open:-rotate-180", l),
       children: [
         /* @__PURE__ */ n("summary", { className: "flex cursor-pointer list-none items-center justify-between gap-4", children: [
           /* @__PURE__ */ e(H, { children: s }),
@@ -4633,17 +4653,17 @@ function Xe({
   );
 }
 function Li() {
-  var b, C;
+  var f, C;
   const t = m(
     (x) => x.card.customCardPreferences
   ), { data: s } = Ss(), a = (s == null ? void 0 : s.plugins) || [], l = m((x) => x.card), i = m((x) => x.frame), o = (t == null ? void 0 : t.visualType) || "single", { setCustomCardPreferences: r } = ne(), { components: d, manifest: u } = Ra(
     (t == null ? void 0 : t.url) || ""
-  ), y = (b = u == null ? void 0 : u.visuals) == null ? void 0 : b.find(
+  ), b = (f = u == null ? void 0 : u.visuals) == null ? void 0 : f.find(
     (x) => x.name === (t == null ? void 0 : t.componentName)
   );
   function h(x, D) {
     if (!t) return;
-    const I = {
+    const O = {
       ...(t == null ? void 0 : t.dataInputCardIds) || {},
       [x]: {
         cardId: D,
@@ -4652,11 +4672,11 @@ function Li() {
     };
     r({
       ...t,
-      dataInputCardIds: I
+      dataInputCardIds: O
     });
   }
-  function g(x) {
-    var N, I;
+  function y(x) {
+    var N, O;
     const D = (N = i == null ? void 0 : i.cards) == null ? void 0 : N.filter((z) => {
       var q;
       return ((q = z == null ? void 0 : z.customCardPreferences) == null ? void 0 : q.visualType) !== "multiple";
@@ -4664,7 +4684,7 @@ function Li() {
       value: z.id,
       label: z.tabTitle || z.title
     }));
-    return /* @__PURE__ */ e("div", { className: "space-y-2", children: (I = x == null ? void 0 : x.dataInputs) == null ? void 0 : I.map((z, q) => {
+    return /* @__PURE__ */ e("div", { className: "space-y-2", children: (O = x == null ? void 0 : x.dataInputs) == null ? void 0 : O.map((z, q) => {
       var P, _;
       return /* @__PURE__ */ n(
         "div",
@@ -4673,13 +4693,13 @@ function Li() {
           children: [
             /* @__PURE__ */ e("div", { className: "col-span-4 flex items-center", children: z }),
             /* @__PURE__ */ e(
-              ge,
+              ye,
               {
                 className: "col-span-6 h-8 w-full justify-between",
                 label: "",
                 options: D || [],
                 value: ((_ = (P = t == null ? void 0 : t.dataInputCardIds) == null ? void 0 : P[q]) == null ? void 0 : _.cardId) || "",
-                onValueChange: (U) => h(q, U)
+                onValueChange: (Q) => h(q, Q)
               }
             )
           ]
@@ -4689,12 +4709,12 @@ function Li() {
     }) });
   }
   function v(x, D, N = []) {
-    var I, z;
+    var O, z;
     return t ? x === "input" ? /* @__PURE__ */ e(
       de,
       {
-        className: `h-8 w-full ${De}`,
-        value: ((I = t == null ? void 0 : t.settings) == null ? void 0 : I[D]) || "",
+        className: `h-8 w-full ${ze}`,
+        value: ((O = t == null ? void 0 : t.settings) == null ? void 0 : O[D]) || "",
         onChange: (q) => {
           r({
             ...t,
@@ -4707,7 +4727,7 @@ function Li() {
       },
       D
     ) : x === "select" ? /* @__PURE__ */ e(
-      ge,
+      ye,
       {
         className: "h-8 w-full",
         label: "",
@@ -4724,16 +4744,16 @@ function Li() {
   }
   function c(x) {
     const D = Object.entries((x == null ? void 0 : x.settings) || {});
-    return /* @__PURE__ */ e("div", { className: "space-y-3", children: D.map(([N, I]) => /* @__PURE__ */ n("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ e(H, { children: I.title }),
+    return /* @__PURE__ */ e("div", { className: "space-y-3", children: D.map(([N, O]) => /* @__PURE__ */ n("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ e(H, { children: O.title }),
       v(
-        I.ui,
+        O.ui,
         N,
-        I.options
+        O.options
       )
     ] }, N)) });
   }
-  function p(x) {
+  function g(x) {
     t && r({
       ...t,
       visualType: x,
@@ -4747,7 +4767,7 @@ function Li() {
       children: [
         /* @__PURE__ */ e(Xe, { summary: "Plugin Settings", children: /* @__PURE__ */ e("div", { className: "space-y-4 text-sm", children: /* @__PURE__ */ n("div", { className: "space-y-4 text-sm", children: [
           /* @__PURE__ */ e("div", { className: "space-y-2", children: /* @__PURE__ */ e("div", { className: "px-2", children: /* @__PURE__ */ e(
-            ge,
+            ye,
             {
               className: "h-8 w-full",
               label: "",
@@ -4770,13 +4790,13 @@ function Li() {
                 { value: "multiple", label: "Multi-Visual" }
               ],
               value: o,
-              onValueChange: p
+              onValueChange: g
             }
           ),
           ((t == null ? void 0 : t.type) === "component" || (t == null ? void 0 : t.type) === void 0) && t && /* @__PURE__ */ e(se, { children: /* @__PURE__ */ n("div", { className: "space-y-2", children: [
             /* @__PURE__ */ e(H, { children: "Component" }),
             /* @__PURE__ */ e("div", { className: "space-y-2 px-2", children: d && /* @__PURE__ */ e(
-              ge,
+              ye,
               {
                 className: "h-8 w-full",
                 label: "",
@@ -4799,17 +4819,17 @@ function Li() {
         ] }) }) }),
         /* @__PURE__ */ e(we, { className: "my-4" }),
         ((C = l == null ? void 0 : l.customCardPreferences) == null ? void 0 : C.componentName) && /* @__PURE__ */ n(Xe, { summary: "Component Settings", children: [
-          y && y.dataInputs && /* @__PURE__ */ n("div", { className: "space-y-3", children: [
+          b && b.dataInputs && /* @__PURE__ */ n("div", { className: "space-y-3", children: [
             /* @__PURE__ */ e(H, { children: "Input Mapping" }),
-            /* @__PURE__ */ e("div", { className: "px-2", children: g(y) })
+            /* @__PURE__ */ e("div", { className: "px-2", children: y(b) })
           ] }),
-          y && y.settings && /* @__PURE__ */ e("div", { className: "space-y-3", children: /* @__PURE__ */ e("div", { className: "px-2", children: c(y) }) })
+          b && b.settings && /* @__PURE__ */ e("div", { className: "space-y-3", children: /* @__PURE__ */ e("div", { className: "px-2", children: c(b) }) })
         ] })
       ]
     }
   );
 }
-function Pe() {
+function $e() {
   const [t, s] = j([]);
   m(
     (h) => h.card.cfg
@@ -4819,15 +4839,15 @@ function Pe() {
   );
   m(
     (h) => {
-      var g;
-      return (g = h.card.preferences) == null ? void 0 : g.filterOnClickColumnIndex;
+      var y;
+      return (y = h.card.preferences) == null ? void 0 : y.filterOnClickColumnIndex;
     }
   ), oe(() => {
     r && s(new Array(r.length).fill(!1));
   }, [r]);
-  function d(h, g) {
+  function d(h, y) {
     var v, c;
-    g ? a != null && a.onClickFilter && ((v = a == null ? void 0 : a.onClickFilter) == null ? void 0 : v.length) > 0 ? o({
+    y ? a != null && a.onClickFilter && ((v = a == null ? void 0 : a.onClickFilter) == null ? void 0 : v.length) > 0 ? o({
       ...a,
       onClickFilter: [
         ...a.onClickFilter,
@@ -4847,32 +4867,32 @@ function Pe() {
     }) : (o({
       ...a,
       onClickFilter: (c = a == null ? void 0 : a.onClickFilter) == null ? void 0 : c.filter(
-        (p) => p.columnIndex !== h
+        (g) => g.columnIndex !== h
       )
-    }), s((p) => {
-      const b = [...p];
-      return b[h] = !1, b;
+    }), s((g) => {
+      const f = [...g];
+      return f[h] = !1, f;
     }));
   }
-  function u(h, g) {
+  function u(h, y) {
     var c;
-    const v = (c = a == null ? void 0 : a.onClickFilter) == null ? void 0 : c.map((p) => p.columnIndex === h ? {
-      ...p,
-      expression: g.target.value
-    } : p);
+    const v = (c = a == null ? void 0 : a.onClickFilter) == null ? void 0 : c.map((g) => g.columnIndex === h ? {
+      ...g,
+      expression: y.target.value
+    } : g);
     o({
       ...a,
       onClickFilter: v
     });
   }
-  function y(h) {
-    var g, v, c, p;
-    if (t != null && t[h] || (v = (g = a == null ? void 0 : a.onClickFilter) == null ? void 0 : g.find((b) => b.columnIndex === h)) != null && v.expression)
+  function b(h) {
+    var y, v, c, g;
+    if (t != null && t[h] || (v = (y = a == null ? void 0 : a.onClickFilter) == null ? void 0 : y.find((f) => f.columnIndex === h)) != null && v.expression)
       return /* @__PURE__ */ e(
         de,
         {
-          value: (p = (c = a == null ? void 0 : a.onClickFilter) == null ? void 0 : c.find((b) => b.columnIndex === h)) == null ? void 0 : p.expression,
-          onChange: (b) => u(h, b),
+          value: (g = (c = a == null ? void 0 : a.onClickFilter) == null ? void 0 : c.find((f) => f.columnIndex === h)) == null ? void 0 : g.expression,
+          onChange: (f) => u(h, f),
           type: "text",
           className: "h-9 w-full font-mono text-xs focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0",
           placeholder: "Expression"
@@ -4881,7 +4901,7 @@ function Pe() {
   }
   return /* @__PURE__ */ n("div", { className: "space-y-2", children: [
     /* @__PURE__ */ e(H, { children: "On Click" }),
-    r == null ? void 0 : r.map((h, g) => {
+    r == null ? void 0 : r.map((h, y) => {
       var v, c;
       return /* @__PURE__ */ e(
         "div",
@@ -4893,9 +4913,9 @@ function Pe() {
                 qt,
                 {
                   checked: !!((v = a == null ? void 0 : a.onClickFilter) != null && v.find(
-                    (p) => p.columnIndex === g
+                    (g) => g.columnIndex === y
                   )),
-                  onCheckedChange: (p) => d(g, p)
+                  onCheckedChange: (g) => d(y, g)
                 }
               ),
               /* @__PURE__ */ e(
@@ -4906,21 +4926,21 @@ function Pe() {
                 }
               ),
               /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: ((c = a == null ? void 0 : a.onClickFilter) == null ? void 0 : c.find(
-                (p) => p.columnIndex === g
+                (g) => g.columnIndex === y
               )) && /* @__PURE__ */ e(
                 Ca,
                 {
                   onClick: () => {
-                    s((p) => {
-                      const b = [...p];
-                      return b[g] = !p[g], b;
+                    s((g) => {
+                      const f = [...g];
+                      return f[y] = !g[y], f;
                     });
                   },
                   className: "invisible size-3 cursor-pointer text-gray-400 group-hover:visible"
                 }
               ) })
             ] }),
-            y(g)
+            b(y)
           ] })
         },
         h
@@ -4931,17 +4951,17 @@ function Pe() {
 function Fi({ idx: t }) {
   var d;
   const s = m((u) => {
-    var y;
-    return (y = u.card) == null ? void 0 : y.preferences;
+    var b;
+    return (b = u.card) == null ? void 0 : b.preferences;
   }), a = m(
     (u) => {
-      var y;
-      return (y = u.card.preferences) == null ? void 0 : y.datasetOptions;
+      var b;
+      return (b = u.card.preferences) == null ? void 0 : b.datasetOptions;
     }
   ), l = m(
     (u) => u.actions.setCardPreferences
   ), i = (d = s == null ? void 0 : s.chartOptions) == null ? void 0 : d.indexAxis, o = a == null ? void 0 : a.find((u) => u.idx === t);
-  function r(u, y) {
+  function r(u, b) {
     (u === "end" || u === "start") && In(On());
     const h = {
       display: u !== "none",
@@ -4955,16 +4975,16 @@ function Fi({ idx: t }) {
         datasetOptions: [
           ...a || [],
           {
-            idx: y,
+            idx: b,
             datalabels: h
           }
         ]
       });
     else {
-      const g = { ...o };
-      g.datalabels = h;
+      const y = { ...o };
+      y.datalabels = h;
       const v = a == null ? void 0 : a.map(
-        (c) => c.idx === y ? g : c
+        (c) => c.idx === b ? y : c
       );
       l({
         ...s,
@@ -4972,8 +4992,8 @@ function Fi({ idx: t }) {
       });
     }
   }
-  return /* @__PURE__ */ n(qe, { children: [
-    /* @__PURE__ */ e(Re, { children: /* @__PURE__ */ e(Rl, { className: "invisible size-4 rotate-[135deg] cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible" }) }),
+  return /* @__PURE__ */ n(Re, { children: [
+    /* @__PURE__ */ e(je, { children: /* @__PURE__ */ e(Rl, { className: "invisible size-4 rotate-[135deg] cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible" }) }),
     /* @__PURE__ */ e(ft, { className: "w-fit p-1", children: /* @__PURE__ */ n("div", { className: "flex gap-1", children: [
       /* @__PURE__ */ e(
         $,
@@ -4995,7 +5015,7 @@ function Fi({ idx: t }) {
           children: /* @__PURE__ */ e(
             Cl,
             {
-              className: Y("h-4 w-4", {
+              className: Z("h-4 w-4", {
                 "rotate-90": i === "y"
               })
             }
@@ -5012,7 +5032,7 @@ function Fi({ idx: t }) {
           children: /* @__PURE__ */ e(
             wl,
             {
-              className: Y("h-4 w-4", {
+              className: Z("h-4 w-4", {
                 "rotate-90": i === "y"
               })
             }
@@ -5029,7 +5049,7 @@ function Fi({ idx: t }) {
           children: /* @__PURE__ */ e(
             Sl,
             {
-              className: Y("h-4 w-4", {
+              className: Z("h-4 w-4", {
                 "rotate-90": i === "y"
               })
             }
@@ -5040,24 +5060,24 @@ function Fi({ idx: t }) {
   ] });
 }
 function ws() {
-  const t = m((y) => y.card), s = m(
-    (y) => {
-      var h, g, v;
-      return (v = (g = (h = y == null ? void 0 : y.card) == null ? void 0 : h.preferences) == null ? void 0 : g.chartOptions) == null ? void 0 : v.indexAxis;
+  const t = m((b) => b.card), s = m(
+    (b) => {
+      var h, y, v;
+      return (v = (y = (h = b == null ? void 0 : b.card) == null ? void 0 : h.preferences) == null ? void 0 : y.chartOptions) == null ? void 0 : v.indexAxis;
     }
-  ), { data: a } = je(t), l = s === "y" ? "Y axis" : "X axis", i = s === "y" ? "X axis" : "Y axis", {
+  ), { data: a } = _e(t), l = s === "y" ? "Y axis" : "X axis", i = s === "y" ? "X axis" : "Y axis", {
     keys: o,
     metricKeys: r,
     dimensionKeys: d
   } = Mt((a == null ? void 0 : a.records) || []);
   let u = r;
   if (["stackedBar", "stackedLine"].includes(t.type)) {
-    const y = Tn({
+    const b = Tn({
       dataArray: (a == null ? void 0 : a.records) || [],
       groupKey: d[0],
       pivotKey: d[1],
       valueKey: u[0]
-    }), { metricKeys: h } = Mt(y);
+    }), { metricKeys: h } = Mt(b);
     u = h;
   }
   return o.length === 0 ? null : /* @__PURE__ */ n("div", { className: "space-y-4", children: [
@@ -5067,7 +5087,7 @@ function ws() {
     ] }),
     /* @__PURE__ */ n("div", { className: "space-y-2", children: [
       /* @__PURE__ */ e(H, { children: i }),
-      /* @__PURE__ */ e("div", { className: "my-1 max-h-[125px] space-y-1 overflow-y-auto", children: u.map((y, h) => /* @__PURE__ */ e(Ei, { col: y, idx: h }, y)) })
+      /* @__PURE__ */ e("div", { className: "my-1 max-h-[125px] space-y-1 overflow-y-auto", children: u.map((b, h) => /* @__PURE__ */ e(Ei, { col: b, idx: h }, b)) })
     ] })
   ] });
 }
@@ -5100,12 +5120,12 @@ function Ei({ col: t, idx: s }) {
     else {
       const u = { ...i };
       u.type = d === "area" ? "line" : d, u.fill = d === "area" ? "origin" : "";
-      const y = l == null ? void 0 : l.map(
+      const b = l == null ? void 0 : l.map(
         (h) => h.idx === s ? u : h
       );
       o({
         ...a,
-        datasetOptions: y
+        datasetOptions: b
       });
     }
   }
@@ -5138,31 +5158,31 @@ function Ei({ col: t, idx: s }) {
   ] });
 }
 function Ms() {
-  const t = m((c) => c.selectedConnectionId), s = m((c) => c.selectedDatamodelId), a = m((c) => c.selectedDatabaseName), l = m((c) => c.selectedSchemaName), i = m((c) => c.selectedTableName), o = O((c) => c.dashboard.filters) || [], r = O((c) => c.actions.addFilter), d = O((c) => c.actions.removeFilter), { removeFilterValues: u } = Ke(), { modelItems: y, tableName: h, connectionType: g } = He();
-  function v(c, p = "dashboard") {
+  const t = m((c) => c.selectedConnectionId), s = m((c) => c.selectedDatamodelId), a = m((c) => c.selectedDatabaseName), l = m((c) => c.selectedSchemaName), i = m((c) => c.selectedTableName), o = I((c) => c.dashboard.filters) || [], r = I((c) => c.actions.addFilter), d = I((c) => c.actions.removeFilter), { removeFilterValues: u } = Ke(), { modelItems: b, tableName: h, connectionType: y } = Pe();
+  function v(c, g = "dashboard") {
     var P;
-    const b = be(c.column_name), C = be(a || ""), x = be(l || ""), D = be(h);
+    const f = be(c.column_name), C = be(a || ""), x = be(l || ""), D = be(h);
     let N = An(
       x,
       D,
-      g
-    ), I = `${N}.${b}`;
-    const z = (P = y == null ? void 0 : y.find(
+      y
+    ), O = `${N}.${f}`;
+    const z = (P = b == null ? void 0 : b.find(
       (_) => _.id === s
     )) == null ? void 0 : P.name;
-    s && s !== "none" && (I = `${ea}.${z}.${b}`, N = `${ea}.${z}`);
+    s && s !== "none" && (O = `${ea}.${z}.${f}`, N = `${ea}.${z}`);
     const q = o == null ? void 0 : o.find(
-      (_) => _.column === I && _.table === D && (_.database === C || _.database === a)
+      (_) => _.column === O && _.table === D && (_.database === C || _.database === a)
     );
     if (q)
       u(q.id), d(q.id);
     else {
       const _ = et();
       return h === "api" && t ? (r({
-        location: p,
+        location: g,
         id: _,
         //uuidv4(),
-        column: I,
+        column: O,
         title: c.column_name,
         dataType: c.data_type,
         table: "api",
@@ -5173,14 +5193,14 @@ function Ms() {
         sql: Xt(
           c.data_type,
           N,
-          b
+          f
         )
         //DATE_DATA_TYPES.includes(column.data_type) ? dateSql : sql,
       }), _) : (r({
         id: _,
         //uuidv4(),
-        location: p,
-        column: I,
+        location: g,
+        column: O,
         //columnName, //`${qualifiedTableName}.${formattedColumnName}`,
         title: c.column_name,
         dataType: c.data_type,
@@ -5191,7 +5211,7 @@ function Ms() {
         sql: Xt(
           c.data_type,
           N,
-          b
+          f
         )
         //DATE_DATA_TYPES.includes(column.data_type) ? dateSql : sql,
       }), _);
@@ -5200,9 +5220,9 @@ function Ms() {
   return { assignFilter: v };
 }
 function We() {
-  const t = O(
+  const t = I(
     (d) => d.dashboard.filters
-  ), s = m((d) => d.frame), { setFrame: a } = ne(), { columns: l } = He(), { assignFilter: i } = Ms();
+  ), s = m((d) => d.frame), { setFrame: a } = ne(), { columns: l } = Pe(), { assignFilter: i } = Ms();
   function o(d) {
     const u = i(d, "frame");
     a({ ...s, filterId: u });
@@ -5220,8 +5240,8 @@ function Vi({
 }) {
   var r;
   const [a, l] = Be.useState(!1), [i, o] = Be.useState("");
-  return /* @__PURE__ */ n(qe, { open: a, onOpenChange: l, children: [
-    /* @__PURE__ */ e(Re, { asChild: !0, children: /* @__PURE__ */ n(
+  return /* @__PURE__ */ n(Re, { open: a, onOpenChange: l, children: [
+    /* @__PURE__ */ e(je, { asChild: !0, children: /* @__PURE__ */ n(
       $,
       {
         size: "sm",
@@ -5244,15 +5264,15 @@ function Vi({
           {
             value: d.column_name,
             onSelect: (u) => {
-              const y = u === i ? "" : u;
-              o(y), l(!1), y && s(d);
+              const b = u === i ? "" : u;
+              o(b), l(!1), b && s(d);
             },
             children: [
               d.column_name,
               /* @__PURE__ */ e(
                 Fn,
                 {
-                  className: Y(
+                  className: Z(
                     "ml-auto h-4 w-4",
                     i === d.column_name ? "opacity-100" : "opacity-0"
                   )
@@ -5269,7 +5289,7 @@ function Vi({
 function qi({
   cardType: t
 }) {
-  return /* @__PURE__ */ e("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ n(_e, { defaultValue: ["item-2"], type: "multiple", children: [
+  return /* @__PURE__ */ e("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ n(He, { defaultValue: ["item-2"], type: "multiple", children: [
     /* @__PURE__ */ n(ee, { value: "item-1", children: [
       /* @__PURE__ */ e(te, { children: `${bt(t)} Chart` }),
       /* @__PURE__ */ n(ae, { className: "space-y-4 font-mono text-xs", children: [
@@ -5302,7 +5322,7 @@ function qi({
     /* @__PURE__ */ n(ee, { value: "item-3", children: [
       /* @__PURE__ */ e(te, { children: "Filters" }),
       /* @__PURE__ */ n(ae, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e(Pe, {}),
+        /* @__PURE__ */ e($e, {}),
         /* @__PURE__ */ e(We, {})
       ] })
     ] })
@@ -5322,7 +5342,7 @@ function Ht() {
         anchor: d,
         clamp: !0
       }
-    }, y = {
+    }, b = {
       ...t,
       options: {
         ...t == null ? void 0 : t.options,
@@ -5332,7 +5352,7 @@ function Ht() {
         }
       }
     };
-    s(y), console.log(d);
+    s(b), console.log(d);
   }
   return /* @__PURE__ */ n("div", { className: "space-y-2", children: [
     /* @__PURE__ */ e("label", { className: "font-medium", children: "Data Labels" }),
@@ -5344,12 +5364,12 @@ function Ht() {
         defaultValue: "none",
         children: [
           /* @__PURE__ */ e(ve, { className: "h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e(Ne, { placeholder: "Select position" }) }),
-          /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ n(ze, { children: [
+          /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ n(Ie, { children: [
             /* @__PURE__ */ e(Se, { children: "Data Labels" }),
-            /* @__PURE__ */ e(ie, { value: "none", children: "None" }),
-            a !== "pyramid" && /* @__PURE__ */ e(ie, { value: "start", children: "Start" }),
-            /* @__PURE__ */ e(ie, { value: "center", children: "Center" }),
-            a !== "pyramid" && /* @__PURE__ */ e(ie, { value: "end", children: "End" })
+            /* @__PURE__ */ e(le, { value: "none", children: "None" }),
+            a !== "pyramid" && /* @__PURE__ */ e(le, { value: "start", children: "Start" }),
+            /* @__PURE__ */ e(le, { value: "center", children: "Center" }),
+            a !== "pyramid" && /* @__PURE__ */ e(le, { value: "end", children: "End" })
           ] }) })
         ]
       }
@@ -5385,7 +5405,7 @@ function Ri({
       ] })
     ] });
   }
-  return /* @__PURE__ */ e("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ n(_e, { defaultValue: ["item-2"], type: "multiple", children: [
+  return /* @__PURE__ */ e("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ n(He, { defaultValue: ["item-2"], type: "multiple", children: [
     /* @__PURE__ */ n(ee, { value: "item-1", children: [
       /* @__PURE__ */ e(te, { children: `${bt(t)} Chart` }),
       /* @__PURE__ */ e(ae, { className: "space-y-4 font-mono text-xs", children: s(t) })
@@ -5397,7 +5417,7 @@ function Ri({
     /* @__PURE__ */ n(ee, { value: "item-3", children: [
       /* @__PURE__ */ e(te, { children: "Filters" }),
       /* @__PURE__ */ n(ae, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e(Pe, {}),
+        /* @__PURE__ */ e($e, {}),
         /* @__PURE__ */ e(We, {})
       ] })
     ] })
@@ -5430,7 +5450,7 @@ function Hi() {
   const t = m((s) => s.card.type);
   return /* @__PURE__ */ n("div", { className: "space-y-6 p-6", children: [
     /* @__PURE__ */ e(
-      _e,
+      He,
       {
         className: " ",
         type: "single",
@@ -5440,7 +5460,7 @@ function Hi() {
     ),
     !["kpi"].includes(t) && /* @__PURE__ */ n("div", { className: "space-y-4", children: [
       /* @__PURE__ */ e(Ht, {}),
-      /* @__PURE__ */ e(Pe, {}),
+      /* @__PURE__ */ e($e, {}),
       /* @__PURE__ */ e(We, {})
     ] })
   ] });
@@ -5543,7 +5563,7 @@ function Pi(t) {
     ] }) });
 }
 function $i() {
-  var u, y, h, g, v;
+  var u, b, h, y, v;
   const t = m((c) => c.card.preferences), s = m(
     (c) => c.actions.setCardPreferences
   ), a = m(
@@ -5551,19 +5571,19 @@ function $i() {
   );
   m(
     (c) => {
-      var p, b;
-      return (b = (p = c.card.preferences) == null ? void 0 : p.formatNumber) == null ? void 0 : b.decimalPlaces;
+      var g, f;
+      return (f = (g = c.card.preferences) == null ? void 0 : g.formatNumber) == null ? void 0 : f.decimalPlaces;
     }
   );
   const l = m(
     (c) => {
-      var p, b;
-      return (b = (p = c.card.preferences) == null ? void 0 : p.formatNumber) == null ? void 0 : b.locale;
+      var g, f;
+      return (f = (g = c.card.preferences) == null ? void 0 : g.formatNumber) == null ? void 0 : f.locale;
     }
   ), i = m(
     (c) => {
-      var p, b;
-      return (b = (p = c.card.preferences) == null ? void 0 : p.formatNumber) == null ? void 0 : b.currency;
+      var g, f;
+      return (f = (g = c.card.preferences) == null ? void 0 : g.formatNumber) == null ? void 0 : f.currency;
     }
   );
   m(
@@ -5571,8 +5591,8 @@ function $i() {
   );
   const o = m(
     (c) => {
-      var p, b;
-      return (b = (p = c.card.preferences) == null ? void 0 : p.formatNumber) == null ? void 0 : b.colorRanges;
+      var g, f;
+      return (f = (g = c.card.preferences) == null ? void 0 : g.formatNumber) == null ? void 0 : f.colorRanges;
     }
   ) || [], r = m(
     (c) => c.actions.setColorRanges
@@ -5596,7 +5616,7 @@ function $i() {
       ),
       /* @__PURE__ */ e(H, { children: "Format Number" })
     ] }),
-    ((y = t == null ? void 0 : t.formatNumber) == null ? void 0 : y.enabled) === !0 && /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: [
+    ((b = t == null ? void 0 : t.formatNumber) == null ? void 0 : b.enabled) === !0 && /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: [
       /* @__PURE__ */ e("div", { children: /* @__PURE__ */ n("div", { className: "space-y-4 p-2", children: [
         /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ n("div", { className: "w-full space-y-1", children: [
@@ -5606,20 +5626,20 @@ function $i() {
               {
                 value: l || "none",
                 onValueChange: (c) => {
-                  var p, b, C;
+                  var g, f, C;
                   return a(
-                    ((p = t == null ? void 0 : t.formatNumber) == null ? void 0 : p.decimalPlaces) || 0,
-                    ((b = t == null ? void 0 : t.formatNumber) == null ? void 0 : b.currency) || "",
+                    ((g = t == null ? void 0 : t.formatNumber) == null ? void 0 : g.decimalPlaces) || 0,
+                    ((f = t == null ? void 0 : t.formatNumber) == null ? void 0 : f.currency) || "",
                     c,
                     ((C = t == null ? void 0 : t.formatNumber) == null ? void 0 : C.suffix) || ""
                   );
                 },
                 children: [
                   /* @__PURE__ */ e(ve, { className: "col-span-6 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e(Ne, {}) }),
-                  /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ n(ze, { children: [
+                  /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ n(Ie, { children: [
                     /* @__PURE__ */ e(Se, { children: "Format" }),
-                    /* @__PURE__ */ e(ie, { value: "none", children: "None" }, "none"),
-                    ht.map((c) => /* @__PURE__ */ e(ie, { value: c.locale, children: c.locale }, c.locale))
+                    /* @__PURE__ */ e(le, { value: "none", children: "None" }, "none"),
+                    ht.map((c) => /* @__PURE__ */ e(le, { value: c.locale, children: c.locale }, c.locale))
                   ] }) })
                 ]
               }
@@ -5632,20 +5652,20 @@ function $i() {
               {
                 value: i || "none",
                 onValueChange: (c) => {
-                  var p, b, C;
+                  var g, f, C;
                   console.log("currency", c), a(
-                    ((p = t == null ? void 0 : t.formatNumber) == null ? void 0 : p.decimalPlaces) || 0,
+                    ((g = t == null ? void 0 : t.formatNumber) == null ? void 0 : g.decimalPlaces) || 0,
                     c === "none" ? "" : c,
-                    ((b = t == null ? void 0 : t.formatNumber) == null ? void 0 : b.locale) || "",
+                    ((f = t == null ? void 0 : t.formatNumber) == null ? void 0 : f.locale) || "",
                     ((C = t == null ? void 0 : t.formatNumber) == null ? void 0 : C.suffix) || ""
                   );
                 },
                 children: [
                   /* @__PURE__ */ e(ve, { className: "col-span-6 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e(Ne, {}) }),
-                  /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ n(ze, { children: [
+                  /* @__PURE__ */ e(Ce, { children: /* @__PURE__ */ n(Ie, { children: [
                     /* @__PURE__ */ e(Se, { children: "Currency" }),
-                    /* @__PURE__ */ e(ie, { value: "none", children: "None" }, "none"),
-                    d.map((c) => /* @__PURE__ */ e(ie, { value: c, children: c }, c))
+                    /* @__PURE__ */ e(le, { value: "none", children: "None" }, "none"),
+                    d.map((c) => /* @__PURE__ */ e(le, { value: c, children: c }, c))
                   ] }) })
                 ]
               }
@@ -5658,19 +5678,19 @@ function $i() {
             /* @__PURE__ */ n(
               xe,
               {
-                value: ((g = (h = t == null ? void 0 : t.formatNumber) == null ? void 0 : h.decimalPlaces) == null ? void 0 : g.toString()) || "0",
+                value: ((y = (h = t == null ? void 0 : t.formatNumber) == null ? void 0 : h.decimalPlaces) == null ? void 0 : y.toString()) || "0",
                 onValueChange: (c) => {
-                  var p, b, C;
+                  var g, f, C;
                   return a(
                     Number(c),
-                    ((p = t == null ? void 0 : t.formatNumber) == null ? void 0 : p.currency) || "",
-                    ((b = t == null ? void 0 : t.formatNumber) == null ? void 0 : b.locale) || "",
+                    ((g = t == null ? void 0 : t.formatNumber) == null ? void 0 : g.currency) || "",
+                    ((f = t == null ? void 0 : t.formatNumber) == null ? void 0 : f.locale) || "",
                     ((C = t == null ? void 0 : t.formatNumber) == null ? void 0 : C.suffix) || ""
                   );
                 },
                 children: [
                   /* @__PURE__ */ e(ve, { className: "col-span-3 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e(Ne, {}) }),
-                  /* @__PURE__ */ e(Ce, { children: ["0", "1", "2", "3", "4"].map((c) => /* @__PURE__ */ e(ie, { value: c, children: c }, c)) })
+                  /* @__PURE__ */ e(Ce, { children: ["0", "1", "2", "3", "4"].map((c) => /* @__PURE__ */ e(le, { value: c, children: c }, c)) })
                 ]
               }
             )
@@ -5684,10 +5704,10 @@ function $i() {
                 className: "h-8 font-mono text-xs focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0",
                 placeholder: "K, M, B, %",
                 onChange: (c) => {
-                  var p, b, C;
+                  var g, f, C;
                   return a(
-                    ((p = t == null ? void 0 : t.formatNumber) == null ? void 0 : p.decimalPlaces) || 0,
-                    ((b = t == null ? void 0 : t.formatNumber) == null ? void 0 : b.currency) || "",
+                    ((g = t == null ? void 0 : t.formatNumber) == null ? void 0 : g.decimalPlaces) || 0,
+                    ((f = t == null ? void 0 : t.formatNumber) == null ? void 0 : f.currency) || "",
                     ((C = t == null ? void 0 : t.formatNumber) == null ? void 0 : C.locale) || "",
                     c.target.value
                   );
@@ -5710,7 +5730,7 @@ function $i() {
 }
 function Bi() {
   return /* @__PURE__ */ n("div", { className: "space-y-6 px-6 py-2", children: [
-    /* @__PURE__ */ e(_e, { type: "single", collapsible: !0, children: /* @__PURE__ */ n(ee, { value: "item-1", children: [
+    /* @__PURE__ */ e(He, { type: "single", collapsible: !0, children: /* @__PURE__ */ n(ee, { value: "item-1", children: [
       /* @__PURE__ */ e(te, { className: "", children: "KPI Query" }),
       /* @__PURE__ */ n(ae, { className: "font-mono", children: [
         /* @__PURE__ */ e("div", { className: "rounded bg-muted px-2 py-1 font-mono text-xs", children: "SELECT current, previous FROM table" }),
@@ -5840,19 +5860,19 @@ const Ui = [
   value: t
 }));
 function Ki() {
-  var u, y, h, g, v, c, p, b, C, x, D, N, I, z, q, P, _, U;
-  const t = m((f) => f.card), s = (y = (u = t == null ? void 0 : t.preferences) == null ? void 0 : u.mapVisualOptions) == null ? void 0 : y.topoJsonUrl, [a, l] = j(
-    ((g = (h = t == null ? void 0 : t.preferences) == null ? void 0 : h.mapVisualOptions) == null ? void 0 : g.customTopoJsonUrl) || ""
-  ), { setCardPreferences: i } = ne(), { data: o } = Ft(t), r = Object.keys((o == null ? void 0 : o.objects) || {}).map((f) => ({
-    label: f,
-    value: f
+  var u, b, h, y, v, c, g, f, C, x, D, N, O, z, q, P, _, Q;
+  const t = m((p) => p.card), s = (b = (u = t == null ? void 0 : t.preferences) == null ? void 0 : u.mapVisualOptions) == null ? void 0 : b.topoJsonUrl, [a, l] = j(
+    ((y = (h = t == null ? void 0 : t.preferences) == null ? void 0 : h.mapVisualOptions) == null ? void 0 : y.customTopoJsonUrl) || ""
+  ), { setCardPreferences: i } = ne(), { data: o } = Ft(t), r = Object.keys((o == null ? void 0 : o.objects) || {}).map((p) => ({
+    label: p,
+    value: p
   })) || [];
   return /* @__PURE__ */ n("div", { className: "p-6", children: [
     /* @__PURE__ */ e(Xe, { summary: "Map Chart", children: /* @__PURE__ */ e("p", { className: "rounded-md bg-muted p-2 font-mono text-xs", children: "SELECT country, value FROM table" }) }),
     /* @__PURE__ */ e(we, { className: "my-4" }),
     /* @__PURE__ */ e(Xe, { open: !0, summary: "Settings", children: /* @__PURE__ */ n("div", { className: "space-y-3 px-2", children: [
       /* @__PURE__ */ e(
-        ge,
+        ye,
         {
           className: "h-9",
           options: [
@@ -5869,11 +5889,11 @@ function Ki() {
               value: "custom"
             }
           ],
-          onValueChange: (f) => {
-            console.log("value", f), i({
+          onValueChange: (p) => {
+            console.log("value", p), i({
               ...t.preferences,
               mapVisualOptions: {
-                topoJsonUrl: f
+                topoJsonUrl: p
                 //   customTopoJson: undefined,
               }
             });
@@ -5885,21 +5905,21 @@ function Ki() {
       s === "custom" && /* @__PURE__ */ e(
         de,
         {
-          onChange: (f) => {
-            l(f.target.value);
+          onChange: (p) => {
+            l(p.target.value);
           },
           onBlur: () => {
-            var f;
+            var p;
             console.log("onBlur", a), i({
               ...t.preferences,
               mapVisualOptions: {
-                ...(f = t.preferences) == null ? void 0 : f.mapVisualOptions,
+                ...(p = t.preferences) == null ? void 0 : p.mapVisualOptions,
                 customTopoJsonUrl: a
               }
             });
           },
           value: a,
-          className: `h-9 w-full ${De}`,
+          className: `h-9 w-full ${ze}`,
           placeholder: "Custom URL"
         }
       ),
@@ -5907,19 +5927,19 @@ function Ki() {
         /* @__PURE__ */ n("div", { className: "space-y-1", children: [
           /* @__PURE__ */ e(H, { children: "Map Object" }),
           /* @__PURE__ */ e(
-            ge,
+            ye,
             {
               className: "h-9",
               options: r,
               value: ((c = (v = t.preferences) == null ? void 0 : v.mapVisualOptions) == null ? void 0 : c.objectKey) || "",
               label: "Map Object",
-              onValueChange: (f) => {
+              onValueChange: (p) => {
                 var T;
                 i({
                   ...t.preferences,
                   mapVisualOptions: {
                     ...(T = t.preferences) == null ? void 0 : T.mapVisualOptions,
-                    objectKey: f
+                    objectKey: p
                   }
                 });
               }
@@ -5929,19 +5949,19 @@ function Ki() {
         /* @__PURE__ */ n("div", { className: "space-y-1", children: [
           /* @__PURE__ */ e(H, { children: "Projection" }),
           /* @__PURE__ */ e(
-            ge,
+            ye,
             {
               className: "h-9",
               options: Ui,
-              value: ((b = (p = t.preferences) == null ? void 0 : p.mapVisualOptions) == null ? void 0 : b.projection) || "",
+              value: ((f = (g = t.preferences) == null ? void 0 : g.mapVisualOptions) == null ? void 0 : f.projection) || "",
               label: "Projection",
-              onValueChange: (f) => {
+              onValueChange: (p) => {
                 var T;
                 i({
                   ...t.preferences,
                   mapVisualOptions: {
                     ...(T = t.preferences) == null ? void 0 : T.mapVisualOptions,
-                    projection: f
+                    projection: p
                   }
                 });
               }
@@ -5951,19 +5971,19 @@ function Ki() {
         /* @__PURE__ */ n("div", { className: "space-y-1", children: [
           /* @__PURE__ */ e(H, { children: "Colors" }),
           /* @__PURE__ */ e(
-            ge,
+            ye,
             {
               className: "h-9",
               options: Ji,
               value: ((x = (C = t.preferences) == null ? void 0 : C.mapVisualOptions) == null ? void 0 : x.colorScale) || "",
               label: "Select Color Scale",
-              onValueChange: (f) => {
+              onValueChange: (p) => {
                 var T;
                 i({
                   ...t.preferences,
                   mapVisualOptions: {
                     ...(T = t.preferences) == null ? void 0 : T.mapVisualOptions,
-                    colorScale: f
+                    colorScale: p
                   }
                 });
               }
@@ -5977,17 +5997,17 @@ function Ki() {
       /* @__PURE__ */ e(
         de,
         {
-          className: `h-9 w-full ${De}`,
+          className: `h-9 w-full ${ze}`,
           type: "number",
           step: 0.1,
           value: ((N = (D = t.preferences) == null ? void 0 : D.mapVisualOptions) == null ? void 0 : N.projectionScale) || 1,
-          onChange: (f) => {
+          onChange: (p) => {
             var T;
             i({
               ...t.preferences,
               mapVisualOptions: {
                 ...(T = t.preferences) == null ? void 0 : T.mapVisualOptions,
-                projectionScale: Number(f.target.value)
+                projectionScale: Number(p.target.value)
               }
             });
           }
@@ -5997,19 +6017,19 @@ function Ki() {
       /* @__PURE__ */ e(
         de,
         {
-          className: `h-9 w-full ${De}`,
+          className: `h-9 w-full ${ze}`,
           type: "number",
           step: 10,
-          value: ((q = (z = (I = t.preferences) == null ? void 0 : I.mapVisualOptions) == null ? void 0 : z.projectionOffset) == null ? void 0 : q[0]) || 0,
-          onChange: (f) => {
-            var T, B, V, J;
+          value: ((q = (z = (O = t.preferences) == null ? void 0 : O.mapVisualOptions) == null ? void 0 : z.projectionOffset) == null ? void 0 : q[0]) || 0,
+          onChange: (p) => {
+            var T, B, V, G;
             i({
               ...t.preferences,
               mapVisualOptions: {
                 ...(T = t.preferences) == null ? void 0 : T.mapVisualOptions,
                 projectionOffset: [
-                  Number(f.target.value),
-                  ((J = (V = (B = t.preferences) == null ? void 0 : B.mapVisualOptions) == null ? void 0 : V.projectionOffset) == null ? void 0 : J[1]) || 0
+                  Number(p.target.value),
+                  ((G = (V = (B = t.preferences) == null ? void 0 : B.mapVisualOptions) == null ? void 0 : V.projectionOffset) == null ? void 0 : G[1]) || 0
                 ]
               }
             });
@@ -6020,19 +6040,19 @@ function Ki() {
       /* @__PURE__ */ e(
         de,
         {
-          className: `h-9 w-full ${De}`,
+          className: `h-9 w-full ${ze}`,
           type: "number",
           step: 10,
-          value: ((U = (_ = (P = t.preferences) == null ? void 0 : P.mapVisualOptions) == null ? void 0 : _.projectionOffset) == null ? void 0 : U[1]) || 0,
-          onChange: (f) => {
-            var T, B, V, J;
+          value: ((Q = (_ = (P = t.preferences) == null ? void 0 : P.mapVisualOptions) == null ? void 0 : _.projectionOffset) == null ? void 0 : Q[1]) || 0,
+          onChange: (p) => {
+            var T, B, V, G;
             i({
               ...t.preferences,
               mapVisualOptions: {
                 ...(T = t.preferences) == null ? void 0 : T.mapVisualOptions,
                 projectionOffset: [
-                  ((J = (V = (B = t.preferences) == null ? void 0 : B.mapVisualOptions) == null ? void 0 : V.projectionOffset) == null ? void 0 : J[0]) || 0,
-                  Number(f.target.value)
+                  ((G = (V = (B = t.preferences) == null ? void 0 : B.mapVisualOptions) == null ? void 0 : V.projectionOffset) == null ? void 0 : G[0]) || 0,
+                  Number(p.target.value)
                 ]
               }
             });
@@ -6041,7 +6061,7 @@ function Ki() {
       )
     ] }) }),
     /* @__PURE__ */ e(we, { className: "my-4" }),
-    /* @__PURE__ */ e(Pe, {})
+    /* @__PURE__ */ e($e, {})
   ] });
 }
 function Qi() {
@@ -6081,7 +6101,7 @@ function rt({
   docContent: s,
   suffix: a = "Chart"
 }) {
-  return /* @__PURE__ */ e("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ n(_e, { defaultValue: ["item-2"], type: "multiple", children: [
+  return /* @__PURE__ */ e("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ n(He, { defaultValue: ["item-2"], type: "multiple", children: [
     /* @__PURE__ */ n(ee, { value: "item-1", children: [
       /* @__PURE__ */ e(te, { children: `${bt(t)} ${a}` }),
       /* @__PURE__ */ e(ae, { children: s || /* @__PURE__ */ n("div", { className: "space-y-4 font-mono text-xs", children: [
@@ -6116,7 +6136,7 @@ function rt({
     !["range", "text"].includes(t) && /* @__PURE__ */ n(ee, { value: "item-3", children: [
       /* @__PURE__ */ e(te, { children: "Filters" }),
       /* @__PURE__ */ n(ae, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e(Pe, {}),
+        /* @__PURE__ */ e($e, {}),
         /* @__PURE__ */ e(We, {})
       ] })
     ] })
@@ -6133,7 +6153,7 @@ function Wi() {
     return /* @__PURE__ */ n("div", { className: "space-y-2", children: [
       /* @__PURE__ */ e(H, { children: "Sort" }),
       /* @__PURE__ */ e(
-        ge,
+        ye,
         {
           className: "h-8",
           label: "Sort Chart",
@@ -6159,7 +6179,7 @@ function Wi() {
       )
     ] });
   }
-  return /* @__PURE__ */ e("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ n(_e, { defaultValue: ["item-2"], type: "multiple", children: [
+  return /* @__PURE__ */ e("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ n(He, { defaultValue: ["item-2"], type: "multiple", children: [
     /* @__PURE__ */ n(ee, { value: "item-1", children: [
       /* @__PURE__ */ e(te, { children: "Stacked Chart" }),
       /* @__PURE__ */ n(ae, { className: "space-y-4 font-mono text-xs", children: [
@@ -6195,7 +6215,7 @@ function Wi() {
     /* @__PURE__ */ n(ee, { value: "item-3", children: [
       /* @__PURE__ */ e(te, { children: "Filters" }),
       /* @__PURE__ */ n(ae, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e(Pe, {}),
+        /* @__PURE__ */ e($e, {}),
         /* @__PURE__ */ e(We, {})
       ] })
     ] })
@@ -6212,10 +6232,10 @@ function Zi({
     (i) => i.actions.setCardPreferences
   );
   return /* @__PURE__ */ n("div", { className: "space-y-6 px-6 py-2", children: [
-    /* @__PURE__ */ e(_e, { defaultValue: ["item-3"], type: "multiple", children: /* @__PURE__ */ n(ee, { value: "item-3", children: [
+    /* @__PURE__ */ e(He, { defaultValue: ["item-3"], type: "multiple", children: /* @__PURE__ */ n(ee, { value: "item-3", children: [
       /* @__PURE__ */ e(te, { children: "Filters" }),
       /* @__PURE__ */ n(ae, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e(Pe, {}),
+        /* @__PURE__ */ e($e, {}),
         /* @__PURE__ */ e(We, {})
       ] })
     ] }) }),
@@ -6329,7 +6349,7 @@ function tr() {
         return /* @__PURE__ */ e(Hi, {});
     }
   }
-  return /* @__PURE__ */ n(Oe, { className: "h-full w-full text-sm", children: [
+  return /* @__PURE__ */ n(Te, { className: "h-full w-full text-sm", children: [
     s(t),
     /* @__PURE__ */ e(Ue, { orientation: "horizontal" })
   ] });
@@ -6346,7 +6366,7 @@ function ar() {
       className: "min-h-[250px] min-w-full max-w-lg",
       children: [
         /* @__PURE__ */ e(
-          fe,
+          ge,
           {
             role: "query-section",
             className: "flex",
@@ -6357,7 +6377,7 @@ function ar() {
         ),
         /* @__PURE__ */ e(at, { withHandle: !0, className: "border" }),
         /* @__PURE__ */ e(
-          fe,
+          ge,
           {
             className: "pb-1",
             role: "visual-section",
@@ -6365,7 +6385,7 @@ function ar() {
             defaultSize: 60,
             children: s && !a ? /* @__PURE__ */ n(tt, { direction: "horizontal", children: [
               /* @__PURE__ */ e(se, { children: /* @__PURE__ */ e(
-                fe,
+                ge,
                 {
                   ref: t,
                   className: "flex",
@@ -6375,7 +6395,7 @@ function ar() {
                 }
               ) }),
               !a && /* @__PURE__ */ e(at, { className: "border" }),
-              /* @__PURE__ */ e(fe, { minSize: 40, defaultSize: 75, maxSize: 100, children: /* @__PURE__ */ e(ra, {}) })
+              /* @__PURE__ */ e(ge, { minSize: 40, defaultSize: 75, maxSize: 100, children: /* @__PURE__ */ e(ra, {}) })
             ] }) : /* @__PURE__ */ e(ra, {})
           }
         )
@@ -6394,22 +6414,22 @@ const sr = !1, nr = [
   }
 ];
 function lr() {
-  const t = Je(null), s = Je(null), [a, l] = j(!1), [i, o] = j(sr), [r, d] = j(!1), u = m((w) => w.actions.setCardSql), y = m((w) => w.actions.setRunSql), h = m((w) => w.showAIDialog), { setShowAIDialog: g } = ne(), {
+  const t = Je(null), s = Je(null), [a, l] = j(!1), [i, o] = j(sr), [r, d] = j(!1), u = m((w) => w.actions.setCardSql), b = m((w) => w.actions.setRunSql), h = m((w) => w.showAIDialog), { setShowAIDialog: y } = ne(), {
     messages: v,
     setMessages: c,
-    reload: p,
-    append: b,
+    reload: g,
+    append: f,
     input: C,
     setInput: x,
     isLoading: D,
     handleAddCurrentTableToScope: N,
-    removeFromCurrentSelections: I,
+    removeFromCurrentSelections: O,
     currentAssitantScope: z,
     handleInputChange: q,
     handleSubmit: P,
     stop: _,
-    chatStatus: U,
-    toolStatus: f,
+    chatStatus: Q,
+    toolStatus: p,
     llmUsage: T
   } = gs();
   Vn({
@@ -6421,16 +6441,16 @@ function lr() {
     h && ((w = s.current) == null || w.focus());
   }, [h]);
   function B(w) {
-    u(w), y(!0);
+    u(w), b(!0);
   }
   function V(w) {
     const A = {
       role: "user",
       content: w.title + " " + w.subtitle
     };
-    b(A);
+    f(A);
   }
-  function J() {
+  function G() {
     return /* @__PURE__ */ n(fa, { children: [
       /* @__PURE__ */ e(ga, { asChild: !0, children: /* @__PURE__ */ e($, { className: "h-7 p-2", size: "sm", variant: "ghost", children: /* @__PURE__ */ e(as, { className: "size-3.5 text-muted-foreground/70 hover:text-muted-foreground" }) }) }),
       /* @__PURE__ */ n(ya, { align: "end", children: [
@@ -6481,7 +6501,7 @@ function lr() {
               "button",
               {
                 onClick: () => {
-                  I(w);
+                  O(w);
                 },
                 children: /* @__PURE__ */ e(Ge, { className: "size-3 text-muted-foreground hover:text-foreground" })
               }
@@ -6523,7 +6543,7 @@ function lr() {
             children: [
               W(),
               /* @__PURE__ */ n("div", { "data-role": "header-actions", className: "flex items-center", children: [
-                J(),
+                G(),
                 /* @__PURE__ */ e(
                   $,
                   {
@@ -6531,7 +6551,7 @@ function lr() {
                     size: "sm",
                     variant: "ghost",
                     onClick: () => {
-                      c([]), p();
+                      c([]), g();
                     },
                     children: /* @__PURE__ */ e(qn, { className: "size-3.5 text-muted-foreground" })
                   }
@@ -6543,7 +6563,7 @@ function lr() {
                     size: "sm",
                     variant: "ghost",
                     onClick: () => {
-                      g(!1);
+                      y(!1);
                     },
                     children: /* @__PURE__ */ e(Ge, { className: "size-4" })
                   }
@@ -6570,7 +6590,7 @@ function lr() {
               /* @__PURE__ */ e(
                 _n,
                 {
-                  status: Hn(U, f),
+                  status: Hn(Q, p),
                   isLoading: D
                 }
               )
@@ -6615,17 +6635,17 @@ function lr() {
   );
 }
 function ir({ authToken: t, onSave: s, onClose: a }) {
-  const l = Je(null), i = m((g) => g.showAIDialog), { setAuthToken: o } = Ke(), { setShowAIDialog: r, setOnSave: d, setOnClose: u } = ne();
+  const l = Je(null), i = m((y) => y.showAIDialog), { setAuthToken: o } = Ke(), { setShowAIDialog: r, setOnSave: d, setOnClose: u } = ne();
   oe(() => {
     s && d(s), a && u(a);
   }, [s, d, a, u]), oe(() => {
     t && t.accessToken && o(t);
   }, [t, o]), oe(() => {
-    var g, v;
-    i ? ((g = l.current) == null || g.resize(40), r(!0)) : (r(!1), (v = l.current) == null || v.resize(0));
+    var y, v;
+    i ? ((y = l.current) == null || y.resize(40), r(!0)) : (r(!1), (v = l.current) == null || v.resize(0));
   }, [i, r]);
-  function y(g) {
-    g < 1 ? r(!1) : i || r(!0);
+  function b(y) {
+    y < 1 ? r(!1) : i || r(!0);
   }
   function h() {
     return /* @__PURE__ */ n(
@@ -6635,14 +6655,14 @@ function ir({ authToken: t, onSave: s, onClose: a }) {
         className: "grow",
         direction: "horizontal",
         children: [
-          /* @__PURE__ */ e(fe, { className: "min-w-[510px] rounded-none border-x-[1px]", children: /* @__PURE__ */ e(ar, {}) }),
+          /* @__PURE__ */ e(ge, { className: "min-w-[510px] rounded-none border-x-[1px]", children: /* @__PURE__ */ e(ar, {}) }),
           /* @__PURE__ */ e(at, {}),
           /* @__PURE__ */ e(
-            fe,
+            ge,
             {
               "data-role": "editor-assistant-panel",
               ref: l,
-              onResize: y,
+              onResize: b,
               defaultSize: 0,
               children: /* @__PURE__ */ e(lr, {})
             }
@@ -6657,8 +6677,8 @@ function ir({ authToken: t, onSave: s, onClose: a }) {
   ] }) });
 }
 function rr() {
-  O((r) => r.selectedCardId);
-  const t = O((r) => r.selectedSheetId), { setIsVisualEditing: s } = O((r) => r.actions), a = O((r) => r.isVisualEditing), l = O((r) => r.actions.updateFrame);
+  I((r) => r.selectedCardId);
+  const t = I((r) => r.selectedSheetId), { setIsVisualEditing: s } = I((r) => r.actions), a = I((r) => r.isVisualEditing), l = I((r) => r.actions.updateFrame);
   function i(r) {
     t && (l(t, r), s(!1));
   }
@@ -6669,7 +6689,7 @@ function rr() {
     "div",
     {
       role: "editor-container",
-      className: Y("flex grow", {
+      className: Z("flex grow", {
         "max-h-0 overflow-hidden": !a
       }),
       children: /* @__PURE__ */ e(ir, { onSave: i, onClose: o })
@@ -6677,8 +6697,8 @@ function rr() {
   );
 }
 function or() {
-  const t = m((o) => o.selectedDatabaseName), s = m((o) => o.selectedTableName), a = O((o) => o.dashboard.filters) || [], { columns: l } = He(), { assignFilter: i } = Ms();
-  return /* @__PURE__ */ e(Oe, { className: "flex-1 basis-0 flex-col px-3", children: l == null ? void 0 : l.map((o) => {
+  const t = m((o) => o.selectedDatabaseName), s = m((o) => o.selectedTableName), a = I((o) => o.dashboard.filters) || [], { columns: l } = Pe(), { assignFilter: i } = Ms();
+  return /* @__PURE__ */ e(Te, { className: "flex-1 basis-0 flex-col px-3", children: l == null ? void 0 : l.map((o) => {
     const r = a == null ? void 0 : a.find(
       (d) => d.column === be(o.column_name) && d.table === s && d.database === t
     );
@@ -6686,7 +6706,7 @@ function or() {
       "div",
       {
         onClick: () => i(o),
-        className: Y(
+        className: Z(
           "group flex cursor-pointer items-center justify-between border border-dashed border-background px-3 py-[6px] text-sm transition-colors hover:bg-muted/50",
           {
             "bg-muted": r
@@ -6702,8 +6722,8 @@ function or() {
   }) });
 }
 function cr() {
-  O((s) => s.showFilters);
-  const t = O(
+  I((s) => s.showFilters);
+  const t = I(
     (s) => s.actions.setShowFilters
   );
   return /* @__PURE__ */ n("section", { className: "relative flex min-w-[320px] grow flex-col border-l px-1", children: [
@@ -6734,11 +6754,11 @@ function cr() {
   ] });
 }
 function dr() {
-  const t = O((l) => l.dashboard.filters), s = O((l) => l.theme), a = t == null ? void 0 : t.filter((l) => l.hide);
+  const t = I((l) => l.dashboard.filters), s = I((l) => l.theme), a = t == null ? void 0 : t.filter((l) => l.hide);
   return a != null && a.length ? /* @__PURE__ */ e(
     "div",
     {
-      className: Y("mb-1 flex items-center gap-2 border-y px-0.5 pb-0.5", {
+      className: Z("mb-1 flex items-center gap-2 border-y px-0.5 pb-0.5", {
         "bg-[repeating-linear-gradient(45deg,_#ffffff_0_3px,_#f3f3f3_3px_6px)]": s === "light",
         "bg-[repeating-linear-gradient(45deg,_#18171d_0_3px,_#272729_3px_6px)]": s === "dark"
       }),
@@ -6757,14 +6777,14 @@ function dr() {
   ) : null;
 }
 function hr() {
-  const t = O((l) => l.showFilters), s = O((l) => l.isVisualEditing), a = O(
+  const t = I((l) => l.showFilters), s = I((l) => l.isVisualEditing), a = I(
     (l) => l.isDashboardEditing
   );
   return /* @__PURE__ */ n(
     "div",
     {
       role: "dashboard-plus-main",
-      className: Y("", {
+      className: Z("", {
         "max-h-0 overflow-hidden": s,
         "flex grow overflow-auto": !s
         // can't do h-full because parent container has dashboard controls (10px height)
@@ -6781,15 +6801,15 @@ function hr() {
   );
 }
 function ur() {
-  const t = O((i) => i.dashboard), s = O((i) => i.actions.setDashboard), a = O(
+  const t = I((i) => i.dashboard), s = I((i) => i.actions.setDashboard), a = I(
     (i) => i.showDashboardJSON
-  ), l = O(
+  ), l = I(
     (i) => i.actions.setShowDashboardJSON
   );
   return /* @__PURE__ */ n(
     "div",
     {
-      className: Y("relative p-2", {
+      className: Z("relative p-2", {
         hidden: !a
       }),
       children: [
@@ -6884,10 +6904,10 @@ export {
   dt as resolveDatamodelName,
   zr as useCard,
   Ke as useDashboardActions,
-  O as useDashboardStore,
+  I as useDashboardStore,
   Ir as useDateFilterHook,
   ne as useEditorActions,
-  He as useEditorAside,
+  Pe as useEditorAside,
   m as useEditorStore,
   Or as useTextFilterHook
 };