react-semaphor 0.0.197 → 0.0.198

package/dist/chunks/{dashboard-plus-a3l7M8uu.js → dashboard-plus-gibgO8pQ.js}

@@ -1,12 +1,12 @@
-import { P as E, b as k, j as e, Q as ps, R as fs, U as w, V as Ks, W as gs, X as js, Y as bs, Z as ys, _ as B, $ as ae, a0 as Us, J as Gs, O as Ee, a1 as qa, a2 as Va, a3 as Ra, a4 as _a, a5 as Ha, a6 as Ba, a7 as As, a8 as _e, a9 as Pe, aa as We, T as vs, e as Js, g as Ns, ab as Oe, ac as Me, f as Y, ad as Te, ae as Ae, af as He, ag as Le, ah as X, ai as Cs, G as i, aj as Ke, ak as Ue, al as $a, am as Ge, w as Qs, v as Ws, t as he, an as Pa, r as Ka, N as Ys, s as Ua, ao as Ga, B as Ja, ap as Xs, aq as Qa, L as Be, S as Ss, z as Wa, n as Es, ar as ds, A as hs, u as es, as as Ce, at as ze, au as Zs, av as ea, aw as sa, ax as aa, ay as ta, az as Ya, aA as Xa, aB as na, aC as Za, aD as et, aE as st, aF as at, aG as tt, aH as ms, aI as nt, aJ as Re, aK as us, aL as Fe, aM as xs, aN as Ls, aO as rt, aP as lt, aQ as it, aR as ot, aS as ct, aT as ls, aU as dt, aV as Ds, aW as ht, aX as Is, aY as mt, aZ as ut, a_ as xt, a$ as ra, l as pt, C as ft, E as qs, d as gt, h as jt, i as bt, o as yt, b0 as vt, m as Nt, H as Ct, b1 as St, b2 as kt, b3 as wt, b4 as is, b5 as zt, b6 as os, b7 as Vs, K as Ft, b8 as ks, b9 as Ot, ba as la, bb as Ye, bc as ia, bd as Mt, be as Tt, bf as At, bg as Et, bh as Lt, bi as Dt, bj as Se, bk as V, bl as R, bm as ws, bn as _, bo as Rs, bp as It, bq as qt, br as Vt, bs as Rt, bt as _s, bu as _t, bv as Ht, bw as Bt, bx as $t, by as Pt, bz as Kt } from "./index-K0c-JSZa.js";
-import me, { useState as T, useEffect as P, useMemo as Ut, useRef as $e } from "react";
+import { P as E, b as k, j as e, Q as ps, R as fs, U as w, V as Gs, W as gs, X as js, Y as bs, Z as ys, _ as B, $ as ae, a0 as Js, J as Qs, O as Ee, a1 as qa, a2 as Ra, a3 as _a, a4 as Ha, a5 as Ba, a6 as $a, a7 as Ls, a8 as He, a9 as Ke, aa as Xe, T as vs, e as Ws, g as Ns, ab as Oe, ac as Me, f as Y, ad as Te, ae as Ae, af as Be, ag as Le, ah as X, ai as Cs, G as i, aj as Ue, ak as Ge, al as Pa, am as Je, w as Ys, v as Xs, t as he, an as Ka, r as Ua, N as Zs, s as Ga, ao as Ja, B as Qa, ap as ea, aq as Wa, L as $e, S as Ss, z as Ya, n as Ds, ar as ds, A as hs, u as ss, as as Ce, at as ze, au as sa, av as aa, aw as ta, ax as na, ay as ra, az as Xa, aA as Za, aB as la, aC as et, aD as st, aE as at, aF as tt, aG as nt, aH as ms, aI as rt, aJ as _e, aK as us, aL as Fe, aM as xs, aN as Is, aO as lt, aP as it, aQ as ot, aR as ct, aS as dt, aT as is, aU as ht, aV as Vs, aW as mt, aX as qs, aY as ut, aZ as xt, a_ as pt, a$ as ia, l as ft, C as gt, E as Rs, d as jt, h as bt, i as yt, o as vt, b0 as Nt, m as Ct, H as St, b1 as kt, b2 as wt, b3 as zt, b4 as os, b5 as Ft, b6 as cs, b7 as _s, K as Ot, b8 as Mt, b9 as ks, ba as Tt, bb as ws, bc as De, bd as oa, be as At, bf as Et, bg as Lt, bh as Dt, bi as It, bj as Vt, bk as Se, bl as q, bm as R, bn as zs, bo as _, bp as Hs, bq as qt, br as Rt, bs as _t, bt as Ht, bu as Bs, bv as Bt, bw as $t, bx as Pt, by as Kt, bz as Ut, bA as Gt } from "./index-ZPzRMi0w.js";
+import me, { useState as T, useEffect as P, useMemo as Jt, useRef as Pe } from "react";
 /**
  * @license lucide-react v0.379.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Gt = E("Activity", [
+const Qt = E("Activity", [
   [
     "path",
     {
@@ -21,7 +21,7 @@ const Gt = E("Activity", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Jt = E("AreaChart", [
+const Wt = E("AreaChart", [
   ["path", { d: "M3 3v18h18", key: "1s2lah" }],
   ["path", { d: "M7 12v5h12V8l-5 5-4-4Z", key: "zxz28u" }]
 ]);
@@ -31,7 +31,7 @@ const Jt = E("AreaChart", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const zs = E("BarChart4", [
+const Fs = E("BarChart4", [
   ["path", { d: "M3 3v18h18", key: "1s2lah" }],
   ["path", { d: "M13 17V9", key: "1fwyjl" }],
   ["path", { d: "M18 17V5", key: "sfb6ij" }],
@@ -43,7 +43,7 @@ const zs = E("BarChart4", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Qt = E("CircleX", [
+const Yt = E("CircleX", [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
   ["path", { d: "m9 9 6 6", key: "z0biqf" }]
@@ -54,7 +54,7 @@ const Qt = E("CircleX", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Wt = E("Database", [
+const Xt = E("Database", [
   ["ellipse", { cx: "12", cy: "5", rx: "9", ry: "3", key: "msslwz" }],
   ["path", { d: "M3 5V19A9 3 0 0 0 21 19V5", key: "1wlel7" }],
   ["path", { d: "M3 12A9 3 0 0 0 21 12", key: "mv7ke4" }]
@@ -65,7 +65,7 @@ const Wt = E("Database", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Yt = E("Eraser", [
+const Zt = E("Eraser", [
   [
     "path",
     {
@@ -82,7 +82,7 @@ const Yt = E("Eraser", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const oa = E("Filter", [
+const ca = E("Filter", [
   ["polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3", key: "1yg77f" }]
 ]);
 /**
@@ -91,7 +91,7 @@ const oa = E("Filter", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ca = E("GanttChart", [
+const da = E("GanttChart", [
   ["path", { d: "M8 6h10", key: "9lnwnk" }],
   ["path", { d: "M6 12h9", key: "1g9pqf" }],
   ["path", { d: "M11 18h7", key: "c8dzvl" }]
@@ -102,7 +102,7 @@ const ca = E("GanttChart", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Xt = E("Glasses", [
+const en = E("Glasses", [
   ["circle", { cx: "6", cy: "15", r: "4", key: "vux9w4" }],
   ["circle", { cx: "18", cy: "15", r: "4", key: "18o8ve" }],
   ["path", { d: "M14 15a2 2 0 0 0-2-2 2 2 0 0 0-2 2", key: "1ag4bs" }],
@@ -115,7 +115,7 @@ const Xt = E("Glasses", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Zt = E("Hammer", [
+const sn = E("Hammer", [
   ["path", { d: "m15 12-8.373 8.373a1 1 0 1 1-3-3L12 9", key: "eefl8a" }],
   ["path", { d: "m18 15 4-4", key: "16gjal" }],
   [
@@ -132,7 +132,7 @@ const Zt = E("Hammer", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const en = E("Hash", [
+const an = E("Hash", [
   ["line", { x1: "4", x2: "20", y1: "9", y2: "9", key: "4lhtct" }],
   ["line", { x1: "4", x2: "20", y1: "15", y2: "15", key: "vyu0kd" }],
   ["line", { x1: "10", x2: "8", y1: "3", y2: "21", key: "1ggp8o" }],
@@ -144,7 +144,7 @@ const en = E("Hash", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const sn = E("Key", [
+const tn = E("Key", [
   ["path", { d: "m15.5 7.5 2.3 2.3a1 1 0 0 0 1.4 0l2.1-2.1a1 1 0 0 0 0-1.4L19 4", key: "g0fldk" }],
   ["path", { d: "m21 2-9.6 9.6", key: "1j0ho8" }],
   ["circle", { cx: "7.5", cy: "15.5", r: "5.5", key: "yqb3hr" }]
@@ -155,7 +155,7 @@ const sn = E("Key", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Fs = E("LineChart", [
+const Os = E("LineChart", [
   ["path", { d: "M3 3v18h18", key: "1s2lah" }],
   ["path", { d: "m19 9-5 5-4-4-3 3", key: "2osh9i" }]
 ]);
@@ -165,7 +165,7 @@ const Fs = E("LineChart", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const an = E("ListEnd", [
+const nn = E("ListEnd", [
   ["path", { d: "M16 12H3", key: "1a2rj7" }],
   ["path", { d: "M16 6H3", key: "1wxfjs" }],
   ["path", { d: "M10 18H3", key: "13769t" }],
@@ -178,7 +178,7 @@ const an = E("ListEnd", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const tn = E("ListStart", [
+const rn = E("ListStart", [
   ["path", { d: "M16 12H3", key: "1a2rj7" }],
   ["path", { d: "M16 18H3", key: "12xzn7" }],
   ["path", { d: "M10 6H3", key: "lf8lx7" }],
@@ -191,7 +191,7 @@ const tn = E("ListStart", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const nn = E("ListX", [
+const ln = E("ListX", [
   ["path", { d: "M11 12H3", key: "51ecnj" }],
   ["path", { d: "M16 6H3", key: "1wxfjs" }],
   ["path", { d: "M16 18H3", key: "12xzn7" }],
@@ -204,7 +204,7 @@ const nn = E("ListX", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const rn = E("MessageSquareMore", [
+const on = E("MessageSquareMore", [
   ["path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z", key: "1lielz" }],
   ["path", { d: "M8 10h.01", key: "19clt8" }],
   ["path", { d: "M12 10h.01", key: "1nrarc" }],
@@ -216,7 +216,7 @@ const rn = E("MessageSquareMore", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ln = E("Network", [
+const cn = E("Network", [
   ["rect", { x: "16", y: "16", width: "6", height: "6", rx: "1", key: "4q2zg0" }],
   ["rect", { x: "2", y: "16", width: "6", height: "6", rx: "1", key: "8cvhb9" }],
   ["rect", { x: "9", y: "2", width: "6", height: "6", rx: "1", key: "1egb70" }],
@@ -229,7 +229,7 @@ const ln = E("Network", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const da = E("Pencil", [
+const ha = E("Pencil", [
   ["path", { d: "M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z", key: "5qss01" }],
   ["path", { d: "m15 5 4 4", key: "1mk7zo" }]
 ]);
@@ -239,7 +239,7 @@ const da = E("Pencil", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ha = E("PieChart", [
+const ma = E("PieChart", [
   ["path", { d: "M21.21 15.89A10 10 0 1 1 8 2.83", key: "k2fpak" }],
   ["path", { d: "M22 12A10 10 0 0 0 12 2v10z", key: "1rfc4y" }]
 ]);
@@ -249,7 +249,7 @@ const ha = E("PieChart", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const on = E("Play", [
+const dn = E("Play", [
   ["polygon", { points: "6 3 20 12 6 21 6 3", key: "1oa8hb" }]
 ]);
 /**
@@ -258,7 +258,7 @@ const on = E("Play", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const cn = E("Plug2", [
+const hn = E("Plug2", [
   ["path", { d: "M9 2v6", key: "17ngun" }],
   ["path", { d: "M15 2v6", key: "s7yy2p" }],
   ["path", { d: "M12 17v5", key: "bb1du9" }],
@@ -271,7 +271,7 @@ const cn = E("Plug2", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const dn = E("Save", [
+const mn = E("Save", [
   [
     "path",
     {
@@ -288,7 +288,7 @@ const dn = E("Save", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ma = E("ScatterChart", [
+const ua = E("ScatterChart", [
   ["circle", { cx: "7.5", cy: "7.5", r: ".5", fill: "currentColor", key: "kqv944" }],
   ["circle", { cx: "18.5", cy: "5.5", r: ".5", fill: "currentColor", key: "lysivs" }],
   ["circle", { cx: "11.5", cy: "11.5", r: ".5", fill: "currentColor", key: "byv1b8" }],
@@ -302,7 +302,7 @@ const ma = E("ScatterChart", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const hn = E("ShieldQuestion", [
+const un = E("ShieldQuestion", [
   [
     "path",
     {
@@ -319,7 +319,7 @@ const hn = E("ShieldQuestion", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const mn = E("Sigma", [
+const xn = E("Sigma", [
   ["path", { d: "M18 7V4H6l6 8-6 8h12v-3", key: "zis8ev" }]
 ]);
 /**
@@ -328,7 +328,7 @@ const mn = E("Sigma", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const un = E("SwatchBook", [
+const pn = E("SwatchBook", [
   ["path", { d: "M11 17a4 4 0 0 1-8 0V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2Z", key: "1ldrpk" }],
   ["path", { d: "M16.7 13H19a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H7", key: "11i5po" }],
   ["path", { d: "M 7 17h0.01", key: "10821z" }],
@@ -346,7 +346,7 @@ const un = E("SwatchBook", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const xn = E("Tag", [
+const fn = E("Tag", [
   [
     "path",
     {
@@ -362,7 +362,7 @@ const xn = E("Tag", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const pn = E("ToggleLeft", [
+const gn = E("ToggleLeft", [
   ["rect", { width: "20", height: "12", x: "2", y: "6", rx: "6", ry: "6", key: "f2vt7d" }],
   ["circle", { cx: "8", cy: "12", r: "2", key: "1nvbw3" }]
 ]);
@@ -372,7 +372,7 @@ const pn = E("ToggleLeft", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const fn = E("Type", [
+const Ms = E("Type", [
   ["polyline", { points: "4 7 4 4 20 4 20 7", key: "1nosan" }],
   ["line", { x1: "9", x2: "15", y1: "20", y2: "20", key: "swin9y" }],
   ["line", { x1: "12", x2: "12", y1: "4", y2: "20", key: "1tx1rr" }]
@@ -383,14 +383,14 @@ const fn = E("Type", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const gn = E("User", [
+const jn = E("User", [
   ["path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2", key: "975kel" }],
   ["circle", { cx: "12", cy: "7", r: "4", key: "17ys0d" }]
 ]);
-function jn() {
-  const [s, n] = T(""), [a, t] = T(!1), [o, c] = T(!1), r = k((d) => d.dashboard);
-  function l() {
-    const d = Gs(r), f = Ee(r.id), m = JSON.parse(localStorage.getItem(f) || "[]");
+function bn() {
+  const [s, n] = T(""), [a, t] = T(!1), [l, o] = T(!1), d = k((c) => c.dashboard);
+  function r() {
+    const c = Qs(d), f = Ee(d.id), m = JSON.parse(localStorage.getItem(f) || "[]");
     if (m.some(
       (S) => S.name === s
     )) {
@@ -399,10 +399,10 @@ function jn() {
     }
     m.push({
       name: s,
-      template: d
-    }), localStorage.setItem(f, JSON.stringify(m)), c(!1);
+      template: c
+    }), localStorage.setItem(f, JSON.stringify(m)), o(!1);
   }
-  return /* @__PURE__ */ e.jsxs(ps, { open: o, onOpenChange: c, children: [
+  return /* @__PURE__ */ e.jsxs(ps, { open: l, onOpenChange: o, children: [
     /* @__PURE__ */ e.jsx(fs, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
       w,
       {
@@ -410,7 +410,7 @@ function jn() {
         className: "h-7 p-2",
         size: "sm",
         children: [
-          /* @__PURE__ */ e.jsx(Ks, { className: " mr-2 h-4 w-4", strokeWidth: 1.5 }),
+          /* @__PURE__ */ e.jsx(Gs, { className: " mr-2 h-4 w-4", strokeWidth: 1.5 }),
           "Add Lens"
         ]
       }
@@ -426,8 +426,8 @@ function jn() {
           ae,
           {
             value: s,
-            onChange: (d) => {
-              a && t(!1), n(d.target.value);
+            onChange: (c) => {
+              a && t(!1), n(c.target.value);
             },
             id: "name",
             className: "col-span-7 focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0"
@@ -435,67 +435,67 @@ function jn() {
         )
       ] }) }),
       a && /* @__PURE__ */ e.jsx("p", { className: "text-sm", children: "The bookmark name already exists. Use a differnet name." }),
-      /* @__PURE__ */ e.jsx(Us, { children: /* @__PURE__ */ e.jsx(
+      /* @__PURE__ */ e.jsx(Js, { children: /* @__PURE__ */ e.jsx(
         w,
         {
           variant: "outline",
           type: "submit",
           disabled: !s,
-          onClick: l,
+          onClick: r,
           children: "Save"
         }
       ) })
     ] })
   ] });
 }
-function bn() {
-  const [s, n] = T(!1), [a, t] = T(""), o = k((h) => h.dashboard), c = k((h) => h.bookmarkKey), [r, l] = T([]), d = k((h) => h.actions.setDashboard), f = k(
+function yn() {
+  const [s, n] = T(!1), [a, t] = T(""), l = k((h) => h.dashboard), o = k((h) => h.bookmarkKey), [d, r] = T([]), c = k((h) => h.actions.setDashboard), f = k(
     (h) => h.actions.setFilterValues
   ), m = k(
     (h) => h.actions.setBookmarkKey
   );
   P(() => {
-    const h = Ee(o.id), x = JSON.parse(localStorage.getItem(h) || "[]");
-    l(x);
+    const h = Ee(l.id), x = JSON.parse(localStorage.getItem(h) || "[]");
+    r(x);
     const g = x.find(
       (z) => z.default
     );
-    g && g.name === c && t(g.name);
-  }, [s, o, c]);
+    g && g.name === o && t(g.name);
+  }, [s, l, o]);
   function u(h) {
     if (h === a)
       return;
-    const x = r.find((z) => z.name === h), g = x == null ? void 0 : x.template;
-    g && (d(g), f(x.filterValues || []), m(h === "Original" ? "" : h)), t(h);
+    const x = d.find((z) => z.name === h), g = x == null ? void 0 : x.template;
+    g && (c(g), f(x.filterValues || []), m(h === "Original" ? "" : h)), t(h);
   }
   function S(h) {
-    const x = Ee(o.id), z = JSON.parse(localStorage.getItem(x) || "[]").filter(
+    const x = Ee(l.id), z = JSON.parse(localStorage.getItem(x) || "[]").filter(
       (b) => b.name !== h
     );
-    localStorage.setItem(x, JSON.stringify(z)), l(z);
+    localStorage.setItem(x, JSON.stringify(z)), r(z);
   }
   return /* @__PURE__ */ e.jsxs(qa, { open: s, onOpenChange: n, children: [
-    /* @__PURE__ */ e.jsx(Va, { asChild: !0, children: /* @__PURE__ */ e.jsx(w, { variant: "outline", className: "h-7 p-2", children: /* @__PURE__ */ e.jsx(Xt, { className: "h-4 w-4", strokeWidth: 1.5 }) }) }),
-    /* @__PURE__ */ e.jsxs(Ra, { className: "w-56", children: [
-      /* @__PURE__ */ e.jsx(_a, { children: "Lenses" }),
-      /* @__PURE__ */ e.jsx(Ha, {}),
+    /* @__PURE__ */ e.jsx(Ra, { asChild: !0, children: /* @__PURE__ */ e.jsx(w, { variant: "outline", className: "h-7 p-2", children: /* @__PURE__ */ e.jsx(en, { className: "h-4 w-4", strokeWidth: 1.5 }) }) }),
+    /* @__PURE__ */ e.jsxs(_a, { className: "w-56", children: [
+      /* @__PURE__ */ e.jsx(Ha, { children: "Lenses" }),
+      /* @__PURE__ */ e.jsx(Ba, {}),
       /* @__PURE__ */ e.jsxs(
-        Ba,
+        $a,
         {
           value: a,
           onValueChange: u,
           children: [
-            /* @__PURE__ */ e.jsx(As, { value: "Original", children: "Original" }),
-            r.filter((h) => h.name != "Original").map((h, x) => /* @__PURE__ */ e.jsxs(
-              As,
+            /* @__PURE__ */ e.jsx(Ls, { value: "Original", children: "Original" }),
+            d.filter((h) => h.name != "Original").map((h, x) => /* @__PURE__ */ e.jsxs(
+              Ls,
               {
                 className: "xbg-red-100 flex justify-between",
                 value: h.name,
-                defaultChecked: h.name === c,
+                defaultChecked: h.name === o,
                 children: [
                   /* @__PURE__ */ e.jsx("p", { children: h.name }),
                   /* @__PURE__ */ e.jsx(
-                    _e,
+                    He,
                     {
                       onClick: (g) => {
                         g.preventDefault(), S(h.name);
@@ -514,34 +514,34 @@ function bn() {
     ] })
   ] });
 }
-function yn() {
-  const [s, n] = T(!1), a = k((c) => c.dashboard), t = k((c) => c.bookmarkKey);
+function vn() {
+  const [s, n] = T(!1), a = k((o) => o.dashboard), t = k((o) => o.bookmarkKey);
   P(() => {
     if (!t) {
       n(!1);
       return;
     }
-    const c = Ee(a.id), l = JSON.parse(
-      localStorage.getItem(c) || "[]"
+    const o = Ee(a.id), r = JSON.parse(
+      localStorage.getItem(o) || "[]"
     ).find(
-      (d) => d.name === t
+      (c) => c.name === t
     );
-    n(l ? l.default : !1);
+    n(r ? r.default : !1);
   }, [t, a.id]);
-  function o(c) {
-    if (n(c), !t)
+  function l(o) {
+    if (n(o), !t)
       return;
-    const r = Ee(a.id), d = JSON.parse(
-      localStorage.getItem(r) || "[]"
-    ).map((f) => (f.name === t ? f.default = c : f.default = !1, f));
-    console.log(d), localStorage.setItem(r, JSON.stringify(d));
+    const d = Ee(a.id), c = JSON.parse(
+      localStorage.getItem(d) || "[]"
+    ).map((f) => (f.name === t ? f.default = o : f.default = !1, f));
+    console.log(c), localStorage.setItem(d, JSON.stringify(c));
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
     /* @__PURE__ */ e.jsx(
-      Pe,
+      Ke,
       {
         checked: s,
-        onCheckedChange: o,
+        onCheckedChange: l,
         id: "terms"
       }
     ),
@@ -555,24 +555,24 @@ function yn() {
     )
   ] });
 }
-function vn() {
+function Nn() {
   const s = k((b) => b.bookmarkKey), n = k((b) => b.dashboard);
   k((b) => b.selectedSheetId);
   const a = k(
     (b) => b.isDashboardEditing
-  ), t = k((b) => b.filterValues), o = k((b) => b.isVisualEditing), c = k((b) => b.showFilters);
+  ), t = k((b) => b.filterValues), l = k((b) => b.isVisualEditing), o = k((b) => b.showFilters);
   k(
     (b) => b.showDashboardJSON
   );
-  const r = k((b) => b.onSaveFunction), l = k(
+  const d = k((b) => b.onSaveFunction), r = k(
     (b) => b.actions.setShowFilters
-  ), { addFrame: d, setSelectedFrameId: f } = k(
+  ), { addFrame: c, setSelectedFrameId: f } = k(
     (b) => b.actions
   ), { getSelectedSheet: m, setIsDashboardEditing: u, setShowDashboardJSON: S } = k((b) => b.actions), h = m(), x = () => {
     if (!a || !h)
       return;
     const b = {
-      id: We(),
+      id: Xe(),
       title: "Title",
       description: "Description",
       preferences: {
@@ -587,18 +587,18 @@ function vn() {
       sql: "select COUNT(*) from YOUR_TABLE",
       data: []
     }, L = {
-      id: We(),
+      id: Xe(),
       cards: [b],
       activeCardId: b.id
     };
-    d(h.id, L), f(L.id);
+    c(h.id, L), f(L.id);
   }, g = () => {
     u(!0);
   };
   function z() {
     if (!s || s === "")
       return;
-    const b = Gs(n), L = Ee(n.id), N = JSON.parse(localStorage.getItem(L) || "[]"), O = N.findIndex(
+    const b = Qs(n), L = Ee(n.id), N = JSON.parse(localStorage.getItem(L) || "[]"), O = N.findIndex(
       (j) => j.name === s
     );
     O !== -1 ? N[O] = {
@@ -610,25 +610,25 @@ function vn() {
       name: s,
       template: b,
       filterValues: t
-    }), localStorage.setItem(L, JSON.stringify(N)), r == null || r(b);
+    }), localStorage.setItem(L, JSON.stringify(N)), d == null || d(b);
   }
-  return o ? null : /* @__PURE__ */ e.jsxs(
+  return l ? null : /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: "flex items-center justify-between gap-2 border-b bg-muted/50 px-2 py-2",
       role: "dashboard-controls",
       children: [
-        !o && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
+        !l && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
           /* @__PURE__ */ e.jsx(B, { children: s }),
           !!s && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
             /* @__PURE__ */ e.jsx("span", { className: "text-muted-foreground", children: "|" }),
-            /* @__PURE__ */ e.jsx(yn, {})
+            /* @__PURE__ */ e.jsx(vn, {})
           ] })
         ] }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
-          a && !o && /* @__PURE__ */ e.jsx(jn, {}),
-          !o && /* @__PURE__ */ e.jsx(bn, {}),
-          a && !o && /* @__PURE__ */ e.jsxs(
+          a && !l && /* @__PURE__ */ e.jsx(bn, {}),
+          !l && /* @__PURE__ */ e.jsx(yn, {}),
+          a && !l && /* @__PURE__ */ e.jsxs(
             w,
             {
               variant: "outline",
@@ -637,7 +637,7 @@ function vn() {
               disabled: !a,
               onClick: x,
               children: [
-                /* @__PURE__ */ e.jsx(Ks, { className: "mr-2 h-4 w-4", strokeWidth: 1.5 }),
+                /* @__PURE__ */ e.jsx(Gs, { className: "mr-2 h-4 w-4", strokeWidth: 1.5 }),
                 "Add Frame"
               ]
             }
@@ -649,10 +649,10 @@ function vn() {
               className: "h-7 p-2",
               onClick: g,
               size: "sm",
-              children: /* @__PURE__ */ e.jsx(da, { className: "h-4 w-4", strokeWidth: 1.5 })
+              children: /* @__PURE__ */ e.jsx(ha, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          a && !o && /* @__PURE__ */ e.jsx(
+          a && !l && /* @__PURE__ */ e.jsx(
             w,
             {
               variant: "outline",
@@ -662,106 +662,106 @@ function vn() {
                 u(!1), S(!1);
               },
               size: "sm",
-              children: /* @__PURE__ */ e.jsx(_e, { className: "h-4 w-4", strokeWidth: 1.5 })
+              children: /* @__PURE__ */ e.jsx(He, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          a && !o && /* @__PURE__ */ e.jsx(
+          a && !l && /* @__PURE__ */ e.jsx(
             w,
             {
               className: "h-7 p-2",
               variant: "outline",
               onClick: z,
               size: "sm",
-              children: /* @__PURE__ */ e.jsx(dn, { className: "h-4 w-4", strokeWidth: 1.5 })
+              children: /* @__PURE__ */ e.jsx(mn, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          !c && !o && a && /* @__PURE__ */ e.jsx(
+          !o && !l && a && /* @__PURE__ */ e.jsx(
             w,
             {
               className: "h-7 p-2",
               variant: "outline",
-              onClick: () => l(!0),
+              onClick: () => r(!0),
               size: "sm",
-              children: /* @__PURE__ */ e.jsx(oa, { className: "h-4 w-4", strokeWidth: 1.5 })
+              children: /* @__PURE__ */ e.jsx(ca, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          !o && a && !1,
-          !o && !1
+          !l && a && !1,
+          !l && !1
         ] })
       ]
     }
   );
 }
-function Qe({
+function We({
   title: s,
   items: n,
   value: a,
   isLoading: t,
-  isError: o,
-  connectionTooltip: c,
-  onChange: r,
-  className: l,
-  showIcon: d = !0,
+  isError: l,
+  connectionTooltip: o,
+  onChange: d,
+  className: r,
+  showIcon: c = !0,
   disabled: f = !1
 }) {
-  const m = t ? "Loading..." : o ? "Error" : a;
+  const m = t ? "Loading..." : l ? "Error" : a;
   function u() {
     if (s === "Connection")
-      return /* @__PURE__ */ e.jsx(cn, { className: "size-4 rotate-90" });
+      return /* @__PURE__ */ e.jsx(hn, { className: "size-4 rotate-90" });
     if (s === "Database")
-      return /* @__PURE__ */ e.jsx(Wt, { className: "size-4" });
+      return /* @__PURE__ */ e.jsx(Xt, { className: "size-4" });
     if (s === "Schema")
-      return /* @__PURE__ */ e.jsx(ln, { className: "size-4" });
+      return /* @__PURE__ */ e.jsx(cn, { className: "size-4" });
     if (s === "Table")
       return /* @__PURE__ */ e.jsx(Cs, { className: "size-4" });
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-    d && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: c ? /* @__PURE__ */ e.jsxs(vs, { children: [
-      /* @__PURE__ */ e.jsx(Js, { children: u() }),
-      /* @__PURE__ */ e.jsx(Ns, { className: "text-xs", align: "start", children: c })
+    c && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: o ? /* @__PURE__ */ e.jsxs(vs, { children: [
+      /* @__PURE__ */ e.jsx(Ws, { children: u() }),
+      /* @__PURE__ */ e.jsx(Ns, { className: "text-xs", align: "start", children: o })
     ] }) : u() }),
-    /* @__PURE__ */ e.jsxs(Oe, { disabled: f, value: m, onValueChange: r, children: [
+    /* @__PURE__ */ e.jsxs(Oe, { disabled: f, value: m, onValueChange: d, children: [
       /* @__PURE__ */ e.jsx(
         Me,
         {
           className: Y(
             "h-9 w-full focus:ring-1 focus:ring-offset-0",
-            l
+            r
           ),
           children: /* @__PURE__ */ e.jsx(
             Te,
             {
-              placeholder: t ? "Loading..." : o ? "Error" : `Select ${s}`
+              placeholder: t ? "Loading..." : l ? "Error" : `Select ${s}`
             }
           )
         }
       ),
-      /* @__PURE__ */ e.jsx(Ae, { children: /* @__PURE__ */ e.jsxs(He, { children: [
+      /* @__PURE__ */ e.jsx(Ae, { children: /* @__PURE__ */ e.jsxs(Be, { children: [
         t ? /* @__PURE__ */ e.jsx(Le, { children: "Loading..." }) : /* @__PURE__ */ e.jsx(Le, { children: s }),
         /* @__PURE__ */ e.jsx(e.Fragment, { children: n && n.map((S, h) => /* @__PURE__ */ e.jsx(X, { value: S.id, children: S.name }, h)) }),
-        (t || o) && /* @__PURE__ */ e.jsx(X, { value: m, children: m })
+        (t || l) && /* @__PURE__ */ e.jsx(X, { value: m, children: m })
       ] }) })
     ] })
   ] });
 }
-function Nn({ column: s }) {
-  const [n, a] = T(!1), t = i((m) => m.selectedTableName), o = i(
+function Cn({ column: s }) {
+  const [n, a] = T(!1), t = i((m) => m.selectedTableName), l = i(
     (m) => m.selectedSchemaName
-  ), c = i((m) => m.sqlGen), r = i((m) => m.actions.setSqlGen), l = i((m) => m.actions.setCardSql), d = i((m) => m.actions.setRunSql);
+  ), o = i((m) => m.sqlGen), d = i((m) => m.actions.setSqlGen), r = i((m) => m.actions.setCardSql), c = i((m) => m.actions.setRunSql);
   function f(m, u) {
-    const S = Qs(m, c, u);
-    r(S);
-    const h = Ws(
+    const S = Ys(m, o, u);
+    d(S);
+    const h = Xs(
       S,
-      he(o || ""),
+      he(l || ""),
       he(t)
     );
-    h && (l(h), d(!0)), a(!1);
+    h && (r(h), c(!0)), a(!1);
   }
-  return /* @__PURE__ */ e.jsxs(Ke, { open: n, onOpenChange: a, children: [
-    /* @__PURE__ */ e.jsx(Ue, { asChild: !0, children: /* @__PURE__ */ e.jsx($a, { className: "h-4 w-4 cursor-pointer text-foreground/40" }) }),
+  return /* @__PURE__ */ e.jsxs(Ue, { open: n, onOpenChange: a, children: [
+    /* @__PURE__ */ e.jsx(Ge, { asChild: !0, children: /* @__PURE__ */ e.jsx(Pa, { className: "h-4 w-4 cursor-pointer text-foreground/40" }) }),
     /* @__PURE__ */ e.jsx(
-      Ge,
+      Je,
       {
         align: "center",
         className: "w-18 rounded-md p-0 shadow-none",
@@ -811,69 +811,69 @@ function Nn({ column: s }) {
     )
   ] });
 }
-function ua({ column: s }) {
+function xa({ column: s }) {
   return /* @__PURE__ */ e.jsxs(vs, { children: [
-    /* @__PURE__ */ e.jsx(Pa, { asChild: !0, children: Ka.includes(s.data_type.toLowerCase()) ? (
+    /* @__PURE__ */ e.jsx(Ka, { asChild: !0, children: Ua.includes(s.data_type.toLowerCase()) ? (
       // <span className=" font-thin">T</span>
-      /* @__PURE__ */ e.jsx(fn, { className: "size-3" })
-    ) : Ys.includes(s.data_type.toLowerCase()) ? (
+      /* @__PURE__ */ e.jsx(Ms, { className: "size-3" })
+    ) : Zs.includes(s.data_type.toLowerCase()) ? (
       //
-      /* @__PURE__ */ e.jsx(en, { className: "size-3" })
-    ) : Ua.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(Ga, { className: "size-3" }) : Ja.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(pn, { className: "size-3" }) : /* @__PURE__ */ e.jsx(hn, { className: "size-3" }) }),
+      /* @__PURE__ */ e.jsx(an, { className: "size-3" })
+    ) : Ga.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(Ja, { className: "size-3" }) : Qa.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(gn, { className: "size-3" }) : /* @__PURE__ */ e.jsx(un, { className: "size-3" }) }),
     /* @__PURE__ */ e.jsx(Ns, { children: /* @__PURE__ */ e.jsx("p", { className: "font-mono text-xs", children: s.data_type }) })
   ] });
 }
-function Cn({
+function Sn({
   schemaName: s,
   tableName: n,
   columns: a,
   status: t
 }) {
-  const o = i((j) => j.sqlGen), c = i(
+  const l = i((j) => j.sqlGen), o = i(
     (j) => j.selectedConnectionId
-  ), r = i(
+  ), d = i(
     (j) => j.selectedDatabaseName
-  ), l = i(
+  ), r = i(
     (j) => j.selectedSchemaName
-  ), d = i((j) => j.selectedTableName), f = k(
+  ), c = i((j) => j.selectedTableName), f = k(
     (j) => j.dashboard.aiScopeTables
   ), { setAIScopeTables: m } = k((j) => j.actions), u = i((j) => j.actions.setRunSql), S = i((j) => j.actions.setSqlGen), h = i(
     (j) => j.actions.setIsShowingVisual
-  ), x = i((j) => j.actions.setCardSql), { connectionType: g } = xa();
+  ), x = i((j) => j.actions.setCardSql), { connectionType: g } = pa();
   function z(j) {
-    const F = Qs(j, o);
+    const F = Ys(j, l);
     S(F);
-    const A = Ws(F, he(s), he(n));
+    const A = Xs(F, he(s), he(n));
     A && (x(A), u(!0));
   }
   function b() {
     return (f == null ? void 0 : f.find(
-      (j) => j.connectinonId === c && j.tableName === d
+      (j) => j.connectinonId === o && j.tableName === c
     )) !== void 0;
   }
   function L(j) {
-    if (j === !0 && d && c) {
+    if (j === !0 && c && o) {
       const F = {
-        connectinonId: c,
+        connectinonId: o,
         connectionType: g,
-        databaseName: r,
-        schemaName: l,
-        tableName: d
-      }, q = [...f || [], F].filter(
+        databaseName: d,
+        schemaName: r,
+        tableName: c
+      }, V = [...f || [], F].filter(
         (K, $, G) => G.findIndex(
           (D) => D.connectinonId === K.connectinonId && D.tableName === K.tableName
         ) === $
       );
-      m(q), ds.success(`Added '${d}' to AI Scope`, {
+      m(V), ds.success(`Added '${c}' to AI Scope`, {
         position: "top-right",
         duration: 2500,
         richColors: !0
       });
     } else {
       const F = (f || []).filter(
-        (A) => A.connectinonId !== c && A.tableName !== d
+        (A) => A.connectinonId !== o && A.tableName !== c
       );
-      m(F), ds(`Removed '${d}' from AI Scope`, {
+      m(F), ds(`Removed '${c}' from AI Scope`, {
         position: "top-right",
         duration: 2e3,
         richColors: !0
@@ -883,17 +883,17 @@ function Cn({
   function N() {
     let F = hs(s, n);
     ((K) => K.charAt(0) === K.charAt(0).toUpperCase())(n) && (F = `"${n}"`), h(!1);
-    const q = g === "MSSQL" ? `SELECT top 10 * FROM ${F}` : `SELECT * FROM ${F} LIMIT 10`;
-    x(q), u(!0);
+    const V = g === "MSSQL" ? `SELECT top 10 * FROM ${F}` : `SELECT * FROM ${F} LIMIT 10`;
+    x(V), u(!0);
   }
   function O() {
     let F = hs(s, n);
-    ((q) => q.charAt(0) === q.charAt(0).toUpperCase())(n) && (F = `"${n}"`), h(!1), x(`SELECT COUNT(*) as count FROM ${F}`), u(!0);
+    ((V) => V.charAt(0) === V.charAt(0).toUpperCase())(n) && (F = `"${n}"`), h(!1), x(`SELECT COUNT(*) as count FROM ${F}`), u(!0);
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "flex grow flex-col space-y-4 px-4", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-center gap-1", children: [
       /* @__PURE__ */ e.jsx(
-        Xs,
+        ea,
         {
           title: `${b() ? "Remove from" : "Add to"} AI Scope`,
           pressed: b(),
@@ -901,7 +901,7 @@ function Cn({
           variant: "outline",
           className: "h-9 px-2",
           children: /* @__PURE__ */ e.jsx(
-            Qa,
+            Wa,
             {
               className: Y("size-4", {
                 "text-primary": b(),
@@ -920,7 +920,7 @@ function Cn({
           variant: "secondary",
           className: "flex",
           children: [
-            t !== "Success" ? /* @__PURE__ */ e.jsx(Be, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(un, { className: "mr-2 size-4" }),
+            t !== "Success" ? /* @__PURE__ */ e.jsx($e, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(pn, { className: "mr-2 size-4" }),
             "Top 10"
           ]
         }
@@ -934,7 +934,7 @@ function Cn({
           variant: "secondary",
           className: "flex",
           children: [
-            t !== "Success" ? /* @__PURE__ */ e.jsx(Be, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(mn, { className: "mr-2 size-4" }),
+            t !== "Success" ? /* @__PURE__ */ e.jsx($e, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(xn, { className: "mr-2 size-4" }),
             "Count"
           ]
         }
@@ -952,43 +952,43 @@ function Cn({
               className: Y(
                 "mx-3 flex cursor-pointer items-center justify-between rounded px-2 py-[6px] text-sm transition-colors hover:bg-muted/50",
                 {
-                  "bg-muted": Wa(j, o)
+                  "bg-muted": Ya(j, l)
                 }
               ),
               children: [
                 /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-                  /* @__PURE__ */ e.jsx(ua, { column: j }),
+                  /* @__PURE__ */ e.jsx(xa, { column: j }),
                   /* @__PURE__ */ e.jsx("span", { children: j.column_name })
                 ] }),
-                Ys.includes(j.data_type) && /* @__PURE__ */ e.jsx(
+                Zs.includes(j.data_type) && /* @__PURE__ */ e.jsx(
                   "div",
                   {
                     onClick: (F) => F.stopPropagation(),
                     className: "flex items-center justify-end",
-                    children: /* @__PURE__ */ e.jsx(Nn, { column: j })
+                    children: /* @__PURE__ */ e.jsx(Cn, { column: j })
                   }
                 )
               ]
             },
             j.column_name
           )),
-          /* @__PURE__ */ e.jsx(Es, { orientation: "vertical" }),
-          /* @__PURE__ */ e.jsx(Es, { orientation: "horizontal" })
+          /* @__PURE__ */ e.jsx(Ds, { orientation: "vertical" }),
+          /* @__PURE__ */ e.jsx(Ds, { orientation: "horizontal" })
         ]
       }
     )
   ] });
 }
-function xa(s, n) {
-  var as, ve, Je, qe;
-  let a = Ut(() => [], []);
-  const t = es().authToken || s, o = i(
+function pa(s, n) {
+  var ts, ve, Qe, qe;
+  let a = Jt(() => [], []);
+  const t = ss().authToken || s, l = i(
     (C) => C.selectedConnectionId
-  ), c = i(
+  ), o = i(
     (C) => C.selectedDatabaseName
-  ), r = i(
+  ), d = i(
     (C) => C.selectedSchemaName
-  ), l = i((C) => C.selectedTableName), d = i(
+  ), r = i((C) => C.selectedTableName), c = i(
     (C) => C.actions.setCurrentColumns
   ), f = i(
     (C) => C.actions.setSelectedConnectionId
@@ -1000,13 +1000,13 @@ function xa(s, n) {
     (C) => C.actions.setSelectedTableName
   ), h = i((C) => C.actions.setCardSql);
   function x(C) {
-    return o && c && r && c !== "NA" ? !0 : o && C === "API" ? !1 : !!(o && C === "S3");
+    return l && o && d && o !== "NA" ? !0 : l && C === "API" ? !1 : !!(l && C === "S3");
   }
   function g(C) {
-    return !!(o && c && c !== "NA" && r && l || o && (C === "S3" || C === "API"));
+    return !!(l && o && o !== "NA" && d && r || l && (C === "S3" || C === "API"));
   }
   function z(C) {
-    return o && C ? !(C === "API" || C === "S3") : !1;
+    return l && C ? !(C === "API" || C === "S3") : !1;
   }
   const {
     data: b,
@@ -1021,20 +1021,20 @@ function xa(s, n) {
     enabled: !!(t != null && t.accessToken)
     // Only fetch if authToken is present
   }), O = b == null ? void 0 : b.connections.find(
-    (C) => C.id === o
+    (C) => C.id === l
   ), j = O == null ? void 0 : O.type, F = (O == null ? void 0 : O.type) === "API" || (O == null ? void 0 : O.type) === "S3", {
     data: A,
-    isLoading: q,
+    isLoading: V,
     isFetching: K,
     isError: $,
     refetch: G
   } = Ce({
-    queryKey: ["databases", o],
+    queryKey: ["databases", l],
     queryFn: () => ze(
       "https://semaphor.cloud/api/v1/databases",
       (t == null ? void 0 : t.accessToken) || "",
       {
-        connection_id: o
+        connection_id: l
       }
     ),
     enabled: z(j)
@@ -1046,16 +1046,16 @@ function xa(s, n) {
     isError: ee,
     refetch: Z
   } = Ce({
-    queryKey: ["schemas", o, c],
+    queryKey: ["schemas", l, o],
     queryFn: () => ze(
       "https://semaphor.cloud/api/v1/schemas",
       (t == null ? void 0 : t.accessToken) || "",
       {
-        connection_id: o,
-        database_name: c
+        connection_id: l,
+        database_name: o
       }
     ),
-    enabled: !!o && !!c && !F && c !== "NA"
+    enabled: !!l && !!o && !F && o !== "NA"
     //currentConnection?.type !== 'API', // Only fetch if connectionId and database is present
   }), {
     data: J,
@@ -1066,17 +1066,17 @@ function xa(s, n) {
   } = Ce({
     queryKey: [
       "tables",
+      l,
       o,
-      c,
-      r
+      d
     ],
     queryFn: () => ze(
       "https://semaphor.cloud/api/v1/tables",
       (t == null ? void 0 : t.accessToken) || "",
       {
-        connection_id: o,
-        database_name: c,
-        schema_name: r
+        connection_id: l,
+        database_name: o,
+        schema_name: d
       }
     ),
     enabled: x(j)
@@ -1088,19 +1088,19 @@ function xa(s, n) {
   } = Ce({
     queryKey: [
       "columns",
+      l,
       o,
-      c,
-      r,
-      l
+      d,
+      r
     ],
     queryFn: () => ze(
       "https://semaphor.cloud/api/v1/columns",
       (t == null ? void 0 : t.accessToken) || "",
       {
-        connection_id: o,
-        database_name: c,
-        schema_name: r,
-        table_name: l
+        connection_id: l,
+        database_name: o,
+        schema_name: d,
+        table_name: r
       }
     ),
     enabled: g(j)
@@ -1113,8 +1113,8 @@ function xa(s, n) {
     // && currentConnection?.type !== 'API', // Only fetch if connectionId, database, and table is present
   });
   P(() => {
-    d(a);
-  }, [H, d, a]), P(() => {
+    c(a);
+  }, [H, c, a]), P(() => {
   }, [
     F,
     h,
@@ -1123,7 +1123,7 @@ function xa(s, n) {
     m,
     O
   ]);
-  const je = (O == null ? void 0 : O.type) === "API" ? (as = O == null ? void 0 : O.type) == null ? void 0 : as.toLowerCase() : l || "", be = F ? "" : r || "";
+  const je = (O == null ? void 0 : O.type) === "API" ? (ts = O == null ? void 0 : O.type) == null ? void 0 : ts.toLowerCase() : r || "", be = F ? "" : d || "";
   function xe(C) {
     u(C), S("");
   }
@@ -1133,7 +1133,7 @@ function xa(s, n) {
   function ne(C) {
     f(C);
   }
-  A && ((ve = A == null ? void 0 : A.databases) == null ? void 0 : ve.length) > 0, D && ((Je = D == null ? void 0 : D.schemas) == null ? void 0 : Je.length) > 0, H && ((qe = H == null ? void 0 : H.columns) == null ? void 0 : qe.length) > 0 && (a = H.columns.map((C) => ({
+  A && ((ve = A == null ? void 0 : A.databases) == null ? void 0 : ve.length) > 0, D && ((Qe = D == null ? void 0 : D.schemas) == null ? void 0 : Qe.length) > 0, H && ((qe = H == null ? void 0 : H.columns) == null ? void 0 : qe.length) > 0 && (a = H.columns.map((C) => ({
     ...C,
     data_type: C.data_type.toLowerCase()
   }))), $ && (a = []), (ge || N) && (a = []);
@@ -1149,7 +1149,7 @@ function xa(s, n) {
   })), le = D == null ? void 0 : D.schemas.map((C) => ({
     id: C.schema_name,
     name: C.schema_name
-  })), Ie = J == null ? void 0 : J.tables.map((C) => ({
+  })), Ve = J == null ? void 0 : J.tables.map((C) => ({
     id: C.table_name,
     name: C.table_name
   }));
@@ -1158,12 +1158,12 @@ function xa(s, n) {
     isConnectionsLoading: L,
     isConnectionsError: N,
     databaseItems: ye,
-    isDatabasesLoadingOrFetching: q || K,
+    isDatabasesLoadingOrFetching: V || K,
     isDatabaseError: $,
     schemaItems: le,
     isSchemaLoadingOrFetching: te || Q,
     isSchemaError: ee,
-    tableItems: Ie,
+    tableItems: Ve,
     isTableLoadingOrFetching: I || y,
     isTableError: v,
     columns: a,
@@ -1178,7 +1178,7 @@ function xa(s, n) {
     handleSchemaChange: xe
   };
 }
-function pa({
+function fa({
   ColumnsComponent: s
 }) {
   var J;
@@ -1188,12 +1188,12 @@ function pa({
     (I) => I.selectedDatabaseName
   ), t = i(
     (I) => I.selectedSchemaName
-  ), o = i((I) => I.selectedTableName), c = i(
+  ), l = i((I) => I.selectedTableName), o = i(
     (I) => I.actions.setSelectedTableName
   ), {
-    connectionItems: r,
-    schemaItems: l,
-    databaseItems: d,
+    connectionItems: d,
+    schemaItems: r,
+    databaseItems: c,
     tableItems: f,
     columns: m,
     isConnectionsLoading: u,
@@ -1209,14 +1209,14 @@ function pa({
     connectionType: j,
     isNonDbConnection: F,
     handleConnectionChange: A,
-    handleDatabaseChange: q,
+    handleDatabaseChange: V,
     handleSchemaChange: K,
     tableName: $,
     schemaName: G
-  } = xa();
+  } = pa();
   function D() {
     return s ? s(G, $, m) : /* @__PURE__ */ e.jsx(
-      Cn,
+      Sn,
       {
         schemaName: G,
         tableName: $,
@@ -1230,12 +1230,12 @@ function pa({
   }
   function Q() {
     return j === "S3" || j === "API" ? null : /* @__PURE__ */ e.jsx(
-      Qe,
+      We,
       {
-        onChange: q,
+        onChange: V,
         isError: x,
         isLoading: h,
-        items: d,
+        items: c,
         value: a || "",
         title: "Database"
       }
@@ -1243,12 +1243,12 @@ function pa({
   }
   function ee() {
     return j === "S3" || j === "API" ? null : /* @__PURE__ */ e.jsx(
-      Qe,
+      We,
       {
         onChange: K,
         isError: z,
         isLoading: g,
-        items: l,
+        items: r,
         value: t || "",
         title: "Schema"
       }
@@ -1256,13 +1256,13 @@ function pa({
   }
   function Z() {
     return j === "API" ? null : /* @__PURE__ */ e.jsx(
-      Qe,
+      We,
       {
-        onChange: c,
+        onChange: o,
         isError: O,
         items: f,
         isLoading: N,
-        value: o || "",
+        value: l || "",
         title: "Table"
       }
     );
@@ -1270,15 +1270,15 @@ function pa({
   return /* @__PURE__ */ e.jsxs("aside", { className: "xbg-red-100 flex grow flex-col justify-between", children: [
     /* @__PURE__ */ e.jsxs("section", { className: "space-y-3 px-6 py-4", children: [
       /* @__PURE__ */ e.jsx(
-        Qe,
+        We,
         {
-          items: r,
+          items: d,
           title: "Connection",
           value: n || "",
           onChange: A,
           isLoading: u,
           isError: S,
-          connectionTooltip: ((J = r == null ? void 0 : r.find(
+          connectionTooltip: ((J = d == null ? void 0 : d.find(
             (I) => I.id === n
           )) == null ? void 0 : J.type) || ""
         }
@@ -1296,38 +1296,38 @@ function pa({
         variant: "secondary",
         className: "w-full",
         children: [
-          /* @__PURE__ */ e.jsx(rn, { className: "mr-2 size-4" }),
+          /* @__PURE__ */ e.jsx(on, { className: "mr-2 size-4" }),
           "Help"
         ]
       }
     ) })
   ] });
 }
-function Sn(s) {
-  const n = s.toUpperCase().indexOf("WHERE"), a = s.toUpperCase().indexOf("GROUP BY"), t = s.toUpperCase().indexOf("LIMIT"), o = s.toUpperCase().indexOf("ORDER BY");
-  let c = s.length;
-  if (o !== -1 && (c = o), t !== -1 && t < c && (c = t), n !== -1) {
-    const r = s.substring(0, n), l = s.substring(n);
-    return `${r} {{ filters | where }} AND ${l.substring(
+function kn(s) {
+  const n = s.toUpperCase().indexOf("WHERE"), a = s.toUpperCase().indexOf("GROUP BY"), t = s.toUpperCase().indexOf("LIMIT"), l = s.toUpperCase().indexOf("ORDER BY");
+  let o = s.length;
+  if (l !== -1 && (o = l), t !== -1 && t < o && (o = t), n !== -1) {
+    const d = s.substring(0, n), r = s.substring(n);
+    return `${d} {{ filters | where }} AND ${r.substring(
       6
     )}`;
   } else if (a !== -1) {
-    const r = s.substring(0, a), l = s.substring(a);
-    return `${r} {{ filters | where }} ${l}`;
+    const d = s.substring(0, a), r = s.substring(a);
+    return `${d} {{ filters | where }} ${r}`;
   } else {
-    const r = s.substring(0, c), l = s.substring(c);
-    return `${r} {{ filters | where }} ${l}`;
+    const d = s.substring(0, o), r = s.substring(o);
+    return `${d} {{ filters | where }} ${r}`;
   }
 }
-function kn({
+function wn({
   error: s,
   setShowAIDialog: n,
   setUserInputforAI: a,
   setTriggerAIRun: t
 }) {
-  return /* @__PURE__ */ e.jsxs(Zs, { openDelay: 0, children: [
-    /* @__PURE__ */ e.jsx(ea, { asChild: !0, children: /* @__PURE__ */ e.jsx(w, { variant: "link", className: " p-0 h-5", children: /* @__PURE__ */ e.jsx(Qt, { className: "h-4 w-4 text-red-500" }) }) }),
-    /* @__PURE__ */ e.jsx(sa, { align: "start", className: "  min-w-fit max-w-[500px]", children: /* @__PURE__ */ e.jsx("div", { className: "flex justify-between space-x-4", children: /* @__PURE__ */ e.jsxs("div", { className: "grow space-y-1 flex flex-col  ", children: [
+  return /* @__PURE__ */ e.jsxs(sa, { openDelay: 0, children: [
+    /* @__PURE__ */ e.jsx(aa, { asChild: !0, children: /* @__PURE__ */ e.jsx(w, { variant: "link", className: " p-0 h-5", children: /* @__PURE__ */ e.jsx(Yt, { className: "h-4 w-4 text-red-500" }) }) }),
+    /* @__PURE__ */ e.jsx(ta, { align: "start", className: "  min-w-fit max-w-[500px]", children: /* @__PURE__ */ e.jsx("div", { className: "flex justify-between space-x-4", children: /* @__PURE__ */ e.jsxs("div", { className: "grow space-y-1 flex flex-col  ", children: [
       /* @__PURE__ */ e.jsxs(
         w,
         {
@@ -1337,7 +1337,7 @@ function kn({
           size: "sm",
           variant: "outline",
           children: [
-            /* @__PURE__ */ e.jsx(Zt, { className: "h-4 w-4 mr-2" }),
+            /* @__PURE__ */ e.jsx(sn, { className: "h-4 w-4 mr-2" }),
             "Fix It"
           ]
         }
@@ -1346,51 +1346,51 @@ function kn({
     ] }) }) })
   ] });
 }
-function wn({
+function zn({
   text: s,
   onCheckedChange: n,
   checked: a
 }) {
   return /* @__PURE__ */ e.jsxs("div", { className: "xbg-red-100 ml-6 flex items-center gap-2", children: [
-    /* @__PURE__ */ e.jsx(Pe, { checked: a, onCheckedChange: n }),
+    /* @__PURE__ */ e.jsx(Ke, { checked: a, onCheckedChange: n }),
     /* @__PURE__ */ e.jsx("label", { className: "text-xs leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", children: s })
   ] });
 }
-function zn() {
-  const { authToken: s } = es(), n = $e(null), a = i((l) => l.applyFilters), [t, o] = T(""), c = i((l) => l.filterValues), r = i((l) => l.card.sql);
+function Fn() {
+  const { authToken: s } = ss(), n = Pe(null), a = i((r) => r.applyFilters), [t, l] = T(""), o = i((r) => r.filterValues), d = i((r) => r.card.sql);
   return /* @__PURE__ */ e.jsxs(
-    Zs,
+    sa,
     {
       openDelay: 0,
-      onOpenChange: async (l) => {
-        if (!l)
+      onOpenChange: async (r) => {
+        if (!r)
           return;
         console.log("onOpenChange");
-        const d = await aa(
+        const c = await na(
           "https://semaphor.cloud/api/v1/filter-sql",
           (s == null ? void 0 : s.accessToken) || "",
           {
-            sql: r,
-            active_filters: c
+            sql: d,
+            active_filters: o
           }
         );
-        console.log(d), d.sql ? (console.log(d.records), o(d.sql)) : o("Error");
+        console.log(c), c.sql ? (console.log(c.records), l(c.sql)) : l("Error");
       },
       children: [
-        /* @__PURE__ */ e.jsx(ea, { asChild: !0, children: a && /* @__PURE__ */ e.jsx("p", { className: "p-0 text-xs hover:cursor-pointer", children: "|  Filter Query" }) }),
-        /* @__PURE__ */ e.jsxs(sa, { align: "end", className: "w-[600px]", children: [
+        /* @__PURE__ */ e.jsx(aa, { asChild: !0, children: a && /* @__PURE__ */ e.jsx("p", { className: "p-0 text-xs hover:cursor-pointer", children: "|  Filter Query" }) }),
+        /* @__PURE__ */ e.jsxs(ta, { align: "end", className: "w-[600px]", children: [
           /* @__PURE__ */ e.jsx("div", { className: "flex justify-between space-x-4", children: /* @__PURE__ */ e.jsx("div", { className: "rounded-sm bg-muted p-2", children: /* @__PURE__ */ e.jsxs("code", { ref: n, className: "font-mono text-sm", children: [
             t,
             /* @__PURE__ */ e.jsx(
-              ta,
+              ra,
               {
-                onClick: () => Ya(n),
+                onClick: () => Xa(n),
                 className: "ml-3 inline-block h-4 w-4 opacity-70 hover:cursor-pointer hover:opacity-100"
               }
             )
           ] }) }) }),
           /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 pt-2", children: [
-            /* @__PURE__ */ e.jsx(Xa, { className: "h-4 w-4 opacity-70" }),
+            /* @__PURE__ */ e.jsx(Za, { className: "h-4 w-4 opacity-70" }),
             /* @__PURE__ */ e.jsx("span", { className: "text-xs text-muted-foreground", children: "A preview of the query with filters applied." })
           ] })
         ] })
@@ -1398,7 +1398,7 @@ function zn() {
     }
   );
 }
-const Fn = `
+const On = `
 
 Use the following syntax to create a chart query. Please replace the x-axis, y-axis, stack-by, label, and measure with the actual column names of the table.
 
@@ -1445,15 +1445,15 @@ SELECT label, measure FROM table
 - Label - Category 
 - Measure - Number 
 `;
-function On({
+function Mn({
   open: s,
   setOpen: n,
   userInput: a,
   setUserInput: t,
-  triggerAIRun: o,
-  setTriggerAIRun: c
+  triggerAIRun: l,
+  setTriggerAIRun: o
 }) {
-  const r = $e(null), l = $e(null), { authToken: d } = es(), [f, m] = T(!1), u = i((y) => y.actions.setCardSql), S = k((y) => y.dashboard.baseQueries), h = i((y) => y.actions.setRunSql), x = i((y) => y.actions.setCardType), [g, z] = T([]), b = i((y) => y.currentColumns), L = i((y) => y.card.sql), N = i((y) => y.selectedTableName), O = `
+  const d = Pe(null), r = Pe(null), { authToken: c } = ss(), [f, m] = T(!1), u = i((y) => y.actions.setCardSql), S = k((y) => y.dashboard.baseQueries), h = i((y) => y.actions.setRunSql), x = i((y) => y.actions.setCardType), [g, z] = T([]), b = i((y) => y.currentColumns), L = i((y) => y.card.sql), N = i((y) => y.selectedTableName), O = `
   ${a}
 
   Database Query Dialect: ${N === "api" || N === "s3" ? "DuckDb" : ""}
@@ -1461,11 +1461,11 @@ function On({
   Table Columns: ${b == null ? void 0 : b.map((y) => `${y.column_name} | ${y.data_type}`).join(", ")}
   User SQL: ${L}  
   ${S && `Base Queries: ${JSON.stringify(S)} `}`, j = ` When the user asks for a specific chart please use the following query structure to generate the chart query. Do not make up the column names. Use only the table columns provided above for the query. Replace x-axis, y-axis, and lables with the appropriate column names.
-  Visual Query Syntax: ${Fn}`, { data: F, isLoading: A, isFetching: q, isError: K, refetch: $ } = Ce({
+  Visual Query Syntax: ${On}`, { data: F, isLoading: A, isFetching: V, isError: K, refetch: $ } = Ce({
     queryKey: ["ai-query"],
     queryFn: () => ze(
       "https://semaphor.cloud/api/v1/ai",
-      (d == null ? void 0 : d.accessToken) || "",
+      (c == null ? void 0 : c.accessToken) || "",
       {
         user_content: `userContent: ${O} ${f ? j : ""}`
       }
@@ -1499,10 +1499,10 @@ function On({
   }, [F]), P(() => {
     const y = setTimeout(() => {
       var v;
-      l.current && (l.current.scroll({
-        top: l.current.scrollHeight,
+      r.current && (r.current.scroll({
+        top: r.current.scrollHeight,
         behavior: "smooth"
-      }), (v = r.current) == null || v.focus());
+      }), (v = d.current) == null || v.focus());
     }, 100);
     return () => clearTimeout(y);
   }, [g]);
@@ -1510,8 +1510,8 @@ function On({
     a && (z((y) => [...y, { role: "user", content: a }]), G(a) && m(!0), t(""), $());
   }
   P(() => {
-    o && (D(), c(!1));
-  }, [o, c]);
+    l && (D(), o(!1));
+  }, [l, o]);
   const te = {
     //seleect a darker color
     // color: '#000',
@@ -1544,7 +1544,7 @@ function On({
     pre: ({ node: y, ...v }) => /* @__PURE__ */ e.jsxs("pre", { className: "space-y-2 rounded-sm bg-muted/50 p-3", style: Q, children: [
       /* @__PURE__ */ e.jsx("code", { className: "whitespace-normal text-sm", children: v.children }),
       /* @__PURE__ */ e.jsxs("div", { className: "flex justify-start gap-2", children: [
-        /* @__PURE__ */ e.jsx(w, { onClick: J, size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(ta, {}) }),
+        /* @__PURE__ */ e.jsx(w, { onClick: J, size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(ra, {}) }),
         /* @__PURE__ */ e.jsx(
           w,
           {
@@ -1554,7 +1554,7 @@ function On({
             },
             size: "sm",
             variant: "outline",
-            children: /* @__PURE__ */ e.jsx(st, {})
+            children: /* @__PURE__ */ e.jsx(at, {})
           }
         )
       ] })
@@ -1575,13 +1575,13 @@ function On({
       {
         className: "flex items-start rounded-md bg-muted p-3 text-sm",
         children: [
-          /* @__PURE__ */ e.jsx(gn, { className: "mr-2 h-5 w-5" }),
+          /* @__PURE__ */ e.jsx(jn, { className: "mr-2 h-5 w-5" }),
           /* @__PURE__ */ e.jsx("div", { children: y.content })
         ]
       },
       v
     ) : y.role === "ai" ? /* @__PURE__ */ e.jsx(
-      et,
+      st,
       {
         className: "w-full overflow-auto py-1",
         components: Z,
@@ -1612,7 +1612,7 @@ function On({
           /* @__PURE__ */ e.jsx(
             "div",
             {
-              ref: l,
+              ref: r,
               className: "h-[625px] w-full overflow-auto border-t border-t-muted",
               children: /* @__PURE__ */ e.jsx("div", { className: "space-y-4 py-2 pr-3", role: "messages", children: I() })
             }
@@ -1622,10 +1622,10 @@ function On({
             {
               children: /* @__PURE__ */ e.jsxs("div", { className: "flex w-full items-center rounded-md border", children: [
                 /* @__PURE__ */ e.jsx(
-                  na,
+                  la,
                   {
                     autoFocus: !0,
-                    ref: r,
+                    ref: d,
                     onKeyDown: (y) => {
                       y.key === "Enter" && !y.shiftKey && (y.preventDefault(), t(""), D());
                     },
@@ -1637,7 +1637,7 @@ function On({
                     className: Y(
                       "max-h-10 min-h-7 resize-none border-none focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0"
                     ),
-                    disabled: A || q,
+                    disabled: A || V,
                     value: a,
                     onChange: (y) => t(y.target.value)
                   }
@@ -1650,7 +1650,7 @@ function On({
                     size: "sm",
                     variant: "ghost",
                     onClick: D,
-                    children: !A && !q ? /* @__PURE__ */ e.jsx(Za, {}) : /* @__PURE__ */ e.jsx(Be, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" })
+                    children: !A && !V ? /* @__PURE__ */ e.jsx(et, {}) : /* @__PURE__ */ e.jsx($e, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" })
                   }
                 )
               ] })
@@ -1661,71 +1661,71 @@ function On({
     )
   ] });
 }
-var fa = {
+var ga = {
   color: void 0,
   size: void 0,
   className: void 0,
   style: void 0,
   attr: void 0
-}, Hs = me.createContext && /* @__PURE__ */ me.createContext(fa), Mn = ["attr", "size", "title"];
-function Tn(s, n) {
+}, $s = me.createContext && /* @__PURE__ */ me.createContext(ga), Tn = ["attr", "size", "title"];
+function An(s, n) {
   if (s == null)
     return {};
-  var a = An(s, n), t, o;
+  var a = En(s, n), t, l;
   if (Object.getOwnPropertySymbols) {
-    var c = Object.getOwnPropertySymbols(s);
-    for (o = 0; o < c.length; o++)
-      t = c[o], !(n.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(s, t) && (a[t] = s[t]);
+    var o = Object.getOwnPropertySymbols(s);
+    for (l = 0; l < o.length; l++)
+      t = o[l], !(n.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(s, t) && (a[t] = s[t]);
   }
   return a;
 }
-function An(s, n) {
+function En(s, n) {
   if (s == null)
     return {};
-  var a = {}, t = Object.keys(s), o, c;
-  for (c = 0; c < t.length; c++)
-    o = t[c], !(n.indexOf(o) >= 0) && (a[o] = s[o]);
+  var a = {}, t = Object.keys(s), l, o;
+  for (o = 0; o < t.length; o++)
+    l = t[o], !(n.indexOf(l) >= 0) && (a[l] = s[l]);
   return a;
 }
-function Xe() {
-  return Xe = Object.assign ? Object.assign.bind() : function(s) {
+function Ze() {
+  return Ze = 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]);
     }
     return s;
-  }, Xe.apply(this, arguments);
+  }, Ze.apply(this, arguments);
 }
-function Bs(s, n) {
+function Ps(s, n) {
   var a = Object.keys(s);
   if (Object.getOwnPropertySymbols) {
     var t = Object.getOwnPropertySymbols(s);
-    n && (t = t.filter(function(o) {
-      return Object.getOwnPropertyDescriptor(s, o).enumerable;
+    n && (t = t.filter(function(l) {
+      return Object.getOwnPropertyDescriptor(s, l).enumerable;
     })), a.push.apply(a, t);
   }
   return a;
 }
-function Ze(s) {
+function es(s) {
   for (var n = 1; n < arguments.length; n++) {
     var a = arguments[n] != null ? arguments[n] : {};
-    n % 2 ? Bs(Object(a), !0).forEach(function(t) {
-      En(s, t, a[t]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(s, Object.getOwnPropertyDescriptors(a)) : Bs(Object(a)).forEach(function(t) {
+    n % 2 ? Ps(Object(a), !0).forEach(function(t) {
+      Ln(s, t, a[t]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(s, Object.getOwnPropertyDescriptors(a)) : Ps(Object(a)).forEach(function(t) {
       Object.defineProperty(s, t, Object.getOwnPropertyDescriptor(a, t));
     });
   }
   return s;
 }
-function En(s, n, a) {
-  return n = Ln(n), n in s ? Object.defineProperty(s, n, { value: a, enumerable: !0, configurable: !0, writable: !0 }) : s[n] = a, s;
+function Ln(s, n, a) {
+  return n = Dn(n), n in s ? Object.defineProperty(s, n, { value: a, enumerable: !0, configurable: !0, writable: !0 }) : s[n] = a, s;
 }
-function Ln(s) {
-  var n = Dn(s, "string");
+function Dn(s) {
+  var n = In(s, "string");
   return typeof n == "symbol" ? n : String(n);
 }
-function Dn(s, n) {
+function In(s, n) {
   if (typeof s != "object" || s === null)
     return s;
   var a = s[Symbol.toPrimitive];
@@ -1737,44 +1737,44 @@ function Dn(s, n) {
   }
   return (n === "string" ? String : Number)(s);
 }
-function ga(s) {
-  return s && s.map((n, a) => /* @__PURE__ */ me.createElement(n.tag, Ze({
+function ja(s) {
+  return s && s.map((n, a) => /* @__PURE__ */ me.createElement(n.tag, es({
     key: a
-  }, n.attr), ga(n.child)));
+  }, n.attr), ja(n.child)));
 }
 function fe(s) {
-  return (n) => /* @__PURE__ */ me.createElement(In, Xe({
-    attr: Ze({}, s.attr)
-  }, n), ga(s.child));
+  return (n) => /* @__PURE__ */ me.createElement(Vn, Ze({
+    attr: es({}, s.attr)
+  }, n), ja(s.child));
 }
-function In(s) {
+function Vn(s) {
   var n = (a) => {
     var {
       attr: t,
-      size: o,
-      title: c
-    } = s, r = Tn(s, Mn), l = o || a.size || "1em", d;
-    return a.className && (d = a.className), s.className && (d = (d ? d + " " : "") + s.className), /* @__PURE__ */ me.createElement("svg", Xe({
+      size: l,
+      title: o
+    } = s, d = An(s, Tn), r = l || a.size || "1em", c;
+    return a.className && (c = a.className), s.className && (c = (c ? c + " " : "") + s.className), /* @__PURE__ */ me.createElement("svg", Ze({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
-    }, a.attr, t, r, {
-      className: d,
-      style: Ze(Ze({
+    }, a.attr, t, d, {
+      className: c,
+      style: es(es({
         color: s.color || a.color
       }, a.style), s.style),
-      height: l,
-      width: l,
+      height: r,
+      width: r,
       xmlns: "http://www.w3.org/2000/svg"
-    }), c && /* @__PURE__ */ me.createElement("title", null, c), s.children);
+    }), o && /* @__PURE__ */ me.createElement("title", null, o), s.children);
   };
-  return Hs !== void 0 ? /* @__PURE__ */ me.createElement(Hs.Consumer, null, (a) => n(a)) : n(fa);
+  return $s !== void 0 ? /* @__PURE__ */ me.createElement($s.Consumer, null, (a) => n(a)) : n(ga);
 }
 function qn(s) {
   return fe({ 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 Vn() {
-  const { theme: s } = at(), n = $e(), a = $e(), [t, o] = T(!1), [c, r] = T(!1), [l, d] = T(!1), [f, m] = T(""), [u, S] = T(!1), { authToken: h } = es();
+function Rn() {
+  const { theme: s } = tt(), n = Pe(), a = Pe(), [t, l] = T(!1), [o, d] = T(!1), [r, c] = T(!1), [f, m] = T(""), [u, S] = T(!1), { authToken: h } = ss();
   k((p) => p.selectedSheetId);
   const x = k((p) => p.dashboard.baseQueries), g = i((p) => p.card), z = k((p) => p.theme), b = i((p) => p.isShowingVisual), L = i(
     (p) => p.selectedConnectionId
@@ -1786,7 +1786,7 @@ function Vn() {
   k(
     (p) => p.actions.updateFrameCard
   );
-  const j = i((p) => p.selectedTableName), F = i((p) => p.card.sql), A = i((p) => p.card.python), q = tt(F, x), K = i((p) => p.selectedConnectionId), $ = i((p) => p.frame), G = i((p) => p.filterValues), D = i((p) => p.applyFilters), {
+  const j = i((p) => p.selectedTableName), F = i((p) => p.card.sql), A = i((p) => p.card.python), V = nt(F, x), K = i((p) => p.selectedConnectionId), $ = i((p) => p.frame), G = i((p) => p.filterValues), D = i((p) => p.applyFilters), {
     setCardCustomCfg: te,
     setQueryResultColumns: Q,
     setFilterValues: ee,
@@ -1805,18 +1805,18 @@ function Vn() {
     isFetching: re,
     isSuccess: ye,
     isError: le,
-    error: Ie,
-    status: as,
+    error: Ve,
+    status: ts,
     refetch: ve
   } = Ce({
-    queryKey: [q, A],
-    queryFn: () => aa(
+    queryKey: [V, A],
+    queryFn: () => na(
       "https://semaphor.cloud/api/v1/query",
       (h == null ? void 0 : h.accessToken) || "",
       {
         connection_id: K,
-        sql: q,
-        python: A === Ls ? "" : A,
+        sql: V,
+        python: A === Is ? "" : A,
         active_filters: D ? G : []
       }
     ),
@@ -1834,7 +1834,7 @@ function Vn() {
   }, [U, se, Q, y]), P(() => {
     je && (ve(), be(!1));
   }, [je, ve, be]), P(() => {
-    (ne || re) && xe(!0), (le || ye) && xe(!1), le ? (I(Ie.message), se([]), Q([]), y("")) : I("");
+    (ne || re) && xe(!0), (le || ye) && xe(!1), le ? (I(Ve.message), se([]), Q([]), y("")) : I("");
   }, [
     ne,
     re,
@@ -1846,9 +1846,9 @@ function Vn() {
     se,
     Q,
     I,
-    Ie
+    Ve
   ]);
-  function Je() {
+  function Qe() {
     Z(""), se([]), ge({}), te(""), v({});
   }
   const qe = (p) => {
@@ -1856,7 +1856,7 @@ function Vn() {
   };
   function C() {
     let p = F;
-    F && !F.includes("{{") && (p = Sn(F), Z(p));
+    F && !F.includes("{{") && (p = kn(F), Z(p));
     const ie = {
       ...g,
       lastSelectedSchema: O,
@@ -1866,37 +1866,37 @@ function Vn() {
       type: b ? g.type : "table",
       sql: p,
       customCfg: b ? g.customCfg : null
-    }, Ve = $.cards.map(
+    }, Re = $.cards.map(
       (Ne) => Ne.id === g.id ? ie : Ne
     );
     M == null || M({
       ...$,
-      cards: Ve
+      cards: Re
     });
   }
-  function Fa() {
+  function Oa() {
     ue == null || ue();
   }
-  function Oa(p) {
+  function Ma(p) {
     const ie = getComputedStyle(
       document.documentElement
     ).getPropertyValue(p);
-    return Ma(ie);
+    return Ta(ie);
   }
-  function Ma(p) {
-    const [ie, Ve, Ne] = p.split(" "), W = parseFloat(ie), Ea = parseFloat(Ve), La = parseFloat(Ne), Da = Ea / 100, Ts = La / 100, pe = (1 - Math.abs(2 * Ts - 1)) * Da, ke = pe * (1 - Math.abs(W / 60 % 2 - 1)), ts = Ts - pe / 2;
+  function Ta(p) {
+    const [ie, Re, Ne] = p.split(" "), W = parseFloat(ie), La = parseFloat(Re), Da = parseFloat(Ne), Ia = La / 100, Es = Da / 100, pe = (1 - Math.abs(2 * Es - 1)) * Ia, ke = pe * (1 - Math.abs(W / 60 % 2 - 1)), ns = Es - pe / 2;
     let oe = 0, ce = 0, de = 0;
-    0 <= W && W < 60 ? (oe = pe, ce = ke, de = 0) : 60 <= W && W < 120 ? (oe = ke, ce = pe, de = 0) : 120 <= W && W < 180 ? (oe = 0, ce = pe, de = ke) : 180 <= W && W < 240 ? (oe = 0, ce = ke, de = pe) : 240 <= W && W < 300 ? (oe = ke, ce = 0, de = pe) : 300 <= W && W < 360 && (oe = pe, ce = 0, de = ke), oe = Math.round((oe + ts) * 255), ce = Math.round((ce + ts) * 255), de = Math.round((de + ts) * 255);
-    const ns = (Ia) => {
-      const rs = Ia.toString(16);
-      return rs.length == 1 ? "0" + rs : rs;
+    0 <= W && W < 60 ? (oe = pe, ce = ke, de = 0) : 60 <= W && W < 120 ? (oe = ke, ce = pe, de = 0) : 120 <= W && W < 180 ? (oe = 0, ce = pe, de = ke) : 180 <= W && W < 240 ? (oe = 0, ce = ke, de = pe) : 240 <= W && W < 300 ? (oe = ke, ce = 0, de = pe) : 300 <= W && W < 360 && (oe = pe, ce = 0, de = ke), oe = Math.round((oe + ns) * 255), ce = Math.round((ce + ns) * 255), de = Math.round((de + ns) * 255);
+    const rs = (Va) => {
+      const ls = Va.toString(16);
+      return ls.length == 1 ? "0" + ls : ls;
     };
-    return `#${ns(oe)}${ns(ce)}${ns(de)}`;
+    return `#${rs(oe)}${rs(ce)}${rs(de)}`;
   }
   P(() => {
     const p = n.current, ie = a.current;
     if (p) {
-      const Ve = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", Ne = z === "system" ? Ve : z;
+      const Re = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", Ne = z === "system" ? Re : z;
       p.editor.defineTheme("default", {
         // base: theme === 'light' ? 'hc-light' : 'vs-dark',
         base: Ne === "light" ? "vs" : "vs-dark",
@@ -1904,7 +1904,7 @@ function Vn() {
         rules: [],
         colors: {
           // 'editor.background': activeTheme === 'light' ? '#ffffff' : '#020817',
-          "editor.background": Ne === "light" ? "#ffffff" : Oa("--background")
+          "editor.background": Ne === "light" ? "#ffffff" : Ma("--background")
         }
       }), p.editor.setTheme("default");
     }
@@ -1916,12 +1916,12 @@ function Vn() {
     ), () => {
     };
   }, [s, z, n.current]);
-  function Ms(p) {
+  function As(p) {
     n.current = p;
   }
-  function Ta() {
+  function Aa() {
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      c && /* @__PURE__ */ e.jsx(
+      o && /* @__PURE__ */ e.jsx(
         "div",
         {
           className: "xbg-yellow-100 relative flex w-1/3 min-w-0 grow overflow-hidden border-l p-1 text-xs",
@@ -1929,24 +1929,24 @@ function Vn() {
           children: /* @__PURE__ */ e.jsxs("div", { className: "w-[99%]", children: [
             /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 pt-3", children: [
               /* @__PURE__ */ e.jsx(
-                wn,
+                zn,
                 {
                   checked: D,
                   onCheckedChange: () => H(!D),
                   text: "Apply Filters"
                 }
               ),
-              /* @__PURE__ */ e.jsx(zn, {}),
-              G && c && /* @__PURE__ */ e.jsx(
-                _e,
+              /* @__PURE__ */ e.jsx(Fn, {}),
+              G && o && /* @__PURE__ */ e.jsx(
+                He,
                 {
-                  onClick: () => r(!1),
+                  onClick: () => d(!1),
                   className: "bg-background/50 text-foreground/50 hover:cursor-pointer hover:text-foreground"
                 }
               )
             ] }),
             /* @__PURE__ */ e.jsx(
-              Re,
+              _e,
               {
                 theme: "default",
                 onChange: (p) => {
@@ -1979,10 +1979,10 @@ function Vn() {
           ] })
         }
       ),
-      G && !c && /* @__PURE__ */ e.jsx(
-        oa,
+      G && !o && /* @__PURE__ */ e.jsx(
+        ca,
         {
-          onClick: () => r(!0),
+          onClick: () => d(!0),
           className: Y(
             "absolute bottom-4 right-6 h-3 w-3 text-foreground/50 hover:cursor-pointer hover:text-foreground",
             {
@@ -1993,7 +1993,7 @@ function Vn() {
       )
     ] });
   }
-  function Aa() {
+  function Ea() {
     return /* @__PURE__ */ e.jsxs(
       us,
       {
@@ -2015,7 +2015,7 @@ function Vn() {
                     role: "sql-container",
                     className: "relative flex w-[99%]",
                     children: /* @__PURE__ */ e.jsx(
-                      Re,
+                      _e,
                       {
                         theme: "default",
                         className: "pt-3",
@@ -2037,7 +2037,7 @@ function Vn() {
                         },
                         defaultLanguage: "sql",
                         defaultValue: "SELECT * FROM table",
-                        beforeMount: Ms,
+                        beforeMount: As,
                         onMount: qe
                       }
                     )
@@ -2063,14 +2063,14 @@ function Vn() {
                       role: "python-container",
                       className: "relative flex w-[99%] pt-0",
                       children: /* @__PURE__ */ e.jsx(
-                        Re,
+                        _e,
                         {
                           className: "pt-3",
                           theme: "default",
                           onChange: (p) => {
                             J(p && p.trim() || "");
                           },
-                          value: A || Ls,
+                          value: A || Is,
                           options: {
                             minimap: {
                               enabled: !1
@@ -2084,7 +2084,7 @@ function Vn() {
                             renderLineHighlight: "none"
                           },
                           defaultLanguage: "python",
-                          beforeMount: Ms,
+                          beforeMount: As,
                           onMount: qe
                         }
                       )
@@ -2113,8 +2113,8 @@ function Vn() {
               role: "sql-editor",
               className: "relative flex grow justify-between overflow-y-scroll",
               children: [
-                Aa(),
-                Ta()
+                Ea(),
+                Aa()
               ]
             }
           ),
@@ -2137,16 +2137,16 @@ function Vn() {
                       size: "sm",
                       variant: "outline",
                       children: [
-                        ne || re ? /* @__PURE__ */ e.jsx(Be, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(on, { className: "mr-2 h-4 w-4" }),
+                        ne || re ? /* @__PURE__ */ e.jsx($e, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(dn, { className: "mr-2 h-4 w-4" }),
                         "Run"
                       ]
                     }
                   ),
                   le && /* @__PURE__ */ e.jsx(
-                    kn,
+                    wn,
                     {
-                      error: Ie.message,
-                      setShowAIDialog: d,
+                      error: Ve.message,
+                      setShowAIDialog: c,
                       setTriggerAIRun: S,
                       setUserInputforAI: m
                     }
@@ -2154,21 +2154,21 @@ function Vn() {
                   /* @__PURE__ */ e.jsxs(
                     w,
                     {
-                      onClick: Je,
+                      onClick: Qe,
                       className: "",
                       size: "sm",
                       variant: "outline",
                       children: [
-                        /* @__PURE__ */ e.jsx(Yt, { className: "mr-2 size-4" }),
+                        /* @__PURE__ */ e.jsx(Zt, { className: "mr-2 size-4" }),
                         "Clear"
                       ]
                     }
                   ),
                   /* @__PURE__ */ e.jsx(
-                    Xs,
+                    ea,
                     {
                       pressed: t,
-                      onPressedChange: (p) => o(p),
+                      onPressedChange: (p) => l(p),
                       className: "",
                       size: "sm",
                       variant: "outline",
@@ -2176,10 +2176,10 @@ function Vn() {
                     }
                   ),
                   /* @__PURE__ */ e.jsx(
-                    On,
+                    Mn,
                     {
-                      open: l,
-                      setOpen: d,
+                      open: r,
+                      setOpen: c,
                       userInput: f,
                       triggerAIRun: u,
                       setTriggerAIRun: S,
@@ -2195,7 +2195,7 @@ function Vn() {
                       size: "sm",
                       variant: "outline",
                       children: [
-                        /* @__PURE__ */ e.jsx(nt, { className: "mr-2 size-4 font-bold text-green-600" }),
+                        /* @__PURE__ */ e.jsx(rt, { className: "mr-2 size-4 font-bold text-green-600" }),
                         "Accept"
                       ]
                     }
@@ -2203,12 +2203,12 @@ function Vn() {
                   /* @__PURE__ */ e.jsxs(
                     w,
                     {
-                      onClick: Fa,
+                      onClick: Oa,
                       className: "w-full",
                       size: "sm",
                       variant: "outline",
                       children: [
-                        /* @__PURE__ */ e.jsx(_e, { className: "mr-2 size-4" }),
+                        /* @__PURE__ */ e.jsx(He, { className: "mr-2 size-4" }),
                         "Close"
                       ]
                     }
@@ -2222,61 +2222,61 @@ function Vn() {
     )
   );
 }
-function Rn({ data: s }) {
-  var r;
-  const [n, a] = me.useState([]), o = Object.keys(s[0]).map((l) => ({
+function _n({ data: s }) {
+  var d;
+  const [n, a] = me.useState([]), l = Object.keys(s[0]).map((r) => ({
     // header: key,
-    accessorKey: l,
-    header: ({ column: d }) => {
-      const f = d.getIsSorted();
+    accessorKey: r,
+    header: ({ column: c }) => {
+      const f = c.getIsSorted();
       return /* @__PURE__ */ e.jsx("div", { className: "flex gap-2", children: /* @__PURE__ */ e.jsxs(
         "div",
         {
           className: "flex cursor-pointer items-center",
-          onClick: () => d.toggleSorting(d.getIsSorted() === "asc"),
+          onClick: () => c.toggleSorting(c.getIsSorted() === "asc"),
           children: [
-            l,
-            f === "asc" ? /* @__PURE__ */ e.jsx(rt, { className: "ml-2 h-5 w-5" }) : f === "desc" ? /* @__PURE__ */ e.jsx(lt, { className: "ml-2 h-5 w-5" }) : null
+            r,
+            f === "asc" ? /* @__PURE__ */ e.jsx(lt, { className: "ml-2 h-5 w-5" }) : f === "desc" ? /* @__PURE__ */ e.jsx(it, { className: "ml-2 h-5 w-5" }) : null
           ]
         }
       ) });
     }
-  })), c = it({
+  })), o = ot({
     data: s,
-    columns: o,
-    getCoreRowModel: mt(),
-    getPaginationRowModel: ut(),
+    columns: l,
+    getCoreRowModel: ut(),
+    getPaginationRowModel: xt(),
     onSortingChange: a,
-    getSortedRowModel: xt(),
+    getSortedRowModel: pt(),
     manualPagination: !0,
     state: {
       sorting: n
     }
   });
-  return /* @__PURE__ */ e.jsxs(ot, { children: [
-    /* @__PURE__ */ e.jsx(ct, { children: c.getHeaderGroups().map((l) => /* @__PURE__ */ e.jsx(ls, { children: l.headers.map((d) => /* @__PURE__ */ e.jsx(dt, { className: "sticky top-0 bg-muted", children: d.isPlaceholder ? null : Ds(
-      d.column.columnDef.header,
-      d.getContext()
-    ) }, d.id)) }, l.id)) }),
-    /* @__PURE__ */ e.jsx(ht, { children: (r = c.getRowModel().rows) != null && r.length ? c.getRowModel().rows.map((l) => /* @__PURE__ */ e.jsx(
-      ls,
+  return /* @__PURE__ */ e.jsxs(ct, { children: [
+    /* @__PURE__ */ e.jsx(dt, { children: o.getHeaderGroups().map((r) => /* @__PURE__ */ e.jsx(is, { children: r.headers.map((c) => /* @__PURE__ */ e.jsx(ht, { className: "sticky top-0 bg-muted", children: c.isPlaceholder ? null : Vs(
+      c.column.columnDef.header,
+      c.getContext()
+    ) }, c.id)) }, r.id)) }),
+    /* @__PURE__ */ e.jsx(mt, { children: (d = o.getRowModel().rows) != null && d.length ? o.getRowModel().rows.map((r) => /* @__PURE__ */ e.jsx(
+      is,
       {
         className: "whitespace-nowrap py-2",
-        "data-state": l.getIsSelected() && "selected",
-        children: l.getVisibleCells().map((d) => /* @__PURE__ */ e.jsx(Is, { children: Ds(d.column.columnDef.cell, d.getContext()) }, d.id))
+        "data-state": r.getIsSelected() && "selected",
+        children: r.getVisibleCells().map((c) => /* @__PURE__ */ e.jsx(qs, { children: Vs(c.column.columnDef.cell, c.getContext()) }, c.id))
       },
-      l.id
-    )) : /* @__PURE__ */ e.jsx(ls, { children: /* @__PURE__ */ e.jsx(Is, { colSpan: o.length, className: "h-24 text-center", children: "No results." }) }) })
+      r.id
+    )) : /* @__PURE__ */ e.jsx(is, { children: /* @__PURE__ */ e.jsx(qs, { colSpan: l.length, className: "h-24 text-center", children: "No results." }) }) })
   ] });
 }
-function ja({
+function ba({
   // card,
   className: s,
   ...n
 }) {
-  var r;
+  var d;
   me.useState(0);
-  const a = k((l) => l.themeStyle), t = i((l) => l.card), o = i((l) => l.actions.setCard);
+  const a = k((r) => r.themeStyle), t = i((r) => r.card), l = i((r) => r.actions.setCard);
   if (P(() => {
   }, [
     t.data,
@@ -2287,36 +2287,36 @@ function ja({
     t.preferences
   ]), !t.id)
     return null;
-  let c;
-  return t.data && t.data.length > 0 && (c = ra({
+  let o;
+  return t.data && t.data.length > 0 && (o = ia({
     data: t.data,
     cardType: t.type,
     cfg: t.cfg,
     customCfg: t.customCfg,
     preferences: t.preferences
   })), /* @__PURE__ */ e.jsxs(
-    pt,
+    ft,
     {
       role: "editor-visual-card",
       className: Y("relative flex h-full flex-col rounded-none", s),
       ...n,
       children: [
-        /* @__PURE__ */ e.jsxs(ft, { className: "py-4", children: [
+        /* @__PURE__ */ e.jsxs(gt, { className: "py-4", children: [
           /* @__PURE__ */ e.jsx(
-            qs,
+            Rs,
             {
               text: t.title,
-              onSave: (l) => o({ ...t, title: l }),
-              children: /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e.jsx(gt, { className: "text-base", children: t.title }) })
+              onSave: (r) => l({ ...t, title: r }),
+              children: /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e.jsx(jt, { className: "text-base", children: t.title }) })
             },
             t.title
           ),
           /* @__PURE__ */ e.jsx(
-            qs,
+            Rs,
             {
               text: t.description || "",
-              onSave: (l) => o({ ...t, description: l }),
-              children: /* @__PURE__ */ e.jsxs(jt, { children: [
+              onSave: (r) => l({ ...t, description: r }),
+              children: /* @__PURE__ */ e.jsxs(bt, { children: [
                 " ",
                 t.description
               ] })
@@ -2324,34 +2324,34 @@ function ja({
             t.description
           )
         ] }),
-        /* @__PURE__ */ e.jsxs(bt, { className: "flex grow flex-col pb-3", children: [
-          t.type !== "table" && c && // <ChartJsVisual key={visualKey} cfg={cfg} />
+        /* @__PURE__ */ e.jsxs(yt, { className: "flex grow flex-col pb-3", children: [
+          t.type !== "table" && o && // <ChartJsVisual key={visualKey} cfg={cfg} />
           /* @__PURE__ */ e.jsx(
-            yt,
+            vt,
             {
-              cfg: c
+              cfg: o
             },
-            JSON.stringify(c) + JSON.stringify(t.preferences) + ((r = t == null ? void 0 : t.preferences) == null ? void 0 : r.customVisualCode)
+            JSON.stringify(o) + JSON.stringify(t.preferences) + ((d = t == null ? void 0 : t.preferences) == null ? void 0 : d.customVisualCode)
           ),
           t.type === "table" && t.data && t.data.length > 0 && // All of the below css classes are #IMPORTANT for the table to scroll properly
-          /* @__PURE__ */ e.jsx(vt, { className: "flex min-h-0 flex-1 grow basis-0", children: /* @__PURE__ */ e.jsx(Nt, { card: t, data: t == null ? void 0 : t.data }) })
+          /* @__PURE__ */ e.jsx(Nt, { className: "flex min-h-0 flex-1 grow basis-0", children: /* @__PURE__ */ e.jsx(Ct, { card: t, data: t == null ? void 0 : t.data }) })
         ] })
       ]
     }
   );
 }
-function _n() {
-  const [s, n] = T(!1), [a, t] = T(""), [o, c] = T(""), [r, l] = T(""), [d, f] = T(""), m = i((N) => N.card), u = i(
+function Hn() {
+  const [s, n] = T(!1), [a, t] = T(""), [l, o] = T(""), [d, r] = T(""), [c, f] = T(""), m = i((N) => N.card), u = i(
     (N) => N.card.customCfg
-  ), { setCardCustomCfg: S, setCustomVisualCode: h } = Ct();
+  ), { setCardCustomCfg: S, setCustomVisualCode: h } = St();
   function x(N) {
     var F, A;
     const O = {
       ...N,
       data: {
         ...N == null ? void 0 : N.data,
-        datasets: (A = (F = N == null ? void 0 : N.data) == null ? void 0 : F.datasets) == null ? void 0 : A.map((q) => ({
-          ...q,
+        datasets: (A = (F = N == null ? void 0 : N.data) == null ? void 0 : F.datasets) == null ? void 0 : A.map((V) => ({
+          ...V,
           data: []
         }))
       }
@@ -2362,30 +2362,30 @@ function _n() {
     var O, j;
     if (!m.data || m.data.length === 0)
       return;
-    const N = ra({
+    const N = ia({
       data: m.data,
       cardType: m.type,
       cfg: m.cfg,
       preferences: m.preferences
     });
-    N && (t(JSON.stringify(N, null, 1)), (O = m == null ? void 0 : m.preferences) != null && O.customVisualCode && l((j = m == null ? void 0 : m.preferences) == null ? void 0 : j.customVisualCode), u && c(JSON.stringify(u, null, 1)));
+    N && (t(JSON.stringify(N, null, 1)), (O = m == null ? void 0 : m.preferences) != null && O.customVisualCode && r((j = m == null ? void 0 : m.preferences) == null ? void 0 : j.customVisualCode), u && o(JSON.stringify(u, null, 1)));
   }
   function z() {
-    if (r && h(r), !!o)
+    if (d && h(d), !!l)
       try {
-        const N = JSON.parse(o);
-        return N ? (S(N), f(""), c(""), N) : void 0;
+        const N = JSON.parse(l);
+        return N ? (S(N), f(""), o(""), N) : void 0;
       } catch (N) {
         console.log(N), f("Invalid JSON");
       }
   }
   function b() {
-    c(""), S(null);
+    o(""), S(null);
   }
   function L() {
     let N;
     if (u) {
-      const O = Vs.cloneDeep(m.cfg), j = Vs.merge(O, u);
+      const O = _s.cloneDeep(m.cfg), j = _s.merge(O, u);
       return N = x(j), N;
     }
     return a ? (N = x(JSON.parse(a)), N) : "";
@@ -2398,7 +2398,7 @@ function _n() {
         className: ` ${u && "border-foreground/50 dark:border-foreground/70"}`,
         size: "sm",
         variant: "outline",
-        children: /* @__PURE__ */ e.jsx(St, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ e.jsx(kt, { className: "h-4 w-4" })
       }
     ) }),
     /* @__PURE__ */ e.jsxs(
@@ -2410,8 +2410,8 @@ function _n() {
             /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
               /* @__PURE__ */ e.jsx(bs, { children: "Customize Card" }),
               /* @__PURE__ */ e.jsxs(vs, { children: [
-                /* @__PURE__ */ e.jsx(Js, { children: /* @__PURE__ */ e.jsx(
-                  sn,
+                /* @__PURE__ */ e.jsx(Ws, { children: /* @__PURE__ */ e.jsx(
+                  tn,
                   {
                     onClick: () => {
                       navigator.clipboard.writeText(m.id);
@@ -2436,23 +2436,23 @@ function _n() {
             ] })
           ] }),
           /* @__PURE__ */ e.jsxs("div", { className: "flex grow gap-2", children: [
-            /* @__PURE__ */ e.jsx(ja, { className: "w-1/2 rounded shadow-none" }),
-            /* @__PURE__ */ e.jsxs(kt, { defaultValue: "custom-config", className: "flex w-1/2 flex-col", children: [
-              /* @__PURE__ */ e.jsxs(wt, { className: "justify-start rounded-sm rounded-b-none border border-b-0", children: [
-                /* @__PURE__ */ e.jsxs(is, { value: "custom-config", children: [
-                  u && /* @__PURE__ */ e.jsx(zt, { className: "mr-1 h-5 w-5 text-green-600" }),
+            /* @__PURE__ */ e.jsx(ba, { className: "w-1/2 rounded shadow-none" }),
+            /* @__PURE__ */ e.jsxs(wt, { defaultValue: "custom-config", className: "flex w-1/2 flex-col", children: [
+              /* @__PURE__ */ e.jsxs(zt, { className: "justify-start rounded-sm rounded-b-none border border-b-0", children: [
+                /* @__PURE__ */ e.jsxs(os, { value: "custom-config", children: [
+                  u && /* @__PURE__ */ e.jsx(Ft, { className: "mr-1 h-5 w-5 text-green-600" }),
                   u ? "Custom Config" : "Default Config"
                 ] }),
-                /* @__PURE__ */ e.jsx(is, { className: "", value: "output", children: "Output" }),
-                /* @__PURE__ */ e.jsx(is, { className: "", value: "custom-code", children: "Custom Code" })
+                /* @__PURE__ */ e.jsx(os, { className: "", value: "output", children: "Output" }),
+                /* @__PURE__ */ e.jsx(os, { className: "", value: "custom-code", children: "Custom Code" })
               ] }),
               /* @__PURE__ */ e.jsx(
-                os,
+                cs,
                 {
                   className: "bg-red-x mt-0 grow rounded-b border border-t-0 p-2",
                   value: "output",
                   children: /* @__PURE__ */ e.jsx(
-                    na,
+                    la,
                     {
                       disabled: !0,
                       value: a,
@@ -2462,12 +2462,12 @@ function _n() {
                 }
               ),
               /* @__PURE__ */ e.jsx(
-                os,
+                cs,
                 {
                   className: "mt-0 grow rounded-b border border-t-0",
                   value: "custom-config",
                   children: /* @__PURE__ */ e.jsx(
-                    Re,
+                    _e,
                     {
                       className: "h-full w-full overflow-hidden",
                       theme: "default",
@@ -2485,18 +2485,18 @@ function _n() {
                       },
                       defaultLanguage: "json",
                       value: L(),
-                      onChange: (N) => c(N)
+                      onChange: (N) => o(N)
                     }
                   )
                 }
               ),
               /* @__PURE__ */ e.jsx(
-                os,
+                cs,
                 {
                   className: "mt-0 grow rounded-b border border-t-0",
                   value: "custom-code",
                   children: /* @__PURE__ */ e.jsx(
-                    Re,
+                    _e,
                     {
                       className: "h-full w-full overflow-hidden",
                       theme: "default",
@@ -2513,16 +2513,16 @@ function _n() {
                         renderLineHighlight: "none"
                       },
                       defaultLanguage: "javascript",
-                      value: r,
-                      onChange: (N) => l(N || "")
+                      value: d,
+                      onChange: (N) => r(N || "")
                     }
                   )
                 }
               )
             ] })
           ] }),
-          /* @__PURE__ */ e.jsxs(Us, { className: "flex items-center", children: [
-            /* @__PURE__ */ e.jsx(B, { className: "mr-2 text-red-500", children: d }),
+          /* @__PURE__ */ e.jsxs(Js, { className: "flex items-center", children: [
+            /* @__PURE__ */ e.jsx(B, { className: "mr-2 text-red-500", children: c }),
             /* @__PURE__ */ e.jsx(
               w,
               {
@@ -2540,101 +2540,101 @@ function _n() {
     )
   ] });
 }
-function ba(s) {
+function ya(s) {
   return fe({ tag: "svg", attr: { viewBox: "0 0 1024 1024" }, child: [{ tag: "path", attr: { d: "M926.8 397.1l-396-288a31.81 31.81 0 0 0-37.6 0l-396 288a31.99 31.99 0 0 0-11.6 35.8l151.3 466a32 32 0 0 0 30.4 22.1h489.5c13.9 0 26.1-8.9 30.4-22.1l151.3-466c4.2-13.2-.5-27.6-11.7-35.8zM838.6 417l-98.5 32-200-144.7V199.9L838.6 417zM466 567.2l-89.1 122.3-55.2-169.2L466 567.2zm-116.3-96.8L484 373.3v140.8l-134.3-43.7zM512 599.2l93.9 128.9H418.1L512 599.2zm28.1-225.9l134.2 97.1L540.1 514V373.3zM558 567.2l144.3-46.9-55.2 169.2L558 567.2zm-74-367.3v104.4L283.9 449l-98.5-32L484 199.9zM169.3 470.8l86.5 28.1 80.4 246.4-53.8 73.9-113.1-348.4zM327.1 853l50.3-69h269.3l50.3 69H327.1zm414.5-33.8l-53.8-73.9 80.4-246.4 86.5-28.1-113.1 348.4z" }, child: [] }] })(s);
 }
-function ya(s) {
+function va(s) {
   return fe({ tag: "svg", attr: { viewBox: "0 0 256 256", fill: "currentColor" }, child: [{ tag: "path", attr: { d: "M137.39,24.06A16,16,0,0,0,120,40V80.67a15.86,15.86,0,0,0,13.25,15.76A32,32,0,1,1,96,129.68c-.41-8.22,1.27-15,5-20.26h0a15.86,15.86,0,0,0-1.69-20.47L71.69,60.68a16,16,0,0,0-23.63,1.1A103.6,103.6,0,0,0,55,202.05,103.24,103.24,0,0,0,128,232h1.49A104.3,104.3,0,0,0,232,129.48C232.75,75.18,191.19,28.88,137.39,24.06ZM60.32,71.94l27.61,28.19,0,.06A43.29,43.29,0,0,0,80.44,120H40.36A87.13,87.13,0,0,1,60.32,71.94ZM40.37,136h40.3A48,48,0,0,0,120,175.34v40.3A88,88,0,0,1,40.37,136Zm149.77,54.14A87.45,87.45,0,0,1,136,215.61V175.34a47.55,47.55,0,0,0,24.73-12.23A48,48,0,0,0,136,80.66L136,40c45.52,4.08,80.67,43.28,80,89.25A87.45,87.45,0,0,1,190.14,190.14Z" }, child: [] }] })(s);
 }
-function va(s) {
+function Na(s) {
   return fe({ tag: "svg", attr: { viewBox: "0 0 256 256", fill: "currentColor" }, child: [{ tag: "path", attr: { d: "M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm87.63,96H191.48A64.1,64.1,0,0,0,136,64.52V40.37A88.13,88.13,0,0,1,215.63,120ZM120,120H80.68A48.09,48.09,0,0,1,120,80.68Zm0,16v39.32A48.09,48.09,0,0,1,80.68,136Zm16,0h39.32A48.09,48.09,0,0,1,136,175.32Zm0-16V80.68A48.09,48.09,0,0,1,175.32,120ZM120,40.37V64.52A64.1,64.1,0,0,0,64.52,120H40.37A88.13,88.13,0,0,1,120,40.37ZM40.37,136H64.52A64.1,64.1,0,0,0,120,191.48v24.15A88.13,88.13,0,0,1,40.37,136ZM136,215.63V191.48A64.1,64.1,0,0,0,191.48,136h24.15A88.13,88.13,0,0,1,136,215.63Z" }, child: [] }] })(s);
 }
-function Na(s) {
+function Ca(s) {
   return fe({ tag: "svg", attr: { viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }, child: [] }, { tag: "path", attr: { d: "M6 16m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0" }, child: [] }, { tag: "path", attr: { d: "M16 19m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" }, child: [] }, { tag: "path", attr: { d: "M14.5 7.5m-4.5 0a4.5 4.5 0 1 0 9 0a4.5 4.5 0 1 0 -9 0" }, child: [] }] })(s);
 }
-function Ca(s) {
+function Sa(s) {
   return fe({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" }, child: [] }, { tag: "path", attr: { d: "M4 9h4v11H4zM4 4h4v4H4zM10 7h4v4h-4zM16 10h4v4h-4zM16 15h4v5h-4zM10 12h4v8h-4z" }, child: [] }] })(s);
 }
-function Sa(s) {
+function ka(s) {
   return fe({ tag: "svg", attr: { version: "1.2", baseProfile: "tiny", viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M4 18c-.552 0-1-.448-1-1v-6.382l-.553.276c-.495.248-1.095.046-1.342-.447-.247-.494-.046-1.094.448-1.342l2-1c.31-.155.678-.139.973.044.294.183.474.504.474.851v8c0 .552-.448 1-1 1zM13 18h-5c-.404 0-.769-.244-.924-.617-.155-.374-.069-.804.217-1.09l4-4c.254-.254.394-.591.394-.95 0-.358-.14-.695-.394-.949-.508-.508-1.39-.508-1.9.001-.253.252-.393.589-.393.948 0 .552-.448 1-1 1s-1-.448-1-1c0-.894.348-1.733.98-2.364 1.265-1.263 3.464-1.263 4.727.001.632.631.979 1.471.979 2.363 0 .893-.348 1.733-.979 2.364l-2.293 2.293h2.586c.552 0 1 .448 1 1s-.448 1-1 1zM20.955 12.377c.338-.457.545-1.016.545-1.627 0-1.517-1.234-2.75-2.75-2.75-1.031 0-1.966.569-2.44 1.484-.254.49-.063 1.094.428 1.348.49.254 1.094.062 1.348-.428.128-.249.383-.404.664-.404.414 0 .75.336.75.75s-.336.75-.75.75c-.552 0-1 .448-1 1s.448 1 1 1c.689 0 1.25.561 1.25 1.25s-.561 1.25-1.25 1.25-1.25-.561-1.25-1.25c0-.552-.448-1-1-1s-1 .448-1 1c0 1.792 1.458 3.25 3.25 3.25s3.25-1.458 3.25-3.25c0-.939-.406-1.779-1.045-2.373z" }, child: [] }] })(s);
 }
-function ka(s) {
+function wa(s) {
   return fe({ 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 Hn() {
-  const [s, n] = T(!1), a = i((d) => d.card.type), { setCardType: t, setCardPreferences: o, setChartOrientation: c } = i((d) => d.actions), r = i(
-    (d) => d.actions.setCardCustomCfg
+function Bn() {
+  const [s, n] = T(!1), a = i((c) => c.card.type), { setCardType: t, setCardPreferences: l, setChartOrientation: o } = i((c) => c.actions), d = i(
+    (c) => c.actions.setCardCustomCfg
   );
-  function l(d) {
-    r(null), o({}), t(d), n(!1);
+  function r(c) {
+    d(null), l({}), t(c), n(!1);
   }
-  return /* @__PURE__ */ e.jsxs(Ke, { open: s, onOpenChange: n, children: [
-    /* @__PURE__ */ e.jsx(Ue, { asChild: !0, children: /* @__PURE__ */ e.jsx(w, { size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(Bn, { className: "h-4 w-4", chartType: a }) }) }),
-    /* @__PURE__ */ e.jsx(Ge, { className: "w-50", children: /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 place-items-center", children: [
+  return /* @__PURE__ */ e.jsxs(Ue, { open: s, onOpenChange: n, children: [
+    /* @__PURE__ */ e.jsx(Ge, { asChild: !0, children: /* @__PURE__ */ e.jsx(w, { size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx($n, { className: "h-4 w-4", chartType: a }) }) }),
+    /* @__PURE__ */ e.jsx(Je, { className: "w-50", children: /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 place-items-center", children: [
       /* @__PURE__ */ e.jsx(
         w,
         {
-          onClick: () => l("bar"),
+          onClick: () => r("bar"),
           className: "font-normal",
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(zs, { className: "size-5" })
+          children: /* @__PURE__ */ e.jsx(Fs, { className: "size-5" })
         }
       ),
       /* @__PURE__ */ e.jsx(
         w,
         {
-          onClick: () => l("line"),
+          onClick: () => r("line"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Fs, { className: "size-5" })
+          children: /* @__PURE__ */ e.jsx(Os, { className: "size-5" })
         }
       ),
       /* @__PURE__ */ e.jsx(
         w,
         {
-          onClick: () => l("stackedBar"),
+          onClick: () => r("stackedBar"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Ca, { className: "size-5", strokeWidth: 0 })
+          children: /* @__PURE__ */ e.jsx(Sa, { className: "size-5", strokeWidth: 0 })
         }
       ),
       /* @__PURE__ */ e.jsx(
         w,
         {
-          onClick: () => l("scatter"),
+          onClick: () => r("scatter"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(ma, { className: "size-5" })
+          children: /* @__PURE__ */ e.jsx(ua, { className: "size-5" })
         }
       ),
       /* @__PURE__ */ e.jsx(
         w,
         {
-          onClick: () => l("bubble"),
+          onClick: () => r("bubble"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Na, { className: "size-4" })
+          children: /* @__PURE__ */ e.jsx(Ca, { className: "size-4" })
         }
       ),
       /* @__PURE__ */ e.jsx(
         w,
         {
-          onClick: () => l("pie"),
+          onClick: () => r("pie"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(ha, { className: "size-5" })
+          children: /* @__PURE__ */ e.jsx(ma, { className: "size-5" })
         }
       ),
       /* @__PURE__ */ e.jsx(
         w,
         {
-          onClick: () => l("doughnut"),
+          onClick: () => r("doughnut"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(ya, { className: "size-5", strokeWidth: 1 })
+          children: /* @__PURE__ */ e.jsx(va, { className: "size-5", strokeWidth: 1 })
         }
       ),
       /* @__PURE__ */ e.jsx(
         w,
         {
-          onClick: () => l("radar"),
+          onClick: () => r("radar"),
           variant: "ghost",
           children: /* @__PURE__ */ e.jsx(
-            ba,
+            ya,
             {
               className: "size-5 font-extralight",
               strokeWidth: 0.5
@@ -2645,31 +2645,31 @@ function Hn() {
       /* @__PURE__ */ e.jsx(
         w,
         {
-          onClick: () => l("polarArea"),
+          onClick: () => r("polarArea"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(va, { className: "size-5" })
+          children: /* @__PURE__ */ e.jsx(Na, { className: "size-5" })
         }
       ),
       /* @__PURE__ */ e.jsx(
         w,
         {
-          onClick: () => l("pyramid"),
+          onClick: () => r("pyramid"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(ka, { className: "size-5" })
+          children: /* @__PURE__ */ e.jsx(wa, { className: "size-5" })
         }
       ),
       /* @__PURE__ */ e.jsx(
         w,
         {
-          onClick: () => l("range"),
+          onClick: () => r("range"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(ca, { className: "size-5" })
+          children: /* @__PURE__ */ e.jsx(da, { className: "size-5" })
         }
       ),
       /* @__PURE__ */ e.jsx(
         w,
         {
-          onClick: () => l("table"),
+          onClick: () => r("table"),
           variant: "ghost",
           children: /* @__PURE__ */ e.jsx(Cs, { className: "size-5" })
         }
@@ -2677,53 +2677,63 @@ function Hn() {
       /* @__PURE__ */ e.jsx(
         w,
         {
-          onClick: () => l("kpi"),
+          onClick: () => r("kpi"),
+          variant: "ghost",
+          children: /* @__PURE__ */ e.jsx(ka, { className: "size-6" })
+        }
+      ),
+      /* @__PURE__ */ e.jsx(
+        w,
+        {
+          onClick: () => r("text"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Sa, { className: "size-6" })
+          children: /* @__PURE__ */ e.jsx(Ms, { className: "size-4" })
         }
       )
     ] }) })
   ] });
 }
-function Bn({ chartType: s, className: n }) {
+function $n({ chartType: s, className: n }) {
   switch (s) {
     case "bar":
-      return /* @__PURE__ */ e.jsx(zs, { className: n });
-    case "line":
       return /* @__PURE__ */ e.jsx(Fs, { className: n });
+    case "line":
+      return /* @__PURE__ */ e.jsx(Os, { className: n });
     case "pie":
-      return /* @__PURE__ */ e.jsx(ha, { className: n });
+      return /* @__PURE__ */ e.jsx(ma, { className: n });
     case "radar":
-      return /* @__PURE__ */ e.jsx(ba, { className: n });
+      return /* @__PURE__ */ e.jsx(ya, { className: n });
     case "scatter":
-      return /* @__PURE__ */ e.jsx(ma, { className: n });
+      return /* @__PURE__ */ e.jsx(ua, { className: n });
     case "bubble":
-      return /* @__PURE__ */ e.jsx(Na, { className: n });
+      return /* @__PURE__ */ e.jsx(Ca, { className: n });
     case "doughnut":
-      return /* @__PURE__ */ e.jsx(ya, { className: n });
+      return /* @__PURE__ */ e.jsx(va, { className: n });
     case "stackedBar":
-      return /* @__PURE__ */ e.jsx(Ca, { className: "size-4 text-foreground/70" });
+      return /* @__PURE__ */ e.jsx(Sa, { className: "size-4 text-foreground/70" });
     case "polarArea":
-      return /* @__PURE__ */ e.jsx(va, { className: n });
+      return /* @__PURE__ */ e.jsx(Na, { className: n });
     case "pyramid":
-      return /* @__PURE__ */ e.jsx(ka, { className: n });
+      return /* @__PURE__ */ e.jsx(wa, { className: n });
     case "range":
-      return /* @__PURE__ */ e.jsx(ca, { className: n });
+      return /* @__PURE__ */ e.jsx(da, { className: n });
     case "kpi":
-      return /* @__PURE__ */ e.jsx(Sa, { className: n });
+      return /* @__PURE__ */ e.jsx(ka, { className: n });
+    case "text":
+      return /* @__PURE__ */ e.jsx(Ms, { className: n });
     default:
       return /* @__PURE__ */ e.jsx(Cs, { className: n });
   }
 }
-function $n() {
+function Pn() {
   const s = i(
     (a) => a.card.refreshInterval
   ), n = i(
     (a) => a.actions.setCardRefreshInterval
   );
-  return /* @__PURE__ */ e.jsxs(Ke, { children: [
-    /* @__PURE__ */ e.jsx(Ue, { asChild: !0, children: /* @__PURE__ */ e.jsx(w, { size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(Gt, { className: "w-4 h-4" }) }) }),
-    /* @__PURE__ */ e.jsx(Ge, { className: "w-[200px]", children: /* @__PURE__ */ e.jsx("div", { className: "grid gap-4", children: /* @__PURE__ */ e.jsx("div", { className: "grid gap-2", children: /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-5 items-center gap-1", children: [
+  return /* @__PURE__ */ e.jsxs(Ue, { children: [
+    /* @__PURE__ */ e.jsx(Ge, { asChild: !0, children: /* @__PURE__ */ e.jsx(w, { size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(Qt, { className: "w-4 h-4" }) }) }),
+    /* @__PURE__ */ e.jsx(Je, { className: "w-[200px]", children: /* @__PURE__ */ e.jsx("div", { className: "grid gap-4", children: /* @__PURE__ */ e.jsx("div", { className: "grid gap-2", children: /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-5 items-center gap-1", children: [
       /* @__PURE__ */ e.jsx(B, { className: "col-span-3", htmlFor: "width", children: "Refresh Every" }),
       /* @__PURE__ */ e.jsx(
         ae,
@@ -2738,27 +2748,43 @@ function $n() {
     ] }) }) }) })
   ] });
 }
-function $s() {
+function Ks() {
   i((r) => r.frame);
-  const s = i((r) => r.card), n = i((r) => r.card.data), a = i((r) => r.isShowingVisual), t = i((r) => r.isSqlRunning), o = i((r) => r.queryError), c = i((r) => r.pythonStdOut);
-  return i((r) => r.onSave), i((r) => r.onClose), i((r) => r.actions.setCardSql), i((r) => r.actions.setCardType), i((r) => r.actions.setSqlGen), s ? /* @__PURE__ */ e.jsxs("div", { className: "relative flex h-full flex-col pt-3", children: [
-    t && /* @__PURE__ */ e.jsx(Be, { className: "absolute bottom-0 left-0 right-0 top-0 z-10 m-auto h-10 w-10 animate-spin text-foreground/10" }),
+  const s = i((r) => r.card), n = i((r) => r.card.data), a = i((r) => r.isShowingVisual), t = i((r) => r.isSqlRunning), l = i((r) => r.queryError), o = i((r) => r.pythonStdOut);
+  if (i((r) => r.onSave), i((r) => r.onClose), i((r) => r.actions.setCardSql), i((r) => r.actions.setCardType), i((r) => r.actions.setSqlGen), !s)
+    return /* @__PURE__ */ e.jsx(e.Fragment, { children: "No Active Card" });
+  function d() {
+    return s.type === "kpi" ? /* @__PURE__ */ e.jsx("div", { className: "flex grow items-center justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e.jsx(Ot, { isLoading: t, card: s }) }) }) : s.type === "text" ? /* @__PURE__ */ e.jsx("div", { className: "flex grow items-center justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e.jsx(Mt, { isLoading: t, card: s }) }) }) : /* @__PURE__ */ e.jsx(ba, { className: "grow border-none shadow-none" });
+  }
+  return /* @__PURE__ */ e.jsxs("div", { className: "relative flex h-full flex-col pt-3", children: [
+    t && /* @__PURE__ */ e.jsx($e, { className: "absolute bottom-0 left-0 right-0 top-0 z-10 m-auto h-10 w-10 animate-spin text-foreground/10" }),
     /* @__PURE__ */ e.jsxs("div", { className: "mb-0 flex min-h-10 items-center justify-end gap-2 px-6", children: [
       a && /* @__PURE__ */ e.jsxs("div", { className: "flex grow items-center gap-2", children: [
-        /* @__PURE__ */ e.jsx(Hn, {}),
-        s.type !== "table" && /* @__PURE__ */ e.jsx(_n, {}),
-        /* @__PURE__ */ e.jsx($n, {})
+        /* @__PURE__ */ e.jsx(Bn, {}),
+        s.type !== "table" && /* @__PURE__ */ e.jsx(Hn, {}),
+        /* @__PURE__ */ e.jsx(Pn, {})
       ] }),
-      /* @__PURE__ */ e.jsx(Kn, {})
+      /* @__PURE__ */ e.jsx(Un, {})
     ] }),
-    a ? s.type === "kpi" ? /* @__PURE__ */ e.jsx("div", { className: "flex grow items-center justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e.jsx(Ft, { isLoading: t, card: s }) }) }) : /* @__PURE__ */ e.jsx(ja, { className: "grow border-none shadow-none" }) : /* @__PURE__ */ e.jsxs("div", { className: "flex min-h-0 w-full flex-1 grow basis-0 px-6", children: [
-      c && /* @__PURE__ */ e.jsx(Pn, {}),
-      s.data && s.data.length > 0 && /* @__PURE__ */ e.jsx(Rn, { data: n || [] }),
-      o && /* @__PURE__ */ e.jsx("span", { className: "font-mono text-sm", children: o })
-    ] })
-  ] }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: "No Active Card" });
+    a ? d() : (
+      // card.type === 'kpi' ? (
+      //   <div className="flex grow items-center justify-center">
+      //     <div className="w-1/2 rounded-md border">
+      //       <KPICard isLoading={isSqlRunning} card={card} />
+      //     </div>
+      //   </div>
+      // ) : (
+      //   <EditorCard className="grow border-none shadow-none" />
+      // )
+      /* @__PURE__ */ e.jsxs("div", { className: "flex min-h-0 w-full flex-1 grow basis-0 px-6", children: [
+        o && /* @__PURE__ */ e.jsx(Kn, {}),
+        s.data && s.data.length > 0 && /* @__PURE__ */ e.jsx(_n, { data: n || [] }),
+        l && /* @__PURE__ */ e.jsx("span", { className: "font-mono text-sm", children: l })
+      ] })
+    )
+  ] });
 }
-function Pn() {
+function Kn() {
   const s = i((a) => a.pythonStdOut);
   if (!s)
     return null;
@@ -2775,14 +2801,14 @@ function Pn() {
     /* @__PURE__ */ e.jsx(ks, { className: "mb-2" })
   ] });
 }
-function Kn() {
+function Un() {
   const s = i((a) => a.isShowingVisual), n = i(
     (a) => a.actions.setIsShowingVisual
   );
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
     /* @__PURE__ */ e.jsx(B, { htmlFor: "visualize", children: "Chart" }),
     /* @__PURE__ */ e.jsx(
-      Ot,
+      Tt,
       {
         checked: s,
         onCheckedChange: () => n(!s),
@@ -2792,12 +2818,12 @@ function Kn() {
     )
   ] });
 }
-function De() {
+function Ie() {
   const [s, n] = T([]);
   i(
     (m) => m.card.cfg
   );
-  const a = i((m) => m.card.preferences), { setCardCfg: t, setFilterOnClickColumnIndex: o, setCardPreferences: c } = i((m) => m.actions), r = i(
+  const a = i((m) => m.card.preferences), { setCardCfg: t, setFilterOnClickColumnIndex: l, setCardPreferences: o } = i((m) => m.actions), d = i(
     (m) => m.queryResultColumns
   );
   i(
@@ -2806,11 +2832,11 @@ function De() {
       return (u = m.card.preferences) == null ? void 0 : u.filterOnClickColumnIndex;
     }
   ), P(() => {
-    r && n(new Array(r.length).fill(!1));
-  }, [r]);
-  function l(m, u) {
+    d && n(new Array(d.length).fill(!1));
+  }, [d]);
+  function r(m, u) {
     var S, h;
-    u ? a != null && a.onClickFilter && ((S = a == null ? void 0 : a.onClickFilter) == null ? void 0 : S.length) > 0 ? c({
+    u ? a != null && a.onClickFilter && ((S = a == null ? void 0 : a.onClickFilter) == null ? void 0 : S.length) > 0 ? o({
       ...a,
       onClickFilter: [
         ...a.onClickFilter,
@@ -2819,7 +2845,7 @@ function De() {
           expression: ""
         }
       ]
-    }) : c({
+    }) : o({
       ...a,
       onClickFilter: [
         {
@@ -2827,7 +2853,7 @@ function De() {
           expression: ""
         }
       ]
-    }) : (c({
+    }) : (o({
       ...a,
       onClickFilter: (h = a == null ? void 0 : a.onClickFilter) == null ? void 0 : h.filter(
         (x) => x.columnIndex !== m
@@ -2837,13 +2863,13 @@ function De() {
       return g[m] = !1, g;
     }));
   }
-  function d(m, u) {
+  function c(m, u) {
     var h;
     const S = (h = a == null ? void 0 : a.onClickFilter) == null ? void 0 : h.map((x) => x.columnIndex === m ? {
       ...x,
       expression: u.target.value
     } : x);
-    c({
+    o({
       ...a,
       onClickFilter: S
     });
@@ -2855,14 +2881,14 @@ function De() {
         ae,
         {
           value: (x = (h = a == null ? void 0 : a.onClickFilter) == null ? void 0 : h.find((g) => g.columnIndex === m)) == null ? void 0 : x.expression,
-          onChange: (g) => d(m, g),
+          onChange: (g) => c(m, g),
           type: "text",
           className: " h-9 w-full focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0 font-mono text-xs",
           placeholder: "Expression"
         }
       );
   }
-  return /* @__PURE__ */ e.jsx(e.Fragment, { children: r == null ? void 0 : r.map((m, u) => {
+  return /* @__PURE__ */ e.jsx(e.Fragment, { children: d == null ? void 0 : d.map((m, u) => {
     var S, h;
     return /* @__PURE__ */ e.jsx(
       "div",
@@ -2871,12 +2897,12 @@ function De() {
         children: /* @__PURE__ */ e.jsxs("div", { className: " grow", children: [
           /* @__PURE__ */ e.jsxs("div", { className: "flex items-center py-2 space-x-2", children: [
             /* @__PURE__ */ e.jsx(
-              Pe,
+              Ke,
               {
                 checked: !!((S = a == null ? void 0 : a.onClickFilter) != null && S.find(
                   (x) => x.columnIndex === u
                 )),
-                onCheckedChange: (x) => l(u, x)
+                onCheckedChange: (x) => r(u, x)
               }
             ),
             /* @__PURE__ */ e.jsx(
@@ -2889,7 +2915,7 @@ function De() {
             /* @__PURE__ */ e.jsx("div", { className: "flex gap-2 items-center ", children: ((h = a == null ? void 0 : a.onClickFilter) == null ? void 0 : h.find(
               (x) => x.columnIndex === u
             )) && /* @__PURE__ */ e.jsx(
-              da,
+              ha,
               {
                 onClick: () => {
                   n((x) => {
@@ -2908,29 +2934,29 @@ function De() {
     );
   }) });
 }
-function ss() {
-  var r, l, d;
+function as() {
+  var d, r, c;
   const s = i((f) => f.card.preferences), n = i(
     (f) => f.card.cfg
-  ), { setCardCfg: a, setCardPreferences: t, setChartOrientation: o } = i((f) => f.actions);
-  (r = n == null ? void 0 : n.options) != null && r.indexAxis;
-  function c(f) {
-    o(f);
+  ), { setCardCfg: a, setCardPreferences: t, setChartOrientation: l } = i((f) => f.actions);
+  (d = n == null ? void 0 : n.options) != null && d.indexAxis;
+  function o(f) {
+    l(f);
   }
   return /* @__PURE__ */ e.jsxs(
-    la,
+    ws,
     {
-      value: ((l = s == null ? void 0 : s.chartOptions) == null ? void 0 : l.indexAxis) || ((d = n == null ? void 0 : n.options) == null ? void 0 : d.indexAxis) || "x",
-      onValueChange: c,
+      value: ((r = s == null ? void 0 : s.chartOptions) == null ? void 0 : r.indexAxis) || ((c = n == null ? void 0 : n.options) == null ? void 0 : c.indexAxis) || "x",
+      onValueChange: o,
       className: "flex gap-3",
       defaultValue: "x",
       children: [
         /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ e.jsx(Ye, { value: "x", id: "r1" }),
+          /* @__PURE__ */ e.jsx(De, { value: "x", id: "r1" }),
           /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: "r1", children: "Vertical" })
         ] }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ e.jsx(Ye, { value: "y", id: "r2" }),
+          /* @__PURE__ */ e.jsx(De, { value: "y", id: "r2" }),
           /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: "r2", children: "Horizontal" })
         ] })
       ]
@@ -2938,12 +2964,12 @@ function ss() {
   );
 }
 const we = "focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0";
-function Ps(s, n) {
-  var t, o, c;
-  const a = ia(s, n);
-  return ((c = (o = (t = s == null ? void 0 : s.chartOptions) == null ? void 0 : t.scales) == null ? void 0 : o[a]) == null ? void 0 : c.type) || "linear";
+function Us(s, n) {
+  var t, l, o;
+  const a = oa(s, n);
+  return ((o = (l = (t = s == null ? void 0 : s.chartOptions) == null ? void 0 : t.scales) == null ? void 0 : l[a]) == null ? void 0 : o.type) || "linear";
 }
-function wa() {
+function za() {
   var Q, ee, Z, J, I, y;
   const [s, n] = T(!1), a = i((v) => {
     var M;
@@ -2951,26 +2977,26 @@ function wa() {
   }), t = i((v) => {
     var M;
     return (M = v.card) == null ? void 0 : M.cfg;
-  }), o = ia(a, t), [c, r] = T(
-    Ps(a)
-  ), [l, d] = T(
-    ((Z = (ee = (Q = a == null ? void 0 : a.chartOptions) == null ? void 0 : Q.scales) == null ? void 0 : ee[o]) == null ? void 0 : Z.min) || ""
+  }), l = oa(a, t), [o, d] = T(
+    Us(a)
+  ), [r, c] = T(
+    ((Z = (ee = (Q = a == null ? void 0 : a.chartOptions) == null ? void 0 : Q.scales) == null ? void 0 : ee[l]) == null ? void 0 : Z.min) || ""
   ), [f, m] = T(
-    ((y = (I = (J = a == null ? void 0 : a.chartOptions) == null ? void 0 : J.scales) == null ? void 0 : I[o]) == null ? void 0 : y.max) || ""
-  ), [u, S] = T(l || f ? "custom" : "auto"), [h, x] = T(""), [g, z] = T(0), [b, L] = T(""), [N, O] = T(""), [j, F] = T(""), A = i(
+    ((y = (I = (J = a == null ? void 0 : a.chartOptions) == null ? void 0 : J.scales) == null ? void 0 : I[l]) == null ? void 0 : y.max) || ""
+  ), [u, S] = T(r || f ? "custom" : "auto"), [h, x] = T(""), [g, z] = T(0), [b, L] = T(""), [N, O] = T(""), [j, F] = T(""), A = i(
     (v) => v.actions.setCardPreferences
-  ), q = i((v) => {
+  ), V = i((v) => {
     var M;
     return (M = v.card) == null ? void 0 : M.type;
-  }), K = ["pie", "doughnut", "polarArea"].includes(q);
+  }), K = ["pie", "doughnut", "polarArea"].includes(V);
   P(() => {
     var v, M, H, ue, se, ge, je, be, xe, U, ne, re, ye, le;
-    r(Ps(a)), d(
-      ((H = (M = (v = a == null ? void 0 : a.chartOptions) == null ? void 0 : v.scales) == null ? void 0 : M[o]) == null ? void 0 : H.min) === 0 ? 0 : ""
-    ), m(((ge = (se = (ue = a == null ? void 0 : a.chartOptions) == null ? void 0 : ue.scales) == null ? void 0 : se[o]) == null ? void 0 : ge.max) || ""), x(
-      ((U = (xe = (be = (je = a == null ? void 0 : a.chartOptions) == null ? void 0 : je.scales) == null ? void 0 : be[o]) == null ? void 0 : xe.ticks) == null ? void 0 : U.stepSize) || ""
+    d(Us(a)), c(
+      ((H = (M = (v = a == null ? void 0 : a.chartOptions) == null ? void 0 : v.scales) == null ? void 0 : M[l]) == null ? void 0 : H.min) === 0 ? 0 : ""
+    ), m(((ge = (se = (ue = a == null ? void 0 : a.chartOptions) == null ? void 0 : ue.scales) == null ? void 0 : se[l]) == null ? void 0 : ge.max) || ""), x(
+      ((U = (xe = (be = (je = a == null ? void 0 : a.chartOptions) == null ? void 0 : je.scales) == null ? void 0 : be[l]) == null ? void 0 : xe.ticks) == null ? void 0 : U.stepSize) || ""
     ), z(((ne = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : ne.decimalPlaces) || 0), L(((re = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : re.suffix) || ""), O(((ye = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : ye.currency) || ""), F(((le = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : le.locale) || "");
-  }, [s, a, o]);
+  }, [s, a, l]);
   function $(v, M) {
     return M === "" || /^[0-9\b]+$/.test(M) ? Number(M) : Number(v);
   }
@@ -3035,8 +3061,8 @@ function wa() {
           ae,
           {
             id: "min",
-            value: l,
-            onChange: (v) => d((M) => $(M, v.target.value)),
+            value: r,
+            onChange: (v) => c((M) => $(M, v.target.value)),
             className: `col-span-1 h-8 w-full ${we}`
           }
         ),
@@ -3068,7 +3094,7 @@ function wa() {
     var H;
     let v = {};
     u === "custom" && (v = {
-      min: l,
+      min: r,
       max: f,
       ticks: {
         stepSize: h
@@ -3080,10 +3106,10 @@ function wa() {
         ...a == null ? void 0 : a.chartOptions,
         scales: {
           ...(H = a == null ? void 0 : a.chartOptions) == null ? void 0 : H.scales,
-          [o]: {
+          [l]: {
             // ...cardPreferences?.chartOptions?.scales?.[axis],
-            type: c,
-            ...c === "linear" ? v : {}
+            type: o,
+            ...o === "linear" ? v : {}
           }
         }
       },
@@ -3096,9 +3122,9 @@ function wa() {
     };
     console.log(M), A(M);
   }
-  return /* @__PURE__ */ e.jsxs(Ke, { onOpenChange: (v) => n(v), children: [
-    /* @__PURE__ */ e.jsx(Ue, { asChild: !0, children: /* @__PURE__ */ e.jsx(Mt, { className: "size-4 cursor-pointer text-muted-foreground hover:text-foreground" }) }),
-    /* @__PURE__ */ e.jsx(Ge, { align: "center", className: "max-w-65", children: /* @__PURE__ */ e.jsxs("div", { className: "grid gap-4", children: [
+  return /* @__PURE__ */ e.jsxs(Ue, { onOpenChange: (v) => n(v), children: [
+    /* @__PURE__ */ e.jsx(Ge, { asChild: !0, children: /* @__PURE__ */ e.jsx(At, { className: "size-4 cursor-pointer text-muted-foreground hover:text-foreground" }) }),
+    /* @__PURE__ */ e.jsx(Je, { 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" })
@@ -3110,11 +3136,11 @@ function wa() {
             Oe,
             {
               disabled: K,
-              value: c,
-              onValueChange: (v) => r(v),
+              value: o,
+              onValueChange: (v) => d(v),
               children: [
                 /* @__PURE__ */ e.jsx(Me, { className: "col-span-2 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(Te, {}) }),
-                /* @__PURE__ */ e.jsx(Ae, { id: "type", children: /* @__PURE__ */ e.jsxs(He, { children: [
+                /* @__PURE__ */ e.jsx(Ae, { id: "type", children: /* @__PURE__ */ e.jsxs(Be, { children: [
                   /* @__PURE__ */ e.jsx(Le, { children: "Option" }),
                   /* @__PURE__ */ e.jsx(X, { value: "linear", children: "Linear" }),
                   /* @__PURE__ */ e.jsx(X, { value: "logarithmic", children: "Logarithmic" })
@@ -3123,10 +3149,10 @@ function wa() {
             }
           )
         ] }),
-        c == "linear" && /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 items-center gap-2 py-1", children: [
+        o == "linear" && /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 items-center gap-2 py-1", children: [
           /* @__PURE__ */ e.jsx(B, { htmlFor: "scale-option", children: "Setup" }),
           /* @__PURE__ */ e.jsxs(
-            la,
+            ws,
             {
               disabled: K,
               id: "scale-option",
@@ -3136,20 +3162,20 @@ function wa() {
               defaultValue: "x",
               children: [
                 /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-                  /* @__PURE__ */ e.jsx(Ye, { value: "auto", id: "r1" }),
+                  /* @__PURE__ */ e.jsx(De, { value: "auto", id: "r1" }),
                   /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: "r1", children: "Auto" })
                 ] }),
                 /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-                  /* @__PURE__ */ e.jsx(Ye, { value: "custom", id: "r2" }),
+                  /* @__PURE__ */ e.jsx(De, { value: "custom", id: "r2" }),
                   /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: "r2", children: "Custom" })
                 ] })
               ]
             }
           )
         ] }),
-        u === "custom" && c == "linear" && D(),
+        u === "custom" && o == "linear" && D(),
         G(),
-        /* @__PURE__ */ e.jsx(Tt, {}),
+        /* @__PURE__ */ e.jsx(Et, {}),
         /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-3", children: /* @__PURE__ */ e.jsx(
           w,
           {
@@ -3163,28 +3189,28 @@ function wa() {
     ] }) })
   ] });
 }
-function Un({ idx: s }) {
-  var l;
-  const n = i((d) => {
+function Gn({ idx: s }) {
+  var r;
+  const n = i((c) => {
     var f;
-    return (f = d.card) == null ? void 0 : f.preferences;
+    return (f = c.card) == null ? void 0 : f.preferences;
   }), a = i(
-    (d) => {
+    (c) => {
       var f;
-      return (f = d.card.preferences) == null ? void 0 : f.datasetOptions;
+      return (f = c.card.preferences) == null ? void 0 : f.datasetOptions;
     }
   ), t = i(
-    (d) => d.actions.setCardPreferences
-  ), o = (l = n == null ? void 0 : n.chartOptions) == null ? void 0 : l.indexAxis, c = a == null ? void 0 : a.find((d) => d.idx === s);
-  function r(d, f) {
-    (d === "end" || d === "start") && Et(Lt());
+    (c) => c.actions.setCardPreferences
+  ), l = (r = n == null ? void 0 : n.chartOptions) == null ? void 0 : r.indexAxis, o = a == null ? void 0 : a.find((c) => c.idx === s);
+  function d(c, f) {
+    (c === "end" || c === "start") && Dt(It());
     const m = {
-      display: d !== "none",
-      align: d,
-      anchor: d,
+      display: c !== "none",
+      align: c,
+      anchor: c,
       clamp: !0
     };
-    if (!c)
+    if (!o)
       t({
         ...n,
         datasetOptions: [
@@ -3196,7 +3222,7 @@ function Un({ idx: s }) {
         ]
       });
     else {
-      const u = { ...c };
+      const u = { ...o };
       u.datalabels = m;
       const S = a == null ? void 0 : a.map(
         (h) => h.idx === f ? u : h
@@ -3207,31 +3233,31 @@ function Un({ idx: s }) {
       });
     }
   }
-  return /* @__PURE__ */ e.jsxs(Ke, { children: [
-    /* @__PURE__ */ e.jsx(Ue, { children: /* @__PURE__ */ e.jsx(xn, { className: "invisible size-4 rotate-[135deg] cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible" }) }),
-    /* @__PURE__ */ e.jsx(Ge, { className: "w-fit p-1", children: /* @__PURE__ */ e.jsxs("div", { className: "flex gap-1", children: [
+  return /* @__PURE__ */ e.jsxs(Ue, { children: [
+    /* @__PURE__ */ e.jsx(Ge, { children: /* @__PURE__ */ e.jsx(fn, { className: "invisible size-4 rotate-[135deg] cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible" }) }),
+    /* @__PURE__ */ e.jsx(Je, { className: "w-fit p-1", children: /* @__PURE__ */ e.jsxs("div", { className: "flex gap-1", children: [
       /* @__PURE__ */ e.jsx(
         w,
         {
-          onClick: () => r("none", s),
+          onClick: () => d("none", s),
           size: "sm",
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
-          children: /* @__PURE__ */ e.jsx(At, { className: "size-4" })
+          children: /* @__PURE__ */ e.jsx(Lt, { className: "size-4" })
         }
       ),
       /* @__PURE__ */ e.jsx(
         w,
         {
-          onClick: () => r("start", s),
+          onClick: () => d("start", s),
           size: "sm",
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
           children: /* @__PURE__ */ e.jsx(
-            an,
+            nn,
             {
               className: Y("h-4 w-4", {
-                "rotate-90": o === "y"
+                "rotate-90": l === "y"
               })
             }
           )
@@ -3240,15 +3266,15 @@ function Un({ idx: s }) {
       /* @__PURE__ */ e.jsx(
         w,
         {
-          onClick: () => r("center", s),
+          onClick: () => d("center", s),
           size: "sm",
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
           children: /* @__PURE__ */ e.jsx(
-            nn,
+            ln,
             {
               className: Y("h-4 w-4", {
-                "rotate-90": o === "y"
+                "rotate-90": l === "y"
               })
             }
           )
@@ -3257,15 +3283,15 @@ function Un({ idx: s }) {
       /* @__PURE__ */ e.jsx(
         w,
         {
-          onClick: () => r("end", s),
+          onClick: () => d("end", s),
           size: "sm",
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
           children: /* @__PURE__ */ e.jsx(
-            tn,
+            rn,
             {
               className: Y("h-4 w-4", {
-                "rotate-90": o === "y"
+                "rotate-90": l === "y"
               })
             }
           )
@@ -3274,71 +3300,71 @@ function Un({ idx: s }) {
     ] }) })
   ] });
 }
-function za() {
-  const s = i((d) => d.card), n = i(
-    (d) => {
+function Fa() {
+  const s = i((c) => c.card), n = i(
+    (c) => {
       var f, m, u;
-      return (u = (m = (f = d == null ? void 0 : d.card) == null ? void 0 : f.preferences) == null ? void 0 : m.chartOptions) == null ? void 0 : u.indexAxis;
+      return (u = (m = (f = c == null ? void 0 : c.card) == null ? void 0 : f.preferences) == null ? void 0 : m.chartOptions) == null ? void 0 : u.indexAxis;
     }
   ), a = n === "y" ? "Y axis" : "X axis", t = n === "y" ? "X axis" : "Y axis", {
-    keys: o,
-    metricKeys: c,
-    dimensionKeys: r
+    keys: l,
+    metricKeys: o,
+    dimensionKeys: d
   } = ms(s.data || []);
-  let l = c;
+  let r = o;
   if (s.type === "stackedBar") {
-    const d = Dt({
+    const c = Vt({
       dataArray: s.data || [],
-      groupKey: r[0],
-      pivotKey: r[1],
-      valueKey: l[0]
-    }), { metricKeys: f } = ms(d);
-    l = f;
+      groupKey: d[0],
+      pivotKey: d[1],
+      valueKey: r[0]
+    }), { metricKeys: f } = ms(c);
+    r = f;
   }
-  return o.length === 0 ? null : /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
+  return l.length === 0 ? null : /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ e.jsx(B, { children: a }),
-      /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: /* @__PURE__ */ e.jsx("div", { className: "rounded-md bg-muted/70 px-2 py-1 hover:bg-muted", children: /* @__PURE__ */ e.jsx("p", { children: r[0] }) }) })
+      /* @__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: d[0] }) }) })
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between gap-5", children: [
         /* @__PURE__ */ e.jsx(B, { children: t }),
-        /* @__PURE__ */ e.jsx(wa, {})
+        /* @__PURE__ */ e.jsx(za, {})
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: l.map((d, f) => /* @__PURE__ */ e.jsx(Gn, { col: d, idx: f }, d)) })
+      /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: r.map((c, f) => /* @__PURE__ */ e.jsx(Jn, { col: c, idx: f }, c)) })
     ] })
   ] });
 }
-function Gn({ col: s, idx: n }) {
-  const a = i((l) => {
-    var d;
-    return (d = l.card) == null ? void 0 : d.preferences;
+function Jn({ col: s, idx: n }) {
+  const a = i((r) => {
+    var c;
+    return (c = r.card) == null ? void 0 : c.preferences;
   }), t = i(
-    (l) => {
-      var d;
-      return (d = l.card.preferences) == null ? void 0 : d.datasetOptions;
+    (r) => {
+      var c;
+      return (c = r.card.preferences) == null ? void 0 : c.datasetOptions;
     }
-  ), o = t == null ? void 0 : t.find((l) => l.idx === n), { setCardPreferences: c } = i((l) => l.actions);
-  function r(l) {
-    if (!o)
-      c({
+  ), l = t == null ? void 0 : t.find((r) => r.idx === n), { setCardPreferences: o } = i((r) => r.actions);
+  function d(r) {
+    if (!l)
+      o({
         ...a,
         datasetOptions: [
           ...t || [],
           {
             idx: n,
-            type: l === "area" ? "line" : l,
-            fill: l === "area" ? "origin" : ""
+            type: r === "area" ? "line" : r,
+            fill: r === "area" ? "origin" : ""
           }
         ]
       });
     else {
-      const d = { ...o };
-      d.type = l === "area" ? "line" : l, d.fill = l === "area" ? "origin" : "";
+      const c = { ...l };
+      c.type = r === "area" ? "line" : r, c.fill = r === "area" ? "origin" : "";
       const f = t == null ? void 0 : t.map(
-        (m) => m.idx === n ? d : m
+        (m) => m.idx === n ? c : m
       );
-      c({
+      o({
         ...a,
         datasetOptions: f
       });
@@ -3348,23 +3374,23 @@ function Gn({ col: s, idx: n }) {
     /* @__PURE__ */ e.jsx("p", { children: s }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
       /* @__PURE__ */ e.jsx(
-        zs,
+        Fs,
         {
-          onClick: () => r("bar"),
+          onClick: () => d("bar"),
           className: "invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"
         }
       ),
       /* @__PURE__ */ e.jsx(
-        Fs,
+        Os,
         {
-          onClick: () => r("line"),
+          onClick: () => d("line"),
           className: "invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"
         }
       ),
       /* @__PURE__ */ e.jsx(
-        Jt,
+        Wt,
         {
-          onClick: () => r("area"),
+          onClick: () => d("area"),
           className: "invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"
         }
       ),
@@ -3375,16 +3401,16 @@ function Gn({ col: s, idx: n }) {
           className: "invisible size-4 cursor-pointer py-2 text-muted-foreground hover:text-foreground group-hover:visible"
         }
       ),
-      /* @__PURE__ */ e.jsx(Un, { idx: n })
+      /* @__PURE__ */ e.jsx(Gn, { idx: n })
     ] })
   ] });
 }
-function Jn({
+function Qn({
   cardType: s
 }) {
   return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(Se, { defaultValue: ["item-2"], type: "multiple", children: [
-    /* @__PURE__ */ e.jsxs(V, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx(R, { children: `${ws(s)} Chart` }),
+    /* @__PURE__ */ e.jsxs(q, { value: "item-1", children: [
+      /* @__PURE__ */ e.jsx(R, { children: `${zs(s)} Chart` }),
       /* @__PURE__ */ e.jsxs(_, { className: "space-y-4 font-mono text-xs", children: [
         /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 text-xs", children: "SELECT x-axis, y-axis-1, y-axis-2,... FROM table" }),
         /* @__PURE__ */ e.jsxs("ul", { className: "ml-6 list-disc text-xs [&>li]:mt-2", children: [
@@ -3408,31 +3434,31 @@ function Jn({
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ e.jsxs(V, { value: "item-2", children: [
+    /* @__PURE__ */ e.jsxs(q, { value: "item-2", children: [
       /* @__PURE__ */ e.jsx(R, { children: "Settings" }),
       /* @__PURE__ */ e.jsxs(_, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e.jsx(ss, {}),
-        /* @__PURE__ */ e.jsx(za, {})
+        /* @__PURE__ */ e.jsx(as, {}),
+        /* @__PURE__ */ e.jsx(Fa, {})
       ] })
     ] }),
-    /* @__PURE__ */ e.jsxs(V, { value: "item-3", children: [
+    /* @__PURE__ */ e.jsxs(q, { value: "item-3", children: [
       /* @__PURE__ */ e.jsx(R, { children: "Filter on click" }),
-      /* @__PURE__ */ e.jsx(_, { className: "px-2", children: /* @__PURE__ */ e.jsx(De, {}) })
+      /* @__PURE__ */ e.jsx(_, { className: "px-2", children: /* @__PURE__ */ e.jsx(Ie, {}) })
     ] })
   ] }) });
 }
-function Os() {
-  var o, c, r;
+function Ts() {
+  var l, o, d;
   const s = i(
-    (l) => l.card.cfg
-  ), n = i((l) => l.actions.setCardCfg), a = i((l) => l.card.type);
-  function t(l) {
+    (r) => r.card.cfg
+  ), n = i((r) => r.actions.setCardCfg), a = i((r) => r.card.type);
+  function t(r) {
     var m;
-    const d = {
+    const c = {
       datalabels: {
-        display: l !== "none",
-        align: l,
-        anchor: l,
+        display: r !== "none",
+        align: r,
+        anchor: r,
         clamp: !0
       }
     }, f = {
@@ -3441,26 +3467,26 @@ function Os() {
         ...s == null ? void 0 : s.options,
         plugins: {
           ...(m = s == null ? void 0 : s.options) == null ? void 0 : m.plugins,
-          ...d
+          ...c
         }
       }
     };
-    n(f), console.log(l);
+    n(f), console.log(r);
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ e.jsx("label", { className: "font-medium", children: "Data Labels" }),
-      !["pyramid"].includes(a) && /* @__PURE__ */ e.jsx(wa, {})
+      !["pyramid"].includes(a) && /* @__PURE__ */ e.jsx(za, {})
     ] }),
     /* @__PURE__ */ e.jsxs(
       Oe,
       {
-        value: (r = (c = (o = s == null ? void 0 : s.options) == null ? void 0 : o.plugins) == null ? void 0 : c.datalabels) == null ? void 0 : r.anchor,
+        value: (d = (o = (l = s == null ? void 0 : s.options) == null ? void 0 : l.plugins) == null ? void 0 : o.datalabels) == null ? void 0 : d.anchor,
         onValueChange: t,
         defaultValue: "none",
         children: [
           /* @__PURE__ */ e.jsx(Me, { className: "h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(Te, { placeholder: "Select position" }) }),
-          /* @__PURE__ */ e.jsx(Ae, { children: /* @__PURE__ */ e.jsxs(He, { children: [
+          /* @__PURE__ */ e.jsx(Ae, { children: /* @__PURE__ */ e.jsxs(Be, { children: [
             /* @__PURE__ */ e.jsx(Le, { children: "Data Labels" }),
             /* @__PURE__ */ e.jsx(X, { value: "none", children: "None" }),
             a !== "pyramid" && /* @__PURE__ */ e.jsx(X, { value: "start", children: "Start" }),
@@ -3472,13 +3498,13 @@ function Os() {
     )
   ] });
 }
-function Qn({
+function Wn({
   cardType: s
 }) {
   function n(a) {
-    const t = "SELECT label, [group], x-axis, y-axis, radius FROM table", o = "SELECT label, [group], x-axis, y-axis FROM table";
+    const t = "SELECT label, [group], x-axis, y-axis, radius FROM table", l = "SELECT label, [group], x-axis, y-axis FROM table";
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      /* @__PURE__ */ e.jsx("div", { className: "bg-muted px-2 py-1 rounded    text-xs", children: a === "bubble" ? t : o }),
+      /* @__PURE__ */ e.jsx("div", { className: "bg-muted px-2 py-1 rounded    text-xs", children: a === "bubble" ? t : l }),
       /* @__PURE__ */ e.jsxs("ul", { className: " ml-6 list-disc [&>li]:mt-2 text-xs", children: [
         /* @__PURE__ */ e.jsx("li", { children: "label - category" }),
         /* @__PURE__ */ e.jsx("li", { children: "group - category" }),
@@ -3492,7 +3518,7 @@ function Qn({
           "a",
           {
             target: "_blank",
-            onClick: (c) => c.stopPropagation(),
+            onClick: (o) => o.stopPropagation(),
             className: "text-blue-700",
             href: "https://docs.semaphor.cloud/concepts/visuals#pie-chart",
             children: "example"
@@ -3503,21 +3529,21 @@ function Qn({
     ] });
   }
   return /* @__PURE__ */ e.jsx("div", { className: "px-6 py-2 space-y-6", children: /* @__PURE__ */ e.jsxs(Se, { defaultValue: ["item-2"], type: "multiple", children: [
-    /* @__PURE__ */ e.jsxs(V, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx(R, { children: `${ws(s)} Chart` }),
+    /* @__PURE__ */ e.jsxs(q, { value: "item-1", children: [
+      /* @__PURE__ */ e.jsx(R, { children: `${zs(s)} Chart` }),
       /* @__PURE__ */ e.jsx(_, { className: " space-y-4 font-mono text-xs ", children: n(s) })
     ] }),
-    /* @__PURE__ */ e.jsxs(V, { value: "item-2", children: [
+    /* @__PURE__ */ e.jsxs(q, { value: "item-2", children: [
       /* @__PURE__ */ e.jsx(R, { children: "Settings" }),
-      /* @__PURE__ */ e.jsx(_, { className: "px-2", children: /* @__PURE__ */ e.jsx(Os, {}) })
+      /* @__PURE__ */ e.jsx(_, { className: "px-2", children: /* @__PURE__ */ e.jsx(Ts, {}) })
     ] }),
-    /* @__PURE__ */ e.jsxs(V, { value: "item-3", children: [
+    /* @__PURE__ */ e.jsxs(q, { value: "item-3", children: [
       /* @__PURE__ */ e.jsx(R, { children: "Filter on click" }),
-      /* @__PURE__ */ e.jsx(_, { className: "px-2", children: /* @__PURE__ */ e.jsx(De, {}) })
+      /* @__PURE__ */ e.jsx(_, { className: "px-2", children: /* @__PURE__ */ e.jsx(Ie, {}) })
     ] })
   ] }) });
 }
-const Wn = {
+const Yn = {
   datasets: [
     {
       type: "line",
@@ -3530,7 +3556,7 @@ const Wn = {
       data: []
     }
   ]
-}, Yn = {
+}, Xn = {
   datasets: [
     {
       fill: "origin",
@@ -3540,7 +3566,7 @@ const Wn = {
     }
   ]
 };
-function Xn() {
+function Zn() {
   const s = i((n) => n.card.type);
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-6 p-6", children: [
     /* @__PURE__ */ e.jsx(
@@ -3549,18 +3575,18 @@ function Xn() {
         className: " ",
         type: "single",
         collapsible: !0,
-        children: Zn(s)
+        children: er(s)
       }
     ),
-    /* @__PURE__ */ e.jsx("section", { className: "", children: ["line", "bar"].includes(s) && /* @__PURE__ */ e.jsx(ss, {}) }),
-    /* @__PURE__ */ e.jsx("div", { children: !["kpi"].includes(s) && /* @__PURE__ */ e.jsx(Os, {}) }),
-    /* @__PURE__ */ e.jsx("div", { children: !["kpi"].includes(s) && /* @__PURE__ */ e.jsx(De, {}) })
+    /* @__PURE__ */ e.jsx("section", { className: "", children: ["line", "bar"].includes(s) && /* @__PURE__ */ e.jsx(as, {}) }),
+    /* @__PURE__ */ e.jsx("div", { children: !["kpi"].includes(s) && /* @__PURE__ */ e.jsx(Ts, {}) }),
+    /* @__PURE__ */ e.jsx("div", { children: !["kpi"].includes(s) && /* @__PURE__ */ e.jsx(Ie, {}) })
   ] });
 }
-function Zn(s) {
+function er(s) {
   if (["line", "bar"].includes(s))
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      /* @__PURE__ */ e.jsxs(V, { value: "item-1", children: [
+      /* @__PURE__ */ e.jsxs(q, { value: "item-1", children: [
         /* @__PURE__ */ e.jsx(R, { className: "font-normal", children: /* @__PURE__ */ e.jsx("p", { children: "Chart Query" }) }),
         /* @__PURE__ */ e.jsxs(_, { className: " ", children: [
           /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 font-mono text-xs font-semibold", children: "SELECT x-axis, y-axis-1, y-axis-2, y-axis-3,... FROM table" }),
@@ -3570,7 +3596,7 @@ function Zn(s) {
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ e.jsxs(V, { value: "item-2", children: [
+      /* @__PURE__ */ e.jsxs(q, { value: "item-2", children: [
         /* @__PURE__ */ e.jsx(R, { className: "font-normal", children: "Mixed Chart" }),
         /* @__PURE__ */ e.jsxs(_, { className: "space-y-2 text-xs", children: [
           /* @__PURE__ */ e.jsxs("p", { children: [
@@ -3578,10 +3604,10 @@ function Zn(s) {
             /* @__PURE__ */ e.jsx("b", { children: "Customize" }),
             " and change the `type` property in the dataset."
           ] }),
-          /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify(Wn, null, 2) })
+          /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify(Yn, null, 2) })
         ] })
       ] }),
-      /* @__PURE__ */ e.jsxs(V, { value: "item-3", children: [
+      /* @__PURE__ */ e.jsxs(q, { value: "item-3", children: [
         /* @__PURE__ */ e.jsx(R, { className: "font-normal", children: "Area Chart" }),
         /* @__PURE__ */ e.jsxs(_, { className: "space-y-2 text-xs", children: [
           /* @__PURE__ */ e.jsxs("p", { children: [
@@ -3599,12 +3625,12 @@ function Zn(s) {
             ),
             "for more options."
           ] }),
-          /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify(Yn, null, 2) })
+          /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify(Xn, null, 2) })
         ] })
       ] })
     ] });
   if (s === "bubble")
-    return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(V, { value: "item-1", children: [
+    return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(q, { value: "item-1", children: [
       /* @__PURE__ */ e.jsx(R, { className: "font-normal", children: /* @__PURE__ */ e.jsxs("p", { children: [
         "How to create a ",
         /* @__PURE__ */ e.jsx("span", { children: s }),
@@ -3622,7 +3648,7 @@ function Zn(s) {
       ] })
     ] }) });
   if (s === "scatter")
-    return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(V, { value: "item-1", children: [
+    return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(q, { value: "item-1", children: [
       /* @__PURE__ */ e.jsx(R, { className: "font-normal", children: /* @__PURE__ */ e.jsxs("p", { children: [
         "How to create a ",
         /* @__PURE__ */ e.jsx("span", { children: s }),
@@ -3639,7 +3665,7 @@ function Zn(s) {
       ] })
     ] }) });
   if (["pie", "doughnut", "polarArea"].includes(s))
-    return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(V, { value: "item-1", children: [
+    return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(q, { value: "item-1", children: [
       /* @__PURE__ */ e.jsx(R, { className: "font-normal", children: /* @__PURE__ */ e.jsxs("p", { children: [
         /* @__PURE__ */ e.jsx("span", { children: s === "polarArea" ? "Polar" : s.charAt(0).toUpperCase() + s.slice(1) }),
         " ",
@@ -3654,8 +3680,8 @@ function Zn(s) {
       ] })
     ] }) });
 }
-function er() {
-  var d, f, m, u, S;
+function sr() {
+  var c, f, m, u, S;
   const s = i((h) => h.card.preferences), n = i(
     (h) => h.actions.setCardPreferences
   ), a = i(
@@ -3672,7 +3698,7 @@ function er() {
       var x, g;
       return (g = (x = h.card.preferences) == null ? void 0 : x.formatNumber) == null ? void 0 : g.locale;
     }
-  ), o = i(
+  ), l = i(
     (h) => {
       var x, g;
       return (g = (x = h.card.preferences) == null ? void 0 : x.formatNumber) == null ? void 0 : g.currency;
@@ -3681,20 +3707,20 @@ function er() {
   i(
     (h) => h.actions.setFilterOnClickField
   );
-  const c = i(
+  const o = i(
     (h) => {
       var x, g;
       return (g = (x = h.card.preferences) == null ? void 0 : x.formatNumber) == null ? void 0 : g.colorRanges;
     }
-  ) || [], r = i(
+  ) || [], d = i(
     (h) => h.actions.setColorRanges
-  ), l = [...new Set(Rs.map((h) => h.currency))];
+  ), r = [...new Set(Hs.map((h) => h.currency))];
   return /* @__PURE__ */ e.jsxs("div", { children: [
     /* @__PURE__ */ e.jsxs("div", { className: "mb-3 flex items-center gap-2", children: [
       /* @__PURE__ */ e.jsx(
-        Pe,
+        Ke,
         {
-          checked: !!((d = s == null ? void 0 : s.formatNumber) != null && d.enabled),
+          checked: !!((c = s == null ? void 0 : s.formatNumber) != null && c.enabled),
           onCheckedChange: (h) => {
             n({
               ...s,
@@ -3728,9 +3754,9 @@ function er() {
                 },
                 children: [
                   /* @__PURE__ */ e.jsx(Me, { className: "col-span-6 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(Te, {}) }),
-                  /* @__PURE__ */ e.jsx(Ae, { children: /* @__PURE__ */ e.jsxs(He, { children: [
+                  /* @__PURE__ */ e.jsx(Ae, { children: /* @__PURE__ */ e.jsxs(Be, { children: [
                     /* @__PURE__ */ e.jsx(Le, { children: "Format" }),
-                    Rs.map((h) => /* @__PURE__ */ e.jsx(X, { value: h.locale, children: h.locale }, h.locale))
+                    Hs.map((h) => /* @__PURE__ */ e.jsx(X, { value: h.locale, children: h.locale }, h.locale))
                   ] }) })
                 ]
               }
@@ -3741,7 +3767,7 @@ function er() {
             /* @__PURE__ */ e.jsxs(
               Oe,
               {
-                value: o || "none",
+                value: l || "none",
                 onValueChange: (h) => {
                   var x, g, z;
                   return a(
@@ -3753,10 +3779,10 @@ function er() {
                 },
                 children: [
                   /* @__PURE__ */ e.jsx(Me, { className: "col-span-6 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(Te, {}) }),
-                  /* @__PURE__ */ e.jsx(Ae, { children: /* @__PURE__ */ e.jsxs(He, { children: [
+                  /* @__PURE__ */ e.jsx(Ae, { children: /* @__PURE__ */ e.jsxs(Be, { children: [
                     /* @__PURE__ */ e.jsx(Le, { children: "Currency" }),
                     /* @__PURE__ */ e.jsx(X, { value: "none", children: "None" }, "none"),
-                    l.map((h) => /* @__PURE__ */ e.jsx(X, { value: h, children: h }, h))
+                    r.map((h) => /* @__PURE__ */ e.jsx(X, { value: h, children: h }, h))
                   ] }) })
                 ]
               }
@@ -3810,18 +3836,18 @@ function er() {
       ] }) }),
       /* @__PURE__ */ e.jsx(ks, { className: "my-3" }),
       /* @__PURE__ */ e.jsx(
-        It,
+        qt,
         {
-          colorRanges: c,
-          setColorRanges: r
+          colorRanges: o,
+          setColorRanges: d
         }
       )
     ] })
   ] });
 }
-function sr() {
+function ar() {
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-6 px-6 py-2", children: [
-    /* @__PURE__ */ e.jsx(Se, { type: "single", collapsible: !0, children: /* @__PURE__ */ e.jsxs(V, { value: "item-1", children: [
+    /* @__PURE__ */ e.jsx(Se, { type: "single", collapsible: !0, children: /* @__PURE__ */ e.jsxs(q, { value: "item-1", children: [
       /* @__PURE__ */ e.jsx(R, { className: "", children: "KPI Query" }),
       /* @__PURE__ */ e.jsxs(_, { className: "font-mono", children: [
         /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 font-mono text-xs", children: "SELECT current, previous FROM table" }),
@@ -3845,18 +3871,51 @@ function sr() {
         ] })
       ] })
     ] }) }),
-    /* @__PURE__ */ e.jsx("section", { className: "", children: /* @__PURE__ */ e.jsx(er, {}) }),
+    /* @__PURE__ */ e.jsx("section", { className: "", children: /* @__PURE__ */ e.jsx(sr, {}) }),
     /* @__PURE__ */ e.jsx("div", {}),
     /* @__PURE__ */ e.jsx("div", {})
   ] });
 }
-function cs({
+function tr() {
+  var t;
+  const s = i((l) => l.card.preferences), { setCardPreferences: n } = i((l) => l.actions);
+  function a(l) {
+    n({
+      ...s,
+      textVisualOptions: {
+        ...s == null ? void 0 : s.textVisualOptions,
+        isDynamicText: l === "dynamic"
+      }
+    });
+  }
+  return /* @__PURE__ */ e.jsxs(
+    ws,
+    {
+      value: (t = s == null ? void 0 : s.textVisualOptions) != null && t.isDynamicText ? "dynamic" : "static",
+      onValueChange: a,
+      className: "flex gap-3",
+      defaultValue: "x",
+      children: [
+        /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
+          /* @__PURE__ */ e.jsx(De, { value: "static", id: "r1" }),
+          /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: "r1", children: "Static" })
+        ] }),
+        /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
+          /* @__PURE__ */ e.jsx(De, { value: "dynamic", id: "r2" }),
+          /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: "r2", children: "Dynamic" })
+        ] })
+      ]
+    }
+  );
+}
+function Ye({
   cardType: s,
-  docContent: n
+  docContent: n,
+  suffix: a = "Chart"
 }) {
   return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(Se, { defaultValue: ["item-2"], type: "multiple", children: [
-    /* @__PURE__ */ e.jsxs(V, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx(R, { children: `${ws(s)} Chart` }),
+    /* @__PURE__ */ e.jsxs(q, { value: "item-1", children: [
+      /* @__PURE__ */ e.jsx(R, { children: `${zs(s)} ${a}` }),
       /* @__PURE__ */ e.jsx(_, { children: n || /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
         /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 text-xs", children: "SELECT label, measure FROM table" }),
         /* @__PURE__ */ e.jsxs("ul", { className: "ml-6 list-disc text-xs [&>li]:mt-2", children: [
@@ -3869,7 +3928,7 @@ function cs({
             "a",
             {
               target: "_blank",
-              onClick: (a) => a.stopPropagation(),
+              onClick: (t) => t.stopPropagation(),
               className: "text-blue-700",
               href: "https://docs.semaphor.cloud/concepts/visuals#pie-chart",
               children: "example"
@@ -3879,22 +3938,23 @@ function cs({
         ] })
       ] }) })
     ] }),
-    /* @__PURE__ */ e.jsxs(V, { value: "item-2", children: [
+    /* @__PURE__ */ e.jsxs(q, { value: "item-2", children: [
       /* @__PURE__ */ e.jsx(R, { children: "Settings" }),
       /* @__PURE__ */ e.jsxs(_, { className: "space-y-4 px-2", children: [
-        s === "range" && /* @__PURE__ */ e.jsx(ss, {}),
-        /* @__PURE__ */ e.jsx(Os, {})
+        s === "range" && /* @__PURE__ */ e.jsx(as, {}),
+        s !== "text" && /* @__PURE__ */ e.jsx(Ts, {}),
+        s === "text" && /* @__PURE__ */ e.jsx(tr, {})
       ] })
     ] }),
-    s !== "range" && /* @__PURE__ */ e.jsxs(V, { value: "item-3", children: [
+    !["range", "text"].includes(s) && /* @__PURE__ */ e.jsxs(q, { value: "item-3", children: [
       /* @__PURE__ */ e.jsx(R, { children: "Filter on click" }),
-      /* @__PURE__ */ e.jsx(_, { className: "px-2", children: /* @__PURE__ */ e.jsx(De, {}) })
+      /* @__PURE__ */ e.jsx(_, { className: "px-2", children: /* @__PURE__ */ e.jsx(Ie, {}) })
     ] })
   ] }) });
 }
-function ar() {
+function nr() {
   return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(Se, { defaultValue: ["item-2"], type: "multiple", children: [
-    /* @__PURE__ */ e.jsxs(V, { value: "item-1", children: [
+    /* @__PURE__ */ e.jsxs(q, { value: "item-1", children: [
       /* @__PURE__ */ e.jsx(R, { children: "Stacked Chart" }),
       /* @__PURE__ */ e.jsxs(_, { className: "space-y-4 font-mono text-xs", children: [
         /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 text-xs", children: "SELECT x-axis, stack-by, y-axis FROM table" }),
@@ -3919,23 +3979,23 @@ function ar() {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ e.jsxs(V, { value: "item-2", children: [
+    /* @__PURE__ */ e.jsxs(q, { value: "item-2", children: [
       /* @__PURE__ */ e.jsx(R, { children: "Settings" }),
       /* @__PURE__ */ e.jsxs(_, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e.jsx(ss, {}),
-        /* @__PURE__ */ e.jsx(za, {})
+        /* @__PURE__ */ e.jsx(as, {}),
+        /* @__PURE__ */ e.jsx(Fa, {})
       ] })
     ] }),
-    /* @__PURE__ */ e.jsxs(V, { value: "item-3", children: [
+    /* @__PURE__ */ e.jsxs(q, { value: "item-3", children: [
       /* @__PURE__ */ e.jsx(R, { children: "Filter on click" }),
-      /* @__PURE__ */ e.jsx(_, { className: "px-2", children: /* @__PURE__ */ e.jsx(De, {}) })
+      /* @__PURE__ */ e.jsx(_, { className: "px-2", children: /* @__PURE__ */ e.jsx(Ie, {}) })
     ] })
   ] }) });
 }
-function tr({}) {
+function rr({}) {
   const s = i((t) => {
-    var o;
-    return (o = t.card) == null ? void 0 : o.preferences;
+    var l;
+    return (l = t.card) == null ? void 0 : l.preferences;
   }), n = i(
     (t) => t.actions.setCardPreferences
   ), a = (t) => {
@@ -3945,12 +4005,12 @@ function tr({}) {
     });
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-6 px-6 py-2", children: [
-    /* @__PURE__ */ e.jsx(Se, { defaultValue: ["item-3"], type: "multiple", children: /* @__PURE__ */ e.jsxs(V, { value: "item-3", children: [
+    /* @__PURE__ */ e.jsx(Se, { defaultValue: ["item-3"], type: "multiple", children: /* @__PURE__ */ e.jsxs(q, { value: "item-3", children: [
       /* @__PURE__ */ e.jsx(R, { children: "Filter on click" }),
-      /* @__PURE__ */ e.jsx(_, { className: "px-2", children: /* @__PURE__ */ e.jsx(De, {}) })
+      /* @__PURE__ */ e.jsx(_, { className: "px-2", children: /* @__PURE__ */ e.jsx(Ie, {}) })
     ] }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-      /* @__PURE__ */ e.jsx(Pe, { onCheckedChange: a, id: "allow-download" }),
+      /* @__PURE__ */ e.jsx(Ke, { onCheckedChange: a, id: "allow-download" }),
       /* @__PURE__ */ e.jsx(
         "label",
         {
@@ -3962,7 +4022,7 @@ function tr({}) {
     ] })
   ] });
 }
-const nr = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
+const lr = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
   /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 text-xs", children: "SELECT dimension, cohort, metric FROM table" }),
   /* @__PURE__ */ e.jsxs("div", { children: [
     "See ",
@@ -3978,7 +4038,7 @@ const nr = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-
     ),
     " in the docs."
   ] })
-] }), rr = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
+] }), ir = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
   /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 text-xs", children: "SELECT y-axis, label, range-from, range-to, range-value FROM table" }),
   /* @__PURE__ */ e.jsxs("div", { children: [
     "See ",
@@ -3994,39 +4054,64 @@ const nr = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-
     ),
     " in the docs."
   ] })
+] }), or = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
+  /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 text-xs", children: "SELECT text FROM table limit 1" }),
+  /* @__PURE__ */ e.jsxs("div", { children: [
+    "See ",
+    /* @__PURE__ */ e.jsx(
+      "a",
+      {
+        target: "_blank",
+        onClick: (s) => s.stopPropagation(),
+        className: "text-blue-700",
+        href: "https://docs.semaphor.cloud/concepts/visuals#text-visual",
+        children: "example"
+      }
+    ),
+    " in the docs."
+  ] })
 ] });
-function lr() {
+function cr() {
   const s = i((a) => a.card.type);
   function n(a) {
     switch (a) {
       case "stackedBar":
-        return /* @__PURE__ */ e.jsx(ar, {});
+        return /* @__PURE__ */ e.jsx(nr, {});
       case "pyramid":
-        return /* @__PURE__ */ e.jsx(cs, { docContent: nr, cardType: a });
+        return /* @__PURE__ */ e.jsx(Ye, { docContent: lr, cardType: a });
       case "kpi":
-        return /* @__PURE__ */ e.jsx(sr, {});
+        return /* @__PURE__ */ e.jsx(ar, {});
       case "line":
       case "bar":
-        return /* @__PURE__ */ e.jsx(Jn, { cardType: a });
+        return /* @__PURE__ */ e.jsx(Qn, { cardType: a });
       case "range":
-        return /* @__PURE__ */ e.jsx(cs, { docContent: rr, cardType: a });
+        return /* @__PURE__ */ e.jsx(Ye, { docContent: ir, cardType: a });
       case "pie":
       case "doughnut":
       case "polarArea":
       case "radar":
-        return /* @__PURE__ */ e.jsx(cs, { cardType: a });
+        return /* @__PURE__ */ e.jsx(Ye, { cardType: a });
       case "bubble":
       case "scatter":
-        return /* @__PURE__ */ e.jsx(Qn, { cardType: a });
+        return /* @__PURE__ */ e.jsx(Wn, { cardType: a });
       case "table":
-        return /* @__PURE__ */ e.jsx(tr, { cardType: a });
+        return /* @__PURE__ */ e.jsx(rr, { cardType: a });
+      case "text":
+        return /* @__PURE__ */ e.jsx(
+          Ye,
+          {
+            docContent: or,
+            cardType: a,
+            suffix: "Visual"
+          }
+        );
       default:
-        return /* @__PURE__ */ e.jsx(Xn, {});
+        return /* @__PURE__ */ e.jsx(Zn, {});
     }
   }
   return /* @__PURE__ */ e.jsx(Ss, { className: "h-full w-full text-sm", children: n(s) });
 }
-function ir() {
+function dr() {
   const s = i((n) => n.isShowingVisual);
   return /* @__PURE__ */ e.jsxs(
     us,
@@ -4041,7 +4126,7 @@ function ir() {
             className: "flex",
             minSize: 20,
             defaultSize: 40,
-            children: /* @__PURE__ */ e.jsx(Vn, {})
+            children: /* @__PURE__ */ e.jsx(Rn, {})
           }
         ),
         /* @__PURE__ */ e.jsx(xs, { withHandle: !0, className: "border" }),
@@ -4060,36 +4145,36 @@ function ir() {
                   minSize: 20,
                   defaultSize: 25,
                   maxSize: 30,
-                  children: /* @__PURE__ */ e.jsx(lr, {})
+                  children: /* @__PURE__ */ e.jsx(cr, {})
                 }
               ) }),
               /* @__PURE__ */ e.jsx(xs, { className: "border" }),
-              /* @__PURE__ */ e.jsx(Fe, { minSize: 40, defaultSize: 75, maxSize: 100, children: /* @__PURE__ */ e.jsx($s, {}) })
-            ] }) : /* @__PURE__ */ e.jsx($s, {})
+              /* @__PURE__ */ e.jsx(Fe, { minSize: 40, defaultSize: 75, maxSize: 100, children: /* @__PURE__ */ e.jsx(Ks, {}) })
+            ] }) : /* @__PURE__ */ e.jsx(Ks, {})
           }
         )
       ]
     }
   );
 }
-function or({ authToken: s, onSave: n, onClose: a }) {
-  const t = i((r) => r.actions.setOnSave), o = i((r) => r.actions.setOnClose), c = k((r) => r.actions.setAuthToken);
+function hr({ authToken: s, onSave: n, onClose: a }) {
+  const t = i((d) => d.actions.setOnSave), l = i((d) => d.actions.setOnClose), o = k((d) => d.actions.setAuthToken);
   return P(() => {
-    n && t(n), a && o(a);
-  }, [n, t, a, o]), P(() => {
-    s && s.accessToken && c(s);
-  }, [s, c]), /* @__PURE__ */ e.jsxs(qt, { className: "rounded-none", role: "editor-panel", children: [
-    /* @__PURE__ */ e.jsx(Vt, { className: "rounded-none border-r-[1.5px]", children: /* @__PURE__ */ e.jsx(pa, {}) }),
-    /* @__PURE__ */ e.jsx(Rt, { children: /* @__PURE__ */ e.jsx(ir, {}) })
+    n && t(n), a && l(a);
+  }, [n, t, a, l]), P(() => {
+    s && s.accessToken && o(s);
+  }, [s, o]), /* @__PURE__ */ e.jsxs(Rt, { className: "rounded-none", role: "editor-panel", children: [
+    /* @__PURE__ */ e.jsx(_t, { className: "rounded-none border-r-[1.5px]", children: /* @__PURE__ */ e.jsx(fa, {}) }),
+    /* @__PURE__ */ e.jsx(Ht, { children: /* @__PURE__ */ e.jsx(dr, {}) })
   ] });
 }
-function cr() {
-  k((r) => r.selectedCardId);
-  const s = k((r) => r.selectedSheetId), { setIsVisualEditing: n } = k((r) => r.actions), a = k((r) => r.isVisualEditing), t = k((r) => r.actions.updateFrame);
-  function o(r) {
-    s && (t(s, r), n(!1));
+function mr() {
+  k((d) => d.selectedCardId);
+  const s = k((d) => d.selectedSheetId), { setIsVisualEditing: n } = k((d) => d.actions), a = k((d) => d.isVisualEditing), t = k((d) => d.actions.updateFrame);
+  function l(d) {
+    s && (t(s, d), n(!1));
   }
-  function c() {
+  function o() {
     n(!1);
   }
   return /* @__PURE__ */ e.jsx(
@@ -4100,19 +4185,19 @@ function cr() {
         block: a,
         hidden: !a
       }),
-      children: /* @__PURE__ */ e.jsx(or, { onSave: o, onClose: c })
+      children: /* @__PURE__ */ e.jsx(hr, { onSave: l, onClose: o })
     }
   );
 }
-function dr({
+function ur({
   columns: s,
   tableName: n
 }) {
-  const a = i((u) => u.selectedConnectionId), t = i((u) => u.selectedDatabaseName), o = i((u) => u.selectedSchemaName), c = i((u) => u.selectedTableName), r = k((u) => u.dashboard.filters) || [], l = k((u) => u.actions.addFilter), d = k((u) => u.actions.removeFilter), f = k(
+  const a = i((u) => u.selectedConnectionId), t = i((u) => u.selectedDatabaseName), l = i((u) => u.selectedSchemaName), o = i((u) => u.selectedTableName), d = k((u) => u.dashboard.filters) || [], r = k((u) => u.actions.addFilter), c = k((u) => u.actions.removeFilter), f = k(
     (u) => u.actions.removeFilterValue
   );
   function m(u) {
-    const S = he(u.column_name), h = he(t || ""), x = he(o || ""), g = he(n), z = hs(
+    const S = he(u.column_name), h = he(t || ""), x = he(l || ""), g = he(n), z = hs(
       x,
       g
     ), b = `${z}.${S}`;
@@ -4122,15 +4207,15 @@ function dr({
       g,
       h
     );
-    const L = r == null ? void 0 : r.find(
+    const L = d == null ? void 0 : d.find(
       (N) => N.column === b && N.table === g && (N.database === h || N.database === t)
     );
     if (L)
-      f(L.id), d(L.id);
+      f(L.id), c(L.id);
     else {
       if (n === "api" && a) {
-        l({
-          id: We(),
+        r({
+          id: Xe(),
           column: b,
           title: u.column_name,
           dataType: u.data_type,
@@ -4139,7 +4224,7 @@ function dr({
           // database: 'NA',
           connectionId: a,
           operation: "in",
-          sql: _s(
+          sql: Bs(
             u.data_type,
             z,
             S
@@ -4148,16 +4233,16 @@ function dr({
         });
         return;
       }
-      l({
-        id: We(),
+      r({
+        id: Xe(),
         column: `${z}.${S}`,
         title: u.column_name,
         dataType: u.data_type,
-        table: c || "",
+        table: o || "",
         database: t || "",
         connectionId: a || "",
         operation: "in",
-        sql: _s(
+        sql: Bs(
           u.data_type,
           z,
           S
@@ -4167,8 +4252,8 @@ function dr({
     }
   }
   return /* @__PURE__ */ e.jsx("div", { className: "xbg-red-100 flex-1 basis-0 flex-col overflow-scroll px-3", children: s == null ? void 0 : s.map((u) => {
-    const S = r == null ? void 0 : r.find(
-      (h) => h.column === he(u.column_name) && h.table === c && h.database === t
+    const S = d == null ? void 0 : d.find(
+      (h) => h.column === he(u.column_name) && h.table === o && h.database === t
     );
     return /* @__PURE__ */ e.jsx(
       "div",
@@ -4181,7 +4266,7 @@ function dr({
           }
         ),
         children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ e.jsx(ua, { column: u }),
+          /* @__PURE__ */ e.jsx(xa, { column: u }),
           /* @__PURE__ */ e.jsx("span", { children: u.column_name })
         ] })
       },
@@ -4189,7 +4274,7 @@ function dr({
     );
   }) });
 }
-function hr() {
+function xr() {
   k((n) => n.showFilters);
   const s = k(
     (n) => n.actions.setShowFilters
@@ -4203,15 +4288,15 @@ function hr() {
           onClick: () => s(!1),
           className: "h-7 w-7 p-0",
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(_e, {})
+          children: /* @__PURE__ */ e.jsx(He, {})
         }
       )
     ] }),
     /* @__PURE__ */ e.jsx("div", { className: "flex grow", children: /* @__PURE__ */ e.jsx(
-      pa,
+      fa,
       {
         ColumnsComponent: (n, a, t) => /* @__PURE__ */ e.jsx(
-          dr,
+          ur,
           {
             schemaName: n,
             tableName: a,
@@ -4222,7 +4307,7 @@ function hr() {
     ) })
   ] });
 }
-function mr() {
+function pr() {
   k((a) => a.dashboard);
   const s = k((a) => a.showFilters), n = k((a) => a.isVisualEditing);
   return k((a) => a.bookmarkKey), /* @__PURE__ */ e.jsxs(
@@ -4234,13 +4319,13 @@ function mr() {
         flex: !n
       }),
       children: [
-        /* @__PURE__ */ e.jsx(_t, {}),
-        s && /* @__PURE__ */ e.jsx("div", { role: "filter-aside-container", className: "flex", children: /* @__PURE__ */ e.jsx(hr, {}) })
+        /* @__PURE__ */ e.jsx(Bt, {}),
+        s && /* @__PURE__ */ e.jsx("div", { role: "filter-aside-container", className: "flex", children: /* @__PURE__ */ e.jsx(xr, {}) })
       ]
     }
   );
 }
-function ur() {
+function fr() {
   const s = k((t) => t.dashboard), n = k((t) => t.actions.setDashboard), a = k(
     (t) => t.showDashboardJSON
   );
@@ -4253,7 +4338,7 @@ function ur() {
         hidden: !a
       }),
       children: /* @__PURE__ */ e.jsx(
-        Ht,
+        $t,
         {
           onChange: (t) => {
             if (t)
@@ -4284,25 +4369,26 @@ function ur() {
     }
   );
 }
-function fr({
+function br({
   showControls: s = !1,
   showFooter: n = !0,
-  ...a
+  showAssistant: a = !1,
+  ...t
 }) {
-  return /* @__PURE__ */ e.jsxs(Bt, { dashboardProps: a, children: [
-    /* @__PURE__ */ e.jsx($t, {}),
-    /* @__PURE__ */ e.jsxs(Pt, { children: [
-      /* @__PURE__ */ e.jsx(ur, {}),
-      /* @__PURE__ */ e.jsxs(Kt, { ...a, children: [
-        s && /* @__PURE__ */ e.jsx(vn, {}),
-        /* @__PURE__ */ e.jsx(cr, {}),
-        /* @__PURE__ */ e.jsx(mr, {})
+  return /* @__PURE__ */ e.jsxs(Pt, { dashboardProps: t, children: [
+    /* @__PURE__ */ e.jsx(Kt, {}),
+    /* @__PURE__ */ e.jsxs(Ut, { children: [
+      /* @__PURE__ */ e.jsx(fr, {}),
+      /* @__PURE__ */ e.jsxs(Gt, { ...t, children: [
+        s && /* @__PURE__ */ e.jsx(Nn, {}),
+        /* @__PURE__ */ e.jsx(mr, {}),
+        /* @__PURE__ */ e.jsx(pr, {})
       ] })
     ] })
   ] });
 }
 export {
-  fr as D,
-  Qe as S,
-  xa as u
+  br as D,
+  We as S,
+  pa as u
 };