react-semaphor 0.0.198 → 0.0.200

package/dist/chunks/{dashboard-plus-gibgO8pQ.js → dashboard-plus-mF7Ncf0J.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 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";
+import { P as A, b as w, j as e, Q as ps, R as fs, U as k, 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 Ae, a1 as Ra, a2 as _a, a3 as Ha, a4 as Ba, a5 as $a, a6 as Pa, a7 as Es, 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 Le, af as Be, ag as Ee, ah as X, ai as Cs, G as i, aj as Ue, ak as Ge, al as Ka, am as Je, w as Ys, v as Xs, t as he, an as Ua, r as Ga, N as Zs, s as Ja, ao as Qa, B as Wa, ap as ea, aq as Ya, L as $e, S as Ss, z as Xa, 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 Za, aA as et, aB as la, aC as st, aD as at, aE as tt, aF as nt, aG as rt, aH as ms, aI as lt, aJ as _e, aK as us, aL as Fe, aM as xs, aN as Is, aO as it, aP as ot, aQ as ct, aR as dt, aS as ht, aT as is, aU as mt, aV as Vs, aW as ut, aX as qs, aY as xt, aZ as pt, a_ as ft, a$ as ia, l as gt, C as jt, E as Rs, d as bt, h as yt, i as vt, o as Nt, b0 as Ct, m as St, H as kt, b1 as wt, b2 as zt, b3 as Ft, b4 as os, b5 as Ot, b6 as cs, b7 as _s, K as Mt, b8 as Tt, b9 as ks, ba as Lt, bb as ws, bc as De, bd as oa, be as At, bf as Et, bg as Dt, bh as It, bi as Vt, bj as qt, bk as Se, bl as q, bm as R, bn as zs, bo as _, bp as Hs, bq as Rt, br as _t, bs as Ht, bt as Bt, bu as Bs, bv as $t, bw as Pt, bx as Kt, by as Ut, bz as Gt, bA as Jt } from "./index-WVWD0JAV.js";
+import me, { useState as T, useEffect as P, useMemo as Qt, 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 Qt = E("Activity", [
+const Wt = A("Activity", [
   [
     "path",
     {
@@ -21,7 +21,7 @@ const Qt = E("Activity", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Wt = E("AreaChart", [
+const Yt = A("AreaChart", [
   ["path", { d: "M3 3v18h18", key: "1s2lah" }],
   ["path", { d: "M7 12v5h12V8l-5 5-4-4Z", key: "zxz28u" }]
 ]);
@@ -31,7 +31,7 @@ const Wt = E("AreaChart", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Fs = E("BarChart4", [
+const Fs = A("BarChart4", [
   ["path", { d: "M3 3v18h18", key: "1s2lah" }],
   ["path", { d: "M13 17V9", key: "1fwyjl" }],
   ["path", { d: "M18 17V5", key: "sfb6ij" }],
@@ -43,7 +43,7 @@ const Fs = E("BarChart4", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Yt = E("CircleX", [
+const Xt = A("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 Yt = E("CircleX", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Xt = E("Database", [
+const Zt = A("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 Xt = E("Database", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Zt = E("Eraser", [
+const en = A("Eraser", [
   [
     "path",
     {
@@ -82,7 +82,7 @@ const Zt = E("Eraser", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ca = E("Filter", [
+const ca = A("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 ca = E("Filter", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const da = E("GanttChart", [
+const da = A("GanttChart", [
   ["path", { d: "M8 6h10", key: "9lnwnk" }],
   ["path", { d: "M6 12h9", key: "1g9pqf" }],
   ["path", { d: "M11 18h7", key: "c8dzvl" }]
@@ -102,7 +102,7 @@ const da = E("GanttChart", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const en = E("Glasses", [
+const sn = A("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 en = E("Glasses", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const sn = E("Hammer", [
+const an = A("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 sn = E("Hammer", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const an = E("Hash", [
+const tn = A("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 an = E("Hash", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const tn = E("Key", [
+const nn = A("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 tn = E("Key", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Os = E("LineChart", [
+const Os = A("LineChart", [
   ["path", { d: "M3 3v18h18", key: "1s2lah" }],
   ["path", { d: "m19 9-5 5-4-4-3 3", key: "2osh9i" }]
 ]);
@@ -165,7 +165,7 @@ const Os = E("LineChart", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const nn = E("ListEnd", [
+const rn = A("ListEnd", [
   ["path", { d: "M16 12H3", key: "1a2rj7" }],
   ["path", { d: "M16 6H3", key: "1wxfjs" }],
   ["path", { d: "M10 18H3", key: "13769t" }],
@@ -178,7 +178,7 @@ const nn = E("ListEnd", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const rn = E("ListStart", [
+const ln = A("ListStart", [
   ["path", { d: "M16 12H3", key: "1a2rj7" }],
   ["path", { d: "M16 18H3", key: "12xzn7" }],
   ["path", { d: "M10 6H3", key: "lf8lx7" }],
@@ -191,7 +191,7 @@ const rn = E("ListStart", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ln = E("ListX", [
+const on = A("ListX", [
   ["path", { d: "M11 12H3", key: "51ecnj" }],
   ["path", { d: "M16 6H3", key: "1wxfjs" }],
   ["path", { d: "M16 18H3", key: "12xzn7" }],
@@ -204,7 +204,7 @@ const ln = E("ListX", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const on = E("MessageSquareMore", [
+const cn = A("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 on = E("MessageSquareMore", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const cn = E("Network", [
+const dn = A("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 cn = E("Network", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ha = E("Pencil", [
+const ha = A("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 ha = E("Pencil", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ma = E("PieChart", [
+const ma = A("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 ma = E("PieChart", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const dn = E("Play", [
+const hn = A("Play", [
   ["polygon", { points: "6 3 20 12 6 21 6 3", key: "1oa8hb" }]
 ]);
 /**
@@ -258,7 +258,7 @@ const dn = E("Play", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const hn = E("Plug2", [
+const mn = A("Plug2", [
   ["path", { d: "M9 2v6", key: "17ngun" }],
   ["path", { d: "M15 2v6", key: "s7yy2p" }],
   ["path", { d: "M12 17v5", key: "bb1du9" }],
@@ -271,7 +271,7 @@ const hn = E("Plug2", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const mn = E("Save", [
+const un = A("Save", [
   [
     "path",
     {
@@ -288,7 +288,7 @@ const mn = E("Save", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ua = E("ScatterChart", [
+const ua = A("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 ua = E("ScatterChart", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const un = E("ShieldQuestion", [
+const xn = A("ShieldQuestion", [
   [
     "path",
     {
@@ -319,7 +319,7 @@ const un = E("ShieldQuestion", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const xn = E("Sigma", [
+const pn = A("Sigma", [
   ["path", { d: "M18 7V4H6l6 8-6 8h12v-3", key: "zis8ev" }]
 ]);
 /**
@@ -328,7 +328,7 @@ const xn = E("Sigma", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const pn = E("SwatchBook", [
+const fn = A("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 pn = E("SwatchBook", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const fn = E("Tag", [
+const gn = A("Tag", [
   [
     "path",
     {
@@ -362,7 +362,7 @@ const fn = E("Tag", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const gn = E("ToggleLeft", [
+const jn = A("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 gn = E("ToggleLeft", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ms = E("Type", [
+const Ms = A("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 Ms = E("Type", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const jn = E("User", [
+const bn = A("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 bn() {
-  const [s, n] = T(""), [a, t] = T(!1), [l, o] = T(!1), d = k((c) => c.dashboard);
+function yn() {
+  const [s, n] = T(""), [a, t] = T(!1), [l, o] = T(!1), d = w((c) => c.dashboard);
   function r() {
-    const c = Qs(d), f = Ee(d.id), m = JSON.parse(localStorage.getItem(f) || "[]");
+    const c = Qs(d), f = Ae(d.id), m = JSON.parse(localStorage.getItem(f) || "[]");
     if (m.some(
       (S) => S.name === s
     )) {
@@ -404,7 +404,7 @@ function bn() {
   }
   return /* @__PURE__ */ e.jsxs(ps, { open: l, onOpenChange: o, children: [
     /* @__PURE__ */ e.jsx(fs, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
-      w,
+      k,
       {
         variant: "outline",
         className: "h-7 p-2",
@@ -436,7 +436,7 @@ function bn() {
       ] }) }),
       a && /* @__PURE__ */ e.jsx("p", { className: "text-sm", children: "The bookmark name already exists. Use a differnet name." }),
       /* @__PURE__ */ e.jsx(Js, { children: /* @__PURE__ */ e.jsx(
-        w,
+        k,
         {
           variant: "outline",
           type: "submit",
@@ -448,14 +448,14 @@ function bn() {
     ] })
   ] });
 }
-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(
+function vn() {
+  const [s, n] = T(!1), [a, t] = T(""), l = w((h) => h.dashboard), o = w((h) => h.bookmarkKey), [d, r] = T([]), c = w((h) => h.actions.setDashboard), f = w(
     (h) => h.actions.setFilterValues
-  ), m = k(
+  ), m = w(
     (h) => h.actions.setBookmarkKey
   );
   P(() => {
-    const h = Ee(l.id), x = JSON.parse(localStorage.getItem(h) || "[]");
+    const h = Ae(l.id), x = JSON.parse(localStorage.getItem(h) || "[]");
     r(x);
     const g = x.find(
       (z) => z.default
@@ -469,25 +469,25 @@ function yn() {
     g && (c(g), f(x.filterValues || []), m(h === "Original" ? "" : h)), t(h);
   }
   function S(h) {
-    const x = Ee(l.id), z = JSON.parse(localStorage.getItem(x) || "[]").filter(
+    const x = Ae(l.id), z = JSON.parse(localStorage.getItem(x) || "[]").filter(
       (b) => b.name !== h
     );
     localStorage.setItem(x, JSON.stringify(z)), r(z);
   }
-  return /* @__PURE__ */ e.jsxs(qa, { open: s, onOpenChange: n, children: [
-    /* @__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, {}),
+  return /* @__PURE__ */ e.jsxs(Ra, { open: s, onOpenChange: n, children: [
+    /* @__PURE__ */ e.jsx(_a, { asChild: !0, children: /* @__PURE__ */ e.jsx(k, { variant: "outline", className: "h-7 p-2", children: /* @__PURE__ */ e.jsx(sn, { className: "h-4 w-4", strokeWidth: 1.5 }) }) }),
+    /* @__PURE__ */ e.jsxs(Ha, { className: "w-56", children: [
+      /* @__PURE__ */ e.jsx(Ba, { children: "Lenses" }),
+      /* @__PURE__ */ e.jsx($a, {}),
       /* @__PURE__ */ e.jsxs(
-        $a,
+        Pa,
         {
           value: a,
           onValueChange: u,
           children: [
-            /* @__PURE__ */ e.jsx(Ls, { value: "Original", children: "Original" }),
+            /* @__PURE__ */ e.jsx(Es, { value: "Original", children: "Original" }),
             d.filter((h) => h.name != "Original").map((h, x) => /* @__PURE__ */ e.jsxs(
-              Ls,
+              Es,
               {
                 className: "xbg-red-100 flex justify-between",
                 value: h.name,
@@ -514,14 +514,14 @@ function yn() {
     ] })
   ] });
 }
-function vn() {
-  const [s, n] = T(!1), a = k((o) => o.dashboard), t = k((o) => o.bookmarkKey);
+function Nn() {
+  const [s, n] = T(!1), a = w((o) => o.dashboard), t = w((o) => o.bookmarkKey);
   P(() => {
     if (!t) {
       n(!1);
       return;
     }
-    const o = Ee(a.id), r = JSON.parse(
+    const o = Ae(a.id), r = JSON.parse(
       localStorage.getItem(o) || "[]"
     ).find(
       (c) => c.name === t
@@ -531,7 +531,7 @@ function vn() {
   function l(o) {
     if (n(o), !t)
       return;
-    const d = Ee(a.id), c = JSON.parse(
+    const d = Ae(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));
@@ -555,20 +555,20 @@ function vn() {
     )
   ] });
 }
-function Nn() {
-  const s = k((b) => b.bookmarkKey), n = k((b) => b.dashboard);
-  k((b) => b.selectedSheetId);
-  const a = k(
+function Cn() {
+  const s = w((b) => b.bookmarkKey), n = w((b) => b.dashboard);
+  w((b) => b.selectedSheetId);
+  const a = w(
     (b) => b.isDashboardEditing
-  ), t = k((b) => b.filterValues), l = k((b) => b.isVisualEditing), o = k((b) => b.showFilters);
-  k(
+  ), t = w((b) => b.filterValues), l = w((b) => b.isVisualEditing), o = w((b) => b.showFilters);
+  w(
     (b) => b.showDashboardJSON
   );
-  const d = k((b) => b.onSaveFunction), r = k(
+  const d = w((b) => b.onSaveFunction), r = w(
     (b) => b.actions.setShowFilters
-  ), { addFrame: c, setSelectedFrameId: f } = k(
+  ), { addFrame: c, setSelectedFrameId: f } = w(
     (b) => b.actions
-  ), { getSelectedSheet: m, setIsDashboardEditing: u, setShowDashboardJSON: S } = k((b) => b.actions), h = m(), x = () => {
+  ), { getSelectedSheet: m, setIsDashboardEditing: u, setShowDashboardJSON: S } = w((b) => b.actions), h = m(), x = () => {
     if (!a || !h)
       return;
     const b = {
@@ -586,19 +586,19 @@ function Nn() {
       type: "bar",
       sql: "select COUNT(*) from YOUR_TABLE",
       data: []
-    }, L = {
+    }, E = {
       id: Xe(),
       cards: [b],
       activeCardId: b.id
     };
-    c(h.id, L), f(L.id);
+    c(h.id, E), f(E.id);
   }, g = () => {
     u(!0);
   };
   function z() {
     if (!s || s === "")
       return;
-    const b = Qs(n), L = Ee(n.id), N = JSON.parse(localStorage.getItem(L) || "[]"), O = N.findIndex(
+    const b = Qs(n), E = Ae(n.id), N = JSON.parse(localStorage.getItem(E) || "[]"), O = N.findIndex(
       (j) => j.name === s
     );
     O !== -1 ? N[O] = {
@@ -610,7 +610,7 @@ function Nn() {
       name: s,
       template: b,
       filterValues: t
-    }), localStorage.setItem(L, JSON.stringify(N)), d == null || d(b);
+    }), localStorage.setItem(E, JSON.stringify(N)), d == null || d(b);
   }
   return l ? null : /* @__PURE__ */ e.jsxs(
     "div",
@@ -622,14 +622,14 @@ function Nn() {
           /* @__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(vn, {})
+            /* @__PURE__ */ e.jsx(Nn, {})
           ] })
         ] }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
-          a && !l && /* @__PURE__ */ e.jsx(bn, {}),
-          !l && /* @__PURE__ */ e.jsx(yn, {}),
+          a && !l && /* @__PURE__ */ e.jsx(yn, {}),
+          !l && /* @__PURE__ */ e.jsx(vn, {}),
           a && !l && /* @__PURE__ */ e.jsxs(
-            w,
+            k,
             {
               variant: "outline",
               className: "h-7 p-2",
@@ -643,7 +643,7 @@ function Nn() {
             }
           ),
           !a && /* @__PURE__ */ e.jsx(
-            w,
+            k,
             {
               variant: "outline",
               className: "h-7 p-2",
@@ -653,7 +653,7 @@ function Nn() {
             }
           ),
           a && !l && /* @__PURE__ */ e.jsx(
-            w,
+            k,
             {
               variant: "outline",
               role: "close",
@@ -666,17 +666,17 @@ function Nn() {
             }
           ),
           a && !l && /* @__PURE__ */ e.jsx(
-            w,
+            k,
             {
               className: "h-7 p-2",
               variant: "outline",
               onClick: z,
               size: "sm",
-              children: /* @__PURE__ */ e.jsx(mn, { className: "h-4 w-4", strokeWidth: 1.5 })
+              children: /* @__PURE__ */ e.jsx(un, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
           !o && !l && a && /* @__PURE__ */ e.jsx(
-            w,
+            k,
             {
               className: "h-7 p-2",
               variant: "outline",
@@ -707,11 +707,11 @@ function We({
   const m = t ? "Loading..." : l ? "Error" : a;
   function u() {
     if (s === "Connection")
-      return /* @__PURE__ */ e.jsx(hn, { className: "size-4 rotate-90" });
+      return /* @__PURE__ */ e.jsx(mn, { className: "size-4 rotate-90" });
     if (s === "Database")
-      return /* @__PURE__ */ e.jsx(Xt, { className: "size-4" });
+      return /* @__PURE__ */ e.jsx(Zt, { className: "size-4" });
     if (s === "Schema")
-      return /* @__PURE__ */ e.jsx(cn, { className: "size-4" });
+      return /* @__PURE__ */ e.jsx(dn, { className: "size-4" });
     if (s === "Table")
       return /* @__PURE__ */ e.jsx(Cs, { className: "size-4" });
   }
@@ -736,15 +736,15 @@ function We({
           )
         }
       ),
-      /* @__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(Le, { children: /* @__PURE__ */ e.jsxs(Be, { children: [
+        t ? /* @__PURE__ */ e.jsx(Ee, { children: "Loading..." }) : /* @__PURE__ */ e.jsx(Ee, { 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 || l) && /* @__PURE__ */ e.jsx(X, { value: m, children: m })
       ] }) })
     ] })
   ] });
 }
-function Cn({ column: s }) {
+function Sn({ column: s }) {
   const [n, a] = T(!1), t = i((m) => m.selectedTableName), l = i(
     (m) => m.selectedSchemaName
   ), o = i((m) => m.sqlGen), d = i((m) => m.actions.setSqlGen), r = i((m) => m.actions.setCardSql), c = i((m) => m.actions.setRunSql);
@@ -759,7 +759,7 @@ function Cn({ column: s }) {
     h && (r(h), c(!0)), a(!1);
   }
   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, { asChild: !0, children: /* @__PURE__ */ e.jsx(Ka, { className: "h-4 w-4 cursor-pointer text-foreground/40" }) }),
     /* @__PURE__ */ e.jsx(
       Je,
       {
@@ -813,17 +813,17 @@ function Cn({ column: s }) {
 }
 function xa({ column: s }) {
   return /* @__PURE__ */ e.jsxs(vs, { children: [
-    /* @__PURE__ */ e.jsx(Ka, { asChild: !0, children: Ua.includes(s.data_type.toLowerCase()) ? (
+    /* @__PURE__ */ e.jsx(Ua, { asChild: !0, children: Ga.includes(s.data_type.toLowerCase()) ? (
       // <span className=" font-thin">T</span>
       /* @__PURE__ */ e.jsx(Ms, { className: "size-3" })
     ) : Zs.includes(s.data_type.toLowerCase()) ? (
       //
-      /* @__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(tn, { className: "size-3" })
+    ) : Ja.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(Qa, { className: "size-3" }) : Wa.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(jn, { className: "size-3" }) : /* @__PURE__ */ e.jsx(xn, { className: "size-3" }) }),
     /* @__PURE__ */ e.jsx(Ns, { children: /* @__PURE__ */ e.jsx("p", { className: "font-mono text-xs", children: s.data_type }) })
   ] });
 }
-function Sn({
+function kn({
   schemaName: s,
   tableName: n,
   columns: a,
@@ -835,23 +835,23 @@ function Sn({
     (j) => j.selectedDatabaseName
   ), r = i(
     (j) => j.selectedSchemaName
-  ), c = i((j) => j.selectedTableName), f = k(
+  ), c = i((j) => j.selectedTableName), f = w(
     (j) => j.dashboard.aiScopeTables
-  ), { setAIScopeTables: m } = k((j) => j.actions), u = i((j) => j.actions.setRunSql), S = i((j) => j.actions.setSqlGen), h = i(
+  ), { setAIScopeTables: m } = w((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 } = pa();
   function z(j) {
     const F = Ys(j, l);
     S(F);
-    const A = Xs(F, he(s), he(n));
-    A && (x(A), u(!0));
+    const L = Xs(F, he(s), he(n));
+    L && (x(L), u(!0));
   }
   function b() {
     return (f == null ? void 0 : f.find(
       (j) => j.connectinonId === o && j.tableName === c
     )) !== void 0;
   }
-  function L(j) {
+  function E(j) {
     if (j === !0 && c && o) {
       const F = {
         connectinonId: o,
@@ -871,7 +871,7 @@ function Sn({
       });
     } else {
       const F = (f || []).filter(
-        (A) => A.connectinonId !== o && A.tableName !== c
+        (L) => L.connectinonId !== o && L.tableName !== c
       );
       m(F), ds(`Removed '${c}' from AI Scope`, {
         position: "top-right",
@@ -897,11 +897,11 @@ function Sn({
         {
           title: `${b() ? "Remove from" : "Add to"} AI Scope`,
           pressed: b(),
-          onPressedChange: L,
+          onPressedChange: E,
           variant: "outline",
           className: "h-9 px-2",
           children: /* @__PURE__ */ e.jsx(
-            Wa,
+            Ya,
             {
               className: Y("size-4", {
                 "text-primary": b(),
@@ -912,7 +912,7 @@ function Sn({
         }
       ),
       /* @__PURE__ */ e.jsxs(
-        w,
+        k,
         {
           disabled: t !== "Success",
           onClick: N,
@@ -920,13 +920,13 @@ function Sn({
           variant: "secondary",
           className: "flex",
           children: [
-            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" }),
+            t !== "Success" ? /* @__PURE__ */ e.jsx($e, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(fn, { className: "mr-2 size-4" }),
             "Top 10"
           ]
         }
       ),
       /* @__PURE__ */ e.jsxs(
-        w,
+        k,
         {
           disabled: t !== "Success",
           onClick: O,
@@ -934,7 +934,7 @@ function Sn({
           variant: "secondary",
           className: "flex",
           children: [
-            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" }),
+            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" }),
             "Count"
           ]
         }
@@ -952,7 +952,7 @@ function Sn({
               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": Ya(j, l)
+                  "bg-muted": Xa(j, l)
                 }
               ),
               children: [
@@ -965,7 +965,7 @@ function Sn({
                   {
                     onClick: (F) => F.stopPropagation(),
                     className: "flex items-center justify-end",
-                    children: /* @__PURE__ */ e.jsx(Cn, { column: j })
+                    children: /* @__PURE__ */ e.jsx(Sn, { column: j })
                   }
                 )
               ]
@@ -981,7 +981,7 @@ function Sn({
 }
 function pa(s, n) {
   var ts, ve, Qe, qe;
-  let a = Jt(() => [], []);
+  let a = Qt(() => [], []);
   const t = ss().authToken || s, l = i(
     (C) => C.selectedConnectionId
   ), o = i(
@@ -1010,7 +1010,7 @@ function pa(s, n) {
   }
   const {
     data: b,
-    isLoading: L,
+    isLoading: E,
     isError: N
   } = Ce({
     queryKey: ["connections"],
@@ -1023,7 +1023,7 @@ function pa(s, n) {
   }), O = b == null ? void 0 : b.connections.find(
     (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,
+    data: L,
     isLoading: V,
     isFetching: K,
     isError: $,
@@ -1082,7 +1082,7 @@ function pa(s, n) {
     enabled: x(j)
   }), {
     data: H,
-    isLoading: ue,
+    isLoading: xe,
     isFetching: se,
     isError: ge
   } = Ce({
@@ -1124,7 +1124,7 @@ function pa(s, n) {
     O
   ]);
   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) {
+  function pe(C) {
     u(C), S("");
   }
   function U(C) {
@@ -1133,7 +1133,7 @@ function pa(s, n) {
   function ne(C) {
     f(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) => ({
+  L && ((ve = L == null ? void 0 : L.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 = []);
@@ -1143,7 +1143,7 @@ function pa(s, n) {
       name: C.name,
       type: C.type
     })
-  ), ye = A == null ? void 0 : A.databases.map((C) => ({
+  ), ye = L == null ? void 0 : L.databases.map((C) => ({
     id: C.database_name,
     name: C.database_name
   })), le = D == null ? void 0 : D.schemas.map((C) => ({
@@ -1155,7 +1155,7 @@ function pa(s, n) {
   }));
   return {
     connectionItems: re,
-    isConnectionsLoading: L,
+    isConnectionsLoading: E,
     isConnectionsError: N,
     databaseItems: ye,
     isDatabasesLoadingOrFetching: V || K,
@@ -1167,7 +1167,7 @@ function pa(s, n) {
     isTableLoadingOrFetching: I || y,
     isTableError: v,
     columns: a,
-    isColumnsLoadingOrFetching: ue || se,
+    isColumnsLoadingOrFetching: xe || se,
     isColumnsError: ge,
     isNonDbConnection: F,
     connectionType: j,
@@ -1175,7 +1175,7 @@ function pa(s, n) {
     schemaName: be,
     handleConnectionChange: ne,
     handleDatabaseChange: U,
-    handleSchemaChange: xe
+    handleSchemaChange: pe
   };
 }
 function fa({
@@ -1203,12 +1203,12 @@ function fa({
     isSchemaLoadingOrFetching: g,
     isSchemaError: z,
     isColumnsError: b,
-    isColumnsLoadingOrFetching: L,
+    isColumnsLoadingOrFetching: E,
     isTableLoadingOrFetching: N,
     isTableError: O,
     connectionType: j,
     isNonDbConnection: F,
-    handleConnectionChange: A,
+    handleConnectionChange: L,
     handleDatabaseChange: V,
     handleSchemaChange: K,
     tableName: $,
@@ -1216,12 +1216,12 @@ function fa({
   } = pa();
   function D() {
     return s ? s(G, $, m) : /* @__PURE__ */ e.jsx(
-      Sn,
+      kn,
       {
         schemaName: G,
         tableName: $,
         columns: m,
-        status: L ? "Loading..." : b ? "Error" : "Success"
+        status: E ? "Loading..." : b ? "Error" : "Success"
       }
     );
   }
@@ -1275,7 +1275,7 @@ function fa({
           items: d,
           title: "Connection",
           value: n || "",
-          onChange: A,
+          onChange: L,
           isLoading: u,
           isError: S,
           connectionTooltip: ((J = d == null ? void 0 : d.find(
@@ -1289,21 +1289,21 @@ function fa({
     ] }),
     D(),
     /* @__PURE__ */ e.jsx("div", { className: "flex items-end justify-center gap-2 px-6 py-4", children: /* @__PURE__ */ e.jsxs(
-      w,
+      k,
       {
         onClick: te,
         size: "sm",
         variant: "secondary",
         className: "w-full",
         children: [
-          /* @__PURE__ */ e.jsx(on, { className: "mr-2 size-4" }),
+          /* @__PURE__ */ e.jsx(cn, { className: "mr-2 size-4" }),
           "Help"
         ]
       }
     ) })
   ] });
 }
-function kn(s) {
+function wn(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) {
@@ -1319,17 +1319,17 @@ function kn(s) {
     return `${d} {{ filters | where }} ${r}`;
   }
 }
-function wn({
+function zn({
   error: s,
   setShowAIDialog: n,
   setUserInputforAI: a,
   setTriggerAIRun: t
 }) {
   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(aa, { asChild: !0, children: /* @__PURE__ */ e.jsx(k, { variant: "link", className: " p-0 h-5", children: /* @__PURE__ */ e.jsx(Xt, { 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,
+        k,
         {
           onClick: () => {
             n(!0), a(s), t(!0);
@@ -1337,7 +1337,7 @@ function wn({
           size: "sm",
           variant: "outline",
           children: [
-            /* @__PURE__ */ e.jsx(sn, { className: "h-4 w-4 mr-2" }),
+            /* @__PURE__ */ e.jsx(an, { className: "h-4 w-4 mr-2" }),
             "Fix It"
           ]
         }
@@ -1346,7 +1346,7 @@ function wn({
     ] }) }) })
   ] });
 }
-function zn({
+function Fn({
   text: s,
   onCheckedChange: n,
   checked: a
@@ -1356,7 +1356,7 @@ function zn({
     /* @__PURE__ */ e.jsx("label", { className: "text-xs leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", children: s })
   ] });
 }
-function Fn() {
+function On() {
   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(
     sa,
@@ -1384,13 +1384,13 @@ function Fn() {
             /* @__PURE__ */ e.jsx(
               ra,
               {
-                onClick: () => Xa(n),
+                onClick: () => Za(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(Za, { className: "h-4 w-4 opacity-70" }),
+            /* @__PURE__ */ e.jsx(et, { 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 Fn() {
     }
   );
 }
-const On = `
+const Mn = `
 
 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,7 +1445,7 @@ SELECT label, measure FROM table
 - Label - Category 
 - Measure - Number 
 `;
-function Mn({
+function Tn({
   open: s,
   setOpen: n,
   userInput: a,
@@ -1453,15 +1453,15 @@ function Mn({
   triggerAIRun: l,
   setTriggerAIRun: 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 = `
+  const d = Pe(null), r = Pe(null), { authToken: c } = ss(), [f, m] = T(!1), u = i((y) => y.actions.setCardSql), S = w((y) => y.dashboard.baseQueries), h = i((y) => y.actions.setRunSql), x = i((y) => y.actions.setCardType), [g, z] = T([]), b = i((y) => y.currentColumns), E = i((y) => y.card.sql), N = i((y) => y.selectedTableName), O = `
   ${a}
 
   Database Query Dialect: ${N === "api" || N === "s3" ? "DuckDb" : ""}
   Table Name: ${N}   
   Table Columns: ${b == null ? void 0 : b.map((y) => `${y.column_name} | ${y.data_type}`).join(", ")}
-  User SQL: ${L}  
+  User SQL: ${E}  
   ${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: ${On}`, { data: F, isLoading: A, isFetching: V, isError: K, refetch: $ } = Ce({
+  Visual Query Syntax: ${Mn}`, { data: F, isLoading: L, isFetching: V, isError: K, refetch: $ } = Ce({
     queryKey: ["ai-query"],
     queryFn: () => ze(
       "https://semaphor.cloud/api/v1/ai",
@@ -1544,9 +1544,9 @@ function Mn({
     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(ra, {}) }),
+        /* @__PURE__ */ e.jsx(k, { onClick: J, size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(ra, {}) }),
         /* @__PURE__ */ e.jsx(
-          w,
+          k,
           {
             onClick: (M) => {
               const H = J(M);
@@ -1554,7 +1554,7 @@ function Mn({
             },
             size: "sm",
             variant: "outline",
-            children: /* @__PURE__ */ e.jsx(at, {})
+            children: /* @__PURE__ */ e.jsx(tt, {})
           }
         )
       ] })
@@ -1575,13 +1575,13 @@ function Mn({
       {
         className: "flex items-start rounded-md bg-muted p-3 text-sm",
         children: [
-          /* @__PURE__ */ e.jsx(jn, { className: "mr-2 h-5 w-5" }),
+          /* @__PURE__ */ e.jsx(bn, { className: "mr-2 h-5 w-5" }),
           /* @__PURE__ */ e.jsx("div", { children: y.content })
         ]
       },
       v
     ) : y.role === "ai" ? /* @__PURE__ */ e.jsx(
-      st,
+      at,
       {
         className: "w-full overflow-auto py-1",
         components: Z,
@@ -1592,7 +1592,7 @@ function Mn({
   }
   return /* @__PURE__ */ e.jsxs(ps, { open: s, onOpenChange: n, children: [
     /* @__PURE__ */ e.jsx(fs, { asChild: !0, children: /* @__PURE__ */ e.jsx(
-      w,
+      k,
       {
         size: "sm",
         className: "w-full justify-start border font-normal text-muted-foreground focus-visible:ring-0 focus-visible:ring-offset-0",
@@ -1637,20 +1637,20 @@ function Mn({
                     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 || V,
+                    disabled: L || V,
                     value: a,
                     onChange: (y) => t(y.target.value)
                   }
                 ),
                 " ",
                 /* @__PURE__ */ e.jsx(
-                  w,
+                  k,
                   {
                     className: "h-8",
                     size: "sm",
                     variant: "ghost",
                     onClick: D,
-                    children: !A && !V ? /* @__PURE__ */ e.jsx(et, {}) : /* @__PURE__ */ e.jsx($e, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" })
+                    children: !L && !V ? /* @__PURE__ */ e.jsx(st, {}) : /* @__PURE__ */ e.jsx($e, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" })
                   }
                 )
               ] })
@@ -1667,7 +1667,7 @@ var ga = {
   className: void 0,
   style: void 0,
   attr: void 0
-}, $s = me.createContext && /* @__PURE__ */ me.createContext(ga), Tn = ["attr", "size", "title"];
+}, $s = me.createContext && /* @__PURE__ */ me.createContext(ga), Ln = ["attr", "size", "title"];
 function An(s, n) {
   if (s == null)
     return {};
@@ -1711,21 +1711,21 @@ function es(s) {
   for (var n = 1; n < arguments.length; n++) {
     var a = arguments[n] != null ? arguments[n] : {};
     n % 2 ? Ps(Object(a), !0).forEach(function(t) {
-      Ln(s, t, a[t]);
+      Dn(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 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 Dn(s, n, a) {
+  return n = In(n), n in s ? Object.defineProperty(s, n, { value: a, enumerable: !0, configurable: !0, writable: !0 }) : s[n] = a, s;
 }
-function Dn(s) {
-  var n = In(s, "string");
+function In(s) {
+  var n = Vn(s, "string");
   return typeof n == "symbol" ? n : String(n);
 }
-function In(s, n) {
+function Vn(s, n) {
   if (typeof s != "object" || s === null)
     return s;
   var a = s[Symbol.toPrimitive];
@@ -1742,18 +1742,18 @@ function ja(s) {
     key: a
   }, n.attr), ja(n.child)));
 }
-function fe(s) {
-  return (n) => /* @__PURE__ */ me.createElement(Vn, Ze({
+function ue(s) {
+  return (n) => /* @__PURE__ */ me.createElement(qn, Ze({
     attr: es({}, s.attr)
   }, n), ja(s.child));
 }
-function Vn(s) {
+function qn(s) {
   var n = (a) => {
     var {
       attr: t,
       size: l,
       title: o
-    } = s, d = An(s, Tn), r = l || a.size || "1em", c;
+    } = s, d = An(s, Ln), 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",
@@ -1770,23 +1770,23 @@ function Vn(s) {
   };
   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 Rn(s) {
+  return ue({ 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 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(
+function _n() {
+  const { theme: s } = nt(), 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();
+  w((p) => p.selectedSheetId);
+  const x = w((p) => p.dashboard.baseQueries), g = i((p) => p.card), z = w((p) => p.theme), b = i((p) => p.isShowingVisual), E = i(
     (p) => p.selectedConnectionId
   ), N = i(
     (p) => p.selectedDatabaseName
   ), O = i(
     (p) => p.selectedSchemaName
   );
-  k(
+  w(
     (p) => p.actions.updateFrameCard
   );
-  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), {
+  const j = i((p) => p.selectedTableName), F = i((p) => p.card.sql), L = i((p) => p.card.python), V = rt(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,
@@ -1797,7 +1797,7 @@ function Rn() {
     setCardPreferences: v
   } = i((p) => p.actions), M = i((p) => p.onSave), H = i(
     (p) => p.actions.setApplyFilters
-  ), ue = i((p) => p.onClose), se = i((p) => p.actions.setCardData), ge = i((p) => p.actions.setSqlGen), je = i((p) => p.runSql), be = i((p) => p.actions.setRunSql), xe = i(
+  ), xe = i((p) => p.onClose), se = i((p) => p.actions.setCardData), ge = i((p) => p.actions.setSqlGen), je = i((p) => p.runSql), be = i((p) => p.actions.setRunSql), pe = i(
     (p) => p.actions.setIsSqlRunning
   ), {
     data: U,
@@ -1809,14 +1809,14 @@ function Rn() {
     status: ts,
     refetch: ve
   } = Ce({
-    queryKey: [V, A],
+    queryKey: [V, L],
     queryFn: () => na(
       "https://semaphor.cloud/api/v1/query",
       (h == null ? void 0 : h.accessToken) || "",
       {
         connection_id: K,
         sql: V,
-        python: A === Is ? "" : A,
+        python: L === Is ? "" : L,
         active_filters: D ? G : []
       }
     ),
@@ -1834,7 +1834,7 @@ function Rn() {
   }, [U, se, Q, y]), P(() => {
     je && (ve(), be(!1));
   }, [je, ve, be]), P(() => {
-    (ne || re) && xe(!0), (le || ye) && xe(!1), le ? (I(Ve.message), se([]), Q([]), y("")) : I("");
+    (ne || re) && pe(!0), (le || ye) && pe(!1), le ? (I(Ve.message), se([]), Q([]), y("")) : I("");
   }, [
     ne,
     re,
@@ -1842,7 +1842,7 @@ function Rn() {
     y,
     le,
     ye,
-    xe,
+    pe,
     se,
     Q,
     I,
@@ -1856,13 +1856,13 @@ function Rn() {
   };
   function C() {
     let p = F;
-    F && !F.includes("{{") && (p = kn(F), Z(p));
+    F && !F.includes("{{") && (p = wn(F), Z(p));
     const ie = {
       ...g,
       lastSelectedSchema: O,
       lastSelectedDatabase: N,
       lastSelectedTable: j,
-      connectionId: L,
+      connectionId: E,
       type: b ? g.type : "table",
       sql: p,
       customCfg: b ? g.customCfg : null
@@ -1874,21 +1874,21 @@ function Rn() {
       cards: Re
     });
   }
-  function Oa() {
-    ue == null || ue();
+  function Ma() {
+    xe == null || xe();
   }
-  function Ma(p) {
+  function Ta(p) {
     const ie = getComputedStyle(
       document.documentElement
     ).getPropertyValue(p);
-    return Ta(ie);
+    return La(ie);
   }
-  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;
+  function La(p) {
+    const [ie, Re, Ne] = p.split(" "), W = parseFloat(ie), Da = parseFloat(Re), Ia = parseFloat(Ne), Va = Da / 100, As = Ia / 100, fe = (1 - Math.abs(2 * As - 1)) * Va, ke = fe * (1 - Math.abs(W / 60 % 2 - 1)), ns = As - fe / 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 + ns) * 255), ce = Math.round((ce + ns) * 255), de = Math.round((de + ns) * 255);
-    const rs = (Va) => {
-      const ls = Va.toString(16);
+    0 <= W && W < 60 ? (oe = fe, ce = ke, de = 0) : 60 <= W && W < 120 ? (oe = ke, ce = fe, de = 0) : 120 <= W && W < 180 ? (oe = 0, ce = fe, de = ke) : 180 <= W && W < 240 ? (oe = 0, ce = ke, de = fe) : 240 <= W && W < 300 ? (oe = ke, ce = 0, de = fe) : 300 <= W && W < 360 && (oe = fe, ce = 0, de = ke), oe = Math.round((oe + ns) * 255), ce = Math.round((ce + ns) * 255), de = Math.round((de + ns) * 255);
+    const rs = (qa) => {
+      const ls = qa.toString(16);
       return ls.length == 1 ? "0" + ls : ls;
     };
     return `#${rs(oe)}${rs(ce)}${rs(de)}`;
@@ -1904,7 +1904,7 @@ function Rn() {
         rules: [],
         colors: {
           // 'editor.background': activeTheme === 'light' ? '#ffffff' : '#020817',
-          "editor.background": Ne === "light" ? "#ffffff" : Ma("--background")
+          "editor.background": Ne === "light" ? "#ffffff" : Ta("--background")
         }
       }), p.editor.setTheme("default");
     }
@@ -1916,7 +1916,7 @@ function Rn() {
     ), () => {
     };
   }, [s, z, n.current]);
-  function As(p) {
+  function Ls(p) {
     n.current = p;
   }
   function Aa() {
@@ -1929,14 +1929,14 @@ function Rn() {
           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(
-                zn,
+                Fn,
                 {
                   checked: D,
                   onCheckedChange: () => H(!D),
                   text: "Apply Filters"
                 }
               ),
-              /* @__PURE__ */ e.jsx(Fn, {}),
+              /* @__PURE__ */ e.jsx(On, {}),
               G && o && /* @__PURE__ */ e.jsx(
                 He,
                 {
@@ -2037,7 +2037,7 @@ function Rn() {
                         },
                         defaultLanguage: "sql",
                         defaultValue: "SELECT * FROM table",
-                        beforeMount: As,
+                        beforeMount: Ls,
                         onMount: qe
                       }
                     )
@@ -2070,7 +2070,7 @@ function Rn() {
                           onChange: (p) => {
                             J(p && p.trim() || "");
                           },
-                          value: A || Is,
+                          value: L || Is,
                           options: {
                             minimap: {
                               enabled: !1
@@ -2084,7 +2084,7 @@ function Rn() {
                             renderLineHighlight: "none"
                           },
                           defaultLanguage: "python",
-                          beforeMount: As,
+                          beforeMount: Ls,
                           onMount: qe
                         }
                       )
@@ -2126,7 +2126,7 @@ function Rn() {
               children: [
                 /* @__PURE__ */ e.jsxs("div", { className: "flex grow items-center gap-2", children: [
                   /* @__PURE__ */ e.jsxs(
-                    w,
+                    k,
                     {
                       title: "Shift + Enter",
                       disabled: ne || re,
@@ -2137,13 +2137,13 @@ function Rn() {
                       size: "sm",
                       variant: "outline",
                       children: [
-                        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" }),
+                        ne || re ? /* @__PURE__ */ e.jsx($e, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(hn, { className: "mr-2 h-4 w-4" }),
                         "Run"
                       ]
                     }
                   ),
                   le && /* @__PURE__ */ e.jsx(
-                    wn,
+                    zn,
                     {
                       error: Ve.message,
                       setShowAIDialog: c,
@@ -2152,14 +2152,14 @@ function Rn() {
                     }
                   ),
                   /* @__PURE__ */ e.jsxs(
-                    w,
+                    k,
                     {
                       onClick: Qe,
                       className: "",
                       size: "sm",
                       variant: "outline",
                       children: [
-                        /* @__PURE__ */ e.jsx(Zt, { className: "mr-2 size-4" }),
+                        /* @__PURE__ */ e.jsx(en, { className: "mr-2 size-4" }),
                         "Clear"
                       ]
                     }
@@ -2172,11 +2172,11 @@ function Rn() {
                       className: "",
                       size: "sm",
                       variant: "outline",
-                      children: /* @__PURE__ */ e.jsx(qn, { className: "size-4 text-foreground/70" })
+                      children: /* @__PURE__ */ e.jsx(Rn, { className: "size-4 text-foreground/70" })
                     }
                   ),
                   /* @__PURE__ */ e.jsx(
-                    Mn,
+                    Tn,
                     {
                       open: r,
                       setOpen: c,
@@ -2189,21 +2189,21 @@ function Rn() {
                 ] }),
                 /* @__PURE__ */ e.jsxs("div", { className: "flex items-end gap-2", children: [
                   /* @__PURE__ */ e.jsxs(
-                    w,
+                    k,
                     {
                       onClick: C,
                       size: "sm",
                       variant: "outline",
                       children: [
-                        /* @__PURE__ */ e.jsx(rt, { className: "mr-2 size-4 font-bold text-green-600" }),
+                        /* @__PURE__ */ e.jsx(lt, { className: "mr-2 size-4 font-bold text-green-600" }),
                         "Accept"
                       ]
                     }
                   ),
                   /* @__PURE__ */ e.jsxs(
-                    w,
+                    k,
                     {
-                      onClick: Oa,
+                      onClick: Ma,
                       className: "w-full",
                       size: "sm",
                       variant: "outline",
@@ -2222,7 +2222,7 @@ function Rn() {
     )
   );
 }
-function _n({ data: s }) {
+function Hn({ data: s }) {
   var d;
   const [n, a] = me.useState([]), l = Object.keys(s[0]).map((r) => ({
     // header: key,
@@ -2236,29 +2236,29 @@ function _n({ data: s }) {
           onClick: () => c.toggleSorting(c.getIsSorted() === "asc"),
           children: [
             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
+            f === "asc" ? /* @__PURE__ */ e.jsx(it, { className: "ml-2 h-5 w-5" }) : f === "desc" ? /* @__PURE__ */ e.jsx(ot, { className: "ml-2 h-5 w-5" }) : null
           ]
         }
       ) });
     }
-  })), o = ot({
+  })), o = ct({
     data: s,
     columns: l,
-    getCoreRowModel: ut(),
-    getPaginationRowModel: xt(),
+    getCoreRowModel: xt(),
+    getPaginationRowModel: pt(),
     onSortingChange: a,
-    getSortedRowModel: pt(),
+    getSortedRowModel: ft(),
     manualPagination: !0,
     state: {
       sorting: n
     }
   });
-  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(
+  return /* @__PURE__ */ e.jsxs(dt, { children: [
+    /* @__PURE__ */ e.jsx(ht, { children: o.getHeaderGroups().map((r) => /* @__PURE__ */ e.jsx(is, { children: r.headers.map((c) => /* @__PURE__ */ e.jsx(mt, { 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(
+    /* @__PURE__ */ e.jsx(ut, { children: (d = o.getRowModel().rows) != null && d.length ? o.getRowModel().rows.map((r) => /* @__PURE__ */ e.jsx(
       is,
       {
         className: "whitespace-nowrap py-2",
@@ -2276,7 +2276,7 @@ function ba({
 }) {
   var d;
   me.useState(0);
-  const a = k((r) => r.themeStyle), t = i((r) => r.card), l = i((r) => r.actions.setCard);
+  const a = w((r) => r.themeStyle), t = i((r) => r.card), l = i((r) => r.actions.setCard);
   if (P(() => {
   }, [
     t.data,
@@ -2295,19 +2295,19 @@ function ba({
     customCfg: t.customCfg,
     preferences: t.preferences
   })), /* @__PURE__ */ e.jsxs(
-    ft,
+    gt,
     {
       role: "editor-visual-card",
       className: Y("relative flex h-full flex-col rounded-none", s),
       ...n,
       children: [
-        /* @__PURE__ */ e.jsxs(gt, { className: "py-4", children: [
+        /* @__PURE__ */ e.jsxs(jt, { className: "py-4", children: [
           /* @__PURE__ */ e.jsx(
             Rs,
             {
               text: 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 }) })
+              children: /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e.jsx(bt, { className: "text-base", children: t.title }) })
             },
             t.title
           ),
@@ -2316,7 +2316,7 @@ function ba({
             {
               text: t.description || "",
               onSave: (r) => l({ ...t, description: r }),
-              children: /* @__PURE__ */ e.jsxs(bt, { children: [
+              children: /* @__PURE__ */ e.jsxs(yt, { children: [
                 " ",
                 t.description
               ] })
@@ -2324,33 +2324,33 @@ function ba({
             t.description
           )
         ] }),
-        /* @__PURE__ */ e.jsxs(yt, { className: "flex grow flex-col pb-3", children: [
+        /* @__PURE__ */ e.jsxs(vt, { className: "flex grow flex-col pb-3", children: [
           t.type !== "table" && o && // <ChartJsVisual key={visualKey} cfg={cfg} />
           /* @__PURE__ */ e.jsx(
-            vt,
+            Nt,
             {
               cfg: o
             },
             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(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 }) })
+          /* @__PURE__ */ e.jsx(Ct, { className: "flex min-h-0 flex-1 grow basis-0", children: /* @__PURE__ */ e.jsx(St, { card: t, data: t == null ? void 0 : t.data }) })
         ] })
       ]
     }
   );
 }
-function Hn() {
+function Bn() {
   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 } = St();
+  ), { setCardCustomCfg: S, setCustomVisualCode: h } = kt();
   function x(N) {
-    var F, A;
+    var F, L;
     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((V) => ({
+        datasets: (L = (F = N == null ? void 0 : N.data) == null ? void 0 : F.datasets) == null ? void 0 : L.map((V) => ({
           ...V,
           data: []
         }))
@@ -2382,7 +2382,7 @@ function Hn() {
   function b() {
     o(""), S(null);
   }
-  function L() {
+  function E() {
     let N;
     if (u) {
       const O = _s.cloneDeep(m.cfg), j = _s.merge(O, u);
@@ -2392,13 +2392,13 @@ function Hn() {
   }
   return /* @__PURE__ */ e.jsxs(ps, { open: s, onOpenChange: n, children: [
     /* @__PURE__ */ e.jsx(fs, { asChild: !0, children: /* @__PURE__ */ e.jsx(
-      w,
+      k,
       {
         onClick: g,
         className: ` ${u && "border-foreground/50 dark:border-foreground/70"}`,
         size: "sm",
         variant: "outline",
-        children: /* @__PURE__ */ e.jsx(kt, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ e.jsx(wt, { className: "h-4 w-4" })
       }
     ) }),
     /* @__PURE__ */ e.jsxs(
@@ -2411,7 +2411,7 @@ function Hn() {
               /* @__PURE__ */ e.jsx(bs, { children: "Customize Card" }),
               /* @__PURE__ */ e.jsxs(vs, { children: [
                 /* @__PURE__ */ e.jsx(Ws, { children: /* @__PURE__ */ e.jsx(
-                  tn,
+                  nn,
                   {
                     onClick: () => {
                       navigator.clipboard.writeText(m.id);
@@ -2437,10 +2437,10 @@ function Hn() {
           ] }),
           /* @__PURE__ */ e.jsxs("div", { className: "flex grow gap-2", children: [
             /* @__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(zt, { defaultValue: "custom-config", className: "flex w-1/2 flex-col", children: [
+              /* @__PURE__ */ e.jsxs(Ft, { 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 && /* @__PURE__ */ e.jsx(Ot, { className: "mr-1 h-5 w-5 text-green-600" }),
                   u ? "Custom Config" : "Default Config"
                 ] }),
                 /* @__PURE__ */ e.jsx(os, { className: "", value: "output", children: "Output" }),
@@ -2484,7 +2484,7 @@ function Hn() {
                         renderLineHighlight: "none"
                       },
                       defaultLanguage: "json",
-                      value: L(),
+                      value: E(),
                       onChange: (N) => o(N)
                     }
                   )
@@ -2524,7 +2524,7 @@ function Hn() {
           /* @__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,
+              k,
               {
                 disabled: !u,
                 onClick: b,
@@ -2532,8 +2532,8 @@ function Hn() {
                 children: "Reset"
               }
             ),
-            /* @__PURE__ */ e.jsx(w, { onClick: z, variant: "outline", children: "Apply" }),
-            /* @__PURE__ */ e.jsx(w, { onClick: () => n(!1), variant: "outline", children: "Close" })
+            /* @__PURE__ */ e.jsx(k, { onClick: z, variant: "outline", children: "Apply" }),
+            /* @__PURE__ */ e.jsx(k, { onClick: () => n(!1), variant: "outline", children: "Close" })
           ] })
         ]
       }
@@ -2541,27 +2541,30 @@ function Hn() {
   ] });
 }
 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);
+  return ue({ 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 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);
+  return ue({ 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 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);
+  return ue({ 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 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);
+  return ue({ 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 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);
+  return ue({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" }, child: [] }, { tag: "path", attr: { d: "m2 19.99 7.5-7.51 4 4 7.09-7.97L22 9.92l-8.5 9.56-4-4-6 6.01-1.5-1.5zm1.5-4.5 6-6.01 4 4L22 3.92l-1.41-1.41-7.09 7.97-4-4L2 13.99l1.5 1.5z" }, child: [] }] })(s);
 }
 function 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);
+  return ue({ 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 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);
+  return ue({ 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 Bn() {
+function za(s) {
+  return ue({ 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 $n() {
   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
   );
@@ -2569,10 +2572,10 @@ function Bn() {
     d(null), l({}), t(c), n(!1);
   }
   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(Ge, { asChild: !0, children: /* @__PURE__ */ e.jsx(k, { size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(Pn, { 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,
+        k,
         {
           onClick: () => r("bar"),
           className: "font-normal",
@@ -2581,7 +2584,7 @@ function Bn() {
         }
       ),
       /* @__PURE__ */ e.jsx(
-        w,
+        k,
         {
           onClick: () => r("line"),
           variant: "ghost",
@@ -2589,15 +2592,23 @@ function Bn() {
         }
       ),
       /* @__PURE__ */ e.jsx(
-        w,
+        k,
         {
           onClick: () => r("stackedBar"),
           variant: "ghost",
+          children: /* @__PURE__ */ e.jsx(ka, { className: "size-5", strokeWidth: 0 })
+        }
+      ),
+      /* @__PURE__ */ e.jsx(
+        k,
+        {
+          onClick: () => r("stackedLine"),
+          variant: "ghost",
           children: /* @__PURE__ */ e.jsx(Sa, { className: "size-5", strokeWidth: 0 })
         }
       ),
       /* @__PURE__ */ e.jsx(
-        w,
+        k,
         {
           onClick: () => r("scatter"),
           variant: "ghost",
@@ -2605,7 +2616,7 @@ function Bn() {
         }
       ),
       /* @__PURE__ */ e.jsx(
-        w,
+        k,
         {
           onClick: () => r("bubble"),
           variant: "ghost",
@@ -2613,7 +2624,7 @@ function Bn() {
         }
       ),
       /* @__PURE__ */ e.jsx(
-        w,
+        k,
         {
           onClick: () => r("pie"),
           variant: "ghost",
@@ -2621,7 +2632,7 @@ function Bn() {
         }
       ),
       /* @__PURE__ */ e.jsx(
-        w,
+        k,
         {
           onClick: () => r("doughnut"),
           variant: "ghost",
@@ -2629,7 +2640,7 @@ function Bn() {
         }
       ),
       /* @__PURE__ */ e.jsx(
-        w,
+        k,
         {
           onClick: () => r("radar"),
           variant: "ghost",
@@ -2643,7 +2654,7 @@ function Bn() {
         }
       ),
       /* @__PURE__ */ e.jsx(
-        w,
+        k,
         {
           onClick: () => r("polarArea"),
           variant: "ghost",
@@ -2651,15 +2662,15 @@ function Bn() {
         }
       ),
       /* @__PURE__ */ e.jsx(
-        w,
+        k,
         {
           onClick: () => r("pyramid"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(wa, { className: "size-5" })
+          children: /* @__PURE__ */ e.jsx(za, { className: "size-5" })
         }
       ),
       /* @__PURE__ */ e.jsx(
-        w,
+        k,
         {
           onClick: () => r("range"),
           variant: "ghost",
@@ -2667,7 +2678,7 @@ function Bn() {
         }
       ),
       /* @__PURE__ */ e.jsx(
-        w,
+        k,
         {
           onClick: () => r("table"),
           variant: "ghost",
@@ -2675,15 +2686,15 @@ function Bn() {
         }
       ),
       /* @__PURE__ */ e.jsx(
-        w,
+        k,
         {
           onClick: () => r("kpi"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(ka, { className: "size-6" })
+          children: /* @__PURE__ */ e.jsx(wa, { className: "size-6" })
         }
       ),
       /* @__PURE__ */ e.jsx(
-        w,
+        k,
         {
           onClick: () => r("text"),
           variant: "ghost",
@@ -2693,7 +2704,7 @@ function Bn() {
     ] }) })
   ] });
 }
-function $n({ chartType: s, className: n }) {
+function Pn({ chartType: s, className: n }) {
   switch (s) {
     case "bar":
       return /* @__PURE__ */ e.jsx(Fs, { className: n });
@@ -2710,29 +2721,31 @@ function $n({ chartType: s, className: n }) {
     case "doughnut":
       return /* @__PURE__ */ e.jsx(va, { className: n });
     case "stackedBar":
+      return /* @__PURE__ */ e.jsx(ka, { className: "size-4 text-foreground/70" });
+    case "stackedLine":
       return /* @__PURE__ */ e.jsx(Sa, { className: "size-4 text-foreground/70" });
     case "polarArea":
       return /* @__PURE__ */ e.jsx(Na, { className: n });
     case "pyramid":
-      return /* @__PURE__ */ e.jsx(wa, { className: n });
+      return /* @__PURE__ */ e.jsx(za, { className: n });
     case "range":
       return /* @__PURE__ */ e.jsx(da, { className: n });
     case "kpi":
-      return /* @__PURE__ */ e.jsx(ka, { className: n });
+      return /* @__PURE__ */ e.jsx(wa, { className: n });
     case "text":
       return /* @__PURE__ */ e.jsx(Ms, { className: n });
     default:
       return /* @__PURE__ */ e.jsx(Cs, { className: n });
   }
 }
-function Pn() {
+function Kn() {
   const s = i(
     (a) => a.card.refreshInterval
   ), n = i(
     (a) => a.actions.setCardRefreshInterval
   );
   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(Ge, { asChild: !0, children: /* @__PURE__ */ e.jsx(k, { size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(Wt, { 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(
@@ -2754,17 +2767,17 @@ function Ks() {
   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 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(Mt, { 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(Tt, { 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(Bn, {}),
-        s.type !== "table" && /* @__PURE__ */ e.jsx(Hn, {}),
-        /* @__PURE__ */ e.jsx(Pn, {})
+        /* @__PURE__ */ e.jsx($n, {}),
+        s.type !== "table" && /* @__PURE__ */ e.jsx(Bn, {}),
+        /* @__PURE__ */ e.jsx(Kn, {})
       ] }),
-      /* @__PURE__ */ e.jsx(Un, {})
+      /* @__PURE__ */ e.jsx(Gn, {})
     ] }),
     a ? d() : (
       // card.type === 'kpi' ? (
@@ -2777,14 +2790,14 @@ function Ks() {
       //   <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 || [] }),
+        o && /* @__PURE__ */ e.jsx(Un, {}),
+        s.data && s.data.length > 0 && /* @__PURE__ */ e.jsx(Hn, { data: n || [] }),
         l && /* @__PURE__ */ e.jsx("span", { className: "font-mono text-sm", children: l })
       ] })
     )
   ] });
 }
-function Kn() {
+function Un() {
   const s = i((a) => a.pythonStdOut);
   if (!s)
     return null;
@@ -2801,14 +2814,14 @@ function Kn() {
     /* @__PURE__ */ e.jsx(ks, { className: "mb-2" })
   ] });
 }
-function Un() {
+function Gn() {
   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(
-      Tt,
+      Lt,
       {
         checked: s,
         onCheckedChange: () => n(!s),
@@ -2969,7 +2982,7 @@ function Us(s, n) {
   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 za() {
+function Fa() {
   var Q, ee, Z, J, I, y;
   const [s, n] = T(!1), a = i((v) => {
     var M;
@@ -2983,19 +2996,19 @@ function za() {
     ((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[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(
+  ), [u, S] = T(r || f ? "custom" : "auto"), [h, x] = T(""), [g, z] = T(0), [b, E] = T(""), [N, O] = T(""), [j, F] = T(""), L = i(
     (v) => v.actions.setCardPreferences
   ), V = i((v) => {
     var M;
     return (M = v.card) == null ? void 0 : M.type;
   }), K = ["pie", "doughnut", "polarArea"].includes(V);
   P(() => {
-    var v, M, H, ue, se, ge, je, be, xe, U, ne, re, ye, le;
+    var v, M, H, xe, se, ge, je, be, pe, U, ne, re, ye, le;
     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) || "");
+    ), m(((ge = (se = (xe = a == null ? void 0 : a.chartOptions) == null ? void 0 : xe.scales) == null ? void 0 : se[l]) == null ? void 0 : ge.max) || ""), x(
+      ((U = (pe = (be = (je = a == null ? void 0 : a.chartOptions) == null ? void 0 : je.scales) == null ? void 0 : be[l]) == null ? void 0 : pe.ticks) == null ? void 0 : U.stepSize) || ""
+    ), z(((ne = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : ne.decimalPlaces) || 0), E(((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, l]);
   function $(v, M) {
     return M === "" || /^[0-9\b]+$/.test(M) ? Number(M) : Number(v);
@@ -3120,7 +3133,7 @@ function za() {
         locale: j
       }
     };
-    console.log(M), A(M);
+    console.log(M), L(M);
   }
   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" }) }),
@@ -3140,8 +3153,8 @@ function za() {
               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(Be, { children: [
-                  /* @__PURE__ */ e.jsx(Le, { children: "Option" }),
+                /* @__PURE__ */ e.jsx(Le, { id: "type", children: /* @__PURE__ */ e.jsxs(Be, { children: [
+                  /* @__PURE__ */ e.jsx(Ee, { children: "Option" }),
                   /* @__PURE__ */ e.jsx(X, { value: "linear", children: "Linear" }),
                   /* @__PURE__ */ e.jsx(X, { value: "logarithmic", children: "Logarithmic" })
                 ] }) })
@@ -3177,7 +3190,7 @@ function za() {
         G(),
         /* @__PURE__ */ e.jsx(Et, {}),
         /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-3", children: /* @__PURE__ */ e.jsx(
-          w,
+          k,
           {
             onClick: te,
             variant: "secondary",
@@ -3189,7 +3202,7 @@ function za() {
     ] }) })
   ] });
 }
-function Gn({ idx: s }) {
+function Jn({ idx: s }) {
   var r;
   const n = i((c) => {
     var f;
@@ -3203,7 +3216,7 @@ function Gn({ idx: s }) {
     (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());
+    (c === "end" || c === "start") && It(Vt());
     const m = {
       display: c !== "none",
       align: c,
@@ -3234,27 +3247,27 @@ function Gn({ idx: s }) {
     }
   }
   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(Ge, { children: /* @__PURE__ */ e.jsx(gn, { 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,
+        k,
         {
           onClick: () => d("none", s),
           size: "sm",
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
-          children: /* @__PURE__ */ e.jsx(Lt, { className: "size-4" })
+          children: /* @__PURE__ */ e.jsx(Dt, { className: "size-4" })
         }
       ),
       /* @__PURE__ */ e.jsx(
-        w,
+        k,
         {
           onClick: () => d("start", s),
           size: "sm",
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
           children: /* @__PURE__ */ e.jsx(
-            nn,
+            rn,
             {
               className: Y("h-4 w-4", {
                 "rotate-90": l === "y"
@@ -3264,14 +3277,14 @@ function Gn({ idx: s }) {
         }
       ),
       /* @__PURE__ */ e.jsx(
-        w,
+        k,
         {
           onClick: () => d("center", s),
           size: "sm",
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
           children: /* @__PURE__ */ e.jsx(
-            ln,
+            on,
             {
               className: Y("h-4 w-4", {
                 "rotate-90": l === "y"
@@ -3281,14 +3294,14 @@ function Gn({ idx: s }) {
         }
       ),
       /* @__PURE__ */ e.jsx(
-        w,
+        k,
         {
           onClick: () => d("end", s),
           size: "sm",
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
           children: /* @__PURE__ */ e.jsx(
-            rn,
+            ln,
             {
               className: Y("h-4 w-4", {
                 "rotate-90": l === "y"
@@ -3300,7 +3313,7 @@ function Gn({ idx: s }) {
     ] }) })
   ] });
 }
-function Fa() {
+function Oa() {
   const s = i((c) => c.card), n = i(
     (c) => {
       var f, m, u;
@@ -3312,8 +3325,8 @@ function Fa() {
     dimensionKeys: d
   } = ms(s.data || []);
   let r = o;
-  if (s.type === "stackedBar") {
-    const c = Vt({
+  if (["stackedBar", "stackedLine"].includes(s.type)) {
+    const c = qt({
       dataArray: s.data || [],
       groupKey: d[0],
       pivotKey: d[1],
@@ -3329,13 +3342,13 @@ function Fa() {
     /* @__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(za, {})
+        /* @__PURE__ */ e.jsx(Fa, {})
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: r.map((c, f) => /* @__PURE__ */ e.jsx(Jn, { col: c, idx: f }, c)) })
+      /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: r.map((c, f) => /* @__PURE__ */ e.jsx(Qn, { col: c, idx: f }, c)) })
     ] })
   ] });
 }
-function Jn({ col: s, idx: n }) {
+function Qn({ col: s, idx: n }) {
   const a = i((r) => {
     var c;
     return (c = r.card) == null ? void 0 : c.preferences;
@@ -3388,7 +3401,7 @@ function Jn({ col: s, idx: n }) {
         }
       ),
       /* @__PURE__ */ e.jsx(
-        Wt,
+        Yt,
         {
           onClick: () => d("area"),
           className: "invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"
@@ -3401,11 +3414,11 @@ function Jn({ col: s, idx: n }) {
           className: "invisible size-4 cursor-pointer py-2 text-muted-foreground hover:text-foreground group-hover:visible"
         }
       ),
-      /* @__PURE__ */ e.jsx(Gn, { idx: n })
+      /* @__PURE__ */ e.jsx(Jn, { idx: n })
     ] })
   ] });
 }
-function Qn({
+function Wn({
   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: [
@@ -3438,7 +3451,7 @@ function Qn({
       /* @__PURE__ */ e.jsx(R, { children: "Settings" }),
       /* @__PURE__ */ e.jsxs(_, { className: "space-y-4 px-2", children: [
         /* @__PURE__ */ e.jsx(as, {}),
-        /* @__PURE__ */ e.jsx(Fa, {})
+        /* @__PURE__ */ e.jsx(Oa, {})
       ] })
     ] }),
     /* @__PURE__ */ e.jsxs(q, { value: "item-3", children: [
@@ -3476,7 +3489,7 @@ function Ts() {
   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(za, {})
+      !["pyramid"].includes(a) && /* @__PURE__ */ e.jsx(Fa, {})
     ] }),
     /* @__PURE__ */ e.jsxs(
       Oe,
@@ -3486,8 +3499,8 @@ function Ts() {
         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(Be, { children: [
-            /* @__PURE__ */ e.jsx(Le, { children: "Data Labels" }),
+          /* @__PURE__ */ e.jsx(Le, { children: /* @__PURE__ */ e.jsxs(Be, { children: [
+            /* @__PURE__ */ e.jsx(Ee, { children: "Data Labels" }),
             /* @__PURE__ */ e.jsx(X, { value: "none", children: "None" }),
             a !== "pyramid" && /* @__PURE__ */ e.jsx(X, { value: "start", children: "Start" }),
             /* @__PURE__ */ e.jsx(X, { value: "center", children: "Center" }),
@@ -3498,7 +3511,7 @@ function Ts() {
     )
   ] });
 }
-function Wn({
+function Yn({
   cardType: s
 }) {
   function n(a) {
@@ -3543,7 +3556,7 @@ function Wn({
     ] })
   ] }) });
 }
-const Yn = {
+const Xn = {
   datasets: [
     {
       type: "line",
@@ -3556,7 +3569,7 @@ const Yn = {
       data: []
     }
   ]
-}, Xn = {
+}, Zn = {
   datasets: [
     {
       fill: "origin",
@@ -3566,7 +3579,7 @@ const Yn = {
     }
   ]
 };
-function Zn() {
+function er() {
   const s = i((n) => n.card.type);
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-6 p-6", children: [
     /* @__PURE__ */ e.jsx(
@@ -3575,7 +3588,7 @@ function Zn() {
         className: " ",
         type: "single",
         collapsible: !0,
-        children: er(s)
+        children: sr(s)
       }
     ),
     /* @__PURE__ */ e.jsx("section", { className: "", children: ["line", "bar"].includes(s) && /* @__PURE__ */ e.jsx(as, {}) }),
@@ -3583,7 +3596,7 @@ function Zn() {
     /* @__PURE__ */ e.jsx("div", { children: !["kpi"].includes(s) && /* @__PURE__ */ e.jsx(Ie, {}) })
   ] });
 }
-function er(s) {
+function sr(s) {
   if (["line", "bar"].includes(s))
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs(q, { value: "item-1", children: [
@@ -3604,7 +3617,7 @@ function er(s) {
             /* @__PURE__ */ e.jsx("b", { children: "Customize" }),
             " and change the `type` property in the dataset."
           ] }),
-          /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify(Yn, null, 2) })
+          /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify(Xn, null, 2) })
         ] })
       ] }),
       /* @__PURE__ */ e.jsxs(q, { value: "item-3", children: [
@@ -3625,7 +3638,7 @@ function er(s) {
             ),
             "for more options."
           ] }),
-          /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify(Xn, null, 2) })
+          /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify(Zn, null, 2) })
         ] })
       ] })
     ] });
@@ -3680,7 +3693,7 @@ function er(s) {
       ] })
     ] }) });
 }
-function sr() {
+function ar() {
   var c, f, m, u, S;
   const s = i((h) => h.card.preferences), n = i(
     (h) => h.actions.setCardPreferences
@@ -3754,8 +3767,8 @@ function sr() {
                 },
                 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(Be, { children: [
-                    /* @__PURE__ */ e.jsx(Le, { children: "Format" }),
+                  /* @__PURE__ */ e.jsx(Le, { children: /* @__PURE__ */ e.jsxs(Be, { children: [
+                    /* @__PURE__ */ e.jsx(Ee, { children: "Format" }),
                     Hs.map((h) => /* @__PURE__ */ e.jsx(X, { value: h.locale, children: h.locale }, h.locale))
                   ] }) })
                 ]
@@ -3779,8 +3792,8 @@ function sr() {
                 },
                 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(Be, { children: [
-                    /* @__PURE__ */ e.jsx(Le, { children: "Currency" }),
+                  /* @__PURE__ */ e.jsx(Le, { children: /* @__PURE__ */ e.jsxs(Be, { children: [
+                    /* @__PURE__ */ e.jsx(Ee, { children: "Currency" }),
                     /* @__PURE__ */ e.jsx(X, { value: "none", children: "None" }, "none"),
                     r.map((h) => /* @__PURE__ */ e.jsx(X, { value: h, children: h }, h))
                   ] }) })
@@ -3807,7 +3820,7 @@ function sr() {
                 },
                 children: [
                   /* @__PURE__ */ e.jsx(Me, { className: "col-span-3 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(Te, {}) }),
-                  /* @__PURE__ */ e.jsx(Ae, { children: ["0", "1", "2", "3", "4"].map((h) => /* @__PURE__ */ e.jsx(X, { value: h, children: h }, h)) })
+                  /* @__PURE__ */ e.jsx(Le, { children: ["0", "1", "2", "3", "4"].map((h) => /* @__PURE__ */ e.jsx(X, { value: h, children: h }, h)) })
                 ]
               }
             )
@@ -3836,7 +3849,7 @@ function sr() {
       ] }) }),
       /* @__PURE__ */ e.jsx(ks, { className: "my-3" }),
       /* @__PURE__ */ e.jsx(
-        qt,
+        Rt,
         {
           colorRanges: o,
           setColorRanges: d
@@ -3845,7 +3858,7 @@ function sr() {
     ] })
   ] });
 }
-function ar() {
+function tr() {
   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(q, { value: "item-1", children: [
       /* @__PURE__ */ e.jsx(R, { className: "", children: "KPI Query" }),
@@ -3871,12 +3884,12 @@ function ar() {
         ] })
       ] })
     ] }) }),
-    /* @__PURE__ */ e.jsx("section", { className: "", children: /* @__PURE__ */ e.jsx(sr, {}) }),
+    /* @__PURE__ */ e.jsx("section", { className: "", children: /* @__PURE__ */ e.jsx(ar, {}) }),
     /* @__PURE__ */ e.jsx("div", {}),
     /* @__PURE__ */ e.jsx("div", {})
   ] });
 }
-function tr() {
+function nr() {
   var t;
   const s = i((l) => l.card.preferences), { setCardPreferences: n } = i((l) => l.actions);
   function a(l) {
@@ -3943,7 +3956,7 @@ function Ye({
       /* @__PURE__ */ e.jsxs(_, { className: "space-y-4 px-2", children: [
         s === "range" && /* @__PURE__ */ e.jsx(as, {}),
         s !== "text" && /* @__PURE__ */ e.jsx(Ts, {}),
-        s === "text" && /* @__PURE__ */ e.jsx(tr, {})
+        s === "text" && /* @__PURE__ */ e.jsx(nr, {})
       ] })
     ] }),
     !["range", "text"].includes(s) && /* @__PURE__ */ e.jsxs(q, { value: "item-3", children: [
@@ -3952,7 +3965,7 @@ function Ye({
     ] })
   ] }) });
 }
-function nr() {
+function rr() {
   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(q, { value: "item-1", children: [
       /* @__PURE__ */ e.jsx(R, { children: "Stacked Chart" }),
@@ -3983,7 +3996,7 @@ function nr() {
       /* @__PURE__ */ e.jsx(R, { children: "Settings" }),
       /* @__PURE__ */ e.jsxs(_, { className: "space-y-4 px-2", children: [
         /* @__PURE__ */ e.jsx(as, {}),
-        /* @__PURE__ */ e.jsx(Fa, {})
+        /* @__PURE__ */ e.jsx(Oa, {})
       ] })
     ] }),
     /* @__PURE__ */ e.jsxs(q, { value: "item-3", children: [
@@ -3992,7 +4005,7 @@ function nr() {
     ] })
   ] }) });
 }
-function rr({}) {
+function lr({}) {
   const s = i((t) => {
     var l;
     return (l = t.card) == null ? void 0 : l.preferences;
@@ -4022,7 +4035,7 @@ function rr({}) {
     ] })
   ] });
 }
-const lr = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
+const 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 dimension, cohort, metric FROM table" }),
   /* @__PURE__ */ e.jsxs("div", { children: [
     "See ",
@@ -4038,7 +4051,7 @@ const lr = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-
     ),
     " in the docs."
   ] })
-] }), ir = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
+] }), 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 y-axis, label, range-from, range-to, range-value FROM table" }),
   /* @__PURE__ */ e.jsxs("div", { children: [
     "See ",
@@ -4054,7 +4067,7 @@ const lr = /* @__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: [
+] }), cr = /* @__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 ",
@@ -4071,21 +4084,22 @@ const lr = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-
     " in the docs."
   ] })
 ] });
-function cr() {
+function dr() {
   const s = i((a) => a.card.type);
   function n(a) {
     switch (a) {
       case "stackedBar":
-        return /* @__PURE__ */ e.jsx(nr, {});
+      case "stackedLine":
+        return /* @__PURE__ */ e.jsx(rr, {});
       case "pyramid":
-        return /* @__PURE__ */ e.jsx(Ye, { docContent: lr, cardType: a });
+        return /* @__PURE__ */ e.jsx(Ye, { docContent: ir, cardType: a });
       case "kpi":
-        return /* @__PURE__ */ e.jsx(ar, {});
+        return /* @__PURE__ */ e.jsx(tr, {});
       case "line":
       case "bar":
-        return /* @__PURE__ */ e.jsx(Qn, { cardType: a });
+        return /* @__PURE__ */ e.jsx(Wn, { cardType: a });
       case "range":
-        return /* @__PURE__ */ e.jsx(Ye, { docContent: ir, cardType: a });
+        return /* @__PURE__ */ e.jsx(Ye, { docContent: or, cardType: a });
       case "pie":
       case "doughnut":
       case "polarArea":
@@ -4093,25 +4107,25 @@ function cr() {
         return /* @__PURE__ */ e.jsx(Ye, { cardType: a });
       case "bubble":
       case "scatter":
-        return /* @__PURE__ */ e.jsx(Wn, { cardType: a });
+        return /* @__PURE__ */ e.jsx(Yn, { cardType: a });
       case "table":
-        return /* @__PURE__ */ e.jsx(rr, { cardType: a });
+        return /* @__PURE__ */ e.jsx(lr, { cardType: a });
       case "text":
         return /* @__PURE__ */ e.jsx(
           Ye,
           {
-            docContent: or,
+            docContent: cr,
             cardType: a,
             suffix: "Visual"
           }
         );
       default:
-        return /* @__PURE__ */ e.jsx(Zn, {});
+        return /* @__PURE__ */ e.jsx(er, {});
     }
   }
   return /* @__PURE__ */ e.jsx(Ss, { className: "h-full w-full text-sm", children: n(s) });
 }
-function dr() {
+function hr() {
   const s = i((n) => n.isShowingVisual);
   return /* @__PURE__ */ e.jsxs(
     us,
@@ -4126,7 +4140,7 @@ function dr() {
             className: "flex",
             minSize: 20,
             defaultSize: 40,
-            children: /* @__PURE__ */ e.jsx(Rn, {})
+            children: /* @__PURE__ */ e.jsx(_n, {})
           }
         ),
         /* @__PURE__ */ e.jsx(xs, { withHandle: !0, className: "border" }),
@@ -4145,7 +4159,7 @@ function dr() {
                   minSize: 20,
                   defaultSize: 25,
                   maxSize: 30,
-                  children: /* @__PURE__ */ e.jsx(cr, {})
+                  children: /* @__PURE__ */ e.jsx(dr, {})
                 }
               ) }),
               /* @__PURE__ */ e.jsx(xs, { className: "border" }),
@@ -4157,20 +4171,20 @@ function dr() {
     }
   );
 }
-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);
+function mr({ authToken: s, onSave: n, onClose: a }) {
+  const t = i((d) => d.actions.setOnSave), l = i((d) => d.actions.setOnClose), o = w((d) => d.actions.setAuthToken);
   return P(() => {
     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, {}) })
+  }, [s, o]), /* @__PURE__ */ e.jsxs(_t, { className: "rounded-none", role: "editor-panel", children: [
+    /* @__PURE__ */ e.jsx(Ht, { className: "rounded-none border-r-[1.5px]", children: /* @__PURE__ */ e.jsx(fa, {}) }),
+    /* @__PURE__ */ e.jsx(Bt, { children: /* @__PURE__ */ e.jsx(hr, {}) })
   ] });
 }
-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 ur() {
+  w((d) => d.selectedCardId);
+  const s = w((d) => d.selectedSheetId), { setIsVisualEditing: n } = w((d) => d.actions), a = w((d) => d.isVisualEditing), t = w((d) => d.actions.updateFrame);
   function l(d) {
     s && (t(s, d), n(!1));
   }
@@ -4185,15 +4199,15 @@ function mr() {
         block: a,
         hidden: !a
       }),
-      children: /* @__PURE__ */ e.jsx(hr, { onSave: l, onClose: o })
+      children: /* @__PURE__ */ e.jsx(mr, { onSave: l, onClose: o })
     }
   );
 }
-function ur({
+function xr({
   columns: s,
   tableName: n
 }) {
-  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(
+  const a = i((u) => u.selectedConnectionId), t = i((u) => u.selectedDatabaseName), l = i((u) => u.selectedSchemaName), o = i((u) => u.selectedTableName), d = w((u) => u.dashboard.filters) || [], r = w((u) => u.actions.addFilter), c = w((u) => u.actions.removeFilter), f = w(
     (u) => u.actions.removeFilterValue
   );
   function m(u) {
@@ -4207,11 +4221,11 @@ function ur({
       g,
       h
     );
-    const L = d == null ? void 0 : d.find(
+    const E = d == null ? void 0 : d.find(
       (N) => N.column === b && N.table === g && (N.database === h || N.database === t)
     );
-    if (L)
-      f(L.id), c(L.id);
+    if (E)
+      f(E.id), c(E.id);
     else {
       if (n === "api" && a) {
         r({
@@ -4274,16 +4288,16 @@ function ur({
     );
   }) });
 }
-function xr() {
-  k((n) => n.showFilters);
-  const s = k(
+function pr() {
+  w((n) => n.showFilters);
+  const s = w(
     (n) => n.actions.setShowFilters
   );
   return /* @__PURE__ */ e.jsxs("section", { className: "relative flex grow flex-col border-l px-4", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "mt-4 flex items-center justify-between gap-2 px-3", children: [
       /* @__PURE__ */ e.jsx(B, { className: "text-lg", children: "Filters" }),
       /* @__PURE__ */ e.jsx(
-        w,
+        k,
         {
           onClick: () => s(!1),
           className: "h-7 w-7 p-0",
@@ -4296,7 +4310,7 @@ function xr() {
       fa,
       {
         ColumnsComponent: (n, a, t) => /* @__PURE__ */ e.jsx(
-          ur,
+          xr,
           {
             schemaName: n,
             tableName: a,
@@ -4307,10 +4321,10 @@ function xr() {
     ) })
   ] });
 }
-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(
+function fr() {
+  w((a) => a.dashboard);
+  const s = w((a) => a.showFilters), n = w((a) => a.isVisualEditing);
+  return w((a) => a.bookmarkKey), /* @__PURE__ */ e.jsxs(
     "div",
     {
       role: "dashboard-plus-main",
@@ -4319,17 +4333,17 @@ function pr() {
         flex: !n
       }),
       children: [
-        /* @__PURE__ */ e.jsx(Bt, {}),
-        s && /* @__PURE__ */ e.jsx("div", { role: "filter-aside-container", className: "flex", children: /* @__PURE__ */ e.jsx(xr, {}) })
+        /* @__PURE__ */ e.jsx($t, {}),
+        s && /* @__PURE__ */ e.jsx("div", { role: "filter-aside-container", className: "flex", children: /* @__PURE__ */ e.jsx(pr, {}) })
       ]
     }
   );
 }
-function fr() {
-  const s = k((t) => t.dashboard), n = k((t) => t.actions.setDashboard), a = k(
+function gr() {
+  const s = w((t) => t.dashboard), n = w((t) => t.actions.setDashboard), a = w(
     (t) => t.showDashboardJSON
   );
-  return k(
+  return w(
     (t) => t.actions.setShowDashboardJSON
   ), /* @__PURE__ */ e.jsx(
     "div",
@@ -4338,7 +4352,7 @@ function fr() {
         hidden: !a
       }),
       children: /* @__PURE__ */ e.jsx(
-        $t,
+        Pt,
         {
           onChange: (t) => {
             if (t)
@@ -4369,26 +4383,26 @@ function fr() {
     }
   );
 }
-function br({
+function yr({
   showControls: s = !1,
   showFooter: n = !0,
   showAssistant: a = !1,
   ...t
 }) {
-  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, {})
+  return /* @__PURE__ */ e.jsxs(Kt, { dashboardProps: t, children: [
+    /* @__PURE__ */ e.jsx(Ut, {}),
+    /* @__PURE__ */ e.jsxs(Gt, { children: [
+      /* @__PURE__ */ e.jsx(gr, {}),
+      /* @__PURE__ */ e.jsxs(Jt, { ...t, children: [
+        s && /* @__PURE__ */ e.jsx(Cn, {}),
+        /* @__PURE__ */ e.jsx(ur, {}),
+        /* @__PURE__ */ e.jsx(fr, {})
       ] })
     ] })
   ] });
 }
 export {
-  br as D,
+  yr as D,
   We as S,
   pa as u
 };