react-semaphor 0.0.367 → 0.0.369

package/dist/chunks/{index-CnL0rGKB.js → index-DhbWPU4w.js}

@@ -1,6 +1,6 @@
-import { c as _, w as Cs, x as k, y as Re, z as Ie, A as e, B as Ss, H as ws, J as T, p as Qe, K as ks, M as zs, N as Is, Q as ca, R as H, V as oe, W as da, Y as Os, Z as Ds, _ as Ts, $ as ua, a0 as ma, a1 as tt, a2 as Zs, a3 as Z, a4 as Ge, i as nt, a5 as u, a6 as lt, a7 as rt, P as ha, F as xa, a8 as Ue, a9 as Je, aa as pa, ab as it, ac as fa, ad as pe, ae as fe, af as ge, ag as je, ah as we, ai as be, aj as ee, ak as Ms, al as Fs, am as Ls, an as ga, ao as ja, ap as he, aq as ot, ar as ct, as as ba, at as dt, C as ut, au as mt, av as va, aw as ve, ax as ht, ay as We, az as ts, aA as Te, aB as qe, aC as ke, aD as xt, X as Es, aE as Xs, aF as pt, aG as ft, aH as gt, aI as jt, l as bt, aJ as vt, aK as yt, aL as Fe, aM as ne, aN as ya, aO as Nt, aP as ds, aQ as Ct, aR as St, aS as vs, o as wt, a as kt, aT as ns, aU as Se, aV as ls, aW as zt, aX as It, aY as Ot, aZ as Dt, a_ as bs, a$ as Tt, b0 as Ys, b1 as Mt, b2 as ea, b3 as Ft, b4 as Lt, b5 as Et, b6 as Vt, b7 as Na, b8 as At, b9 as Vs, ba as Ca, bb as qt, bc as Rt, bd as es, be as _t, bf as Ht, bg as Sa, bh as Pt, t as $t, bi as Bt, bj as Gt, s as Ut, bk as us, bl as wa, bm as ka, bn as za, bo as ss, bp as as, bq as Jt, br as Ce, bs as Wt, bt as Kt, bu as ms, bv as hs, bw as xs, bx as Qt, I as Zt, by as Xt, bz as Yt, bA as en, E as sn, bB as ps, bC as Me, f as an, bD as $e, bE as As, bF as Ia, bG as tn, bH as nn, bI as rs, bJ as ln, bK as rn, bL as on, bM as cn, bN as sa, bO as aa, bP as Oa, bQ as dn, bR as un, bS as mn, bT as hn, bU as xn, bV as pn, bW as fn, bX as gn, bY as Le, bZ as W, b_ as K, b$ as qs, c0 as Q, c1 as jn, c2 as Da, c3 as bn, c4 as vn, c5 as yn, c6 as Nn, c7 as Cn, c8 as Sn, c9 as wn, ca as kn, cb as zn } from "./index-Dn9R0tUI.js";
+import { c as _, w as Ss, x as k, y as Re, z as Ie, A as e, B as ws, H as ks, J as T, p as Qe, K as zs, M as Is, N as Os, Q as ca, R as H, V as oe, W as da, Y as Ds, Z as Ts, _ as Ms, $ as ua, a0 as ma, a1 as tt, a2 as Zs, a3 as Z, a4 as Ge, i as nt, a5 as u, a6 as lt, a7 as rt, P as ha, F as xa, a8 as Ue, a9 as Je, aa as pa, ab as it, ac as fa, ad as pe, ae as fe, af as ge, ag as je, ah as we, ai as be, aj as ee, ak as Fs, al as Ls, am as Es, an as ga, ao as ja, ap as he, aq as ot, ar as ct, as as ba, at as dt, C as ut, au as mt, av as va, aw as ve, ax as ht, ay as We, az as ts, aA as Te, aB as qe, aC as ke, aD as xt, X as ds, aE as Xs, aF as pt, aG as ft, aH as gt, aI as jt, l as bt, aJ as vt, aK as yt, aL as Fe, aM as ne, aN as ya, aO as Nt, aP as us, aQ as Ct, aR as St, aS as ys, o as wt, a as kt, aT as ns, aU as Se, aV as ls, aW as zt, aX as It, aY as Ot, aZ as Dt, a_ as vs, a$ as Tt, b0 as Ys, b1 as Mt, b2 as ea, b3 as Ft, b4 as Lt, b5 as Et, b6 as Vt, b7 as Na, b8 as At, b9 as Vs, ba as Ca, bb as qt, bc as Rt, bd as es, be as _t, bf as Ht, bg as Sa, bh as Pt, t as $t, bi as Bt, bj as Gt, s as Ut, bk as ms, bl as wa, bm as ka, bn as za, bo as ss, bp as as, bq as Jt, br as Ce, bs as Wt, bt as Kt, bu as hs, bv as xs, bw as ps, bx as Qt, I as Zt, by as Xt, bz as Yt, bA as en, E as sn, bB as fs, bC as Me, f as an, bD as $e, bE as As, bF as Ia, bG as tn, bH as nn, bI as rs, bJ as ln, bK as rn, bL as on, bM as cn, bN as sa, bO as aa, bP as Oa, bQ as dn, bR as un, bS as mn, bT as hn, bU as xn, bV as pn, bW as fn, bX as gn, bY as Le, bZ as W, b_ as K, b$ as qs, c0 as Q, c1 as jn, c2 as Da, c3 as bn, c4 as vn, c5 as yn, c6 as Nn, c7 as Cn, c8 as Sn, c9 as wn, ca as kn, cb as zn } from "./index-Dn9R0tUI.js";
 import * as ta from "react";
-import ze, { useState as q, useMemo as ys, useEffect as se, useRef as is, useCallback as Ta, Suspense as In } from "react";
+import ze, { useState as q, useMemo as Ns, useEffect as se, useRef as is, useCallback as Ta, Suspense as In } from "react";
 import "react-dom";
 /**
  * @license lucide-react v0.453.0 - ISC
@@ -504,14 +504,14 @@ const $s = _("Type", [
   ["line", { x1: "12", x2: "12", y1: "4", y2: "20", key: "1tx1rr" }]
 ]);
 function Aa(s) {
-  var n;
+  var t;
   return {
     ...s,
-    sheets: (n = s == null ? void 0 : s.sheets) == null ? void 0 : n.map((a) => {
-      var t;
+    sheets: (t = s == null ? void 0 : s.sheets) == null ? void 0 : t.map((a) => {
+      var n;
       return {
         ...a,
-        frames: (t = a.frames) == null ? void 0 : t.map((l) => {
+        frames: (n = a.frames) == null ? void 0 : n.map((l) => {
           var r;
           return {
             ...l,
@@ -523,15 +523,15 @@ function Aa(s) {
   };
 }
 function el(s) {
-  var n, a, t, l;
+  var t, a, n, l;
   return {
     ...s,
     cfg: {
       ...s.cfg,
       data: {
-        ...(n = s.cfg) == null ? void 0 : n.data,
+        ...(t = s.cfg) == null ? void 0 : t.data,
         labels: [],
-        datasets: (l = (t = (a = s.cfg) == null ? void 0 : a.data) == null ? void 0 : t.datasets) == null ? void 0 : l.map((r) => ({
+        datasets: (l = (n = (a = s.cfg) == null ? void 0 : a.data) == null ? void 0 : n.datasets) == null ? void 0 : l.map((r) => ({
           ...r,
           data: []
         }))
@@ -543,51 +543,51 @@ function el(s) {
   };
 }
 function sl(s) {
-  var n, a;
+  var t, a;
   return s ? {
     ...s,
     data: {
       ...s == null ? void 0 : s.data,
       labels: [],
-      datasets: (a = (n = s == null ? void 0 : s.data) == null ? void 0 : n.datasets) == null ? void 0 : a.map((t) => ({
-        ...t,
+      datasets: (a = (t = s == null ? void 0 : s.data) == null ? void 0 : t.datasets) == null ? void 0 : a.map((n) => ({
+        ...n,
         data: []
       }))
     }
   } : null;
 }
-async function al(s, n, a, t) {
-  if (!t)
+async function al(s, t, a, n) {
+  if (!n)
     return null;
-  const l = JSON.stringify(n);
-  return await Cs("https://semaphor.cloud/api/v1/lens", t, {
+  const l = JSON.stringify(t);
+  return await Ss("https://semaphor.cloud/api/v1/lens", n, {
     name: s,
     template: l,
     filterValues: a,
     operation: "create"
   });
 }
-async function Ns(s, n) {
-  if (!n)
+async function Cs(s, t) {
+  if (!t)
     return null;
-  const { id: a, template: t, filterValues: l, isDefault: r, shared: i } = s;
-  return await Cs("https://semaphor.cloud/api/v1/lens", n, {
+  const { id: a, template: n, filterValues: l, isDefault: r, shared: i } = s;
+  return await Ss("https://semaphor.cloud/api/v1/lens", t, {
     lensId: a,
-    template: t,
+    template: n,
     filterValues: l,
     isDefault: r,
     shared: i,
     operation: "update"
   });
 }
-async function tl(s, n) {
-  return n ? await Cs("https://semaphor.cloud/api/v1/lens", n, {
+async function tl(s, t) {
+  return t ? await Ss("https://semaphor.cloud/api/v1/lens", t, {
     operation: "delete",
     lensId: s
   }) : null;
 }
 function nl() {
-  const [s, n] = q(""), [a, t] = q(!1), l = k((g) => g.lenses), { setLenses: r, setSelectedLensId: i } = Re(), [o, c] = q(!1), [m, x] = q(!1), j = k((g) => g.dashboard), b = k((g) => g.filterValues), { authToken: d } = Ie();
+  const [s, t] = q(""), [a, n] = q(!1), l = k((g) => g.lenses), { setLenses: r, setSelectedLensId: i } = Re(), [o, c] = q(!1), [m, x] = q(!1), j = k((g) => g.dashboard), b = k((g) => g.filterValues), { authToken: d } = Ie();
   async function f() {
     c(!0);
     const g = Aa(
@@ -600,8 +600,8 @@ function nl() {
     );
     N && (r([...l || [], N]), i(N.id), x(!1)), c(!1);
   }
-  return /* @__PURE__ */ e.jsxs(Ss, { open: m, onOpenChange: x, children: [
-    /* @__PURE__ */ e.jsx(ws, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
+  return /* @__PURE__ */ e.jsxs(ws, { open: m, onOpenChange: x, children: [
+    /* @__PURE__ */ e.jsx(ks, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
       T,
       {
         variant: "secondary",
@@ -613,9 +613,9 @@ function nl() {
         ]
       }
     ) }),
-    /* @__PURE__ */ e.jsxs(ks, { className: "sm:max-w-[425px]", children: [
-      /* @__PURE__ */ e.jsxs(zs, { children: [
-        /* @__PURE__ */ e.jsx(Is, { children: "Create Lens" }),
+    /* @__PURE__ */ e.jsxs(zs, { className: "sm:max-w-[425px]", children: [
+      /* @__PURE__ */ e.jsxs(Is, { children: [
+        /* @__PURE__ */ e.jsx(Os, { children: "Create Lens" }),
         /* @__PURE__ */ e.jsx(ca, { children: "Lenses are private by default and are only visible to you." })
       ] }),
       /* @__PURE__ */ e.jsx("div", { className: "grid gap-4 py-4", children: /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-8 items-center gap-4", children: [
@@ -625,7 +625,7 @@ function nl() {
           {
             value: s,
             onChange: (g) => {
-              n(g.target.value);
+              t(g.target.value);
             },
             id: "name",
             className: "col-span-7 focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0"
@@ -648,7 +648,7 @@ function nl() {
   ] });
 }
 function ll() {
-  const [s, n] = q(!1), a = k((x) => x.lenses), t = k((x) => x.selectedLensId), { setLenses: l, setSelectedLensId: r } = Re(), { authToken: i } = Ie();
+  const [s, t] = q(!1), a = k((x) => x.lenses), n = k((x) => x.selectedLensId), { setLenses: l, setSelectedLensId: r } = Re(), { authToken: i } = Ie();
   async function o(x) {
     r(x);
   }
@@ -671,25 +671,25 @@ function ll() {
       ...x,
       isDefault: !x.isDefault
     };
-    await Ns(b, i == null ? void 0 : i.accessToken);
+    await Cs(b, i == null ? void 0 : i.accessToken);
     const d = a == null ? void 0 : a.find((f) => f.isDefault);
     if (d && d.id !== x.id) {
       const f = {
         ...d,
         isDefault: !1
       };
-      await Ns(f, i == null ? void 0 : i.accessToken);
+      await Cs(f, i == null ? void 0 : i.accessToken);
     }
   }
-  return /* @__PURE__ */ e.jsxs(Os, { open: s, onOpenChange: n, children: [
-    /* @__PURE__ */ e.jsx(Ds, { asChild: !0, children: /* @__PURE__ */ e.jsx(T, { variant: "ghost", className: "h-7 p-2", children: /* @__PURE__ */ e.jsx(An, { className: "h-4 w-4", strokeWidth: 1.5 }) }) }),
-    /* @__PURE__ */ e.jsxs(Ts, { align: "end", className: "w-60", children: [
+  return /* @__PURE__ */ e.jsxs(Ds, { open: s, onOpenChange: t, children: [
+    /* @__PURE__ */ e.jsx(Ts, { asChild: !0, children: /* @__PURE__ */ e.jsx(T, { variant: "ghost", className: "h-7 p-2", children: /* @__PURE__ */ e.jsx(An, { className: "h-4 w-4", strokeWidth: 1.5 }) }) }),
+    /* @__PURE__ */ e.jsxs(Ms, { align: "end", className: "w-60", children: [
       /* @__PURE__ */ e.jsx(ua, { className: "px-3", children: "Lenses" }),
       /* @__PURE__ */ e.jsx(ma, {}),
       /* @__PURE__ */ e.jsxs(
         tt,
         {
-          value: t,
+          value: n,
           onValueChange: o,
           children: [
             /* @__PURE__ */ e.jsx(Zs, { value: "original", children: "Original" }),
@@ -740,11 +740,11 @@ function ll() {
 }
 async function rl() {
   var d;
-  const s = k.getState().authToken, n = k.getState().theme, a = k.getState().filterValues, t = (d = k.getState().dashboard) == null ? void 0 : d.title, l = k.getState().isDownloadingPdf, r = k.getState().selectedSheetId;
+  const s = k.getState().authToken, t = k.getState().theme, a = k.getState().filterValues, n = (d = k.getState().dashboard) == null ? void 0 : d.title, l = k.getState().isDownloadingPdf, r = k.getState().selectedSheetId;
   if (l)
     return;
   const i = new URLSearchParams();
-  i.set("token", (s == null ? void 0 : s.accessToken) || ""), i.set("theme", n || "light"), i.set("filterValues", JSON.stringify(a)), i.set("selectedSheetId", r || "");
+  i.set("token", (s == null ? void 0 : s.accessToken) || ""), i.set("theme", t || "light"), i.set("filterValues", JSON.stringify(a)), i.set("selectedSheetId", r || "");
   const o = `https://semaphor.cloud/api/v1/generate-pdf?params=${encodeURIComponent(i.toString())}`;
   k.setState({ isDownloadingPdf: !0 });
   const x = (await (await fetch(o, {
@@ -754,17 +754,17 @@ async function rl() {
     }
   })).json()).url, j = document.createElement("a");
   j.href = x;
-  const b = `${t}-${(/* @__PURE__ */ new Date()).toISOString()}.pdf`;
+  const b = `${n}-${(/* @__PURE__ */ new Date()).toISOString()}.pdf`;
   j.download = b, j.click(), k.setState({ isDownloadingPdf: !1 });
 }
 function il({
   iconClassName: s
 }) {
-  Ie(), k((t) => {
+  Ie(), k((n) => {
     var l;
-    return (l = t.dashboard) == null ? void 0 : l.title;
-  }), k((t) => t.theme), k((t) => t.filterValues);
-  const n = k((t) => t.isDownloadingPdf);
+    return (l = n.dashboard) == null ? void 0 : l.title;
+  }), k((n) => n.theme), k((n) => n.filterValues);
+  const t = k((n) => n.isDownloadingPdf);
   async function a() {
     await rl();
   }
@@ -775,7 +775,7 @@ function il({
       className: "group h-7 p-2",
       size: "sm",
       onClick: a,
-      children: n ? /* @__PURE__ */ e.jsx(Ke, { className: Z("size-3.5 animate-spin", s) }) : /* @__PURE__ */ e.jsx(
+      children: t ? /* @__PURE__ */ e.jsx(Ke, { className: Z("size-3.5 animate-spin", s) }) : /* @__PURE__ */ e.jsx(
         nt,
         {
           className: Z("size-3.5", s),
@@ -788,7 +788,7 @@ function il({
 function ol() {
   const { authToken: s } = Ie();
   k((p) => p.theme);
-  const n = k((p) => p.lenses), a = k((p) => p.selectedLensId), t = n == null ? void 0 : n.find((p) => p.id === a), l = k((p) => p.dashboard);
+  const t = k((p) => p.lenses), a = k((p) => p.selectedLensId), n = t == null ? void 0 : t.find((p) => p.id === a), l = k((p) => p.dashboard);
   k((p) => p.selectedSheetId);
   const r = k(
     (p) => p.isDashboardEditing
@@ -802,10 +802,10 @@ function ol() {
     (p) => p.actions.setShowFilters
   ), { addFrame: f, setSelectedFrameId: g } = k(
     (p) => p.actions
-  ), { getSelectedSheet: N, setIsDashboardEditing: v, setShowDashboardJSON: V } = k((p) => p.actions), F = N(), { tenantId: S, endUserId: w } = ys(
+  ), { getSelectedSheet: N, setIsDashboardEditing: v, setShowDashboardJSON: V } = k((p) => p.actions), F = N(), { tenantId: S, endUserId: w } = Ns(
     () => lt(s == null ? void 0 : s.accessToken),
     [s == null ? void 0 : s.accessToken]
-  ), D = ys(() => S || w, [S, w]), R = () => {
+  ), D = Ns(() => S || w, [S, w]), R = () => {
     if (!r || !F) return;
     const p = {
       connectionId: i,
@@ -833,15 +833,15 @@ function ol() {
     v(!0);
   };
   async function h() {
-    if (c(!0), !a || !t) return;
+    if (c(!0), !a || !n) return;
     const p = Aa(
       l
     ), I = JSON.stringify(p), O = {
-      ...t,
+      ...n,
       template: I,
       filterValues: m
     };
-    await Ns(O, s == null ? void 0 : s.accessToken), Je.success("Lens saved"), b == null || b(p), c(!1);
+    await Cs(O, s == null ? void 0 : s.accessToken), Je.success("Lens saved"), b == null || b(p), c(!1);
   }
   return x ? null : /* @__PURE__ */ e.jsxs(
     "div",
@@ -849,7 +849,7 @@ function ol() {
       className: "flex items-center justify-between gap-2 border-b bg-muted/50 py-2 pl-3 pr-2",
       role: "dashboard-controls",
       children: [
-        !x && /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ e.jsx(H, { children: t == null ? void 0 : t.name }) }),
+        !x && /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ e.jsx(H, { children: n == null ? void 0 : n.name }) }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
           /* @__PURE__ */ e.jsx("button", { onClick: rt, children: /* @__PURE__ */ e.jsx(Xn, { className: "h-4 w-4", strokeWidth: 1.5 }) }),
           /* @__PURE__ */ e.jsx(il, {}),
@@ -922,9 +922,9 @@ function ol() {
 }
 function Pe({
   title: s,
-  items: n,
+  items: t,
   value: a,
-  isLoading: t,
+  isLoading: n,
   isError: l,
   connectionTooltip: r,
   onChange: i,
@@ -933,7 +933,7 @@ function Pe({
   showIcon: m = !0,
   disabled: x = !1
 }) {
-  const j = t ? "Loading..." : l ? "Error" : a;
+  const j = n ? "Loading..." : l ? "Error" : a;
   function b() {
     if (s === "Connection")
       return /* @__PURE__ */ e.jsx(Un, { className: "size-4 rotate-90" });
@@ -962,24 +962,24 @@ function Pe({
           children: /* @__PURE__ */ e.jsx(
             ge,
             {
-              placeholder: t ? "Loading..." : l ? "Error" : `Select ${s}`
+              placeholder: n ? "Loading..." : l ? "Error" : `Select ${s}`
             }
           )
         }
       ),
       /* @__PURE__ */ e.jsx(je, { children: /* @__PURE__ */ e.jsxs(we, { children: [
-        t ? /* @__PURE__ */ e.jsx(be, { children: "Loading..." }) : /* @__PURE__ */ e.jsx(be, { children: s }),
+        n ? /* @__PURE__ */ e.jsx(be, { children: "Loading..." }) : /* @__PURE__ */ e.jsx(be, { children: s }),
         /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
           o && /* @__PURE__ */ e.jsx(ee, { value: "none", children: "None" }, "none"),
-          n && n.map((d, f) => /* @__PURE__ */ e.jsx(ee, { value: d.id, children: d.name }, f))
+          t && t.map((d, f) => /* @__PURE__ */ e.jsx(ee, { value: d.id, children: d.name }, f))
         ] }),
-        (t || l) && /* @__PURE__ */ e.jsx(ee, { value: j, children: j })
+        (n || l) && /* @__PURE__ */ e.jsx(ee, { value: j, children: j })
       ] }) })
     ] })
   ] });
 }
 function cl({ column: s }) {
-  const [n, a] = q(!1), t = u((f) => f.selectedTableName), l = u(
+  const [t, a] = q(!1), n = u((f) => f.selectedTableName), l = u(
     (f) => f.selectedSchemaName
   ), r = u(
     (f) => f.selectedDatamodelId
@@ -993,7 +993,7 @@ function cl({ column: s }) {
     const V = ja(
       N,
       he(l || ""),
-      he(t),
+      he(n),
       v,
       c
     );
@@ -1043,10 +1043,10 @@ function cl({ column: s }) {
       )
     ] });
   }
-  return /* @__PURE__ */ e.jsxs(Ms, { openDelay: 0, open: n, onOpenChange: a, children: [
-    /* @__PURE__ */ e.jsx(Fs, { asChild: !0, children: /* @__PURE__ */ e.jsx(Hs, { className: "invisible size-3.5 cursor-pointer text-foreground/40 group-hover:visible" }) }),
+  return /* @__PURE__ */ e.jsxs(Fs, { openDelay: 0, open: t, onOpenChange: a, children: [
+    /* @__PURE__ */ e.jsx(Ls, { asChild: !0, children: /* @__PURE__ */ e.jsx(Hs, { className: "invisible size-3.5 cursor-pointer text-foreground/40 group-hover:visible" }) }),
     /* @__PURE__ */ e.jsx(
-      Ls,
+      Es,
       {
         align: "center",
         className: "w-20 rounded-md p-0 shadow-none",
@@ -1063,9 +1063,9 @@ function qa({ column: s }) {
 }
 function dl({
   schemaName: s,
-  tableName: n,
+  tableName: t,
   columns: a,
-  status: t
+  status: n
 }) {
   const l = u((h) => h.sqlGen), r = u(
     (h) => h.selectedConnectionId
@@ -1091,7 +1091,7 @@ function dl({
     )) == null ? void 0 : A.name, O = ja(
       p,
       he(s),
-      he(n),
+      he(t),
       I,
       v
     );
@@ -1128,7 +1128,7 @@ function dl({
   function R() {
     const h = ts({
       schemaName: s,
-      tableName: n,
+      tableName: t,
       modelName: F,
       connectionType: v
     });
@@ -1139,7 +1139,7 @@ function dl({
   function C() {
     const h = ts({
       schemaName: s,
-      tableName: n,
+      tableName: t,
       modelName: F,
       connectionType: v
     });
@@ -1174,13 +1174,13 @@ function dl({
       /* @__PURE__ */ e.jsxs(
         T,
         {
-          disabled: t !== "Success",
+          disabled: n !== "Success",
           onClick: R,
           size: "sm",
           variant: "secondary",
           className: "flex",
           children: [
-            t !== "Success" ? /* @__PURE__ */ e.jsx(Ke, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(Qn, { className: "mr-2 size-4" }),
+            n !== "Success" ? /* @__PURE__ */ e.jsx(Ke, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(Qn, { className: "mr-2 size-4" }),
             "Top 10"
           ]
         }
@@ -1188,13 +1188,13 @@ function dl({
       /* @__PURE__ */ e.jsxs(
         T,
         {
-          disabled: t !== "Success",
+          disabled: n !== "Success",
           onClick: C,
           size: "sm",
           variant: "secondary",
           className: "w-full",
           children: [
-            t !== "Success" ? /* @__PURE__ */ e.jsx(Ke, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(Kn, { className: "mr-2 size-4" }),
+            n !== "Success" ? /* @__PURE__ */ e.jsx(Ke, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(Kn, { className: "mr-2 size-4" }),
             "Count"
           ]
         }
@@ -1239,10 +1239,10 @@ function dl({
     )
   ] });
 }
-function Ee(s, n) {
+function Ee(s, t) {
   var Gs, Us, Js, Ws, Ks, Qs;
-  let a = ys(() => [], []);
-  const t = Ie().authToken || s, l = u(
+  let a = Ns(() => [], []);
+  const n = Ie().authToken || s, l = u(
     (y) => y.selectedConnectionId
   ), r = u(
     (y) => y.selectedDatamodelId
@@ -1280,9 +1280,9 @@ function Ee(s, n) {
     queryKey: ["connections"],
     queryFn: () => qe(
       "https://semaphor.cloud/api/v1/connections",
-      (t == null ? void 0 : t.accessToken) || ""
+      (n == null ? void 0 : n.accessToken) || ""
     ),
-    enabled: !!(t != null && t.accessToken)
+    enabled: !!(n != null && n.accessToken)
     // Only fetch if authToken is present
   }), {
     data: D,
@@ -1292,12 +1292,12 @@ function Ee(s, n) {
     queryKey: ["models", l],
     queryFn: () => qe(
       "https://semaphor.cloud/api/v1/datamodels",
-      (t == null ? void 0 : t.accessToken) || "",
+      (n == null ? void 0 : n.accessToken) || "",
       {
         connection_id: l
       }
     ),
-    enabled: !!(t != null && t.accessToken) && !!l
+    enabled: !!(n != null && n.accessToken) && !!l
     // Only fetch if authToken is present
   }), h = F == null ? void 0 : F.connections.find(
     (y) => y.id === l
@@ -1311,7 +1311,7 @@ function Ee(s, n) {
     queryKey: ["databases", l],
     queryFn: () => qe(
       "https://semaphor.cloud/api/v1/databases",
-      (t == null ? void 0 : t.accessToken) || "",
+      (n == null ? void 0 : n.accessToken) || "",
       {
         connection_id: l
       }
@@ -1328,7 +1328,7 @@ function Ee(s, n) {
     queryKey: ["schemas", l, i],
     queryFn: () => qe(
       "https://semaphor.cloud/api/v1/schemas",
-      (t == null ? void 0 : t.accessToken) || "",
+      (n == null ? void 0 : n.accessToken) || "",
       {
         connection_id: l,
         database_name: i
@@ -1351,7 +1351,7 @@ function Ee(s, n) {
     ],
     queryFn: () => qe(
       "https://semaphor.cloud/api/v1/tables",
-      (t == null ? void 0 : t.accessToken) || "",
+      (n == null ? void 0 : n.accessToken) || "",
       {
         connection_id: l,
         database_name: i,
@@ -1375,7 +1375,7 @@ function Ee(s, n) {
     ],
     queryFn: () => qe(
       "https://semaphor.cloud/api/v1/columns",
-      (t == null ? void 0 : t.accessToken) || "",
+      (n == null ? void 0 : n.accessToken) || "",
       {
         connection_id: l,
         datamodel_id: r || "",
@@ -1435,13 +1435,13 @@ function Ee(s, n) {
   })), He = O == null ? void 0 : O.databases.map((y) => ({
     id: y.database_name,
     name: y.database_name
-  })), gs = U == null ? void 0 : U.schemas.map((y) => ({
+  })), js = U == null ? void 0 : U.schemas.map((y) => ({
     id: y.schema_name,
     name: y.schema_name
   })), Ze = E == null ? void 0 : E.tables.map((y) => ({
     id: y.table_name,
     name: y.table_name
-  })), js = (Qs = D == null ? void 0 : D.datamodels.find(
+  })), bs = (Qs = D == null ? void 0 : D.datamodels.find(
     (y) => y.id === r
   )) == null ? void 0 : Qs.name;
   return (p === "S3" || p === "API") && (b(""), d(""), j("")), {
@@ -1450,13 +1450,13 @@ function Ee(s, n) {
     isConnectionsError: w,
     modelItems: ue,
     selectedDatamodelId: r,
-    selectedDatamodelName: js,
+    selectedDatamodelName: bs,
     isModelsLoading: R,
     isModelsError: C,
     databaseItems: He,
     isDatabasesLoadingOrFetching: A || $,
     isDatabaseError: X,
-    schemaItems: gs,
+    schemaItems: js,
     isSchemaLoadingOrFetching: le || ce,
     isSchemaError: B,
     tableItems: Ze,
@@ -1479,11 +1479,11 @@ function Ra({
   ColumnsComponent: s
 }) {
   var ae;
-  const n = u(
+  const t = u(
     (P) => P.selectedConnectionId
   ), a = u(
     (P) => P.selectedDatamodelId
-  ), t = u(
+  ), n = u(
     (P) => P.selectedDatabaseName
   ), l = u(
     (P) => P.selectedSchemaName
@@ -1532,7 +1532,7 @@ function Ra({
     window.location.href = "mailto:support@semaphor.cloud?subject=Help&body=I need help with...";
   }
   function ce() {
-    if (!n || h === "S3" || h === "API") return null;
+    if (!t || h === "S3" || h === "API") return null;
     if (!a || a === "none")
       return /* @__PURE__ */ e.jsx(
         Pe,
@@ -1542,13 +1542,13 @@ function Ra({
           isError: V,
           isLoading: v,
           items: x,
-          value: t || "",
+          value: n || "",
           title: "Database"
         }
       );
   }
   function B() {
-    if (n && !p && (!t || t === "none") && (!a || a === "none"))
+    if (t && !p && (!n || n === "none") && (!a || a === "none"))
       return /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3", children: [
         /* @__PURE__ */ e.jsx("div", { className: "col-span-1 grid place-items-center", children: /* @__PURE__ */ e.jsx(ke, {}) }),
         /* @__PURE__ */ e.jsx("div", { className: "col-span-1 grid place-items-center", children: /* @__PURE__ */ e.jsx(H, { children: "OR" }) }),
@@ -1556,8 +1556,8 @@ function Ra({
       ] });
   }
   function re() {
-    if (!n || h === "S3" || h === "API") return null;
-    if (!t || t === "none")
+    if (!t || h === "S3" || h === "API") return null;
+    if (!n || n === "none")
       return /* @__PURE__ */ e.jsx(
         Pe,
         {
@@ -1572,7 +1572,7 @@ function Ra({
       );
   }
   function E() {
-    return !n || h === "S3" || h === "API" || !t || t === "none" ? null : /* @__PURE__ */ e.jsx(
+    return !t || h === "S3" || h === "API" || !n || n === "none" ? null : /* @__PURE__ */ e.jsx(
       Pe,
       {
         onChange: A,
@@ -1587,7 +1587,7 @@ function Ra({
   function M() {
     function P() {
       let J = !1;
-      return h === "API" ? (J = !1, J) : ((h === "S3" || n && t && t !== "none" && l) && (J = !0), J);
+      return h === "API" ? (J = !1, J) : ((h === "S3" || t && n && n !== "none" && l) && (J = !0), J);
     }
     return P() ? /* @__PURE__ */ e.jsx(
       Pe,
@@ -1608,12 +1608,12 @@ function Ra({
         {
           items: o,
           title: "Connection",
-          value: n || "",
+          value: t || "",
           onChange: I,
           isLoading: d,
           isError: g,
           connectionTooltip: ((ae = o == null ? void 0 : o.find(
-            (P) => P.id === n
+            (P) => P.id === t
           )) == null ? void 0 : ae.type) || ""
         }
       ),
@@ -1640,10 +1640,10 @@ function Ra({
   ] });
 }
 function ul(s) {
-  const n = s.toUpperCase().indexOf("WHERE"), a = s.toUpperCase().indexOf("GROUP BY"), t = s.toUpperCase().indexOf("LIMIT"), l = s.toUpperCase().indexOf("ORDER BY");
+  const t = s.toUpperCase().indexOf("WHERE"), a = s.toUpperCase().indexOf("GROUP BY"), n = s.toUpperCase().indexOf("LIMIT"), l = s.toUpperCase().indexOf("ORDER BY");
   let r = s.length;
-  if (l !== -1 && (r = l), t !== -1 && t < r && (r = t), n !== -1) {
-    const i = s.substring(0, n), o = s.substring(n);
+  if (l !== -1 && (r = l), n !== -1 && n < r && (r = n), t !== -1) {
+    const i = s.substring(0, t), o = s.substring(t);
     return `${i} {{ filters | where }} AND ${o.substring(
       6
     )}`;
@@ -1657,14 +1657,14 @@ function ul(s) {
 }
 function ml({
   error: s,
-  setShowAIDialog: n,
+  setShowAIDialog: t,
   setUserInputforAI: a,
-  setTriggerAIRun: t
+  setTriggerAIRun: n
 }) {
-  return /* @__PURE__ */ e.jsxs(Ms, { openDelay: 0, children: [
-    /* @__PURE__ */ e.jsx(Fs, { asChild: !0, children: /* @__PURE__ */ e.jsx(T, { variant: "link", className: "h-5 p-0", children: /* @__PURE__ */ e.jsx(Mn, { className: "h-4 w-4 text-red-500" }) }) }),
+  return /* @__PURE__ */ e.jsxs(Fs, { openDelay: 0, children: [
+    /* @__PURE__ */ e.jsx(Ls, { asChild: !0, children: /* @__PURE__ */ e.jsx(T, { variant: "link", className: "h-5 p-0", children: /* @__PURE__ */ e.jsx(Mn, { className: "h-4 w-4 text-red-500" }) }) }),
     /* @__PURE__ */ e.jsx(
-      Ls,
+      Es,
       {
         align: "start",
         className: "w-full min-w-fit max-w-[700px]",
@@ -1674,7 +1674,7 @@ function ml({
             T,
             {
               onClick: () => {
-                n(!0), a(s), t(!0);
+                t(!0), a(s), n(!0);
               },
               size: "sm",
               variant: "outline",
@@ -1691,9 +1691,9 @@ function ml({
 }
 function hl({
   open: s,
-  setOpen: n,
+  setOpen: t,
   userInput: a,
-  triggerAIRun: t,
+  triggerAIRun: n,
   setTriggerAIRun: l
 }) {
   const r = is(null), i = is(null), [o, c] = q(""), [m, x] = q(null), { authToken: j } = Ie(), [b, d] = q(!1), [f, g] = q(!1), N = u((L) => L.actions.setCardSql), v = u((L) => L.actions.setRunSql), V = u(
@@ -1787,13 +1787,13 @@ function hl({
     }
   });
   se(() => {
-    t && a && (E({
+    n && a && (E({
       target: { value: a }
     }), setTimeout(() => {
       M(), l(!1);
     }, 100));
   }, [
-    t,
+    n,
     M,
     a,
     l,
@@ -1841,11 +1841,11 @@ function hl({
     c("Thinking...");
   }
   function Ne(L) {
-    n(!1), N(L), v(!0);
+    t(!1), N(L), v(!0);
   }
   const me = !["ready", "error"].includes(re);
-  return /* @__PURE__ */ e.jsxs(Ss, { open: s, onOpenChange: n, children: [
-    /* @__PURE__ */ e.jsx(ws, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+  return /* @__PURE__ */ e.jsxs(ws, { open: s, onOpenChange: t, children: [
+    /* @__PURE__ */ e.jsx(ks, { asChild: !0, children: /* @__PURE__ */ e.jsx(
       T,
       {
         onClick: () => {
@@ -1864,10 +1864,10 @@ function hl({
         children: "Type your question here..."
       }
     ) }),
-    /* @__PURE__ */ e.jsxs(ks, { className: "flex flex-col justify-between overflow-auto sm:max-w-[425px] md:max-h-[625px] md:min-w-[625px]", children: [
-      /* @__PURE__ */ e.jsx(zs, { children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-start justify-between gap-2 pr-5", children: [
+    /* @__PURE__ */ e.jsxs(zs, { className: "flex flex-col justify-between overflow-auto sm:max-w-[425px] md:max-h-[625px] md:min-w-[625px]", children: [
+      /* @__PURE__ */ e.jsx(Is, { children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-start justify-between gap-2 pr-5", children: [
         /* @__PURE__ */ e.jsxs("div", { children: [
-          /* @__PURE__ */ e.jsx(Is, { children: "Assistant" }),
+          /* @__PURE__ */ e.jsx(Os, { children: "Assistant" }),
           C && C.length > 0 && /* @__PURE__ */ e.jsxs("div", { className: "mt-2 flex flex-wrap items-center gap-2", children: [
             /* @__PURE__ */ e.jsx("span", { className: "text-xs text-muted-foreground", children: "Tables in scope:" }),
             C == null ? void 0 : C.map((L, G) => /* @__PURE__ */ e.jsxs(
@@ -1887,7 +1887,7 @@ function hl({
                       onClick: () => {
                         h(L);
                       },
-                      children: /* @__PURE__ */ e.jsx(Es, { className: "size-3 text-muted-foreground hover:text-foreground" })
+                      children: /* @__PURE__ */ e.jsx(ds, { className: "size-3 text-muted-foreground hover:text-foreground" })
                     }
                   )
                 ]
@@ -1922,9 +1922,9 @@ function hl({
           ] })
         ] }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ e.jsxs(Os, { children: [
-            /* @__PURE__ */ e.jsx(Ds, { children: /* @__PURE__ */ e.jsx(Hs, { className: "size-3.5 text-muted-foreground/70 hover:text-muted-foreground" }) }),
-            /* @__PURE__ */ e.jsxs(Ts, { align: "end", children: [
+          /* @__PURE__ */ e.jsxs(Ds, { children: [
+            /* @__PURE__ */ e.jsx(Ts, { children: /* @__PURE__ */ e.jsx(Hs, { className: "size-3.5 text-muted-foreground/70 hover:text-muted-foreground" }) }),
+            /* @__PURE__ */ e.jsxs(Ms, { align: "end", children: [
               /* @__PURE__ */ e.jsx(ua, { children: "Options" }),
               /* @__PURE__ */ e.jsx(ma, {}),
               /* @__PURE__ */ e.jsx(
@@ -2015,88 +2015,88 @@ var _a = {
   style: void 0,
   attr: void 0
 }, na = ze.createContext && /* @__PURE__ */ ze.createContext(_a), xl = ["attr", "size", "title"];
-function pl(s, n) {
+function pl(s, t) {
   if (s == null) return {};
-  var a = fl(s, n), t, l;
+  var a = fl(s, t), n, l;
   if (Object.getOwnPropertySymbols) {
     var r = Object.getOwnPropertySymbols(s);
     for (l = 0; l < r.length; l++)
-      t = r[l], !(n.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(s, t) && (a[t] = s[t]);
+      n = r[l], !(t.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(s, n) && (a[n] = s[n]);
   }
   return a;
 }
-function fl(s, n) {
+function fl(s, t) {
   if (s == null) return {};
   var a = {};
-  for (var t in s)
-    if (Object.prototype.hasOwnProperty.call(s, t)) {
-      if (n.indexOf(t) >= 0) continue;
-      a[t] = s[t];
+  for (var n in s)
+    if (Object.prototype.hasOwnProperty.call(s, n)) {
+      if (t.indexOf(n) >= 0) continue;
+      a[n] = s[n];
     }
   return a;
 }
 function os() {
   return os = Object.assign ? Object.assign.bind() : function(s) {
-    for (var n = 1; n < arguments.length; n++) {
-      var a = arguments[n];
-      for (var t in a)
-        Object.prototype.hasOwnProperty.call(a, t) && (s[t] = a[t]);
+    for (var t = 1; t < arguments.length; t++) {
+      var a = arguments[t];
+      for (var n in a)
+        Object.prototype.hasOwnProperty.call(a, n) && (s[n] = a[n]);
     }
     return s;
   }, os.apply(this, arguments);
 }
-function la(s, n) {
+function la(s, t) {
   var a = Object.keys(s);
   if (Object.getOwnPropertySymbols) {
-    var t = Object.getOwnPropertySymbols(s);
-    n && (t = t.filter(function(l) {
+    var n = Object.getOwnPropertySymbols(s);
+    t && (n = n.filter(function(l) {
       return Object.getOwnPropertyDescriptor(s, l).enumerable;
-    })), a.push.apply(a, t);
+    })), a.push.apply(a, n);
   }
   return a;
 }
 function cs(s) {
-  for (var n = 1; n < arguments.length; n++) {
-    var a = arguments[n] != null ? arguments[n] : {};
-    n % 2 ? la(Object(a), !0).forEach(function(t) {
-      gl(s, t, a[t]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(s, Object.getOwnPropertyDescriptors(a)) : la(Object(a)).forEach(function(t) {
-      Object.defineProperty(s, t, Object.getOwnPropertyDescriptor(a, t));
+  for (var t = 1; t < arguments.length; t++) {
+    var a = arguments[t] != null ? arguments[t] : {};
+    t % 2 ? la(Object(a), !0).forEach(function(n) {
+      gl(s, n, a[n]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(s, Object.getOwnPropertyDescriptors(a)) : la(Object(a)).forEach(function(n) {
+      Object.defineProperty(s, n, Object.getOwnPropertyDescriptor(a, n));
     });
   }
   return s;
 }
-function gl(s, n, a) {
-  return n = jl(n), n in s ? Object.defineProperty(s, n, { value: a, enumerable: !0, configurable: !0, writable: !0 }) : s[n] = a, s;
+function gl(s, t, a) {
+  return t = jl(t), t in s ? Object.defineProperty(s, t, { value: a, enumerable: !0, configurable: !0, writable: !0 }) : s[t] = a, s;
 }
 function jl(s) {
-  var n = bl(s, "string");
-  return typeof n == "symbol" ? n : n + "";
+  var t = bl(s, "string");
+  return typeof t == "symbol" ? t : t + "";
 }
-function bl(s, n) {
+function bl(s, t) {
   if (typeof s != "object" || !s) return s;
   var a = s[Symbol.toPrimitive];
   if (a !== void 0) {
-    var t = a.call(s, n || "default");
-    if (typeof t != "object") return t;
+    var n = a.call(s, t || "default");
+    if (typeof n != "object") return n;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (n === "string" ? String : Number)(s);
+  return (t === "string" ? String : Number)(s);
 }
 function Ha(s) {
-  return s && s.map((n, a) => /* @__PURE__ */ ze.createElement(n.tag, cs({
+  return s && s.map((t, a) => /* @__PURE__ */ ze.createElement(t.tag, cs({
     key: a
-  }, n.attr), Ha(n.child)));
+  }, t.attr), Ha(t.child)));
 }
 function ye(s) {
-  return (n) => /* @__PURE__ */ ze.createElement(vl, os({
+  return (t) => /* @__PURE__ */ ze.createElement(vl, os({
     attr: cs({}, s.attr)
-  }, n), Ha(s.child));
+  }, t), Ha(s.child));
 }
 function vl(s) {
-  var n = (a) => {
+  var t = (a) => {
     var {
-      attr: t,
+      attr: n,
       size: l,
       title: r
     } = s, i = pl(s, xl), o = l || a.size || "1em", c;
@@ -2104,7 +2104,7 @@ function vl(s) {
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
-    }, a.attr, t, i, {
+    }, a.attr, n, i, {
       className: c,
       style: cs(cs({
         color: s.color || a.color
@@ -2114,16 +2114,16 @@ function vl(s) {
       xmlns: "http://www.w3.org/2000/svg"
     }), r && /* @__PURE__ */ ze.createElement("title", null, r), s.children);
   };
-  return na !== void 0 ? /* @__PURE__ */ ze.createElement(na.Consumer, null, (a) => n(a)) : n(_a);
+  return na !== void 0 ? /* @__PURE__ */ ze.createElement(na.Consumer, null, (a) => t(a)) : t(_a);
 }
 function yl(s) {
   return ye({ tag: "svg", attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M439.8 200.5c-7.7-30.9-22.3-54.2-53.4-54.2h-40.1v47.4c0 36.8-31.2 67.8-66.8 67.8H172.7c-29.2 0-53.4 25-53.4 54.3v101.8c0 29 25.2 46 53.4 54.3 33.8 9.9 66.3 11.7 106.8 0 26.9-7.8 53.4-23.5 53.4-54.3v-40.7H226.2v-13.6h160.2c31.1 0 42.6-21.7 53.4-54.2 11.2-33.5 10.7-65.7 0-108.6zM286.2 404c11.1 0 20.1 9.1 20.1 20.3 0 11.3-9 20.4-20.1 20.4-11 0-20.1-9.2-20.1-20.4.1-11.3 9.1-20.3 20.1-20.3zM167.8 248.1h106.8c29.7 0 53.4-24.5 53.4-54.3V91.9c0-29-24.4-50.7-53.4-55.6-35.8-5.9-74.7-5.6-106.8.1-45.2 8-53.4 24.7-53.4 55.6v40.7h106.9v13.6h-147c-31.1 0-58.3 18.7-66.8 54.2-9.8 40.7-10.2 66.1 0 108.6 7.6 31.6 25.7 54.2 56.8 54.2H101v-48.8c0-35.3 30.5-66.4 66.8-66.4zm-6.7-142.6c-11.1 0-20.1-9.1-20.1-20.3.1-11.3 9-20.4 20.1-20.4 11 0 20.1 9.2 20.1 20.4s-9 20.3-20.1 20.3z" }, child: [] }] })(s);
 }
 function Nl({ sql: s }) {
-  return /* @__PURE__ */ e.jsxs(Ms, { children: [
-    /* @__PURE__ */ e.jsx(Fs, { asChild: !0, children: /* @__PURE__ */ e.jsx(T, { variant: "link", className: "h-5 p-0", children: /* @__PURE__ */ e.jsx(bt, { className: "h-4 w-4 text-muted-foreground" }) }) }),
+  return /* @__PURE__ */ e.jsxs(Fs, { children: [
+    /* @__PURE__ */ e.jsx(Ls, { asChild: !0, children: /* @__PURE__ */ e.jsx(T, { variant: "link", className: "h-5 p-0", children: /* @__PURE__ */ e.jsx(bt, { className: "h-4 w-4 text-muted-foreground" }) }) }),
     /* @__PURE__ */ e.jsx(
-      Ls,
+      Es,
       {
         align: "end",
         className: "w-full min-w-fit max-w-[700px] p-3 pt-2",
@@ -2136,7 +2136,7 @@ function Nl({ sql: s }) {
   ] });
 }
 function Pa(s) {
-  const { theme: n } = vt(), a = k((g) => g.theme), t = u((g) => g.frame), l = u((g) => g.card), r = u((g) => g.activeTabCardId), i = yt(), { refetch: o } = Fe(l), { updateCardTab: c, setRunSql: m } = ne(), x = is(), j = is({}), b = t.cards.find((g) => g.id === r), d = Ta(() => {
+  const { theme: t } = vt(), a = k((g) => g.theme), n = u((g) => g.frame), l = u((g) => g.card), r = u((g) => g.activeTabCardId), i = yt(), { refetch: o } = Fe(l), { updateCardTab: c, setRunSql: m } = ne(), x = is(), j = is({}), b = n.cards.find((g) => g.id === r), d = Ta(() => {
     let g = "";
     return s === "python" && (g = (b == null ? void 0 : b.python) || ya), s === "sql" && (g = (b == null ? void 0 : b.sql) || ""), g;
   }, [s, b]);
@@ -2178,7 +2178,7 @@ function Pa(s) {
         //     : getCssVariableValue('--semaphor-background'),
       }
     }), i.editor.setTheme("default");
-  }, [n, a, i]), se(() => {
+  }, [t, a, i]), se(() => {
     const g = x.current;
     g && i && l && g.addCommand(
       i.KeyMod.Shift | i.KeyCode.Enter,
@@ -2197,12 +2197,12 @@ function Pa(s) {
   return { handleEditorDidMount: f };
 }
 function Cl() {
-  const s = u((i) => i.card.sql), n = u((i) => i.sqlGen), { setCardSql: a, setSqlGen: t } = ne(), { handleEditorDidMount: l } = Pa("sql");
+  const s = u((i) => i.card.sql), t = u((i) => i.sqlGen), { setCardSql: a, setSqlGen: n } = ne(), { handleEditorDidMount: l } = Pa("sql");
   function r(i) {
-    a(i), Ct(n) || t({});
+    a(i), Ct(t) || n({});
   }
   return /* @__PURE__ */ e.jsx(
-    ds,
+    us,
     {
       theme: "default",
       className: "pt-3",
@@ -2226,16 +2226,16 @@ function Cl() {
   );
 }
 function Sl() {
-  const s = u((l) => l.card.python), { setCardPython: n } = ne(), { handleEditorDidMount: a } = Pa("python");
-  function t(l) {
-    n(l);
+  const s = u((l) => l.card.python), { setCardPython: t } = ne(), { handleEditorDidMount: a } = Pa("python");
+  function n(l) {
+    t(l);
   }
   return /* @__PURE__ */ e.jsx(
-    ds,
+    us,
     {
       className: "pt-3",
       theme: "default",
-      onChange: t,
+      onChange: n,
       value: s || ya,
       options: {
         minimap: {
@@ -2255,13 +2255,13 @@ function Sl() {
   );
 }
 function wl() {
-  const s = k((r) => r.dashboard.filters), n = k((r) => r.filterValues), a = k((r) => r.selectedSheetId), t = s == null ? void 0 : s.filter(
+  const s = k((r) => r.dashboard.filters), t = k((r) => r.filterValues), a = k((r) => r.selectedSheetId), n = s == null ? void 0 : s.filter(
     (r) => r.sheetId === a || !r.sheetId
-  ), l = n == null ? void 0 : n.filter(
-    (r) => (t == null ? void 0 : t.some((i) => i.id === r.filterId)) || r.filterId.endsWith(a)
+  ), l = t == null ? void 0 : t.filter(
+    (r) => (n == null ? void 0 : n.some((i) => i.id === r.filterId)) || r.filterId.endsWith(a)
   );
   return /* @__PURE__ */ e.jsx(
-    ds,
+    us,
     {
       theme: "default",
       defaultLanguage: "json",
@@ -2287,10 +2287,10 @@ function wl() {
 }
 function kl() {
   var Oe;
-  const [s, n] = q({
+  const [s, t] = q({
     queryKey: [],
     queryData: null
-  }), a = St(), [t, l] = q(!1), [r, i] = q(!1), [o, c] = q(!1), [m, x] = q(""), [j, b] = q(!1), d = u((z) => z.frame), f = u((z) => z.card), g = u((z) => z.isShowingVisual), N = u(
+  }), a = St(), [n, l] = q(!1), [r, i] = q(!1), [o, c] = q(!1), [m, x] = q(""), [j, b] = q(!1), d = u((z) => z.frame), f = u((z) => z.card), g = u((z) => z.isShowingVisual), N = u(
     (z) => z.selectedConnectionId
   ), v = u(
     (z) => z.selectedDatabaseName
@@ -2326,7 +2326,7 @@ function kl() {
       position: "top-center",
       richColors: !0
     }), p((B == null ? void 0 : B.output) || ""), B.records.length > 0)) {
-      const { dimensionKeys: z } = vs(B.records);
+      const { dimensionKeys: z } = ys(B.records);
       C(z);
     }
   }, [B, C, p]), se(() => {
@@ -2347,7 +2347,7 @@ function kl() {
   }, [Y, te, U, J, a]);
   function Ne() {
     const z = a.getQueryData(J);
-    s.queryData || n({
+    s.queryData || t({
       queryKey: J,
       queryData: z
     }), a.setQueryData(J, null), a.removeQueries({ queryKey: J, exact: !0 }), h(""), X({}), le(void 0), R(""), I({}), O("bar");
@@ -2362,8 +2362,8 @@ function kl() {
         if (ue == "All__Header")
           return z[0].id;
         if (ue && ue.endsWith("__Header")) {
-          const gs = ue.split("__")[0], Ze = z.find(
-            (js) => js.tabTitle === gs
+          const js = ue.split("__")[0], Ze = z.find(
+            (bs) => bs.tabTitle === js
           );
           return Ze ? Ze.id : z[0].id;
         }
@@ -2447,7 +2447,7 @@ function kl() {
             {
               id: "1",
               order: 1,
-              defaultSize: t ? 20 : 100,
+              defaultSize: n ? 20 : 100,
               className: "relative flex grow",
               children: [
                 /* @__PURE__ */ e.jsx(
@@ -2458,11 +2458,11 @@ function kl() {
                     children: /* @__PURE__ */ e.jsx(Cl, {})
                   }
                 ),
-                t && /* @__PURE__ */ e.jsx("code", { className: "absolute right-6 top-3 text-xs text-muted-foreground/70", children: "sql" })
+                n && /* @__PURE__ */ e.jsx("code", { className: "absolute right-6 top-3 text-xs text-muted-foreground/70", children: "sql" })
               ]
             }
           ),
-          t && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          n && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
             /* @__PURE__ */ e.jsx(ls, { withHandle: !0, className: "border" }),
             /* @__PURE__ */ e.jsxs(
               Se,
@@ -2550,7 +2550,7 @@ function kl() {
                   /* @__PURE__ */ e.jsx(
                     va,
                     {
-                      pressed: t,
+                      pressed: n,
                       onPressedChange: (z) => l(z),
                       className: "",
                       size: "sm",
@@ -2607,7 +2607,7 @@ function kl() {
 }
 function zl({ data: s }) {
   var i;
-  const [n, a] = ze.useState([]), l = Object.keys(s[0]).map((o) => ({
+  const [t, a] = ze.useState([]), l = Object.keys(s[0]).map((o) => ({
     // header: key,
     accessorKey: o,
     header: ({ column: c }) => {
@@ -2633,11 +2633,11 @@ function zl({ data: s }) {
     getSortedRowModel: Et(),
     manualPagination: !0,
     state: {
-      sorting: n
+      sorting: t
     }
   });
   return /* @__PURE__ */ e.jsx("div", { className: "font-mono text-xs text-foreground/95", children: /* @__PURE__ */ e.jsxs("table", { className: "w-full", children: [
-    /* @__PURE__ */ e.jsx(Dt, { children: r.getHeaderGroups().map((o) => /* @__PURE__ */ e.jsx(bs, { children: o.headers.map((c) => /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx(Dt, { children: r.getHeaderGroups().map((o) => /* @__PURE__ */ e.jsx(vs, { children: o.headers.map((c) => /* @__PURE__ */ e.jsx(
       Tt,
       {
         className: "sticky top-0 h-11 bg-muted font-semibold",
@@ -2649,19 +2649,19 @@ function zl({ data: s }) {
       c.id
     )) }, o.id)) }),
     /* @__PURE__ */ e.jsx(Mt, { children: (i = r.getRowModel().rows) != null && i.length ? r.getRowModel().rows.map((o) => /* @__PURE__ */ e.jsx(
-      bs,
+      vs,
       {
         className: "whitespace-nowrap py-2",
         "data-state": o.getIsSelected() && "selected",
         children: o.getVisibleCells().map((c) => /* @__PURE__ */ e.jsx(ea, { className: "py-3", children: Ys(c.column.columnDef.cell, c.getContext()) }, c.id))
       },
       o.id
-    )) : /* @__PURE__ */ e.jsx(bs, { children: /* @__PURE__ */ e.jsx(ea, { colSpan: l.length, className: "h-24 text-center", children: "No results." }) }) })
+    )) : /* @__PURE__ */ e.jsx(vs, { children: /* @__PURE__ */ e.jsx(ea, { colSpan: l.length, className: "h-24 text-center", children: "No results." }) }) })
   ] }) });
 }
 function Il({ card: s }) {
   var v, V, F, S, w, D, R, C, h, p, I;
-  const [n, a] = q(!1), [t, l] = q(
+  const [t, a] = q(!1), [n, l] = q(
     []
   ), { authToken: r } = Ie(), i = Vt(r == null ? void 0 : r.accessToken), o = k((O) => O.themeStyle), c = {
     colors: ((V = (v = o == null ? void 0 : o.chart) == null ? void 0 : v.dataset) == null ? void 0 : V.backgroundColor) || []
@@ -2736,7 +2736,7 @@ function Il({ card: s }) {
                   return (A = O == null ? void 0 : O.customCardPreferences) == null ? void 0 : A.settings;
                 }
               ),
-              data: N.map((O) => O != null && O.id ? t == null ? void 0 : t[O.id] : [])
+              data: N.map((O) => O != null && O.id ? n == null ? void 0 : n[O.id] : [])
             }
           ) })
         ] })
@@ -2749,10 +2749,10 @@ function $a({
   // card,
   // showCard,
   className: s,
-  ...n
+  ...t
 }) {
   var N;
-  const a = u((v) => v.card), t = ((N = a.customCardPreferences) == null ? void 0 : N.showCardHeader) ?? !0, l = u((v) => v.frame), r = k((v) => v.dashboard.filters);
+  const a = u((v) => v.card), n = ((N = a.customCardPreferences) == null ? void 0 : N.showCardHeader) ?? !0, l = u((v) => v.frame), r = k((v) => v.dashboard.filters);
   u((v) => v.actions.setRunSql);
   const { updateFilter: i } = Re(), o = r == null ? void 0 : r.find((v) => v.id === l.filterId), { data: c, isLoading: m, isFetching: x } = Fe(a), { setCard: j } = ne(), { data: b } = Vs(a);
   if (!a.id) return null;
@@ -2796,9 +2796,9 @@ function $a({
     {
       role: "editor-visual-card",
       className: Z("relative flex h-full flex-col rounded-none", s),
-      ...n,
+      ...t,
       children: [
-        t && /* @__PURE__ */ e.jsxs(Rt, { className: "flex flex-row items-start justify-between py-4", children: [
+        n && /* @__PURE__ */ e.jsxs(Rt, { className: "flex flex-row items-start justify-between py-4", children: [
           /* @__PURE__ */ e.jsxs("div", { children: [
             /* @__PURE__ */ e.jsx(
               es,
@@ -2837,8 +2837,8 @@ function $a({
     }
   );
 }
-const ra = ({ language: s, value: n, onChange: a }) => /* @__PURE__ */ e.jsx(
-  ds,
+const ra = ({ language: s, value: t, onChange: a }) => /* @__PURE__ */ e.jsx(
+  us,
   {
     className: "h-full w-full overflow-hidden text-xs",
     theme: "default",
@@ -2854,11 +2854,11 @@ const ra = ({ language: s, value: n, onChange: a }) => /* @__PURE__ */ e.jsx(
       renderLineHighlight: "none"
     },
     defaultLanguage: s,
-    value: n,
+    value: t,
     onChange: a
   }
-), Ol = () => /* @__PURE__ */ e.jsxs(zs, { children: [
-  /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e.jsx(Is, { children: "Customize Card" }) }),
+), Ol = () => /* @__PURE__ */ e.jsxs(Is, { children: [
+  /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e.jsx(Os, { children: "Customize Card" }) }),
   /* @__PURE__ */ e.jsxs(ca, { children: [
     "See the configuration options and documentation",
     /* @__PURE__ */ e.jsx(
@@ -2873,9 +2873,9 @@ const ra = ({ language: s, value: n, onChange: a }) => /* @__PURE__ */ e.jsx(
   ] })
 ] }), Dl = ({
   defaultConfig: s,
-  customCode: n,
+  customCode: t,
   customConfig: a,
-  onConfigChange: t,
+  onConfigChange: n,
   onCodeChange: l
 }) => /* @__PURE__ */ e.jsxs(ka, { defaultValue: "custom-config", className: "flex w-1/2 flex-col", children: [
   /* @__PURE__ */ e.jsxs(za, { className: "justify-start rounded-sm rounded-b-none border border-b-0", children: [
@@ -2908,7 +2908,7 @@ const ra = ({ language: s, value: n, onChange: a }) => /* @__PURE__ */ e.jsx(
         {
           language: "json",
           value: a,
-          onChange: t
+          onChange: n
         }
       )
     }
@@ -2922,7 +2922,7 @@ const ra = ({ language: s, value: n, onChange: a }) => /* @__PURE__ */ e.jsx(
         ra,
         {
           language: "javascript",
-          value: n,
+          value: t,
           onChange: l
         }
       )
@@ -2930,18 +2930,18 @@ const ra = ({ language: s, value: n, onChange: a }) => /* @__PURE__ */ e.jsx(
   )
 ] }), Tl = ({
   error: s,
-  hasCustomConfig: n,
+  hasCustomConfig: t,
   onReset: a,
-  onApply: t,
+  onApply: n,
   onClose: l
 }) => /* @__PURE__ */ e.jsxs(da, { className: "flex items-center", children: [
   /* @__PURE__ */ e.jsx(H, { className: "mr-2 text-red-500", children: s }),
-  /* @__PURE__ */ e.jsx(T, { disabled: !n, onClick: a, variant: "outline", children: "Reset" }),
-  /* @__PURE__ */ e.jsx(T, { onClick: t, variant: "outline", children: "Apply" }),
+  /* @__PURE__ */ e.jsx(T, { disabled: !t, onClick: a, variant: "outline", children: "Reset" }),
+  /* @__PURE__ */ e.jsx(T, { onClick: n, variant: "outline", children: "Apply" }),
   /* @__PURE__ */ e.jsx(T, { onClick: l, variant: "outline", children: "Close" })
 ] });
 function Ml() {
-  const [s, n] = q(!1), [a, t] = q(""), [l, r] = q(""), [i, o] = q(""), [c, m] = q(""), x = u((S) => S.card), j = u((S) => S.card.customCfg), { data: b } = Fe(x), { data: d } = Vs(x), { setCardCustomCfg: f, setCustomVisualCode: g } = ne(), N = (S, w) => Ce.transform(S, (D, R, C) => {
+  const [s, t] = q(!1), [a, n] = q(""), [l, r] = q(""), [i, o] = q(""), [c, m] = q(""), x = u((S) => S.card), j = u((S) => S.card.customCfg), { data: b } = Fe(x), { data: d } = Vs(x), { setCardCustomCfg: f, setCustomVisualCode: g } = ne(), N = (S, w) => Ce.transform(S, (D, R, C) => {
     if (!Ce.isEqual(R, w[C]))
       if (Ce.isArray(R) && Ce.isArray(w[C]))
         D[C] = w[C];
@@ -2977,7 +2977,7 @@ function Ml() {
       topoJson: d
     });
     if (S) {
-      t(v(S)), o(((D = x.preferences) == null ? void 0 : D.customVisualCode) || "");
+      n(v(S)), o(((D = x.preferences) == null ? void 0 : D.customVisualCode) || "");
       const R = Ce.merge(S, j);
       r(v(R));
     }
@@ -2996,8 +2996,8 @@ function Ml() {
       m("Invalid JSON configuration");
     }
   };
-  return /* @__PURE__ */ e.jsxs(Ss, { open: s, onOpenChange: n, children: [
-    /* @__PURE__ */ e.jsx(ws, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+  return /* @__PURE__ */ e.jsxs(ws, { open: s, onOpenChange: t, children: [
+    /* @__PURE__ */ e.jsx(ks, { asChild: !0, children: /* @__PURE__ */ e.jsx(
       T,
       {
         onClick: V,
@@ -3007,10 +3007,10 @@ function Ml() {
         children: /* @__PURE__ */ e.jsx(Ut, { className: "h-4 w-4" })
       }
     ) }),
-    /* @__PURE__ */ e.jsxs(ks, { className: "max-h-[70vh] min-h-[70vh] overflow-auto sm:min-w-[900px] lg:min-w-[1200px]", children: [
+    /* @__PURE__ */ e.jsxs(zs, { className: "max-h-[70vh] min-h-[70vh] overflow-auto sm:min-w-[900px] lg:min-w-[1200px]", children: [
       /* @__PURE__ */ e.jsx(Ol, {}),
       /* @__PURE__ */ e.jsxs("div", { className: "flex grow gap-2", children: [
-        /* @__PURE__ */ e.jsx(us, { FallbackComponent: wa, children: /* @__PURE__ */ e.jsx($a, { className: "w-1/2 rounded shadow-none" }) }),
+        /* @__PURE__ */ e.jsx(ms, { FallbackComponent: wa, children: /* @__PURE__ */ e.jsx($a, { className: "w-1/2 rounded shadow-none" }) }),
         /* @__PURE__ */ e.jsx(
           Dl,
           {
@@ -3031,7 +3031,7 @@ function Ml() {
             r(a), f(null);
           },
           onApply: F,
-          onClose: () => n(!1)
+          onClose: () => t(!1)
         }
       )
     ] })
@@ -3062,32 +3062,32 @@ function Za(s) {
   return ye({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M217 25v14h78V25h-78zm0 32v46h14V71h50v32h14V57h-78zm32 32v14h14V89h-14zm-64 32v46h30v-46h-30zm48 0v14h46v-14h-46zm64 0v46h30v-46h-30zm-64 32v14h46v-14h-46zm-80 32v46h62v-46h-62zm80 0v14h46v-14h-46zm64 0v46h62v-46h-62zm-64 32v14h46v-14h-46zm-112 32v46h94v-46h-94zm112 0v14h46v-14h-46zm64 0v46h94v-46h-94zm-64 32v14h46v-14h-46zM89 313v46h126v-46H89zm144 0v14h46v-14h-46zm64 0v46h126v-46H297zm-64 32v14h46v-14h-46zM57 377v46h158v-46H57zm176 0v14h46v-14h-46zm64 0v46h158v-46H297zm-64 32v14h46v-14h-46zM25 441v46h190v-46H25zm208 0v14h46v-14h-46zm64 0v46h190v-46H297zm-64 32v14h46v-14h-46z" }, child: [] }] })(s);
 }
 function Xa(s) {
-  const [n, a] = q(null);
+  const [t, a] = q(null);
   return se(() => {
     s && (async () => {
-      const r = (await import("./lucide-react-DGNkJZmc.js"))[s];
+      const r = (await import("./lucide-react-kV8FnbaF.js"))[s];
       a(r);
     })();
-  }, [s]), n;
+  }, [s]), t;
 }
 function Ya() {
-  const { authToken: s } = Ie(), { data: n, isLoading: a, isFetching: t, isError: l } = Te({
+  const { authToken: s } = Ie(), { data: t, isLoading: a, isFetching: n, isError: l } = Te({
     queryKey: ["plugins", s == null ? void 0 : s.accessToken],
     queryFn: () => Wt(s == null ? void 0 : s.accessToken)
     // staleTime: Infinity,
   });
-  return { data: n, isLoading: a, isFetching: t, isError: l };
+  return { data: t, isLoading: a, isFetching: n, isError: l };
 }
 function Fl({
   onChartTypeChange: s
 }) {
-  const [n, a] = q([]), { data: t } = Ya();
+  const [t, a] = q([]), { data: n } = Ya();
   return se(() => {
     (async () => {
       var r;
-      if (t) {
+      if (n) {
         const o = (await Promise.all(
-          (r = t == null ? void 0 : t.plugins) == null ? void 0 : r.map(async (c) => (await Kt(c.value)).visuals.map((j) => ({
+          (r = n == null ? void 0 : n.plugins) == null ? void 0 : r.map(async (c) => (await Kt(c.value)).visuals.map((j) => ({
             name: j.name,
             icon: j.icon,
             url: c.value
@@ -3096,9 +3096,9 @@ function Fl({
         a(o);
       }
     })();
-  }, [t]), n.length === 0 ? null : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  }, [n]), t.length === 0 ? null : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(ke, { className: "my-2" }),
-    /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-4 place-items-center", children: n.map((l, r) => /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-4 place-items-center", children: t.map((l, r) => /* @__PURE__ */ e.jsx(
       Ll,
       {
         text: l.name,
@@ -3111,15 +3111,15 @@ function Fl({
 }
 const Ll = ({
   text: s,
-  icon: n,
+  icon: t,
   onClick: a
 }) => {
-  const t = Xa(n || ""), l = s.charAt(0).toUpperCase();
-  return /* @__PURE__ */ e.jsx(T, { onClick: a, title: s, variant: "ghost", children: t ? /* @__PURE__ */ e.jsx(t, { className: "h-4 w-4" }) : l });
+  const n = Xa(t || ""), l = s.charAt(0).toUpperCase();
+  return /* @__PURE__ */ e.jsx(T, { onClick: a, title: s, variant: "ghost", children: n ? /* @__PURE__ */ e.jsx(n, { className: "h-4 w-4" }) : l });
 };
 function El() {
   var x, j;
-  const [s, n] = q(!1), a = u((b) => b.card), t = a.type, { setCardType: l, setCardPreferences: r, setChartOrientation: i } = u((b) => b.actions), { setCardCustomCfg: o, setCustomCardPreferences: c } = ne();
+  const [s, t] = q(!1), a = u((b) => b.card), n = a.type, { setCardType: l, setCardPreferences: r, setChartOrientation: i } = u((b) => b.actions), { setCardCustomCfg: o, setCustomCardPreferences: c } = ne();
   function m(b, d) {
     o(null), r({}), l(b), d && c({
       type: "component",
@@ -3127,19 +3127,19 @@ function El() {
       url: d.url,
       componentName: d.name,
       icon: d.icon
-    }), n(!1);
+    }), t(!1);
   }
-  return /* @__PURE__ */ e.jsxs(ms, { open: s, onOpenChange: n, children: [
-    /* @__PURE__ */ e.jsx(hs, { asChild: !0, children: /* @__PURE__ */ e.jsx(T, { size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(
+  return /* @__PURE__ */ e.jsxs(hs, { open: s, onOpenChange: t, children: [
+    /* @__PURE__ */ e.jsx(xs, { asChild: !0, children: /* @__PURE__ */ e.jsx(T, { size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(
       Vl,
       {
         className: "h-4 w-4",
-        chartType: t,
+        chartType: n,
         customIcon: (x = a.customCardPreferences) == null ? void 0 : x.icon,
         componentName: (j = a.customCardPreferences) == null ? void 0 : j.componentName
       }
     ) }) }),
-    /* @__PURE__ */ e.jsxs(xs, { className: "w-50", children: [
+    /* @__PURE__ */ e.jsxs(ps, { className: "w-50", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-4 place-items-center", children: [
         /* @__PURE__ */ e.jsx(
           T,
@@ -3291,54 +3291,54 @@ function El() {
 }
 function Vl({
   chartType: s,
-  className: n,
+  className: t,
   customIcon: a,
-  componentName: t
+  componentName: n
 }) {
   const l = Xa(a || "");
   switch (s) {
     case "bar":
-      return /* @__PURE__ */ e.jsx(Rs, { className: n });
+      return /* @__PURE__ */ e.jsx(Rs, { className: t });
     case "line":
-      return /* @__PURE__ */ e.jsx(_s, { className: n });
+      return /* @__PURE__ */ e.jsx(_s, { className: t });
     case "pie":
-      return /* @__PURE__ */ e.jsx(Fa, { className: n });
+      return /* @__PURE__ */ e.jsx(Fa, { className: t });
     case "radar":
-      return /* @__PURE__ */ e.jsx(Ba, { className: n });
+      return /* @__PURE__ */ e.jsx(Ba, { className: t });
     case "scatter":
-      return /* @__PURE__ */ e.jsx(La, { className: n });
+      return /* @__PURE__ */ e.jsx(La, { className: t });
     case "bubble":
-      return /* @__PURE__ */ e.jsx(Ja, { className: n });
+      return /* @__PURE__ */ e.jsx(Ja, { className: t });
     case "doughnut":
-      return /* @__PURE__ */ e.jsx(Ga, { className: n });
+      return /* @__PURE__ */ e.jsx(Ga, { className: t });
     case "stackedBar":
       return /* @__PURE__ */ e.jsx(Ka, { className: "size-4 text-foreground/70" });
     case "stackedLine":
       return /* @__PURE__ */ e.jsx(Wa, { className: "size-4 text-foreground/70" });
     case "polarArea":
-      return /* @__PURE__ */ e.jsx(Ua, { className: n });
+      return /* @__PURE__ */ e.jsx(Ua, { className: t });
     case "pyramid":
-      return /* @__PURE__ */ e.jsx(Za, { className: n });
+      return /* @__PURE__ */ e.jsx(Za, { className: t });
     case "range":
-      return /* @__PURE__ */ e.jsx(Ma, { className: n });
+      return /* @__PURE__ */ e.jsx(Ma, { className: t });
     case "kpi":
-      return /* @__PURE__ */ e.jsx(Qa, { className: n });
+      return /* @__PURE__ */ e.jsx(Qa, { className: t });
     case "text":
-      return /* @__PURE__ */ e.jsx($s, { className: n });
+      return /* @__PURE__ */ e.jsx($s, { className: t });
     case "map":
-      return /* @__PURE__ */ e.jsx(Ea, { className: n });
+      return /* @__PURE__ */ e.jsx(Ea, { className: t });
     case "custom":
-      return a && l ? /* @__PURE__ */ e.jsx(l, { className: n }) : t ? t == null ? void 0 : t.charAt(0).toUpperCase() : /* @__PURE__ */ e.jsx(Va, { className: n });
+      return a && l ? /* @__PURE__ */ e.jsx(l, { className: t }) : n ? n == null ? void 0 : n.charAt(0).toUpperCase() : /* @__PURE__ */ e.jsx(Va, { className: t });
     default:
-      return /* @__PURE__ */ e.jsx(Ps, { className: n });
+      return /* @__PURE__ */ e.jsx(Ps, { className: t });
   }
 }
 function Al() {
-  var n;
+  var t;
   const s = u((a) => a.card);
-  return (n = s.customCardPreferences) == null || n.showCardHeader, ne(), /* @__PURE__ */ e.jsxs(Os, { children: [
-    /* @__PURE__ */ e.jsx(Ds, { asChild: !0, children: /* @__PURE__ */ e.jsx(Hs, { className: "size-4 cursor-pointer text-muted-foreground/70 transition-colors hover:text-muted-foreground" }) }),
-    /* @__PURE__ */ e.jsx(Ts, { align: "start", className: "w-40 text-muted-foreground", children: /* @__PURE__ */ e.jsxs(
+  return (t = s.customCardPreferences) == null || t.showCardHeader, ne(), /* @__PURE__ */ e.jsxs(Ds, { children: [
+    /* @__PURE__ */ e.jsx(Ts, { asChild: !0, children: /* @__PURE__ */ e.jsx(Hs, { className: "size-4 cursor-pointer text-muted-foreground/70 transition-colors hover:text-muted-foreground" }) }),
+    /* @__PURE__ */ e.jsx(Ms, { align: "start", className: "w-40 text-muted-foreground", children: /* @__PURE__ */ e.jsxs(
       Qt,
       {
         onClick: () => {
@@ -3355,13 +3355,13 @@ function Al() {
 }
 function ia() {
   var C;
-  const s = u((h) => h.frame), n = u((h) => h.card), a = u((h) => h.isShowingVisual), t = u((h) => h.isSqlRunning), l = u((h) => h.pythonStdOut);
+  const s = u((h) => h.frame), t = u((h) => h.card), a = u((h) => h.isShowingVisual), n = u((h) => h.isSqlRunning), l = u((h) => h.pythonStdOut);
   u((h) => h.actions.setRunSql);
-  const { setFrame: r, setCard: i, updateCardInFrame: o, setActiveTabCardId: c } = ne(), { data: m, isLoading: x, isFetching: j, error: b } = Fe(n);
-  if (!n) return /* @__PURE__ */ e.jsx(e.Fragment, { children: "No Active Card" });
+  const { setFrame: r, setCard: i, updateCardInFrame: o, setActiveTabCardId: c } = ne(), { data: m, isLoading: x, isFetching: j, error: b } = Fe(t);
+  if (!t) return /* @__PURE__ */ e.jsx(e.Fragment, { children: "No Active Card" });
   function d() {
     const h = {
-      connectionId: n.connectionId,
+      connectionId: t.connectionId,
       id: Ue(),
       title: "Title",
       description: "Description",
@@ -3389,10 +3389,10 @@ function ia() {
   }
   function g() {
     const h = {
-      ...n,
+      ...t,
       id: Ue(),
-      title: `${n.title} Copy`,
-      tabTitle: `${n.tabTitle || n.title} Copy`
+      title: `${t.title} Copy`,
+      tabTitle: `${t.tabTitle || t.title} Copy`
     };
     f(h);
   }
@@ -3448,7 +3448,7 @@ function ia() {
               {
                 text: h.tabTitle || h.title,
                 onSave: (I) => {
-                  i({ ...n, tabTitle: I }), o({ ...n, tabTitle: I });
+                  i({ ...t, tabTitle: I }), o({ ...t, tabTitle: I });
                 },
                 children: /* @__PURE__ */ e.jsxs(
                   ss,
@@ -3463,7 +3463,7 @@ function ia() {
                       w(s, h),
                       h.tabTitle || h.title,
                       s.activeCardId === h.id && s.cards.length > 1 && /* @__PURE__ */ e.jsx(
-                        Es,
+                        ds,
                         {
                           className: "ml-2 size-3.5 text-muted-foreground hover:text-foreground",
                           onClick: () => N(h.id)
@@ -3499,21 +3499,21 @@ function ia() {
     );
   }
   function R() {
-    return n.type === "kpi" ? /* @__PURE__ */ e.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e.jsx(Xt, { card: n, data: m == null ? void 0 : m.records }) }) }) : n.type === "text" ? /* @__PURE__ */ e.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e.jsx(ve, { className: "mx-3 my-6 h-[300px] overflow-y-auto break-words px-3", children: /* @__PURE__ */ e.jsx(
+    return t.type === "kpi" ? /* @__PURE__ */ e.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e.jsx(Xt, { card: t, data: m == null ? void 0 : m.records }) }) }) : t.type === "text" ? /* @__PURE__ */ e.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e.jsx(ve, { className: "mx-3 my-6 h-[300px] overflow-y-auto break-words px-3", children: /* @__PURE__ */ e.jsx(
       Yt,
       {
-        isLoading: t,
-        card: n,
+        isLoading: n,
+        card: t,
         data: m == null ? void 0 : m.records
       }
-    ) }) }) }) : /* @__PURE__ */ e.jsx(us, { FallbackComponent: wa, children: /* @__PURE__ */ e.jsx($a, { className: "grow border-none shadow-none" }) });
+    ) }) }) }) : /* @__PURE__ */ e.jsx(ms, { FallbackComponent: wa, children: /* @__PURE__ */ e.jsx($a, { className: "grow border-none shadow-none" }) });
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "relative flex h-full flex-col py-3", children: [
     (x || j) && /* @__PURE__ */ e.jsx("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.jsx(Ke, { className: "h-8 w-8 animate-spin text-muted-foreground" }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "mb-0 flex min-h-10 items-center justify-end gap-2 px-6", children: [
       a && /* @__PURE__ */ e.jsxs("div", { className: "flex grow items-center gap-2", children: [
         /* @__PURE__ */ e.jsx(El, {}),
-        !["table", "custom"].includes(n.type) && /* @__PURE__ */ e.jsx(Ml, {}),
+        !["table", "custom"].includes(t.type) && /* @__PURE__ */ e.jsx(Ml, {}),
         /* @__PURE__ */ e.jsx(Al, {})
       ] }),
       /* @__PURE__ */ e.jsx(Rl, {})
@@ -3560,17 +3560,17 @@ function ia() {
 function ql() {
   const s = u((a) => a.pythonStdOut);
   if (!s) return null;
-  const n = s.replace(/\n/g, "<br>");
+  const t = s.replace(/\n/g, "<br>");
   return /* @__PURE__ */ e.jsxs("div", { className: "relative flex w-full flex-col border-r", children: [
     /* @__PURE__ */ e.jsx("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__ */ e.jsxs(ve, { className: "overflow-y-auto px-2 pt-1 font-mono text-xs text-foreground/90", children: [
-      /* @__PURE__ */ e.jsx("div", { dangerouslySetInnerHTML: { __html: n } }),
+      /* @__PURE__ */ e.jsx("div", { dangerouslySetInnerHTML: { __html: t } }),
       /* @__PURE__ */ e.jsx(We, { orientation: "horizontal" })
     ] })
   ] });
 }
 function Rl() {
-  const s = u((a) => a.isShowingVisual), n = u(
+  const s = u((a) => a.isShowingVisual), t = u(
     (a) => a.actions.setIsShowingVisual
   );
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
@@ -3579,7 +3579,7 @@ function Rl() {
       en,
       {
         checked: s,
-        onCheckedChange: () => n(!s),
+        onCheckedChange: () => t(!s),
         id: "visualize",
         className: "data-[state=checked]:bg-foreground/50"
       }
@@ -3588,31 +3588,31 @@ function Rl() {
 }
 function _l({
   options: s,
-  value: n,
+  value: t,
   onValueChange: a
 }) {
   return /* @__PURE__ */ e.jsx(
-    ps,
+    fs,
     {
-      value: n,
+      value: t,
       onValueChange: a,
       className: "flex gap-4",
       defaultValue: s[0].value,
-      children: s.map((t) => /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-        /* @__PURE__ */ e.jsx(Me, { value: t.value, id: t.value }),
-        /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: t.value, children: t.label })
-      ] }, t.value))
+      children: s.map((n) => /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
+        /* @__PURE__ */ e.jsx(Me, { value: n.value, id: n.value }),
+        /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: n.value, children: n.label })
+      ] }, n.value))
     }
   );
 }
 function xe({
   label: s,
-  options: n,
+  options: t,
   value: a,
-  onValueChange: t,
+  onValueChange: n,
   className: l
 }) {
-  return /* @__PURE__ */ e.jsxs(pe, { value: a, onValueChange: t, children: [
+  return /* @__PURE__ */ e.jsxs(pe, { value: a, onValueChange: n, children: [
     /* @__PURE__ */ e.jsx(
       fe,
       {
@@ -3622,24 +3622,24 @@ function xe({
     ),
     /* @__PURE__ */ e.jsx(je, { children: /* @__PURE__ */ e.jsxs(we, { children: [
       /* @__PURE__ */ e.jsx(be, { children: s }),
-      n.map((r) => /* @__PURE__ */ e.jsx(ee, { value: r.value, children: r.label }, r.value))
+      t.map((r) => /* @__PURE__ */ e.jsx(ee, { value: r.value, children: r.label }, r.value))
     ] }) })
   ] });
 }
 function Be({
   children: s,
-  summary: n,
+  summary: t,
   open: a,
-  className: t
+  className: n
 }) {
   return /* @__PURE__ */ e.jsxs(
     "details",
     {
       open: a,
-      className: Z("space-y-4 [&_summary>svg]:open:-rotate-180", t),
+      className: Z("space-y-4 [&_summary>svg]:open:-rotate-180", n),
       children: [
         /* @__PURE__ */ e.jsxs("summary", { className: "flex cursor-pointer list-none items-center justify-between gap-4", children: [
-          /* @__PURE__ */ e.jsx(H, { children: n }),
+          /* @__PURE__ */ e.jsx(H, { children: t }),
           /* @__PURE__ */ e.jsx(an, { className: "h-4 w-4" })
         ] }),
         /* @__PURE__ */ e.jsx("div", { className: "transition-all ease-in-out", children: s })
@@ -3651,7 +3651,7 @@ function Hl() {
   var g, N;
   const s = u(
     (v) => v.card.customCardPreferences
-  ), { data: n } = Ya(), a = (n == null ? void 0 : n.plugins) || [], t = u((v) => v.card), l = u((v) => v.frame), r = (s == null ? void 0 : s.visualType) || "single", { setCustomCardPreferences: i } = ne(), { components: o, manifest: c } = Na(
+  ), { data: t } = Ya(), a = (t == null ? void 0 : t.plugins) || [], n = u((v) => v.card), l = u((v) => v.frame), r = (s == null ? void 0 : s.visualType) || "single", { setCustomCardPreferences: i } = ne(), { components: o, manifest: c } = Na(
     (s == null ? void 0 : s.url) || ""
   ), m = (g = c == null ? void 0 : c.visuals) == null ? void 0 : g.find(
     (v) => v.name === (s == null ? void 0 : s.componentName)
@@ -3813,7 +3813,7 @@ function Hl() {
           ] }) })
         ] }) }) }),
         /* @__PURE__ */ e.jsx(ke, { className: "my-4" }),
-        ((N = t == null ? void 0 : t.customCardPreferences) == null ? void 0 : N.componentName) && /* @__PURE__ */ e.jsxs(Be, { summary: "Component Settings", children: [
+        ((N = n == null ? void 0 : n.customCardPreferences) == null ? void 0 : N.componentName) && /* @__PURE__ */ e.jsxs(Be, { summary: "Component Settings", children: [
           m && m.dataInputs && /* @__PURE__ */ e.jsxs("div", { className: "space-y-3", children: [
             /* @__PURE__ */ e.jsx(H, { children: "Input Mapping" }),
             /* @__PURE__ */ e.jsx("div", { className: "px-2", children: j(m) })
@@ -3825,11 +3825,11 @@ function Hl() {
   );
 }
 function Ve() {
-  const [s, n] = q([]);
+  const [s, t] = q([]);
   u(
     (x) => x.card.cfg
   );
-  const a = u((x) => x.card.preferences), { setCardCfg: t, setFilterOnClickColumnIndex: l, setCardPreferences: r } = u((x) => x.actions), i = u(
+  const a = u((x) => x.card.preferences), { setCardCfg: n, setFilterOnClickColumnIndex: l, setCardPreferences: r } = u((x) => x.actions), i = u(
     (x) => x.queryResultColumns
   );
   u(
@@ -3838,7 +3838,7 @@ function Ve() {
       return (j = x.card.preferences) == null ? void 0 : j.filterOnClickColumnIndex;
     }
   ), se(() => {
-    i && n(new Array(i.length).fill(!1));
+    i && t(new Array(i.length).fill(!1));
   }, [i]);
   function o(x, j) {
     var b, d;
@@ -3864,7 +3864,7 @@ function Ve() {
       onClickFilter: (d = a == null ? void 0 : a.onClickFilter) == null ? void 0 : d.filter(
         (f) => f.columnIndex !== x
       )
-    }), n((f) => {
+    }), t((f) => {
       const g = [...f];
       return g[x] = !1, g;
     }));
@@ -3926,7 +3926,7 @@ function Ve() {
                 ha,
                 {
                   onClick: () => {
-                    n((f) => {
+                    t((f) => {
                       const g = [...f];
                       return g[j] = !f[j], g;
                     });
@@ -3943,19 +3943,19 @@ function Ve() {
     })
   ] });
 }
-function fs() {
+function gs() {
   var i, o, c;
-  const s = u((m) => m.card.preferences), n = u(
+  const s = u((m) => m.card.preferences), t = u(
     (m) => m.card.cfg
-  ), { setCardCfg: a, setCardPreferences: t, setChartOrientation: l } = u((m) => m.actions);
-  (i = n == null ? void 0 : n.options) != null && i.indexAxis;
+  ), { setCardCfg: a, setCardPreferences: n, setChartOrientation: l } = u((m) => m.actions);
+  (i = t == null ? void 0 : t.options) != null && i.indexAxis;
   function r(m) {
     l(m);
   }
   return /* @__PURE__ */ e.jsxs(
-    ps,
+    fs,
     {
-      value: ((o = s == null ? void 0 : s.chartOptions) == null ? void 0 : o.indexAxis) || ((c = n == null ? void 0 : n.options) == null ? void 0 : c.indexAxis) || "x",
+      value: ((o = s == null ? void 0 : s.chartOptions) == null ? void 0 : o.indexAxis) || ((c = t == null ? void 0 : t.options) == null ? void 0 : c.indexAxis) || "x",
       onValueChange: r,
       className: "flex gap-3",
       defaultValue: "x",
@@ -3973,20 +3973,20 @@ function fs() {
   );
 }
 const Xe = "focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0";
-function oa(s, n) {
-  var t, l, r;
-  const a = Ia(s, n);
-  return ((r = (l = (t = s == null ? void 0 : s.chartOptions) == null ? void 0 : t.scales) == null ? void 0 : l[a]) == null ? void 0 : r.type) || "linear";
+function oa(s, t) {
+  var n, l, r;
+  const a = Ia(s, t);
+  return ((r = (l = (n = s == null ? void 0 : s.chartOptions) == null ? void 0 : n.scales) == null ? void 0 : l[a]) == null ? void 0 : r.type) || "linear";
 }
 function et() {
   var Y, U, le, ce, B, re;
-  const [s, n] = q(!1), a = u((E) => {
+  const [s, t] = q(!1), a = u((E) => {
     var M;
     return (M = E.card) == null ? void 0 : M.preferences;
-  }), t = u((E) => {
+  }), n = u((E) => {
     var M;
     return (M = E.card) == null ? void 0 : M.cfg;
-  }), l = Ia(a, t), [r, i] = q(
+  }), l = Ia(a, n), [r, i] = q(
     oa(a)
   ), [o, c] = q(
     ((le = (U = (Y = a == null ? void 0 : a.chartOptions) == null ? void 0 : Y.scales) == null ? void 0 : U[l]) == null ? void 0 : le.min) || ""
@@ -4147,9 +4147,9 @@ function et() {
     };
     C(ae);
   }
-  return /* @__PURE__ */ e.jsxs(ms, { onOpenChange: (E) => n(E), children: [
-    /* @__PURE__ */ e.jsx(hs, { asChild: !0, children: /* @__PURE__ */ e.jsx(tn, { className: "size-4 cursor-pointer text-muted-foreground hover:text-foreground" }) }),
-    /* @__PURE__ */ e.jsx(xs, { align: "center", className: "max-w-65", children: /* @__PURE__ */ e.jsxs("div", { className: "grid gap-4", children: [
+  return /* @__PURE__ */ e.jsxs(hs, { onOpenChange: (E) => t(E), children: [
+    /* @__PURE__ */ e.jsx(xs, { asChild: !0, children: /* @__PURE__ */ e.jsx(tn, { className: "size-4 cursor-pointer text-muted-foreground hover:text-foreground" }) }),
+    /* @__PURE__ */ e.jsx(ps, { align: "center", className: "max-w-65", children: /* @__PURE__ */ e.jsxs("div", { className: "grid gap-4", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
         /* @__PURE__ */ e.jsx("h4", { className: "font-medium leading-none", children: "Scale Options" }),
         /* @__PURE__ */ e.jsx("p", { className: "text-sm text-muted-foreground", children: "Set the scale for the number axis" })
@@ -4177,7 +4177,7 @@ function et() {
         r == "linear" && /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 items-center gap-2 py-1", children: [
           /* @__PURE__ */ e.jsx(H, { htmlFor: "scale-option", children: "Setup" }),
           /* @__PURE__ */ e.jsxs(
-            ps,
+            fs,
             {
               disabled: I,
               id: "scale-option",
@@ -4216,7 +4216,7 @@ function et() {
 }
 function Pl({ idx: s }) {
   var o;
-  const n = u((c) => {
+  const t = u((c) => {
     var m;
     return (m = c.card) == null ? void 0 : m.preferences;
   }), a = u(
@@ -4224,9 +4224,9 @@ function Pl({ idx: s }) {
       var m;
       return (m = c.card.preferences) == null ? void 0 : m.datasetOptions;
     }
-  ), t = u(
+  ), n = u(
     (c) => c.actions.setCardPreferences
-  ), l = (o = n == null ? void 0 : n.chartOptions) == null ? void 0 : o.indexAxis, r = a == null ? void 0 : a.find((c) => c.idx === s);
+  ), l = (o = t == null ? void 0 : t.chartOptions) == null ? void 0 : o.indexAxis, r = a == null ? void 0 : a.find((c) => c.idx === s);
   function i(c, m) {
     (c === "end" || c === "start") && ln(rn());
     const x = {
@@ -4236,8 +4236,8 @@ function Pl({ idx: s }) {
       clamp: !0
     };
     if (!r)
-      t({
-        ...n,
+      n({
+        ...t,
         datasetOptions: [
           ...a || [],
           {
@@ -4252,15 +4252,15 @@ function Pl({ idx: s }) {
       const b = a == null ? void 0 : a.map(
         (d) => d.idx === m ? j : d
       );
-      t({
-        ...n,
+      n({
+        ...t,
         datasetOptions: b
       });
     }
   }
-  return /* @__PURE__ */ e.jsxs(ms, { children: [
-    /* @__PURE__ */ e.jsx(hs, { children: /* @__PURE__ */ e.jsx(Zn, { className: "invisible size-4 rotate-[135deg] cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible" }) }),
-    /* @__PURE__ */ e.jsx(xs, { className: "w-fit p-1", children: /* @__PURE__ */ e.jsxs("div", { className: "flex gap-1", children: [
+  return /* @__PURE__ */ e.jsxs(hs, { children: [
+    /* @__PURE__ */ e.jsx(xs, { children: /* @__PURE__ */ e.jsx(Zn, { className: "invisible size-4 rotate-[135deg] cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible" }) }),
+    /* @__PURE__ */ e.jsx(ps, { className: "w-fit p-1", children: /* @__PURE__ */ e.jsxs("div", { className: "flex gap-1", children: [
       /* @__PURE__ */ e.jsx(
         T,
         {
@@ -4268,7 +4268,7 @@ function Pl({ idx: s }) {
           size: "sm",
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
-          children: /* @__PURE__ */ e.jsx(Es, { className: "size-4" })
+          children: /* @__PURE__ */ e.jsx(ds, { className: "size-4" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -4326,16 +4326,16 @@ function Pl({ idx: s }) {
   ] });
 }
 function st() {
-  const s = u((m) => m.card), n = u(
+  const s = u((m) => m.card), t = u(
     (m) => {
       var x, j, b;
       return (b = (j = (x = m == null ? void 0 : m.card) == null ? void 0 : x.preferences) == null ? void 0 : j.chartOptions) == null ? void 0 : b.indexAxis;
     }
-  ), { data: a } = Fe(s), t = n === "y" ? "Y axis" : "X axis", l = n === "y" ? "X axis" : "Y axis", {
+  ), { data: a } = Fe(s), n = t === "y" ? "Y axis" : "X axis", l = t === "y" ? "X axis" : "Y axis", {
     keys: r,
     metricKeys: i,
     dimensionKeys: o
-  } = vs((a == null ? void 0 : a.records) || []);
+  } = ys((a == null ? void 0 : a.records) || []);
   let c = i;
   if (["stackedBar", "stackedLine"].includes(s.type)) {
     const m = on({
@@ -4343,12 +4343,12 @@ function st() {
       groupKey: o[0],
       pivotKey: o[1],
       valueKey: c[0]
-    }), { metricKeys: x } = vs(m);
+    }), { metricKeys: x } = ys(m);
     c = x;
   }
   return r.length === 0 ? null : /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ e.jsx(H, { children: t }),
+      /* @__PURE__ */ e.jsx(H, { children: n }),
       /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: /* @__PURE__ */ e.jsx("div", { className: "rounded-md bg-muted/70 px-2 py-1 hover:bg-muted", children: /* @__PURE__ */ e.jsx("p", { children: o[0] }) }) })
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
@@ -4360,24 +4360,24 @@ function st() {
     ] })
   ] });
 }
-function $l({ col: s, idx: n }) {
+function $l({ col: s, idx: t }) {
   const a = u((o) => {
     var c;
     return (c = o.card) == null ? void 0 : c.preferences;
-  }), t = u(
+  }), n = u(
     (o) => {
       var c;
       return (c = o.card.preferences) == null ? void 0 : c.datasetOptions;
     }
-  ), l = t == null ? void 0 : t.find((o) => o.idx === n), { setCardPreferences: r } = u((o) => o.actions);
+  ), l = n == null ? void 0 : n.find((o) => o.idx === t), { setCardPreferences: r } = u((o) => o.actions);
   function i(o) {
     if (!l)
       r({
         ...a,
         datasetOptions: [
-          ...t || [],
+          ...n || [],
           {
-            idx: n,
+            idx: t,
             type: o === "area" ? "line" : o,
             fill: o === "area" ? "origin" : ""
           }
@@ -4386,8 +4386,8 @@ function $l({ col: s, idx: n }) {
     else {
       const c = { ...l };
       c.type = o === "area" ? "line" : o, c.fill = o === "area" ? "origin" : "";
-      const m = t == null ? void 0 : t.map(
-        (x) => x.idx === n ? c : x
+      const m = n == null ? void 0 : n.map(
+        (x) => x.idx === t ? c : x
       );
       r({
         ...a,
@@ -4419,24 +4419,24 @@ function $l({ col: s, idx: n }) {
           className: "invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"
         }
       ),
-      /* @__PURE__ */ e.jsx(Pl, { idx: n })
+      /* @__PURE__ */ e.jsx(Pl, { idx: t })
     ] })
   ] });
 }
 function at() {
-  const s = u((d) => d.selectedConnectionId), n = u((d) => d.selectedDatamodelId), a = u((d) => d.selectedDatabaseName), t = u((d) => d.selectedSchemaName), l = u((d) => d.selectedTableName), r = k((d) => d.dashboard.filters) || [], i = k((d) => d.actions.addFilter), o = k((d) => d.actions.removeFilter), { removeFilterValues: c } = Re(), { modelItems: m, tableName: x, connectionType: j } = Ee();
+  const s = u((d) => d.selectedConnectionId), t = u((d) => d.selectedDatamodelId), a = u((d) => d.selectedDatabaseName), n = u((d) => d.selectedSchemaName), l = u((d) => d.selectedTableName), r = k((d) => d.dashboard.filters) || [], i = k((d) => d.actions.addFilter), o = k((d) => d.actions.removeFilter), { removeFilterValues: c } = Re(), { modelItems: m, tableName: x, connectionType: j } = Ee();
   function b(d, f = "dashboard") {
     var R;
-    const g = he(d.column_name), N = he(a || ""), v = he(t || ""), V = he(x);
+    const g = he(d.column_name), N = he(a || ""), v = he(n || ""), V = he(x);
     let F = cn(
       v,
       V,
       j
     ), S = `${F}.${g}`;
     const w = (R = m == null ? void 0 : m.find(
-      (C) => C.id === n
+      (C) => C.id === t
     )) == null ? void 0 : R.name;
-    n && n !== "none" && (S = `${aa}.${w}.${g}`, F = `${aa}.${w}`);
+    t && t !== "none" && (S = `${aa}.${w}.${g}`, F = `${aa}.${w}`);
     const D = r == null ? void 0 : r.find(
       (C) => C.column === S && C.table === V && (C.database === N || C.database === a)
     );
@@ -4488,26 +4488,26 @@ function at() {
 function _e() {
   const s = k(
     (o) => o.dashboard.filters
-  ), n = u((o) => o.frame), { setFrame: a } = ne(), { columns: t } = Ee(), { assignFilter: l } = at();
+  ), t = u((o) => o.frame), { setFrame: a } = ne(), { columns: n } = Ee(), { assignFilter: l } = at();
   function r(o) {
     const c = l(o, "frame");
-    a({ ...n, filterId: c });
+    a({ ...t, filterId: c });
   }
-  const i = s == null ? void 0 : s.find((o) => o.id === n.filterId);
+  const i = s == null ? void 0 : s.find((o) => o.id === t.filterId);
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-3", children: [
     /* @__PURE__ */ e.jsx(H, { children: "Card Filter" }),
-    /* @__PURE__ */ e.jsx(Bl, { onSelect: r, columns: t }),
+    /* @__PURE__ */ e.jsx(Bl, { onSelect: r, columns: n }),
     i && /* @__PURE__ */ e.jsx(Oa, { filter: i })
   ] });
 }
 function Bl({
   columns: s,
-  onSelect: n
+  onSelect: t
 }) {
   var i;
-  const [a, t] = ta.useState(!1), [l, r] = ta.useState("");
-  return /* @__PURE__ */ e.jsxs(ms, { open: a, onOpenChange: t, children: [
-    /* @__PURE__ */ e.jsx(hs, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
+  const [a, n] = ta.useState(!1), [l, r] = ta.useState("");
+  return /* @__PURE__ */ e.jsxs(hs, { open: a, onOpenChange: n, children: [
+    /* @__PURE__ */ e.jsx(xs, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
       T,
       {
         size: "sm",
@@ -4521,7 +4521,7 @@ function Bl({
         ]
       }
     ) }),
-    /* @__PURE__ */ e.jsx(xs, { className: "w-[200px] p-0", children: /* @__PURE__ */ e.jsxs(un, { children: [
+    /* @__PURE__ */ e.jsx(ps, { className: "w-[200px] p-0", children: /* @__PURE__ */ e.jsxs(un, { children: [
       /* @__PURE__ */ e.jsx(mn, { placeholder: "Search column", className: "h-9" }),
       /* @__PURE__ */ e.jsxs(hn, { children: [
         /* @__PURE__ */ e.jsx(xn, { children: "No framework found." }),
@@ -4531,7 +4531,7 @@ function Bl({
             value: o.column_name,
             onSelect: (c) => {
               const m = c === l ? "" : c;
-              r(m), t(!1), m && n(o);
+              r(m), n(!1), m && t(o);
             },
             children: [
               o.column_name,
@@ -4571,7 +4571,7 @@ function Gl({
             "a",
             {
               target: "_blank",
-              onClick: (n) => n.stopPropagation(),
+              onClick: (t) => t.stopPropagation(),
               className: "text-blue-700",
               href: "https://docs.semaphor.cloud/concepts/visuals#line-chart",
               children: "example"
@@ -4584,7 +4584,7 @@ function Gl({
     /* @__PURE__ */ e.jsxs(W, { value: "item-2", children: [
       /* @__PURE__ */ e.jsx(K, { children: "Settings" }),
       /* @__PURE__ */ e.jsxs(Q, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e.jsx(fs, {}),
+        /* @__PURE__ */ e.jsx(gs, {}),
         /* @__PURE__ */ e.jsx(st, {})
       ] })
     ] }),
@@ -4601,8 +4601,8 @@ function Bs() {
   var l, r, i;
   const s = u(
     (o) => o.card.cfg
-  ), n = u((o) => o.actions.setCardCfg), a = u((o) => o.card.type);
-  function t(o) {
+  ), t = u((o) => o.actions.setCardCfg), a = u((o) => o.card.type);
+  function n(o) {
     var x;
     const c = {
       datalabels: {
@@ -4621,7 +4621,7 @@ function Bs() {
         }
       }
     };
-    n(m), console.log(o);
+    t(m), console.log(o);
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between", children: [
@@ -4632,7 +4632,7 @@ function Bs() {
       pe,
       {
         value: (i = (r = (l = s == null ? void 0 : s.options) == null ? void 0 : l.plugins) == null ? void 0 : r.datalabels) == null ? void 0 : i.anchor,
-        onValueChange: t,
+        onValueChange: n,
         defaultValue: "none",
         children: [
           /* @__PURE__ */ e.jsx(fe, { className: "h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(ge, { placeholder: "Select position" }) }),
@@ -4651,7 +4651,7 @@ function Bs() {
 function Ul({
   cardType: s
 }) {
-  function n(a) {
+  function t(a) {
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 text-xs", children: a === "bubble" ? "SELECT label, [group], x-axis, y-axis, radius FROM table" : "SELECT label, [group], x-axis, y-axis FROM table" }),
       /* @__PURE__ */ e.jsxs("ul", { className: "ml-6 list-disc text-xs [&>li]:mt-2", children: [
@@ -4680,7 +4680,7 @@ function Ul({
   return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(Le, { defaultValue: ["item-2"], type: "multiple", children: [
     /* @__PURE__ */ e.jsxs(W, { value: "item-1", children: [
       /* @__PURE__ */ e.jsx(K, { children: `${qs(s)} Chart` }),
-      /* @__PURE__ */ e.jsx(Q, { className: "space-y-4 font-mono text-xs", children: n(s) })
+      /* @__PURE__ */ e.jsx(Q, { className: "space-y-4 font-mono text-xs", children: t(s) })
     ] }),
     /* @__PURE__ */ e.jsxs(W, { value: "item-2", children: [
       /* @__PURE__ */ e.jsx(K, { children: "Settings" }),
@@ -4719,7 +4719,7 @@ const Jl = {
   ]
 };
 function Kl() {
-  const s = u((n) => n.card.type);
+  const s = u((t) => t.card.type);
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-6 p-6", children: [
     /* @__PURE__ */ e.jsx(
       Le,
@@ -4730,7 +4730,7 @@ function Kl() {
         children: Ql(s)
       }
     ),
-    /* @__PURE__ */ e.jsx("section", { className: "", children: ["line", "bar"].includes(s) && /* @__PURE__ */ e.jsx(fs, {}) }),
+    /* @__PURE__ */ e.jsx("section", { className: "", children: ["line", "bar"].includes(s) && /* @__PURE__ */ e.jsx(gs, {}) }),
     !["kpi"].includes(s) && /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
       /* @__PURE__ */ e.jsx(Bs, {}),
       /* @__PURE__ */ e.jsx(Ve, {}),
@@ -4837,7 +4837,7 @@ function Ql(s) {
 }
 function Zl() {
   var c, m, x, j, b;
-  const s = u((d) => d.card.preferences), n = u(
+  const s = u((d) => d.card.preferences), t = u(
     (d) => d.actions.setCardPreferences
   ), a = u(
     (d) => d.actions.setNumberFormat
@@ -4848,7 +4848,7 @@ function Zl() {
       return (g = (f = d.card.preferences) == null ? void 0 : f.formatNumber) == null ? void 0 : g.decimalPlaces;
     }
   );
-  const t = u(
+  const n = u(
     (d) => {
       var f, g;
       return (g = (f = d.card.preferences) == null ? void 0 : f.formatNumber) == null ? void 0 : g.locale;
@@ -4877,7 +4877,7 @@ function Zl() {
         {
           checked: !!((c = s == null ? void 0 : s.formatNumber) != null && c.enabled),
           onCheckedChange: (d) => {
-            n({
+            t({
               ...s,
               formatNumber: {
                 ...s == null ? void 0 : s.formatNumber,
@@ -4897,7 +4897,7 @@ function Zl() {
             /* @__PURE__ */ e.jsxs(
               pe,
               {
-                value: t || "none",
+                value: n || "none",
                 onValueChange: (d) => {
                   var f, g, N;
                   return a(
@@ -5134,7 +5134,7 @@ const Yl = [
 }));
 function ar() {
   var c, m, x, j, b, d, f, g, N, v, V, F, S, w, D, R, C, h;
-  const s = u((p) => p.card), n = (m = (c = s == null ? void 0 : s.preferences) == null ? void 0 : c.mapVisualOptions) == null ? void 0 : m.topoJsonUrl, [a, t] = q(
+  const s = u((p) => p.card), t = (m = (c = s == null ? void 0 : s.preferences) == null ? void 0 : c.mapVisualOptions) == null ? void 0 : m.topoJsonUrl, [a, n] = q(
     ((j = (x = s == null ? void 0 : s.preferences) == null ? void 0 : x.mapVisualOptions) == null ? void 0 : j.customTopoJsonUrl) || ""
   ), { setCardPreferences: l } = ne(), { data: r } = Vs(s), i = Object.keys((r == null ? void 0 : r.objects) || {}).map((p) => ({
     label: p,
@@ -5171,15 +5171,15 @@ function ar() {
               }
             });
           },
-          value: n || "",
+          value: t || "",
           label: "Select Map"
         }
       ),
-      n === "custom" && /* @__PURE__ */ e.jsx(
+      t === "custom" && /* @__PURE__ */ e.jsx(
         oe,
         {
           onChange: (p) => {
-            t(p.target.value);
+            n(p.target.value);
           },
           onBlur: () => {
             var p;
@@ -5338,10 +5338,10 @@ function ar() {
   ] });
 }
 function tr() {
-  var t;
-  const s = u((l) => l.card.preferences), { setCardPreferences: n } = u((l) => l.actions);
+  var n;
+  const s = u((l) => l.card.preferences), { setCardPreferences: t } = u((l) => l.actions);
   function a(l) {
-    n({
+    t({
       ...s,
       textVisualOptions: {
         ...s == null ? void 0 : s.textVisualOptions,
@@ -5350,9 +5350,9 @@ function tr() {
     });
   }
   return /* @__PURE__ */ e.jsxs(
-    ps,
+    fs,
     {
-      value: (t = s == null ? void 0 : s.textVisualOptions) != null && t.isDynamicText ? "dynamic" : "static",
+      value: (n = s == null ? void 0 : s.textVisualOptions) != null && n.isDynamicText ? "dynamic" : "static",
       onValueChange: a,
       className: "flex gap-3",
       defaultValue: "x",
@@ -5371,14 +5371,14 @@ function tr() {
 }
 function Ye({
   cardType: s,
-  docContent: n,
+  docContent: t,
   suffix: a = "Chart"
 }) {
-  let t = "pie-chart";
-  return s === "radar" && (t = "radar-chart"), /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(Le, { defaultValue: ["item-2"], type: "multiple", children: [
+  let n = "pie-chart";
+  return s === "radar" && (n = "radar-chart"), /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(Le, { defaultValue: ["item-2"], type: "multiple", children: [
     /* @__PURE__ */ e.jsxs(W, { value: "item-1", children: [
       /* @__PURE__ */ e.jsx(K, { children: `${qs(s)} ${a}` }),
-      /* @__PURE__ */ e.jsx(Q, { children: n || /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
+      /* @__PURE__ */ e.jsx(Q, { children: t || /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
         /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 text-xs", children: "SELECT label, measure FROM table" }),
         /* @__PURE__ */ e.jsxs("ul", { className: "ml-6 list-disc text-xs [&>li]:mt-2", children: [
           /* @__PURE__ */ e.jsx("li", { children: "label - category" }),
@@ -5392,7 +5392,7 @@ function Ye({
               target: "_blank",
               onClick: (l) => l.stopPropagation(),
               className: "text-blue-700",
-              href: `https://docs.semaphor.cloud/concepts/visuals#${t}`,
+              href: `https://docs.semaphor.cloud/concepts/visuals#${n}`,
               children: "example"
             }
           ),
@@ -5403,7 +5403,7 @@ function Ye({
     /* @__PURE__ */ e.jsxs(W, { value: "item-2", children: [
       /* @__PURE__ */ e.jsx(K, { children: "Settings" }),
       /* @__PURE__ */ e.jsxs(Q, { className: "space-y-4 px-2", children: [
-        s === "range" && /* @__PURE__ */ e.jsx(fs, {}),
+        s === "range" && /* @__PURE__ */ e.jsx(gs, {}),
         s !== "text" && /* @__PURE__ */ e.jsx(Bs, {}),
         s === "text" && /* @__PURE__ */ e.jsx(tr, {})
       ] })
@@ -5419,11 +5419,11 @@ function Ye({
 }
 function nr() {
   const s = u(
-    (t) => {
+    (n) => {
       var l, r;
-      return (r = (l = t == null ? void 0 : t.card) == null ? void 0 : l.preferences) == null ? void 0 : r.sortChart;
+      return (r = (l = n == null ? void 0 : n.card) == null ? void 0 : l.preferences) == null ? void 0 : r.sortChart;
     }
-  ), { setSortChart: n } = ne();
+  ), { setSortChart: t } = ne();
   function a() {
     return /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ e.jsx(H, { children: "Sort" }),
@@ -5447,8 +5447,8 @@ function nr() {
             }
           ],
           value: s || "none",
-          onValueChange: (t) => {
-            n(t);
+          onValueChange: (n) => {
+            t(n);
           }
         }
       )
@@ -5470,7 +5470,7 @@ function nr() {
             "a",
             {
               target: "_blank",
-              onClick: (t) => t.stopPropagation(),
+              onClick: (n) => n.stopPropagation(),
               className: "text-blue-700",
               href: "https://docs.semaphor.cloud/concepts/visuals#stacked-chart",
               children: "example"
@@ -5483,7 +5483,7 @@ function nr() {
     /* @__PURE__ */ e.jsxs(W, { value: "item-2", children: [
       /* @__PURE__ */ e.jsx(K, { children: "Settings" }),
       /* @__PURE__ */ e.jsxs(Q, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e.jsx(fs, {}),
+        /* @__PURE__ */ e.jsx(gs, {}),
         a(),
         /* @__PURE__ */ e.jsx(st, {})
       ] })
@@ -5498,15 +5498,15 @@ function nr() {
   ] }) });
 }
 function lr({}) {
-  const s = u((t) => {
+  const s = u((n) => {
     var l;
-    return (l = t.card) == null ? void 0 : l.preferences;
-  }), n = u(
-    (t) => t.actions.setCardPreferences
-  ), a = (t) => {
-    n({
+    return (l = n.card) == null ? void 0 : l.preferences;
+  }), t = u(
+    (n) => n.actions.setCardPreferences
+  ), a = (n) => {
+    t({
       ...s,
-      allowDownload: t
+      allowDownload: n
     });
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-6 px-6 py-2", children: [
@@ -5581,7 +5581,7 @@ const rr = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-
 ] });
 function cr() {
   const s = u((a) => a.card.type);
-  function n(a) {
+  function t(a) {
     switch (a) {
       case "stackedBar":
       case "stackedLine":
@@ -5622,10 +5622,10 @@ function cr() {
         return /* @__PURE__ */ e.jsx(Kl, {});
     }
   }
-  return /* @__PURE__ */ e.jsx(ve, { className: "h-full w-full text-sm", children: n(s) });
+  return /* @__PURE__ */ e.jsx(ve, { className: "h-full w-full text-sm", children: t(s) });
 }
 function dr() {
-  const s = u((n) => n.isShowingVisual);
+  const s = u((t) => t.isShowingVisual);
   return /* @__PURE__ */ e.jsxs(
     ns,
     {
@@ -5670,14 +5670,14 @@ function dr() {
     }
   );
 }
-function ur({ authToken: s, onSave: n, onClose: a }) {
+function ur({ authToken: s, onSave: t, onClose: a }) {
   k((i) => i.themeStyle);
-  const t = u((i) => i.actions.setOnSave), l = u((i) => i.actions.setOnClose), r = k((i) => i.actions.setAuthToken);
+  const n = u((i) => i.actions.setOnSave), l = u((i) => i.actions.setOnClose), r = k((i) => i.actions.setAuthToken);
   return se(() => {
-    n && t(n), a && l(a);
-  }, [n, t, a, l]), se(() => {
+    t && n(t), a && l(a);
+  }, [t, n, a, l]), se(() => {
     s && s.accessToken && r(s);
-  }, [s, r]), /* @__PURE__ */ e.jsx(us, { FallbackComponent: Da, children: /* @__PURE__ */ e.jsxs(
+  }, [s, r]), /* @__PURE__ */ e.jsx(ms, { FallbackComponent: Da, children: /* @__PURE__ */ e.jsxs(
     bn,
     {
       style: {
@@ -5695,12 +5695,12 @@ function ur({ authToken: s, onSave: n, onClose: a }) {
 }
 function mr() {
   k((i) => i.selectedCardId);
-  const s = k((i) => i.selectedSheetId), { setIsVisualEditing: n } = k((i) => i.actions), a = k((i) => i.isVisualEditing), t = k((i) => i.actions.updateFrame);
+  const s = k((i) => i.selectedSheetId), { setIsVisualEditing: t } = k((i) => i.actions), a = k((i) => i.isVisualEditing), n = k((i) => i.actions.updateFrame);
   function l(i) {
-    s && (t(s, i), n(!1));
+    s && (n(s, i), t(!1));
   }
   function r() {
-    n(!1);
+    t(!1);
   }
   return /* @__PURE__ */ e.jsx(
     "div",
@@ -5714,10 +5714,10 @@ function mr() {
   );
 }
 function hr() {
-  const s = u((r) => r.selectedDatabaseName), n = u((r) => r.selectedTableName), a = k((r) => r.dashboard.filters) || [], { columns: t } = Ee(), { assignFilter: l } = at();
-  return /* @__PURE__ */ e.jsx(ve, { className: "flex-1 basis-0 flex-col px-3", children: t == null ? void 0 : t.map((r) => {
+  const s = u((r) => r.selectedDatabaseName), t = u((r) => r.selectedTableName), a = k((r) => r.dashboard.filters) || [], { columns: n } = Ee(), { assignFilter: l } = at();
+  return /* @__PURE__ */ e.jsx(ve, { className: "flex-1 basis-0 flex-col px-3", children: n == null ? void 0 : n.map((r) => {
     const i = a == null ? void 0 : a.find(
-      (o) => o.column === he(r.column_name) && o.table === n && o.database === s
+      (o) => o.column === he(r.column_name) && o.table === t && o.database === s
     );
     return /* @__PURE__ */ e.jsx(
       "div",
@@ -5739,11 +5739,11 @@ function hr() {
   }) });
 }
 function xr() {
-  k((n) => n.showFilters);
+  k((t) => t.showFilters);
   const s = k(
-    (n) => n.actions.setShowFilters
+    (t) => t.actions.setShowFilters
   );
-  return /* @__PURE__ */ e.jsxs("section", { className: "relative flex min-w-72 grow flex-col border-l px-1", children: [
+  return /* @__PURE__ */ e.jsxs("section", { className: "relative flex min-w-[320px] grow flex-col border-l px-1", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "mt-4 flex items-center justify-between gap-2 px-3", children: [
       /* @__PURE__ */ e.jsx(H, { className: "px-2 text-lg", children: "Filters" }),
       /* @__PURE__ */ e.jsx(
@@ -5771,39 +5771,39 @@ function xr() {
   ] });
 }
 function pr() {
-  const s = k((t) => t.dashboard.filters), n = k((t) => t.theme), a = s == null ? void 0 : s.filter((t) => t.hide);
+  const s = k((n) => n.dashboard.filters), t = k((n) => n.theme), a = s == null ? void 0 : s.filter((n) => n.hide);
   return a != null && a.length ? /* @__PURE__ */ e.jsx(
     "div",
     {
       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)]": n === "light",
-        "bg-[repeating-linear-gradient(45deg,_#18171d_0_3px,_#272729_3px_6px)]": n === "dark"
+        "bg-[repeating-linear-gradient(45deg,_#ffffff_0_3px,_#f3f3f3_3px_6px)]": t === "light",
+        "bg-[repeating-linear-gradient(45deg,_#18171d_0_3px,_#272729_3px_6px)]": t === "dark"
       }),
-      children: a == null ? void 0 : a.map((t) => /* @__PURE__ */ e.jsxs(
+      children: a == null ? void 0 : a.map((n) => /* @__PURE__ */ e.jsxs(
         "div",
         {
           className: "flex min-w-[250px] max-w-fit flex-col gap-1 p-2",
           children: [
-            /* @__PURE__ */ e.jsx(Oa, { filter: t }),
-            /* @__PURE__ */ e.jsx(Sa, { filter: t })
+            /* @__PURE__ */ e.jsx(Oa, { filter: n }),
+            /* @__PURE__ */ e.jsx(Sa, { filter: n })
           ]
         },
-        t.id
+        n.id
       ))
     }
   ) : null;
 }
 function fr() {
-  const s = k((t) => t.showFilters), n = k((t) => t.isVisualEditing), a = k(
-    (t) => t.isDashboardEditing
+  const s = k((n) => n.showFilters), t = k((n) => n.isVisualEditing), a = k(
+    (n) => n.isDashboardEditing
   );
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       role: "dashboard-plus-main",
       className: Z("", {
-        "max-h-0 overflow-hidden": n,
-        "flex grow overflow-auto": !n
+        "max-h-0 overflow-hidden": t,
+        "flex grow overflow-auto": !t
         // can't do h-full because parent container has dashboard controls (10px height)
         //**overflow-auto** is needed to prevent the tabs from overflowing the container - important for chatbox
       }),
@@ -5818,55 +5818,70 @@ function fr() {
   );
 }
 function gr() {
-  const s = k((t) => t.dashboard), n = k((t) => t.actions.setDashboard), a = k(
-    (t) => t.showDashboardJSON
+  const s = k((l) => l.dashboard), t = k((l) => l.actions.setDashboard), a = k(
+    (l) => l.showDashboardJSON
+  ), n = k(
+    (l) => l.actions.setShowDashboardJSON
   );
-  return k(
-    (t) => t.actions.setShowDashboardJSON
-  ), /* @__PURE__ */ e.jsx(
+  return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: Z(" p-2", {
+      className: Z("relative p-2", {
         hidden: !a
       }),
-      children: /* @__PURE__ */ e.jsx(
-        Cn,
-        {
-          onChange: (t) => {
-            if (t)
-              try {
-                JSON.parse(t), n(JSON.parse(t));
-              } catch {
-              }
-          },
-          defaultLanguage: "json",
-          className: "h-[550px] overflow-y-auto ",
-          value: JSON.stringify(s, null, 2),
-          options: {
-            minimap: {
-              enabled: !1
-            },
-            //   lineNumbers: 'off',
-            glyphMargin: !1,
-            wordWrap: "on",
-            scrollbar: {
-              verticalScrollbarSize: 0,
-              horizontalScrollbarSize: 0
+      children: [
+        /* @__PURE__ */ e.jsxs(
+          T,
+          {
+            variant: "secondary",
+            size: "sm",
+            className: "absolute right-2 top-2 z-10 h-8",
+            onClick: () => n(!1),
+            children: [
+              /* @__PURE__ */ e.jsx(ds, { className: "mr-2 h-4 w-4" }),
+              "Close"
+            ]
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          Cn,
+          {
+            onChange: (l) => {
+              if (l)
+                try {
+                  JSON.parse(l), t(JSON.parse(l));
+                } catch {
+                }
             },
-            fontSize: 12,
-            renderLineHighlight: "none"
+            defaultLanguage: "json",
+            className: "h-[550px] overflow-y-auto",
+            value: JSON.stringify(s, null, 2),
+            options: {
+              minimap: {
+                enabled: !1
+              },
+              //   lineNumbers: 'off',
+              glyphMargin: !1,
+              wordWrap: "on",
+              scrollbar: {
+                verticalScrollbarSize: 0,
+                horizontalScrollbarSize: 0
+              },
+              fontSize: 12,
+              renderLineHighlight: "none"
+            }
           }
-        }
-      )
+        )
+      ]
     }
   );
 }
 function yr({
   showControls: s = !1,
-  showFooter: n = !0,
+  showFooter: t = !0,
   ...a
 }) {
-  return /* @__PURE__ */ e.jsx(us, { FallbackComponent: Da, children: /* @__PURE__ */ e.jsxs(Sn, { dashboardProps: a, children: [
+  return /* @__PURE__ */ e.jsx(ms, { FallbackComponent: Da, children: /* @__PURE__ */ e.jsxs(Sn, { dashboardProps: a, children: [
     /* @__PURE__ */ e.jsx(wn, {}),
     /* @__PURE__ */ e.jsxs(kn, { children: [
       /* @__PURE__ */ e.jsx(gr, {}),