react-semaphor 0.0.258 → 0.0.260

package/dist/chunks/{dashboard-plus-FX4aBajk.js → dashboard-plus-vZ6i2W6N.js}

@@ -1,13 +1,13 @@
-import { J as M, L as Pe, b as z, c as Ns, u as Se, j as e, M as Cs, O as Ss, P as F, Q as ws, R as ks, U as zs, V as Fs, W as Ls, X as H, Y as ue, Z as na, _ as Xa, $ as Za, a0 as et, a1 as st, a2 as at, a3 as tt, a4 as Ps, f as J, a5 as Re, a6 as nt, a7 as la, a8 as _e, a9 as ts, T as Ts, e as ia, g as Ds, aa as me, ab as xe, ac as pe, ad as fe, ae as Ce, af as ge, ag as Q, ah as Is, G as o, ai as Ms, aj as Os, ak as As, w as ra, v as oa, t as he, al as lt, r as it, N as ca, s as rt, am as ot, B as ct, an as da, ao as dt, S as Es, z as ut, n as Us, A as ua, ap as ps, aq as de, ar as Ne, as as He, at as rs, au as ha, av as ht, aw as mt, ax as ma, ay as xt, az as pt, aA as ft, aB as gt, aC as jt, aD as fs, aE as bt, aF as xa, aG as qe, aH as gs, aI as De, aJ as js, aK as Gs, aL as yt, aM as vt, aN as Nt, aO as Ct, aP as St, aQ as xs, aR as wt, aS as Ks, aT as kt, aU as Ws, aV as zt, aW as Ft, aX as Lt, aY as pa, H as Ie, aZ as fa, l as Tt, C as Dt, E as es, d as It, h as Mt, a_ as Ot, i as At, o as Et, a$ as Vt, m as qt, b0 as Rt, b1 as ga, b2 as ja, b3 as ss, b4 as ba, b5 as as, b6 as Qs, b7 as Ue, b8 as Ge, b9 as Ke, ba as ya, K as _t, bb as Ht, bc as $t, bd as va, be as Na, bf as Ca, bg as Sa, bh as wa, bi as ka, bj as os, bk as Fe, bl as Js, bm as za, bn as Bt, bo as Pt, bp as ns, bq as Ut, br as Gt, bs as Kt, bt as Ys, bu as Wt, bv as Qt, bw as Le, bx as P, by as U, bz as Vs, bA as G, bB as Jt, bC as Yt, bD as Xt, bE as Zt, bF as en, bG as sn, bH as an, bI as tn, bJ as nn, bK as ln } from "./index-wsauSY2B.js";
-import * as bs from "react";
-import je, { useState as V, useMemo as ys, useEffect as Z, useRef as $e, Suspense as rn } from "react";
+import { J as O, L as Ue, b as z, c as Cs, u as je, j as e, M as Ss, O as ws, P as F, Q as ks, R as zs, U as Fs, V as Ls, W as Ts, X as H, Y as Ce, Z as aa, _ as Ja, $ as Ya, a0 as Xa, a1 as Za, a2 as et, a3 as st, a4 as Gs, f as J, a5 as Re, a6 as at, a7 as ta, a8 as _e, a9 as ts, T as Ds, e as na, g as Is, aa as he, ab as me, ac as xe, ad as pe, ae as Se, af as fe, ag as Q, ah as Ms, G as c, ai as Os, aj as As, ak as Es, w as la, v as ia, t as ue, al as tt, r as nt, N as ra, s as lt, am as it, B as rt, an as oa, ao as ot, S as Vs, z as ct, n as Ks, A as ca, ap as fs, aq as re, ar as Ne, as as He, at as rs, au as da, av as dt, aw as ut, ax as ua, ay as ht, az as mt, aA as xt, aB as pt, aC as ft, aD as gs, aE as gt, aF as ha, aG as qe, aH as js, aI as De, aJ as bs, aK as Ps, aL as jt, aM as bt, aN as yt, aO as vt, aP as Nt, aQ as xs, aR as Ct, aS as Ws, aT as St, aU as Qs, aV as wt, aW as kt, aX as zt, aY as ma, H as Ie, aZ as xa, l as Ft, C as Lt, E as es, d as Tt, h as Dt, a_ as It, i as Mt, o as Ot, a$ as At, m as Et, b0 as Vt, b1 as pa, b2 as fa, b3 as ss, b4 as ga, b5 as as, b6 as Js, b7 as Ge, b8 as Ke, b9 as Pe, ba as ja, K as qt, bb as Rt, bc as _t, bd as ba, be as ya, bf as va, bg as Na, bh as Ca, bi as Sa, bj as os, bk as Fe, bl as Ht, bm as $t, bn as wa, bo as Bt, bp as Ut, bq as ns, br as Gt, bs as Kt, bt as Pt, bu as Ys, bv as Wt, bw as Qt, bx as Le, by as U, bz as G, bA as qs, bB as K, bC as Jt, bD as Yt, bE as Xt, bF as Zt, bG as en, bH as sn, bI as an, bJ as tn, bK as nn, bL as ln } from "./index-TgixBDWy.js";
+import * as ys from "react";
+import ge, { useState as V, useMemo as vs, useEffect as Z, useRef as $e, Suspense as rn } from "react";
 /**
  * @license lucide-react v0.453.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const on = M("Box", [
+const on = O("Box", [
   [
     "path",
     {
@@ -24,7 +24,7 @@ const on = M("Box", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const cn = M("ChartArea", [
+const cn = O("ChartArea", [
   ["path", { d: "M3 3v16a2 2 0 0 0 2 2h16", key: "c24i48" }],
   [
     "path",
@@ -40,7 +40,7 @@ const cn = M("ChartArea", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const qs = M("ChartColumnIncreasing", [
+const Rs = O("ChartColumnIncreasing", [
   ["path", { d: "M13 17V9", key: "1fwyjl" }],
   ["path", { d: "M18 17V5", key: "sfb6ij" }],
   ["path", { d: "M3 3v16a2 2 0 0 0 2 2h16", key: "c24i48" }],
@@ -52,7 +52,7 @@ const qs = M("ChartColumnIncreasing", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Rs = M("ChartLine", [
+const _s = O("ChartLine", [
   ["path", { d: "M3 3v16a2 2 0 0 0 2 2h16", key: "c24i48" }],
   ["path", { d: "m19 9-5 5-4-4-3 3", key: "2osh9i" }]
 ]);
@@ -62,7 +62,7 @@ const Rs = M("ChartLine", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Fa = M("ChartNoAxesGantt", [
+const ka = O("ChartNoAxesGantt", [
   ["path", { d: "M8 6h10", key: "9lnwnk" }],
   ["path", { d: "M6 12h9", key: "1g9pqf" }],
   ["path", { d: "M11 18h7", key: "c8dzvl" }]
@@ -73,7 +73,7 @@ const Fa = M("ChartNoAxesGantt", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const La = M("ChartPie", [
+const za = O("ChartPie", [
   [
     "path",
     {
@@ -89,7 +89,7 @@ const La = M("ChartPie", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ta = M("ChartScatter", [
+const Fa = O("ChartScatter", [
   ["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" }],
@@ -103,7 +103,7 @@ const Ta = M("ChartScatter", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const dn = M("ChevronsUpDown", [
+const dn = O("ChevronsUpDown", [
   ["path", { d: "m7 15 5 5 5-5", key: "1hf1tw" }],
   ["path", { d: "m7 9 5-5 5 5", key: "sgt6xg" }]
 ]);
@@ -113,7 +113,7 @@ const dn = M("ChevronsUpDown", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const un = M("CircleX", [
+const un = O("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" }]
@@ -124,7 +124,7 @@ const un = M("CircleX", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const hn = M("CopyPlus", [
+const hn = O("CopyPlus", [
   ["line", { x1: "15", x2: "15", y1: "12", y2: "18", key: "1p7wdc" }],
   ["line", { x1: "12", x2: "18", y1: "15", y2: "15", key: "1nscbv" }],
   ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
@@ -136,7 +136,7 @@ const hn = M("CopyPlus", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const mn = M("Database", [
+const mn = O("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" }]
@@ -147,7 +147,7 @@ const mn = M("Database", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const xn = M("EllipsisVertical", [
+const xn = O("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" }]
@@ -158,7 +158,7 @@ const xn = M("EllipsisVertical", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const pn = M("Eraser", [
+const pn = O("Eraser", [
   [
     "path",
     {
@@ -175,7 +175,7 @@ const pn = M("Eraser", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const fn = M("EyeClosed", [
+const fn = O("EyeClosed", [
   ["path", { d: "m15 18-.722-3.25", key: "1j64jw" }],
   ["path", { d: "M2 8a10.645 10.645 0 0 0 20 0", key: "1e7gxb" }],
   ["path", { d: "m20 15-1.726-2.05", key: "1cnuld" }],
@@ -188,7 +188,7 @@ const fn = M("EyeClosed", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const gn = M("Eye", [
+const gn = O("Eye", [
   [
     "path",
     {
@@ -204,7 +204,7 @@ const gn = M("Eye", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const jn = M("Glasses", [
+const jn = O("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" }],
@@ -217,7 +217,7 @@ const jn = M("Glasses", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const bn = M("Hammer", [
+const bn = O("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" }],
   [
@@ -234,7 +234,7 @@ const bn = M("Hammer", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const yn = M("Hash", [
+const yn = O("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" }],
@@ -246,7 +246,7 @@ const yn = M("Hash", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const vn = M("House", [
+const vn = O("House", [
   ["path", { d: "M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8", key: "5wwlr5" }],
   [
     "path",
@@ -262,7 +262,7 @@ const vn = M("House", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Nn = M("Key", [
+const Nn = O("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" }]
@@ -273,7 +273,7 @@ const Nn = M("Key", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Cn = M("ListEnd", [
+const Cn = O("ListEnd", [
   ["path", { d: "M16 12H3", key: "1a2rj7" }],
   ["path", { d: "M16 6H3", key: "1wxfjs" }],
   ["path", { d: "M10 18H3", key: "13769t" }],
@@ -286,7 +286,7 @@ const Cn = M("ListEnd", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Sn = M("ListStart", [
+const Sn = O("ListStart", [
   ["path", { d: "M16 12H3", key: "1a2rj7" }],
   ["path", { d: "M16 18H3", key: "12xzn7" }],
   ["path", { d: "M10 6H3", key: "lf8lx7" }],
@@ -299,7 +299,7 @@ const Sn = M("ListStart", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const wn = M("ListX", [
+const wn = O("ListX", [
   ["path", { d: "M11 12H3", key: "51ecnj" }],
   ["path", { d: "M16 6H3", key: "1wxfjs" }],
   ["path", { d: "M16 18H3", key: "12xzn7" }],
@@ -312,7 +312,7 @@ const wn = M("ListX", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Be = M("LoaderCircle", [
+const Be = O("LoaderCircle", [
   ["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]
 ]);
 /**
@@ -321,7 +321,7 @@ const Be = M("LoaderCircle", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const kn = M("MessageSquareMore", [
+const kn = O("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" }],
@@ -333,7 +333,7 @@ const kn = M("MessageSquareMore", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const zn = M("Network", [
+const zn = O("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" }],
@@ -346,7 +346,7 @@ const zn = M("Network", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Da = M("Pencil", [
+const La = O("Pencil", [
   [
     "path",
     {
@@ -362,7 +362,7 @@ const Da = M("Pencil", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Fn = M("Play", [
+const Fn = O("Play", [
   ["polygon", { points: "6 3 20 12 6 21 6 3", key: "1oa8hb" }]
 ]);
 /**
@@ -371,7 +371,7 @@ const Fn = M("Play", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ln = M("Plug2", [
+const Ln = O("Plug2", [
   ["path", { d: "M9 2v6", key: "17ngun" }],
   ["path", { d: "M15 2v6", key: "s7yy2p" }],
   ["path", { d: "M12 17v5", key: "bb1du9" }],
@@ -384,7 +384,7 @@ const Ln = M("Plug2", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Tn = M("Save", [
+const Tn = O("Save", [
   [
     "path",
     {
@@ -401,7 +401,7 @@ const Tn = M("Save", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ia = M("Shapes", [
+const Ta = O("Shapes", [
   [
     "path",
     {
@@ -418,7 +418,7 @@ const Ia = M("Shapes", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Dn = M("ShieldQuestion", [
+const Dn = O("ShieldQuestion", [
   [
     "path",
     {
@@ -435,7 +435,7 @@ const Dn = M("ShieldQuestion", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const In = M("Sigma", [
+const In = O("Sigma", [
   [
     "path",
     {
@@ -450,7 +450,7 @@ const In = M("Sigma", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Mn = M("SwatchBook", [
+const Mn = O("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 17h.01", key: "1euzgo" }],
@@ -468,7 +468,7 @@ const Mn = M("SwatchBook", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const On = M("Tag", [
+const On = O("Tag", [
   [
     "path",
     {
@@ -484,7 +484,7 @@ const On = M("Tag", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const An = M("ToggleLeft", [
+const An = O("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" }]
 ]);
@@ -494,7 +494,7 @@ const An = M("ToggleLeft", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const _s = M("Type", [
+const Hs = O("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" }]
@@ -505,11 +505,11 @@ const _s = M("Type", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const En = M("User", [
+const En = O("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 Ma(s) {
+function Da(s) {
   var n;
   return {
     ...s,
@@ -518,10 +518,10 @@ function Ma(s) {
       return {
         ...a,
         frames: (t = a.frames) == null ? void 0 : t.map((i) => {
-          var c;
+          var o;
           return {
             ...i,
-            cards: (c = i.cards) == null ? void 0 : c.map((l) => Vn(l))
+            cards: (o = i.cards) == null ? void 0 : o.map((l) => Vn(l))
           };
         })
       };
@@ -537,8 +537,8 @@ function Vn(s) {
       data: {
         ...(n = s.cfg) == null ? void 0 : n.data,
         labels: [],
-        datasets: (i = (t = (a = s.cfg) == null ? void 0 : a.data) == null ? void 0 : t.datasets) == null ? void 0 : i.map((c) => ({
-          ...c,
+        datasets: (i = (t = (a = s.cfg) == null ? void 0 : a.data) == null ? void 0 : t.datasets) == null ? void 0 : i.map((o) => ({
+          ...o,
           data: []
         }))
       }
@@ -566,72 +566,72 @@ async function Rn(s, n, a, t) {
   if (!t)
     return null;
   const i = JSON.stringify(n);
-  return await Pe("https://semaphor.cloud/api/v1/lens", t, {
+  return await Ue("https://semaphor.cloud/api/v1/lens", t, {
     name: s,
     template: i,
     filterValues: a,
     operation: "create"
   });
 }
-async function vs(s, n) {
+async function Ns(s, n) {
   if (!n)
     return null;
-  const { id: a, template: t, filterValues: i, isDefault: c, shared: l } = s;
-  return await Pe("https://semaphor.cloud/api/v1/lens", n, {
+  const { id: a, template: t, filterValues: i, isDefault: o, shared: l } = s;
+  return await Ue("https://semaphor.cloud/api/v1/lens", n, {
     lensId: a,
     template: t,
     filterValues: i,
-    isDefault: c,
+    isDefault: o,
     shared: l,
     operation: "update"
   });
 }
 async function _n(s, n) {
-  return n ? await Pe("https://semaphor.cloud/api/v1/lens", n, {
+  return n ? await Ue("https://semaphor.cloud/api/v1/lens", n, {
     operation: "delete",
     lensId: s
   }) : null;
 }
 function Hn() {
-  const [s, n] = V(""), [a, t] = V(!1), i = z((f) => f.lenses), { setLenses: c, setSelectedLensId: l } = Ns(), [r, d] = V(!1), [p, m] = V(!1), y = z((f) => f.dashboard), x = z((f) => f.filterValues), { authToken: h } = Se();
-  async function u() {
+  const [s, n] = V(""), [a, t] = V(!1), i = z((u) => u.lenses), { setLenses: o, setSelectedLensId: l } = Cs(), [r, d] = V(!1), [p, h] = V(!1), y = z((u) => u.dashboard), x = z((u) => u.filterValues), { authToken: m } = je();
+  async function f() {
     d(!0);
-    const f = Ma(
+    const u = Da(
       y
     ), k = await Rn(
       s,
-      f,
+      u,
       x,
-      h == null ? void 0 : h.accessToken
+      m == null ? void 0 : m.accessToken
     );
-    k && (c([...i || [], k]), l(k.id), m(!1)), d(!1);
+    k && (o([...i || [], k]), l(k.id), h(!1)), d(!1);
   }
-  return /* @__PURE__ */ e.jsxs(Cs, { open: p, onOpenChange: m, children: [
-    /* @__PURE__ */ e.jsx(Ss, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
+  return /* @__PURE__ */ e.jsxs(Ss, { open: p, onOpenChange: h, children: [
+    /* @__PURE__ */ e.jsx(ws, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
       F,
       {
         variant: "secondary",
         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(ks, { className: "mr-2 h-4 w-4", strokeWidth: 1.5 }),
           "Lens"
         ]
       }
     ) }),
-    /* @__PURE__ */ e.jsxs(ks, { className: "sm:max-w-[425px]", children: [
-      /* @__PURE__ */ e.jsxs(zs, { children: [
-        /* @__PURE__ */ e.jsx(Fs, { children: "Create Lens" }),
-        /* @__PURE__ */ e.jsx(Ls, { children: "Lenses are private by default and are only visible to you." })
+    /* @__PURE__ */ e.jsxs(zs, { className: "sm:max-w-[425px]", children: [
+      /* @__PURE__ */ e.jsxs(Fs, { children: [
+        /* @__PURE__ */ e.jsx(Ls, { children: "Create 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(H, { className: "text-right", children: "Name" }),
         /* @__PURE__ */ e.jsx(
-          ue,
+          Ce,
           {
             value: s,
-            onChange: (f) => {
-              n(f.target.value);
+            onChange: (u) => {
+              n(u.target.value);
             },
             id: "name",
             className: "col-span-7 focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0"
@@ -639,13 +639,13 @@ function Hn() {
         )
       ] }) }),
       a && /* @__PURE__ */ e.jsx("p", { className: "text-sm", children: "The lens name already exists. Use a differnet name." }),
-      /* @__PURE__ */ e.jsx(na, { children: /* @__PURE__ */ e.jsx(
+      /* @__PURE__ */ e.jsx(aa, { children: /* @__PURE__ */ e.jsx(
         F,
         {
           size: "sm",
           variant: "outline",
           type: "submit",
-          onClick: u,
+          onClick: f,
           disabled: r,
           children: r ? "Creating..." : "Add"
         }
@@ -654,70 +654,70 @@ function Hn() {
   ] });
 }
 function $n() {
-  const [s, n] = V(!1), a = z((m) => m.lenses), t = z((m) => m.selectedLensId), { setLenses: i, setSelectedLensId: c } = Ns(), { authToken: l } = Se();
-  async function r(m) {
-    c(m);
+  const [s, n] = V(!1), a = z((h) => h.lenses), t = z((h) => h.selectedLensId), { setLenses: i, setSelectedLensId: o } = Cs(), { authToken: l } = je();
+  async function r(h) {
+    o(h);
   }
-  async function d(m) {
-    if (await _n(m, l == null ? void 0 : l.accessToken)) {
-      const x = a == null ? void 0 : a.filter((h) => h.id !== m);
-      i(x || []), c("original");
+  async function d(h) {
+    if (await _n(h, l == null ? void 0 : l.accessToken)) {
+      const x = a == null ? void 0 : a.filter((m) => m.id !== h);
+      i(x || []), o("original");
     }
   }
-  async function p(m) {
-    const y = a == null ? void 0 : a.map((u) => u.id === m.id ? {
-      ...u,
-      isDefault: !m.isDefault
+  async function p(h) {
+    const y = a == null ? void 0 : a.map((f) => f.id === h.id ? {
+      ...f,
+      isDefault: !h.isDefault
     } : {
-      ...u,
+      ...f,
       isDefault: !1
     });
     i(y || []);
     const x = {
-      ...m,
-      isDefault: !m.isDefault
+      ...h,
+      isDefault: !h.isDefault
     };
-    await vs(x, l == null ? void 0 : l.accessToken);
-    const h = a == null ? void 0 : a.find((u) => u.isDefault);
-    if (h && h.id !== m.id) {
-      const u = {
-        ...h,
+    await Ns(x, l == null ? void 0 : l.accessToken);
+    const m = a == null ? void 0 : a.find((f) => f.isDefault);
+    if (m && m.id !== h.id) {
+      const f = {
+        ...m,
         isDefault: !1
       };
-      await vs(u, l == null ? void 0 : l.accessToken);
+      await Ns(f, l == null ? void 0 : l.accessToken);
     }
   }
-  return /* @__PURE__ */ e.jsxs(Xa, { open: s, onOpenChange: n, children: [
-    /* @__PURE__ */ e.jsx(Za, { asChild: !0, children: /* @__PURE__ */ e.jsx(F, { variant: "ghost", className: "h-7 p-2", children: /* @__PURE__ */ e.jsx(jn, { className: "h-4 w-4", strokeWidth: 1.5 }) }) }),
-    /* @__PURE__ */ e.jsxs(et, { align: "end", className: "w-60", children: [
-      /* @__PURE__ */ e.jsx(st, { className: "px-3", children: "Lenses" }),
-      /* @__PURE__ */ e.jsx(at, {}),
+  return /* @__PURE__ */ e.jsxs(Ja, { open: s, onOpenChange: n, children: [
+    /* @__PURE__ */ e.jsx(Ya, { asChild: !0, children: /* @__PURE__ */ e.jsx(F, { variant: "ghost", className: "h-7 p-2", children: /* @__PURE__ */ e.jsx(jn, { className: "h-4 w-4", strokeWidth: 1.5 }) }) }),
+    /* @__PURE__ */ e.jsxs(Xa, { align: "end", className: "w-60", children: [
+      /* @__PURE__ */ e.jsx(Za, { className: "px-3", children: "Lenses" }),
+      /* @__PURE__ */ e.jsx(et, {}),
       /* @__PURE__ */ e.jsxs(
-        tt,
+        st,
         {
           value: t,
           onValueChange: r,
           children: [
-            /* @__PURE__ */ e.jsx(Ps, { value: "original", children: "Original" }),
-            a == null ? void 0 : a.map((m) => /* @__PURE__ */ e.jsxs(
-              Ps,
+            /* @__PURE__ */ e.jsx(Gs, { value: "original", children: "Original" }),
+            a == null ? void 0 : a.map((h) => /* @__PURE__ */ e.jsxs(
+              Gs,
               {
                 className: "group flex justify-between",
-                value: m.id,
+                value: h.id,
                 children: [
-                  /* @__PURE__ */ e.jsx("p", { children: m.name }),
+                  /* @__PURE__ */ e.jsx("p", { children: h.name }),
                   /* @__PURE__ */ e.jsxs("span", { className: "flex items-center gap-3", children: [
                     /* @__PURE__ */ e.jsx(
                       vn,
                       {
                         onClick: (y) => {
-                          y.preventDefault(), p(m);
+                          y.preventDefault(), p(h);
                         },
                         className: J(
                           "size-3.5 text-muted-foreground hover:cursor-pointer hover:text-foreground group-hover:visible",
                           {
-                            invisible: !m.isDefault,
-                            "text-green-500": m.isDefault
+                            invisible: !h.isDefault,
+                            "text-green-500": h.isDefault
                           }
                         ),
                         strokeWidth: 1.5
@@ -727,7 +727,7 @@ function $n() {
                       Re,
                       {
                         onClick: (y) => {
-                          y.preventDefault(), d(m.id);
+                          y.preventDefault(), d(h.id);
                         },
                         className: "invisible size-3.5 text-muted-foreground hover:cursor-pointer hover:text-foreground group-hover:visible",
                         strokeWidth: 1.5
@@ -736,7 +736,7 @@ function $n() {
                   ] })
                 ]
               },
-              m.id
+              h.id
             ))
           ]
         }
@@ -745,23 +745,23 @@ function $n() {
   ] });
 }
 function Bn() {
-  const { authToken: s } = Se(), n = z((b) => b.lenses), a = z((b) => b.selectedLensId), t = n == null ? void 0 : n.find((b) => b.id === a), i = z((b) => b.dashboard);
+  const { authToken: s } = je(), n = z((b) => b.lenses), a = z((b) => b.selectedLensId), t = n == null ? void 0 : n.find((b) => b.id === a), i = z((b) => b.dashboard);
   z((b) => b.selectedSheetId);
-  const c = z(
+  const o = z(
     (b) => b.isDashboardEditing
-  ), [l, r] = V(!1), d = z((b) => b.filterValues), p = z((b) => b.isVisualEditing), m = z((b) => b.showFilters);
+  ), [l, r] = V(!1), d = z((b) => b.filterValues), p = z((b) => b.isVisualEditing), h = z((b) => b.showFilters);
   z(
     (b) => b.showDashboardJSON
   );
   const y = z((b) => b.onSaveFunction), x = z(
     (b) => b.actions.setShowFilters
-  ), { addFrame: h, setSelectedFrameId: u } = z(
+  ), { addFrame: m, setSelectedFrameId: f } = z(
     (b) => b.actions
-  ), { getSelectedSheet: f, setIsDashboardEditing: k, setShowDashboardJSON: T } = z((b) => b.actions), I = f(), { tenantId: N, endUserId: A } = ys(
-    () => nt(s == null ? void 0 : s.accessToken),
+  ), { getSelectedSheet: u, setIsDashboardEditing: k, setShowDashboardJSON: D } = z((b) => b.actions), I = u(), { tenantId: N, endUserId: M } = vs(
+    () => at(s == null ? void 0 : s.accessToken),
     [s == null ? void 0 : s.accessToken]
-  ), O = ys(() => N || A, [N, A]), j = () => {
-    if (!c || !I)
+  ), A = vs(() => N || M, [N, M]), j = () => {
+    if (!o || !I)
       return;
     const b = {
       id: _e(),
@@ -783,21 +783,21 @@ function Bn() {
       cards: [b],
       activeCardId: b.id
     };
-    h(I.id, q), u(q.id);
+    m(I.id, q), f(q.id);
   }, S = () => {
     k(!0);
   };
   async function v() {
     if (r(!0), !a || !t)
       return;
-    const b = Ma(
+    const b = Da(
       i
     ), q = JSON.stringify(b), $ = {
       ...t,
       template: q,
       filterValues: d
     };
-    await vs($, s == null ? void 0 : s.accessToken), ts.success("Lens saved"), y == null || y(b), r(!1);
+    await Ns($, s == null ? void 0 : s.accessToken), ts.success("Lens saved"), y == null || y(b), r(!1);
   }
   return p ? null : /* @__PURE__ */ e.jsxs(
     "div",
@@ -807,46 +807,46 @@ function Bn() {
       children: [
         !p && /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ e.jsx(H, { children: t == null ? void 0 : t.name }) }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
-          c && !p && O && /* @__PURE__ */ e.jsx(Hn, {}),
-          !p && O && /* @__PURE__ */ e.jsx($n, {}),
-          c && !p && /* @__PURE__ */ e.jsxs(
+          o && !p && A && /* @__PURE__ */ e.jsx(Hn, {}),
+          !p && A && /* @__PURE__ */ e.jsx($n, {}),
+          o && !p && /* @__PURE__ */ e.jsxs(
             F,
             {
               variant: "secondary",
               className: "h-7 p-2",
               size: "sm",
-              disabled: !c,
+              disabled: !o,
               onClick: j,
               children: [
-                /* @__PURE__ */ e.jsx(ws, { className: "mr-2 h-4 w-4", strokeWidth: 1.5 }),
+                /* @__PURE__ */ e.jsx(ks, { className: "mr-2 h-4 w-4", strokeWidth: 1.5 }),
                 "Frame"
               ]
             }
           ),
-          !c && /* @__PURE__ */ e.jsx(
+          !o && /* @__PURE__ */ e.jsx(
             F,
             {
               variant: "ghost",
               className: "h-7 p-2",
               onClick: S,
               size: "sm",
-              children: /* @__PURE__ */ e.jsx(Da, { className: "h-4 w-4", strokeWidth: 1.5 })
+              children: /* @__PURE__ */ e.jsx(La, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          c && !p && /* @__PURE__ */ e.jsx(
+          o && !p && /* @__PURE__ */ e.jsx(
             F,
             {
               variant: "ghost",
               role: "close",
               className: "h-7 p-2",
               onClick: () => {
-                k(!1), T(!1);
+                k(!1), D(!1);
               },
               size: "sm",
               children: /* @__PURE__ */ e.jsx(Re, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          c && !p && O && /* @__PURE__ */ e.jsx(
+          o && !p && A && /* @__PURE__ */ e.jsx(
             F,
             {
               className: "h-7 p-2",
@@ -857,17 +857,17 @@ function Bn() {
               children: /* @__PURE__ */ e.jsx(Tn, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          !m && !p && c && /* @__PURE__ */ e.jsx(
+          !h && !p && o && /* @__PURE__ */ e.jsx(
             F,
             {
               className: "h-7 p-2",
               variant: "ghost",
               onClick: () => x(!0),
               size: "sm",
-              children: /* @__PURE__ */ e.jsx(la, { className: "h-4 w-4", strokeWidth: 1.5 })
+              children: /* @__PURE__ */ e.jsx(ta, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          !p && c && !1,
+          !p && o && !1,
           !p && !1
         ] })
       ]
@@ -880,12 +880,12 @@ function Ve({
   value: a,
   isLoading: t,
   isError: i,
-  connectionTooltip: c,
+  connectionTooltip: o,
   onChange: l,
   showNone: r = !1,
   className: d,
   showIcon: p = !0,
-  disabled: m = !1
+  disabled: h = !1
 }) {
   const y = t ? "Loading..." : i ? "Error" : a;
   function x() {
@@ -896,61 +896,61 @@ function Ve({
     if (s === "Schema")
       return /* @__PURE__ */ e.jsx(zn, { className: "size-4" });
     if (s === "Table")
-      return /* @__PURE__ */ e.jsx(Is, { className: "size-4" });
+      return /* @__PURE__ */ e.jsx(Ms, { className: "size-4" });
     if (s === "Model")
       return /* @__PURE__ */ e.jsx(on, { className: "size-4" });
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-    p && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: c ? /* @__PURE__ */ e.jsxs(Ts, { children: [
-      /* @__PURE__ */ e.jsx(ia, { children: x() }),
-      /* @__PURE__ */ e.jsx(Ds, { className: "text-xs", align: "start", children: c })
+    p && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: o ? /* @__PURE__ */ e.jsxs(Ds, { children: [
+      /* @__PURE__ */ e.jsx(na, { children: x() }),
+      /* @__PURE__ */ e.jsx(Is, { className: "text-xs", align: "start", children: o })
     ] }) : x() }),
-    /* @__PURE__ */ e.jsxs(me, { disabled: m, value: y, onValueChange: l, children: [
+    /* @__PURE__ */ e.jsxs(he, { disabled: h, value: y, onValueChange: l, children: [
       /* @__PURE__ */ e.jsx(
-        xe,
+        me,
         {
           className: J(
             "h-9 w-full focus:ring-1 focus:ring-offset-0",
             d
           ),
           children: /* @__PURE__ */ e.jsx(
-            pe,
+            xe,
             {
               placeholder: t ? "Loading..." : i ? "Error" : `Select ${s}`
             }
           )
         }
       ),
-      /* @__PURE__ */ e.jsx(fe, { children: /* @__PURE__ */ e.jsxs(Ce, { children: [
-        t ? /* @__PURE__ */ e.jsx(ge, { children: "Loading..." }) : /* @__PURE__ */ e.jsx(ge, { children: s }),
+      /* @__PURE__ */ e.jsx(pe, { children: /* @__PURE__ */ e.jsxs(Se, { children: [
+        t ? /* @__PURE__ */ e.jsx(fe, { children: "Loading..." }) : /* @__PURE__ */ e.jsx(fe, { children: s }),
         /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
           r && /* @__PURE__ */ e.jsx(Q, { value: "none", children: "None" }, "none"),
-          n && n.map((h, u) => /* @__PURE__ */ e.jsx(Q, { value: h.id, children: h.name }, u))
+          n && n.map((m, f) => /* @__PURE__ */ e.jsx(Q, { value: m.id, children: m.name }, f))
         ] }),
         (t || i) && /* @__PURE__ */ e.jsx(Q, { value: y, children: y })
       ] }) })
     ] })
   ] });
 }
-function Pn({ column: s }) {
-  const [n, a] = V(!1), t = o((h) => h.selectedTableName), i = o(
-    (h) => h.selectedSchemaName
-  ), c = o(
-    (h) => h.selectedDatamodelId
-  ), l = o((h) => h.sqlGen), { modelItems: r } = Me(), d = o((h) => h.actions.setSqlGen), p = o((h) => h.actions.setCardSql), m = o((h) => h.actions.setRunSql);
-  function y(h, u) {
+function Un({ column: s }) {
+  const [n, a] = V(!1), t = c((m) => m.selectedTableName), i = c(
+    (m) => m.selectedSchemaName
+  ), o = c(
+    (m) => m.selectedDatamodelId
+  ), l = c((m) => m.sqlGen), { modelItems: r } = Me(), d = c((m) => m.actions.setSqlGen), p = c((m) => m.actions.setCardSql), h = c((m) => m.actions.setRunSql);
+  function y(m, f) {
     var I;
-    const f = ra(h, l, u), k = (I = r == null ? void 0 : r.find(
-      (N) => N.id === c
+    const u = la(m, l, f), k = (I = r == null ? void 0 : r.find(
+      (N) => N.id === o
     )) == null ? void 0 : I.name;
-    d(f);
-    const T = oa(
-      f,
-      he(i || ""),
-      he(t),
+    d(u);
+    const D = ia(
+      u,
+      ue(i || ""),
+      ue(t),
       k
     );
-    T && (p(T), m(!0)), a(!1);
+    D && (p(D), h(!0)), a(!1);
   }
   function x() {
     return /* @__PURE__ */ e.jsxs("ul", { className: "text-xs", children: [
@@ -996,10 +996,10 @@ function Pn({ column: s }) {
       )
     ] });
   }
-  return /* @__PURE__ */ e.jsxs(Ms, { openDelay: 0, open: n, onOpenChange: a, children: [
-    /* @__PURE__ */ e.jsx(Os, { asChild: !0, children: /* @__PURE__ */ e.jsx(xn, { className: "invisible size-3.5 cursor-pointer text-foreground/40 group-hover:visible" }) }),
+  return /* @__PURE__ */ e.jsxs(Os, { openDelay: 0, open: n, onOpenChange: a, children: [
+    /* @__PURE__ */ e.jsx(As, { asChild: !0, children: /* @__PURE__ */ e.jsx(xn, { className: "invisible size-3.5 cursor-pointer text-foreground/40 group-hover:visible" }) }),
     /* @__PURE__ */ e.jsx(
-      As,
+      Es,
       {
         align: "center",
         className: "w-20 rounded-md p-0 shadow-none",
@@ -1008,60 +1008,60 @@ function Pn({ column: s }) {
     )
   ] });
 }
-function Oa({ column: s }) {
-  return /* @__PURE__ */ e.jsxs(Ts, { children: [
-    /* @__PURE__ */ e.jsx(lt, { asChild: !0, children: it.includes(s.data_type.toLowerCase()) ? (
+function Ia({ column: s }) {
+  return /* @__PURE__ */ e.jsxs(Ds, { children: [
+    /* @__PURE__ */ e.jsx(tt, { asChild: !0, children: nt.includes(s.data_type.toLowerCase()) ? (
       // <span className=" font-thin">T</span>
-      /* @__PURE__ */ e.jsx(_s, { className: "size-3" })
-    ) : ca.includes(s.data_type.toLowerCase()) ? (
+      /* @__PURE__ */ e.jsx(Hs, { className: "size-3" })
+    ) : ra.includes(s.data_type.toLowerCase()) ? (
       //
       /* @__PURE__ */ e.jsx(yn, { className: "size-3" })
-    ) : rt.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(ot, { className: "size-3" }) : ct.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(An, { className: "size-3" }) : /* @__PURE__ */ e.jsx(Dn, { className: "size-3" }) }),
-    /* @__PURE__ */ e.jsx(Ds, { children: /* @__PURE__ */ e.jsx("p", { className: "font-mono text-xs", children: s.data_type }) })
+    ) : lt.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(it, { className: "size-3" }) : rt.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(An, { className: "size-3" }) : /* @__PURE__ */ e.jsx(Dn, { className: "size-3" }) }),
+    /* @__PURE__ */ e.jsx(Is, { children: /* @__PURE__ */ e.jsx("p", { className: "font-mono text-xs", children: s.data_type }) })
   ] });
 }
-function Un({
+function Gn({
   schemaName: s,
   tableName: n,
   columns: a,
   status: t
 }) {
-  const i = o((v) => v.sqlGen), c = o(
+  const i = c((v) => v.sqlGen), o = c(
     (v) => v.selectedConnectionId
-  ), l = o(
+  ), l = c(
     (v) => v.selectedDatabaseName
-  ), r = o(
+  ), r = c(
     (v) => v.selectedSchemaName
-  ), d = o((v) => v.selectedTableName), p = o(
+  ), d = c((v) => v.selectedTableName), p = c(
     (v) => v.selectedDatamodelId
-  ), m = z(
+  ), h = z(
     (v) => v.dashboard.aiScopeTables
-  ), { setAIScopeTables: y } = z((v) => v.actions), x = o((v) => v.actions.setRunSql), h = o((v) => v.actions.setSqlGen), u = o(
+  ), { setAIScopeTables: y } = z((v) => v.actions), x = c((v) => v.actions.setRunSql), m = c((v) => v.actions.setSqlGen), f = c(
     (v) => v.actions.setIsShowingVisual
-  ), f = o((v) => v.actions.setCardSql), { connectionType: k, modelItems: T } = Me();
+  ), u = c((v) => v.actions.setCardSql), { connectionType: k, modelItems: D } = Me();
   function I(v) {
     var R;
-    const b = ra(v, i);
-    h(b);
-    const q = (R = T == null ? void 0 : T.find(
+    const b = la(v, i);
+    m(b);
+    const q = (R = D == null ? void 0 : D.find(
       (B) => B.id === p
-    )) == null ? void 0 : R.name, $ = oa(b, he(s), he(n), q);
-    $ && (f($), x(!0));
+    )) == null ? void 0 : R.name, $ = ia(b, ue(s), ue(n), q);
+    $ && (u($), x(!0));
   }
   function N() {
-    return (m == null ? void 0 : m.find(
-      (v) => v.connectinonId === c && v.tableName === d
+    return (h == null ? void 0 : h.find(
+      (v) => v.connectinonId === o && v.tableName === d
     )) !== void 0;
   }
-  function A(v) {
-    if (v === !0 && d && c) {
+  function M(v) {
+    if (v === !0 && d && o) {
       const b = {
-        connectinonId: c,
+        connectinonId: o,
         connectionType: k,
         databaseName: l,
         schemaName: r,
         tableName: d
-      }, $ = [...m || [], b].filter(
+      }, $ = [...h || [], b].filter(
         (R, B, ee) => ee.findIndex(
           (W) => W.connectinonId === R.connectinonId && W.tableName === R.tableName
         ) === B
@@ -1072,8 +1072,8 @@ function Un({
         richColors: !0
       });
     } else {
-      const b = (m || []).filter(
-        (q) => q.connectinonId !== c && q.tableName !== d
+      const b = (h || []).filter(
+        (q) => q.connectinonId !== o && q.tableName !== d
       );
       y(b), ts(`Removed '${d}' from AI Scope`, {
         position: "top-right",
@@ -1082,38 +1082,38 @@ function Un({
       });
     }
   }
-  function O() {
+  function A() {
     var R;
-    let v = ua(s, n);
-    const b = (R = T == null ? void 0 : T.find(
+    let v = ca(s, n);
+    const b = (R = D == null ? void 0 : D.find(
       (B) => B.id === p
     )) == null ? void 0 : R.name;
-    console.log("modelName", b), p && p !== "none" && (v = `${ps}.${b}`);
+    console.log("modelName", b), p && p !== "none" && (v = `${fs}.${b}`);
     let q = v;
     return ((B) => /[A-Z]/.test(B))(n) && (q = q.split(".").map((ee) => `"${ee}"`).join(".")), q;
   }
   function j() {
-    const v = O();
-    u(!1);
+    const v = A();
+    f(!1);
     const b = k === "MSSQL" ? `SELECT top 10 * FROM ${v}` : `SELECT * FROM ${v} LIMIT 10`;
-    f(b), x(!0);
+    u(b), x(!0);
   }
   function S() {
-    const v = O();
-    f(`SELECT COUNT(*) as count FROM ${v}`), x(!0);
+    const v = A();
+    u(`SELECT COUNT(*) as count FROM ${v}`), x(!0);
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "flex grow flex-col space-y-4 px-4", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-center gap-1", children: [
       /* @__PURE__ */ e.jsx(
-        da,
+        oa,
         {
           title: `${N() ? "Remove from" : "Add to"} AI Scope`,
           pressed: N(),
-          onPressedChange: A,
+          onPressedChange: M,
           variant: "outline",
           className: "h-9 px-2",
           children: /* @__PURE__ */ e.jsx(
-            dt,
+            ot,
             {
               className: J("size-4", {
                 "text-primary": N(),
@@ -1153,7 +1153,7 @@ function Un({
       )
     ] }),
     /* @__PURE__ */ e.jsxs(
-      Es,
+      Vs,
       {
         className: "flex-1 basis-0 overflow-y-auto border-b border-t border-muted py-3",
         children: [
@@ -1164,12 +1164,12 @@ function Un({
               className: J(
                 "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": ut(v, i)
+                  "bg-muted": ct(v, i)
                 }
               ),
               children: [
                 /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-                  /* @__PURE__ */ e.jsx(Oa, { column: v }),
+                  /* @__PURE__ */ e.jsx(Ia, { column: v }),
                   /* @__PURE__ */ e.jsx("span", { children: v.column_name })
                 ] }),
                 /* @__PURE__ */ e.jsx(
@@ -1177,15 +1177,15 @@ function Un({
                   {
                     onClick: (b) => b.stopPropagation(),
                     className: "flex items-center justify-end",
-                    children: ca.includes(v.data_type) && /* @__PURE__ */ e.jsx(Pn, { column: v })
+                    children: ra.includes(v.data_type) && /* @__PURE__ */ e.jsx(Un, { column: v })
                   }
                 )
               ]
             },
             v.column_name
           )),
-          /* @__PURE__ */ e.jsx(Us, { orientation: "vertical" }),
-          /* @__PURE__ */ e.jsx(Us, { orientation: "horizontal" })
+          /* @__PURE__ */ e.jsx(Ks, { orientation: "vertical" }),
+          /* @__PURE__ */ e.jsx(Ks, { orientation: "horizontal" })
         ]
       }
     )
@@ -1193,42 +1193,42 @@ function Un({
 }
 function Me(s, n) {
   var Qe, Ee, Je, Ye, g;
-  let a = ys(() => [], []);
-  const t = Se().authToken || s, i = o(
+  let a = vs(() => [], []);
+  const t = je().authToken || s, i = c(
     (C) => C.selectedConnectionId
-  ), c = o(
+  ), o = c(
     (C) => C.selectedDatamodelId
-  ), l = o(
+  ), l = c(
     (C) => C.selectedDatabaseName
-  ), r = o(
+  ), r = c(
     (C) => C.selectedSchemaName
-  ), d = o((C) => C.selectedTableName), p = o(
+  ), d = c((C) => C.selectedTableName), p = c(
     (C) => C.actions.setCurrentColumns
-  ), m = o(
+  ), h = c(
     (C) => C.actions.setSelectedConnectionId
-  ), y = o(
+  ), y = c(
     (C) => C.actions.setSelectedDatamodelId
-  ), x = o(
+  ), x = c(
     (C) => C.actions.setSelectedDatabaseName
-  ), h = o(
+  ), m = c(
     (C) => C.actions.setSelectedSchemaName
-  ), u = o(
+  ), f = c(
     (C) => C.actions.setSelectedTableName
-  ), f = o((C) => C.actions.setCardSql);
+  ), u = c((C) => C.actions.setCardSql);
   function k(C) {
     return i && l && r && l !== "NA" ? !0 : i && C === "API" ? !1 : !!(i && C === "S3");
   }
-  function T(C) {
-    return !!(i && l && l !== "NA" && r && d || i && (C === "S3" || C === "API") || c && c);
+  function D(C) {
+    return !!(i && l && l !== "NA" && r && d || i && (C === "S3" || C === "API") || o && o);
   }
   function I(C) {
     return i && C ? !(C === "API" || C === "S3") : !1;
   }
   const {
     data: N,
-    isLoading: A,
-    isError: O
-  } = de({
+    isLoading: M,
+    isError: A
+  } = re({
     queryKey: ["connections"],
     queryFn: () => Ne(
       "https://semaphor.cloud/api/v1/connections",
@@ -1240,7 +1240,7 @@ function Me(s, n) {
     data: j,
     isLoading: S,
     isError: v
-  } = de({
+  } = re({
     queryKey: ["models", i],
     queryFn: () => Ne(
       "https://semaphor.cloud/api/v1/datamodels",
@@ -1259,7 +1259,7 @@ function Me(s, n) {
     isFetching: ee,
     isError: W,
     refetch: le
-  } = de({
+  } = re({
     queryKey: ["databases", i],
     queryFn: () => Ne(
       "https://semaphor.cloud/api/v1/databases",
@@ -1271,12 +1271,12 @@ function Me(s, n) {
     enabled: I(q)
     // !!selectedConnectionId && !isNonDbConnection, //currentConnection?.type !== 'API', // Only fetch if connectionId is present
   }), {
-    data: K,
+    data: P,
     isLoading: ie,
     isFetching: w,
     isError: E,
     refetch: X
-  } = de({
+  } = re({
     queryKey: ["schemas", i, l],
     queryFn: () => Ne(
       "https://semaphor.cloud/api/v1/schemas",
@@ -1289,12 +1289,12 @@ function Me(s, n) {
     enabled: !!i && !!l && !$ && l !== "NA"
     //currentConnection?.type !== 'API', // Only fetch if connectionId and database is present
   }), {
-    data: D,
+    data: T,
     isLoading: L,
     isFetching: se,
     isError: _,
     refetch: ae
-  } = de({
+  } = re({
     queryKey: [
       "tables",
       i,
@@ -1316,12 +1316,12 @@ function Me(s, n) {
     isLoading: we,
     isFetching: ye,
     isError: Y
-  } = de({
+  } = re({
     queryKey: [
       "columns",
       i,
       l,
-      c,
+      o,
       r,
       d
     ],
@@ -1330,14 +1330,14 @@ function Me(s, n) {
       (t == null ? void 0 : t.accessToken) || "",
       {
         connection_id: i,
-        datamodel_id: c || "",
+        datamodel_id: o || "",
         // don't pass undefined. Pass empty string
         database_name: l,
         schema_name: r,
         table_name: d
       }
     ),
-    enabled: T(q)
+    enabled: D(q)
     // (!!selectedConnectionId &&
     //   !!selectedDatabaseName &&
     //   !!selectedSchemaName &&
@@ -1351,29 +1351,29 @@ function Me(s, n) {
   }, [te, p, a]), Z(() => {
   }, [
     $,
-    f,
     u,
-    h,
+    f,
+    m,
     x,
     b
   ]);
-  const re = (b == null ? void 0 : b.type) === "API" ? (Qe = b == null ? void 0 : b.type) == null ? void 0 : Qe.toLowerCase() : d || "", oe = $ ? "" : r || "";
+  const oe = (b == null ? void 0 : b.type) === "API" ? (Qe = b == null ? void 0 : b.type) == null ? void 0 : Qe.toLowerCase() : d || "", ce = $ ? "" : r || "";
   function ke(C) {
-    h(C), u("");
+    m(C), f("");
   }
-  function ce(C) {
-    x(C === "none" ? "" : C), h(""), u(""), C !== "none" && C !== "" && y("");
+  function de(C) {
+    x(C === "none" ? "" : C), m(""), f(""), C !== "none" && C !== "" && y("");
   }
   function ve(C) {
-    m(C);
+    h(C);
   }
-  function $s(C) {
+  function Bs(C) {
     y(C === "none" ? "" : C), C !== "none" && C !== "" && x("");
   }
-  R && ((Ee = R == null ? void 0 : R.databases) == null ? void 0 : Ee.length) > 0, K && ((Je = K == null ? void 0 : K.schemas) == null ? void 0 : Je.length) > 0, te && ((Ye = te == null ? void 0 : te.columns) == null ? void 0 : Ye.length) > 0 && (a = te.columns.map((C) => ({
+  R && ((Ee = R == null ? void 0 : R.databases) == null ? void 0 : Ee.length) > 0, P && ((Je = P == null ? void 0 : P.schemas) == null ? void 0 : Je.length) > 0, te && ((Ye = te == null ? void 0 : te.columns) == null ? void 0 : Ye.length) > 0 && (a = te.columns.map((C) => ({
     ...C,
     data_type: C.data_type.toLowerCase()
-  }))), W && (a = []), (Y || O) && (a = []);
+  }))), W && (a = []), (Y || A) && (a = []);
   const Te = N == null ? void 0 : N.connections.map(
     (C) => ({
       id: C.id,
@@ -1386,17 +1386,17 @@ function Me(s, n) {
   })), We = R == null ? void 0 : R.databases.map((C) => ({
     id: C.database_name,
     name: C.database_name
-  })), us = K == null ? void 0 : K.schemas.map((C) => ({
+  })), us = P == null ? void 0 : P.schemas.map((C) => ({
     id: C.schema_name,
     name: C.schema_name
-  })), hs = D == null ? void 0 : D.tables.map((C) => ({
+  })), hs = T == null ? void 0 : T.tables.map((C) => ({
     id: C.table_name,
     name: C.table_name
   }));
   return {
     connectionItems: Te,
-    isConnectionsLoading: A,
-    isConnectionsError: O,
+    isConnectionsLoading: M,
+    isConnectionsError: A,
     modelItems: ds,
     isModelsLoading: S,
     isModelsError: v,
@@ -1414,44 +1414,44 @@ function Me(s, n) {
     isColumnsError: Y,
     isNonDbConnection: $,
     connectionType: q,
-    tableName: re,
-    schemaName: oe,
+    tableName: oe,
+    schemaName: ce,
     handleConnectionChange: ve,
-    handleDatamodelChange: $s,
-    handleDatabaseChange: ce,
+    handleDatamodelChange: Bs,
+    handleDatabaseChange: de,
     handleSchemaChange: ke
   };
 }
-function Aa({
+function Ma({
   ColumnsComponent: s
 }) {
   var se;
-  const n = o(
+  const n = c(
     (_) => _.selectedConnectionId
-  ), a = o(
+  ), a = c(
     (_) => _.selectedDatamodelId
-  ), t = o(
+  ), t = c(
     (_) => _.selectedDatabaseName
-  ), i = o(
+  ), i = c(
     (_) => _.selectedSchemaName
-  ), c = o((_) => _.selectedTableName), l = o(
+  ), o = c((_) => _.selectedTableName), l = c(
     (_) => _.actions.setSelectedTableName
   ), {
     connectionItems: r,
     modelItems: d,
     schemaItems: p,
-    databaseItems: m,
+    databaseItems: h,
     tableItems: y,
     columns: x,
-    isConnectionsLoading: h,
-    isModelsLoading: u,
-    isConnectionsError: f,
+    isConnectionsLoading: m,
+    isModelsLoading: f,
+    isConnectionsError: u,
     isModelsError: k,
-    isDatabasesLoadingOrFetching: T,
+    isDatabasesLoadingOrFetching: D,
     isDatabaseError: I,
     isSchemaLoadingOrFetching: N,
-    isSchemaError: A,
-    isColumnsError: O,
+    isSchemaError: M,
+    isColumnsError: A,
     isColumnsLoadingOrFetching: j,
     isTableLoadingOrFetching: S,
     isTableError: v,
@@ -1464,14 +1464,14 @@ function Aa({
     tableName: W,
     schemaName: le
   } = Me();
-  function K() {
+  function P() {
     return s ? s(le, W, x) : /* @__PURE__ */ e.jsx(
-      Un,
+      Gn,
       {
         schemaName: le,
         tableName: W,
         columns: x,
-        status: j ? "Loading..." : O ? "Error" : "Success"
+        status: j ? "Loading..." : A ? "Error" : "Success"
       }
     );
   }
@@ -1488,8 +1488,8 @@ function Aa({
           showNone: !0,
           onChange: R,
           isError: I,
-          isLoading: T,
-          items: m,
+          isLoading: D,
+          items: h,
           value: t || "",
           title: "Database"
         }
@@ -1513,19 +1513,19 @@ function Aa({
           showNone: !0,
           onChange: ee,
           isError: k,
-          isLoading: u,
+          isLoading: f,
           items: d,
           value: a || "",
           title: "Model"
         }
       );
   }
-  function D() {
+  function T() {
     return !n || b === "S3" || b === "API" || !t || t === "none" ? null : /* @__PURE__ */ e.jsx(
       Ve,
       {
         onChange: B,
-        isError: A,
+        isError: M,
         isLoading: N,
         items: p,
         value: i || "",
@@ -1545,7 +1545,7 @@ function Aa({
         isError: v,
         items: y,
         isLoading: S,
-        value: c || "",
+        value: o || "",
         title: "Table"
       }
     ) : null;
@@ -1559,8 +1559,8 @@ function Aa({
           title: "Connection",
           value: n || "",
           onChange: $,
-          isLoading: h,
-          isError: f,
+          isLoading: m,
+          isError: u,
           connectionTooltip: ((se = r == null ? void 0 : r.find(
             (_) => _.id === n
           )) == null ? void 0 : se.type) || ""
@@ -1569,10 +1569,10 @@ function Aa({
       X(),
       E(),
       w(),
-      D(),
+      T(),
       L()
     ] }),
-    K(),
+    P(),
     /* @__PURE__ */ e.jsx("div", { className: "flex items-end justify-center gap-2 px-6 py-4", children: /* @__PURE__ */ e.jsxs(
       F,
       {
@@ -1588,10 +1588,10 @@ function Aa({
     ) })
   ] });
 }
-function Gn(s) {
+function Kn(s) {
   const n = s.toUpperCase().indexOf("WHERE"), a = s.toUpperCase().indexOf("GROUP BY"), t = s.toUpperCase().indexOf("LIMIT"), i = s.toUpperCase().indexOf("ORDER BY");
-  let c = s.length;
-  if (i !== -1 && (c = i), t !== -1 && t < c && (c = t), n !== -1) {
+  let o = s.length;
+  if (i !== -1 && (o = i), t !== -1 && t < o && (o = t), n !== -1) {
     const l = s.substring(0, n), r = s.substring(n);
     return `${l} {{ filters | where }} AND ${r.substring(
       6
@@ -1600,20 +1600,20 @@ function Gn(s) {
     const l = s.substring(0, a), r = s.substring(a);
     return `${l} {{ filters | where }} ${r}`;
   } else {
-    const l = s.substring(0, c), r = s.substring(c);
+    const l = s.substring(0, o), r = s.substring(o);
     return `${l} {{ filters | where }} ${r}`;
   }
 }
-function Kn({
+function Pn({
   error: s,
   setShowAIDialog: n,
   setUserInputforAI: a,
   setTriggerAIRun: t
 }) {
-  return /* @__PURE__ */ e.jsxs(Ms, { openDelay: 0, children: [
-    /* @__PURE__ */ e.jsx(Os, { asChild: !0, children: /* @__PURE__ */ e.jsx(F, { variant: "link", className: "h-5 p-0", children: /* @__PURE__ */ e.jsx(un, { className: "h-4 w-4 text-red-500" }) }) }),
-    /* @__PURE__ */ e.jsx(As, { 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(Es, { 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(Os, { openDelay: 0, children: [
+    /* @__PURE__ */ e.jsx(As, { asChild: !0, children: /* @__PURE__ */ e.jsx(F, { variant: "link", className: "h-5 p-0", children: /* @__PURE__ */ e.jsx(un, { className: "h-4 w-4 text-red-500" }) }) }),
+    /* @__PURE__ */ e.jsx(Es, { 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 }) }),
       /* @__PURE__ */ e.jsxs(
         F,
         {
@@ -1642,9 +1642,9 @@ function Wn({
   ] });
 }
 function Qn() {
-  const { authToken: s } = Se(), n = o(
-    (c) => c.selectedConnectionId
-  ), { data: a } = de({
+  const { authToken: s } = je(), n = c(
+    (o) => o.selectedConnectionId
+  ), { data: a } = re({
     queryKey: ["connections"],
     queryFn: () => Ne(
       "https://semaphor.cloud/api/v1/connections",
@@ -1653,46 +1653,46 @@ function Qn() {
     enabled: !!(s != null && s.accessToken)
     // Only fetch if authToken is present
   }), t = a == null ? void 0 : a.connections.find(
-    (c) => c.id === n
+    (o) => o.id === n
   );
   return t == null ? void 0 : t.type;
 }
 function Jn() {
-  const { authToken: s } = Se(), n = $e(null), a = o((d) => d.applyFilters), [t, i] = V(""), c = o((d) => d.filterValues), l = o((d) => d.card.sql), r = Qn();
+  const { authToken: s } = je(), n = $e(null), a = c((d) => d.applyFilters), [t, i] = V(""), o = c((d) => d.filterValues), l = c((d) => d.card.sql), r = Qn();
   return /* @__PURE__ */ e.jsxs(
-    Ms,
+    Os,
     {
       openDelay: 0,
       onOpenChange: async (d) => {
         if (!d)
           return;
         console.log("onOpenChange");
-        const p = await Pe(
+        const p = await Ue(
           "https://semaphor.cloud/api/v1/filter-sql",
           (s == null ? void 0 : s.accessToken) || "",
           {
             sql: l,
-            active_filters: c,
+            active_filters: o,
             connection_type: r
           }
         );
         console.log(p), p.sql ? (console.log(p.records), i(p.sql)) : i("Error");
       },
       children: [
-        /* @__PURE__ */ e.jsx(Os, { asChild: !0, children: a && /* @__PURE__ */ e.jsx("p", { className: "p-0 text-xs hover:cursor-pointer", children: "|  Filter Query" }) }),
-        /* @__PURE__ */ e.jsxs(As, { align: "end", className: "w-[600px]", children: [
+        /* @__PURE__ */ e.jsx(As, { asChild: !0, children: a && /* @__PURE__ */ e.jsx("p", { className: "p-0 text-xs hover:cursor-pointer", children: "|  Filter Query" }) }),
+        /* @__PURE__ */ e.jsxs(Es, { align: "end", className: "w-[600px]", children: [
           /* @__PURE__ */ e.jsx("div", { className: "flex justify-between space-x-4", children: /* @__PURE__ */ e.jsx("div", { className: "rounded-sm bg-muted p-2", children: /* @__PURE__ */ e.jsxs("code", { ref: n, className: "font-mono text-sm", children: [
             t,
             /* @__PURE__ */ e.jsx(
-              ha,
+              da,
               {
-                onClick: () => ht(n),
+                onClick: () => dt(n),
                 className: "ml-3 inline-block h-4 w-4 opacity-70 hover:cursor-pointer hover:opacity-100"
               }
             )
           ] }) }) }),
           /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 pt-2", children: [
-            /* @__PURE__ */ e.jsx(mt, { className: "h-4 w-4 opacity-70" }),
+            /* @__PURE__ */ e.jsx(ut, { 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." })
           ] })
         ] })
@@ -1753,23 +1753,23 @@ function Xn({
   userInput: a,
   setUserInput: t,
   triggerAIRun: i,
-  setTriggerAIRun: c
+  setTriggerAIRun: o
 }) {
-  const l = $e(null), r = $e(null), { authToken: d } = Se(), [p, m] = V(!1), y = o((w) => w.actions.setCardSql), x = z((w) => w.dashboard.baseQueries), h = o((w) => w.actions.setRunSql), u = o((w) => w.actions.setCardType), [f, k] = V([]), T = o((w) => w.currentColumns), I = o((w) => w.card.sql), N = o((w) => w.selectedTableName), A = `
+  const l = $e(null), r = $e(null), { authToken: d } = je(), [p, h] = V(!1), y = c((w) => w.actions.setCardSql), x = z((w) => w.dashboard.baseQueries), m = c((w) => w.actions.setRunSql), f = c((w) => w.actions.setCardType), [u, k] = V([]), D = c((w) => w.currentColumns), I = c((w) => w.card.sql), N = c((w) => w.selectedTableName), M = `
   ${a}
 
   Database Query Dialect: ${N === "api" || N === "s3" ? "DuckDb" : ""}
   Table Name: ${N}   
-  Table Columns: ${T == null ? void 0 : T.map((w) => `${w.column_name} | ${w.data_type}`).join(", ")}
+  Table Columns: ${D == null ? void 0 : D.map((w) => `${w.column_name} | ${w.data_type}`).join(", ")}
   User SQL: ${I}  
-  ${x && `Base Queries: ${JSON.stringify(x)} `}`, O = ` 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: ${Yn}`, { data: j, isLoading: S, isFetching: v, isError: b, refetch: q } = de({
+  ${x && `Base Queries: ${JSON.stringify(x)} `}`, A = ` 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: ${Yn}`, { data: j, isLoading: S, isFetching: v, isError: b, refetch: q } = re({
     queryKey: ["ai-query"],
     queryFn: () => Ne(
       "https://semaphor.cloud/api/v1/ai",
       (d == null ? void 0 : d.accessToken) || "",
       {
-        user_content: `userContent: ${A} ${p ? O : ""}`
+        user_content: `userContent: ${M} ${p ? A : ""}`
       }
     ),
     enabled: !1
@@ -1777,23 +1777,23 @@ function Xn({
   });
   function $(w) {
     if (w.toLowerCase().includes("bar"))
-      u("bar");
+      f("bar");
     else if (w.toLowerCase().includes("line"))
-      u("line");
+      f("line");
     else if (w.toLowerCase().includes("bubble"))
-      u("bubble");
+      f("bubble");
     else if (w.toLowerCase().includes("scatter"))
-      u("scatter");
+      f("scatter");
     else if (w.toLowerCase().includes("stacked"))
-      u("stackedBar");
+      f("stackedBar");
     else if (w.toLowerCase().includes("pie"))
-      u("pie");
+      f("pie");
     else if (w.toLowerCase().includes("donut") || w.toLowerCase().includes("doughnut"))
-      u("doughnut");
+      f("doughnut");
     else if (w.toLowerCase().includes("radar"))
-      u("radar");
+      f("radar");
     else
-      return u("bar"), !1;
+      return f("bar"), !1;
     return !0;
   }
   Z(() => {
@@ -1807,13 +1807,13 @@ function Xn({
       }), (E = l.current) == null || E.focus());
     }, 100);
     return () => clearTimeout(w);
-  }, [f]);
+  }, [u]);
   function R() {
-    a && (k((w) => [...w, { role: "user", content: a }]), $(a) && m(!0), t(""), q());
+    a && (k((w) => [...w, { role: "user", content: a }]), $(a) && h(!0), t(""), q());
   }
   Z(() => {
-    i && (R(), c(!1));
-  }, [i, c]);
+    i && (R(), o(!1));
+  }, [i, o]);
   const B = {
     //seleect a darker color
     // color: '#000',
@@ -1846,17 +1846,17 @@ function Xn({
     pre: ({ node: w, ...E }) => /* @__PURE__ */ e.jsxs("pre", { className: "space-y-2 rounded-sm bg-muted/50 p-3", style: ee, children: [
       /* @__PURE__ */ e.jsx("code", { className: "whitespace-normal text-sm", children: E.children }),
       /* @__PURE__ */ e.jsxs("div", { className: "flex justify-start gap-2", children: [
-        /* @__PURE__ */ e.jsx(F, { onClick: K, size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(ha, {}) }),
+        /* @__PURE__ */ e.jsx(F, { onClick: P, size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(da, {}) }),
         /* @__PURE__ */ e.jsx(
           F,
           {
             onClick: (X) => {
-              const D = K(X);
-              D && (n(!1), y(D), h(!0));
+              const T = P(X);
+              T && (n(!1), y(T), m(!0));
             },
             size: "sm",
             variant: "outline",
-            children: /* @__PURE__ */ e.jsx(ft, {})
+            children: /* @__PURE__ */ e.jsx(xt, {})
           }
         )
       ] })
@@ -1864,15 +1864,15 @@ function Xn({
     li: ({ node: w, ...E }) => /* @__PURE__ */ e.jsx("li", { style: W, ...E })
     // You can add more overrides for other elements like h1, h2, etc.
   };
-  function K(w) {
+  function P(w) {
     const E = w.currentTarget.closest("pre");
     if (!E)
       return;
     const X = E.textContent || E.innerText;
-    return navigator.clipboard.writeText(X).then(() => console.log("Text copied to clipboard")).catch((D) => console.error("Error in copying text: ", D)), X;
+    return navigator.clipboard.writeText(X).then(() => console.log("Text copied to clipboard")).catch((T) => console.error("Error in copying text: ", T)), X;
   }
   function ie() {
-    return f == null ? void 0 : f.map((w, E) => w.role === "user" ? /* @__PURE__ */ e.jsxs(
+    return u == null ? void 0 : u.map((w, E) => w.role === "user" ? /* @__PURE__ */ e.jsxs(
       "div",
       {
         className: "flex items-start rounded-md bg-muted p-3 text-sm",
@@ -1883,7 +1883,7 @@ function Xn({
       },
       E
     ) : w.role === "ai" ? /* @__PURE__ */ e.jsx(
-      pt,
+      mt,
       {
         className: "w-full overflow-auto py-1",
         components: le,
@@ -1892,8 +1892,8 @@ function Xn({
       E
     ) : /* @__PURE__ */ e.jsx("div", {}, E));
   }
-  return /* @__PURE__ */ e.jsxs(Cs, { open: s, onOpenChange: n, children: [
-    /* @__PURE__ */ e.jsx(Ss, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+  return /* @__PURE__ */ e.jsxs(Ss, { open: s, onOpenChange: n, children: [
+    /* @__PURE__ */ e.jsx(ws, { asChild: !0, children: /* @__PURE__ */ e.jsx(
       F,
       {
         size: "sm",
@@ -1903,13 +1903,13 @@ function Xn({
       }
     ) }),
     /* @__PURE__ */ e.jsxs(
-      ks,
+      zs,
       {
         className: "flex flex-col justify-between overflow-auto sm:max-w-[425px] md:max-h-[625px] md:min-w-[625px]",
         children: [
-          /* @__PURE__ */ e.jsxs(zs, { children: [
-            /* @__PURE__ */ e.jsx(Fs, { children: "Assistant" }),
-            /* @__PURE__ */ e.jsx(Ls, { children: "What can I help you with?" })
+          /* @__PURE__ */ e.jsxs(Fs, { children: [
+            /* @__PURE__ */ e.jsx(Ls, { children: "Assistant" }),
+            /* @__PURE__ */ e.jsx(Ts, { children: "What can I help you with?" })
           ] }),
           /* @__PURE__ */ e.jsx(
             "div",
@@ -1924,7 +1924,7 @@ function Xn({
             {
               children: /* @__PURE__ */ e.jsxs("div", { className: "flex w-full items-center rounded-md border", children: [
                 /* @__PURE__ */ e.jsx(
-                  ma,
+                  ua,
                   {
                     autoFocus: !0,
                     ref: l,
@@ -1952,7 +1952,7 @@ function Xn({
                     size: "sm",
                     variant: "ghost",
                     onClick: R,
-                    children: !S && !v ? /* @__PURE__ */ e.jsx(xt, {}) : /* @__PURE__ */ e.jsx(Be, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" })
+                    children: !S && !v ? /* @__PURE__ */ e.jsx(ht, {}) : /* @__PURE__ */ e.jsx(Be, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" })
                   }
                 )
               ] })
@@ -1963,30 +1963,30 @@ function Xn({
     )
   ] });
 }
-var Ea = {
+var Oa = {
   color: void 0,
   size: void 0,
   className: void 0,
   style: void 0,
   attr: void 0
-}, Xs = je.createContext && /* @__PURE__ */ je.createContext(Ea), Zn = ["attr", "size", "title"];
+}, Xs = ge.createContext && /* @__PURE__ */ ge.createContext(Oa), Zn = ["attr", "size", "title"];
 function el(s, n) {
   if (s == null)
     return {};
   var a = sl(s, n), t, i;
   if (Object.getOwnPropertySymbols) {
-    var c = Object.getOwnPropertySymbols(s);
-    for (i = 0; i < c.length; i++)
-      t = c[i], !(n.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(s, t) && (a[t] = s[t]);
+    var o = Object.getOwnPropertySymbols(s);
+    for (i = 0; i < o.length; i++)
+      t = o[i], !(n.indexOf(t) >= 0) && Object.prototype.propertyIsEnumerable.call(s, t) && (a[t] = s[t]);
   }
   return a;
 }
 function sl(s, n) {
   if (s == null)
     return {};
-  var a = {}, t = Object.keys(s), i, c;
-  for (c = 0; c < t.length; c++)
-    i = t[c], !(n.indexOf(i) >= 0) && (a[i] = s[i]);
+  var a = {}, t = Object.keys(s), i, o;
+  for (o = 0; o < t.length; o++)
+    i = t[o], !(n.indexOf(i) >= 0) && (a[i] = s[i]);
   return a;
 }
 function ls() {
@@ -2039,24 +2039,24 @@ function nl(s, n) {
   }
   return (n === "string" ? String : Number)(s);
 }
-function Va(s) {
-  return s && s.map((n, a) => /* @__PURE__ */ je.createElement(n.tag, is({
+function Aa(s) {
+  return s && s.map((n, a) => /* @__PURE__ */ ge.createElement(n.tag, is({
     key: a
-  }, n.attr), Va(n.child)));
+  }, n.attr), Aa(n.child)));
 }
 function be(s) {
-  return (n) => /* @__PURE__ */ je.createElement(ll, ls({
+  return (n) => /* @__PURE__ */ ge.createElement(ll, ls({
     attr: is({}, s.attr)
-  }, n), Va(s.child));
+  }, n), Aa(s.child));
 }
 function ll(s) {
   var n = (a) => {
     var {
       attr: t,
       size: i,
-      title: c
+      title: o
     } = s, l = el(s, Zn), r = i || a.size || "1em", d;
-    return a.className && (d = a.className), s.className && (d = (d ? d + " " : "") + s.className), /* @__PURE__ */ je.createElement("svg", ls({
+    return a.className && (d = a.className), s.className && (d = (d ? d + " " : "") + s.className), /* @__PURE__ */ ge.createElement("svg", ls({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
@@ -2068,61 +2068,61 @@ function ll(s) {
       height: r,
       width: r,
       xmlns: "http://www.w3.org/2000/svg"
-    }), c && /* @__PURE__ */ je.createElement("title", null, c), s.children);
+    }), o && /* @__PURE__ */ ge.createElement("title", null, o), s.children);
   };
-  return Xs !== void 0 ? /* @__PURE__ */ je.createElement(Xs.Consumer, null, (a) => n(a)) : n(Ea);
+  return Xs !== void 0 ? /* @__PURE__ */ ge.createElement(Xs.Consumer, null, (a) => n(a)) : n(Oa);
 }
 function il(s) {
   return be({ 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 rl() {
-  const { theme: s } = gt(), n = $e(), a = $e(), [t, i] = V(!1), [c, l] = V(!1), [r, d] = V(!1), [p, m] = V(""), [y, x] = V(!1), { authToken: h } = Se();
+  const { theme: s } = pt(), n = $e(), a = $e(), [t, i] = V(!1), [o, l] = V(!1), [r, d] = V(!1), [p, h] = V(""), [y, x] = V(!1), { authToken: m } = je();
   z((g) => g.selectedSheetId);
-  const u = z((g) => g.dashboard.baseQueries), f = o((g) => g.card), k = z((g) => g.theme), T = o((g) => g.isShowingVisual);
+  const f = z((g) => g.dashboard.baseQueries), u = c((g) => g.card), k = z((g) => g.theme), D = c((g) => g.isShowingVisual);
   z((g) => g.onAcceptChanges);
-  const I = o(
+  const I = c(
     (g) => g.selectedConnectionId
-  ), N = o(
+  ), N = c(
     (g) => g.selectedDatabaseName
-  ), A = o(
+  ), M = c(
     (g) => g.selectedDatamodelId
-  ), O = o(
+  ), A = c(
     (g) => g.selectedSchemaName
   );
   z(
     (g) => g.actions.updateFrameCard
   );
-  const j = o((g) => g.selectedTableName), S = o((g) => g.card.sql), v = o((g) => g.card.python), b = jt(S, u), q = o((g) => g.selectedConnectionId), $ = o((g) => g.frame), R = z((g) => g.filterValues), B = o((g) => g.applyFilters), {
+  const j = c((g) => g.selectedTableName), S = c((g) => g.card.sql), v = c((g) => g.card.python), b = ft(S, f), q = c((g) => g.selectedConnectionId), $ = c((g) => g.frame), R = z((g) => g.filterValues), B = c((g) => g.applyFilters), {
     setCardCustomCfg: ee,
     setQueryResultColumns: W,
     setFilterValues: le,
-    setCardSql: K,
+    setCardSql: P,
     setCardPython: ie,
     setQueryError: w,
     setPythonStdOut: E,
     setCardPreferences: X
-  } = o((g) => g.actions), D = o((g) => g.onSave), L = o(
+  } = c((g) => g.actions), T = c((g) => g.onSave), L = c(
     (g) => g.actions.setApplyFilters
-  ), se = o((g) => g.onClose), _ = o((g) => g.actions.setCardData), ae = o((g) => g.actions.setSqlGen), te = o((g) => g.runSql), we = o((g) => g.actions.setRunSql), ye = o(
+  ), se = c((g) => g.onClose), _ = c((g) => g.actions.setCardData), ae = c((g) => g.actions.setSqlGen), te = c((g) => g.runSql), we = c((g) => g.actions.setRunSql), ye = c(
     (g) => g.actions.setIsSqlRunning
   ), {
     data: Y,
-    isLoading: re,
-    isFetching: oe,
+    isLoading: oe,
+    isFetching: ce,
     isSuccess: ke,
-    isError: ce,
+    isError: de,
     error: ve,
-    status: $s,
+    status: Bs,
     refetch: Te
-  } = de({
+  } = re({
     queryKey: [b, v],
-    queryFn: () => Pe(
+    queryFn: () => Ue(
       "https://semaphor.cloud/api/v1/query",
-      (h == null ? void 0 : h.accessToken) || "",
+      (m == null ? void 0 : m.accessToken) || "",
       {
         connection_id: q,
         sql: b,
-        python: v === Gs ? "" : v,
+        python: v === Ps ? "" : v,
         active_filters: B ? R : []
       }
     ),
@@ -2134,19 +2134,19 @@ function rl() {
       position: "top-center",
       richColors: !0
     }), E((Y == null ? void 0 : Y.output) || ""), Y.records.length > 0)) {
-      const { dimensionKeys: g } = fs(Y.records);
+      const { dimensionKeys: g } = gs(Y.records);
       W(g);
     }
   }, [Y, _, W, E]), Z(() => {
     te && (Te(), we(!1));
   }, [te, Te, we]), Z(() => {
-    (re || oe) && ye(!0), (ce || ke) && ye(!1), ce ? (w(ve.message), _([]), W([]), E("")) : w("");
+    (oe || ce) && ye(!0), (de || ke) && ye(!1), de ? (w(ve.message), _([]), W([]), E("")) : w("");
   }, [
-    re,
     oe,
+    ce,
     Y,
     E,
-    ce,
+    de,
     ke,
     ye,
     _,
@@ -2155,7 +2155,7 @@ function rl() {
     ve
   ]);
   function ds() {
-    K(""), _([]), ae({}), ee(""), X({});
+    P(""), _([]), ae({}), ee(""), X({});
   }
   const We = (g) => {
     a.current = g;
@@ -2170,10 +2170,10 @@ function rl() {
         if (ne == "All__Header")
           return g[0].id;
         if (ne && ne.endsWith("__Header")) {
-          const Ja = ne.split("__")[0], Bs = g.find(
-            (Ya) => Ya.tabTitle === Ja
+          const Wa = ne.split("__")[0], Us = g.find(
+            (Qa) => Qa.tabTitle === Wa
           );
-          return Bs ? Bs.id : g[0].id;
+          return Us ? Us.id : g[0].id;
         }
         return C;
       }
@@ -2182,25 +2182,25 @@ function rl() {
   }
   function hs() {
     let g = S;
-    S && !S.includes("{{") && (g = Gn(S), K(g));
+    S && !S.includes("{{") && (g = Kn(S), P(g));
     const C = {
-      ...f,
-      lastSelectedSchema: O,
-      lastSelectedDatamodelId: A,
+      ...u,
+      lastSelectedSchema: A,
+      lastSelectedDatamodelId: M,
       lastSelectedDatabase: N,
       lastSelectedTable: j,
       connectionId: I,
-      type: T ? f.type : "table",
+      type: D ? u.type : "table",
       sql: g,
-      customCfg: T ? f.customCfg : null
+      customCfg: D ? u.customCfg : null
     }, ze = $.cards.map(
-      (ms) => ms.id === f.id ? C : ms
+      (ms) => ms.id === u.id ? C : ms
     ), ne = {
       ...$,
       cards: ze,
       activeCardId: us(ze, $.activeCardId)
     };
-    D == null || D(ne);
+    T == null || T(ne);
   }
   function Qe() {
     se == null || se();
@@ -2216,7 +2216,7 @@ function rl() {
         rules: [],
         colors: {
           // 'editor.background': activeTheme === 'light' ? '#ffffff' : '#020817',
-          "editor.background": ne === "light" ? "#ffffff" : bt("--semaphor-background")
+          "editor.background": ne === "light" ? "#ffffff" : gt("--semaphor-background")
         }
       }), g.editor.setTheme("default");
     }
@@ -2233,7 +2233,7 @@ function rl() {
   }
   function Je() {
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      c && /* @__PURE__ */ e.jsx(
+      o && /* @__PURE__ */ e.jsx(
         "div",
         {
           className: "xbg-yellow-100 relative flex w-1/3 min-w-0 grow overflow-hidden border-l p-1 text-xs",
@@ -2249,7 +2249,7 @@ function rl() {
                 }
               ),
               /* @__PURE__ */ e.jsx(Jn, {}),
-              R && c && /* @__PURE__ */ e.jsx(
+              R && o && /* @__PURE__ */ e.jsx(
                 Re,
                 {
                   onClick: () => l(!1),
@@ -2291,8 +2291,8 @@ function rl() {
           ] })
         }
       ),
-      R && !c && /* @__PURE__ */ e.jsx(
-        la,
+      R && !o && /* @__PURE__ */ e.jsx(
+        ta,
         {
           onClick: () => l(!0),
           className: J(
@@ -2307,7 +2307,7 @@ function rl() {
   }
   function Ye() {
     return /* @__PURE__ */ e.jsxs(
-      gs,
+      js,
       {
         className: "flex grow pb-1",
         direction: "vertical",
@@ -2332,7 +2332,7 @@ function rl() {
                         theme: "default",
                         className: "pt-3",
                         onChange: (g) => {
-                          K(g);
+                          P(g);
                         },
                         value: S,
                         options: {
@@ -2359,7 +2359,7 @@ function rl() {
             }
           ),
           t && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-            /* @__PURE__ */ e.jsx(js, { withHandle: !0, className: "border" }),
+            /* @__PURE__ */ e.jsx(bs, { withHandle: !0, className: "border" }),
             /* @__PURE__ */ e.jsxs(
               De,
               {
@@ -2381,7 +2381,7 @@ function rl() {
                           onChange: (g) => {
                             ie(g && g.trim() || "");
                           },
-                          value: v || Gs,
+                          value: v || Ps,
                           options: {
                             minimap: {
                               enabled: !1
@@ -2440,7 +2440,7 @@ function rl() {
                     F,
                     {
                       title: "Shift + Enter",
-                      disabled: re || oe,
+                      disabled: oe || ce,
                       onClick: () => {
                         Te();
                       },
@@ -2448,18 +2448,18 @@ function rl() {
                       size: "sm",
                       variant: "outline",
                       children: [
-                        re || oe ? /* @__PURE__ */ e.jsx(Be, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(Fn, { className: "mr-2 h-4 w-4" }),
+                        oe || ce ? /* @__PURE__ */ e.jsx(Be, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(Fn, { className: "mr-2 h-4 w-4" }),
                         "Run"
                       ]
                     }
                   ),
-                  ce && /* @__PURE__ */ e.jsx(
-                    Kn,
+                  de && /* @__PURE__ */ e.jsx(
+                    Pn,
                     {
                       error: ve.message,
                       setShowAIDialog: d,
                       setTriggerAIRun: x,
-                      setUserInputforAI: m
+                      setUserInputforAI: h
                     }
                   ),
                   /* @__PURE__ */ e.jsxs(
@@ -2476,7 +2476,7 @@ function rl() {
                     }
                   ),
                   /* @__PURE__ */ e.jsx(
-                    da,
+                    oa,
                     {
                       pressed: t,
                       onPressedChange: (g) => i(g),
@@ -2494,7 +2494,7 @@ function rl() {
                       userInput: p,
                       triggerAIRun: y,
                       setTriggerAIRun: x,
-                      setUserInput: (g) => m(g)
+                      setUserInput: (g) => h(g)
                     }
                   )
                 ] }),
@@ -2506,7 +2506,7 @@ function rl() {
                       size: "sm",
                       variant: "outline",
                       children: [
-                        /* @__PURE__ */ e.jsx(xa, { className: "mr-2 size-4 font-bold text-green-600" }),
+                        /* @__PURE__ */ e.jsx(ha, { className: "mr-2 size-4 font-bold text-green-600" }),
                         "Accept"
                       ]
                     }
@@ -2535,7 +2535,7 @@ function rl() {
 }
 function ol({ data: s }) {
   var l;
-  const [n, a] = je.useState([]), i = Object.keys(s[0]).map((r) => ({
+  const [n, a] = ge.useState([]), i = Object.keys(s[0]).map((r) => ({
     // header: key,
     accessorKey: r,
     header: ({ column: d }) => {
@@ -2547,55 +2547,55 @@ function ol({ data: s }) {
           onClick: () => d.toggleSorting(d.getIsSorted() === "asc"),
           children: [
             r,
-            p === "asc" ? /* @__PURE__ */ e.jsx(yt, { className: "ml-2 h-5 w-5" }) : p === "desc" ? /* @__PURE__ */ e.jsx(vt, { className: "ml-2 h-5 w-5" }) : null
+            p === "asc" ? /* @__PURE__ */ e.jsx(jt, { className: "ml-2 h-5 w-5" }) : p === "desc" ? /* @__PURE__ */ e.jsx(bt, { className: "ml-2 h-5 w-5" }) : null
           ]
         }
       ) });
     }
-  })), c = Nt({
+  })), o = yt({
     data: s,
     columns: i,
-    getCoreRowModel: zt(),
-    getPaginationRowModel: Ft(),
+    getCoreRowModel: wt(),
+    getPaginationRowModel: kt(),
     onSortingChange: a,
-    getSortedRowModel: Lt(),
+    getSortedRowModel: zt(),
     manualPagination: !0,
     state: {
       sorting: n
     }
   });
-  return /* @__PURE__ */ e.jsxs(Ct, { children: [
-    /* @__PURE__ */ e.jsx(St, { children: c.getHeaderGroups().map((r) => /* @__PURE__ */ e.jsx(xs, { children: r.headers.map((d) => /* @__PURE__ */ e.jsx(wt, { className: "sticky top-0 bg-muted", children: d.isPlaceholder ? null : Ks(
+  return /* @__PURE__ */ e.jsxs(vt, { children: [
+    /* @__PURE__ */ e.jsx(Nt, { children: o.getHeaderGroups().map((r) => /* @__PURE__ */ e.jsx(xs, { children: r.headers.map((d) => /* @__PURE__ */ e.jsx(Ct, { className: "sticky top-0 bg-muted", children: d.isPlaceholder ? null : Ws(
       d.column.columnDef.header,
       d.getContext()
     ) }, d.id)) }, r.id)) }),
-    /* @__PURE__ */ e.jsx(kt, { children: (l = c.getRowModel().rows) != null && l.length ? c.getRowModel().rows.map((r) => /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx(St, { children: (l = o.getRowModel().rows) != null && l.length ? o.getRowModel().rows.map((r) => /* @__PURE__ */ e.jsx(
       xs,
       {
         className: "whitespace-nowrap py-2",
         "data-state": r.getIsSelected() && "selected",
-        children: r.getVisibleCells().map((d) => /* @__PURE__ */ e.jsx(Ws, { children: Ks(d.column.columnDef.cell, d.getContext()) }, d.id))
+        children: r.getVisibleCells().map((d) => /* @__PURE__ */ e.jsx(Qs, { children: Ws(d.column.columnDef.cell, d.getContext()) }, d.id))
       },
       r.id
-    )) : /* @__PURE__ */ e.jsx(xs, { children: /* @__PURE__ */ e.jsx(Ws, { colSpan: i.length, className: "h-24 text-center", children: "No results." }) }) })
+    )) : /* @__PURE__ */ e.jsx(xs, { children: /* @__PURE__ */ e.jsx(Qs, { colSpan: i.length, className: "h-24 text-center", children: "No results." }) }) })
   ] });
 }
 function cl({ card: s }) {
-  var r, d, p, m, y, x, h, u;
+  var r, d, p, h, y, x, m, f;
   (r = s.customCardPreferences) != null && r.inputData;
-  const { getCard: n } = pa(((d = s.customCardPreferences) == null ? void 0 : d.url) || ""), a = ((p = s.customCardPreferences) == null ? void 0 : p.visualType) || "single", t = o((f) => f.frame);
-  if (Ie(), !((m = s.customCardPreferences) != null && m.componentName))
+  const { getCard: n } = ma(((d = s.customCardPreferences) == null ? void 0 : d.url) || ""), a = ((p = s.customCardPreferences) == null ? void 0 : p.visualType) || "single", t = c((u) => u.frame);
+  if (Ie(), !((h = s.customCardPreferences) != null && h.componentName))
     return null;
   const i = n(
     (y = s.customCardPreferences) == null ? void 0 : y.componentName
-  ), c = (f) => {
-    console.log("data", f), s.customCardPreferences;
+  ), o = (u) => {
+    console.log("data", u), s.customCardPreferences;
   }, l = Object.keys(
     ((x = s.customCardPreferences) == null ? void 0 : x.dataInputCardIds) || {}
-  ).map((f) => {
-    var I, N, A;
-    const k = (N = (I = s.customCardPreferences) == null ? void 0 : I.dataInputCardIds) == null ? void 0 : N[f].cardId, T = (A = t == null ? void 0 : t.cards) == null ? void 0 : A.find((O) => O.id === k);
-    return T || null;
+  ).map((u) => {
+    var I, N, M;
+    const k = (N = (I = s.customCardPreferences) == null ? void 0 : I.dataInputCardIds) == null ? void 0 : N[u].cardId, D = (M = t == null ? void 0 : t.cards) == null ? void 0 : M.find((A) => A.id === k);
+    return D || null;
   });
   return /* @__PURE__ */ e.jsx("div", { className: "semaphor-custom mb-3 flex grow basis-0 flex-col space-y-2 overflow-y-auto", children: /* @__PURE__ */ e.jsxs(
     rn,
@@ -2605,40 +2605,40 @@ function cl({ card: s }) {
         i && a === "single" && /* @__PURE__ */ e.jsx(
           i,
           {
-            settings: (h = s.customCardPreferences) == null ? void 0 : h.settings,
-            onDataChange: c,
+            settings: (m = s.customCardPreferences) == null ? void 0 : m.settings,
+            onDataChange: o,
             data: s.data
           }
         ),
         i && a === "multiple" && /* @__PURE__ */ e.jsx("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ e.jsx(
           i,
           {
-            onDataChange: c,
+            onDataChange: o,
             settings: l.map(
-              (f) => {
+              (u) => {
                 var k;
-                return (k = f == null ? void 0 : f.customCardPreferences) == null ? void 0 : k.settings;
+                return (k = u == null ? void 0 : u.customCardPreferences) == null ? void 0 : k.settings;
               }
             ),
-            data: l.map((f) => (f == null ? void 0 : f.data) || [])
+            data: l.map((u) => (u == null ? void 0 : u.data) || [])
           }
         ) })
       ]
     },
-    (u = s.customCardPreferences) == null ? void 0 : u.componentName
+    (f = s.customCardPreferences) == null ? void 0 : f.componentName
   ) });
 }
-function qa({
+function Ea({
   // card,
   // showCard,
   className: s,
   ...n
 }) {
   var y;
-  je.useState(0);
-  const a = z((x) => x.themeStyle), t = o((x) => x.card), i = o((x) => x.frame), c = z((x) => x.dashboard.filters);
-  z((x) => x.filterValues), o((x) => x.actions.setRunSql);
-  const { updateFilter: l } = Ns(), r = c == null ? void 0 : c.find((x) => x.id === i.filterId), d = o((x) => x.actions.setCard);
+  ge.useState(0);
+  const a = z((x) => x.themeStyle), t = c((x) => x.card), i = c((x) => x.frame), o = z((x) => x.dashboard.filters);
+  z((x) => x.filterValues), c((x) => x.actions.setRunSql);
+  const { updateFilter: l } = Cs(), r = o == null ? void 0 : o.find((x) => x.id === i.filterId), d = c((x) => x.actions.setCard);
   if (Z(() => {
   }, [
     t.data,
@@ -2650,31 +2650,31 @@ function qa({
   ]), !t.id)
     return null;
   let p;
-  t.data && t.data.length > 0 && (p = fa({
+  t.data && t.data.length > 0 && (p = xa({
     data: t.data,
     cardType: t.type,
     cfg: t.cfg,
     customCfg: t.customCfg,
     preferences: t.preferences
   }));
-  function m(x) {
+  function h(x) {
     return /* @__PURE__ */ e.jsx(cl, { card: x });
   }
   return /* @__PURE__ */ e.jsxs(
-    Tt,
+    Ft,
     {
       role: "editor-visual-card",
       className: J("relative flex h-full flex-col rounded-none", s),
       ...n,
       children: [
-        /* @__PURE__ */ e.jsxs(Dt, { className: "flex flex-row items-start justify-between py-4", children: [
+        /* @__PURE__ */ e.jsxs(Lt, { className: "flex flex-row items-start justify-between py-4", children: [
           /* @__PURE__ */ e.jsxs("div", { children: [
             /* @__PURE__ */ e.jsx(
               es,
               {
                 text: t.title,
                 onSave: (x) => d({ ...t, title: x }),
-                children: /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e.jsx(It, { className: "text-base", children: t.title }) })
+                children: /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e.jsx(Tt, { className: "text-base", children: t.title }) })
               },
               t.title
             ),
@@ -2683,7 +2683,7 @@ function qa({
               {
                 text: t.description || "",
                 onSave: (x) => d({ ...t, description: x }),
-                children: /* @__PURE__ */ e.jsxs(Mt, { children: [
+                children: /* @__PURE__ */ e.jsxs(Dt, { children: [
                   " ",
                   t.description
                 ] })
@@ -2701,33 +2701,33 @@ function qa({
                 children: /* @__PURE__ */ e.jsx(H, { children: r.title })
               }
             ),
-            Ot(r)
+            It(r)
           ] })
         ] }),
-        /* @__PURE__ */ e.jsxs(At, { className: "flex grow flex-col", children: [
-          t.type === "custom" && m(t),
+        /* @__PURE__ */ e.jsxs(Mt, { className: "flex grow flex-col", children: [
+          t.type === "custom" && h(t),
           !["table", "custom"].includes(t.type) && p && // <ChartJsVisual key={visualKey} cfg={cfg} />
           /* @__PURE__ */ e.jsx(
-            Et,
+            Ot,
             {
               cfg: p
             },
             JSON.stringify(p) + JSON.stringify(t.preferences) + ((y = t == null ? void 0 : t.preferences) == null ? void 0 : y.customVisualCode)
           ),
           t.type === "table" && t.data && t.data.length > 0 && // All of the below css classes are #IMPORTANT for the table to scroll properly
-          /* @__PURE__ */ e.jsx(Vt, { className: "flex min-h-0 flex-1 grow basis-0", children: /* @__PURE__ */ e.jsx(qt, { card: t, data: t == null ? void 0 : t.data }) })
+          /* @__PURE__ */ e.jsx(At, { className: "flex min-h-0 flex-1 grow basis-0", children: /* @__PURE__ */ e.jsx(Et, { card: t, data: t == null ? void 0 : t.data }) })
         ] })
       ]
     }
   );
 }
 function dl() {
-  const [s, n] = V(!1), [a, t] = V(""), [i, c] = V(""), [l, r] = V(""), [d, p] = V(""), m = o((N) => N.card), y = o(
+  const [s, n] = V(!1), [a, t] = V(""), [i, o] = V(""), [l, r] = V(""), [d, p] = V(""), h = c((N) => N.card), y = c(
     (N) => N.card.customCfg
-  ), { setCardCustomCfg: x, setCustomVisualCode: h } = Ie();
-  function u(N) {
+  ), { setCardCustomCfg: x, setCustomVisualCode: m } = Ie();
+  function f(N) {
     var j, S;
-    const A = {
+    const M = {
       ...N,
       data: {
         ...N == null ? void 0 : N.data,
@@ -2737,73 +2737,73 @@ function dl() {
         }))
       }
     };
-    return JSON.stringify(A, null, 1);
+    return JSON.stringify(M, null, 1);
   }
-  function f() {
-    var A, O;
-    if (!m.data || m.data.length === 0)
+  function u() {
+    var M, A;
+    if (!h.data || h.data.length === 0)
       return;
-    const N = fa({
-      data: m.data,
-      cardType: m.type,
-      cfg: m.cfg,
-      preferences: m.preferences
+    const N = xa({
+      data: h.data,
+      cardType: h.type,
+      cfg: h.cfg,
+      preferences: h.preferences
     });
-    N && (t(JSON.stringify(N, null, 1)), (A = m == null ? void 0 : m.preferences) != null && A.customVisualCode && r((O = m == null ? void 0 : m.preferences) == null ? void 0 : O.customVisualCode), y && c(JSON.stringify(y, null, 1)));
+    N && (t(JSON.stringify(N, null, 1)), (M = h == null ? void 0 : h.preferences) != null && M.customVisualCode && r((A = h == null ? void 0 : h.preferences) == null ? void 0 : A.customVisualCode), y && o(JSON.stringify(y, null, 1)));
   }
   function k() {
-    if (l && h(l), !!i)
+    if (l && m(l), !!i)
       try {
         const N = JSON.parse(i);
-        return N ? (x(N), p(""), c(""), N) : void 0;
+        return N ? (x(N), p(""), o(""), N) : void 0;
       } catch (N) {
         console.log(N), p("Invalid JSON");
       }
   }
-  function T() {
-    c(""), x(null);
+  function D() {
+    o(""), x(null);
   }
   function I() {
     let N;
     if (y) {
-      const A = Qs.cloneDeep(m.cfg), O = Qs.merge(A, y);
-      return N = u(O), N;
+      const M = Js.cloneDeep(h.cfg), A = Js.merge(M, y);
+      return N = f(A), N;
     }
-    return a ? (N = u(JSON.parse(a)), N) : "";
+    return a ? (N = f(JSON.parse(a)), N) : "";
   }
-  return /* @__PURE__ */ e.jsxs(Cs, { open: s, onOpenChange: n, children: [
-    /* @__PURE__ */ e.jsx(Ss, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+  return /* @__PURE__ */ e.jsxs(Ss, { open: s, onOpenChange: n, children: [
+    /* @__PURE__ */ e.jsx(ws, { asChild: !0, children: /* @__PURE__ */ e.jsx(
       F,
       {
-        onClick: f,
+        onClick: u,
         className: ` ${y && "border-foreground/50 dark:border-foreground/70"}`,
         size: "sm",
         variant: "outline",
-        children: /* @__PURE__ */ e.jsx(Rt, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ e.jsx(Vt, { className: "h-4 w-4" })
       }
     ) }),
     /* @__PURE__ */ e.jsxs(
-      ks,
+      zs,
       {
         className: "max-h-[70vh] min-h-[70vh] overflow-auto sm:min-w-[900px] lg:min-w-[1200px]",
         children: [
-          /* @__PURE__ */ e.jsxs(zs, { className: "", children: [
+          /* @__PURE__ */ e.jsxs(Fs, { className: "", children: [
             /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ e.jsx(Fs, { children: "Customize Card" }),
-              /* @__PURE__ */ e.jsxs(Ts, { children: [
-                /* @__PURE__ */ e.jsx(ia, { children: /* @__PURE__ */ e.jsx(
+              /* @__PURE__ */ e.jsx(Ls, { children: "Customize Card" }),
+              /* @__PURE__ */ e.jsxs(Ds, { children: [
+                /* @__PURE__ */ e.jsx(na, { children: /* @__PURE__ */ e.jsx(
                   Nn,
                   {
                     onClick: () => {
-                      navigator.clipboard.writeText(m.id);
+                      navigator.clipboard.writeText(h.id);
                     },
                     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(Is, { side: "right", align: "center", children: /* @__PURE__ */ e.jsx("p", { className: "text-xs", children: "Copy Card ID" }) })
               ] })
             ] }),
-            /* @__PURE__ */ e.jsxs(Ls, { children: [
+            /* @__PURE__ */ e.jsxs(Ts, { children: [
               "See the configuration options and documentation",
               /* @__PURE__ */ e.jsx(
                 "a",
@@ -2817,11 +2817,11 @@ function dl() {
             ] })
           ] }),
           /* @__PURE__ */ e.jsxs("div", { className: "flex grow gap-2", children: [
-            /* @__PURE__ */ e.jsx(qa, { className: "w-1/2 rounded shadow-none" }),
-            /* @__PURE__ */ e.jsxs(ga, { defaultValue: "custom-config", className: "flex w-1/2 flex-col", children: [
-              /* @__PURE__ */ e.jsxs(ja, { className: "justify-start rounded-sm rounded-b-none border border-b-0", children: [
+            /* @__PURE__ */ e.jsx(Ea, { className: "w-1/2 rounded shadow-none" }),
+            /* @__PURE__ */ e.jsxs(pa, { defaultValue: "custom-config", className: "flex w-1/2 flex-col", children: [
+              /* @__PURE__ */ e.jsxs(fa, { className: "justify-start rounded-sm rounded-b-none border border-b-0", children: [
                 /* @__PURE__ */ e.jsxs(ss, { value: "custom-config", children: [
-                  y && /* @__PURE__ */ e.jsx(ba, { className: "mr-1 h-5 w-5 text-green-600" }),
+                  y && /* @__PURE__ */ e.jsx(ga, { className: "mr-1 h-5 w-5 text-green-600" }),
                   y ? "Custom Config" : "Default Config"
                 ] }),
                 /* @__PURE__ */ e.jsx(ss, { className: "", value: "output", children: "Output" }),
@@ -2833,7 +2833,7 @@ function dl() {
                   className: "bg-red-x mt-0 grow rounded-b border border-t-0 p-2",
                   value: "output",
                   children: /* @__PURE__ */ e.jsx(
-                    ma,
+                    ua,
                     {
                       disabled: !0,
                       value: a,
@@ -2866,7 +2866,7 @@ function dl() {
                       },
                       defaultLanguage: "json",
                       value: I(),
-                      onChange: (N) => c(N)
+                      onChange: (N) => o(N)
                     }
                   )
                 }
@@ -2902,13 +2902,13 @@ function dl() {
               )
             ] })
           ] }),
-          /* @__PURE__ */ e.jsxs(na, { className: "flex items-center", children: [
+          /* @__PURE__ */ e.jsxs(aa, { className: "flex items-center", children: [
             /* @__PURE__ */ e.jsx(H, { className: "mr-2 text-red-500", children: d }),
             /* @__PURE__ */ e.jsx(
               F,
               {
                 disabled: !y,
-                onClick: T,
+                onClick: D,
                 variant: "outline",
                 children: "Reset"
               }
@@ -2921,47 +2921,47 @@ function dl() {
     )
   ] });
 }
-function Ra(s) {
+function Va(s) {
   return be({ 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 _a(s) {
+function qa(s) {
   return be({ 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 Ha(s) {
+function Ra(s) {
   return be({ 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 $a(s) {
+function _a(s) {
   return be({ 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 Ba(s) {
+function Ha(s) {
   return be({ 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 Pa(s) {
+function $a(s) {
   return be({ 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 Ua(s) {
+function Ba(s) {
   return be({ 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 Ga(s) {
+function Ua(s) {
   return be({ 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 ul() {
-  const [s, n] = V(!1), a = o((d) => d.card.type), { setCardType: t, setCardPreferences: i, setChartOrientation: c } = o((d) => d.actions), l = o(
+  const [s, n] = V(!1), a = c((d) => d.card.type), { setCardType: t, setCardPreferences: i, setChartOrientation: o } = c((d) => d.actions), l = c(
     (d) => d.actions.setCardCustomCfg
   );
   function r(d) {
     l(null), i({}), t(d), n(!1);
   }
-  return /* @__PURE__ */ e.jsxs(Ue, { open: s, onOpenChange: n, children: [
-    /* @__PURE__ */ e.jsx(Ge, { asChild: !0, children: /* @__PURE__ */ e.jsx(F, { size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(hl, { className: "h-4 w-4", chartType: a }) }) }),
-    /* @__PURE__ */ e.jsx(Ke, { className: "w-50", children: /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 place-items-center", children: [
+  return /* @__PURE__ */ e.jsxs(Ge, { open: s, onOpenChange: n, children: [
+    /* @__PURE__ */ e.jsx(Ke, { asChild: !0, children: /* @__PURE__ */ e.jsx(F, { size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(hl, { className: "h-4 w-4", chartType: a }) }) }),
+    /* @__PURE__ */ e.jsx(Pe, { className: "w-50", children: /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 place-items-center", children: [
       /* @__PURE__ */ e.jsx(
         F,
         {
           onClick: () => r("bar"),
           className: "font-normal",
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(qs, { className: "size-5" })
+          children: /* @__PURE__ */ e.jsx(Rs, { className: "size-5" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2969,7 +2969,7 @@ function ul() {
         {
           onClick: () => r("line"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Rs, { className: "size-5" })
+          children: /* @__PURE__ */ e.jsx(_s, { className: "size-5" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2977,7 +2977,7 @@ function ul() {
         {
           onClick: () => r("stackedBar"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Pa, { className: "size-5", strokeWidth: 0 })
+          children: /* @__PURE__ */ e.jsx($a, { className: "size-5", strokeWidth: 0 })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2985,7 +2985,7 @@ function ul() {
         {
           onClick: () => r("stackedLine"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Ba, { className: "size-5", strokeWidth: 0 })
+          children: /* @__PURE__ */ e.jsx(Ha, { className: "size-5", strokeWidth: 0 })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -2993,7 +2993,7 @@ function ul() {
         {
           onClick: () => r("scatter"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Ta, { className: "size-5" })
+          children: /* @__PURE__ */ e.jsx(Fa, { className: "size-5" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -3001,7 +3001,7 @@ function ul() {
         {
           onClick: () => r("bubble"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx($a, { className: "size-4" })
+          children: /* @__PURE__ */ e.jsx(_a, { className: "size-4" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -3009,7 +3009,7 @@ function ul() {
         {
           onClick: () => r("pie"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(La, { className: "size-5" })
+          children: /* @__PURE__ */ e.jsx(za, { className: "size-5" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -3017,7 +3017,7 @@ function ul() {
         {
           onClick: () => r("doughnut"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(_a, { className: "size-5", strokeWidth: 1 })
+          children: /* @__PURE__ */ e.jsx(qa, { className: "size-5", strokeWidth: 1 })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -3026,7 +3026,7 @@ function ul() {
           onClick: () => r("radar"),
           variant: "ghost",
           children: /* @__PURE__ */ e.jsx(
-            Ra,
+            Va,
             {
               className: "size-5 font-extralight",
               strokeWidth: 0.5
@@ -3039,7 +3039,7 @@ function ul() {
         {
           onClick: () => r("polarArea"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Ha, { className: "size-5" })
+          children: /* @__PURE__ */ e.jsx(Ra, { className: "size-5" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -3047,7 +3047,7 @@ function ul() {
         {
           onClick: () => r("pyramid"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Ga, { className: "size-5" })
+          children: /* @__PURE__ */ e.jsx(Ua, { className: "size-5" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -3055,7 +3055,7 @@ function ul() {
         {
           onClick: () => r("range"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Fa, { className: "size-5" })
+          children: /* @__PURE__ */ e.jsx(ka, { className: "size-5" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -3063,7 +3063,7 @@ function ul() {
         {
           onClick: () => r("table"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Is, { className: "size-5" })
+          children: /* @__PURE__ */ e.jsx(Ms, { className: "size-5" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -3071,7 +3071,7 @@ function ul() {
         {
           onClick: () => r("kpi"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Ua, { className: "size-6" })
+          children: /* @__PURE__ */ e.jsx(Ba, { className: "size-6" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -3079,7 +3079,7 @@ function ul() {
         {
           onClick: () => r("text"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(_s, { className: "size-4" })
+          children: /* @__PURE__ */ e.jsx(Hs, { className: "size-4" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -3087,7 +3087,7 @@ function ul() {
         {
           onClick: () => r("custom"),
           variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Ia, { className: "size-4" })
+          children: /* @__PURE__ */ e.jsx(Ta, { className: "size-4" })
         }
       )
     ] }) })
@@ -3096,43 +3096,43 @@ function ul() {
 function hl({ chartType: s, className: n }) {
   switch (s) {
     case "bar":
-      return /* @__PURE__ */ e.jsx(qs, { className: n });
-    case "line":
       return /* @__PURE__ */ e.jsx(Rs, { className: n });
+    case "line":
+      return /* @__PURE__ */ e.jsx(_s, { className: n });
     case "pie":
-      return /* @__PURE__ */ e.jsx(La, { className: n });
+      return /* @__PURE__ */ e.jsx(za, { className: n });
     case "radar":
-      return /* @__PURE__ */ e.jsx(Ra, { className: n });
+      return /* @__PURE__ */ e.jsx(Va, { className: n });
     case "scatter":
-      return /* @__PURE__ */ e.jsx(Ta, { className: n });
+      return /* @__PURE__ */ e.jsx(Fa, { className: n });
     case "bubble":
-      return /* @__PURE__ */ e.jsx($a, { className: n });
-    case "doughnut":
       return /* @__PURE__ */ e.jsx(_a, { className: n });
+    case "doughnut":
+      return /* @__PURE__ */ e.jsx(qa, { className: n });
     case "stackedBar":
-      return /* @__PURE__ */ e.jsx(Pa, { className: "size-4 text-foreground/70" });
+      return /* @__PURE__ */ e.jsx($a, { className: "size-4 text-foreground/70" });
     case "stackedLine":
-      return /* @__PURE__ */ e.jsx(Ba, { className: "size-4 text-foreground/70" });
+      return /* @__PURE__ */ e.jsx(Ha, { className: "size-4 text-foreground/70" });
     case "polarArea":
-      return /* @__PURE__ */ e.jsx(Ha, { className: n });
+      return /* @__PURE__ */ e.jsx(Ra, { className: n });
     case "pyramid":
-      return /* @__PURE__ */ e.jsx(Ga, { className: n });
+      return /* @__PURE__ */ e.jsx(Ua, { className: n });
     case "range":
-      return /* @__PURE__ */ e.jsx(Fa, { className: n });
+      return /* @__PURE__ */ e.jsx(ka, { className: n });
     case "kpi":
-      return /* @__PURE__ */ e.jsx(Ua, { className: n });
+      return /* @__PURE__ */ e.jsx(Ba, { className: n });
     case "text":
-      return /* @__PURE__ */ e.jsx(_s, { className: n });
+      return /* @__PURE__ */ e.jsx(Hs, { className: n });
     case "custom":
-      return /* @__PURE__ */ e.jsx(Ia, { className: n });
+      return /* @__PURE__ */ e.jsx(Ta, { className: n });
     default:
-      return /* @__PURE__ */ e.jsx(Is, { className: n });
+      return /* @__PURE__ */ e.jsx(Ms, { className: n });
   }
 }
 function ea() {
-  const s = o((j) => j.frame), n = o((j) => j.card), a = o((j) => j.card.data), t = o((j) => j.isShowingVisual), i = o((j) => j.isSqlRunning), c = o((j) => j.queryError), l = o((j) => j.pythonStdOut), r = o((j) => j.actions.setRunSql);
-  o((j) => j.onSave), o((j) => j.onClose), o((j) => j.actions.setCardSql), o((j) => j.actions.setCardType), o((j) => j.actions.setSqlGen);
-  const { setFrame: d, setCard: p, updateCardInFrame: m } = Ie();
+  const s = c((j) => j.frame), n = c((j) => j.card), a = c((j) => j.card.data), t = c((j) => j.isShowingVisual), i = c((j) => j.isSqlRunning), o = c((j) => j.queryError), l = c((j) => j.pythonStdOut), r = c((j) => j.actions.setRunSql);
+  c((j) => j.onSave), c((j) => j.onClose), c((j) => j.actions.setCardSql), c((j) => j.actions.setCardType), c((j) => j.actions.setSqlGen);
+  const { setFrame: d, setCard: p, updateCardInFrame: h } = Ie();
   if (!n)
     return /* @__PURE__ */ e.jsx(e.Fragment, { children: "No Active Card" });
   function y() {
@@ -3162,7 +3162,7 @@ function ea() {
     };
     d(S), p(j);
   }
-  function h() {
+  function m() {
     const j = {
       ...n,
       id: _e(),
@@ -3171,7 +3171,7 @@ function ea() {
     };
     x(j);
   }
-  function u(j) {
+  function f(j) {
     const S = s.cards.filter((q) => q.id !== j), v = S[0], b = {
       ...s,
       cards: S,
@@ -3180,7 +3180,7 @@ function ea() {
     };
     d(b), p(v);
   }
-  function f(j) {
+  function u(j) {
     const S = {
       ...s,
       cards: s.cards.map((b) => b.id === n.id ? n : b),
@@ -3192,7 +3192,7 @@ function ea() {
   }
   const k = (j, S) => {
     console.log("handleDragStart", S), j.dataTransfer.setData("tabIndex", S.toString());
-  }, T = (j) => {
+  }, D = (j) => {
     j.preventDefault();
   }, I = (j, S) => {
     const v = j.dataTransfer.getData("tabIndex");
@@ -3207,7 +3207,7 @@ function ea() {
       {
         onClick: () => {
           const v = S.displayTab === void 0 ? !1 : !S.displayTab;
-          p({ ...S, displayTab: v }), m({
+          p({ ...S, displayTab: v }), h({
             ...S,
             displayTab: v
           });
@@ -3216,29 +3216,29 @@ function ea() {
       }
     );
   }
-  function A() {
+  function M() {
     return /* @__PURE__ */ e.jsxs(
-      ga,
+      pa,
       {
-        onValueChange: f,
+        onValueChange: u,
         value: s.activeCardId,
         className: "flex grow flex-col",
         children: [
-          s.cards.map((j) => /* @__PURE__ */ e.jsx(as, { className: "mt-0 grow", value: j.id, children: O() }, j.id)),
-          /* @__PURE__ */ e.jsx(ja, { className: "group mx-6 justify-between", children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center", children: [
+          s.cards.map((j) => /* @__PURE__ */ e.jsx(as, { className: "mt-0 grow", value: j.id, children: A() }, j.id)),
+          /* @__PURE__ */ e.jsx(fa, { className: "group mx-6 justify-between", children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center", children: [
             s.cards.map((j, S) => /* @__PURE__ */ e.jsx(
               es,
               {
                 text: j.tabTitle || j.title,
                 onSave: (v) => {
-                  p({ ...n, tabTitle: v }), m({ ...n, tabTitle: v });
+                  p({ ...n, tabTitle: v }), h({ ...n, tabTitle: v });
                 },
                 children: /* @__PURE__ */ e.jsxs(
                   ss,
                   {
                     draggable: !0,
                     onDragStart: (v) => k(v, S),
-                    onDragOver: T,
+                    onDragOver: D,
                     onDrop: (v) => I(v, S),
                     className: "",
                     value: j.id,
@@ -3246,10 +3246,10 @@ function ea() {
                       N(s, j),
                       j.tabTitle || j.title,
                       s.activeCardId === j.id && s.cards.length > 1 && /* @__PURE__ */ e.jsx(
-                        ya,
+                        ja,
                         {
                           className: "ml-2 size-3.5 text-muted-foreground hover:text-foreground",
-                          onClick: () => u(j.id)
+                          onClick: () => f(j.id)
                         }
                       )
                     ]
@@ -3264,7 +3264,7 @@ function ea() {
                 className: "ml-1 h-8 px-2 hover:bg-muted-foreground/50",
                 variant: "outline",
                 onClick: y,
-                children: /* @__PURE__ */ e.jsx(ws, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ e.jsx(ks, { className: "h-4 w-4" })
               }
             ),
             /* @__PURE__ */ e.jsx(
@@ -3272,7 +3272,7 @@ function ea() {
               {
                 className: "invisible ml-1 h-8 px-2 hover:bg-muted-foreground/50 group-hover:visible",
                 variant: "outline",
-                onClick: h,
+                onClick: m,
                 children: /* @__PURE__ */ e.jsx(hn, { className: "h-4 w-4" })
               }
             )
@@ -3281,8 +3281,8 @@ function ea() {
       }
     );
   }
-  function O() {
-    return n.type === "kpi" ? /* @__PURE__ */ e.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e.jsx(_t, { isLoading: i, card: n }) }) }) : n.type === "text" ? /* @__PURE__ */ e.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e.jsx(Ht, { isLoading: i, card: n }) }) }) : /* @__PURE__ */ e.jsx(qa, { className: "grow border-none shadow-none" });
+  function A() {
+    return n.type === "kpi" ? /* @__PURE__ */ e.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e.jsx(qt, { isLoading: i, card: n }) }) }) : n.type === "text" ? /* @__PURE__ */ e.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e.jsx(Rt, { isLoading: i, card: n }) }) }) : /* @__PURE__ */ e.jsx(Ea, { className: "grow border-none shadow-none" });
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "relative flex h-full flex-col py-3", children: [
     i && /* @__PURE__ */ e.jsx(Be, { className: "absolute bottom-0 left-0 right-0 top-0 z-10 m-auto h-10 w-10 animate-spin text-foreground/10" }),
@@ -3293,15 +3293,15 @@ function ea() {
       ] }),
       /* @__PURE__ */ e.jsx(xl, {})
     ] }),
-    t ? A() : /* @__PURE__ */ e.jsxs("div", { className: "flex min-h-0 w-full flex-1 grow basis-0 px-6", children: [
+    t ? M() : /* @__PURE__ */ e.jsxs("div", { className: "flex min-h-0 w-full flex-1 grow basis-0 px-6", children: [
       l && /* @__PURE__ */ e.jsx(ml, {}),
       n.data && n.data.length > 0 && /* @__PURE__ */ e.jsx(ol, { data: a || [] }),
-      c && /* @__PURE__ */ e.jsx("span", { className: "font-mono text-sm", children: c })
+      o && /* @__PURE__ */ e.jsx("span", { className: "font-mono text-sm", children: o })
     ] })
   ] });
 }
 function ml() {
-  const s = o((a) => a.pythonStdOut);
+  const s = c((a) => a.pythonStdOut);
   if (!s)
     return null;
   const n = s.replace(/\n/g, "<br>");
@@ -3318,13 +3318,13 @@ function ml() {
   ] });
 }
 function xl() {
-  const s = o((a) => a.isShowingVisual), n = o(
+  const s = c((a) => a.isShowingVisual), n = c(
     (a) => a.actions.setIsShowingVisual
   );
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
     /* @__PURE__ */ e.jsx(H, { htmlFor: "visualize", children: "Chart" }),
     /* @__PURE__ */ e.jsx(
-      $t,
+      _t,
       {
         checked: s,
         onCheckedChange: () => n(!s),
@@ -3339,10 +3339,10 @@ function pl({
   onValueChange: n,
   components: a
 }) {
-  var c;
-  const [t, i] = bs.useState(!1);
-  return /* @__PURE__ */ e.jsxs(Ue, { open: t, onOpenChange: i, children: [
-    /* @__PURE__ */ e.jsx(Ge, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
+  var o;
+  const [t, i] = ys.useState(!1);
+  return /* @__PURE__ */ e.jsxs(Ge, { open: t, onOpenChange: i, children: [
+    /* @__PURE__ */ e.jsx(Ke, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
       F,
       {
         variant: "outline",
@@ -3350,17 +3350,17 @@ function pl({
         "aria-expanded": t,
         className: "h-8 w-full justify-between",
         children: [
-          s ? (c = a.find((l) => l.value === s)) == null ? void 0 : c.label : "Select Component...",
+          s ? (o = a.find((l) => l.value === s)) == null ? void 0 : o.label : "Select Component...",
           /* @__PURE__ */ e.jsx(dn, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
         ]
       }
     ) }),
-    /* @__PURE__ */ e.jsx(Ke, { className: "w-full p-2.5", children: /* @__PURE__ */ e.jsxs(va, { className: "w-full", children: [
-      /* @__PURE__ */ e.jsx(Na, { placeholder: "Search component..." }),
-      /* @__PURE__ */ e.jsxs(Ca, { children: [
-        /* @__PURE__ */ e.jsx(Sa, { children: "No component found." }),
-        /* @__PURE__ */ e.jsx(wa, { children: a.map((l) => /* @__PURE__ */ e.jsxs(
-          ka,
+    /* @__PURE__ */ e.jsx(Pe, { className: "w-full p-2.5", children: /* @__PURE__ */ e.jsxs(ba, { className: "w-full", children: [
+      /* @__PURE__ */ e.jsx(ya, { placeholder: "Search component..." }),
+      /* @__PURE__ */ e.jsxs(va, { children: [
+        /* @__PURE__ */ e.jsx(Na, { children: "No component found." }),
+        /* @__PURE__ */ e.jsx(Ca, { children: a.map((l) => /* @__PURE__ */ e.jsxs(
+          Sa,
           {
             value: l.value,
             onSelect: (r) => {
@@ -3370,7 +3370,7 @@ function pl({
             },
             children: [
               /* @__PURE__ */ e.jsx(
-                xa,
+                ha,
                 {
                   className: J(
                     "mr-2 h-4 w-4",
@@ -3387,7 +3387,7 @@ function pl({
     ] }) })
   ] });
 }
-function sa({
+function fl({
   options: s,
   value: n,
   onValueChange: a
@@ -3406,280 +3406,270 @@ function sa({
     }
   );
 }
-function aa({
+function ps({
   label: s,
   options: n,
   value: a,
   onValueChange: t,
   className: i
 }) {
-  return /* @__PURE__ */ e.jsxs(me, { value: a, onValueChange: t, children: [
+  return /* @__PURE__ */ e.jsxs(he, { value: a, onValueChange: t, children: [
     /* @__PURE__ */ e.jsx(
-      xe,
+      me,
       {
         className: J("w-full focus:ring-0 focus:ring-offset-0", i),
-        children: /* @__PURE__ */ e.jsx(pe, { placeholder: s })
+        children: /* @__PURE__ */ e.jsx(xe, { placeholder: s })
       }
     ),
-    /* @__PURE__ */ e.jsx(fe, { children: /* @__PURE__ */ e.jsxs(Ce, { children: [
-      /* @__PURE__ */ e.jsx(ge, { children: s }),
-      n.map((c) => /* @__PURE__ */ e.jsx(Q, { value: c.value, children: c.label }, c.value))
+    /* @__PURE__ */ e.jsx(pe, { children: /* @__PURE__ */ e.jsxs(Se, { children: [
+      /* @__PURE__ */ e.jsx(fe, { children: s }),
+      n.map((o) => /* @__PURE__ */ e.jsx(Q, { value: o.value, children: o.label }, o.value))
     ] }) })
   ] });
 }
-function fl() {
-  var h;
-  const s = o(
+function gl() {
+  const { authToken: s } = je(), { data: n, isLoading: a, isFetching: t, isError: i } = re({
+    queryKey: ["plugins", s == null ? void 0 : s.accessToken],
+    queryFn: () => Ht(s == null ? void 0 : s.accessToken)
+    // staleTime: Infinity,
+  });
+  return { data: n, isLoading: a, isFetching: t, isError: i };
+}
+function jl() {
+  var f;
+  const s = c(
     (u) => u.card.customCardPreferences
-  );
-  o((u) => u.card);
-  const n = o((u) => u.frame), a = (s == null ? void 0 : s.visualType) || "single", { setCustomCardPreferences: t } = Ie(), { components: i, manifest: c } = pa(
+  ), { data: n } = gl(), a = (n == null ? void 0 : n.plugins) || [];
+  c((u) => u.card);
+  const t = c((u) => u.frame), i = (s == null ? void 0 : s.visualType) || "single", { setCustomCardPreferences: o } = Ie(), { components: l, manifest: r } = ma(
     (s == null ? void 0 : s.url) || ""
-  ), l = (h = c == null ? void 0 : c.visuals) == null ? void 0 : h.find(
+  ), d = (f = r == null ? void 0 : r.visuals) == null ? void 0 : f.find(
     (u) => u.name === (s == null ? void 0 : s.componentName)
   );
-  function r(u, f) {
+  function p(u, k) {
     if (!s)
       return;
-    const T = {
+    const I = {
       ...(s == null ? void 0 : s.dataInputCardIds) || {},
       [u]: {
-        cardId: f,
+        cardId: k,
         hookRef: null
       }
     };
-    t({
+    o({
       ...s,
-      dataInputCardIds: T
+      dataInputCardIds: I
     });
   }
-  function d(u) {
-    var k, T;
-    const f = (k = n == null ? void 0 : n.cards) == null ? void 0 : k.filter((I) => {
-      var N;
-      return ((N = I == null ? void 0 : I.customCardPreferences) == null ? void 0 : N.visualType) !== "multiple";
-    }).map((I) => ({
-      value: I.id,
-      label: I.tabTitle || I.title
+  function h(u) {
+    var D, I;
+    const k = (D = t == null ? void 0 : t.cards) == null ? void 0 : D.filter((N) => {
+      var M;
+      return ((M = N == null ? void 0 : N.customCardPreferences) == null ? void 0 : M.visualType) !== "multiple";
+    }).map((N) => ({
+      value: N.id,
+      label: N.tabTitle || N.title
     }));
-    return /* @__PURE__ */ e.jsx("div", { className: "space-y-2", children: (T = u == null ? void 0 : u.dataInputs) == null ? void 0 : T.map((I, N) => {
-      var A, O;
+    return /* @__PURE__ */ e.jsx("div", { className: "space-y-2", children: (I = u == null ? void 0 : u.dataInputs) == null ? void 0 : I.map((N, M) => {
+      var A, j;
       return /* @__PURE__ */ e.jsxs(
         "div",
         {
           className: "grid grid-cols-10 gap-2",
           children: [
-            /* @__PURE__ */ e.jsx("div", { className: "col-span-4 flex items-center", children: I }),
+            /* @__PURE__ */ e.jsx("div", { className: "col-span-4 flex items-center", children: N }),
             /* @__PURE__ */ e.jsx(
-              aa,
+              ps,
               {
                 className: "col-span-6 h-8 w-full justify-between",
                 label: "",
-                options: f || [],
-                value: ((O = (A = s == null ? void 0 : s.dataInputCardIds) == null ? void 0 : A[N]) == null ? void 0 : O.cardId) || "",
-                onValueChange: (j) => r(N, j)
+                options: k || [],
+                value: ((j = (A = s == null ? void 0 : s.dataInputCardIds) == null ? void 0 : A[M]) == null ? void 0 : j.cardId) || "",
+                onValueChange: (S) => p(M, S)
               }
             )
           ]
         },
-        N + Math.random()
+        M + Math.random()
       );
     }) });
   }
-  function p(u, f, k = []) {
-    var T, I;
+  function y(u, k, D = []) {
+    var I, N;
     return s ? u === "input" ? /* @__PURE__ */ e.jsx(
-      ue,
+      Ce,
       {
-        className: `h-8 w-full ${Js}`,
-        value: (T = s == null ? void 0 : s.settings) == null ? void 0 : T[f],
-        onChange: (N) => {
-          t({
+        className: `h-8 w-full ${$t}`,
+        value: ((I = s == null ? void 0 : s.settings) == null ? void 0 : I[k]) || "",
+        onChange: (M) => {
+          o({
             ...s,
             settings: {
               ...s == null ? void 0 : s.settings,
-              [f]: N.target.value
+              [k]: M.target.value
             }
           });
         }
       },
-      f
+      k
     ) : u === "select" ? /* @__PURE__ */ e.jsx(
-      aa,
+      ps,
       {
         className: "h-8 w-full",
         label: "",
-        options: k,
-        value: (I = s == null ? void 0 : s.settings) == null ? void 0 : I[f],
-        onValueChange: (N) => {
-          t({
+        options: D,
+        value: ((N = s == null ? void 0 : s.settings) == null ? void 0 : N[k]) || "",
+        onValueChange: (M) => {
+          o({
             ...s,
-            settings: { ...s == null ? void 0 : s.settings, [f]: N }
+            settings: { ...s == null ? void 0 : s.settings, [k]: M }
           });
         }
       }
     ) : null : null;
   }
-  function m(u) {
-    const f = Object.entries((u == null ? void 0 : u.settings) || {});
-    return /* @__PURE__ */ e.jsx("div", { className: "space-y-3", children: f.map(([k, T]) => /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ e.jsx(H, { children: T.title }),
-      p(
-        T.ui,
-        k,
-        T.options
+  function x(u) {
+    const k = Object.entries((u == null ? void 0 : u.settings) || {});
+    return /* @__PURE__ */ e.jsx("div", { className: "space-y-3", children: k.map(([D, I]) => /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ e.jsx(H, { children: I.title }),
+      y(
+        I.ui,
+        D,
+        I.options
       )
-    ] }, k)) });
+    ] }, D)) });
   }
-  function y(u) {
-    t({
-      ...s || {
-        url: "",
-        componentName: ""
-      },
-      type: u
-    });
-  }
-  function x(u) {
-    s && t({
+  function m(u) {
+    s && o({
       ...s,
       visualType: u,
       componentName: ""
     });
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 p-6 text-sm", children: [
-    /* @__PURE__ */ e.jsx(
-      sa,
-      {
-        options: [
-          { value: "component", label: "Component" },
-          { value: "iframe", label: "Iframe" }
-        ],
-        value: (s == null ? void 0 : s.type) || "component",
-        onValueChange: y
-      }
-    ),
     /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ e.jsx(H, { children: `${(s == null ? void 0 : s.type) === "component" ? "Plugin ID" : "Website URL"}` }),
+      /* @__PURE__ */ e.jsx(H, { children: `${(s == null ? void 0 : s.type) === "component" || (s == null ? void 0 : s.type) === void 0 ? "Plugin ID" : "Website URL"}` }),
       /* @__PURE__ */ e.jsx("div", { className: "px-2", children: /* @__PURE__ */ e.jsx(
-        ue,
+        ps,
         {
-          value: s == null ? void 0 : s.url,
-          onChange: (u) => t({
+          className: "h-8 w-full",
+          label: "",
+          options: a,
+          value: (s == null ? void 0 : s.url) || "",
+          onValueChange: (u) => o({
             ...s || {
               url: "",
               componentName: ""
             },
-            url: u.target.value
-          }),
-          className: `h-8 w-full ${Js}`
+            url: u
+          })
         }
       ) })
     ] }),
-    /* @__PURE__ */ e.jsx(
-      sa,
+    ((s == null ? void 0 : s.type) === "component" || (s == null ? void 0 : s.type) === void 0) && /* @__PURE__ */ e.jsx(
+      fl,
       {
         options: [
           { value: "single", label: "Single Visual" },
           { value: "multiple", label: "Multi-Visual" }
         ],
-        value: a,
-        onValueChange: x
+        value: i,
+        onValueChange: m
       }
     ),
-    (s == null ? void 0 : s.type) === "component" && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    ((s == null ? void 0 : s.type) === "component" || (s == null ? void 0 : s.type) === void 0) && s && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
         /* @__PURE__ */ e.jsx(H, { children: "Component" }),
         /* @__PURE__ */ e.jsx("div", { className: "space-y-2 px-2", children: /* @__PURE__ */ e.jsx(
           pl,
           {
-            components: (i == null ? void 0 : i.filter((u) => u.type === a).map((u) => ({
+            components: (l == null ? void 0 : l.filter((u) => u.type === i).map((u) => ({
               value: u.name,
               label: u.name
             }))) || [],
             value: s == null ? void 0 : s.componentName,
-            onValueChange: (u) => t({
+            onValueChange: (u) => o({
               ...s,
               componentName: u
             })
           }
         ) })
       ] }),
-      l && l.dataInputs && /* @__PURE__ */ e.jsxs("div", { className: "space-y-3", children: [
+      d && d.dataInputs && /* @__PURE__ */ e.jsxs("div", { className: "space-y-3", children: [
         /* @__PURE__ */ e.jsx(H, { children: "Input Mapping" }),
-        /* @__PURE__ */ e.jsx("div", { className: "px-2", children: d(l) })
+        /* @__PURE__ */ e.jsx("div", { className: "px-2", children: h(d) })
       ] }),
-      l && l.settings && /* @__PURE__ */ e.jsxs("div", { className: "space-y-3", children: [
+      d && d.settings && /* @__PURE__ */ e.jsxs("div", { className: "space-y-3", children: [
         /* @__PURE__ */ e.jsx(H, { children: "Settings" }),
-        /* @__PURE__ */ e.jsx("div", { className: "px-2", children: m(l) })
+        /* @__PURE__ */ e.jsx("div", { className: "px-2", children: x(d) })
       ] })
     ] })
   ] });
 }
 function Oe() {
   const [s, n] = V([]);
-  o(
-    (m) => m.card.cfg
+  c(
+    (h) => h.card.cfg
   );
-  const a = o((m) => m.card.preferences), { setCardCfg: t, setFilterOnClickColumnIndex: i, setCardPreferences: c } = o((m) => m.actions), l = o(
-    (m) => m.queryResultColumns
+  const a = c((h) => h.card.preferences), { setCardCfg: t, setFilterOnClickColumnIndex: i, setCardPreferences: o } = c((h) => h.actions), l = c(
+    (h) => h.queryResultColumns
   );
-  o(
-    (m) => {
+  c(
+    (h) => {
       var y;
-      return (y = m.card.preferences) == null ? void 0 : y.filterOnClickColumnIndex;
+      return (y = h.card.preferences) == null ? void 0 : y.filterOnClickColumnIndex;
     }
   ), Z(() => {
     l && n(new Array(l.length).fill(!1));
   }, [l]);
-  function r(m, y) {
-    var x, h;
-    y ? a != null && a.onClickFilter && ((x = a == null ? void 0 : a.onClickFilter) == null ? void 0 : x.length) > 0 ? c({
+  function r(h, y) {
+    var x, m;
+    y ? a != null && a.onClickFilter && ((x = a == null ? void 0 : a.onClickFilter) == null ? void 0 : x.length) > 0 ? o({
       ...a,
       onClickFilter: [
         ...a.onClickFilter,
         {
-          columnIndex: m,
+          columnIndex: h,
           expression: ""
         }
       ]
-    }) : c({
+    }) : o({
       ...a,
       onClickFilter: [
         {
-          columnIndex: m,
+          columnIndex: h,
           expression: ""
         }
       ]
-    }) : (c({
+    }) : (o({
       ...a,
-      onClickFilter: (h = a == null ? void 0 : a.onClickFilter) == null ? void 0 : h.filter(
-        (u) => u.columnIndex !== m
+      onClickFilter: (m = a == null ? void 0 : a.onClickFilter) == null ? void 0 : m.filter(
+        (f) => f.columnIndex !== h
       )
-    }), n((u) => {
-      const f = [...u];
-      return f[m] = !1, f;
+    }), n((f) => {
+      const u = [...f];
+      return u[h] = !1, u;
     }));
   }
-  function d(m, y) {
-    var h;
-    const x = (h = a == null ? void 0 : a.onClickFilter) == null ? void 0 : h.map((u) => u.columnIndex === m ? {
-      ...u,
+  function d(h, y) {
+    var m;
+    const x = (m = a == null ? void 0 : a.onClickFilter) == null ? void 0 : m.map((f) => f.columnIndex === h ? {
+      ...f,
       expression: y.target.value
-    } : u);
-    c({
+    } : f);
+    o({
       ...a,
       onClickFilter: x
     });
   }
-  function p(m) {
-    var y, x, h, u;
-    if (s != null && s[m] || (x = (y = a == null ? void 0 : a.onClickFilter) == null ? void 0 : y.find((f) => f.columnIndex === m)) != null && x.expression)
+  function p(h) {
+    var y, x, m, f;
+    if (s != null && s[h] || (x = (y = a == null ? void 0 : a.onClickFilter) == null ? void 0 : y.find((u) => u.columnIndex === h)) != null && x.expression)
       return /* @__PURE__ */ e.jsx(
-        ue,
+        Ce,
         {
-          value: (u = (h = a == null ? void 0 : a.onClickFilter) == null ? void 0 : h.find((f) => f.columnIndex === m)) == null ? void 0 : u.expression,
-          onChange: (f) => d(m, f),
+          value: (f = (m = a == null ? void 0 : a.onClickFilter) == null ? void 0 : m.find((u) => u.columnIndex === h)) == null ? void 0 : f.expression,
+          onChange: (u) => d(h, u),
           type: "text",
           className: "h-9 w-full font-mono text-xs focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0",
           placeholder: "Expression"
@@ -3688,8 +3678,8 @@ function Oe() {
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ e.jsx(H, { children: "On Click" }),
-    l == null ? void 0 : l.map((m, y) => {
-      var x, h;
+    l == null ? void 0 : l.map((h, y) => {
+      var x, m;
       return /* @__PURE__ */ e.jsx(
         "div",
         {
@@ -3700,27 +3690,27 @@ function Oe() {
                 rs,
                 {
                   checked: !!((x = a == null ? void 0 : a.onClickFilter) != null && x.find(
-                    (u) => u.columnIndex === y
+                    (f) => f.columnIndex === y
                   )),
-                  onCheckedChange: (u) => r(y, u)
+                  onCheckedChange: (f) => r(y, f)
                 }
               ),
               /* @__PURE__ */ e.jsx(
                 "label",
                 {
                   className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
-                  children: m
+                  children: h
                 }
               ),
-              /* @__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 === y
+              /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: ((m = a == null ? void 0 : a.onClickFilter) == null ? void 0 : m.find(
+                (f) => f.columnIndex === y
               )) && /* @__PURE__ */ e.jsx(
-                Da,
+                La,
                 {
                   onClick: () => {
-                    n((u) => {
-                      const f = [...u];
-                      return f[y] = !u[y], f;
+                    n((f) => {
+                      const u = [...f];
+                      return u[y] = !f[y], u;
                     });
                   },
                   className: "invisible size-3 cursor-pointer text-gray-400 group-hover:visible"
@@ -3730,25 +3720,25 @@ function Oe() {
             p(y)
           ] })
         },
-        m
+        h
       );
     })
   ] });
 }
 function cs() {
   var l, r, d;
-  const s = o((p) => p.card.preferences), n = o(
+  const s = c((p) => p.card.preferences), n = c(
     (p) => p.card.cfg
-  ), { setCardCfg: a, setCardPreferences: t, setChartOrientation: i } = o((p) => p.actions);
+  ), { setCardCfg: a, setCardPreferences: t, setChartOrientation: i } = c((p) => p.actions);
   (l = n == null ? void 0 : n.options) != null && l.indexAxis;
-  function c(p) {
+  function o(p) {
     i(p);
   }
   return /* @__PURE__ */ e.jsxs(
     os,
     {
       value: ((r = s == null ? void 0 : s.chartOptions) == null ? void 0 : r.indexAxis) || ((d = n == null ? void 0 : n.options) == null ? void 0 : d.indexAxis) || "x",
-      onValueChange: c,
+      onValueChange: o,
       className: "flex gap-3",
       defaultValue: "x",
       children: [
@@ -3765,44 +3755,44 @@ function cs() {
   );
 }
 const Xe = "focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0";
-function ta(s, n) {
-  var t, i, c;
-  const a = za(s, n);
-  return ((c = (i = (t = s == null ? void 0 : s.chartOptions) == null ? void 0 : t.scales) == null ? void 0 : i[a]) == null ? void 0 : c.type) || "linear";
+function sa(s, n) {
+  var t, i, o;
+  const a = wa(s, n);
+  return ((o = (i = (t = s == null ? void 0 : s.chartOptions) == null ? void 0 : t.scales) == null ? void 0 : i[a]) == null ? void 0 : o.type) || "linear";
 }
-function Ka() {
-  var le, K, ie, w, E, X;
-  const [s, n] = V(!1), a = o((D) => {
+function Ga() {
+  var le, P, ie, w, E, X;
+  const [s, n] = V(!1), a = c((T) => {
     var L;
-    return (L = D.card) == null ? void 0 : L.preferences;
-  }), t = o((D) => {
+    return (L = T.card) == null ? void 0 : L.preferences;
+  }), t = c((T) => {
     var L;
-    return (L = D.card) == null ? void 0 : L.cfg;
-  }), i = za(a, t), [c, l] = V(
-    ta(a)
+    return (L = T.card) == null ? void 0 : L.cfg;
+  }), i = wa(a, t), [o, l] = V(
+    sa(a)
   ), [r, d] = V(
-    ((ie = (K = (le = a == null ? void 0 : a.chartOptions) == null ? void 0 : le.scales) == null ? void 0 : K[i]) == null ? void 0 : ie.min) || ""
-  ), [p, m] = V(
+    ((ie = (P = (le = a == null ? void 0 : a.chartOptions) == null ? void 0 : le.scales) == null ? void 0 : P[i]) == null ? void 0 : ie.min) || ""
+  ), [p, h] = V(
     ((X = (E = (w = a == null ? void 0 : a.chartOptions) == null ? void 0 : w.scales) == null ? void 0 : E[i]) == null ? void 0 : X.max) || ""
-  ), [y, x] = V(r || p ? "custom" : "auto"), [h, u] = V(""), [f, k] = V(0), [T, I] = V(""), [N, A] = V(""), [O, j] = V(""), S = o(
-    (D) => D.actions.setCardPreferences
-  ), { updateCardInFrame: v } = Ie(), b = o((D) => D.card), q = o((D) => {
+  ), [y, x] = V(r || p ? "custom" : "auto"), [m, f] = V(""), [u, k] = V(0), [D, I] = V(""), [N, M] = V(""), [A, j] = V(""), S = c(
+    (T) => T.actions.setCardPreferences
+  ), { updateCardInFrame: v } = Ie(), b = c((T) => T.card), q = c((T) => {
     var L;
-    return (L = D.card) == null ? void 0 : L.type;
+    return (L = T.card) == null ? void 0 : L.type;
   }), $ = ["pie", "doughnut", "polarArea"].includes(q);
   Z(() => {
-    var D, L, se, _, ae, te, we, ye, Y, re, oe, ke, ce, ve;
-    l(ta(a)), d(
-      ((se = (L = (D = a == null ? void 0 : a.chartOptions) == null ? void 0 : D.scales) == null ? void 0 : L[i]) == null ? void 0 : se.min) === 0 ? 0 : ""
-    ), m(((te = (ae = (_ = a == null ? void 0 : a.chartOptions) == null ? void 0 : _.scales) == null ? void 0 : ae[i]) == null ? void 0 : te.max) || ""), u(
-      ((re = (Y = (ye = (we = a == null ? void 0 : a.chartOptions) == null ? void 0 : we.scales) == null ? void 0 : ye[i]) == null ? void 0 : Y.ticks) == null ? void 0 : re.stepSize) || ""
-    ), k(((oe = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : oe.decimalPlaces) || 0), I(((ke = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : ke.suffix) || ""), A(((ce = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : ce.currency) || ""), j(((ve = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : ve.locale) || "");
+    var T, L, se, _, ae, te, we, ye, Y, oe, ce, ke, de, ve;
+    l(sa(a)), d(
+      ((se = (L = (T = a == null ? void 0 : a.chartOptions) == null ? void 0 : T.scales) == null ? void 0 : L[i]) == null ? void 0 : se.min) === 0 ? 0 : ""
+    ), h(((te = (ae = (_ = a == null ? void 0 : a.chartOptions) == null ? void 0 : _.scales) == null ? void 0 : ae[i]) == null ? void 0 : te.max) || ""), f(
+      ((oe = (Y = (ye = (we = a == null ? void 0 : a.chartOptions) == null ? void 0 : we.scales) == null ? void 0 : ye[i]) == null ? void 0 : Y.ticks) == null ? void 0 : oe.stepSize) || ""
+    ), k(((ce = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : ce.decimalPlaces) || 0), I(((ke = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : ke.suffix) || ""), M(((de = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : de.currency) || ""), j(((ve = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : ve.locale) || "");
   }, [s, a, i]);
-  function R(D, L) {
-    return L === "" || /^[0-9\b]+$/.test(L) ? Number(L) : Number(D);
+  function R(T, L) {
+    return L === "" || /^[0-9\b]+$/.test(L) ? Number(L) : Number(T);
   }
   function B() {
-    const D = [
+    const T = [
       ...new Set(ns.map((L) => L.currency))
     ];
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
@@ -3823,30 +3813,30 @@ function Ka() {
           }
         ),
         /* @__PURE__ */ e.jsxs(
-          me,
+          he,
           {
             value: N || "none",
-            onValueChange: (L) => A(L === "none" ? "" : L),
+            onValueChange: (L) => M(L === "none" ? "" : L),
             children: [
-              /* @__PURE__ */ e.jsx(xe, { className: "col-span-2 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(pe, {}) }),
-              /* @__PURE__ */ e.jsx(fe, { children: /* @__PURE__ */ e.jsxs(Ce, { children: [
-                /* @__PURE__ */ e.jsx(ge, { children: "Currency" }),
+              /* @__PURE__ */ e.jsx(me, { className: "col-span-2 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(xe, {}) }),
+              /* @__PURE__ */ e.jsx(pe, { children: /* @__PURE__ */ e.jsxs(Se, { children: [
+                /* @__PURE__ */ e.jsx(fe, { children: "Currency" }),
                 /* @__PURE__ */ e.jsx(Q, { value: "none", children: "None" }),
-                D.map((L) => /* @__PURE__ */ e.jsx(Q, { value: L, children: L }, L))
+                T.map((L) => /* @__PURE__ */ e.jsx(Q, { value: L, children: L }, L))
               ] }) })
             ]
           }
         ),
-        /* @__PURE__ */ e.jsxs(me, { value: O, onValueChange: (L) => j(L), children: [
+        /* @__PURE__ */ e.jsxs(he, { value: A, onValueChange: (L) => j(L), children: [
           /* @__PURE__ */ e.jsx(
-            xe,
+            me,
             {
               className: "col-span-2 h-8 w-full focus:ring-1 focus:ring-offset-0",
-              children: /* @__PURE__ */ e.jsx(pe, {})
+              children: /* @__PURE__ */ e.jsx(xe, {})
             }
           ),
-          /* @__PURE__ */ e.jsx(fe, { children: /* @__PURE__ */ e.jsxs(Ce, { children: [
-            /* @__PURE__ */ e.jsx(ge, { children: "Locale" }),
+          /* @__PURE__ */ e.jsx(pe, { children: /* @__PURE__ */ e.jsxs(Se, { children: [
+            /* @__PURE__ */ e.jsx(fe, { children: "Locale" }),
             ns.map((L) => /* @__PURE__ */ e.jsx(Q, { value: L.locale, children: L.locale }, L.locale))
           ] }) })
         ] })
@@ -3854,9 +3844,9 @@ function Ka() {
       /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-9 items-center gap-2", children: [
         /* @__PURE__ */ e.jsx(H, { className: "col-span-3", htmlFor: "format", children: "Decimals" }),
         /* @__PURE__ */ e.jsx(
-          ue,
+          Ce,
           {
-            value: f,
+            value: u,
             onChange: (L) => k(Number(L.target.value)),
             id: "format",
             className: `col-span-6 h-8 w-full tracking-wide ${Xe}`
@@ -3870,19 +3860,19 @@ function Ka() {
       /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 items-center gap-2", children: [
         /* @__PURE__ */ e.jsx(H, { htmlFor: "range", children: "Range" }),
         /* @__PURE__ */ e.jsx(
-          ue,
+          Ce,
           {
             id: "min",
             value: r,
-            onChange: (D) => d((L) => R(L, D.target.value)),
+            onChange: (T) => d((L) => R(L, T.target.value)),
             className: `col-span-1 h-8 w-full ${Xe}`
           }
         ),
         /* @__PURE__ */ e.jsx(
-          ue,
+          Ce,
           {
             value: p,
-            onChange: (D) => m((L) => R(L, D.target.value)),
+            onChange: (T) => h((L) => R(L, T.target.value)),
             id: "max",
             className: `col-span-1 h-8 w-full ${Xe}`
           }
@@ -3891,10 +3881,10 @@ function Ka() {
       /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 items-center gap-2", children: [
         /* @__PURE__ */ e.jsx(H, { htmlFor: "step-size", children: "Step Size" }),
         /* @__PURE__ */ e.jsx(
-          ue,
+          Ce,
           {
-            value: h,
-            onChange: (D) => u((L) => R(L, D.target.value)),
+            value: m,
+            onChange: (T) => f((L) => R(L, T.target.value)),
             id: "step-size",
             className: `col-span-1 h-8 w-full ${Xe}`
           }
@@ -3904,12 +3894,12 @@ function Ka() {
   }
   function W() {
     var _;
-    let D = {};
-    y === "custom" && (D = {
+    let T = {};
+    y === "custom" && (T = {
       min: r,
       max: p,
       ticks: {
-        stepSize: h
+        stepSize: m
       }
     });
     const L = {
@@ -3920,16 +3910,16 @@ function Ka() {
           ...(_ = a == null ? void 0 : a.chartOptions) == null ? void 0 : _.scales,
           [i]: {
             // ...cardPreferences?.chartOptions?.scales?.[axis],
-            type: c,
-            ...c === "linear" ? D : {}
+            type: o,
+            ...o === "linear" ? T : {}
           }
         }
       },
       numberAxisFormat: {
-        decimalPlaces: f,
-        suffix: T,
+        decimalPlaces: u,
+        suffix: D,
         currency: N,
-        locale: O
+        locale: A
       }
     };
     console.log(L), S(L);
@@ -3939,9 +3929,9 @@ function Ka() {
     };
     v(se);
   }
-  return /* @__PURE__ */ e.jsxs(Ue, { onOpenChange: (D) => n(D), children: [
-    /* @__PURE__ */ e.jsx(Ge, { asChild: !0, children: /* @__PURE__ */ e.jsx(Bt, { className: "size-4 cursor-pointer text-muted-foreground hover:text-foreground" }) }),
-    /* @__PURE__ */ e.jsx(Ke, { align: "center", className: "max-w-65", children: /* @__PURE__ */ e.jsxs("div", { className: "grid gap-4", children: [
+  return /* @__PURE__ */ e.jsxs(Ge, { onOpenChange: (T) => n(T), children: [
+    /* @__PURE__ */ e.jsx(Ke, { asChild: !0, children: /* @__PURE__ */ e.jsx(Bt, { className: "size-4 cursor-pointer text-muted-foreground hover:text-foreground" }) }),
+    /* @__PURE__ */ e.jsx(Pe, { 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" })
@@ -3950,15 +3940,15 @@ function Ka() {
         /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 items-center gap-2", children: [
           /* @__PURE__ */ e.jsx(H, { htmlFor: "scale", children: "Type" }),
           /* @__PURE__ */ e.jsxs(
-            me,
+            he,
             {
               disabled: $,
-              value: c,
-              onValueChange: (D) => l(D),
+              value: o,
+              onValueChange: (T) => l(T),
               children: [
-                /* @__PURE__ */ e.jsx(xe, { className: "col-span-2 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(pe, {}) }),
-                /* @__PURE__ */ e.jsx(fe, { id: "type", children: /* @__PURE__ */ e.jsxs(Ce, { children: [
-                  /* @__PURE__ */ e.jsx(ge, { children: "Option" }),
+                /* @__PURE__ */ e.jsx(me, { className: "col-span-2 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(xe, {}) }),
+                /* @__PURE__ */ e.jsx(pe, { id: "type", children: /* @__PURE__ */ e.jsxs(Se, { children: [
+                  /* @__PURE__ */ e.jsx(fe, { children: "Option" }),
                   /* @__PURE__ */ e.jsx(Q, { value: "linear", children: "Linear" }),
                   /* @__PURE__ */ e.jsx(Q, { value: "logarithmic", children: "Logarithmic" })
                 ] }) })
@@ -3966,7 +3956,7 @@ function Ka() {
             }
           )
         ] }),
-        c == "linear" && /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 items-center gap-2 py-1", children: [
+        o == "linear" && /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 items-center gap-2 py-1", children: [
           /* @__PURE__ */ e.jsx(H, { htmlFor: "scale-option", children: "Setup" }),
           /* @__PURE__ */ e.jsxs(
             os,
@@ -3974,7 +3964,7 @@ function Ka() {
               disabled: $,
               id: "scale-option",
               value: y,
-              onValueChange: (D) => x(D),
+              onValueChange: (T) => x(T),
               className: "col-span-2 flex gap-3",
               defaultValue: "x",
               children: [
@@ -3990,9 +3980,9 @@ function Ka() {
             }
           )
         ] }),
-        y === "custom" && c == "linear" && ee(),
+        y === "custom" && o == "linear" && ee(),
         B(),
-        /* @__PURE__ */ e.jsx(Pt, {}),
+        /* @__PURE__ */ e.jsx(Ut, {}),
         /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-3", children: /* @__PURE__ */ e.jsx(
           F,
           {
@@ -4006,43 +3996,43 @@ function Ka() {
     ] }) })
   ] });
 }
-function gl({ idx: s }) {
+function bl({ idx: s }) {
   var r;
-  const n = o((d) => {
+  const n = c((d) => {
     var p;
     return (p = d.card) == null ? void 0 : p.preferences;
-  }), a = o(
+  }), a = c(
     (d) => {
       var p;
       return (p = d.card.preferences) == null ? void 0 : p.datasetOptions;
     }
-  ), t = o(
+  ), t = c(
     (d) => d.actions.setCardPreferences
-  ), i = (r = n == null ? void 0 : n.chartOptions) == null ? void 0 : r.indexAxis, c = a == null ? void 0 : a.find((d) => d.idx === s);
+  ), i = (r = n == null ? void 0 : n.chartOptions) == null ? void 0 : r.indexAxis, o = a == null ? void 0 : a.find((d) => d.idx === s);
   function l(d, p) {
-    (d === "end" || d === "start") && Ut(Gt());
-    const m = {
+    (d === "end" || d === "start") && Gt(Kt());
+    const h = {
       display: d !== "none",
       align: d,
       anchor: d,
       clamp: !0
     };
-    if (!c)
+    if (!o)
       t({
         ...n,
         datasetOptions: [
           ...a || [],
           {
             idx: p,
-            datalabels: m
+            datalabels: h
           }
         ]
       });
     else {
-      const y = { ...c };
-      y.datalabels = m;
+      const y = { ...o };
+      y.datalabels = h;
       const x = a == null ? void 0 : a.map(
-        (h) => h.idx === p ? y : h
+        (m) => m.idx === p ? y : m
       );
       t({
         ...n,
@@ -4050,9 +4040,9 @@ function gl({ idx: s }) {
       });
     }
   }
-  return /* @__PURE__ */ e.jsxs(Ue, { children: [
-    /* @__PURE__ */ e.jsx(Ge, { children: /* @__PURE__ */ e.jsx(On, { className: "invisible size-4 rotate-[135deg] cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible" }) }),
-    /* @__PURE__ */ e.jsx(Ke, { className: "w-fit p-1", children: /* @__PURE__ */ e.jsxs("div", { className: "flex gap-1", children: [
+  return /* @__PURE__ */ e.jsxs(Ge, { children: [
+    /* @__PURE__ */ e.jsx(Ke, { children: /* @__PURE__ */ e.jsx(On, { className: "invisible size-4 rotate-[135deg] cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible" }) }),
+    /* @__PURE__ */ e.jsx(Pe, { className: "w-fit p-1", children: /* @__PURE__ */ e.jsxs("div", { className: "flex gap-1", children: [
       /* @__PURE__ */ e.jsx(
         F,
         {
@@ -4060,7 +4050,7 @@ function gl({ idx: s }) {
           size: "sm",
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
-          children: /* @__PURE__ */ e.jsx(ya, { className: "size-4" })
+          children: /* @__PURE__ */ e.jsx(ja, { className: "size-4" })
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -4117,25 +4107,25 @@ function gl({ idx: s }) {
     ] }) })
   ] });
 }
-function Wa() {
-  const s = o((d) => d.card), n = o(
+function Ka() {
+  const s = c((d) => d.card), n = c(
     (d) => {
-      var p, m, y;
-      return (y = (m = (p = d == null ? void 0 : d.card) == null ? void 0 : p.preferences) == null ? void 0 : m.chartOptions) == null ? void 0 : y.indexAxis;
+      var p, h, y;
+      return (y = (h = (p = d == null ? void 0 : d.card) == null ? void 0 : p.preferences) == null ? void 0 : h.chartOptions) == null ? void 0 : y.indexAxis;
     }
   ), a = n === "y" ? "Y axis" : "X axis", t = n === "y" ? "X axis" : "Y axis", {
     keys: i,
-    metricKeys: c,
+    metricKeys: o,
     dimensionKeys: l
-  } = fs(s.data || []);
-  let r = c;
+  } = gs(s.data || []);
+  let r = o;
   if (["stackedBar", "stackedLine"].includes(s.type)) {
-    const d = Kt({
+    const d = Pt({
       dataArray: s.data || [],
       groupKey: l[0],
       pivotKey: l[1],
       valueKey: r[0]
-    }), { metricKeys: p } = fs(d);
+    }), { metricKeys: p } = gs(d);
     r = p;
   }
   return i.length === 0 ? null : /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
@@ -4146,25 +4136,25 @@ function Wa() {
     /* @__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(H, { children: t }),
-        /* @__PURE__ */ e.jsx(Ka, {})
+        /* @__PURE__ */ e.jsx(Ga, {})
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: r.map((d, p) => /* @__PURE__ */ e.jsx(jl, { col: d, idx: p }, d)) })
+      /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: r.map((d, p) => /* @__PURE__ */ e.jsx(yl, { col: d, idx: p }, d)) })
     ] })
   ] });
 }
-function jl({ col: s, idx: n }) {
-  const a = o((r) => {
+function yl({ col: s, idx: n }) {
+  const a = c((r) => {
     var d;
     return (d = r.card) == null ? void 0 : d.preferences;
-  }), t = o(
+  }), t = c(
     (r) => {
       var d;
       return (d = r.card.preferences) == null ? void 0 : d.datasetOptions;
     }
-  ), i = t == null ? void 0 : t.find((r) => r.idx === n), { setCardPreferences: c } = o((r) => r.actions);
+  ), i = t == null ? void 0 : t.find((r) => r.idx === n), { setCardPreferences: o } = c((r) => r.actions);
   function l(r) {
     if (!i)
-      c({
+      o({
         ...a,
         datasetOptions: [
           ...t || [],
@@ -4179,9 +4169,9 @@ function jl({ col: s, idx: n }) {
       const d = { ...i };
       d.type = r === "area" ? "line" : r, d.fill = r === "area" ? "origin" : "";
       const p = t == null ? void 0 : t.map(
-        (m) => m.idx === n ? d : m
+        (h) => h.idx === n ? d : h
       );
-      c({
+      o({
         ...a,
         datasetOptions: p
       });
@@ -4191,14 +4181,14 @@ function jl({ col: s, idx: n }) {
     /* @__PURE__ */ e.jsx("p", { children: s }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
       /* @__PURE__ */ e.jsx(
-        qs,
+        Rs,
         {
           onClick: () => l("bar"),
           className: "invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"
         }
       ),
       /* @__PURE__ */ e.jsx(
-        Rs,
+        _s,
         {
           onClick: () => l("line"),
           className: "invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"
@@ -4218,34 +4208,34 @@ function jl({ col: s, idx: n }) {
           className: "invisible size-4 cursor-pointer py-2 text-muted-foreground hover:text-foreground group-hover:visible"
         }
       ),
-      /* @__PURE__ */ e.jsx(gl, { idx: n })
+      /* @__PURE__ */ e.jsx(bl, { idx: n })
     ] })
   ] });
 }
-function Qa() {
-  const s = o((x) => x.selectedConnectionId), n = o((x) => x.selectedDatamodelId), a = o((x) => x.selectedDatabaseName), t = o((x) => x.selectedSchemaName), i = o((x) => x.selectedTableName), c = z((x) => x.dashboard.filters) || [], l = z((x) => x.actions.addFilter), r = z((x) => x.actions.removeFilter), d = z(
+function Pa() {
+  const s = c((x) => x.selectedConnectionId), n = c((x) => x.selectedDatamodelId), a = c((x) => x.selectedDatabaseName), t = c((x) => x.selectedSchemaName), i = c((x) => x.selectedTableName), o = z((x) => x.dashboard.filters) || [], l = z((x) => x.actions.addFilter), r = z((x) => x.actions.removeFilter), d = z(
     (x) => x.actions.removeFilterValue
-  ), { modelItems: p, tableName: m } = Me();
-  function y(x, h = "dashboard") {
+  ), { modelItems: p, tableName: h } = Me();
+  function y(x, m = "dashboard") {
     var j;
-    const u = he(x.column_name), f = he(a || ""), k = he(t || ""), T = he(m);
-    let I = ua(
+    const f = ue(x.column_name), u = ue(a || ""), k = ue(t || ""), D = ue(h);
+    let I = ca(
       k,
-      T
-    ), N = `${I}.${u}`;
-    const A = (j = p == null ? void 0 : p.find(
+      D
+    ), N = `${I}.${f}`;
+    const M = (j = p == null ? void 0 : p.find(
       (S) => S.id === n
     )) == null ? void 0 : j.name;
-    n && n !== "none" && (N = `${ps}.${A}.${u}`, I = `${ps}.${A}`);
-    const O = c == null ? void 0 : c.find(
-      (S) => S.column === N && S.table === T && (S.database === f || S.database === a)
+    n && n !== "none" && (N = `${fs}.${M}.${f}`, I = `${fs}.${M}`);
+    const A = o == null ? void 0 : o.find(
+      (S) => S.column === N && S.table === D && (S.database === u || S.database === a)
     );
-    if (O)
-      d(O.id), r(O.id);
+    if (A)
+      d(A.id), r(A.id);
     else {
       const S = _e();
-      return m === "api" && s ? (l({
-        location: h,
+      return h === "api" && s ? (l({
+        location: m,
         id: S,
         //uuidv4(),
         column: N,
@@ -4259,13 +4249,13 @@ function Qa() {
         sql: Ys(
           x.data_type,
           I,
-          u
+          f
         )
         //DATE_DATA_TYPES.includes(column.data_type) ? dateSql : sql,
       }), S) : (l({
         id: S,
         //uuidv4(),
-        location: h,
+        location: m,
         column: N,
         //columnName, //`${qualifiedTableName}.${formattedColumnName}`,
         title: x.column_name,
@@ -4277,7 +4267,7 @@ function Qa() {
         sql: Ys(
           x.data_type,
           I,
-          u
+          f
         )
         //DATE_DATA_TYPES.includes(column.data_type) ? dateSql : sql,
       }), S);
@@ -4288,26 +4278,26 @@ function Qa() {
 function Ae() {
   const s = z(
     (r) => r.dashboard.filters
-  ), n = o((r) => r.frame), { setFrame: a } = Ie(), { columns: t } = Me(), { assignFilter: i } = Qa();
-  function c(r) {
+  ), n = c((r) => r.frame), { setFrame: a } = Ie(), { columns: t } = Me(), { assignFilter: i } = Pa();
+  function o(r) {
     const d = i(r, "frame");
     a({ ...n, filterId: d });
   }
   const l = s == null ? void 0 : s.find((r) => r.id === n.filterId);
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-3", children: [
     /* @__PURE__ */ e.jsx(H, { children: "Card Filter" }),
-    /* @__PURE__ */ e.jsx(bl, { onSelect: c, columns: t }),
+    /* @__PURE__ */ e.jsx(vl, { onSelect: o, columns: t }),
     l && /* @__PURE__ */ e.jsx(Wt, { filter: l })
   ] });
 }
-function bl({
+function vl({
   columns: s,
   onSelect: n
 }) {
   var l;
-  const [a, t] = bs.useState(!1), [i, c] = bs.useState("");
-  return /* @__PURE__ */ e.jsxs(Ue, { open: a, onOpenChange: t, children: [
-    /* @__PURE__ */ e.jsx(Ge, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
+  const [a, t] = ys.useState(!1), [i, o] = ys.useState("");
+  return /* @__PURE__ */ e.jsxs(Ge, { open: a, onOpenChange: t, children: [
+    /* @__PURE__ */ e.jsx(Ke, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
       F,
       {
         size: "sm",
@@ -4321,22 +4311,22 @@ function bl({
         ]
       }
     ) }),
-    /* @__PURE__ */ e.jsx(Ke, { className: "w-[200px] p-0", children: /* @__PURE__ */ e.jsxs(va, { children: [
-      /* @__PURE__ */ e.jsx(Na, { placeholder: "Search column", className: "h-9" }),
-      /* @__PURE__ */ e.jsxs(Ca, { children: [
-        /* @__PURE__ */ e.jsx(Sa, { children: "No framework found." }),
-        /* @__PURE__ */ e.jsx(wa, { children: s.map((r) => /* @__PURE__ */ e.jsxs(
-          ka,
+    /* @__PURE__ */ e.jsx(Pe, { className: "w-[200px] p-0", children: /* @__PURE__ */ e.jsxs(ba, { children: [
+      /* @__PURE__ */ e.jsx(ya, { placeholder: "Search column", className: "h-9" }),
+      /* @__PURE__ */ e.jsxs(va, { children: [
+        /* @__PURE__ */ e.jsx(Na, { children: "No framework found." }),
+        /* @__PURE__ */ e.jsx(Ca, { children: s.map((r) => /* @__PURE__ */ e.jsxs(
+          Sa,
           {
             value: r.column_name,
             onSelect: (d) => {
               const p = d === i ? "" : d;
-              c(p), t(!1), p && n(r);
+              o(p), t(!1), p && n(r);
             },
             children: [
               r.column_name,
               /* @__PURE__ */ e.jsx(
-                ba,
+                ga,
                 {
                   className: J(
                     "ml-auto h-4 w-4",
@@ -4352,13 +4342,13 @@ function bl({
     ] }) })
   ] });
 }
-function yl({
+function Nl({
   cardType: s
 }) {
   return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(Le, { defaultValue: ["item-2"], type: "multiple", children: [
-    /* @__PURE__ */ e.jsxs(P, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx(U, { children: `${Vs(s)} Chart` }),
-      /* @__PURE__ */ e.jsxs(G, { className: "space-y-4 font-mono text-xs", children: [
+    /* @__PURE__ */ e.jsxs(U, { value: "item-1", children: [
+      /* @__PURE__ */ e.jsx(G, { children: `${qs(s)} Chart` }),
+      /* @__PURE__ */ e.jsxs(K, { 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: [
           /* @__PURE__ */ e.jsx("li", { children: "x-axis - category" }),
@@ -4381,29 +4371,29 @@ function yl({
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ e.jsxs(P, { value: "item-2", children: [
-      /* @__PURE__ */ e.jsx(U, { children: "Settings" }),
-      /* @__PURE__ */ e.jsxs(G, { className: "space-y-4 px-2", children: [
+    /* @__PURE__ */ e.jsxs(U, { value: "item-2", children: [
+      /* @__PURE__ */ e.jsx(G, { children: "Settings" }),
+      /* @__PURE__ */ e.jsxs(K, { className: "space-y-4 px-2", children: [
         /* @__PURE__ */ e.jsx(cs, {}),
-        /* @__PURE__ */ e.jsx(Wa, {})
+        /* @__PURE__ */ e.jsx(Ka, {})
       ] })
     ] }),
-    /* @__PURE__ */ e.jsxs(P, { value: "item-3", children: [
-      /* @__PURE__ */ e.jsx(U, { children: "Filters" }),
-      /* @__PURE__ */ e.jsxs(G, { className: "space-y-4 px-2", children: [
+    /* @__PURE__ */ e.jsxs(U, { value: "item-3", children: [
+      /* @__PURE__ */ e.jsx(G, { children: "Filters" }),
+      /* @__PURE__ */ e.jsxs(K, { className: "space-y-4 px-2", children: [
         /* @__PURE__ */ e.jsx(Oe, {}),
         /* @__PURE__ */ e.jsx(Ae, {})
       ] })
     ] })
   ] }) });
 }
-function Hs() {
-  var i, c, l;
-  const s = o(
+function $s() {
+  var i, o, l;
+  const s = c(
     (r) => r.card.cfg
-  ), n = o((r) => r.actions.setCardCfg), a = o((r) => r.card.type);
+  ), n = c((r) => r.actions.setCardCfg), a = c((r) => r.card.type);
   function t(r) {
-    var m;
+    var h;
     const d = {
       datalabels: {
         display: r !== "none",
@@ -4416,7 +4406,7 @@ function Hs() {
       options: {
         ...s == null ? void 0 : s.options,
         plugins: {
-          ...(m = s == null ? void 0 : s.options) == null ? void 0 : m.plugins,
+          ...(h = s == null ? void 0 : s.options) == null ? void 0 : h.plugins,
           ...d
         }
       }
@@ -4426,18 +4416,18 @@ function Hs() {
   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(Ka, {})
+      !["pyramid"].includes(a) && /* @__PURE__ */ e.jsx(Ga, {})
     ] }),
     /* @__PURE__ */ e.jsxs(
-      me,
+      he,
       {
-        value: (l = (c = (i = s == null ? void 0 : s.options) == null ? void 0 : i.plugins) == null ? void 0 : c.datalabels) == null ? void 0 : l.anchor,
+        value: (l = (o = (i = s == null ? void 0 : s.options) == null ? void 0 : i.plugins) == null ? void 0 : o.datalabels) == null ? void 0 : l.anchor,
         onValueChange: t,
         defaultValue: "none",
         children: [
-          /* @__PURE__ */ e.jsx(xe, { className: "h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(pe, { placeholder: "Select position" }) }),
-          /* @__PURE__ */ e.jsx(fe, { children: /* @__PURE__ */ e.jsxs(Ce, { children: [
-            /* @__PURE__ */ e.jsx(ge, { children: "Data Labels" }),
+          /* @__PURE__ */ e.jsx(me, { className: "h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(xe, { placeholder: "Select position" }) }),
+          /* @__PURE__ */ e.jsx(pe, { children: /* @__PURE__ */ e.jsxs(Se, { children: [
+            /* @__PURE__ */ e.jsx(fe, { children: "Data Labels" }),
             /* @__PURE__ */ e.jsx(Q, { value: "none", children: "None" }),
             a !== "pyramid" && /* @__PURE__ */ e.jsx(Q, { value: "start", children: "Start" }),
             /* @__PURE__ */ e.jsx(Q, { value: "center", children: "Center" }),
@@ -4448,7 +4438,7 @@ function Hs() {
     )
   ] });
 }
-function vl({
+function Cl({
   cardType: s
 }) {
   function n(a) {
@@ -4468,7 +4458,7 @@ function vl({
           "a",
           {
             target: "_blank",
-            onClick: (c) => c.stopPropagation(),
+            onClick: (o) => o.stopPropagation(),
             className: "text-blue-700",
             href: "https://docs.semaphor.cloud/concepts/visuals#pie-chart",
             children: "example"
@@ -4479,24 +4469,24 @@ function vl({
     ] });
   }
   return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(Le, { defaultValue: ["item-2"], type: "multiple", children: [
-    /* @__PURE__ */ e.jsxs(P, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx(U, { children: `${Vs(s)} Chart` }),
-      /* @__PURE__ */ e.jsx(G, { className: "space-y-4 font-mono text-xs", children: n(s) })
+    /* @__PURE__ */ e.jsxs(U, { value: "item-1", children: [
+      /* @__PURE__ */ e.jsx(G, { children: `${qs(s)} Chart` }),
+      /* @__PURE__ */ e.jsx(K, { className: "space-y-4 font-mono text-xs", children: n(s) })
     ] }),
-    /* @__PURE__ */ e.jsxs(P, { value: "item-2", children: [
-      /* @__PURE__ */ e.jsx(U, { children: "Settings" }),
-      /* @__PURE__ */ e.jsx(G, { className: "px-2", children: /* @__PURE__ */ e.jsx(Hs, {}) })
+    /* @__PURE__ */ e.jsxs(U, { value: "item-2", children: [
+      /* @__PURE__ */ e.jsx(G, { children: "Settings" }),
+      /* @__PURE__ */ e.jsx(K, { className: "px-2", children: /* @__PURE__ */ e.jsx($s, {}) })
     ] }),
-    /* @__PURE__ */ e.jsxs(P, { value: "item-3", children: [
-      /* @__PURE__ */ e.jsx(U, { children: "Filters" }),
-      /* @__PURE__ */ e.jsxs(G, { className: "space-y-4 px-2", children: [
+    /* @__PURE__ */ e.jsxs(U, { value: "item-3", children: [
+      /* @__PURE__ */ e.jsx(G, { children: "Filters" }),
+      /* @__PURE__ */ e.jsxs(K, { className: "space-y-4 px-2", children: [
         /* @__PURE__ */ e.jsx(Oe, {}),
         /* @__PURE__ */ e.jsx(Ae, {})
       ] })
     ] })
   ] }) });
 }
-const Nl = {
+const Sl = {
   datasets: [
     {
       type: "line",
@@ -4509,7 +4499,7 @@ const Nl = {
       data: []
     }
   ]
-}, Cl = {
+}, wl = {
   datasets: [
     {
       fill: "origin",
@@ -4519,8 +4509,8 @@ const Nl = {
     }
   ]
 };
-function Sl() {
-  const s = o((n) => n.card.type);
+function kl() {
+  const s = c((n) => n.card.type);
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-6 p-6", children: [
     /* @__PURE__ */ e.jsx(
       Le,
@@ -4528,23 +4518,23 @@ function Sl() {
         className: " ",
         type: "single",
         collapsible: !0,
-        children: wl(s)
+        children: zl(s)
       }
     ),
     /* @__PURE__ */ e.jsx("section", { className: "", children: ["line", "bar"].includes(s) && /* @__PURE__ */ e.jsx(cs, {}) }),
     !["kpi"].includes(s) && /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ e.jsx(Hs, {}),
+      /* @__PURE__ */ e.jsx($s, {}),
       /* @__PURE__ */ e.jsx(Oe, {}),
       /* @__PURE__ */ e.jsx(Ae, {})
     ] })
   ] });
 }
-function wl(s) {
+function zl(s) {
   if (["line", "bar"].includes(s))
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      /* @__PURE__ */ e.jsxs(P, { value: "item-1", children: [
-        /* @__PURE__ */ e.jsx(U, { className: "font-normal", children: /* @__PURE__ */ e.jsx("p", { children: "Chart Query" }) }),
-        /* @__PURE__ */ e.jsxs(G, { className: " ", children: [
+      /* @__PURE__ */ e.jsxs(U, { value: "item-1", children: [
+        /* @__PURE__ */ e.jsx(G, { className: "font-normal", children: /* @__PURE__ */ e.jsx("p", { children: "Chart Query" }) }),
+        /* @__PURE__ */ e.jsxs(K, { className: " ", children: [
           /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 font-mono text-xs font-semibold", children: "SELECT x-axis, y-axis-1, y-axis-2, y-axis-3,... FROM table" }),
           /* @__PURE__ */ e.jsxs("ul", { className: "my-6 ml-6 list-disc text-xs font-normal [&>li]:mt-2", children: [
             /* @__PURE__ */ e.jsx("li", { children: "X-axis - Category (ex. city)" }),
@@ -4552,20 +4542,20 @@ function wl(s) {
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ e.jsxs(P, { value: "item-2", children: [
-        /* @__PURE__ */ e.jsx(U, { className: "font-normal", children: "Mixed Chart" }),
-        /* @__PURE__ */ e.jsxs(G, { className: "space-y-2 text-xs", children: [
+      /* @__PURE__ */ e.jsxs(U, { value: "item-2", children: [
+        /* @__PURE__ */ e.jsx(G, { className: "font-normal", children: "Mixed Chart" }),
+        /* @__PURE__ */ e.jsxs(K, { className: "space-y-2 text-xs", children: [
           /* @__PURE__ */ e.jsxs("p", { children: [
             "Click ",
             /* @__PURE__ */ e.jsx("b", { children: "Customize" }),
             " and change the `type` property in the dataset."
           ] }),
-          /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify(Nl, null, 2) })
+          /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify(Sl, null, 2) })
         ] })
       ] }),
-      /* @__PURE__ */ e.jsxs(P, { value: "item-3", children: [
-        /* @__PURE__ */ e.jsx(U, { className: "font-normal", children: "Area Chart" }),
-        /* @__PURE__ */ e.jsxs(G, { className: "space-y-2 text-xs", children: [
+      /* @__PURE__ */ e.jsxs(U, { value: "item-3", children: [
+        /* @__PURE__ */ e.jsx(G, { className: "font-normal", children: "Area Chart" }),
+        /* @__PURE__ */ e.jsxs(K, { className: "space-y-2 text-xs", children: [
           /* @__PURE__ */ e.jsxs("p", { children: [
             "Click ",
             /* @__PURE__ */ e.jsx("b", { children: "Customize" }),
@@ -4581,18 +4571,18 @@ function wl(s) {
             ),
             "for more options."
           ] }),
-          /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify(Cl, null, 2) })
+          /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify(wl, null, 2) })
         ] })
       ] })
     ] });
   if (s === "bubble")
-    return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(P, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx(U, { className: "font-normal", children: /* @__PURE__ */ e.jsxs("p", { children: [
+    return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(U, { value: "item-1", children: [
+      /* @__PURE__ */ e.jsx(G, { className: "font-normal", children: /* @__PURE__ */ e.jsxs("p", { children: [
         "How to create a ",
         /* @__PURE__ */ e.jsx("span", { children: s }),
         " chart query?"
       ] }) }),
-      /* @__PURE__ */ e.jsxs(G, { className: " ", children: [
+      /* @__PURE__ */ e.jsxs(K, { className: " ", children: [
         /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 font-mono text-xs font-semibold", children: "SELECT label, x-axis, y-axis, radius FROM table" }),
         /* @__PURE__ */ e.jsxs("ul", { className: "my-6 ml-6 list-disc text-xs font-normal [&>li]:mt-2", children: [
           /* @__PURE__ */ e.jsx("li", { children: "Label - Category (ex. city)" }),
@@ -4604,13 +4594,13 @@ function wl(s) {
       ] })
     ] }) });
   if (s === "scatter")
-    return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(P, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx(U, { className: "font-normal", children: /* @__PURE__ */ e.jsxs("p", { children: [
+    return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(U, { value: "item-1", children: [
+      /* @__PURE__ */ e.jsx(G, { className: "font-normal", children: /* @__PURE__ */ e.jsxs("p", { children: [
         "How to create a ",
         /* @__PURE__ */ e.jsx("span", { children: s }),
         " chart query?"
       ] }) }),
-      /* @__PURE__ */ e.jsxs(G, { className: " ", children: [
+      /* @__PURE__ */ e.jsxs(K, { className: " ", children: [
         /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 font-mono text-xs font-semibold", children: "SELECT label, x-axis, y-axis FROM table" }),
         /* @__PURE__ */ e.jsxs("ul", { className: "my-6 ml-6 list-disc text-xs font-normal [&>li]:mt-2", children: [
           /* @__PURE__ */ e.jsx("li", { children: "Label - Category (ex. city)" }),
@@ -4621,13 +4611,13 @@ function wl(s) {
       ] })
     ] }) });
   if (["pie", "doughnut", "polarArea"].includes(s))
-    return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(P, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx(U, { className: "font-normal", children: /* @__PURE__ */ e.jsxs("p", { children: [
+    return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(U, { value: "item-1", children: [
+      /* @__PURE__ */ e.jsx(G, { className: "font-normal", children: /* @__PURE__ */ e.jsxs("p", { children: [
         /* @__PURE__ */ e.jsx("span", { children: s === "polarArea" ? "Polar" : s.charAt(0).toUpperCase() + s.slice(1) }),
         " ",
         "chart query"
       ] }) }),
-      /* @__PURE__ */ e.jsxs(G, { className: " ", children: [
+      /* @__PURE__ */ e.jsxs(K, { className: " ", children: [
         /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 font-mono text-xs font-semibold", children: "SELECT label, measure FROM table" }),
         /* @__PURE__ */ e.jsxs("ul", { className: "my-6 ml-6 list-disc text-xs font-normal [&>li]:mt-2", children: [
           /* @__PURE__ */ e.jsx("li", { children: "Label - Category (ex. city)" }),
@@ -4636,53 +4626,53 @@ function wl(s) {
       ] })
     ] }) });
 }
-function kl() {
-  var d, p, m, y, x;
-  const s = o((h) => h.card.preferences), n = o(
-    (h) => h.actions.setCardPreferences
-  ), a = o(
-    (h) => h.actions.setNumberFormat
+function Fl() {
+  var d, p, h, y, x;
+  const s = c((m) => m.card.preferences), n = c(
+    (m) => m.actions.setCardPreferences
+  ), a = c(
+    (m) => m.actions.setNumberFormat
   );
-  o(
-    (h) => {
-      var u, f;
-      return (f = (u = h.card.preferences) == null ? void 0 : u.formatNumber) == null ? void 0 : f.decimalPlaces;
+  c(
+    (m) => {
+      var f, u;
+      return (u = (f = m.card.preferences) == null ? void 0 : f.formatNumber) == null ? void 0 : u.decimalPlaces;
     }
   );
-  const t = o(
-    (h) => {
-      var u, f;
-      return (f = (u = h.card.preferences) == null ? void 0 : u.formatNumber) == null ? void 0 : f.locale;
+  const t = c(
+    (m) => {
+      var f, u;
+      return (u = (f = m.card.preferences) == null ? void 0 : f.formatNumber) == null ? void 0 : u.locale;
     }
-  ), i = o(
-    (h) => {
-      var u, f;
-      return (f = (u = h.card.preferences) == null ? void 0 : u.formatNumber) == null ? void 0 : f.currency;
+  ), i = c(
+    (m) => {
+      var f, u;
+      return (u = (f = m.card.preferences) == null ? void 0 : f.formatNumber) == null ? void 0 : u.currency;
     }
   );
-  o(
-    (h) => h.actions.setFilterOnClickField
+  c(
+    (m) => m.actions.setFilterOnClickField
   );
-  const c = o(
-    (h) => {
-      var u, f;
-      return (f = (u = h.card.preferences) == null ? void 0 : u.formatNumber) == null ? void 0 : f.colorRanges;
+  const o = c(
+    (m) => {
+      var f, u;
+      return (u = (f = m.card.preferences) == null ? void 0 : f.formatNumber) == null ? void 0 : u.colorRanges;
     }
-  ) || [], l = o(
-    (h) => h.actions.setColorRanges
-  ), r = [...new Set(ns.map((h) => h.currency))];
+  ) || [], l = c(
+    (m) => m.actions.setColorRanges
+  ), r = [...new Set(ns.map((m) => m.currency))];
   return /* @__PURE__ */ e.jsxs("div", { children: [
     /* @__PURE__ */ e.jsxs("div", { className: "mb-3 flex items-center gap-2", children: [
       /* @__PURE__ */ e.jsx(
         rs,
         {
           checked: !!((d = s == null ? void 0 : s.formatNumber) != null && d.enabled),
-          onCheckedChange: (h) => {
+          onCheckedChange: (m) => {
             n({
               ...s,
               formatNumber: {
                 ...s == null ? void 0 : s.formatNumber,
-                enabled: h
+                enabled: m
               }
             });
           }
@@ -4696,23 +4686,23 @@ function kl() {
           /* @__PURE__ */ e.jsxs("div", { className: "w-full space-y-1", children: [
             /* @__PURE__ */ e.jsx(H, { children: "Locale" }),
             /* @__PURE__ */ e.jsxs(
-              me,
+              he,
               {
                 value: t || "en-US",
-                onValueChange: (h) => {
-                  var u, f, k;
+                onValueChange: (m) => {
+                  var f, u, k;
                   return a(
-                    ((u = s == null ? void 0 : s.formatNumber) == null ? void 0 : u.decimalPlaces) || 0,
-                    ((f = s == null ? void 0 : s.formatNumber) == null ? void 0 : f.currency) || "",
-                    h || "en-US",
+                    ((f = s == null ? void 0 : s.formatNumber) == null ? void 0 : f.decimalPlaces) || 0,
+                    ((u = s == null ? void 0 : s.formatNumber) == null ? void 0 : u.currency) || "",
+                    m || "en-US",
                     ((k = s == null ? void 0 : s.formatNumber) == null ? void 0 : k.suffix) || ""
                   );
                 },
                 children: [
-                  /* @__PURE__ */ e.jsx(xe, { className: "col-span-6 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(pe, {}) }),
-                  /* @__PURE__ */ e.jsx(fe, { children: /* @__PURE__ */ e.jsxs(Ce, { children: [
-                    /* @__PURE__ */ e.jsx(ge, { children: "Format" }),
-                    ns.map((h) => /* @__PURE__ */ e.jsx(Q, { value: h.locale, children: h.locale }, h.locale))
+                  /* @__PURE__ */ e.jsx(me, { className: "col-span-6 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(xe, {}) }),
+                  /* @__PURE__ */ e.jsx(pe, { children: /* @__PURE__ */ e.jsxs(Se, { children: [
+                    /* @__PURE__ */ e.jsx(fe, { children: "Format" }),
+                    ns.map((m) => /* @__PURE__ */ e.jsx(Q, { value: m.locale, children: m.locale }, m.locale))
                   ] }) })
                 ]
               }
@@ -4721,24 +4711,24 @@ function kl() {
           /* @__PURE__ */ e.jsxs("div", { className: "w-full space-y-1", children: [
             /* @__PURE__ */ e.jsx(H, { children: "Currency" }),
             /* @__PURE__ */ e.jsxs(
-              me,
+              he,
               {
                 value: i || "none",
-                onValueChange: (h) => {
-                  var u, f, k;
+                onValueChange: (m) => {
+                  var f, u, k;
                   return a(
-                    ((u = s == null ? void 0 : s.formatNumber) == null ? void 0 : u.decimalPlaces) || 0,
-                    h === "none" ? "" : h,
-                    ((f = s == null ? void 0 : s.formatNumber) == null ? void 0 : f.locale) || "",
+                    ((f = s == null ? void 0 : s.formatNumber) == null ? void 0 : f.decimalPlaces) || 0,
+                    m === "none" ? "" : m,
+                    ((u = s == null ? void 0 : s.formatNumber) == null ? void 0 : u.locale) || "",
                     ((k = s == null ? void 0 : s.formatNumber) == null ? void 0 : k.suffix) || ""
                   );
                 },
                 children: [
-                  /* @__PURE__ */ e.jsx(xe, { className: "col-span-6 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(pe, {}) }),
-                  /* @__PURE__ */ e.jsx(fe, { children: /* @__PURE__ */ e.jsxs(Ce, { children: [
-                    /* @__PURE__ */ e.jsx(ge, { children: "Currency" }),
+                  /* @__PURE__ */ e.jsx(me, { className: "col-span-6 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(xe, {}) }),
+                  /* @__PURE__ */ e.jsx(pe, { children: /* @__PURE__ */ e.jsxs(Se, { children: [
+                    /* @__PURE__ */ e.jsx(fe, { children: "Currency" }),
                     /* @__PURE__ */ e.jsx(Q, { value: "none", children: "None" }, "none"),
-                    r.map((h) => /* @__PURE__ */ e.jsx(Q, { value: h, children: h }, h))
+                    r.map((m) => /* @__PURE__ */ e.jsx(Q, { value: m, children: m }, m))
                   ] }) })
                 ]
               }
@@ -4749,21 +4739,21 @@ function kl() {
           /* @__PURE__ */ e.jsxs("div", { className: "w-full space-y-1", children: [
             /* @__PURE__ */ e.jsx(H, { children: "Decimals" }),
             /* @__PURE__ */ e.jsxs(
-              me,
+              he,
               {
-                value: ((y = (m = s == null ? void 0 : s.formatNumber) == null ? void 0 : m.decimalPlaces) == null ? void 0 : y.toString()) || "0",
-                onValueChange: (h) => {
-                  var u, f, k;
+                value: ((y = (h = s == null ? void 0 : s.formatNumber) == null ? void 0 : h.decimalPlaces) == null ? void 0 : y.toString()) || "0",
+                onValueChange: (m) => {
+                  var f, u, k;
                   return a(
-                    Number(h),
-                    ((u = s == null ? void 0 : s.formatNumber) == null ? void 0 : u.currency) || "",
-                    ((f = s == null ? void 0 : s.formatNumber) == null ? void 0 : f.locale) || "",
+                    Number(m),
+                    ((f = s == null ? void 0 : s.formatNumber) == null ? void 0 : f.currency) || "",
+                    ((u = s == null ? void 0 : s.formatNumber) == null ? void 0 : u.locale) || "",
                     ((k = s == null ? void 0 : s.formatNumber) == null ? void 0 : k.suffix) || ""
                   );
                 },
                 children: [
-                  /* @__PURE__ */ e.jsx(xe, { className: "col-span-3 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(pe, {}) }),
-                  /* @__PURE__ */ e.jsx(fe, { children: ["0", "1", "2", "3", "4"].map((h) => /* @__PURE__ */ e.jsx(Q, { value: h, children: h }, h)) })
+                  /* @__PURE__ */ e.jsx(me, { className: "col-span-3 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(xe, {}) }),
+                  /* @__PURE__ */ e.jsx(pe, { children: ["0", "1", "2", "3", "4"].map((m) => /* @__PURE__ */ e.jsx(Q, { value: m, children: m }, m)) })
                 ]
               }
             )
@@ -4771,18 +4761,18 @@ function kl() {
           /* @__PURE__ */ e.jsxs("div", { className: "w-full space-y-1", children: [
             /* @__PURE__ */ e.jsx(H, { children: "Suffix" }),
             /* @__PURE__ */ e.jsx(
-              ue,
+              Ce,
               {
                 value: ((x = s == null ? void 0 : s.formatNumber) == null ? void 0 : x.suffix) || "",
                 className: "h-8 font-mono text-xs focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0",
                 placeholder: "K, M, B, %",
-                onChange: (h) => {
-                  var u, f, k;
+                onChange: (m) => {
+                  var f, u, k;
                   return a(
-                    ((u = s == null ? void 0 : s.formatNumber) == null ? void 0 : u.decimalPlaces) || 0,
-                    ((f = s == null ? void 0 : s.formatNumber) == null ? void 0 : f.currency) || "",
+                    ((f = s == null ? void 0 : s.formatNumber) == null ? void 0 : f.decimalPlaces) || 0,
+                    ((u = s == null ? void 0 : s.formatNumber) == null ? void 0 : u.currency) || "",
                     ((k = s == null ? void 0 : s.formatNumber) == null ? void 0 : k.locale) || "",
-                    h.target.value
+                    m.target.value
                   );
                 }
               }
@@ -4794,18 +4784,18 @@ function kl() {
       /* @__PURE__ */ e.jsx(
         Jt,
         {
-          colorRanges: c,
+          colorRanges: o,
           setColorRanges: l
         }
       )
     ] })
   ] });
 }
-function zl() {
+function Ll() {
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-6 px-6 py-2", children: [
-    /* @__PURE__ */ e.jsx(Le, { type: "single", collapsible: !0, children: /* @__PURE__ */ e.jsxs(P, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx(U, { className: "", children: "KPI Query" }),
-      /* @__PURE__ */ e.jsxs(G, { className: "font-mono", children: [
+    /* @__PURE__ */ e.jsx(Le, { type: "single", collapsible: !0, children: /* @__PURE__ */ e.jsxs(U, { value: "item-1", children: [
+      /* @__PURE__ */ e.jsx(G, { className: "", children: "KPI Query" }),
+      /* @__PURE__ */ e.jsxs(K, { className: "font-mono", children: [
         /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 font-mono text-xs", children: "SELECT current, previous FROM table" }),
         /* @__PURE__ */ e.jsxs("ul", { className: "my-6 ml-6 list-disc text-xs [&>li]:mt-2", children: [
           /* @__PURE__ */ e.jsx("li", { children: "current - number" }),
@@ -4827,14 +4817,14 @@ function zl() {
         ] })
       ] })
     ] }) }),
-    /* @__PURE__ */ e.jsx("section", { className: "", children: /* @__PURE__ */ e.jsx(kl, {}) }),
+    /* @__PURE__ */ e.jsx("section", { className: "", children: /* @__PURE__ */ e.jsx(Fl, {}) }),
     /* @__PURE__ */ e.jsx("div", {}),
     /* @__PURE__ */ e.jsx("div", {})
   ] });
 }
-function Fl() {
+function Tl() {
   var t;
-  const s = o((i) => i.card.preferences), { setCardPreferences: n } = o((i) => i.actions);
+  const s = c((i) => i.card.preferences), { setCardPreferences: n } = c((i) => i.actions);
   function a(i) {
     n({
       ...s,
@@ -4870,9 +4860,9 @@ function Ze({
   suffix: a = "Chart"
 }) {
   return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(Le, { defaultValue: ["item-2"], type: "multiple", children: [
-    /* @__PURE__ */ e.jsxs(P, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx(U, { children: `${Vs(s)} ${a}` }),
-      /* @__PURE__ */ e.jsx(G, { children: n || /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
+    /* @__PURE__ */ e.jsxs(U, { value: "item-1", children: [
+      /* @__PURE__ */ e.jsx(G, { children: `${qs(s)} ${a}` }),
+      /* @__PURE__ */ e.jsx(K, { children: n || /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
         /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 text-xs", children: "SELECT label, measure FROM table" }),
         /* @__PURE__ */ e.jsxs("ul", { className: "ml-6 list-disc text-xs [&>li]:mt-2", children: [
           /* @__PURE__ */ e.jsx("li", { children: "label - category" }),
@@ -4894,28 +4884,28 @@ function Ze({
         ] })
       ] }) })
     ] }),
-    /* @__PURE__ */ e.jsxs(P, { value: "item-2", children: [
-      /* @__PURE__ */ e.jsx(U, { children: "Settings" }),
-      /* @__PURE__ */ e.jsxs(G, { className: "space-y-4 px-2", children: [
+    /* @__PURE__ */ e.jsxs(U, { value: "item-2", children: [
+      /* @__PURE__ */ e.jsx(G, { children: "Settings" }),
+      /* @__PURE__ */ e.jsxs(K, { className: "space-y-4 px-2", children: [
         s === "range" && /* @__PURE__ */ e.jsx(cs, {}),
-        s !== "text" && /* @__PURE__ */ e.jsx(Hs, {}),
-        s === "text" && /* @__PURE__ */ e.jsx(Fl, {})
+        s !== "text" && /* @__PURE__ */ e.jsx($s, {}),
+        s === "text" && /* @__PURE__ */ e.jsx(Tl, {})
       ] })
     ] }),
-    !["range", "text"].includes(s) && /* @__PURE__ */ e.jsxs(P, { value: "item-3", children: [
-      /* @__PURE__ */ e.jsx(U, { children: "Filters" }),
-      /* @__PURE__ */ e.jsxs(G, { className: "space-y-4 px-2", children: [
+    !["range", "text"].includes(s) && /* @__PURE__ */ e.jsxs(U, { value: "item-3", children: [
+      /* @__PURE__ */ e.jsx(G, { children: "Filters" }),
+      /* @__PURE__ */ e.jsxs(K, { className: "space-y-4 px-2", children: [
         /* @__PURE__ */ e.jsx(Oe, {}),
         /* @__PURE__ */ e.jsx(Ae, {})
       ] })
     ] })
   ] }) });
 }
-function Ll() {
+function Dl() {
   return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(Le, { defaultValue: ["item-2"], type: "multiple", children: [
-    /* @__PURE__ */ e.jsxs(P, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx(U, { children: "Stacked Chart" }),
-      /* @__PURE__ */ e.jsxs(G, { className: "space-y-4 font-mono text-xs", children: [
+    /* @__PURE__ */ e.jsxs(U, { value: "item-1", children: [
+      /* @__PURE__ */ e.jsx(G, { children: "Stacked Chart" }),
+      /* @__PURE__ */ e.jsxs(K, { className: "space-y-4 font-mono text-xs", children: [
         /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 text-xs", children: "SELECT x-axis, stack-by, y-axis FROM table" }),
         /* @__PURE__ */ e.jsxs("ul", { className: "ml-6 list-disc text-xs [&>li]:mt-2", children: [
           /* @__PURE__ */ e.jsx("li", { children: "x-axis - category" }),
@@ -4938,27 +4928,27 @@ function Ll() {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ e.jsxs(P, { value: "item-2", children: [
-      /* @__PURE__ */ e.jsx(U, { children: "Settings" }),
-      /* @__PURE__ */ e.jsxs(G, { className: "space-y-4 px-2", children: [
+    /* @__PURE__ */ e.jsxs(U, { value: "item-2", children: [
+      /* @__PURE__ */ e.jsx(G, { children: "Settings" }),
+      /* @__PURE__ */ e.jsxs(K, { className: "space-y-4 px-2", children: [
         /* @__PURE__ */ e.jsx(cs, {}),
-        /* @__PURE__ */ e.jsx(Wa, {})
+        /* @__PURE__ */ e.jsx(Ka, {})
       ] })
     ] }),
-    /* @__PURE__ */ e.jsxs(P, { value: "item-3", children: [
-      /* @__PURE__ */ e.jsx(U, { children: "Filters" }),
-      /* @__PURE__ */ e.jsxs(G, { className: "space-y-4 px-2", children: [
+    /* @__PURE__ */ e.jsxs(U, { value: "item-3", children: [
+      /* @__PURE__ */ e.jsx(G, { children: "Filters" }),
+      /* @__PURE__ */ e.jsxs(K, { className: "space-y-4 px-2", children: [
         /* @__PURE__ */ e.jsx(Oe, {}),
         /* @__PURE__ */ e.jsx(Ae, {})
       ] })
     ] })
   ] }) });
 }
-function Tl({}) {
-  const s = o((t) => {
+function Il({}) {
+  const s = c((t) => {
     var i;
     return (i = t.card) == null ? void 0 : i.preferences;
-  }), n = o(
+  }), n = c(
     (t) => t.actions.setCardPreferences
   ), a = (t) => {
     n({
@@ -4967,9 +4957,9 @@ function Tl({}) {
     });
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-6 px-6 py-2", children: [
-    /* @__PURE__ */ e.jsx(Le, { defaultValue: ["item-3"], type: "multiple", children: /* @__PURE__ */ e.jsxs(P, { value: "item-3", children: [
-      /* @__PURE__ */ e.jsx(U, { children: "Filters" }),
-      /* @__PURE__ */ e.jsxs(G, { className: "space-y-4 px-2", children: [
+    /* @__PURE__ */ e.jsx(Le, { defaultValue: ["item-3"], type: "multiple", children: /* @__PURE__ */ e.jsxs(U, { value: "item-3", children: [
+      /* @__PURE__ */ e.jsx(G, { children: "Filters" }),
+      /* @__PURE__ */ e.jsxs(K, { className: "space-y-4 px-2", children: [
         /* @__PURE__ */ e.jsx(Oe, {}),
         /* @__PURE__ */ e.jsx(Ae, {})
       ] })
@@ -4987,7 +4977,7 @@ function Tl({}) {
     ] })
   ] });
 }
-const Dl = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
+const Ml = /* @__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 ",
@@ -5003,7 +4993,7 @@ const Dl = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-
     ),
     " in the docs."
   ] })
-] }), Il = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
+] }), Ol = /* @__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 ",
@@ -5019,7 +5009,7 @@ const Dl = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-
     ),
     " in the docs."
   ] })
-] }), Ml = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
+] }), Al = /* @__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 ",
@@ -5036,22 +5026,22 @@ const Dl = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-
     " in the docs."
   ] })
 ] });
-function Ol() {
-  const s = o((a) => a.card.type);
+function El() {
+  const s = c((a) => a.card.type);
   function n(a) {
     switch (a) {
       case "stackedBar":
       case "stackedLine":
-        return /* @__PURE__ */ e.jsx(Ll, {});
+        return /* @__PURE__ */ e.jsx(Dl, {});
       case "pyramid":
-        return /* @__PURE__ */ e.jsx(Ze, { docContent: Dl, cardType: a });
+        return /* @__PURE__ */ e.jsx(Ze, { docContent: Ml, cardType: a });
       case "kpi":
-        return /* @__PURE__ */ e.jsx(zl, {});
+        return /* @__PURE__ */ e.jsx(Ll, {});
       case "line":
       case "bar":
-        return /* @__PURE__ */ e.jsx(yl, { cardType: a });
+        return /* @__PURE__ */ e.jsx(Nl, { cardType: a });
       case "range":
-        return /* @__PURE__ */ e.jsx(Ze, { docContent: Il, cardType: a });
+        return /* @__PURE__ */ e.jsx(Ze, { docContent: Ol, cardType: a });
       case "pie":
       case "doughnut":
       case "polarArea":
@@ -5059,30 +5049,30 @@ function Ol() {
         return /* @__PURE__ */ e.jsx(Ze, { cardType: a });
       case "bubble":
       case "scatter":
-        return /* @__PURE__ */ e.jsx(vl, { cardType: a });
+        return /* @__PURE__ */ e.jsx(Cl, { cardType: a });
       case "table":
-        return /* @__PURE__ */ e.jsx(Tl, { cardType: a });
+        return /* @__PURE__ */ e.jsx(Il, { cardType: a });
       case "text":
         return /* @__PURE__ */ e.jsx(
           Ze,
           {
-            docContent: Ml,
+            docContent: Al,
             cardType: a,
             suffix: "Visual"
           }
         );
       case "custom":
-        return /* @__PURE__ */ e.jsx(fl, {});
+        return /* @__PURE__ */ e.jsx(jl, {});
       default:
-        return /* @__PURE__ */ e.jsx(Sl, {});
+        return /* @__PURE__ */ e.jsx(kl, {});
     }
   }
-  return /* @__PURE__ */ e.jsx(Es, { className: "h-full w-full text-sm", children: n(s) });
+  return /* @__PURE__ */ e.jsx(Vs, { className: "h-full w-full text-sm", children: n(s) });
 }
-function Al() {
-  const s = o((n) => n.isShowingVisual);
+function Vl() {
+  const s = c((n) => n.isShowingVisual);
   return /* @__PURE__ */ e.jsxs(
-    gs,
+    js,
     {
       direction: "vertical",
       className: "min-h-[250px] min-w-full max-w-lg",
@@ -5097,7 +5087,7 @@ function Al() {
             children: /* @__PURE__ */ e.jsx(rl, {})
           }
         ),
-        /* @__PURE__ */ e.jsx(js, { withHandle: !0, className: "border" }),
+        /* @__PURE__ */ e.jsx(bs, { withHandle: !0, className: "border" }),
         /* @__PURE__ */ e.jsx(
           De,
           {
@@ -5105,7 +5095,7 @@ function Al() {
             role: "visual-section",
             minSize: 0,
             defaultSize: 60,
-            children: s ? /* @__PURE__ */ e.jsxs(gs, { direction: "horizontal", children: [
+            children: s ? /* @__PURE__ */ e.jsxs(js, { direction: "horizontal", children: [
               /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(
                 De,
                 {
@@ -5113,10 +5103,10 @@ function Al() {
                   minSize: 20,
                   defaultSize: 25,
                   maxSize: 30,
-                  children: /* @__PURE__ */ e.jsx(Ol, {})
+                  children: /* @__PURE__ */ e.jsx(El, {})
                 }
               ) }),
-              /* @__PURE__ */ e.jsx(js, { className: "border" }),
+              /* @__PURE__ */ e.jsx(bs, { className: "border" }),
               /* @__PURE__ */ e.jsx(De, { minSize: 40, defaultSize: 75, maxSize: 100, children: /* @__PURE__ */ e.jsx(ea, {}) })
             ] }) : /* @__PURE__ */ e.jsx(ea, {})
           }
@@ -5125,24 +5115,24 @@ function Al() {
     }
   );
 }
-function El({ authToken: s, onSave: n, onClose: a }) {
-  const t = o((l) => l.actions.setOnSave), i = o((l) => l.actions.setOnClose), c = z((l) => l.actions.setAuthToken);
+function ql({ authToken: s, onSave: n, onClose: a }) {
+  const t = c((l) => l.actions.setOnSave), i = c((l) => l.actions.setOnClose), o = z((l) => l.actions.setAuthToken);
   return Z(() => {
     n && t(n), a && i(a);
   }, [n, t, a, i]), Z(() => {
-    s && s.accessToken && c(s);
-  }, [s, c]), /* @__PURE__ */ e.jsxs(Yt, { className: "rounded-none", role: "editor-panel", children: [
-    /* @__PURE__ */ e.jsx(Xt, { className: "rounded-none border-r-[1.5px]", children: /* @__PURE__ */ e.jsx(Aa, {}) }),
-    /* @__PURE__ */ e.jsx(Zt, { children: /* @__PURE__ */ e.jsx(Al, {}) })
+    s && s.accessToken && o(s);
+  }, [s, o]), /* @__PURE__ */ e.jsxs(Yt, { className: "rounded-none", role: "editor-panel", children: [
+    /* @__PURE__ */ e.jsx(Xt, { className: "rounded-none border-r-[1.5px]", children: /* @__PURE__ */ e.jsx(Ma, {}) }),
+    /* @__PURE__ */ e.jsx(Zt, { children: /* @__PURE__ */ e.jsx(Vl, {}) })
   ] });
 }
-function Vl() {
+function Rl() {
   z((l) => l.selectedCardId);
   const s = z((l) => l.selectedSheetId), { setIsVisualEditing: n } = z((l) => l.actions), a = z((l) => l.isVisualEditing), t = z((l) => l.actions.updateFrame);
   function i(l) {
     s && (t(s, l), n(!1));
   }
-  function c() {
+  function o() {
     n(!1);
   }
   return /* @__PURE__ */ e.jsx(
@@ -5153,27 +5143,27 @@ function Vl() {
         block: a,
         hidden: !a
       }),
-      children: /* @__PURE__ */ e.jsx(El, { onSave: i, onClose: c })
+      children: /* @__PURE__ */ e.jsx(ql, { onSave: i, onClose: o })
     }
   );
 }
-function ql() {
-  o((l) => l.selectedConnectionId), o((l) => l.selectedDatamodelId);
-  const s = o((l) => l.selectedDatabaseName);
-  o((l) => l.selectedSchemaName);
-  const n = o((l) => l.selectedTableName), a = z((l) => l.dashboard.filters) || [];
+function _l() {
+  c((l) => l.selectedConnectionId), c((l) => l.selectedDatamodelId);
+  const s = c((l) => l.selectedDatabaseName);
+  c((l) => l.selectedSchemaName);
+  const n = c((l) => l.selectedTableName), a = z((l) => l.dashboard.filters) || [];
   z((l) => l.actions.addFilter), z((l) => l.actions.removeFilter), z(
     (l) => l.actions.removeFilterValue
   );
-  const { modelItems: t, columns: i } = Me(), { assignFilter: c } = Qa();
+  const { modelItems: t, columns: i } = Me(), { assignFilter: o } = Pa();
   return /* @__PURE__ */ e.jsx("div", { className: "xbg-red-100 flex-1 basis-0 flex-col overflow-scroll px-3", children: i == null ? void 0 : i.map((l) => {
     const r = a == null ? void 0 : a.find(
-      (d) => d.column === he(l.column_name) && d.table === n && d.database === s
+      (d) => d.column === ue(l.column_name) && d.table === n && d.database === s
     );
     return /* @__PURE__ */ e.jsx(
       "div",
       {
-        onClick: () => c(l),
+        onClick: () => o(l),
         className: J(
           "group flex cursor-pointer items-center justify-between border border-dashed border-background px-3 py-[6px] text-sm transition-colors hover:bg-muted/50",
           {
@@ -5181,7 +5171,7 @@ function ql() {
           }
         ),
         children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ e.jsx(Oa, { column: l }),
+          /* @__PURE__ */ e.jsx(Ia, { column: l }),
           /* @__PURE__ */ e.jsx("span", { children: l.column_name })
         ] })
       },
@@ -5189,7 +5179,7 @@ function ql() {
     );
   }) });
 }
-function Rl() {
+function Hl() {
   z((n) => n.showFilters);
   const s = z(
     (n) => n.actions.setShowFilters
@@ -5208,12 +5198,12 @@ function Rl() {
       )
     ] }),
     /* @__PURE__ */ e.jsx("div", { className: "flex grow", children: /* @__PURE__ */ e.jsx(
-      Aa,
+      Ma,
       {
         ColumnsComponent: () => (
           // schemaName, tableName, columns
           /* @__PURE__ */ e.jsx(
-            ql,
+            _l,
             {}
           )
         )
@@ -5221,7 +5211,7 @@ function Rl() {
     ) })
   ] });
 }
-function _l() {
+function $l() {
   const s = z((a) => a.showFilters), n = z((a) => a.isVisualEditing);
   return /* @__PURE__ */ e.jsxs(
     "div",
@@ -5233,12 +5223,12 @@ function _l() {
       }),
       children: [
         /* @__PURE__ */ e.jsx(en, {}),
-        s && /* @__PURE__ */ e.jsx("div", { role: "filter-aside-container", className: "flex", children: /* @__PURE__ */ e.jsx(Rl, {}) })
+        s && /* @__PURE__ */ e.jsx("div", { role: "filter-aside-container", className: "flex", children: /* @__PURE__ */ e.jsx(Hl, {}) })
       ]
     }
   );
 }
-function Hl() {
+function Bl() {
   const s = z((t) => t.dashboard), n = z((t) => t.actions.setDashboard), a = z(
     (t) => t.showDashboardJSON
   );
@@ -5282,7 +5272,7 @@ function Hl() {
     }
   );
 }
-function Pl({
+function Kl({
   showControls: s = !1,
   showFooter: n = !0,
   ...a
@@ -5290,20 +5280,20 @@ function Pl({
   return /* @__PURE__ */ e.jsxs(an, { dashboardProps: a, children: [
     /* @__PURE__ */ e.jsx(tn, {}),
     /* @__PURE__ */ e.jsxs(nn, { children: [
-      /* @__PURE__ */ e.jsx(Hl, {}),
+      /* @__PURE__ */ e.jsx(Bl, {}),
       /* @__PURE__ */ e.jsxs(ln, { ...a, children: [
         s && /* @__PURE__ */ e.jsx(Bn, {}),
-        /* @__PURE__ */ e.jsx(Vl, {}),
-        /* @__PURE__ */ e.jsx(_l, {})
+        /* @__PURE__ */ e.jsx(Rl, {}),
+        /* @__PURE__ */ e.jsx($l, {})
       ] })
     ] })
   ] });
 }
 export {
-  Pl as D,
+  Kl as D,
   Be as L,
   Ve as S,
   Vn as c,
-  Ma as g,
+  Da as g,
   Me as u
 };