semaphor 0.0.60 → 0.0.61

package/dist/chunks/{dashboard-plus-eNV9YPaz.js → dashboard-plus-clQZKAkW.js}

@@ -1,13 +1,13 @@
-import { O as D, b as k, j as e, P as Ss, Q as ks, R as w, U as ws, V as zs, W as Fs, X as Os, Y as Ms, Z as _, _ as he, $ as la, J as ia, M as Ae, a0 as Qa, a1 as Wa, a2 as Ya, a3 as Za, a4 as Xa, a5 as et, a6 as Js, a7 as $e, a8 as Ue, a9 as oa, aa as rs, T as Ts, e as ca, g as Ds, ab as Oe, ac as Me, f as Y, ad as Te, ae as De, af as Pe, ag as Le, ah as ee, ai as As, G as c, aj as Ls, ak as Es, al as Is, w as da, v as ha, t as ue, am as st, r as at, N as ma, s as tt, an as nt, B as rt, ao as ua, ap as lt, S as Vs, z as it, n as Us, aq as bs, A as xa, ar as ys, u as Qe, as as me, at as be, au as Ke, av as pa, aw as fa, ax as ot, ay as ct, az as ga, aA as dt, aB as ht, aC as mt, aD as ut, aE as xt, aF as vs, aG as pt, aH as Be, aI as Ns, aJ as Fe, aK as Cs, aL as Qs, aM as ft, aN as gt, aO as jt, aP as bt, aQ as yt, aR as js, aS as vt, aT as Ws, aU as Nt, aV as Ys, aW as Ct, aX as St, aY as kt, c as wt, aZ as ja, l as zt, C as Ft, E as as, d as Ot, h as Mt, a_ as Tt, i as Dt, o as At, a$ as Lt, m as Et, H as qs, b0 as It, b1 as ba, b2 as ya, b3 as ts, b4 as va, b5 as ns, b6 as Zs, b7 as os, b8 as cs, b9 as ds, K as Vt, ba as qt, bb as Rt, bc as Na, bd as Rs, be as Ee, bf as Ca, bg as _t, bh as Ht, bi as Bt, bj as $t, bk as Pt, bl as Xs, bm as Kt, bn as Gt, bo as Jt, bp as Ut, bq as Qt, br as Wt, bs as Yt, bt as Zt, bu as Ce, bv as B, bw as $, bx as _s, by as P, bz as ea, bA as Xt, bB as en, bC as sn, bD as an, bE as tn, bF as nn, bG as rn, bH as ln, bI as on, bJ as cn } from "./index-apw3sbi1.js";
-import * as sa from "react";
-import xe, { useState as M, useEffect as U, useMemo as dn, useRef as Ge } from "react";
+import { O as D, b as k, j as e, P as ks, Q as ws, R as w, U as zs, V as Fs, W as Os, X as Ms, Y as Ts, Z as R, _ as he, $ as ia, J as oa, M as Ae, a0 as Wa, a1 as Ya, a2 as Za, a3 as Xa, a4 as et, a5 as st, a6 as Us, a7 as Pe, a8 as Qe, a9 as ca, aa as rs, T as Ds, e as da, g as As, ab as Oe, ac as Me, f as Y, ad as Te, ae as De, af as Ke, ag as Le, ah as ee, ai as Ls, G as c, aj as Es, ak as Is, al as Vs, w as ha, v as ma, t as ue, am as at, r as tt, N as ua, s as nt, an as lt, B as rt, ao as xa, ap as it, S as qs, z as ot, n as Qs, aq as ys, A as pa, ar as vs, u as We, as as me, at as be, au as Ge, av as fa, aw as ga, ax as ct, ay as dt, az as ja, aA as ht, aB as mt, aC as ut, aD as xt, aE as pt, aF as Ns, aG as ft, aH as $e, aI as Cs, aJ as Fe, aK as Ss, aL as Ws, aM as gt, aN as jt, aO as bt, aP as yt, aQ as vt, aR as bs, aS as Nt, aT as Ys, aU as Ct, aV as Zs, aW as St, aX as kt, aY as wt, c as zt, aZ as ba, l as Ft, C as Ot, E as ts, d as Mt, h as Tt, a_ as Dt, i as At, o as Lt, a$ as Et, m as It, H as Rs, b0 as Vt, b1 as ya, b2 as va, b3 as ns, b4 as Na, b5 as ls, b6 as Xs, b7 as cs, b8 as ds, b9 as hs, K as qt, ba as Rt, bb as _t, bc as Ca, bd as _s, be as Ee, bf as Sa, bg as Ht, bh as Bt, bi as $t, bj as Pt, bk as Kt, bl as ea, bm as Gt, bn as Jt, bo as Ut, bp as Qt, bq as Wt, br as Yt, bs as Zt, bt as Xt, bu as Ce, bv as B, bw as $, bx as Hs, by as P, bz as sa, bA as en, bB as sn, bC as an, bD as tn, bE as nn, bF as ln, bG as rn, bH as on, bI as cn, bJ as dn } from "./index-IpD-EtCy.js";
+import * as aa from "react";
+import xe, { useState as M, useEffect as U, useMemo as hn, useRef as Je } 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 hn = D("AreaChart", [
+const mn = D("AreaChart", [
   ["path", { d: "M3 3v18h18", key: "1s2lah" }],
   ["path", { d: "M7 12v5h12V8l-5 5-4-4Z", key: "zxz28u" }]
 ]);
@@ -17,7 +17,7 @@ const hn = D("AreaChart", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Hs = D("BarChart4", [
+const Bs = D("BarChart4", [
   ["path", { d: "M3 3v18h18", key: "1s2lah" }],
   ["path", { d: "M13 17V9", key: "1fwyjl" }],
   ["path", { d: "M18 17V5", key: "sfb6ij" }],
@@ -29,7 +29,7 @@ const Hs = D("BarChart4", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const mn = D("Box", [
+const un = D("Box", [
   [
     "path",
     {
@@ -46,7 +46,7 @@ const mn = D("Box", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const un = D("CircleX", [
+const xn = D("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" }]
@@ -57,7 +57,7 @@ const un = D("CircleX", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const xn = D("Database", [
+const pn = D("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" }]
@@ -68,7 +68,7 @@ const xn = D("Database", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Sa = D("EllipsisVertical", [
+const ka = D("EllipsisVertical", [
   ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
   ["circle", { cx: "12", cy: "5", r: "1", key: "gxeob9" }],
   ["circle", { cx: "12", cy: "19", r: "1", key: "lyex9k" }]
@@ -79,7 +79,7 @@ const Sa = D("EllipsisVertical", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const pn = D("Eraser", [
+const fn = D("Eraser", [
   [
     "path",
     {
@@ -96,7 +96,7 @@ const pn = D("Eraser", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ka = D("GanttChart", [
+const wa = D("GanttChart", [
   ["path", { d: "M8 6h10", key: "9lnwnk" }],
   ["path", { d: "M6 12h9", key: "1g9pqf" }],
   ["path", { d: "M11 18h7", key: "c8dzvl" }]
@@ -107,7 +107,7 @@ const ka = D("GanttChart", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const fn = D("Glasses", [
+const gn = D("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" }],
@@ -120,7 +120,7 @@ const fn = D("Glasses", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const gn = D("Hammer", [
+const jn = D("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" }],
   [
@@ -137,7 +137,7 @@ const gn = D("Hammer", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const jn = D("Hash", [
+const bn = D("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" }],
@@ -149,7 +149,7 @@ const jn = D("Hash", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const bn = D("Key", [
+const yn = D("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" }]
@@ -160,7 +160,7 @@ const bn = D("Key", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Bs = D("LineChart", [
+const $s = D("LineChart", [
   ["path", { d: "M3 3v18h18", key: "1s2lah" }],
   ["path", { d: "m19 9-5 5-4-4-3 3", key: "2osh9i" }]
 ]);
@@ -170,7 +170,7 @@ const Bs = D("LineChart", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const yn = D("ListEnd", [
+const vn = D("ListEnd", [
   ["path", { d: "M16 12H3", key: "1a2rj7" }],
   ["path", { d: "M16 6H3", key: "1wxfjs" }],
   ["path", { d: "M10 18H3", key: "13769t" }],
@@ -183,7 +183,7 @@ const yn = D("ListEnd", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const vn = D("ListStart", [
+const Nn = D("ListStart", [
   ["path", { d: "M16 12H3", key: "1a2rj7" }],
   ["path", { d: "M16 18H3", key: "12xzn7" }],
   ["path", { d: "M10 6H3", key: "lf8lx7" }],
@@ -196,7 +196,7 @@ const vn = D("ListStart", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Nn = D("ListX", [
+const Cn = D("ListX", [
   ["path", { d: "M11 12H3", key: "51ecnj" }],
   ["path", { d: "M16 6H3", key: "1wxfjs" }],
   ["path", { d: "M16 18H3", key: "12xzn7" }],
@@ -209,7 +209,7 @@ const Nn = D("ListX", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Je = D("LoaderCircle", [
+const Ue = D("LoaderCircle", [
   ["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]
 ]);
 /**
@@ -218,7 +218,7 @@ const Je = D("LoaderCircle", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Cn = D("MessageSquareMore", [
+const Sn = D("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" }],
@@ -230,7 +230,7 @@ const Cn = D("MessageSquareMore", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Sn = D("Network", [
+const kn = D("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" }],
@@ -243,7 +243,7 @@ const Sn = D("Network", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const wa = D("Pencil", [
+const za = D("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" }]
 ]);
@@ -253,7 +253,7 @@ const wa = D("Pencil", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const za = D("PieChart", [
+const Fa = D("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" }]
 ]);
@@ -263,7 +263,7 @@ const za = D("PieChart", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const kn = D("Play", [
+const wn = D("Play", [
   ["polygon", { points: "6 3 20 12 6 21 6 3", key: "1oa8hb" }]
 ]);
 /**
@@ -272,7 +272,7 @@ const kn = D("Play", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const wn = D("Plug2", [
+const zn = D("Plug2", [
   ["path", { d: "M9 2v6", key: "17ngun" }],
   ["path", { d: "M15 2v6", key: "s7yy2p" }],
   ["path", { d: "M12 17v5", key: "bb1du9" }],
@@ -285,7 +285,7 @@ const wn = D("Plug2", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const zn = D("Save", [
+const Fn = D("Save", [
   [
     "path",
     {
@@ -302,7 +302,7 @@ const zn = D("Save", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Fa = D("ScatterChart", [
+const Oa = D("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" }],
@@ -316,7 +316,7 @@ const Fa = D("ScatterChart", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Fn = D("ShieldQuestion", [
+const On = D("ShieldQuestion", [
   [
     "path",
     {
@@ -333,7 +333,7 @@ const Fn = D("ShieldQuestion", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const On = D("Sigma", [
+const Mn = D("Sigma", [
   ["path", { d: "M18 7V4H6l6 8-6 8h12v-3", key: "zis8ev" }]
 ]);
 /**
@@ -342,7 +342,7 @@ const On = D("Sigma", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Mn = D("SwatchBook", [
+const Tn = D("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" }],
@@ -360,7 +360,7 @@ const Mn = D("SwatchBook", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Tn = D("Tag", [
+const Dn = D("Tag", [
   [
     "path",
     {
@@ -376,7 +376,7 @@ const Tn = D("Tag", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Dn = D("ToggleLeft", [
+const An = D("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" }]
 ]);
@@ -386,7 +386,7 @@ const Dn = D("ToggleLeft", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const $s = D("Type", [
+const Ps = D("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" }]
@@ -397,14 +397,14 @@ const $s = D("Type", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const An = D("User", [
+const Ln = D("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 Ln() {
-  const [s, t] = M(""), [a, n] = M(!1), [r, m] = M(!1), i = k((d) => d.dashboard);
+function En() {
+  const [s, t] = M(""), [a, n] = M(!1), [l, m] = M(!1), i = k((d) => d.dashboard);
   function o() {
-    const d = ia(i), p = Ae(i.id), x = JSON.parse(localStorage.getItem(p) || "[]");
+    const d = oa(i), p = Ae(i.id), x = JSON.parse(localStorage.getItem(p) || "[]");
     if (x.some(
       (g) => g.name === s
     )) {
@@ -416,26 +416,26 @@ function Ln() {
       template: d
     }), localStorage.setItem(p, JSON.stringify(x)), m(!1);
   }
-  return /* @__PURE__ */ e.jsxs(Ss, { open: r, onOpenChange: m, children: [
-    /* @__PURE__ */ e.jsx(ks, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
+  return /* @__PURE__ */ e.jsxs(ks, { open: l, onOpenChange: m, children: [
+    /* @__PURE__ */ e.jsx(ws, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
       w,
       {
         variant: "outline",
         className: "h-7 p-2",
         size: "sm",
         children: [
-          /* @__PURE__ */ e.jsx(ws, { className: " mr-2 h-4 w-4", strokeWidth: 1.5 }),
+          /* @__PURE__ */ e.jsx(zs, { className: " mr-2 h-4 w-4", strokeWidth: 1.5 }),
           "Add Lens"
         ]
       }
     ) }),
-    /* @__PURE__ */ e.jsxs(zs, { className: "sm:max-w-[425px]", children: [
-      /* @__PURE__ */ e.jsxs(Fs, { children: [
-        /* @__PURE__ */ e.jsx(Os, { children: "Add a Lens" }),
-        /* @__PURE__ */ e.jsx(Ms, { children: "Lenses are private by default and are only visible to you." })
+    /* @__PURE__ */ e.jsxs(Fs, { className: "sm:max-w-[425px]", children: [
+      /* @__PURE__ */ e.jsxs(Os, { children: [
+        /* @__PURE__ */ e.jsx(Ms, { children: "Add a Lens" }),
+        /* @__PURE__ */ e.jsx(Ts, { children: "Lenses are private by default and are only visible to you." })
       ] }),
       /* @__PURE__ */ e.jsx("div", { className: "grid gap-4 py-4", children: /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-8 items-center gap-4", children: [
-        /* @__PURE__ */ e.jsx(_, { className: "text-right", children: "Name" }),
+        /* @__PURE__ */ e.jsx(R, { className: "text-right", children: "Name" }),
         /* @__PURE__ */ e.jsx(
           he,
           {
@@ -449,7 +449,7 @@ function Ln() {
         )
       ] }) }),
       a && /* @__PURE__ */ e.jsx("p", { className: "text-sm", children: "The bookmark name already exists. Use a differnet name." }),
-      /* @__PURE__ */ e.jsx(la, { children: /* @__PURE__ */ e.jsx(
+      /* @__PURE__ */ e.jsx(ia, { children: /* @__PURE__ */ e.jsx(
         w,
         {
           variant: "outline",
@@ -462,20 +462,20 @@ function Ln() {
     ] })
   ] });
 }
-function En() {
-  const [s, t] = M(!1), [a, n] = M(""), r = k((h) => h.dashboard), m = k((h) => h.bookmarkKey), [i, o] = M([]), d = k((h) => h.actions.setDashboard), p = k(
+function In() {
+  const [s, t] = M(!1), [a, n] = M(""), l = k((h) => h.dashboard), m = k((h) => h.bookmarkKey), [i, o] = M([]), d = k((h) => h.actions.setDashboard), p = k(
     (h) => h.actions.setFilterValues
   ), x = k(
     (h) => h.actions.setBookmarkKey
   );
   U(() => {
-    const h = Ae(r.id), u = JSON.parse(localStorage.getItem(h) || "[]");
+    const h = Ae(l.id), u = JSON.parse(localStorage.getItem(h) || "[]");
     o(u);
     const j = u.find(
       (f) => f.default
     );
     j && j.name === m && n(j.name);
-  }, [s, r, m]);
+  }, [s, l, m]);
   function b(h) {
     if (h === a)
       return;
@@ -483,25 +483,25 @@ function En() {
     j && (d(j), p(u.filterValues || []), x(h === "Original" ? "" : h)), n(h);
   }
   function g(h) {
-    const u = Ae(r.id), f = JSON.parse(localStorage.getItem(u) || "[]").filter(
+    const u = Ae(l.id), f = JSON.parse(localStorage.getItem(u) || "[]").filter(
       (v) => v.name !== h
     );
     localStorage.setItem(u, JSON.stringify(f)), o(f);
   }
-  return /* @__PURE__ */ e.jsxs(Qa, { open: s, onOpenChange: t, children: [
-    /* @__PURE__ */ e.jsx(Wa, { asChild: !0, children: /* @__PURE__ */ e.jsx(w, { variant: "outline", className: "h-7 p-2", children: /* @__PURE__ */ e.jsx(fn, { className: "h-4 w-4", strokeWidth: 1.5 }) }) }),
-    /* @__PURE__ */ e.jsxs(Ya, { className: "w-56", children: [
-      /* @__PURE__ */ e.jsx(Za, { children: "Lenses" }),
-      /* @__PURE__ */ e.jsx(Xa, {}),
+  return /* @__PURE__ */ e.jsxs(Wa, { open: s, onOpenChange: t, children: [
+    /* @__PURE__ */ e.jsx(Ya, { asChild: !0, children: /* @__PURE__ */ e.jsx(w, { variant: "outline", className: "h-7 p-2", children: /* @__PURE__ */ e.jsx(gn, { className: "h-4 w-4", strokeWidth: 1.5 }) }) }),
+    /* @__PURE__ */ e.jsxs(Za, { className: "w-56", children: [
+      /* @__PURE__ */ e.jsx(Xa, { children: "Lenses" }),
+      /* @__PURE__ */ e.jsx(et, {}),
       /* @__PURE__ */ e.jsxs(
-        et,
+        st,
         {
           value: a,
           onValueChange: b,
           children: [
-            /* @__PURE__ */ e.jsx(Js, { value: "Original", children: "Original" }),
+            /* @__PURE__ */ e.jsx(Us, { value: "Original", children: "Original" }),
             i.filter((h) => h.name != "Original").map((h, u) => /* @__PURE__ */ e.jsxs(
-              Js,
+              Us,
               {
                 className: "xbg-red-100 flex justify-between",
                 value: h.name,
@@ -509,7 +509,7 @@ function En() {
                 children: [
                   /* @__PURE__ */ e.jsx("p", { children: h.name }),
                   /* @__PURE__ */ e.jsx(
-                    $e,
+                    Pe,
                     {
                       onClick: (j) => {
                         j.preventDefault(), g(h.name);
@@ -528,7 +528,7 @@ function En() {
     ] })
   ] });
 }
-function In() {
+function Vn() {
   const [s, t] = M(!1), a = k((m) => m.dashboard), n = k((m) => m.bookmarkKey);
   U(() => {
     if (!n) {
@@ -542,7 +542,7 @@ function In() {
     );
     t(o ? o.default : !1);
   }, [n, a.id]);
-  function r(m) {
+  function l(m) {
     if (t(m), !n)
       return;
     const i = Ae(a.id), d = JSON.parse(
@@ -552,10 +552,10 @@ function In() {
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
     /* @__PURE__ */ e.jsx(
-      Ue,
+      Qe,
       {
         checked: s,
-        onCheckedChange: r,
+        onCheckedChange: l,
         id: "terms"
       }
     ),
@@ -569,12 +569,12 @@ function In() {
     )
   ] });
 }
-function Vn() {
+function qn() {
   const s = k((v) => v.bookmarkKey), t = k((v) => v.dashboard);
   k((v) => v.selectedSheetId);
   const a = k(
     (v) => v.isDashboardEditing
-  ), n = k((v) => v.filterValues), r = k((v) => v.isVisualEditing), m = k((v) => v.showFilters);
+  ), n = k((v) => v.filterValues), l = k((v) => v.isVisualEditing), m = k((v) => v.showFilters);
   k(
     (v) => v.showDashboardJSON
   );
@@ -612,7 +612,7 @@ function Vn() {
   function f() {
     if (!s || s === "")
       return;
-    const v = ia(t), O = Ae(t.id), y = JSON.parse(localStorage.getItem(O) || "[]"), L = y.findIndex(
+    const v = oa(t), O = Ae(t.id), y = JSON.parse(localStorage.getItem(O) || "[]"), L = y.findIndex(
       (E) => E.name === s
     );
     L !== -1 ? y[L] = {
@@ -626,23 +626,23 @@ function Vn() {
       filterValues: n
     }), localStorage.setItem(O, JSON.stringify(y)), i == null || i(v);
   }
-  return r ? null : /* @__PURE__ */ e.jsxs(
+  return l ? null : /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: "flex items-center justify-between gap-2 border-b bg-muted/50 px-2 py-2",
       role: "dashboard-controls",
       children: [
-        !r && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ e.jsx(_, { children: s }),
+        !l && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ e.jsx(R, { children: s }),
           !!s && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
             /* @__PURE__ */ e.jsx("span", { className: "text-muted-foreground", children: "|" }),
-            /* @__PURE__ */ e.jsx(In, {})
+            /* @__PURE__ */ e.jsx(Vn, {})
           ] })
         ] }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
-          a && !r && /* @__PURE__ */ e.jsx(Ln, {}),
-          !r && /* @__PURE__ */ e.jsx(En, {}),
-          a && !r && /* @__PURE__ */ e.jsxs(
+          a && !l && /* @__PURE__ */ e.jsx(En, {}),
+          !l && /* @__PURE__ */ e.jsx(In, {}),
+          a && !l && /* @__PURE__ */ e.jsxs(
             w,
             {
               variant: "outline",
@@ -651,7 +651,7 @@ function Vn() {
               disabled: !a,
               onClick: u,
               children: [
-                /* @__PURE__ */ e.jsx(ws, { className: "mr-2 h-4 w-4", strokeWidth: 1.5 }),
+                /* @__PURE__ */ e.jsx(zs, { className: "mr-2 h-4 w-4", strokeWidth: 1.5 }),
                 "Add Frame"
               ]
             }
@@ -663,10 +663,10 @@ function Vn() {
               className: "h-7 p-2",
               onClick: j,
               size: "sm",
-              children: /* @__PURE__ */ e.jsx(wa, { className: "h-4 w-4", strokeWidth: 1.5 })
+              children: /* @__PURE__ */ e.jsx(za, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          a && !r && /* @__PURE__ */ e.jsx(
+          a && !l && /* @__PURE__ */ e.jsx(
             w,
             {
               variant: "outline",
@@ -676,42 +676,42 @@ function Vn() {
                 b(!1), g(!1);
               },
               size: "sm",
-              children: /* @__PURE__ */ e.jsx($e, { className: "h-4 w-4", strokeWidth: 1.5 })
+              children: /* @__PURE__ */ e.jsx(Pe, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          a && !r && /* @__PURE__ */ e.jsx(
+          a && !l && /* @__PURE__ */ e.jsx(
             w,
             {
               className: "h-7 p-2",
               variant: "outline",
               onClick: f,
               size: "sm",
-              children: /* @__PURE__ */ e.jsx(zn, { className: "h-4 w-4", strokeWidth: 1.5 })
+              children: /* @__PURE__ */ e.jsx(Fn, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          !m && !r && a && /* @__PURE__ */ e.jsx(
+          !m && !l && a && /* @__PURE__ */ e.jsx(
             w,
             {
               className: "h-7 p-2",
               variant: "outline",
               onClick: () => o(!0),
               size: "sm",
-              children: /* @__PURE__ */ e.jsx(oa, { className: "h-4 w-4", strokeWidth: 1.5 })
+              children: /* @__PURE__ */ e.jsx(ca, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          !r && a && !1,
-          !r && !1
+          !l && a && !1,
+          !l && !1
         ] })
       ]
     }
   );
 }
-function He({
+function Be({
   title: s,
   items: t,
   value: a,
   isLoading: n,
-  isError: r,
+  isError: l,
   connectionTooltip: m,
   onChange: i,
   showNone: o = !1,
@@ -719,23 +719,23 @@ function He({
   showIcon: p = !0,
   disabled: x = !1
 }) {
-  const b = n ? "Loading..." : r ? "Error" : a;
+  const b = n ? "Loading..." : l ? "Error" : a;
   function g() {
     if (s === "Connection")
-      return /* @__PURE__ */ e.jsx(wn, { className: "size-4 rotate-90" });
+      return /* @__PURE__ */ e.jsx(zn, { className: "size-4 rotate-90" });
     if (s === "Database")
-      return /* @__PURE__ */ e.jsx(xn, { className: "size-4" });
+      return /* @__PURE__ */ e.jsx(pn, { className: "size-4" });
     if (s === "Schema")
-      return /* @__PURE__ */ e.jsx(Sn, { className: "size-4" });
+      return /* @__PURE__ */ e.jsx(kn, { className: "size-4" });
     if (s === "Table")
-      return /* @__PURE__ */ e.jsx(As, { className: "size-4" });
+      return /* @__PURE__ */ e.jsx(Ls, { className: "size-4" });
     if (s === "Model")
-      return /* @__PURE__ */ e.jsx(mn, { className: "size-4" });
+      return /* @__PURE__ */ e.jsx(un, { className: "size-4" });
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-    p && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: m ? /* @__PURE__ */ e.jsxs(Ts, { children: [
-      /* @__PURE__ */ e.jsx(ca, { children: g() }),
-      /* @__PURE__ */ e.jsx(Ds, { className: "text-xs", align: "start", children: m })
+    p && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: m ? /* @__PURE__ */ e.jsxs(Ds, { children: [
+      /* @__PURE__ */ e.jsx(da, { children: g() }),
+      /* @__PURE__ */ e.jsx(As, { className: "text-xs", align: "start", children: m })
     ] }) : g() }),
     /* @__PURE__ */ e.jsxs(Oe, { disabled: x, value: b, onValueChange: i, children: [
       /* @__PURE__ */ e.jsx(
@@ -748,37 +748,37 @@ function He({
           children: /* @__PURE__ */ e.jsx(
             Te,
             {
-              placeholder: n ? "Loading..." : r ? "Error" : `Select ${s}`
+              placeholder: n ? "Loading..." : l ? "Error" : `Select ${s}`
             }
           )
         }
       ),
-      /* @__PURE__ */ e.jsx(De, { children: /* @__PURE__ */ e.jsxs(Pe, { children: [
+      /* @__PURE__ */ e.jsx(De, { children: /* @__PURE__ */ e.jsxs(Ke, { children: [
         n ? /* @__PURE__ */ e.jsx(Le, { children: "Loading..." }) : /* @__PURE__ */ e.jsx(Le, { children: s }),
         /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
           o && /* @__PURE__ */ e.jsx(ee, { value: "none", children: "None" }, "none"),
           t && t.map((h, u) => /* @__PURE__ */ e.jsx(ee, { value: h.id, children: h.name }, u))
         ] }),
-        (n || r) && /* @__PURE__ */ e.jsx(ee, { value: b, children: b })
+        (n || l) && /* @__PURE__ */ e.jsx(ee, { value: b, children: b })
       ] }) })
     ] })
   ] });
 }
-function qn({ column: s }) {
-  const [t, a] = M(!1), n = c((h) => h.selectedTableName), r = c(
+function Rn({ column: s }) {
+  const [t, a] = M(!1), n = c((h) => h.selectedTableName), l = c(
     (h) => h.selectedSchemaName
   ), m = c(
     (h) => h.selectedDatamodelId
   ), i = c((h) => h.sqlGen), { modelItems: o } = Ie(), d = c((h) => h.actions.setSqlGen), p = c((h) => h.actions.setCardSql), x = c((h) => h.actions.setRunSql);
   function b(h, u) {
     var O;
-    const j = da(h, i, u), f = (O = o == null ? void 0 : o.find(
+    const j = ha(h, i, u), f = (O = o == null ? void 0 : o.find(
       (y) => y.id === m
     )) == null ? void 0 : O.name;
     d(j);
-    const v = ha(
+    const v = ma(
       j,
-      ue(r || ""),
+      ue(l || ""),
       ue(n),
       f
     );
@@ -828,10 +828,10 @@ function qn({ column: s }) {
       )
     ] });
   }
-  return /* @__PURE__ */ e.jsxs(Ls, { openDelay: 0, open: t, onOpenChange: a, children: [
-    /* @__PURE__ */ e.jsx(Es, { asChild: !0, children: /* @__PURE__ */ e.jsx(Sa, { className: "invisible size-3.5 cursor-pointer text-foreground/40 group-hover:visible" }) }),
+  return /* @__PURE__ */ e.jsxs(Es, { openDelay: 0, open: t, onOpenChange: a, children: [
+    /* @__PURE__ */ e.jsx(Is, { asChild: !0, children: /* @__PURE__ */ e.jsx(ka, { className: "invisible size-3.5 cursor-pointer text-foreground/40 group-hover:visible" }) }),
     /* @__PURE__ */ e.jsx(
-      Is,
+      Vs,
       {
         align: "center",
         className: "w-20 rounded-md p-0 shadow-none",
@@ -840,25 +840,25 @@ function qn({ column: s }) {
     )
   ] });
 }
-function Oa({ column: s }) {
-  return /* @__PURE__ */ e.jsxs(Ts, { children: [
-    /* @__PURE__ */ e.jsx(st, { asChild: !0, children: at.includes(s.data_type.toLowerCase()) ? (
+function Ma({ column: s }) {
+  return /* @__PURE__ */ e.jsxs(Ds, { children: [
+    /* @__PURE__ */ e.jsx(at, { asChild: !0, children: tt.includes(s.data_type.toLowerCase()) ? (
       // <span className=" font-thin">T</span>
-      /* @__PURE__ */ e.jsx($s, { className: "size-3" })
-    ) : ma.includes(s.data_type.toLowerCase()) ? (
+      /* @__PURE__ */ e.jsx(Ps, { className: "size-3" })
+    ) : ua.includes(s.data_type.toLowerCase()) ? (
       //
-      /* @__PURE__ */ e.jsx(jn, { className: "size-3" })
-    ) : tt.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(nt, { className: "size-3" }) : rt.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(Dn, { className: "size-3" }) : /* @__PURE__ */ e.jsx(Fn, { className: "size-3" }) }),
-    /* @__PURE__ */ e.jsx(Ds, { children: /* @__PURE__ */ e.jsx("p", { className: "font-mono text-xs", children: s.data_type }) })
+      /* @__PURE__ */ e.jsx(bn, { className: "size-3" })
+    ) : nt.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(lt, { className: "size-3" }) : rt.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(An, { className: "size-3" }) : /* @__PURE__ */ e.jsx(On, { className: "size-3" }) }),
+    /* @__PURE__ */ e.jsx(As, { children: /* @__PURE__ */ e.jsx("p", { className: "font-mono text-xs", children: s.data_type }) })
   ] });
 }
-function Rn({
+function _n({
   schemaName: s,
   tableName: t,
   columns: a,
   status: n
 }) {
-  const r = c((C) => C.sqlGen), m = c(
+  const l = c((C) => C.sqlGen), m = c(
     (C) => C.selectedConnectionId
   ), i = c(
     (C) => C.selectedDatabaseName
@@ -873,11 +873,11 @@ function Rn({
   ), j = c((C) => C.actions.setCardSql), { connectionType: f, modelItems: v } = Ie();
   function O(C) {
     var A;
-    const z = da(C, r);
+    const z = ha(C, l);
     h(z);
     const q = (A = v == null ? void 0 : v.find(
-      (R) => R.id === p
-    )) == null ? void 0 : A.name, K = ha(z, ue(s), ue(t), q);
+      (_) => _.id === p
+    )) == null ? void 0 : A.name, K = ma(z, ue(s), ue(t), q);
     K && (j(K), g(!0));
   }
   function y() {
@@ -894,11 +894,11 @@ function Rn({
         schemaName: o,
         tableName: d
       }, K = [...x || [], z].filter(
-        (A, R, W) => W.findIndex(
+        (A, _, W) => W.findIndex(
           (J) => J.connectinonId === A.connectinonId && J.tableName === A.tableName
-        ) === R
+        ) === _
       );
-      b(K), bs.success(`Added '${d}' to AI Scope`, {
+      b(K), ys.success(`Added '${d}' to AI Scope`, {
         position: "top-right",
         duration: 2500,
         richColors: !0
@@ -907,7 +907,7 @@ function Rn({
       const z = (x || []).filter(
         (q) => q.connectinonId !== m && q.tableName !== d
       );
-      b(z), bs(`Removed '${d}' from AI Scope`, {
+      b(z), ys(`Removed '${d}' from AI Scope`, {
         position: "top-right",
         duration: 2e3,
         richColors: !0
@@ -916,13 +916,13 @@ function Rn({
   }
   function E() {
     var A;
-    let C = xa(s, t);
+    let C = pa(s, t);
     const z = (A = v == null ? void 0 : v.find(
-      (R) => R.id === p
+      (_) => _.id === p
     )) == null ? void 0 : A.name;
-    console.log("modelName", z), p && p !== "none" && (C = `${ys}.${z}`);
+    console.log("modelName", z), p && p !== "none" && (C = `${vs}.${z}`);
     let q = C;
-    return ((R) => /[A-Z]/.test(R))(t) && (q = q.split(".").map((W) => `"${W}"`).join(".")), q;
+    return ((_) => /[A-Z]/.test(_))(t) && (q = q.split(".").map((W) => `"${W}"`).join(".")), q;
   }
   function V() {
     const C = E();
@@ -937,7 +937,7 @@ function Rn({
   return /* @__PURE__ */ e.jsxs("div", { className: "flex grow flex-col space-y-4 px-4", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-center gap-1", children: [
       /* @__PURE__ */ e.jsx(
-        ua,
+        xa,
         {
           title: `${y() ? "Remove from" : "Add to"} AI Scope`,
           pressed: y(),
@@ -945,7 +945,7 @@ function Rn({
           variant: "outline",
           className: "h-9 px-2",
           children: /* @__PURE__ */ e.jsx(
-            lt,
+            it,
             {
               className: Y("size-4", {
                 "text-primary": y(),
@@ -964,7 +964,7 @@ function Rn({
           variant: "secondary",
           className: "flex",
           children: [
-            n !== "Success" ? /* @__PURE__ */ e.jsx(Je, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(Mn, { className: "mr-2 size-4" }),
+            n !== "Success" ? /* @__PURE__ */ e.jsx(Ue, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(Tn, { className: "mr-2 size-4" }),
             "Top 10"
           ]
         }
@@ -978,14 +978,14 @@ function Rn({
           variant: "secondary",
           className: "flex",
           children: [
-            n !== "Success" ? /* @__PURE__ */ e.jsx(Je, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(On, { className: "mr-2 size-4" }),
+            n !== "Success" ? /* @__PURE__ */ e.jsx(Ue, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(Mn, { className: "mr-2 size-4" }),
             "Count"
           ]
         }
       )
     ] }),
     /* @__PURE__ */ e.jsxs(
-      Vs,
+      qs,
       {
         className: "flex-1 basis-0 overflow-y-auto border-b border-t border-muted py-3",
         children: [
@@ -996,12 +996,12 @@ function Rn({
               className: Y(
                 "group mx-3 flex cursor-pointer items-center justify-between rounded px-2 py-[6px] text-sm transition-colors hover:bg-muted/50",
                 {
-                  "bg-muted": it(C, r)
+                  "bg-muted": ot(C, l)
                 }
               ),
               children: [
                 /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-                  /* @__PURE__ */ e.jsx(Oa, { column: C }),
+                  /* @__PURE__ */ e.jsx(Ma, { column: C }),
                   /* @__PURE__ */ e.jsx("span", { children: C.column_name })
                 ] }),
                 /* @__PURE__ */ e.jsx(
@@ -1009,52 +1009,52 @@ function Rn({
                   {
                     onClick: (z) => z.stopPropagation(),
                     className: "flex items-center justify-end",
-                    children: ma.includes(C.data_type) && /* @__PURE__ */ e.jsx(qn, { column: C })
+                    children: ua.includes(C.data_type) && /* @__PURE__ */ e.jsx(Rn, { column: C })
                   }
                 )
               ]
             },
             C.column_name
           )),
-          /* @__PURE__ */ e.jsx(Us, { orientation: "vertical" }),
-          /* @__PURE__ */ e.jsx(Us, { orientation: "horizontal" })
+          /* @__PURE__ */ e.jsx(Qs, { orientation: "vertical" }),
+          /* @__PURE__ */ e.jsx(Qs, { orientation: "horizontal" })
         ]
       }
     )
   ] });
 }
 function Ie(s, t) {
-  var Ye, Ze, Re, Xe, es;
-  let a = dn(() => [], []);
-  const n = Qe().authToken || s, r = c(
-    (l) => l.selectedConnectionId
+  var Ze, Xe, _e, es, ss;
+  let a = hn(() => [], []);
+  const n = We().authToken || s, l = c(
+    (r) => r.selectedConnectionId
   ), m = c(
-    (l) => l.selectedDatamodelId
+    (r) => r.selectedDatamodelId
   ), i = c(
-    (l) => l.selectedDatabaseName
+    (r) => r.selectedDatabaseName
   ), o = c(
-    (l) => l.selectedSchemaName
-  ), d = c((l) => l.selectedTableName), p = c(
-    (l) => l.actions.setCurrentColumns
+    (r) => r.selectedSchemaName
+  ), d = c((r) => r.selectedTableName), p = c(
+    (r) => r.actions.setCurrentColumns
   ), x = c(
-    (l) => l.actions.setSelectedConnectionId
+    (r) => r.actions.setSelectedConnectionId
   ), b = c(
-    (l) => l.actions.setSelectedDatamodelId
+    (r) => r.actions.setSelectedDatamodelId
   ), g = c(
-    (l) => l.actions.setSelectedDatabaseName
+    (r) => r.actions.setSelectedDatabaseName
   ), h = c(
-    (l) => l.actions.setSelectedSchemaName
+    (r) => r.actions.setSelectedSchemaName
   ), u = c(
-    (l) => l.actions.setSelectedTableName
-  ), j = c((l) => l.actions.setCardSql);
-  function f(l) {
-    return r && i && o && i !== "NA" ? !0 : r && l === "API" ? !1 : !!(r && l === "S3");
+    (r) => r.actions.setSelectedTableName
+  ), j = c((r) => r.actions.setCardSql);
+  function f(r) {
+    return l && i && o && i !== "NA" ? !0 : l && r === "API" ? !1 : !!(l && r === "S3");
   }
-  function v(l) {
-    return !!(r && i && i !== "NA" && o && d || r && (l === "S3" || l === "API") || m && m);
+  function v(r) {
+    return !!(l && i && i !== "NA" && o && d || l && (r === "S3" || r === "API") || m && m);
   }
-  function O(l) {
-    return r && l ? !(l === "API" || l === "S3") : !1;
+  function O(r) {
+    return l && r ? !(r === "API" || r === "S3") : !1;
   }
   const {
     data: y,
@@ -1073,31 +1073,31 @@ function Ie(s, t) {
     isLoading: T,
     isError: C
   } = me({
-    queryKey: ["models", r],
+    queryKey: ["models", l],
     queryFn: () => be(
       "https://semaphor.cloud/api/v1/datamodels",
       (n == null ? void 0 : n.accessToken) || "",
       {
-        connection_id: r
+        connection_id: l
       }
     ),
-    enabled: !!(n != null && n.accessToken) && !!r
+    enabled: !!(n != null && n.accessToken) && !!l
     // Only fetch if authToken is present
   }), z = y == null ? void 0 : y.connections.find(
-    (l) => l.id === r
+    (r) => r.id === l
   ), q = z == null ? void 0 : z.type, K = (z == null ? void 0 : z.type) === "API" || (z == null ? void 0 : z.type) === "S3", {
     data: A,
-    isLoading: R,
+    isLoading: _,
     isFetching: W,
     isError: J,
     refetch: te
   } = me({
-    queryKey: ["databases", r],
+    queryKey: ["databases", l],
     queryFn: () => be(
       "https://semaphor.cloud/api/v1/databases",
       (n == null ? void 0 : n.accessToken) || "",
       {
-        connection_id: r
+        connection_id: l
       }
     ),
     enabled: O(q)
@@ -1109,16 +1109,16 @@ function Ie(s, t) {
     isError: N,
     refetch: F
   } = me({
-    queryKey: ["schemas", r, i],
+    queryKey: ["schemas", l, i],
     queryFn: () => be(
       "https://semaphor.cloud/api/v1/schemas",
       (n == null ? void 0 : n.accessToken) || "",
       {
-        connection_id: r,
+        connection_id: l,
         database_name: i
       }
     ),
-    enabled: !!r && !!i && !K && i !== "NA"
+    enabled: !!l && !!i && !K && i !== "NA"
     //currentConnection?.type !== 'API', // Only fetch if connectionId and database is present
   }), {
     data: H,
@@ -1129,7 +1129,7 @@ function Ie(s, t) {
   } = me({
     queryKey: [
       "tables",
-      r,
+      l,
       i,
       o
     ],
@@ -1137,7 +1137,7 @@ function Ie(s, t) {
       "https://semaphor.cloud/api/v1/tables",
       (n == null ? void 0 : n.accessToken) || "",
       {
-        connection_id: r,
+        connection_id: l,
         database_name: i,
         schema_name: o
       }
@@ -1151,7 +1151,7 @@ function Ie(s, t) {
   } = me({
     queryKey: [
       "columns",
-      r,
+      l,
       i,
       m,
       o,
@@ -1161,7 +1161,7 @@ function Ie(s, t) {
       "https://semaphor.cloud/api/v1/columns",
       (n == null ? void 0 : n.accessToken) || "",
       {
-        connection_id: r,
+        connection_id: l,
         datamodel_id: m || "",
         // don't pass undefined. Pass empty string
         database_name: i,
@@ -1189,56 +1189,56 @@ function Ie(s, t) {
     g,
     z
   ]);
-  const re = (z == null ? void 0 : z.type) === "API" ? (Ye = z == null ? void 0 : z.type) == null ? void 0 : Ye.toLowerCase() : d || "", le = K ? "" : o || "";
-  function ve(l) {
-    h(l), u("");
+  const le = (z == null ? void 0 : z.type) === "API" ? (Ze = z == null ? void 0 : z.type) == null ? void 0 : Ze.toLowerCase() : d || "", re = K ? "" : o || "";
+  function ve(r) {
+    h(r), u("");
   }
-  function Se(l) {
-    g(l === "none" ? "" : l), h(""), u(""), l !== "none" && l !== "" && b("");
+  function Se(r) {
+    g(r === "none" ? "" : r), h(""), u(""), r !== "none" && r !== "" && b("");
   }
-  function qe(l) {
-    x(l);
+  function Re(r) {
+    x(r);
   }
-  function Ks(l) {
-    b(l === "none" ? "" : l), l !== "none" && l !== "" && g("");
+  function Gs(r) {
+    b(r === "none" ? "" : r), r !== "none" && r !== "" && g("");
   }
-  A && ((Ze = A == null ? void 0 : A.databases) == null ? void 0 : Ze.length) > 0, G && ((Re = G == null ? void 0 : G.schemas) == null ? void 0 : Re.length) > 0, se && ((Xe = se == null ? void 0 : se.columns) == null ? void 0 : Xe.length) > 0 && (a = se.columns.map((l) => ({
-    ...l,
-    data_type: l.data_type.toLowerCase()
+  A && ((Xe = A == null ? void 0 : A.databases) == null ? void 0 : Xe.length) > 0, G && ((_e = G == null ? void 0 : G.schemas) == null ? void 0 : _e.length) > 0, se && ((es = se == null ? void 0 : se.columns) == null ? void 0 : es.length) > 0 && (a = se.columns.map((r) => ({
+    ...r,
+    data_type: r.data_type.toLowerCase()
   }))), J && (a = []), (Q || E) && (a = []);
   const ke = y == null ? void 0 : y.connections.map(
-    (l) => ({
-      id: l.id,
-      name: l.name,
-      type: l.type
+    (r) => ({
+      id: r.id,
+      name: r.name,
+      type: r.type
     })
-  ), ms = (es = V == null ? void 0 : V.datamodels) == null ? void 0 : es.map((l) => ({
-    id: l.id,
-    name: l.name
-  })), We = A == null ? void 0 : A.databases.map((l) => ({
-    id: l.database_name,
-    name: l.database_name
-  })), us = G == null ? void 0 : G.schemas.map((l) => ({
-    id: l.schema_name,
-    name: l.schema_name
-  })), xs = H == null ? void 0 : H.tables.map((l) => ({
-    id: l.table_name,
-    name: l.table_name
+  ), us = (ss = V == null ? void 0 : V.datamodels) == null ? void 0 : ss.map((r) => ({
+    id: r.id,
+    name: r.name
+  })), Ye = A == null ? void 0 : A.databases.map((r) => ({
+    id: r.database_name,
+    name: r.database_name
+  })), xs = G == null ? void 0 : G.schemas.map((r) => ({
+    id: r.schema_name,
+    name: r.schema_name
+  })), ps = H == null ? void 0 : H.tables.map((r) => ({
+    id: r.table_name,
+    name: r.table_name
   }));
   return {
     connectionItems: ke,
     isConnectionsLoading: L,
     isConnectionsError: E,
-    modelItems: ms,
+    modelItems: us,
     isModelsLoading: T,
     isModelsError: C,
-    databaseItems: We,
-    isDatabasesLoadingOrFetching: R || W,
+    databaseItems: Ye,
+    isDatabasesLoadingOrFetching: _ || W,
     isDatabaseError: J,
-    schemaItems: us,
+    schemaItems: xs,
     isSchemaLoadingOrFetching: ne || S,
     isSchemaError: N,
-    tableItems: xs,
+    tableItems: ps,
     isTableLoadingOrFetching: fe || ae,
     isTableError: I,
     columns: a,
@@ -1246,15 +1246,15 @@ function Ie(s, t) {
     isColumnsError: Q,
     isNonDbConnection: K,
     connectionType: q,
-    tableName: re,
-    schemaName: le,
-    handleConnectionChange: qe,
-    handleDatamodelChange: Ks,
+    tableName: le,
+    schemaName: re,
+    handleConnectionChange: Re,
+    handleDatamodelChange: Gs,
     handleDatabaseChange: Se,
     handleSchemaChange: ve
   };
 }
-function Ma({
+function Ta({
   ColumnsComponent: s
 }) {
   var ae;
@@ -1264,7 +1264,7 @@ function Ma({
     (I) => I.selectedDatamodelId
   ), n = c(
     (I) => I.selectedDatabaseName
-  ), r = c(
+  ), l = c(
     (I) => I.selectedSchemaName
   ), m = c((I) => I.selectedTableName), i = c(
     (I) => I.actions.setSelectedTableName
@@ -1291,14 +1291,14 @@ function Ma({
     isNonDbConnection: q,
     handleConnectionChange: K,
     handleDatabaseChange: A,
-    handleSchemaChange: R,
+    handleSchemaChange: _,
     handleDatamodelChange: W,
     tableName: J,
     schemaName: te
   } = Ie();
   function G() {
     return s ? s(te, J, g) : /* @__PURE__ */ e.jsx(
-      Rn,
+      _n,
       {
         schemaName: te,
         tableName: J,
@@ -1315,7 +1315,7 @@ function Ma({
       return null;
     if (!a || a === "none")
       return /* @__PURE__ */ e.jsx(
-        He,
+        Be,
         {
           showNone: !0,
           onChange: A,
@@ -1330,9 +1330,9 @@ function Ma({
   function N() {
     if (t && !q && (!n || n === "none") && (!a || a === "none"))
       return /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3", children: [
-        /* @__PURE__ */ e.jsx("div", { className: "col-span-1 grid place-items-center", children: /* @__PURE__ */ e.jsx(Ke, {}) }),
-        /* @__PURE__ */ e.jsx("div", { className: "col-span-1 grid place-items-center", children: /* @__PURE__ */ e.jsx(_, { children: "OR" }) }),
-        /* @__PURE__ */ e.jsx("div", { className: "col-span-1 grid place-items-center", children: /* @__PURE__ */ e.jsx(Ke, {}) })
+        /* @__PURE__ */ e.jsx("div", { className: "col-span-1 grid place-items-center", children: /* @__PURE__ */ e.jsx(Ge, {}) }),
+        /* @__PURE__ */ e.jsx("div", { className: "col-span-1 grid place-items-center", children: /* @__PURE__ */ e.jsx(R, { children: "OR" }) }),
+        /* @__PURE__ */ e.jsx("div", { className: "col-span-1 grid place-items-center", children: /* @__PURE__ */ e.jsx(Ge, {}) })
       ] });
   }
   function F() {
@@ -1340,7 +1340,7 @@ function Ma({
       return null;
     if (!n || n === "none")
       return /* @__PURE__ */ e.jsx(
-        He,
+        Be,
         {
           showNone: !0,
           onChange: W,
@@ -1354,13 +1354,13 @@ function Ma({
   }
   function H() {
     return !t || z === "S3" || z === "API" || !n || n === "none" ? null : /* @__PURE__ */ e.jsx(
-      He,
+      Be,
       {
-        onChange: R,
+        onChange: _,
         isError: L,
         isLoading: y,
         items: p,
-        value: r || "",
+        value: l || "",
         title: "Schema"
       }
     );
@@ -1368,10 +1368,10 @@ function Ma({
   function fe() {
     function I() {
       let Z = !1;
-      return z === "API" ? (Z = !1, Z) : ((z === "S3" || t && n && n !== "none" && r) && (Z = !0), Z);
+      return z === "API" ? (Z = !1, Z) : ((z === "S3" || t && n && n !== "none" && l) && (Z = !0), Z);
     }
     return I() ? /* @__PURE__ */ e.jsx(
-      He,
+      Be,
       {
         onChange: i,
         isError: C,
@@ -1385,7 +1385,7 @@ function Ma({
   return /* @__PURE__ */ e.jsxs("aside", { className: "xbg-red-100 flex grow flex-col justify-between", children: [
     /* @__PURE__ */ e.jsxs("section", { className: "space-y-3 px-6 py-4", children: [
       /* @__PURE__ */ e.jsx(
-        He,
+        Be,
         {
           items: o,
           title: "Connection",
@@ -1413,17 +1413,17 @@ function Ma({
         variant: "secondary",
         className: "w-full",
         children: [
-          /* @__PURE__ */ e.jsx(Cn, { className: "mr-2 size-4" }),
+          /* @__PURE__ */ e.jsx(Sn, { className: "mr-2 size-4" }),
           "Help"
         ]
       }
     ) })
   ] });
 }
-function _n(s) {
-  const t = s.toUpperCase().indexOf("WHERE"), a = s.toUpperCase().indexOf("GROUP BY"), n = s.toUpperCase().indexOf("LIMIT"), r = s.toUpperCase().indexOf("ORDER BY");
+function Hn(s) {
+  const t = s.toUpperCase().indexOf("WHERE"), a = s.toUpperCase().indexOf("GROUP BY"), n = s.toUpperCase().indexOf("LIMIT"), l = s.toUpperCase().indexOf("ORDER BY");
   let m = s.length;
-  if (r !== -1 && (m = r), n !== -1 && n < m && (m = n), t !== -1) {
+  if (l !== -1 && (m = l), n !== -1 && n < m && (m = n), t !== -1) {
     const i = s.substring(0, t), o = s.substring(t);
     return `${i} {{ filters | where }} AND ${o.substring(
       6
@@ -1436,16 +1436,16 @@ function _n(s) {
     return `${i} {{ filters | where }} ${o}`;
   }
 }
-function Hn({
+function Bn({
   error: s,
   setShowAIDialog: t,
   setUserInputforAI: a,
   setTriggerAIRun: n
 }) {
-  return /* @__PURE__ */ e.jsxs(Ls, { openDelay: 0, children: [
-    /* @__PURE__ */ e.jsx(Es, { asChild: !0, children: /* @__PURE__ */ e.jsx(w, { variant: "link", className: "h-5 p-0", children: /* @__PURE__ */ e.jsx(un, { className: "h-4 w-4 text-red-500" }) }) }),
-    /* @__PURE__ */ e.jsx(Is, { align: "start", className: "min-w-fit max-w-[500px]", children: /* @__PURE__ */ e.jsx("div", { className: "flex justify-between space-x-4", children: /* @__PURE__ */ e.jsxs("div", { className: "flex grow flex-col space-y-2", children: [
-      /* @__PURE__ */ e.jsx(Vs, { className: "max-h-[250px] min-h-0 overflow-scroll", children: /* @__PURE__ */ e.jsx("p", { className: "overflow-auto rounded-md bg-muted p-2 text-xs leading-relaxed", children: s }) }),
+  return /* @__PURE__ */ e.jsxs(Es, { openDelay: 0, children: [
+    /* @__PURE__ */ e.jsx(Is, { asChild: !0, children: /* @__PURE__ */ e.jsx(w, { variant: "link", className: "h-5 p-0", children: /* @__PURE__ */ e.jsx(xn, { className: "h-4 w-4 text-red-500" }) }) }),
+    /* @__PURE__ */ e.jsx(Vs, { align: "start", className: "min-w-fit max-w-[500px]", children: /* @__PURE__ */ e.jsx("div", { className: "flex justify-between space-x-4", children: /* @__PURE__ */ e.jsxs("div", { className: "flex grow flex-col space-y-2", children: [
+      /* @__PURE__ */ e.jsx(qs, { className: "max-h-[250px] min-h-0 overflow-scroll", children: /* @__PURE__ */ e.jsx("p", { className: "overflow-auto rounded-md bg-muted p-2 text-xs leading-relaxed", children: s }) }),
       /* @__PURE__ */ e.jsxs(
         w,
         {
@@ -1455,7 +1455,7 @@ function Hn({
           size: "sm",
           variant: "outline",
           children: [
-            /* @__PURE__ */ e.jsx(gn, { className: "mr-2 h-4 w-4" }),
+            /* @__PURE__ */ e.jsx(jn, { className: "mr-2 h-4 w-4" }),
             "Debug with AI"
           ]
         }
@@ -1463,18 +1463,18 @@ function Hn({
     ] }) }) })
   ] });
 }
-function Bn({
+function $n({
   text: s,
   onCheckedChange: t,
   checked: a
 }) {
   return /* @__PURE__ */ e.jsxs("div", { className: "xbg-red-100 ml-6 flex items-center gap-2", children: [
-    /* @__PURE__ */ e.jsx(Ue, { checked: a, onCheckedChange: t }),
+    /* @__PURE__ */ e.jsx(Qe, { checked: a, onCheckedChange: t }),
     /* @__PURE__ */ e.jsx("label", { className: "text-xs leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", children: s })
   ] });
 }
-function $n() {
-  const { authToken: s } = Qe(), t = c(
+function Pn() {
+  const { authToken: s } = We(), t = c(
     (m) => m.selectedConnectionId
   ), { data: a } = me({
     queryKey: ["connections"],
@@ -1489,17 +1489,17 @@ function $n() {
   );
   return n == null ? void 0 : n.type;
 }
-function Pn() {
-  const { authToken: s } = Qe(), t = Ge(null), a = c((d) => d.applyFilters), [n, r] = M(""), m = c((d) => d.filterValues), i = c((d) => d.card.sql), o = $n();
+function Kn() {
+  const { authToken: s } = We(), t = Je(null), a = c((d) => d.applyFilters), [n, l] = M(""), m = c((d) => d.filterValues), i = c((d) => d.card.sql), o = Pn();
   return /* @__PURE__ */ e.jsxs(
-    Ls,
+    Es,
     {
       openDelay: 0,
       onOpenChange: async (d) => {
         if (!d)
           return;
         console.log("onOpenChange");
-        const p = await pa(
+        const p = await fa(
           "https://semaphor.cloud/api/v1/filter-sql",
           (s == null ? void 0 : s.accessToken) || "",
           {
@@ -1508,23 +1508,23 @@ function Pn() {
             connection_type: o
           }
         );
-        console.log(p), p.sql ? (console.log(p.records), r(p.sql)) : r("Error");
+        console.log(p), p.sql ? (console.log(p.records), l(p.sql)) : l("Error");
       },
       children: [
-        /* @__PURE__ */ e.jsx(Es, { asChild: !0, children: a && /* @__PURE__ */ e.jsx("p", { className: "p-0 text-xs hover:cursor-pointer", children: "|  Filter Query" }) }),
-        /* @__PURE__ */ e.jsxs(Is, { align: "end", className: "w-[600px]", children: [
+        /* @__PURE__ */ e.jsx(Is, { asChild: !0, children: a && /* @__PURE__ */ e.jsx("p", { className: "p-0 text-xs hover:cursor-pointer", children: "|  Filter Query" }) }),
+        /* @__PURE__ */ e.jsxs(Vs, { align: "end", className: "w-[600px]", children: [
           /* @__PURE__ */ e.jsx("div", { className: "flex justify-between space-x-4", children: /* @__PURE__ */ e.jsx("div", { className: "rounded-sm bg-muted p-2", children: /* @__PURE__ */ e.jsxs("code", { ref: t, className: "font-mono text-sm", children: [
             n,
             /* @__PURE__ */ e.jsx(
-              fa,
+              ga,
               {
-                onClick: () => ot(t),
+                onClick: () => ct(t),
                 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(ct, { className: "h-4 w-4 opacity-70" }),
+            /* @__PURE__ */ e.jsx(dt, { 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." })
           ] })
         ] })
@@ -1532,7 +1532,7 @@ function Pn() {
     }
   );
 }
-const Kn = `
+const Gn = `
 
 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.
 
@@ -1579,15 +1579,15 @@ SELECT label, measure FROM table
 - Label - Category 
 - Measure - Number 
 `;
-function Gn({
+function Jn({
   open: s,
   setOpen: t,
   userInput: a,
   setUserInput: n,
-  triggerAIRun: r,
+  triggerAIRun: l,
   setTriggerAIRun: m
 }) {
-  const i = Ge(null), o = Ge(null), { authToken: d } = Qe(), [p, x] = M(!1), b = c((S) => S.actions.setCardSql), g = k((S) => S.dashboard.baseQueries), h = c((S) => S.actions.setRunSql), u = c((S) => S.actions.setCardType), [j, f] = M([]), v = c((S) => S.currentColumns), O = c((S) => S.card.sql), y = c((S) => S.selectedTableName), L = `
+  const i = Je(null), o = Je(null), { authToken: d } = We(), [p, x] = M(!1), b = c((S) => S.actions.setCardSql), g = k((S) => S.dashboard.baseQueries), h = c((S) => S.actions.setRunSql), u = c((S) => S.actions.setCardType), [j, f] = M([]), v = c((S) => S.currentColumns), O = c((S) => S.card.sql), y = c((S) => S.selectedTableName), L = `
   ${a}
 
   Database Query Dialect: ${y === "api" || y === "s3" ? "DuckDb" : ""}
@@ -1595,7 +1595,7 @@ function Gn({
   Table Columns: ${v == null ? void 0 : v.map((S) => `${S.column_name} | ${S.data_type}`).join(", ")}
   User SQL: ${O}  
   ${g && `Base Queries: ${JSON.stringify(g)} `}`, E = ` When the user asks for a specific chart please use the following query structure to generate the chart query. Do not make up the column names. Use only the table columns provided above for the query. Replace x-axis, y-axis, and lables with the appropriate column names.
-  Visual Query Syntax: ${Kn}`, { data: V, isLoading: T, isFetching: C, isError: z, refetch: q } = me({
+  Visual Query Syntax: ${Gn}`, { data: V, isLoading: T, isFetching: C, isError: z, refetch: q } = me({
     queryKey: ["ai-query"],
     queryFn: () => be(
       "https://semaphor.cloud/api/v1/ai",
@@ -1644,9 +1644,9 @@ function Gn({
     a && (f((S) => [...S, { role: "user", content: a }]), K(a) && x(!0), n(""), q());
   }
   U(() => {
-    r && (A(), m(!1));
-  }, [r, m]);
-  const R = {
+    l && (A(), m(!1));
+  }, [l, m]);
+  const _ = {
     //seleect a darker color
     // color: '#000',
     fontFamily: "Arial, sans-serif",
@@ -1673,12 +1673,12 @@ function Gn({
     listStyleType: "disc"
   }, te = {
     // Override how paragraphs are rendered
-    p: ({ node: S, ...N }) => /* @__PURE__ */ e.jsx("p", { style: R, ...N }),
+    p: ({ node: S, ...N }) => /* @__PURE__ */ e.jsx("p", { style: _, ...N }),
     code: ({ node: S, ...N }) => /* @__PURE__ */ e.jsx("code", { className: "rounded-sm bg-muted px-2 py-1 text-sm", ...N }),
     pre: ({ node: S, ...N }) => /* @__PURE__ */ e.jsxs("pre", { className: "space-y-2 rounded-sm bg-muted/50 p-3", style: W, children: [
       /* @__PURE__ */ e.jsx("code", { className: "whitespace-normal text-sm", children: N.children }),
       /* @__PURE__ */ e.jsxs("div", { className: "flex justify-start gap-2", children: [
-        /* @__PURE__ */ e.jsx(w, { onClick: G, size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(fa, {}) }),
+        /* @__PURE__ */ e.jsx(w, { onClick: G, size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(ga, {}) }),
         /* @__PURE__ */ e.jsx(
           w,
           {
@@ -1688,7 +1688,7 @@ function Gn({
             },
             size: "sm",
             variant: "outline",
-            children: /* @__PURE__ */ e.jsx(mt, {})
+            children: /* @__PURE__ */ e.jsx(ut, {})
           }
         )
       ] })
@@ -1709,13 +1709,13 @@ function Gn({
       {
         className: "flex items-start rounded-md bg-muted p-3 text-sm",
         children: [
-          /* @__PURE__ */ e.jsx(An, { className: "mr-2 h-5 w-5" }),
+          /* @__PURE__ */ e.jsx(Ln, { className: "mr-2 h-5 w-5" }),
           /* @__PURE__ */ e.jsx("div", { children: S.content })
         ]
       },
       N
     ) : S.role === "ai" ? /* @__PURE__ */ e.jsx(
-      ht,
+      mt,
       {
         className: "w-full overflow-auto py-1",
         components: te,
@@ -1724,8 +1724,8 @@ function Gn({
       N
     ) : /* @__PURE__ */ e.jsx("div", {}, N));
   }
-  return /* @__PURE__ */ e.jsxs(Ss, { open: s, onOpenChange: t, children: [
-    /* @__PURE__ */ e.jsx(ks, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+  return /* @__PURE__ */ e.jsxs(ks, { open: s, onOpenChange: t, children: [
+    /* @__PURE__ */ e.jsx(ws, { asChild: !0, children: /* @__PURE__ */ e.jsx(
       w,
       {
         size: "sm",
@@ -1735,13 +1735,13 @@ function Gn({
       }
     ) }),
     /* @__PURE__ */ e.jsxs(
-      zs,
+      Fs,
       {
         className: "flex flex-col justify-between overflow-auto sm:max-w-[425px] md:max-h-[625px] md:min-w-[625px]",
         children: [
-          /* @__PURE__ */ e.jsxs(Fs, { children: [
-            /* @__PURE__ */ e.jsx(Os, { children: "Assistant" }),
-            /* @__PURE__ */ e.jsx(Ms, { children: "What can I help you with?" })
+          /* @__PURE__ */ e.jsxs(Os, { children: [
+            /* @__PURE__ */ e.jsx(Ms, { children: "Assistant" }),
+            /* @__PURE__ */ e.jsx(Ts, { children: "What can I help you with?" })
           ] }),
           /* @__PURE__ */ e.jsx(
             "div",
@@ -1756,7 +1756,7 @@ function Gn({
             {
               children: /* @__PURE__ */ e.jsxs("div", { className: "flex w-full items-center rounded-md border", children: [
                 /* @__PURE__ */ e.jsx(
-                  ga,
+                  ja,
                   {
                     autoFocus: !0,
                     ref: i,
@@ -1784,7 +1784,7 @@ function Gn({
                     size: "sm",
                     variant: "ghost",
                     onClick: A,
-                    children: !T && !C ? /* @__PURE__ */ e.jsx(dt, {}) : /* @__PURE__ */ e.jsx(Je, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" })
+                    children: !T && !C ? /* @__PURE__ */ e.jsx(ht, {}) : /* @__PURE__ */ e.jsx(Ue, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" })
                   }
                 )
               ] })
@@ -1795,71 +1795,71 @@ function Gn({
     )
   ] });
 }
-var Ta = {
+var Da = {
   color: void 0,
   size: void 0,
   className: void 0,
   style: void 0,
   attr: void 0
-}, aa = xe.createContext && /* @__PURE__ */ xe.createContext(Ta), Jn = ["attr", "size", "title"];
-function Un(s, t) {
+}, ta = xe.createContext && /* @__PURE__ */ xe.createContext(Da), Un = ["attr", "size", "title"];
+function Qn(s, t) {
   if (s == null)
     return {};
-  var a = Qn(s, t), n, r;
+  var a = Wn(s, t), n, l;
   if (Object.getOwnPropertySymbols) {
     var m = Object.getOwnPropertySymbols(s);
-    for (r = 0; r < m.length; r++)
-      n = m[r], !(t.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(s, n) && (a[n] = s[n]);
+    for (l = 0; l < m.length; l++)
+      n = m[l], !(t.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(s, n) && (a[n] = s[n]);
   }
   return a;
 }
-function Qn(s, t) {
+function Wn(s, t) {
   if (s == null)
     return {};
-  var a = {}, n = Object.keys(s), r, m;
+  var a = {}, n = Object.keys(s), l, m;
   for (m = 0; m < n.length; m++)
-    r = n[m], !(t.indexOf(r) >= 0) && (a[r] = s[r]);
+    l = n[m], !(t.indexOf(l) >= 0) && (a[l] = s[l]);
   return a;
 }
-function ls() {
-  return ls = Object.assign ? Object.assign.bind() : function(s) {
+function is() {
+  return is = Object.assign ? Object.assign.bind() : function(s) {
     for (var t = 1; t < arguments.length; t++) {
       var a = arguments[t];
       for (var n in a)
         Object.prototype.hasOwnProperty.call(a, n) && (s[n] = a[n]);
     }
     return s;
-  }, ls.apply(this, arguments);
+  }, is.apply(this, arguments);
 }
-function ta(s, t) {
+function na(s, t) {
   var a = Object.keys(s);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(s);
-    t && (n = n.filter(function(r) {
-      return Object.getOwnPropertyDescriptor(s, r).enumerable;
+    t && (n = n.filter(function(l) {
+      return Object.getOwnPropertyDescriptor(s, l).enumerable;
     })), a.push.apply(a, n);
   }
   return a;
 }
-function is(s) {
+function os(s) {
   for (var t = 1; t < arguments.length; t++) {
     var a = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? ta(Object(a), !0).forEach(function(n) {
-      Wn(s, n, a[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(s, Object.getOwnPropertyDescriptors(a)) : ta(Object(a)).forEach(function(n) {
+    t % 2 ? na(Object(a), !0).forEach(function(n) {
+      Yn(s, n, a[n]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(s, Object.getOwnPropertyDescriptors(a)) : na(Object(a)).forEach(function(n) {
       Object.defineProperty(s, n, Object.getOwnPropertyDescriptor(a, n));
     });
   }
   return s;
 }
-function Wn(s, t, a) {
-  return t = Yn(t), t in s ? Object.defineProperty(s, t, { value: a, enumerable: !0, configurable: !0, writable: !0 }) : s[t] = a, s;
+function Yn(s, t, a) {
+  return t = Zn(t), t in s ? Object.defineProperty(s, t, { value: a, enumerable: !0, configurable: !0, writable: !0 }) : s[t] = a, s;
 }
-function Yn(s) {
-  var t = Zn(s, "string");
+function Zn(s) {
+  var t = Xn(s, "string");
   return typeof t == "symbol" ? t : String(t);
 }
-function Zn(s, t) {
+function Xn(s, t) {
   if (typeof s != "object" || s === null)
     return s;
   var a = s[Symbol.toPrimitive];
@@ -1871,30 +1871,30 @@ function Zn(s, t) {
   }
   return (t === "string" ? String : Number)(s);
 }
-function Da(s) {
-  return s && s.map((t, a) => /* @__PURE__ */ xe.createElement(t.tag, is({
+function Aa(s) {
+  return s && s.map((t, a) => /* @__PURE__ */ xe.createElement(t.tag, os({
     key: a
-  }, t.attr), Da(t.child)));
+  }, t.attr), Aa(t.child)));
 }
 function pe(s) {
-  return (t) => /* @__PURE__ */ xe.createElement(Xn, ls({
-    attr: is({}, s.attr)
-  }, t), Da(s.child));
+  return (t) => /* @__PURE__ */ xe.createElement(el, is({
+    attr: os({}, s.attr)
+  }, t), Aa(s.child));
 }
-function Xn(s) {
+function el(s) {
   var t = (a) => {
     var {
       attr: n,
-      size: r,
+      size: l,
       title: m
-    } = s, i = Un(s, Jn), o = r || a.size || "1em", d;
-    return a.className && (d = a.className), s.className && (d = (d ? d + " " : "") + s.className), /* @__PURE__ */ xe.createElement("svg", ls({
+    } = s, i = Qn(s, Un), o = l || a.size || "1em", d;
+    return a.className && (d = a.className), s.className && (d = (d ? d + " " : "") + s.className), /* @__PURE__ */ xe.createElement("svg", is({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
     }, a.attr, n, i, {
       className: d,
-      style: is(is({
+      style: os(os({
         color: s.color || a.color
       }, a.style), s.style),
       height: o,
@@ -1902,27 +1902,27 @@ function Xn(s) {
       xmlns: "http://www.w3.org/2000/svg"
     }), m && /* @__PURE__ */ xe.createElement("title", null, m), s.children);
   };
-  return aa !== void 0 ? /* @__PURE__ */ xe.createElement(aa.Consumer, null, (a) => t(a)) : t(Ta);
+  return ta !== void 0 ? /* @__PURE__ */ xe.createElement(ta.Consumer, null, (a) => t(a)) : t(Da);
 }
-function er(s) {
+function sl(s) {
   return pe({ 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 sr() {
-  const { theme: s } = ut(), t = Ge(), a = Ge(), [n, r] = M(!1), [m, i] = M(!1), [o, d] = M(!1), [p, x] = M(""), [b, g] = M(!1), { authToken: h } = Qe();
-  k((l) => l.selectedSheetId);
-  const u = k((l) => l.dashboard.baseQueries), j = c((l) => l.card), f = k((l) => l.theme), v = c((l) => l.isShowingVisual), O = c(
-    (l) => l.selectedConnectionId
+function al() {
+  const { theme: s } = xt(), t = Je(), a = Je(), [n, l] = M(!1), [m, i] = M(!1), [o, d] = M(!1), [p, x] = M(""), [b, g] = M(!1), { authToken: h } = We();
+  k((r) => r.selectedSheetId);
+  const u = k((r) => r.dashboard.baseQueries), j = c((r) => r.card), f = k((r) => r.theme), v = c((r) => r.isShowingVisual), O = c(
+    (r) => r.selectedConnectionId
   ), y = c(
-    (l) => l.selectedDatabaseName
+    (r) => r.selectedDatabaseName
   ), L = c(
-    (l) => l.selectedDatamodelId
+    (r) => r.selectedDatamodelId
   ), E = c(
-    (l) => l.selectedSchemaName
+    (r) => r.selectedSchemaName
   );
   k(
-    (l) => l.actions.updateFrameCard
+    (r) => r.actions.updateFrameCard
   );
-  const V = c((l) => l.selectedTableName), T = c((l) => l.card.sql), C = c((l) => l.card.python), z = xt(T, u), q = c((l) => l.selectedConnectionId), K = c((l) => l.frame), A = k((l) => l.filterValues), R = c((l) => l.applyFilters), {
+  const V = c((r) => r.selectedTableName), T = c((r) => r.card.sql), C = c((r) => r.card.python), z = pt(T, u), q = c((r) => r.selectedConnectionId), K = c((r) => r.frame), A = k((r) => r.filterValues), _ = c((r) => r.applyFilters), {
     setCardCustomCfg: W,
     setQueryResultColumns: J,
     setFilterValues: te,
@@ -1931,49 +1931,49 @@ function sr() {
     setQueryError: S,
     setPythonStdOut: N,
     setCardPreferences: F
-  } = c((l) => l.actions), H = c((l) => l.onSave), fe = c(
-    (l) => l.actions.setApplyFilters
-  ), ae = c((l) => l.onClose), I = c((l) => l.actions.setCardData), Z = c((l) => l.actions.setSqlGen), se = c((l) => l.runSql), ye = c((l) => l.actions.setRunSql), ge = c(
-    (l) => l.actions.setIsSqlRunning
+  } = c((r) => r.actions), H = c((r) => r.onSave), fe = c(
+    (r) => r.actions.setApplyFilters
+  ), ae = c((r) => r.onClose), I = c((r) => r.actions.setCardData), Z = c((r) => r.actions.setSqlGen), se = c((r) => r.runSql), ye = c((r) => r.actions.setRunSql), ge = c(
+    (r) => r.actions.setIsSqlRunning
   ), {
     data: Q,
-    isLoading: re,
-    isFetching: le,
+    isLoading: le,
+    isFetching: re,
     isSuccess: ve,
     isError: Se,
-    error: qe,
-    status: Ks,
+    error: Re,
+    status: Gs,
     refetch: ke
   } = me({
     queryKey: [z, C],
-    queryFn: () => pa(
+    queryFn: () => fa(
       "https://semaphor.cloud/api/v1/query",
       (h == null ? void 0 : h.accessToken) || "",
       {
         connection_id: q,
         sql: z,
-        python: C === Qs ? "" : C,
-        active_filters: R ? A : []
+        python: C === Ws ? "" : C,
+        active_filters: _ ? A : []
       }
     ),
     enabled: !1,
     retry: !1
   });
   U(() => {
-    if (Q && (I(Q.records), Q.rowLimitExceeded && bs.error("Row limit (10,000) exceeded. Refine your query.", {
+    if (Q && (I(Q.records), Q.rowLimitExceeded && ys.error("Row limit (10,000) exceeded. Refine your query.", {
       position: "top-center",
       richColors: !0
     }), N((Q == null ? void 0 : Q.output) || ""), Q.records.length > 0)) {
-      const { dimensionKeys: l } = vs(Q.records);
-      J(l);
+      const { dimensionKeys: r } = Ns(Q.records);
+      J(r);
     }
   }, [Q, I, J, N]), U(() => {
     se && (ke(), ye(!1));
   }, [se, ke, ye]), U(() => {
-    (re || le) && ge(!0), (Se || ve) && ge(!1), Se ? (S(qe.message), I([]), J([]), N("")) : S("");
+    (le || re) && ge(!0), (Se || ve) && ge(!1), Se ? (S(Re.message), I([]), J([]), N("")) : S("");
   }, [
-    re,
     le,
+    re,
     Q,
     N,
     Se,
@@ -1982,17 +1982,17 @@ function sr() {
     I,
     J,
     S,
-    qe
+    Re
   ]);
-  function ms() {
+  function us() {
     G(""), I([]), Z({}), W(""), F({});
   }
-  const We = (l) => {
-    a.current = l;
+  const Ye = (r) => {
+    a.current = r;
   };
-  function us() {
-    let l = T;
-    T && !T.includes("{{") && (l = _n(T), G(l));
+  function xs() {
+    let r = T;
+    T && !T.includes("{{") && (r = Hn(T), G(r));
     const ie = {
       ...j,
       lastSelectedSchema: E,
@@ -2001,62 +2001,62 @@ function sr() {
       lastSelectedTable: V,
       connectionId: O,
       type: v ? j.type : "table",
-      sql: l,
+      sql: r,
       customCfg: v ? j.customCfg : null
-    }, _e = K.cards.map(
+    }, He = K.cards.map(
       (Ne) => Ne.id === j.id ? ie : Ne
     );
     H == null || H({
       ...K,
-      cards: _e
+      cards: He
     });
   }
-  function xs() {
+  function ps() {
     ae == null || ae();
   }
-  function Ye(l) {
+  function Ze(r) {
     const ie = getComputedStyle(
       document.documentElement
-    ).getPropertyValue(l);
-    return Ze(ie);
+    ).getPropertyValue(r);
+    return Xe(ie);
   }
-  function Ze(l) {
-    const [ie, _e, Ne] = l.split(" "), X = parseFloat(ie), Ka = parseFloat(_e), Ga = parseFloat(Ne), Ja = Ka / 100, Gs = Ga / 100, je = (1 - Math.abs(2 * Gs - 1)) * Ja, we = je * (1 - Math.abs(X / 60 % 2 - 1)), ps = Gs - je / 2;
+  function Xe(r) {
+    const [ie, He, Ne] = r.split(" "), X = parseFloat(ie), Ga = parseFloat(He), Ja = parseFloat(Ne), Ua = Ga / 100, Js = Ja / 100, je = (1 - Math.abs(2 * Js - 1)) * Ua, we = je * (1 - Math.abs(X / 60 % 2 - 1)), fs = Js - je / 2;
     let oe = 0, ce = 0, de = 0;
-    0 <= X && X < 60 ? (oe = je, ce = we, de = 0) : 60 <= X && X < 120 ? (oe = we, ce = je, de = 0) : 120 <= X && X < 180 ? (oe = 0, ce = je, de = we) : 180 <= X && X < 240 ? (oe = 0, ce = we, de = je) : 240 <= X && X < 300 ? (oe = we, ce = 0, de = je) : 300 <= X && X < 360 && (oe = je, ce = 0, de = we), oe = Math.round((oe + ps) * 255), ce = Math.round((ce + ps) * 255), de = Math.round((de + ps) * 255);
-    const fs = (Ua) => {
-      const gs = Ua.toString(16);
-      return gs.length == 1 ? "0" + gs : gs;
+    0 <= X && X < 60 ? (oe = je, ce = we, de = 0) : 60 <= X && X < 120 ? (oe = we, ce = je, de = 0) : 120 <= X && X < 180 ? (oe = 0, ce = je, de = we) : 180 <= X && X < 240 ? (oe = 0, ce = we, de = je) : 240 <= X && X < 300 ? (oe = we, ce = 0, de = je) : 300 <= X && X < 360 && (oe = je, ce = 0, de = we), oe = Math.round((oe + fs) * 255), ce = Math.round((ce + fs) * 255), de = Math.round((de + fs) * 255);
+    const gs = (Qa) => {
+      const js = Qa.toString(16);
+      return js.length == 1 ? "0" + js : js;
     };
-    return `#${fs(oe)}${fs(ce)}${fs(de)}`;
+    return `#${gs(oe)}${gs(ce)}${gs(de)}`;
   }
   U(() => {
-    const l = t.current, ie = a.current;
-    if (l) {
-      const _e = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", Ne = f === "system" ? _e : f;
-      l.editor.defineTheme("default", {
+    const r = t.current, ie = a.current;
+    if (r) {
+      const He = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", Ne = f === "system" ? He : f;
+      r.editor.defineTheme("default", {
         // base: theme === 'light' ? 'hc-light' : 'vs-dark',
         base: Ne === "light" ? "vs" : "vs-dark",
         inherit: !0,
         rules: [],
         colors: {
           // 'editor.background': activeTheme === 'light' ? '#ffffff' : '#020817',
-          "editor.background": Ne === "light" ? "#ffffff" : Ye("--semaphor-background")
+          "editor.background": Ne === "light" ? "#ffffff" : Ze("--semaphor-background")
         }
-      }), l.editor.setTheme("default");
+      }), r.editor.setTheme("default");
     }
-    return ie && l && ie.addCommand(
-      l.KeyMod.Shift | l.KeyCode.Enter,
+    return ie && r && ie.addCommand(
+      r.KeyMod.Shift | r.KeyCode.Enter,
       function() {
         return console.log("Executing query..."), ke(), !1;
       }
     ), () => {
     };
   }, [s, f, t.current]);
-  function Re(l) {
-    t.current = l;
+  function _e(r) {
+    t.current = r;
   }
-  function Xe() {
+  function es() {
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       m && /* @__PURE__ */ e.jsx(
         "div",
@@ -2066,16 +2066,16 @@ function sr() {
           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(
-                Bn,
+                $n,
                 {
-                  checked: R,
-                  onCheckedChange: () => fe(!R),
+                  checked: _,
+                  onCheckedChange: () => fe(!_),
                   text: "Apply Filters"
                 }
               ),
-              /* @__PURE__ */ e.jsx(Pn, {}),
+              /* @__PURE__ */ e.jsx(Kn, {}),
               A && m && /* @__PURE__ */ e.jsx(
-                $e,
+                Pe,
                 {
                   onClick: () => i(!1),
                   className: "bg-background/50 text-foreground/50 hover:cursor-pointer hover:text-foreground"
@@ -2083,13 +2083,13 @@ function sr() {
               )
             ] }),
             /* @__PURE__ */ e.jsx(
-              Be,
+              $e,
               {
                 theme: "default",
-                onChange: (l) => {
-                  if (l)
+                onChange: (r) => {
+                  if (r)
                     try {
-                      JSON.parse(l), te(JSON.parse(l));
+                      JSON.parse(r), te(JSON.parse(r));
                     } catch {
                     }
                 },
@@ -2117,22 +2117,22 @@ function sr() {
         }
       ),
       A && !m && /* @__PURE__ */ e.jsx(
-        oa,
+        ca,
         {
           onClick: () => i(!0),
           className: Y(
             "absolute bottom-4 right-6 h-3 w-3 text-foreground/50 hover:cursor-pointer hover:text-foreground",
             {
-              "font-bold text-red-800": R
+              "font-bold text-red-800": _
             }
           )
         }
       )
     ] });
   }
-  function es() {
+  function ss() {
     return /* @__PURE__ */ e.jsxs(
-      Ns,
+      Cs,
       {
         className: "flex grow pb-1",
         direction: "vertical",
@@ -2152,12 +2152,12 @@ function sr() {
                     role: "sql-container",
                     className: "relative flex w-[99%]",
                     children: /* @__PURE__ */ e.jsx(
-                      Be,
+                      $e,
                       {
                         theme: "default",
                         className: "pt-3",
-                        onChange: (l) => {
-                          G(l);
+                        onChange: (r) => {
+                          G(r);
                         },
                         value: T,
                         options: {
@@ -2173,8 +2173,8 @@ function sr() {
                           renderLineHighlight: "none"
                         },
                         defaultLanguage: "sql",
-                        beforeMount: Re,
-                        onMount: We
+                        beforeMount: _e,
+                        onMount: Ye
                       }
                     )
                   }
@@ -2184,7 +2184,7 @@ function sr() {
             }
           ),
           n && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-            /* @__PURE__ */ e.jsx(Cs, { withHandle: !0, className: "border" }),
+            /* @__PURE__ */ e.jsx(Ss, { withHandle: !0, className: "border" }),
             /* @__PURE__ */ e.jsxs(
               Fe,
               {
@@ -2199,14 +2199,14 @@ function sr() {
                       role: "python-container",
                       className: "relative flex w-[99%] pt-0",
                       children: /* @__PURE__ */ e.jsx(
-                        Be,
+                        $e,
                         {
                           className: "pt-3",
                           theme: "default",
-                          onChange: (l) => {
-                            ne(l && l.trim() || "");
+                          onChange: (r) => {
+                            ne(r && r.trim() || "");
                           },
-                          value: C || Qs,
+                          value: C || Ws,
                           options: {
                             minimap: {
                               enabled: !1
@@ -2220,8 +2220,8 @@ function sr() {
                             renderLineHighlight: "none"
                           },
                           defaultLanguage: "python",
-                          beforeMount: Re,
-                          onMount: We
+                          beforeMount: _e,
+                          onMount: Ye
                         }
                       )
                     }
@@ -2249,8 +2249,8 @@ function sr() {
               role: "sql-editor",
               className: "relative flex grow justify-between overflow-y-scroll",
               children: [
-                es(),
-                Xe()
+                ss(),
+                es()
               ]
             }
           ),
@@ -2265,7 +2265,7 @@ function sr() {
                     w,
                     {
                       title: "Shift + Enter",
-                      disabled: re || le,
+                      disabled: le || re,
                       onClick: () => {
                         ke();
                       },
@@ -2273,15 +2273,15 @@ function sr() {
                       size: "sm",
                       variant: "outline",
                       children: [
-                        re || le ? /* @__PURE__ */ e.jsx(Je, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(kn, { className: "mr-2 h-4 w-4" }),
+                        le || re ? /* @__PURE__ */ e.jsx(Ue, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(wn, { className: "mr-2 h-4 w-4" }),
                         "Run"
                       ]
                     }
                   ),
                   Se && /* @__PURE__ */ e.jsx(
-                    Hn,
+                    Bn,
                     {
-                      error: qe.message,
+                      error: Re.message,
                       setShowAIDialog: d,
                       setTriggerAIRun: g,
                       setUserInputforAI: x
@@ -2290,36 +2290,36 @@ function sr() {
                   /* @__PURE__ */ e.jsxs(
                     w,
                     {
-                      onClick: ms,
+                      onClick: us,
                       className: "",
                       size: "sm",
                       variant: "outline",
                       children: [
-                        /* @__PURE__ */ e.jsx(pn, { className: "mr-2 size-4" }),
+                        /* @__PURE__ */ e.jsx(fn, { className: "mr-2 size-4" }),
                         "Clear"
                       ]
                     }
                   ),
                   /* @__PURE__ */ e.jsx(
-                    ua,
+                    xa,
                     {
                       pressed: n,
-                      onPressedChange: (l) => r(l),
+                      onPressedChange: (r) => l(r),
                       className: "",
                       size: "sm",
                       variant: "outline",
-                      children: /* @__PURE__ */ e.jsx(er, { className: "size-4 text-foreground/70" })
+                      children: /* @__PURE__ */ e.jsx(sl, { className: "size-4 text-foreground/70" })
                     }
                   ),
                   /* @__PURE__ */ e.jsx(
-                    Gn,
+                    Jn,
                     {
                       open: o,
                       setOpen: d,
                       userInput: p,
                       triggerAIRun: b,
                       setTriggerAIRun: g,
-                      setUserInput: (l) => x(l)
+                      setUserInput: (r) => x(r)
                     }
                   )
                 ] }),
@@ -2327,11 +2327,11 @@ function sr() {
                   /* @__PURE__ */ e.jsxs(
                     w,
                     {
-                      onClick: us,
+                      onClick: xs,
                       size: "sm",
                       variant: "outline",
                       children: [
-                        /* @__PURE__ */ e.jsx(pt, { className: "mr-2 size-4 font-bold text-green-600" }),
+                        /* @__PURE__ */ e.jsx(ft, { className: "mr-2 size-4 font-bold text-green-600" }),
                         "Accept"
                       ]
                     }
@@ -2339,12 +2339,12 @@ function sr() {
                   /* @__PURE__ */ e.jsxs(
                     w,
                     {
-                      onClick: xs,
+                      onClick: ps,
                       className: "w-full",
                       size: "sm",
                       variant: "outline",
                       children: [
-                        /* @__PURE__ */ e.jsx($e, { className: "mr-2 size-4" }),
+                        /* @__PURE__ */ e.jsx(Pe, { className: "mr-2 size-4" }),
                         "Close"
                       ]
                     }
@@ -2358,9 +2358,9 @@ function sr() {
     )
   );
 }
-function ar({ data: s }) {
+function tl({ data: s }) {
   var i;
-  const [t, a] = xe.useState([]), r = Object.keys(s[0]).map((o) => ({
+  const [t, a] = xe.useState([]), l = Object.keys(s[0]).map((o) => ({
     // header: key,
     accessorKey: o,
     header: ({ column: d }) => {
@@ -2372,40 +2372,40 @@ function ar({ data: s }) {
           onClick: () => d.toggleSorting(d.getIsSorted() === "asc"),
           children: [
             o,
-            p === "asc" ? /* @__PURE__ */ e.jsx(ft, { className: "ml-2 h-5 w-5" }) : p === "desc" ? /* @__PURE__ */ e.jsx(gt, { className: "ml-2 h-5 w-5" }) : null
+            p === "asc" ? /* @__PURE__ */ e.jsx(gt, { className: "ml-2 h-5 w-5" }) : p === "desc" ? /* @__PURE__ */ e.jsx(jt, { className: "ml-2 h-5 w-5" }) : null
           ]
         }
       ) });
     }
-  })), m = jt({
+  })), m = bt({
     data: s,
-    columns: r,
-    getCoreRowModel: Ct(),
-    getPaginationRowModel: St(),
+    columns: l,
+    getCoreRowModel: St(),
+    getPaginationRowModel: kt(),
     onSortingChange: a,
-    getSortedRowModel: kt(),
+    getSortedRowModel: wt(),
     manualPagination: !0,
     state: {
       sorting: t
     }
   });
-  return /* @__PURE__ */ e.jsxs(bt, { children: [
-    /* @__PURE__ */ e.jsx(yt, { children: m.getHeaderGroups().map((o) => /* @__PURE__ */ e.jsx(js, { children: o.headers.map((d) => /* @__PURE__ */ e.jsx(vt, { className: "sticky top-0 bg-muted", children: d.isPlaceholder ? null : Ws(
+  return /* @__PURE__ */ e.jsxs(yt, { children: [
+    /* @__PURE__ */ e.jsx(vt, { children: m.getHeaderGroups().map((o) => /* @__PURE__ */ e.jsx(bs, { children: o.headers.map((d) => /* @__PURE__ */ e.jsx(Nt, { className: "sticky top-0 bg-muted", children: d.isPlaceholder ? null : Ys(
       d.column.columnDef.header,
       d.getContext()
     ) }, d.id)) }, o.id)) }),
-    /* @__PURE__ */ e.jsx(Nt, { children: (i = m.getRowModel().rows) != null && i.length ? m.getRowModel().rows.map((o) => /* @__PURE__ */ e.jsx(
-      js,
+    /* @__PURE__ */ e.jsx(Ct, { children: (i = m.getRowModel().rows) != null && i.length ? m.getRowModel().rows.map((o) => /* @__PURE__ */ e.jsx(
+      bs,
       {
         className: "whitespace-nowrap py-2",
         "data-state": o.getIsSelected() && "selected",
-        children: o.getVisibleCells().map((d) => /* @__PURE__ */ e.jsx(Ys, { children: Ws(d.column.columnDef.cell, d.getContext()) }, d.id))
+        children: o.getVisibleCells().map((d) => /* @__PURE__ */ e.jsx(Zs, { children: Ys(d.column.columnDef.cell, d.getContext()) }, d.id))
       },
       o.id
-    )) : /* @__PURE__ */ e.jsx(js, { children: /* @__PURE__ */ e.jsx(Ys, { colSpan: r.length, className: "h-24 text-center", children: "No results." }) }) })
+    )) : /* @__PURE__ */ e.jsx(bs, { children: /* @__PURE__ */ e.jsx(Zs, { colSpan: l.length, className: "h-24 text-center", children: "No results." }) }) })
   ] });
 }
-function Aa({
+function La({
   // card,
   showCard: s,
   className: t,
@@ -2413,90 +2413,90 @@ function Aa({
 }) {
   var h;
   xe.useState(0);
-  const n = k((u) => u.themeStyle), r = c((u) => u.card), m = c((u) => u.frame), i = k((u) => u.dashboard.filters), o = k((u) => u.filterValues), d = c((u) => u.actions.setRunSql), { updateFilter: p } = wt(), x = i == null ? void 0 : i.find((u) => u.id === m.filterId), b = c((u) => u.actions.setCard);
+  const n = k((u) => u.themeStyle), l = c((u) => u.card), m = c((u) => u.frame), i = k((u) => u.dashboard.filters), o = k((u) => u.filterValues), d = c((u) => u.actions.setRunSql), { updateFilter: p } = zt(), x = i == null ? void 0 : i.find((u) => u.id === m.filterId), b = c((u) => u.actions.setCard);
   if (U(() => {
     d(!0);
   }, [o]), U(() => {
   }, [
-    r.data,
-    r.type,
-    r.cfg,
-    r.customCfg,
+    l.data,
+    l.type,
+    l.cfg,
+    l.customCfg,
     n,
-    r.preferences
-  ]), !r.id)
+    l.preferences
+  ]), !l.id)
     return null;
   let g;
-  return r.data && r.data.length > 0 && (g = ja({
-    data: r.data,
-    cardType: r.type,
-    cfg: r.cfg,
-    customCfg: r.customCfg,
-    preferences: r.preferences
+  return l.data && l.data.length > 0 && (g = ba({
+    data: l.data,
+    cardType: l.type,
+    cfg: l.cfg,
+    customCfg: l.customCfg,
+    preferences: l.preferences
   })), /* @__PURE__ */ e.jsxs(
-    zt,
+    Ft,
     {
       role: "editor-visual-card",
       className: Y("relative flex h-full flex-col rounded-none", t),
       ...a,
       children: [
-        /* @__PURE__ */ e.jsxs(Ft, { className: "flex flex-row items-start justify-between py-4", children: [
+        /* @__PURE__ */ e.jsxs(Ot, { className: "flex flex-row items-start justify-between py-4", children: [
           /* @__PURE__ */ e.jsxs("div", { children: [
             /* @__PURE__ */ e.jsx(
-              as,
+              ts,
               {
-                text: r.title,
-                onSave: (u) => b({ ...r, title: u }),
-                children: /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e.jsx(Ot, { className: "text-base", children: r.title }) })
+                text: l.title,
+                onSave: (u) => b({ ...l, title: u }),
+                children: /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e.jsx(Mt, { className: "text-base", children: l.title }) })
               },
-              r.title
+              l.title
             ),
             /* @__PURE__ */ e.jsx(
-              as,
+              ts,
               {
-                text: r.description || "",
-                onSave: (u) => b({ ...r, description: u }),
-                children: /* @__PURE__ */ e.jsxs(Mt, { children: [
+                text: l.description || "",
+                onSave: (u) => b({ ...l, description: u }),
+                children: /* @__PURE__ */ e.jsxs(Tt, { children: [
                   " ",
-                  r.description
+                  l.description
                 ] })
               },
-              r.description
+              l.description
             )
           ] }),
           x && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
             /* @__PURE__ */ e.jsx(
-              as,
+              ts,
               {
                 className: "my-1",
                 text: x.title || x.column,
                 onSave: (u) => p({ ...x, title: u }),
-                children: /* @__PURE__ */ e.jsx(_, { children: x.title })
+                children: /* @__PURE__ */ e.jsx(R, { children: x.title })
               }
             ),
-            Tt(x)
+            Dt(x)
           ] })
         ] }),
-        /* @__PURE__ */ e.jsxs(Dt, { className: "flex grow flex-col pb-3", children: [
-          r.type !== "table" && g && // <ChartJsVisual key={visualKey} cfg={cfg} />
+        /* @__PURE__ */ e.jsxs(At, { className: "flex grow flex-col pb-3", children: [
+          l.type !== "table" && g && // <ChartJsVisual key={visualKey} cfg={cfg} />
           /* @__PURE__ */ e.jsx(
-            At,
+            Lt,
             {
               cfg: g
             },
-            JSON.stringify(g) + JSON.stringify(r.preferences) + ((h = r == null ? void 0 : r.preferences) == null ? void 0 : h.customVisualCode)
+            JSON.stringify(g) + JSON.stringify(l.preferences) + ((h = l == null ? void 0 : l.preferences) == null ? void 0 : h.customVisualCode)
           ),
-          r.type === "table" && r.data && r.data.length > 0 && // All of the below css classes are #IMPORTANT for the table to scroll properly
-          /* @__PURE__ */ e.jsx(Lt, { className: "flex min-h-0 flex-1 grow basis-0", children: /* @__PURE__ */ e.jsx(Et, { card: r, data: r == null ? void 0 : r.data }) })
+          l.type === "table" && l.data && l.data.length > 0 && // All of the below css classes are #IMPORTANT for the table to scroll properly
+          /* @__PURE__ */ e.jsx(Et, { className: "flex min-h-0 flex-1 grow basis-0", children: /* @__PURE__ */ e.jsx(It, { card: l, data: l == null ? void 0 : l.data }) })
         ] })
       ]
     }
   );
 }
-function tr() {
-  const [s, t] = M(!1), [a, n] = M(""), [r, m] = M(""), [i, o] = M(""), [d, p] = M(""), x = c((y) => y.card), b = c(
+function nl() {
+  const [s, t] = M(!1), [a, n] = M(""), [l, m] = M(""), [i, o] = M(""), [d, p] = M(""), x = c((y) => y.card), b = c(
     (y) => y.card.customCfg
-  ), { setCardCustomCfg: g, setCustomVisualCode: h } = qs();
+  ), { setCardCustomCfg: g, setCustomVisualCode: h } = Rs();
   function u(y) {
     var V, T;
     const L = {
@@ -2515,7 +2515,7 @@ function tr() {
     var L, E;
     if (!x.data || x.data.length === 0)
       return;
-    const y = ja({
+    const y = ba({
       data: x.data,
       cardType: x.type,
       cfg: x.cfg,
@@ -2524,9 +2524,9 @@ function tr() {
     y && (n(JSON.stringify(y, null, 1)), (L = x == null ? void 0 : x.preferences) != null && L.customVisualCode && o((E = x == null ? void 0 : x.preferences) == null ? void 0 : E.customVisualCode), b && m(JSON.stringify(b, null, 1)));
   }
   function f() {
-    if (i && h(i), !!r)
+    if (i && h(i), !!l)
       try {
-        const y = JSON.parse(r);
+        const y = JSON.parse(l);
         return y ? (g(y), p(""), m(""), y) : void 0;
       } catch (y) {
         console.log(y), p("Invalid JSON");
@@ -2538,33 +2538,33 @@ function tr() {
   function O() {
     let y;
     if (b) {
-      const L = Zs.cloneDeep(x.cfg), E = Zs.merge(L, b);
+      const L = Xs.cloneDeep(x.cfg), E = Xs.merge(L, b);
       return y = u(E), y;
     }
     return a ? (y = u(JSON.parse(a)), y) : "";
   }
-  return /* @__PURE__ */ e.jsxs(Ss, { open: s, onOpenChange: t, children: [
-    /* @__PURE__ */ e.jsx(ks, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+  return /* @__PURE__ */ e.jsxs(ks, { open: s, onOpenChange: t, children: [
+    /* @__PURE__ */ e.jsx(ws, { asChild: !0, children: /* @__PURE__ */ e.jsx(
       w,
       {
         onClick: j,
         className: ` ${b && "border-foreground/50 dark:border-foreground/70"}`,
         size: "sm",
         variant: "outline",
-        children: /* @__PURE__ */ e.jsx(It, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ e.jsx(Vt, { className: "h-4 w-4" })
       }
     ) }),
     /* @__PURE__ */ e.jsxs(
-      zs,
+      Fs,
       {
         className: "max-h-[70vh] min-h-[70vh] overflow-auto sm:min-w-[900px] lg:min-w-[1200px]",
         children: [
-          /* @__PURE__ */ e.jsxs(Fs, { className: "", children: [
+          /* @__PURE__ */ e.jsxs(Os, { className: "", children: [
             /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ e.jsx(Os, { children: "Customize Card" }),
-              /* @__PURE__ */ e.jsxs(Ts, { children: [
-                /* @__PURE__ */ e.jsx(ca, { children: /* @__PURE__ */ e.jsx(
-                  bn,
+              /* @__PURE__ */ e.jsx(Ms, { children: "Customize Card" }),
+              /* @__PURE__ */ e.jsxs(Ds, { children: [
+                /* @__PURE__ */ e.jsx(da, { children: /* @__PURE__ */ e.jsx(
+                  yn,
                   {
                     onClick: () => {
                       navigator.clipboard.writeText(x.id);
@@ -2572,10 +2572,10 @@ function tr() {
                     className: "size-3 cursor-pointer text-muted-foreground/70 transition-colors hover:text-muted-foreground"
                   }
                 ) }),
-                /* @__PURE__ */ e.jsx(Ds, { side: "right", align: "center", children: /* @__PURE__ */ e.jsx("p", { className: "text-xs", children: "Copy Card ID" }) })
+                /* @__PURE__ */ e.jsx(As, { side: "right", align: "center", children: /* @__PURE__ */ e.jsx("p", { className: "text-xs", children: "Copy Card ID" }) })
               ] })
             ] }),
-            /* @__PURE__ */ e.jsxs(Ms, { children: [
+            /* @__PURE__ */ e.jsxs(Ts, { children: [
               "See the configuration options and documentation",
               /* @__PURE__ */ e.jsx(
                 "a",
@@ -2589,23 +2589,23 @@ function tr() {
             ] })
           ] }),
           /* @__PURE__ */ e.jsxs("div", { className: "flex grow gap-2", children: [
-            /* @__PURE__ */ e.jsx(Aa, { className: "w-1/2 rounded shadow-none" }),
-            /* @__PURE__ */ e.jsxs(ba, { defaultValue: "custom-config", className: "flex w-1/2 flex-col", children: [
-              /* @__PURE__ */ e.jsxs(ya, { className: "justify-start rounded-sm rounded-b-none border border-b-0", children: [
-                /* @__PURE__ */ e.jsxs(ts, { value: "custom-config", children: [
-                  b && /* @__PURE__ */ e.jsx(va, { className: "mr-1 h-5 w-5 text-green-600" }),
+            /* @__PURE__ */ e.jsx(La, { className: "w-1/2 rounded shadow-none" }),
+            /* @__PURE__ */ e.jsxs(ya, { defaultValue: "custom-config", className: "flex w-1/2 flex-col", children: [
+              /* @__PURE__ */ e.jsxs(va, { className: "justify-start rounded-sm rounded-b-none border border-b-0", children: [
+                /* @__PURE__ */ e.jsxs(ns, { value: "custom-config", children: [
+                  b && /* @__PURE__ */ e.jsx(Na, { className: "mr-1 h-5 w-5 text-green-600" }),
                   b ? "Custom Config" : "Default Config"
                 ] }),
-                /* @__PURE__ */ e.jsx(ts, { className: "", value: "output", children: "Output" }),
-                /* @__PURE__ */ e.jsx(ts, { className: "", value: "custom-code", children: "Custom Code" })
+                /* @__PURE__ */ e.jsx(ns, { className: "", value: "output", children: "Output" }),
+                /* @__PURE__ */ e.jsx(ns, { className: "", value: "custom-code", children: "Custom Code" })
               ] }),
               /* @__PURE__ */ e.jsx(
-                ns,
+                ls,
                 {
                   className: "bg-red-x mt-0 grow rounded-b border border-t-0 p-2",
                   value: "output",
                   children: /* @__PURE__ */ e.jsx(
-                    ga,
+                    ja,
                     {
                       disabled: !0,
                       value: a,
@@ -2615,12 +2615,12 @@ function tr() {
                 }
               ),
               /* @__PURE__ */ e.jsx(
-                ns,
+                ls,
                 {
                   className: "mt-0 grow rounded-b border border-t-0",
                   value: "custom-config",
                   children: /* @__PURE__ */ e.jsx(
-                    Be,
+                    $e,
                     {
                       className: "h-full w-full overflow-hidden",
                       theme: "default",
@@ -2644,12 +2644,12 @@ function tr() {
                 }
               ),
               /* @__PURE__ */ e.jsx(
-                ns,
+                ls,
                 {
                   className: "mt-0 grow rounded-b border border-t-0",
                   value: "custom-code",
                   children: /* @__PURE__ */ e.jsx(
-                    Be,
+                    $e,
                     {
                       className: "h-full w-full overflow-hidden",
                       theme: "default",
@@ -2674,8 +2674,8 @@ function tr() {
               )
             ] })
           ] }),
-          /* @__PURE__ */ e.jsxs(la, { className: "flex items-center", children: [
-            /* @__PURE__ */ e.jsx(_, { className: "mr-2 text-red-500", children: d }),
+          /* @__PURE__ */ e.jsxs(ia, { className: "flex items-center", children: [
+            /* @__PURE__ */ e.jsx(R, { className: "mr-2 text-red-500", children: d }),
             /* @__PURE__ */ e.jsx(
               w,
               {
@@ -2693,47 +2693,47 @@ function tr() {
     )
   ] });
 }
-function La(s) {
+function Ea(s) {
   return pe({ 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 Ea(s) {
+function Ia(s) {
   return pe({ 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 Ia(s) {
+function Va(s) {
   return pe({ 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 Va(s) {
+function qa(s) {
   return pe({ 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 qa(s) {
+function Ra(s) {
   return pe({ 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 Ra(s) {
+function _a(s) {
   return pe({ 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 _a(s) {
+function Ha(s) {
   return pe({ 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 Ha(s) {
+function Ba(s) {
   return pe({ 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 nr() {
-  const [s, t] = M(!1), a = c((d) => d.card.type), { setCardType: n, setCardPreferences: r, setChartOrientation: m } = c((d) => d.actions), i = c(
+function ll() {
+  const [s, t] = M(!1), a = c((d) => d.card.type), { setCardType: n, setCardPreferences: l, setChartOrientation: m } = c((d) => d.actions), i = c(
     (d) => d.actions.setCardCustomCfg
   );
   function o(d) {
-    i(null), r({}), n(d), t(!1);
+    i(null), l({}), n(d), t(!1);
   }
-  return /* @__PURE__ */ e.jsxs(os, { open: s, onOpenChange: t, children: [
-    /* @__PURE__ */ e.jsx(cs, { asChild: !0, children: /* @__PURE__ */ e.jsx(w, { size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(rr, { className: "h-4 w-4", chartType: a }) }) }),
-    /* @__PURE__ */ e.jsx(ds, { className: "w-50", children: /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 place-items-center", children: [
+  return /* @__PURE__ */ e.jsxs(cs, { open: s, onOpenChange: t, children: [
+    /* @__PURE__ */ e.jsx(ds, { asChild: !0, children: /* @__PURE__ */ e.jsx(w, { size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(rl, { className: "h-4 w-4", chartType: a }) }) }),
+    /* @__PURE__ */ e.jsx(hs, { className: "w-50", children: /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 place-items-center", children: [
       /* @__PURE__ */ e.jsx(
         w,
         {
           onClick: () => o("bar"),
           className: "font-normal",
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Hs, { className: "size-5" })
+          children: /* @__PURE__ */ e.jsx(Bs, { className: "size-5" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2741,7 +2741,7 @@ function nr() {
         {
           onClick: () => o("line"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Bs, { className: "size-5" })
+          children: /* @__PURE__ */ e.jsx($s, { className: "size-5" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2749,7 +2749,7 @@ function nr() {
         {
           onClick: () => o("stackedBar"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Ra, { className: "size-5", strokeWidth: 0 })
+          children: /* @__PURE__ */ e.jsx(_a, { className: "size-5", strokeWidth: 0 })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2757,7 +2757,7 @@ function nr() {
         {
           onClick: () => o("stackedLine"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(qa, { className: "size-5", strokeWidth: 0 })
+          children: /* @__PURE__ */ e.jsx(Ra, { className: "size-5", strokeWidth: 0 })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2765,7 +2765,7 @@ function nr() {
         {
           onClick: () => o("scatter"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Fa, { className: "size-5" })
+          children: /* @__PURE__ */ e.jsx(Oa, { className: "size-5" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2773,7 +2773,7 @@ function nr() {
         {
           onClick: () => o("bubble"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Va, { className: "size-4" })
+          children: /* @__PURE__ */ e.jsx(qa, { className: "size-4" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2781,7 +2781,7 @@ function nr() {
         {
           onClick: () => o("pie"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(za, { className: "size-5" })
+          children: /* @__PURE__ */ e.jsx(Fa, { className: "size-5" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2789,7 +2789,7 @@ function nr() {
         {
           onClick: () => o("doughnut"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Ea, { className: "size-5", strokeWidth: 1 })
+          children: /* @__PURE__ */ e.jsx(Ia, { className: "size-5", strokeWidth: 1 })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2798,7 +2798,7 @@ function nr() {
           onClick: () => o("radar"),
           variant: "ghost",
           children: /* @__PURE__ */ e.jsx(
-            La,
+            Ea,
             {
               className: "size-5 font-extralight",
               strokeWidth: 0.5
@@ -2811,7 +2811,7 @@ function nr() {
         {
           onClick: () => o("polarArea"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Ia, { className: "size-5" })
+          children: /* @__PURE__ */ e.jsx(Va, { className: "size-5" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2819,7 +2819,7 @@ function nr() {
         {
           onClick: () => o("pyramid"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Ha, { className: "size-5" })
+          children: /* @__PURE__ */ e.jsx(Ba, { className: "size-5" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2827,7 +2827,7 @@ function nr() {
         {
           onClick: () => o("range"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(ka, { className: "size-5" })
+          children: /* @__PURE__ */ e.jsx(wa, { className: "size-5" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2835,7 +2835,7 @@ function nr() {
         {
           onClick: () => o("table"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(As, { className: "size-5" })
+          children: /* @__PURE__ */ e.jsx(Ls, { className: "size-5" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2843,7 +2843,7 @@ function nr() {
         {
           onClick: () => o("kpi"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(_a, { className: "size-6" })
+          children: /* @__PURE__ */ e.jsx(Ha, { className: "size-6" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2851,50 +2851,50 @@ function nr() {
         {
           onClick: () => o("text"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx($s, { className: "size-4" })
+          children: /* @__PURE__ */ e.jsx(Ps, { className: "size-4" })
         }
       )
     ] }) })
   ] });
 }
-function rr({ chartType: s, className: t }) {
+function rl({ chartType: s, className: t }) {
   switch (s) {
     case "bar":
-      return /* @__PURE__ */ e.jsx(Hs, { className: t });
-    case "line":
       return /* @__PURE__ */ e.jsx(Bs, { className: t });
+    case "line":
+      return /* @__PURE__ */ e.jsx($s, { className: t });
     case "pie":
-      return /* @__PURE__ */ e.jsx(za, { className: t });
+      return /* @__PURE__ */ e.jsx(Fa, { className: t });
     case "radar":
-      return /* @__PURE__ */ e.jsx(La, { className: t });
+      return /* @__PURE__ */ e.jsx(Ea, { className: t });
     case "scatter":
-      return /* @__PURE__ */ e.jsx(Fa, { className: t });
+      return /* @__PURE__ */ e.jsx(Oa, { className: t });
     case "bubble":
-      return /* @__PURE__ */ e.jsx(Va, { className: t });
+      return /* @__PURE__ */ e.jsx(qa, { className: t });
     case "doughnut":
-      return /* @__PURE__ */ e.jsx(Ea, { className: t });
+      return /* @__PURE__ */ e.jsx(Ia, { className: t });
     case "stackedBar":
-      return /* @__PURE__ */ e.jsx(Ra, { className: "size-4 text-foreground/70" });
+      return /* @__PURE__ */ e.jsx(_a, { className: "size-4 text-foreground/70" });
     case "stackedLine":
-      return /* @__PURE__ */ e.jsx(qa, { className: "size-4 text-foreground/70" });
+      return /* @__PURE__ */ e.jsx(Ra, { className: "size-4 text-foreground/70" });
     case "polarArea":
-      return /* @__PURE__ */ e.jsx(Ia, { className: t });
+      return /* @__PURE__ */ e.jsx(Va, { className: t });
     case "pyramid":
-      return /* @__PURE__ */ e.jsx(Ha, { className: t });
+      return /* @__PURE__ */ e.jsx(Ba, { className: t });
     case "range":
-      return /* @__PURE__ */ e.jsx(ka, { className: t });
+      return /* @__PURE__ */ e.jsx(wa, { className: t });
     case "kpi":
-      return /* @__PURE__ */ e.jsx(_a, { className: t });
+      return /* @__PURE__ */ e.jsx(Ha, { className: t });
     case "text":
-      return /* @__PURE__ */ e.jsx($s, { className: t });
+      return /* @__PURE__ */ e.jsx(Ps, { className: t });
     default:
-      return /* @__PURE__ */ e.jsx(As, { className: t });
+      return /* @__PURE__ */ e.jsx(Ls, { className: t });
   }
 }
-function na() {
-  const s = c((f) => f.frame), t = c((f) => f.card), a = c((f) => f.card.data), n = c((f) => f.isShowingVisual), r = c((f) => f.isSqlRunning), m = c((f) => f.queryError), i = c((f) => f.pythonStdOut), o = c((f) => f.actions.setRunSql);
+function la() {
+  const s = c((f) => f.frame), t = c((f) => f.card), a = c((f) => f.card.data), n = c((f) => f.isShowingVisual), l = c((f) => f.isSqlRunning), m = c((f) => f.queryError), i = c((f) => f.pythonStdOut), o = c((f) => f.actions.setRunSql);
   c((f) => f.onSave), c((f) => f.onClose), c((f) => f.actions.setCardSql), c((f) => f.actions.setCardType), c((f) => f.actions.setSqlGen);
-  const { setFrame: d, setCard: p, updateCardInFrame: x } = qs();
+  const { setFrame: d, setCard: p, updateCardInFrame: x } = Rs();
   if (!t)
     return /* @__PURE__ */ e.jsx(e.Fragment, { children: "No Active Card" });
   function b() {
@@ -2941,26 +2941,26 @@ function na() {
   }
   function u() {
     return /* @__PURE__ */ e.jsxs(
-      ba,
+      ya,
       {
         onValueChange: h,
         value: s.activeCardId,
         className: "flex grow flex-col pb-3",
         children: [
-          s.cards.map((f) => /* @__PURE__ */ e.jsx(ns, { className: "mt-0 grow", value: f.id, children: /* @__PURE__ */ e.jsx(Aa, { showCard: f, className: "grow border-none shadow-none" }) }, f.id)),
-          /* @__PURE__ */ e.jsxs(ya, { className: "mx-6 justify-between", children: [
+          s.cards.map((f) => /* @__PURE__ */ e.jsx(ls, { className: "mt-0 grow", value: f.id, children: /* @__PURE__ */ e.jsx(La, { showCard: f, className: "grow border-none shadow-none" }) }, f.id)),
+          /* @__PURE__ */ e.jsxs(va, { className: "mx-6 justify-between", children: [
             /* @__PURE__ */ e.jsxs("div", { className: "flex items-center", children: [
               s.cards.map((f) => /* @__PURE__ */ e.jsx(
-                as,
+                ts,
                 {
                   text: f.tabTitle || f.title,
                   onSave: (v) => {
                     p({ ...t, tabTitle: v }), x({ ...t, tabTitle: v });
                   },
-                  children: /* @__PURE__ */ e.jsxs(ts, { className: "", value: f.id, children: [
+                  children: /* @__PURE__ */ e.jsxs(ns, { className: "", value: f.id, children: [
                     f.tabTitle || f.title,
                     s.activeCardId === f.id && s.cards.length > 1 && /* @__PURE__ */ e.jsx(
-                      Na,
+                      Ca,
                       {
                         className: "ml-2 size-3.5 text-muted-foreground hover:text-foreground",
                         onClick: () => g(f.id)
@@ -2976,27 +2976,27 @@ function na() {
                   className: "ml-1 h-8 px-2 hover:bg-muted-foreground/50",
                   variant: "outline",
                   onClick: b,
-                  children: /* @__PURE__ */ e.jsx(ws, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ e.jsx(zs, { className: "h-4 w-4" })
                 }
               )
             ] }),
-            /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(w, { className: "p-1", variant: "ghost", children: /* @__PURE__ */ e.jsx(Sa, { className: "size-4" }) }) })
+            /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(w, { className: "p-1", variant: "ghost", children: /* @__PURE__ */ e.jsx(ka, { className: "size-4" }) }) })
           ] })
         ]
       }
     );
   }
   function j() {
-    return t.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(Vt, { isLoading: r, card: t }) }) }) : t.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(qt, { isLoading: r, card: t }) }) }) : u();
+    return t.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(qt, { isLoading: l, card: t }) }) }) : t.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(Rt, { isLoading: l, card: t }) }) }) : u();
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "relative flex h-full flex-col pt-3", children: [
-    r && /* @__PURE__ */ e.jsx(Je, { className: "absolute bottom-0 left-0 right-0 top-0 z-10 m-auto h-10 w-10 animate-spin text-foreground/10" }),
+    l && /* @__PURE__ */ e.jsx(Ue, { 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: [
       n && /* @__PURE__ */ e.jsxs("div", { className: "flex grow items-center gap-2", children: [
-        /* @__PURE__ */ e.jsx(nr, {}),
-        t.type !== "table" && /* @__PURE__ */ e.jsx(tr, {})
+        /* @__PURE__ */ e.jsx(ll, {}),
+        t.type !== "table" && /* @__PURE__ */ e.jsx(nl, {})
       ] }),
-      /* @__PURE__ */ e.jsx(ir, {})
+      /* @__PURE__ */ e.jsx(ol, {})
     ] }),
     n ? j() : (
       // card.type === 'kpi' ? (
@@ -3009,14 +3009,14 @@ function na() {
       //   <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: [
-        i && /* @__PURE__ */ e.jsx(lr, {}),
-        t.data && t.data.length > 0 && /* @__PURE__ */ e.jsx(ar, { data: a || [] }),
+        i && /* @__PURE__ */ e.jsx(il, {}),
+        t.data && t.data.length > 0 && /* @__PURE__ */ e.jsx(tl, { data: a || [] }),
         m && /* @__PURE__ */ e.jsx("span", { className: "font-mono text-sm", children: m })
       ] })
     )
   ] });
 }
-function lr() {
+function il() {
   const s = c((a) => a.pythonStdOut);
   if (!s)
     return null;
@@ -3030,17 +3030,17 @@ function lr() {
         className: "bg-muted p-2 font-mono text-sm"
       }
     ),
-    /* @__PURE__ */ e.jsx(Ke, { className: "mb-2" })
+    /* @__PURE__ */ e.jsx(Ge, { className: "mb-2" })
   ] });
 }
-function ir() {
+function ol() {
   const s = c((a) => a.isShowingVisual), t = c(
     (a) => a.actions.setIsShowingVisual
   );
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-    /* @__PURE__ */ e.jsx(_, { htmlFor: "visualize", children: "Chart" }),
+    /* @__PURE__ */ e.jsx(R, { htmlFor: "visualize", children: "Chart" }),
     /* @__PURE__ */ e.jsx(
-      Rt,
+      _t,
       {
         checked: s,
         onCheckedChange: () => t(!s),
@@ -3055,7 +3055,7 @@ function Ve() {
   c(
     (x) => x.card.cfg
   );
-  const a = c((x) => x.card.preferences), { setCardCfg: n, setFilterOnClickColumnIndex: r, setCardPreferences: m } = c((x) => x.actions), i = c(
+  const a = c((x) => x.card.preferences), { setCardCfg: n, setFilterOnClickColumnIndex: l, setCardPreferences: m } = c((x) => x.actions), i = c(
     (x) => x.queryResultColumns
   );
   c(
@@ -3115,68 +3115,71 @@ function Ve() {
           value: (u = (h = a == null ? void 0 : a.onClickFilter) == null ? void 0 : h.find((j) => j.columnIndex === x)) == null ? void 0 : u.expression,
           onChange: (j) => d(x, j),
           type: "text",
-          className: " h-9 w-full focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0 font-mono text-xs",
+          className: "h-9 w-full font-mono text-xs focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0",
           placeholder: "Expression"
         }
       );
   }
-  return /* @__PURE__ */ e.jsx(e.Fragment, { children: i == null ? void 0 : i.map((x, b) => {
-    var g, h;
-    return /* @__PURE__ */ e.jsx(
-      "div",
-      {
-        className: "flex items-center justify-between space-y-2 xbg-red-100 group",
-        children: /* @__PURE__ */ e.jsxs("div", { className: " grow", children: [
-          /* @__PURE__ */ e.jsxs("div", { className: "flex items-center py-2 space-x-2", children: [
-            /* @__PURE__ */ e.jsx(
-              Ue,
-              {
-                checked: !!((g = a == null ? void 0 : a.onClickFilter) != null && g.find(
-                  (u) => u.columnIndex === b
-                )),
-                onCheckedChange: (u) => o(b, u)
-              }
-            ),
-            /* @__PURE__ */ e.jsx(
-              "label",
-              {
-                className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
-                children: x
-              }
-            ),
-            /* @__PURE__ */ e.jsx("div", { className: "flex gap-2 items-center ", children: ((h = a == null ? void 0 : a.onClickFilter) == null ? void 0 : h.find(
-              (u) => u.columnIndex === b
-            )) && /* @__PURE__ */ e.jsx(
-              wa,
-              {
-                onClick: () => {
-                  t((u) => {
-                    const j = [...u];
-                    return j[b] = !u[b], j;
-                  });
-                },
-                className: " invisible group-hover:visible size-3 text-gray-400 cursor-pointer"
-              }
-            ) })
-          ] }),
-          p(b)
-        ] })
-      },
-      x
-    );
-  }) });
+  return /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ e.jsx(R, { children: "On Click" }),
+    i == null ? void 0 : i.map((x, b) => {
+      var g, h;
+      return /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          className: "xbg-red-100 group flex items-center justify-between space-y-2",
+          children: /* @__PURE__ */ e.jsxs("div", { className: "grow", children: [
+            /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2 py-2", children: [
+              /* @__PURE__ */ e.jsx(
+                Qe,
+                {
+                  checked: !!((g = a == null ? void 0 : a.onClickFilter) != null && g.find(
+                    (u) => u.columnIndex === b
+                  )),
+                  onCheckedChange: (u) => o(b, u)
+                }
+              ),
+              /* @__PURE__ */ e.jsx(
+                "label",
+                {
+                  className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+                  children: x
+                }
+              ),
+              /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: ((h = a == null ? void 0 : a.onClickFilter) == null ? void 0 : h.find(
+                (u) => u.columnIndex === b
+              )) && /* @__PURE__ */ e.jsx(
+                za,
+                {
+                  onClick: () => {
+                    t((u) => {
+                      const j = [...u];
+                      return j[b] = !u[b], j;
+                    });
+                  },
+                  className: "invisible size-3 cursor-pointer text-gray-400 group-hover:visible"
+                }
+              ) })
+            ] }),
+            p(b)
+          ] })
+        },
+        x
+      );
+    })
+  ] });
 }
-function hs() {
+function ms() {
   var i, o, d;
   const s = c((p) => p.card.preferences), t = c(
     (p) => p.card.cfg
-  ), { setCardCfg: a, setCardPreferences: n, setChartOrientation: r } = c((p) => p.actions);
+  ), { setCardCfg: a, setCardPreferences: n, setChartOrientation: l } = c((p) => p.actions);
   (i = t == null ? void 0 : t.options) != null && i.indexAxis;
   function m(p) {
-    r(p);
+    l(p);
   }
   return /* @__PURE__ */ e.jsxs(
-    Rs,
+    _s,
     {
       value: ((o = s == null ? void 0 : s.chartOptions) == null ? void 0 : o.indexAxis) || ((d = t == null ? void 0 : t.options) == null ? void 0 : d.indexAxis) || "x",
       onValueChange: m,
@@ -3197,11 +3200,11 @@ function hs() {
 }
 const ze = "focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0";
 function ra(s, t) {
-  var n, r, m;
-  const a = Ca(s, t);
-  return ((m = (r = (n = s == null ? void 0 : s.chartOptions) == null ? void 0 : n.scales) == null ? void 0 : r[a]) == null ? void 0 : m.type) || "linear";
+  var n, l, m;
+  const a = Sa(s, t);
+  return ((m = (l = (n = s == null ? void 0 : s.chartOptions) == null ? void 0 : n.scales) == null ? void 0 : l[a]) == null ? void 0 : m.type) || "linear";
 }
-function Ba() {
+function $a() {
   var W, J, te, G, ne, S;
   const [s, t] = M(!1), a = c((N) => {
     var F;
@@ -3209,12 +3212,12 @@ function Ba() {
   }), n = c((N) => {
     var F;
     return (F = N.card) == null ? void 0 : F.cfg;
-  }), r = Ca(a, n), [m, i] = M(
+  }), l = Sa(a, n), [m, i] = M(
     ra(a)
   ), [o, d] = M(
-    ((te = (J = (W = a == null ? void 0 : a.chartOptions) == null ? void 0 : W.scales) == null ? void 0 : J[r]) == null ? void 0 : te.min) || ""
+    ((te = (J = (W = a == null ? void 0 : a.chartOptions) == null ? void 0 : W.scales) == null ? void 0 : J[l]) == null ? void 0 : te.min) || ""
   ), [p, x] = M(
-    ((S = (ne = (G = a == null ? void 0 : a.chartOptions) == null ? void 0 : G.scales) == null ? void 0 : ne[r]) == null ? void 0 : S.max) || ""
+    ((S = (ne = (G = a == null ? void 0 : a.chartOptions) == null ? void 0 : G.scales) == null ? void 0 : ne[l]) == null ? void 0 : S.max) || ""
   ), [b, g] = M(o || p ? "custom" : "auto"), [h, u] = M(""), [j, f] = M(0), [v, O] = M(""), [y, L] = M(""), [E, V] = M(""), T = c(
     (N) => N.actions.setCardPreferences
   ), C = c((N) => {
@@ -3222,13 +3225,13 @@ function Ba() {
     return (F = N.card) == null ? void 0 : F.type;
   }), z = ["pie", "doughnut", "polarArea"].includes(C);
   U(() => {
-    var N, F, H, fe, ae, I, Z, se, ye, ge, Q, re, le, ve;
+    var N, F, H, fe, ae, I, Z, se, ye, ge, Q, le, re, ve;
     i(ra(a)), d(
-      ((H = (F = (N = a == null ? void 0 : a.chartOptions) == null ? void 0 : N.scales) == null ? void 0 : F[r]) == null ? void 0 : H.min) === 0 ? 0 : ""
-    ), x(((I = (ae = (fe = a == null ? void 0 : a.chartOptions) == null ? void 0 : fe.scales) == null ? void 0 : ae[r]) == null ? void 0 : I.max) || ""), u(
-      ((ge = (ye = (se = (Z = a == null ? void 0 : a.chartOptions) == null ? void 0 : Z.scales) == null ? void 0 : se[r]) == null ? void 0 : ye.ticks) == null ? void 0 : ge.stepSize) || ""
-    ), f(((Q = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : Q.decimalPlaces) || 0), O(((re = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : re.suffix) || ""), L(((le = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : le.currency) || ""), V(((ve = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : ve.locale) || "");
-  }, [s, a, r]);
+      ((H = (F = (N = a == null ? void 0 : a.chartOptions) == null ? void 0 : N.scales) == null ? void 0 : F[l]) == null ? void 0 : H.min) === 0 ? 0 : ""
+    ), x(((I = (ae = (fe = a == null ? void 0 : a.chartOptions) == null ? void 0 : fe.scales) == null ? void 0 : ae[l]) == null ? void 0 : I.max) || ""), u(
+      ((ge = (ye = (se = (Z = a == null ? void 0 : a.chartOptions) == null ? void 0 : Z.scales) == null ? void 0 : se[l]) == null ? void 0 : ye.ticks) == null ? void 0 : ge.stepSize) || ""
+    ), f(((Q = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : Q.decimalPlaces) || 0), O(((le = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : le.suffix) || ""), L(((re = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : re.currency) || ""), V(((ve = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : ve.locale) || "");
+  }, [s, a, l]);
   function q(N, F) {
     return F === "" || /^[0-9\b]+$/.test(F) ? Number(F) : Number(N);
   }
@@ -3236,7 +3239,7 @@ function Ba() {
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-6 items-center gap-2", children: [
         /* @__PURE__ */ e.jsx(
-          _,
+          R,
           {
             className: "col-span-2 hover:cursor-pointer hover:underline",
             htmlFor: "currency",
@@ -3272,7 +3275,7 @@ function Ba() {
         )
       ] }),
       /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-9 items-center gap-2", children: [
-        /* @__PURE__ */ e.jsx(_, { className: "col-span-3", htmlFor: "format", children: "Decimals" }),
+        /* @__PURE__ */ e.jsx(R, { className: "col-span-3", htmlFor: "format", children: "Decimals" }),
         /* @__PURE__ */ e.jsx(
           he,
           {
@@ -3288,7 +3291,7 @@ function Ba() {
   function A() {
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 items-center gap-2", children: [
-        /* @__PURE__ */ e.jsx(_, { htmlFor: "range", children: "Range" }),
+        /* @__PURE__ */ e.jsx(R, { htmlFor: "range", children: "Range" }),
         /* @__PURE__ */ e.jsx(
           he,
           {
@@ -3309,7 +3312,7 @@ function Ba() {
         )
       ] }),
       /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 items-center gap-2", children: [
-        /* @__PURE__ */ e.jsx(_, { htmlFor: "step-size", children: "Step Size" }),
+        /* @__PURE__ */ e.jsx(R, { htmlFor: "step-size", children: "Step Size" }),
         /* @__PURE__ */ e.jsx(
           he,
           {
@@ -3322,7 +3325,7 @@ function Ba() {
       ] })
     ] });
   }
-  function R() {
+  function _() {
     var H;
     let N = {};
     b === "custom" && (N = {
@@ -3338,7 +3341,7 @@ function Ba() {
         ...a == null ? void 0 : a.chartOptions,
         scales: {
           ...(H = a == null ? void 0 : a.chartOptions) == null ? void 0 : H.scales,
-          [r]: {
+          [l]: {
             // ...cardPreferences?.chartOptions?.scales?.[axis],
             type: m,
             ...m === "linear" ? N : {}
@@ -3354,16 +3357,16 @@ function Ba() {
     };
     console.log(F), T(F);
   }
-  return /* @__PURE__ */ e.jsxs(os, { onOpenChange: (N) => t(N), children: [
-    /* @__PURE__ */ e.jsx(cs, { asChild: !0, children: /* @__PURE__ */ e.jsx(_t, { className: "size-4 cursor-pointer text-muted-foreground hover:text-foreground" }) }),
-    /* @__PURE__ */ e.jsx(ds, { align: "center", className: "max-w-65", children: /* @__PURE__ */ e.jsxs("div", { className: "grid gap-4", children: [
+  return /* @__PURE__ */ e.jsxs(cs, { onOpenChange: (N) => t(N), children: [
+    /* @__PURE__ */ e.jsx(ds, { asChild: !0, children: /* @__PURE__ */ e.jsx(Ht, { className: "size-4 cursor-pointer text-muted-foreground hover:text-foreground" }) }),
+    /* @__PURE__ */ e.jsx(hs, { align: "center", className: "max-w-65", children: /* @__PURE__ */ e.jsxs("div", { className: "grid gap-4", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
         /* @__PURE__ */ e.jsx("h4", { className: "font-medium leading-none", children: "Scale Options" }),
         /* @__PURE__ */ e.jsx("p", { className: "text-sm text-muted-foreground", children: "Set the scale for the number axis" })
       ] }),
       /* @__PURE__ */ e.jsxs("div", { className: "grid gap-2", children: [
         /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 items-center gap-2", children: [
-          /* @__PURE__ */ e.jsx(_, { htmlFor: "scale", children: "Type" }),
+          /* @__PURE__ */ e.jsx(R, { htmlFor: "scale", children: "Type" }),
           /* @__PURE__ */ e.jsxs(
             Oe,
             {
@@ -3372,7 +3375,7 @@ function Ba() {
               onValueChange: (N) => i(N),
               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(De, { id: "type", children: /* @__PURE__ */ e.jsxs(Pe, { children: [
+                /* @__PURE__ */ e.jsx(De, { id: "type", children: /* @__PURE__ */ e.jsxs(Ke, { children: [
                   /* @__PURE__ */ e.jsx(Le, { children: "Option" }),
                   /* @__PURE__ */ e.jsx(ee, { value: "linear", children: "Linear" }),
                   /* @__PURE__ */ e.jsx(ee, { value: "logarithmic", children: "Logarithmic" })
@@ -3382,9 +3385,9 @@ function Ba() {
           )
         ] }),
         m == "linear" && /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 items-center gap-2 py-1", children: [
-          /* @__PURE__ */ e.jsx(_, { htmlFor: "scale-option", children: "Setup" }),
+          /* @__PURE__ */ e.jsx(R, { htmlFor: "scale-option", children: "Setup" }),
           /* @__PURE__ */ e.jsxs(
-            Rs,
+            _s,
             {
               disabled: z,
               id: "scale-option",
@@ -3407,11 +3410,11 @@ function Ba() {
         ] }),
         b === "custom" && m == "linear" && A(),
         K(),
-        /* @__PURE__ */ e.jsx(Ht, {}),
+        /* @__PURE__ */ e.jsx(Bt, {}),
         /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-3", children: /* @__PURE__ */ e.jsx(
           w,
           {
-            onClick: R,
+            onClick: _,
             variant: "secondary",
             className: "col-span-1 col-start-3 h-8 w-full",
             children: "Apply"
@@ -3421,7 +3424,7 @@ function Ba() {
     ] }) })
   ] });
 }
-function or({ idx: s }) {
+function cl({ idx: s }) {
   var o;
   const t = c((d) => {
     var p;
@@ -3433,9 +3436,9 @@ function or({ idx: s }) {
     }
   ), n = c(
     (d) => d.actions.setCardPreferences
-  ), r = (o = t == null ? void 0 : t.chartOptions) == null ? void 0 : o.indexAxis, m = a == null ? void 0 : a.find((d) => d.idx === s);
+  ), l = (o = t == null ? void 0 : t.chartOptions) == null ? void 0 : o.indexAxis, m = a == null ? void 0 : a.find((d) => d.idx === s);
   function i(d, p) {
-    (d === "end" || d === "start") && Bt($t());
+    (d === "end" || d === "start") && $t(Pt());
     const x = {
       display: d !== "none",
       align: d,
@@ -3465,9 +3468,9 @@ function or({ idx: s }) {
       });
     }
   }
-  return /* @__PURE__ */ e.jsxs(os, { children: [
-    /* @__PURE__ */ e.jsx(cs, { children: /* @__PURE__ */ e.jsx(Tn, { className: "invisible size-4 rotate-[135deg] cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible" }) }),
-    /* @__PURE__ */ e.jsx(ds, { className: "w-fit p-1", children: /* @__PURE__ */ e.jsxs("div", { className: "flex gap-1", children: [
+  return /* @__PURE__ */ e.jsxs(cs, { children: [
+    /* @__PURE__ */ e.jsx(ds, { children: /* @__PURE__ */ e.jsx(Dn, { className: "invisible size-4 rotate-[135deg] cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible" }) }),
+    /* @__PURE__ */ e.jsx(hs, { className: "w-fit p-1", children: /* @__PURE__ */ e.jsxs("div", { className: "flex gap-1", children: [
       /* @__PURE__ */ e.jsx(
         w,
         {
@@ -3475,7 +3478,7 @@ function or({ idx: s }) {
           size: "sm",
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
-          children: /* @__PURE__ */ e.jsx(Na, { className: "size-4" })
+          children: /* @__PURE__ */ e.jsx(Ca, { className: "size-4" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -3486,10 +3489,10 @@ function or({ idx: s }) {
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
           children: /* @__PURE__ */ e.jsx(
-            yn,
+            vn,
             {
               className: Y("h-4 w-4", {
-                "rotate-90": r === "y"
+                "rotate-90": l === "y"
               })
             }
           )
@@ -3503,10 +3506,10 @@ function or({ idx: s }) {
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
           children: /* @__PURE__ */ e.jsx(
-            Nn,
+            Cn,
             {
               className: Y("h-4 w-4", {
-                "rotate-90": r === "y"
+                "rotate-90": l === "y"
               })
             }
           )
@@ -3520,10 +3523,10 @@ function or({ idx: s }) {
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
           children: /* @__PURE__ */ e.jsx(
-            vn,
+            Nn,
             {
               className: Y("h-4 w-4", {
-                "rotate-90": r === "y"
+                "rotate-90": l === "y"
               })
             }
           )
@@ -3532,42 +3535,42 @@ function or({ idx: s }) {
     ] }) })
   ] });
 }
-function $a() {
+function Pa() {
   const s = c((d) => d.card), t = c(
     (d) => {
       var p, x, b;
       return (b = (x = (p = d == null ? void 0 : d.card) == null ? void 0 : p.preferences) == null ? void 0 : x.chartOptions) == null ? void 0 : b.indexAxis;
     }
   ), a = t === "y" ? "Y axis" : "X axis", n = t === "y" ? "X axis" : "Y axis", {
-    keys: r,
+    keys: l,
     metricKeys: m,
     dimensionKeys: i
-  } = vs(s.data || []);
+  } = Ns(s.data || []);
   let o = m;
   if (["stackedBar", "stackedLine"].includes(s.type)) {
-    const d = Pt({
+    const d = Kt({
       dataArray: s.data || [],
       groupKey: i[0],
       pivotKey: i[1],
       valueKey: o[0]
-    }), { metricKeys: p } = vs(d);
+    }), { metricKeys: p } = Ns(d);
     o = p;
   }
-  return r.length === 0 ? null : /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
+  return l.length === 0 ? null : /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ e.jsx(_, { children: a }),
+      /* @__PURE__ */ e.jsx(R, { children: a }),
       /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: /* @__PURE__ */ e.jsx("div", { className: "rounded-md bg-muted/70 px-2 py-1 hover:bg-muted", children: /* @__PURE__ */ e.jsx("p", { children: i[0] }) }) })
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between gap-5", children: [
-        /* @__PURE__ */ e.jsx(_, { children: n }),
-        /* @__PURE__ */ e.jsx(Ba, {})
+        /* @__PURE__ */ e.jsx(R, { children: n }),
+        /* @__PURE__ */ e.jsx($a, {})
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: o.map((d, p) => /* @__PURE__ */ e.jsx(cr, { col: d, idx: p }, d)) })
+      /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: o.map((d, p) => /* @__PURE__ */ e.jsx(dl, { col: d, idx: p }, d)) })
     ] })
   ] });
 }
-function cr({ col: s, idx: t }) {
+function dl({ col: s, idx: t }) {
   const a = c((o) => {
     var d;
     return (d = o.card) == null ? void 0 : d.preferences;
@@ -3576,9 +3579,9 @@ function cr({ col: s, idx: t }) {
       var d;
       return (d = o.card.preferences) == null ? void 0 : d.datasetOptions;
     }
-  ), r = n == null ? void 0 : n.find((o) => o.idx === t), { setCardPreferences: m } = c((o) => o.actions);
+  ), l = n == null ? void 0 : n.find((o) => o.idx === t), { setCardPreferences: m } = c((o) => o.actions);
   function i(o) {
-    if (!r)
+    if (!l)
       m({
         ...a,
         datasetOptions: [
@@ -3591,7 +3594,7 @@ function cr({ col: s, idx: t }) {
         ]
       });
     else {
-      const d = { ...r };
+      const d = { ...l };
       d.type = o === "area" ? "line" : o, d.fill = o === "area" ? "origin" : "";
       const p = n == null ? void 0 : n.map(
         (x) => x.idx === t ? d : x
@@ -3606,52 +3609,52 @@ function cr({ col: s, idx: t }) {
     /* @__PURE__ */ e.jsx("p", { children: s }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
       /* @__PURE__ */ e.jsx(
-        Hs,
+        Bs,
         {
           onClick: () => i("bar"),
           className: "invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"
         }
       ),
       /* @__PURE__ */ e.jsx(
-        Bs,
+        $s,
         {
           onClick: () => i("line"),
           className: "invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"
         }
       ),
       /* @__PURE__ */ e.jsx(
-        hn,
+        mn,
         {
           onClick: () => i("area"),
           className: "invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"
         }
       ),
       /* @__PURE__ */ e.jsx(
-        Ke,
+        Ge,
         {
           orientation: "vertical",
           className: "invisible size-4 cursor-pointer py-2 text-muted-foreground hover:text-foreground group-hover:visible"
         }
       ),
-      /* @__PURE__ */ e.jsx(or, { idx: t })
+      /* @__PURE__ */ e.jsx(cl, { idx: t })
     ] })
   ] });
 }
-function Pa() {
-  const s = c((g) => g.selectedConnectionId), t = c((g) => g.selectedDatamodelId), a = c((g) => g.selectedDatabaseName), n = c((g) => g.selectedSchemaName), r = c((g) => g.selectedTableName), m = k((g) => g.dashboard.filters) || [], i = k((g) => g.actions.addFilter), o = k((g) => g.actions.removeFilter), d = k(
+function Ka() {
+  const s = c((g) => g.selectedConnectionId), t = c((g) => g.selectedDatamodelId), a = c((g) => g.selectedDatabaseName), n = c((g) => g.selectedSchemaName), l = c((g) => g.selectedTableName), m = k((g) => g.dashboard.filters) || [], i = k((g) => g.actions.addFilter), o = k((g) => g.actions.removeFilter), d = k(
     (g) => g.actions.removeFilterValue
   ), { modelItems: p, tableName: x } = Ie();
   function b(g, h = "dashboard") {
     var V;
     const u = ue(g.column_name), j = ue(a || ""), f = ue(n || ""), v = ue(x);
-    let O = xa(
+    let O = pa(
       f,
       v
     ), y = `${O}.${u}`;
     const L = (V = p == null ? void 0 : p.find(
       (T) => T.id === t
     )) == null ? void 0 : V.name;
-    t && t !== "none" && (y = `${ys}.${L}.${u}`, O = `${ys}.${L}`);
+    t && t !== "none" && (y = `${vs}.${L}.${u}`, O = `${vs}.${L}`);
     const E = m == null ? void 0 : m.find(
       (T) => T.column === y && T.table === v && (T.database === j || T.database === a)
     );
@@ -3671,7 +3674,7 @@ function Pa() {
         // database: 'NA',
         connectionId: s,
         operation: "in",
-        sql: Xs(
+        sql: ea(
           g.data_type,
           O,
           u
@@ -3685,11 +3688,11 @@ function Pa() {
         //columnName, //`${qualifiedTableName}.${formattedColumnName}`,
         title: g.column_name,
         dataType: g.data_type,
-        table: r || "",
+        table: l || "",
         database: a || "",
         connectionId: s || "",
         operation: "in",
-        sql: Xs(
+        sql: ea(
           g.data_type,
           O,
           u
@@ -3700,29 +3703,29 @@ function Pa() {
   }
   return { assignFilter: b };
 }
-function dr() {
+function qe() {
   const s = k(
     (o) => o.dashboard.filters
-  ), t = c((o) => o.frame), { setFrame: a } = qs(), { columns: n } = Ie(), { assignFilter: r } = Pa();
+  ), t = c((o) => o.frame), { setFrame: a } = Rs(), { columns: n } = Ie(), { assignFilter: l } = Ka();
   function m(o) {
-    const d = r(o, "frame");
+    const d = l(o, "frame");
     a({ ...t, filterId: d });
   }
   const i = s == null ? void 0 : s.find((o) => o.id === t.filterId);
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-3", children: [
-    /* @__PURE__ */ e.jsx(_, { children: "Card Filter" }),
-    /* @__PURE__ */ e.jsx(hr, { onSelect: m, columns: n }),
-    i && /* @__PURE__ */ e.jsx(Kt, { filter: i })
+    /* @__PURE__ */ e.jsx(R, { children: "Card Filter" }),
+    /* @__PURE__ */ e.jsx(hl, { onSelect: m, columns: n }),
+    i && /* @__PURE__ */ e.jsx(Gt, { filter: i })
   ] });
 }
-function hr({
+function hl({
   columns: s,
   onSelect: t
 }) {
   var i;
-  const [a, n] = sa.useState(!1), [r, m] = sa.useState("");
-  return /* @__PURE__ */ e.jsxs(os, { open: a, onOpenChange: n, children: [
-    /* @__PURE__ */ e.jsx(cs, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
+  const [a, n] = aa.useState(!1), [l, m] = aa.useState("");
+  return /* @__PURE__ */ e.jsxs(cs, { open: a, onOpenChange: n, children: [
+    /* @__PURE__ */ e.jsx(ds, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
       w,
       {
         size: "sm",
@@ -3731,31 +3734,31 @@ function hr({
         "aria-expanded": a,
         className: "w-full justify-between font-normal",
         children: [
-          r ? (i = s.find((o) => o.column_name === r)) == null ? void 0 : i.column_name : "Select Column...",
-          /* @__PURE__ */ e.jsx(Gt, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+          l ? (i = s.find((o) => o.column_name === l)) == null ? void 0 : i.column_name : "Select Column...",
+          /* @__PURE__ */ e.jsx(Jt, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
         ]
       }
     ) }),
-    /* @__PURE__ */ e.jsx(ds, { className: "w-[200px] p-0", children: /* @__PURE__ */ e.jsxs(Jt, { children: [
-      /* @__PURE__ */ e.jsx(Ut, { placeholder: "Search column", className: "h-9" }),
-      /* @__PURE__ */ e.jsxs(Qt, { children: [
-        /* @__PURE__ */ e.jsx(Wt, { children: "No framework found." }),
-        /* @__PURE__ */ e.jsx(Yt, { children: s.map((o) => /* @__PURE__ */ e.jsxs(
-          Zt,
+    /* @__PURE__ */ e.jsx(hs, { className: "w-[200px] p-0", children: /* @__PURE__ */ e.jsxs(Ut, { children: [
+      /* @__PURE__ */ e.jsx(Qt, { placeholder: "Search column", className: "h-9" }),
+      /* @__PURE__ */ e.jsxs(Wt, { children: [
+        /* @__PURE__ */ e.jsx(Yt, { children: "No framework found." }),
+        /* @__PURE__ */ e.jsx(Zt, { children: s.map((o) => /* @__PURE__ */ e.jsxs(
+          Xt,
           {
             value: o.column_name,
             onSelect: (d) => {
-              const p = d === r ? "" : d;
+              const p = d === l ? "" : d;
               m(p), n(!1), p && t(o);
             },
             children: [
               o.column_name,
               /* @__PURE__ */ e.jsx(
-                va,
+                Na,
                 {
                   className: Y(
                     "ml-auto h-4 w-4",
-                    r === o.column_name ? "opacity-100" : "opacity-0"
+                    l === o.column_name ? "opacity-100" : "opacity-0"
                   )
                 }
               )
@@ -3767,12 +3770,12 @@ function hr({
     ] }) })
   ] });
 }
-function mr({
+function ml({
   cardType: s
 }) {
   return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(Ce, { defaultValue: ["item-2"], type: "multiple", children: [
     /* @__PURE__ */ e.jsxs(B, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx($, { children: `${_s(s)} Chart` }),
+      /* @__PURE__ */ e.jsx($, { children: `${Hs(s)} Chart` }),
       /* @__PURE__ */ e.jsxs(P, { className: "space-y-4 font-mono text-xs", children: [
         /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 text-xs", children: "SELECT x-axis, y-axis-1, y-axis-2,... FROM table" }),
         /* @__PURE__ */ e.jsxs("ul", { className: "ml-6 list-disc text-xs [&>li]:mt-2", children: [
@@ -3799,21 +3802,21 @@ function mr({
     /* @__PURE__ */ e.jsxs(B, { value: "item-2", children: [
       /* @__PURE__ */ e.jsx($, { children: "Settings" }),
       /* @__PURE__ */ e.jsxs(P, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e.jsx(hs, {}),
-        /* @__PURE__ */ e.jsx($a, {})
+        /* @__PURE__ */ e.jsx(ms, {}),
+        /* @__PURE__ */ e.jsx(Pa, {})
       ] })
     ] }),
     /* @__PURE__ */ e.jsxs(B, { value: "item-3", children: [
       /* @__PURE__ */ e.jsx($, { children: "Filters" }),
       /* @__PURE__ */ e.jsxs(P, { className: "space-y-4 px-2", children: [
         /* @__PURE__ */ e.jsx(Ve, {}),
-        /* @__PURE__ */ e.jsx(dr, {})
+        /* @__PURE__ */ e.jsx(qe, {})
       ] })
     ] })
   ] }) });
 }
-function Ps() {
-  var r, m, i;
+function Ks() {
+  var l, m, i;
   const s = c(
     (o) => o.card.cfg
   ), t = c((o) => o.actions.setCardCfg), a = c((o) => o.card.type);
@@ -3841,17 +3844,17 @@ function Ps() {
   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(Ba, {})
+      !["pyramid"].includes(a) && /* @__PURE__ */ e.jsx($a, {})
     ] }),
     /* @__PURE__ */ e.jsxs(
       Oe,
       {
-        value: (i = (m = (r = s == null ? void 0 : s.options) == null ? void 0 : r.plugins) == null ? void 0 : m.datalabels) == null ? void 0 : i.anchor,
+        value: (i = (m = (l = s == null ? void 0 : s.options) == null ? void 0 : l.plugins) == null ? void 0 : m.datalabels) == null ? void 0 : i.anchor,
         onValueChange: n,
         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(De, { children: /* @__PURE__ */ e.jsxs(Pe, { children: [
+          /* @__PURE__ */ e.jsx(De, { children: /* @__PURE__ */ e.jsxs(Ke, { children: [
             /* @__PURE__ */ e.jsx(Le, { children: "Data Labels" }),
             /* @__PURE__ */ e.jsx(ee, { value: "none", children: "None" }),
             a !== "pyramid" && /* @__PURE__ */ e.jsx(ee, { value: "start", children: "Start" }),
@@ -3863,13 +3866,13 @@ function Ps() {
     )
   ] });
 }
-function ur({
+function ul({
   cardType: s
 }) {
   function t(a) {
-    const n = "SELECT label, [group], x-axis, y-axis, radius FROM table", r = "SELECT label, [group], x-axis, y-axis FROM table";
+    const n = "SELECT label, [group], x-axis, y-axis, radius FROM table", l = "SELECT label, [group], x-axis, y-axis FROM table";
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 text-xs", children: a === "bubble" ? n : r }),
+      /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 text-xs", children: a === "bubble" ? n : l }),
       /* @__PURE__ */ e.jsxs("ul", { className: "ml-6 list-disc text-xs [&>li]:mt-2", children: [
         /* @__PURE__ */ e.jsx("li", { children: "label - category" }),
         /* @__PURE__ */ e.jsx("li", { children: "group - category" }),
@@ -3895,20 +3898,23 @@ function ur({
   }
   return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(Ce, { defaultValue: ["item-2"], type: "multiple", children: [
     /* @__PURE__ */ e.jsxs(B, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx($, { children: `${_s(s)} Chart` }),
+      /* @__PURE__ */ e.jsx($, { children: `${Hs(s)} Chart` }),
       /* @__PURE__ */ e.jsx(P, { className: "space-y-4 font-mono text-xs", children: t(s) })
     ] }),
     /* @__PURE__ */ e.jsxs(B, { value: "item-2", children: [
       /* @__PURE__ */ e.jsx($, { children: "Settings" }),
-      /* @__PURE__ */ e.jsx(P, { className: "px-2", children: /* @__PURE__ */ e.jsx(Ps, {}) })
+      /* @__PURE__ */ e.jsx(P, { className: "px-2", children: /* @__PURE__ */ e.jsx(Ks, {}) })
     ] }),
     /* @__PURE__ */ e.jsxs(B, { value: "item-3", children: [
       /* @__PURE__ */ e.jsx($, { children: "Filters" }),
-      /* @__PURE__ */ e.jsx(P, { className: "px-2", children: /* @__PURE__ */ e.jsx(Ve, {}) })
+      /* @__PURE__ */ e.jsxs(P, { className: "space-y-4 px-2", children: [
+        /* @__PURE__ */ e.jsx(Ve, {}),
+        /* @__PURE__ */ e.jsx(qe, {})
+      ] })
     ] })
   ] }) });
 }
-const xr = {
+const xl = {
   datasets: [
     {
       type: "line",
@@ -3921,7 +3927,7 @@ const xr = {
       data: []
     }
   ]
-}, pr = {
+}, pl = {
   datasets: [
     {
       fill: "origin",
@@ -3931,7 +3937,7 @@ const xr = {
     }
   ]
 };
-function fr() {
+function fl() {
   const s = c((t) => t.card.type);
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-6 p-6", children: [
     /* @__PURE__ */ e.jsx(
@@ -3940,15 +3946,18 @@ function fr() {
         className: " ",
         type: "single",
         collapsible: !0,
-        children: gr(s)
+        children: gl(s)
       }
     ),
-    /* @__PURE__ */ e.jsx("section", { className: "", children: ["line", "bar"].includes(s) && /* @__PURE__ */ e.jsx(hs, {}) }),
-    /* @__PURE__ */ e.jsx("div", { children: !["kpi"].includes(s) && /* @__PURE__ */ e.jsx(Ps, {}) }),
-    /* @__PURE__ */ e.jsx("div", { children: !["kpi"].includes(s) && /* @__PURE__ */ e.jsx(Ve, {}) })
+    /* @__PURE__ */ e.jsx("section", { className: "", children: ["line", "bar"].includes(s) && /* @__PURE__ */ e.jsx(ms, {}) }),
+    !["kpi"].includes(s) && /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ e.jsx(Ks, {}),
+      /* @__PURE__ */ e.jsx(Ve, {}),
+      /* @__PURE__ */ e.jsx(qe, {})
+    ] })
   ] });
 }
-function gr(s) {
+function gl(s) {
   if (["line", "bar"].includes(s))
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs(B, { value: "item-1", children: [
@@ -3969,7 +3978,7 @@ function gr(s) {
             /* @__PURE__ */ e.jsx("b", { children: "Customize" }),
             " and change the `type` property in the dataset."
           ] }),
-          /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify(xr, null, 2) })
+          /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify(xl, null, 2) })
         ] })
       ] }),
       /* @__PURE__ */ e.jsxs(B, { value: "item-3", children: [
@@ -3990,7 +3999,7 @@ function gr(s) {
             ),
             "for more options."
           ] }),
-          /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify(pr, null, 2) })
+          /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify(pl, null, 2) })
         ] })
       ] })
     ] });
@@ -4045,7 +4054,7 @@ function gr(s) {
       ] })
     ] }) });
 }
-function jr() {
+function jl() {
   var d, p, x, b, g;
   const s = c((h) => h.card.preferences), t = c(
     (h) => h.actions.setCardPreferences
@@ -4063,7 +4072,7 @@ function jr() {
       var u, j;
       return (j = (u = h.card.preferences) == null ? void 0 : u.formatNumber) == null ? void 0 : j.locale;
     }
-  ), r = c(
+  ), l = c(
     (h) => {
       var u, j;
       return (j = (u = h.card.preferences) == null ? void 0 : u.formatNumber) == null ? void 0 : j.currency;
@@ -4079,11 +4088,11 @@ function jr() {
     }
   ) || [], i = c(
     (h) => h.actions.setColorRanges
-  ), o = [...new Set(ea.map((h) => h.currency))];
+  ), o = [...new Set(sa.map((h) => h.currency))];
   return /* @__PURE__ */ e.jsxs("div", { children: [
     /* @__PURE__ */ e.jsxs("div", { className: "mb-3 flex items-center gap-2", children: [
       /* @__PURE__ */ e.jsx(
-        Ue,
+        Qe,
         {
           checked: !!((d = s == null ? void 0 : s.formatNumber) != null && d.enabled),
           onCheckedChange: (h) => {
@@ -4097,13 +4106,13 @@ function jr() {
           }
         }
       ),
-      /* @__PURE__ */ e.jsx(_, { children: "Format Number" })
+      /* @__PURE__ */ e.jsx(R, { children: "Format Number" })
     ] }),
     ((p = s == null ? void 0 : s.formatNumber) == null ? void 0 : p.enabled) === !0 && /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2", children: [
       /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 p-2", children: [
         /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ e.jsxs("div", { className: "w-full space-y-1", children: [
-            /* @__PURE__ */ e.jsx(_, { children: "Locale" }),
+            /* @__PURE__ */ e.jsx(R, { children: "Locale" }),
             /* @__PURE__ */ e.jsxs(
               Oe,
               {
@@ -4119,20 +4128,20 @@ function jr() {
                 },
                 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(De, { children: /* @__PURE__ */ e.jsxs(Pe, { children: [
+                  /* @__PURE__ */ e.jsx(De, { children: /* @__PURE__ */ e.jsxs(Ke, { children: [
                     /* @__PURE__ */ e.jsx(Le, { children: "Format" }),
-                    ea.map((h) => /* @__PURE__ */ e.jsx(ee, { value: h.locale, children: h.locale }, h.locale))
+                    sa.map((h) => /* @__PURE__ */ e.jsx(ee, { value: h.locale, children: h.locale }, h.locale))
                   ] }) })
                 ]
               }
             )
           ] }),
           /* @__PURE__ */ e.jsxs("div", { className: "w-full space-y-1", children: [
-            /* @__PURE__ */ e.jsx(_, { children: "Currency" }),
+            /* @__PURE__ */ e.jsx(R, { children: "Currency" }),
             /* @__PURE__ */ e.jsxs(
               Oe,
               {
-                value: r || "none",
+                value: l || "none",
                 onValueChange: (h) => {
                   var u, j, f;
                   return a(
@@ -4144,7 +4153,7 @@ function jr() {
                 },
                 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(De, { children: /* @__PURE__ */ e.jsxs(Pe, { children: [
+                  /* @__PURE__ */ e.jsx(De, { children: /* @__PURE__ */ e.jsxs(Ke, { children: [
                     /* @__PURE__ */ e.jsx(Le, { children: "Currency" }),
                     /* @__PURE__ */ e.jsx(ee, { value: "none", children: "None" }, "none"),
                     o.map((h) => /* @__PURE__ */ e.jsx(ee, { value: h, children: h }, h))
@@ -4156,7 +4165,7 @@ function jr() {
         ] }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
           /* @__PURE__ */ e.jsxs("div", { className: "w-full space-y-1", children: [
-            /* @__PURE__ */ e.jsx(_, { children: "Decimals" }),
+            /* @__PURE__ */ e.jsx(R, { children: "Decimals" }),
             /* @__PURE__ */ e.jsxs(
               Oe,
               {
@@ -4178,7 +4187,7 @@ function jr() {
             )
           ] }),
           /* @__PURE__ */ e.jsxs("div", { className: "w-full space-y-1", children: [
-            /* @__PURE__ */ e.jsx(_, { children: "Suffix" }),
+            /* @__PURE__ */ e.jsx(R, { children: "Suffix" }),
             /* @__PURE__ */ e.jsx(
               he,
               {
@@ -4199,9 +4208,9 @@ function jr() {
           ] })
         ] })
       ] }) }),
-      /* @__PURE__ */ e.jsx(Ke, { className: "my-3" }),
+      /* @__PURE__ */ e.jsx(Ge, { className: "my-3" }),
       /* @__PURE__ */ e.jsx(
-        Xt,
+        en,
         {
           colorRanges: m,
           setColorRanges: i
@@ -4210,7 +4219,7 @@ function jr() {
     ] })
   ] });
 }
-function br() {
+function bl() {
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-6 px-6 py-2", children: [
     /* @__PURE__ */ e.jsx(Ce, { type: "single", collapsible: !0, children: /* @__PURE__ */ e.jsxs(B, { value: "item-1", children: [
       /* @__PURE__ */ e.jsx($, { className: "", children: "KPI Query" }),
@@ -4236,25 +4245,25 @@ function br() {
         ] })
       ] })
     ] }) }),
-    /* @__PURE__ */ e.jsx("section", { className: "", children: /* @__PURE__ */ e.jsx(jr, {}) }),
+    /* @__PURE__ */ e.jsx("section", { className: "", children: /* @__PURE__ */ e.jsx(jl, {}) }),
     /* @__PURE__ */ e.jsx("div", {}),
     /* @__PURE__ */ e.jsx("div", {})
   ] });
 }
-function yr() {
+function yl() {
   var n;
-  const s = c((r) => r.card.preferences), { setCardPreferences: t } = c((r) => r.actions);
-  function a(r) {
+  const s = c((l) => l.card.preferences), { setCardPreferences: t } = c((l) => l.actions);
+  function a(l) {
     t({
       ...s,
       textVisualOptions: {
         ...s == null ? void 0 : s.textVisualOptions,
-        isDynamicText: r === "dynamic"
+        isDynamicText: l === "dynamic"
       }
     });
   }
   return /* @__PURE__ */ e.jsxs(
-    Rs,
+    _s,
     {
       value: (n = s == null ? void 0 : s.textVisualOptions) != null && n.isDynamicText ? "dynamic" : "static",
       onValueChange: a,
@@ -4273,14 +4282,14 @@ function yr() {
     }
   );
 }
-function ss({
+function as({
   cardType: s,
   docContent: t,
   suffix: a = "Chart"
 }) {
   return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(Ce, { defaultValue: ["item-2"], type: "multiple", children: [
     /* @__PURE__ */ e.jsxs(B, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx($, { children: `${_s(s)} ${a}` }),
+      /* @__PURE__ */ e.jsx($, { children: `${Hs(s)} ${a}` }),
       /* @__PURE__ */ e.jsx(P, { children: t || /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
         /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 text-xs", children: "SELECT label, measure FROM table" }),
         /* @__PURE__ */ e.jsxs("ul", { className: "ml-6 list-disc text-xs [&>li]:mt-2", children: [
@@ -4306,18 +4315,21 @@ function ss({
     /* @__PURE__ */ e.jsxs(B, { value: "item-2", children: [
       /* @__PURE__ */ e.jsx($, { children: "Settings" }),
       /* @__PURE__ */ e.jsxs(P, { className: "space-y-4 px-2", children: [
-        s === "range" && /* @__PURE__ */ e.jsx(hs, {}),
-        s !== "text" && /* @__PURE__ */ e.jsx(Ps, {}),
-        s === "text" && /* @__PURE__ */ e.jsx(yr, {})
+        s === "range" && /* @__PURE__ */ e.jsx(ms, {}),
+        s !== "text" && /* @__PURE__ */ e.jsx(Ks, {}),
+        s === "text" && /* @__PURE__ */ e.jsx(yl, {})
       ] })
     ] }),
     !["range", "text"].includes(s) && /* @__PURE__ */ e.jsxs(B, { value: "item-3", children: [
       /* @__PURE__ */ e.jsx($, { children: "Filters" }),
-      /* @__PURE__ */ e.jsx(P, { className: "px-2", children: /* @__PURE__ */ e.jsx(Ve, {}) })
+      /* @__PURE__ */ e.jsxs(P, { className: "space-y-4 px-2", children: [
+        /* @__PURE__ */ e.jsx(Ve, {}),
+        /* @__PURE__ */ e.jsx(qe, {})
+      ] })
     ] })
   ] }) });
 }
-function vr() {
+function vl() {
   return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(Ce, { defaultValue: ["item-2"], type: "multiple", children: [
     /* @__PURE__ */ e.jsxs(B, { value: "item-1", children: [
       /* @__PURE__ */ e.jsx($, { children: "Stacked Chart" }),
@@ -4347,20 +4359,23 @@ function vr() {
     /* @__PURE__ */ e.jsxs(B, { value: "item-2", children: [
       /* @__PURE__ */ e.jsx($, { children: "Settings" }),
       /* @__PURE__ */ e.jsxs(P, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e.jsx(hs, {}),
-        /* @__PURE__ */ e.jsx($a, {})
+        /* @__PURE__ */ e.jsx(ms, {}),
+        /* @__PURE__ */ e.jsx(Pa, {})
       ] })
     ] }),
     /* @__PURE__ */ e.jsxs(B, { value: "item-3", children: [
       /* @__PURE__ */ e.jsx($, { children: "Filters" }),
-      /* @__PURE__ */ e.jsx(P, { className: "px-2", children: /* @__PURE__ */ e.jsx(Ve, {}) })
+      /* @__PURE__ */ e.jsxs(P, { className: "space-y-4 px-2", children: [
+        /* @__PURE__ */ e.jsx(Ve, {}),
+        /* @__PURE__ */ e.jsx(qe, {})
+      ] })
     ] })
   ] }) });
 }
-function Nr({}) {
+function Nl({}) {
   const s = c((n) => {
-    var r;
-    return (r = n.card) == null ? void 0 : r.preferences;
+    var l;
+    return (l = n.card) == null ? void 0 : l.preferences;
   }), t = c(
     (n) => n.actions.setCardPreferences
   ), a = (n) => {
@@ -4372,10 +4387,13 @@ function Nr({}) {
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-6 px-6 py-2", children: [
     /* @__PURE__ */ e.jsx(Ce, { defaultValue: ["item-3"], type: "multiple", children: /* @__PURE__ */ e.jsxs(B, { value: "item-3", children: [
       /* @__PURE__ */ e.jsx($, { children: "Filters" }),
-      /* @__PURE__ */ e.jsx(P, { className: "px-2", children: /* @__PURE__ */ e.jsx(Ve, {}) })
+      /* @__PURE__ */ e.jsxs(P, { className: "space-y-4 px-2", children: [
+        /* @__PURE__ */ e.jsx(Ve, {}),
+        /* @__PURE__ */ e.jsx(qe, {})
+      ] })
     ] }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-      /* @__PURE__ */ e.jsx(Ue, { onCheckedChange: a, id: "allow-download" }),
+      /* @__PURE__ */ e.jsx(Qe, { onCheckedChange: a, id: "allow-download" }),
       /* @__PURE__ */ e.jsx(
         "label",
         {
@@ -4387,7 +4405,7 @@ function Nr({}) {
     ] })
   ] });
 }
-const Cr = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
+const Cl = /* @__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 ",
@@ -4403,7 +4421,7 @@ const Cr = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-
     ),
     " in the docs."
   ] })
-] }), Sr = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
+] }), Sl = /* @__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 ",
@@ -4419,7 +4437,7 @@ const Cr = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-
     ),
     " in the docs."
   ] })
-] }), kr = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
+] }), kl = /* @__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 ",
@@ -4436,51 +4454,51 @@ const Cr = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-
     " in the docs."
   ] })
 ] });
-function wr() {
+function wl() {
   const s = c((a) => a.card.type);
   function t(a) {
     switch (a) {
       case "stackedBar":
       case "stackedLine":
-        return /* @__PURE__ */ e.jsx(vr, {});
+        return /* @__PURE__ */ e.jsx(vl, {});
       case "pyramid":
-        return /* @__PURE__ */ e.jsx(ss, { docContent: Cr, cardType: a });
+        return /* @__PURE__ */ e.jsx(as, { docContent: Cl, cardType: a });
       case "kpi":
-        return /* @__PURE__ */ e.jsx(br, {});
+        return /* @__PURE__ */ e.jsx(bl, {});
       case "line":
       case "bar":
-        return /* @__PURE__ */ e.jsx(mr, { cardType: a });
+        return /* @__PURE__ */ e.jsx(ml, { cardType: a });
       case "range":
-        return /* @__PURE__ */ e.jsx(ss, { docContent: Sr, cardType: a });
+        return /* @__PURE__ */ e.jsx(as, { docContent: Sl, cardType: a });
       case "pie":
       case "doughnut":
       case "polarArea":
       case "radar":
-        return /* @__PURE__ */ e.jsx(ss, { cardType: a });
+        return /* @__PURE__ */ e.jsx(as, { cardType: a });
       case "bubble":
       case "scatter":
-        return /* @__PURE__ */ e.jsx(ur, { cardType: a });
+        return /* @__PURE__ */ e.jsx(ul, { cardType: a });
       case "table":
-        return /* @__PURE__ */ e.jsx(Nr, { cardType: a });
+        return /* @__PURE__ */ e.jsx(Nl, { cardType: a });
       case "text":
         return /* @__PURE__ */ e.jsx(
-          ss,
+          as,
           {
-            docContent: kr,
+            docContent: kl,
             cardType: a,
             suffix: "Visual"
           }
         );
       default:
-        return /* @__PURE__ */ e.jsx(fr, {});
+        return /* @__PURE__ */ e.jsx(fl, {});
     }
   }
-  return /* @__PURE__ */ e.jsx(Vs, { className: "h-full w-full text-sm", children: t(s) });
+  return /* @__PURE__ */ e.jsx(qs, { className: "h-full w-full text-sm", children: t(s) });
 }
-function zr() {
+function zl() {
   const s = c((t) => t.isShowingVisual);
   return /* @__PURE__ */ e.jsxs(
-    Ns,
+    Cs,
     {
       direction: "vertical",
       className: "min-h-[250px] min-w-full max-w-lg",
@@ -4492,10 +4510,10 @@ function zr() {
             className: "flex",
             minSize: 20,
             defaultSize: 40,
-            children: /* @__PURE__ */ e.jsx(sr, {})
+            children: /* @__PURE__ */ e.jsx(al, {})
           }
         ),
-        /* @__PURE__ */ e.jsx(Cs, { withHandle: !0, className: "border" }),
+        /* @__PURE__ */ e.jsx(Ss, { withHandle: !0, className: "border" }),
         /* @__PURE__ */ e.jsx(
           Fe,
           {
@@ -4503,7 +4521,7 @@ function zr() {
             role: "visual-section",
             minSize: 0,
             defaultSize: 60,
-            children: s ? /* @__PURE__ */ e.jsxs(Ns, { direction: "horizontal", children: [
+            children: s ? /* @__PURE__ */ e.jsxs(Cs, { direction: "horizontal", children: [
               /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(
                 Fe,
                 {
@@ -4511,33 +4529,33 @@ function zr() {
                   minSize: 20,
                   defaultSize: 25,
                   maxSize: 30,
-                  children: /* @__PURE__ */ e.jsx(wr, {})
+                  children: /* @__PURE__ */ e.jsx(wl, {})
                 }
               ) }),
-              /* @__PURE__ */ e.jsx(Cs, { className: "border" }),
-              /* @__PURE__ */ e.jsx(Fe, { minSize: 40, defaultSize: 75, maxSize: 100, children: /* @__PURE__ */ e.jsx(na, {}) })
-            ] }) : /* @__PURE__ */ e.jsx(na, {})
+              /* @__PURE__ */ e.jsx(Ss, { className: "border" }),
+              /* @__PURE__ */ e.jsx(Fe, { minSize: 40, defaultSize: 75, maxSize: 100, children: /* @__PURE__ */ e.jsx(la, {}) })
+            ] }) : /* @__PURE__ */ e.jsx(la, {})
           }
         )
       ]
     }
   );
 }
-function Fr({ authToken: s, onSave: t, onClose: a }) {
-  const n = c((i) => i.actions.setOnSave), r = c((i) => i.actions.setOnClose), m = k((i) => i.actions.setAuthToken);
+function Fl({ authToken: s, onSave: t, onClose: a }) {
+  const n = c((i) => i.actions.setOnSave), l = c((i) => i.actions.setOnClose), m = k((i) => i.actions.setAuthToken);
   return U(() => {
-    t && n(t), a && r(a);
-  }, [t, n, a, r]), U(() => {
+    t && n(t), a && l(a);
+  }, [t, n, a, l]), U(() => {
     s && s.accessToken && m(s);
-  }, [s, m]), /* @__PURE__ */ e.jsxs(en, { className: "rounded-none", role: "editor-panel", children: [
-    /* @__PURE__ */ e.jsx(sn, { className: "rounded-none border-r-[1.5px]", children: /* @__PURE__ */ e.jsx(Ma, {}) }),
-    /* @__PURE__ */ e.jsx(an, { children: /* @__PURE__ */ e.jsx(zr, {}) })
+  }, [s, m]), /* @__PURE__ */ e.jsxs(sn, { className: "rounded-none", role: "editor-panel", children: [
+    /* @__PURE__ */ e.jsx(an, { className: "rounded-none border-r-[1.5px]", children: /* @__PURE__ */ e.jsx(Ta, {}) }),
+    /* @__PURE__ */ e.jsx(tn, { children: /* @__PURE__ */ e.jsx(zl, {}) })
   ] });
 }
-function Or() {
+function Ol() {
   k((i) => i.selectedCardId);
   const s = k((i) => i.selectedSheetId), { setIsVisualEditing: t } = k((i) => i.actions), a = k((i) => i.isVisualEditing), n = k((i) => i.actions.updateFrame);
-  function r(i) {
+  function l(i) {
     s && (n(s, i), t(!1));
   }
   function m() {
@@ -4551,11 +4569,11 @@ function Or() {
         block: a,
         hidden: !a
       }),
-      children: /* @__PURE__ */ e.jsx(Fr, { onSave: r, onClose: m })
+      children: /* @__PURE__ */ e.jsx(Fl, { onSave: l, onClose: m })
     }
   );
 }
-function Mr() {
+function Ml() {
   c((i) => i.selectedConnectionId), c((i) => i.selectedDatamodelId);
   const s = c((i) => i.selectedDatabaseName);
   c((i) => i.selectedSchemaName);
@@ -4563,8 +4581,8 @@ function Mr() {
   k((i) => i.actions.addFilter), k((i) => i.actions.removeFilter), k(
     (i) => i.actions.removeFilterValue
   );
-  const { modelItems: n, columns: r } = Ie(), { assignFilter: m } = Pa();
-  return /* @__PURE__ */ e.jsx("div", { className: "xbg-red-100 flex-1 basis-0 flex-col overflow-scroll px-3", children: r == null ? void 0 : r.map((i) => {
+  const { modelItems: n, columns: l } = Ie(), { assignFilter: m } = Ka();
+  return /* @__PURE__ */ e.jsx("div", { className: "xbg-red-100 flex-1 basis-0 flex-col overflow-scroll px-3", children: l == null ? void 0 : l.map((i) => {
     const o = a == null ? void 0 : a.find(
       (d) => d.column === ue(i.column_name) && d.table === t && d.database === s
     );
@@ -4579,7 +4597,7 @@ function Mr() {
           }
         ),
         children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ e.jsx(Oa, { column: i }),
+          /* @__PURE__ */ e.jsx(Ma, { column: i }),
           /* @__PURE__ */ e.jsx("span", { children: i.column_name })
         ] })
       },
@@ -4587,31 +4605,31 @@ function Mr() {
     );
   }) });
 }
-function Tr() {
+function Tl() {
   k((t) => t.showFilters);
   const s = k(
     (t) => t.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(_, { className: "text-lg", children: "Filters" }),
+      /* @__PURE__ */ e.jsx(R, { className: "text-lg", children: "Filters" }),
       /* @__PURE__ */ e.jsx(
         w,
         {
           onClick: () => s(!1),
           className: "h-7 w-7 p-0",
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx($e, {})
+          children: /* @__PURE__ */ e.jsx(Pe, {})
         }
       )
     ] }),
     /* @__PURE__ */ e.jsx("div", { className: "flex grow", children: /* @__PURE__ */ e.jsx(
-      Ma,
+      Ta,
       {
         ColumnsComponent: () => (
           // schemaName, tableName, columns
           /* @__PURE__ */ e.jsx(
-            Mr,
+            Ml,
             {}
           )
         )
@@ -4619,7 +4637,7 @@ function Tr() {
     ) })
   ] });
 }
-function Dr() {
+function Dl() {
   k((a) => a.dashboard);
   const s = k((a) => a.showFilters), t = k((a) => a.isVisualEditing);
   return k((a) => a.bookmarkKey), /* @__PURE__ */ e.jsxs(
@@ -4631,13 +4649,13 @@ function Dr() {
         flex: !t
       }),
       children: [
-        /* @__PURE__ */ e.jsx(tn, {}),
-        s && /* @__PURE__ */ e.jsx("div", { role: "filter-aside-container", className: "flex", children: /* @__PURE__ */ e.jsx(Tr, {}) })
+        /* @__PURE__ */ e.jsx(nn, {}),
+        s && /* @__PURE__ */ e.jsx("div", { role: "filter-aside-container", className: "flex", children: /* @__PURE__ */ e.jsx(Tl, {}) })
       ]
     }
   );
 }
-function Ar() {
+function Al() {
   const s = k((n) => n.dashboard), t = k((n) => n.actions.setDashboard), a = k(
     (n) => n.showDashboardJSON
   );
@@ -4650,7 +4668,7 @@ function Ar() {
         hidden: !a
       }),
       children: /* @__PURE__ */ e.jsx(
-        nn,
+        ln,
         {
           onChange: (n) => {
             if (n)
@@ -4681,26 +4699,26 @@ function Ar() {
     }
   );
 }
-function Ir({
+function Il({
   showControls: s = !1,
   showFooter: t = !0,
   ...a
 }) {
   return /* @__PURE__ */ e.jsxs(rn, { dashboardProps: a, children: [
-    /* @__PURE__ */ e.jsx(ln, {}),
-    /* @__PURE__ */ e.jsxs(on, { children: [
-      /* @__PURE__ */ e.jsx(Ar, {}),
-      /* @__PURE__ */ e.jsxs(cn, { ...a, children: [
-        s && /* @__PURE__ */ e.jsx(Vn, {}),
-        /* @__PURE__ */ e.jsx(Or, {}),
-        /* @__PURE__ */ e.jsx(Dr, {})
+    /* @__PURE__ */ e.jsx(on, {}),
+    /* @__PURE__ */ e.jsxs(cn, { children: [
+      /* @__PURE__ */ e.jsx(Al, {}),
+      /* @__PURE__ */ e.jsxs(dn, { ...a, children: [
+        s && /* @__PURE__ */ e.jsx(qn, {}),
+        /* @__PURE__ */ e.jsx(Ol, {}),
+        /* @__PURE__ */ e.jsx(Dl, {})
       ] })
     ] })
   ] });
 }
 export {
-  Ir as D,
-  Je as L,
-  He as S,
+  Il as D,
+  Ue as L,
+  Be as S,
   Ie as u
 };