react-semaphor 0.0.333 → 0.0.335

package/dist/chunks/{index-D91mW-T1.js → index-BwB39h9U.js}

@@ -1,6 +1,6 @@
-import { c as q, r as Os, u as z, s as Is, t as Oe, v as e, w as Fs, x as Ds, y as O, l as Ts, z as Ls, A as Ms, E as Es, H as As, J as _, K as re, M as la, N as ra, O as ia, Q as oa, R as st, V as at, W as tt, Y as Ks, Z as K, _ as Je, h as nt, $ as h, a0 as lt, P as ca, F as da, a1 as Ke, a2 as We, a3 as ua, a4 as rt, a5 as ha, a6 as he, a7 as me, a8 as xe, a9 as pe, aa as Se, ab as fe, ac as Y, T as Vs, ad as qs, ae as Rs, af as _s, ag as ma, ah as xa, ai as de, aj as it, ak as ot, al as pa, am as ct, C as dt, an as ut, ao as fa, B as ht, ap as ze, aq as mt, ar as Ye, as as ga, at as Ns, au as Ce, av as De, aw as we, ax as ja, ay as xt, az as pt, aA as ft, aB as gt, I as jt, aC as bt, aD as yt, aE as vt, aF as Re, aG as Ss, aH as Ct, a as Nt, aI as Ge, aJ as cs, aK as Ne, aL as ds, aM as St, aN as wt, aO as kt, aP as zt, aQ as Ot, aR as Cs, aS as It, aT as Ws, aU as Ft, aV as Ys, aW as Dt, aX as Tt, aY as Lt, aZ as Mt, a_ as ba, a$ as ie, b0 as Et, b1 as Hs, b2 as ya, b3 as At, b4 as Vt, b5 as rs, b6 as qt, b7 as Rt, b8 as _t, b9 as Ht, p as $t, ba as Pt, bb as Bt, o as Ut, bc as xs, bd as va, be as Ca, bf as Na, bg as is, bh as Sa, bi as os, bj as Xs, bk as Gt, bl as Qt, bm as ps, bn as fs, bo as gs, bp as Jt, X as wa, bq as Kt, br as Wt, bs as Yt, bt as js, bu as Te, f as Xt, bv as Ue, bw as $s, bx as ka, by as Zt, bz as en, bA as us, bB as sn, bC as an, bD as tn, bE as Zs, bF as nn, bG as ln, bH as rn, bI as on, bJ as cn, bK as dn, bL as un, bM as hn, bN as Le, bO as G, bP as Q, bQ as Ps, bR as J, bS as mn, bT as za, bU as xn, bV as pn, bW as fn, bX as gn, bY as jn, bZ as bn, b_ as yn, b$ as vn, c0 as Cn } from "./index-Ql_8LX_9.js";
+import { c as R, t as Is, u as O, v as xs, w as Oe, x as e, y as Ds, z as Fs, A as z, n as Ts, E as Ls, H as Ms, J as Es, K as As, M as _, N as re, O as la, Q as ra, R as ia, V as oa, W as tt, Y as nt, Z as lt, _ as Ks, $ as K, a0 as Je, i as rt, a1 as m, a2 as it, P as ca, F as da, a3 as Ke, a4 as We, a5 as ua, a6 as ot, a7 as ma, a8 as me, a9 as he, aa as xe, ab as pe, ac as Se, ad as fe, ae as Y, T as Vs, af as qs, ag as Rs, ah as _s, ai as ha, aj as xa, ak as de, al as ct, am as dt, an as pa, ao as ut, C as mt, ap as ht, aq as fa, B as xt, ar as ze, as as pt, at as Ye, au as ga, av as Ss, aw as Ce, ax as Fe, ay as we, az as ja, aA as ft, aB as gt, aC as jt, aD as bt, k as yt, aE as vt, aF as Ct, aG as Nt, aH as Re, aI as ws, aJ as St, a as wt, aK as Ge, aL as cs, aM as Ne, aN as ds, aO as kt, aP as zt, aQ as Ot, aR as It, aS as Dt, aT as Ns, aU as Ft, aV as Ws, aW as Tt, aX as Ys, aY as Lt, aZ as Mt, a_ as Et, a$ as At, b0 as ba, b1 as ie, b2 as Vt, b3 as Hs, b4 as ya, b5 as qt, b6 as Rt, b7 as rs, b8 as _t, b9 as Ht, ba as va, bb as $t, r as Pt, bc as Bt, bd as Ut, q as Gt, be as ps, bf as Ca, bg as Na, bh as Sa, bi as is, bj as wa, bk as os, bl as Xs, bm as Qt, bn as Jt, bo as fs, bp as gs, bq as js, br as Kt, I as Wt, X as ka, bs as Yt, bt as Xt, bu as Zt, bv as bs, bw as Te, f as en, bx as Ue, by as $s, bz as za, bA as sn, bB as an, bC as us, bD as tn, bE as nn, bF as ln, bG as Zs, bH as Oa, bI as rn, bJ as on, bK as cn, bL as dn, bM as un, bN as mn, bO as hn, bP as Le, bQ as G, bR as Q, bS as Ps, bT as J, bU as xn, bV as Ia, bW as pn, bX as fn, bY as gn, bZ as jn, b_ as bn, b$ as yn, c0 as vn, c1 as Cn, c2 as Nn } from "./index-D4eCe4-j.js";
 import * as ea from "react";
-import ke, { useState as V, useMemo as ws, useEffect as se, useRef as ks, useCallback as Nn, Suspense as Sn } from "react";
+import ke, { useState as V, useMemo as ks, useEffect as se, useRef as zs, useCallback as Sn, Suspense as wn } from "react";
 import "react-dom";
 /**
  * @license lucide-react v0.453.0 - ISC
@@ -8,7 +8,7 @@ import "react-dom";
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const wn = q("Box", [
+const kn = R("Box", [
   [
     "path",
     {
@@ -25,7 +25,7 @@ const wn = q("Box", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const kn = q("ChartArea", [
+const zn = R("ChartArea", [
   ["path", { d: "M3 3v16a2 2 0 0 0 2 2h16", key: "c24i48" }],
   [
     "path",
@@ -41,7 +41,7 @@ const kn = q("ChartArea", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Bs = q("ChartColumnIncreasing", [
+const Bs = R("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" }],
@@ -53,7 +53,7 @@ const Bs = q("ChartColumnIncreasing", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Us = q("ChartLine", [
+const Us = R("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" }]
 ]);
@@ -63,7 +63,7 @@ const Us = q("ChartLine", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Oa = q("ChartNoAxesGantt", [
+const Da = R("ChartNoAxesGantt", [
   ["path", { d: "M8 6h10", key: "9lnwnk" }],
   ["path", { d: "M6 12h9", key: "1g9pqf" }],
   ["path", { d: "M11 18h7", key: "c8dzvl" }]
@@ -74,7 +74,7 @@ const Oa = q("ChartNoAxesGantt", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ia = q("ChartPie", [
+const Fa = R("ChartPie", [
   [
     "path",
     {
@@ -90,7 +90,7 @@ const Ia = q("ChartPie", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Fa = q("ChartScatter", [
+const Ta = R("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" }],
@@ -104,7 +104,7 @@ const Fa = q("ChartScatter", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const zn = q("CircleX", [
+const On = R("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" }]
@@ -115,7 +115,7 @@ const zn = q("CircleX", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const On = q("CopyPlus", [
+const In = R("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" }],
@@ -127,7 +127,7 @@ const On = q("CopyPlus", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const In = q("Database", [
+const Dn = R("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" }]
@@ -138,7 +138,7 @@ const In = q("Database", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Da = q("EllipsisVertical", [
+const La = R("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" }]
@@ -149,7 +149,7 @@ const Da = q("EllipsisVertical", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Fn = q("Eraser", [
+const Fn = R("Eraser", [
   [
     "path",
     {
@@ -166,7 +166,7 @@ const Fn = q("Eraser", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Dn = q("EyeClosed", [
+const Tn = R("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" }],
@@ -179,7 +179,7 @@ const Dn = q("EyeClosed", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Tn = q("Eye", [
+const Ln = R("Eye", [
   [
     "path",
     {
@@ -195,7 +195,7 @@ const Tn = q("Eye", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ln = q("Glasses", [
+const Mn = R("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" }],
@@ -208,7 +208,7 @@ const Ln = q("Glasses", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Mn = q("Hammer", [
+const En = R("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" }],
   [
@@ -225,7 +225,7 @@ const Mn = q("Hammer", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const En = q("Hash", [
+const An = R("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" }],
@@ -237,7 +237,7 @@ const En = q("Hash", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const An = q("House", [
+const Vn = R("House", [
   ["path", { d: "M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8", key: "5wwlr5" }],
   [
     "path",
@@ -253,20 +253,7 @@ const An = q("House", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Vn = q("IdCard", [
-  ["path", { d: "M16 10h2", key: "8sgtl7" }],
-  ["path", { d: "M16 14h2", key: "epxaof" }],
-  ["path", { d: "M6.17 15a3 3 0 0 1 5.66 0", key: "n6f512" }],
-  ["circle", { cx: "9", cy: "11", r: "2", key: "yxgjnd" }],
-  ["rect", { x: "2", y: "5", width: "20", height: "14", rx: "2", key: "qneu4z" }]
-]);
-/**
- * @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 qn = q("ListEnd", [
+const qn = R("ListEnd", [
   ["path", { d: "M16 12H3", key: "1a2rj7" }],
   ["path", { d: "M16 6H3", key: "1wxfjs" }],
   ["path", { d: "M10 18H3", key: "13769t" }],
@@ -279,7 +266,7 @@ const qn = q("ListEnd", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Rn = q("ListStart", [
+const Rn = R("ListStart", [
   ["path", { d: "M16 12H3", key: "1a2rj7" }],
   ["path", { d: "M16 18H3", key: "12xzn7" }],
   ["path", { d: "M10 6H3", key: "lf8lx7" }],
@@ -292,7 +279,7 @@ const Rn = q("ListStart", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const _n = q("ListX", [
+const _n = R("ListX", [
   ["path", { d: "M11 12H3", key: "51ecnj" }],
   ["path", { d: "M16 6H3", key: "1wxfjs" }],
   ["path", { d: "M16 18H3", key: "12xzn7" }],
@@ -305,7 +292,7 @@ const _n = q("ListX", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const qe = q("LoaderCircle", [
+const qe = R("LoaderCircle", [
   ["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]
 ]);
 /**
@@ -314,7 +301,7 @@ const qe = q("LoaderCircle", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ta = q("Map", [
+const Ma = R("Map", [
   [
     "path",
     {
@@ -331,7 +318,7 @@ const Ta = q("Map", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Hn = q("MessageSquareMore", [
+const Hn = R("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" }],
@@ -343,7 +330,7 @@ const Hn = q("MessageSquareMore", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const $n = q("Network", [
+const $n = R("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" }],
@@ -356,7 +343,7 @@ const $n = q("Network", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Pn = q("Play", [
+const Pn = R("Play", [
   ["polygon", { points: "6 3 20 12 6 21 6 3", key: "1oa8hb" }]
 ]);
 /**
@@ -365,7 +352,7 @@ const Pn = q("Play", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Bn = q("Plug2", [
+const Bn = R("Plug2", [
   ["path", { d: "M9 2v6", key: "17ngun" }],
   ["path", { d: "M15 2v6", key: "s7yy2p" }],
   ["path", { d: "M12 17v5", key: "bb1du9" }],
@@ -378,7 +365,7 @@ const Bn = q("Plug2", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Un = q("Save", [
+const Un = R("Save", [
   [
     "path",
     {
@@ -395,7 +382,7 @@ const Un = q("Save", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const La = q("Shapes", [
+const Ea = R("Shapes", [
   [
     "path",
     {
@@ -412,7 +399,7 @@ const La = q("Shapes", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Gn = q("ShieldQuestion", [
+const Gn = R("ShieldQuestion", [
   [
     "path",
     {
@@ -429,7 +416,7 @@ const Gn = q("ShieldQuestion", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Qn = q("Sigma", [
+const Qn = R("Sigma", [
   [
     "path",
     {
@@ -444,7 +431,7 @@ const Qn = q("Sigma", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Jn = q("SwatchBook", [
+const Jn = R("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" }],
@@ -462,7 +449,7 @@ const Jn = q("SwatchBook", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Kn = q("Tag", [
+const Kn = R("Tag", [
   [
     "path",
     {
@@ -478,7 +465,7 @@ const Kn = q("Tag", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Wn = q("ToggleLeft", [
+const Wn = R("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" }]
 ]);
@@ -488,7 +475,7 @@ const Wn = q("ToggleLeft", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Gs = q("Type", [
+const Gs = R("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" }]
@@ -499,11 +486,11 @@ const Gs = q("Type", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Yn = q("User", [
+const Yn = R("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 Aa(s) {
   var t;
   return {
     ...s,
@@ -512,10 +499,10 @@ function Ma(s) {
       return {
         ...a,
         frames: (n = a.frames) == null ? void 0 : n.map((l) => {
-          var d;
+          var r;
           return {
             ...l,
-            cards: (d = l.cards) == null ? void 0 : d.map((i) => Xn(i))
+            cards: (r = l.cards) == null ? void 0 : r.map((u) => Xn(u))
           };
         })
       };
@@ -531,8 +518,8 @@ function Xn(s) {
       data: {
         ...(t = s.cfg) == null ? void 0 : t.data,
         labels: [],
-        datasets: (l = (n = (a = s.cfg) == null ? void 0 : a.data) == null ? void 0 : n.datasets) == null ? void 0 : l.map((d) => ({
-          ...d,
+        datasets: (l = (n = (a = s.cfg) == null ? void 0 : a.data) == null ? void 0 : n.datasets) == null ? void 0 : l.map((r) => ({
+          ...r,
           data: []
         }))
       }
@@ -560,49 +547,49 @@ async function el(s, t, a, n) {
   if (!n)
     return null;
   const l = JSON.stringify(t);
-  return await Os("https://semaphor.cloud/api/v1/lens", n, {
+  return await Is("https://semaphor.cloud/api/v1/lens", n, {
     name: s,
     template: l,
     filterValues: a,
     operation: "create"
   });
 }
-async function zs(s, t) {
+async function Os(s, t) {
   if (!t)
     return null;
-  const { id: a, template: n, filterValues: l, isDefault: d, shared: i } = s;
-  return await Os("https://semaphor.cloud/api/v1/lens", t, {
+  const { id: a, template: n, filterValues: l, isDefault: r, shared: u } = s;
+  return await Is("https://semaphor.cloud/api/v1/lens", t, {
     lensId: a,
     template: n,
     filterValues: l,
-    isDefault: d,
-    shared: i,
+    isDefault: r,
+    shared: u,
     operation: "update"
   });
 }
 async function sl(s, t) {
-  return t ? await Os("https://semaphor.cloud/api/v1/lens", t, {
+  return t ? await Is("https://semaphor.cloud/api/v1/lens", t, {
     operation: "delete",
     lensId: s
   }) : null;
 }
 function al() {
-  const [s, t] = V(""), [a, n] = V(!1), l = z((C) => C.lenses), { setLenses: d, setSelectedLensId: i } = Is(), [o, c] = V(!1), [p, u] = V(!1), b = z((C) => C.dashboard), g = z((C) => C.filterValues), { authToken: m } = Oe();
-  async function j() {
+  const [s, t] = V(""), [a, n] = V(!1), l = O((C) => C.lenses), { setLenses: r, setSelectedLensId: u } = xs(), [o, c] = V(!1), [p, d] = V(!1), b = O((C) => C.dashboard), j = O((C) => C.filterValues), { authToken: h } = Oe();
+  async function g() {
     c(!0);
-    const C = Ma(
+    const C = Aa(
       b
     ), I = await el(
       s,
       C,
-      g,
-      m == null ? void 0 : m.accessToken
+      j,
+      h == null ? void 0 : h.accessToken
     );
-    I && (d([...l || [], I]), i(I.id), u(!1)), c(!1);
+    I && (r([...l || [], I]), u(I.id), d(!1)), c(!1);
   }
-  return /* @__PURE__ */ e.jsxs(Fs, { open: p, onOpenChange: u, children: [
-    /* @__PURE__ */ e.jsx(Ds, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
-      O,
+  return /* @__PURE__ */ e.jsxs(Ds, { open: p, onOpenChange: d, children: [
+    /* @__PURE__ */ e.jsx(Fs, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
+      z,
       {
         variant: "secondary",
         className: "h-7 p-2",
@@ -634,12 +621,12 @@ function al() {
       ] }) }),
       a && /* @__PURE__ */ e.jsx("p", { className: "text-sm", children: "The lens name already exists. Use a differnet name." }),
       /* @__PURE__ */ e.jsx(la, { children: /* @__PURE__ */ e.jsx(
-        O,
+        z,
         {
           size: "sm",
           variant: "outline",
           type: "submit",
-          onClick: j,
+          onClick: g,
           disabled: o,
           children: o ? "Creating..." : "Add"
         }
@@ -648,70 +635,70 @@ function al() {
   ] });
 }
 function tl() {
-  const [s, t] = V(!1), a = z((u) => u.lenses), n = z((u) => u.selectedLensId), { setLenses: l, setSelectedLensId: d } = Is(), { authToken: i } = Oe();
-  async function o(u) {
-    d(u);
+  const [s, t] = V(!1), a = O((d) => d.lenses), n = O((d) => d.selectedLensId), { setLenses: l, setSelectedLensId: r } = xs(), { authToken: u } = Oe();
+  async function o(d) {
+    r(d);
   }
-  async function c(u) {
-    if (await sl(u, i == null ? void 0 : i.accessToken)) {
-      const g = a == null ? void 0 : a.filter((m) => m.id !== u);
-      l(g || []), d("original");
+  async function c(d) {
+    if (await sl(d, u == null ? void 0 : u.accessToken)) {
+      const j = a == null ? void 0 : a.filter((h) => h.id !== d);
+      l(j || []), r("original");
     }
   }
-  async function p(u) {
-    const b = a == null ? void 0 : a.map((j) => j.id === u.id ? {
-      ...j,
-      isDefault: !u.isDefault
+  async function p(d) {
+    const b = a == null ? void 0 : a.map((g) => g.id === d.id ? {
+      ...g,
+      isDefault: !d.isDefault
     } : {
-      ...j,
+      ...g,
       isDefault: !1
     });
     l(b || []);
-    const g = {
-      ...u,
-      isDefault: !u.isDefault
+    const j = {
+      ...d,
+      isDefault: !d.isDefault
     };
-    await zs(g, i == null ? void 0 : i.accessToken);
-    const m = a == null ? void 0 : a.find((j) => j.isDefault);
-    if (m && m.id !== u.id) {
-      const j = {
-        ...m,
+    await Os(j, u == null ? void 0 : u.accessToken);
+    const h = a == null ? void 0 : a.find((g) => g.isDefault);
+    if (h && h.id !== d.id) {
+      const g = {
+        ...h,
         isDefault: !1
       };
-      await zs(j, i == null ? void 0 : i.accessToken);
+      await Os(g, u == null ? void 0 : u.accessToken);
     }
   }
   return /* @__PURE__ */ e.jsxs(ra, { open: s, onOpenChange: t, children: [
-    /* @__PURE__ */ e.jsx(ia, { asChild: !0, children: /* @__PURE__ */ e.jsx(O, { variant: "ghost", className: "h-7 p-2", children: /* @__PURE__ */ e.jsx(Ln, { className: "h-4 w-4", strokeWidth: 1.5 }) }) }),
+    /* @__PURE__ */ e.jsx(ia, { asChild: !0, children: /* @__PURE__ */ e.jsx(z, { variant: "ghost", className: "h-7 p-2", children: /* @__PURE__ */ e.jsx(Mn, { className: "h-4 w-4", strokeWidth: 1.5 }) }) }),
     /* @__PURE__ */ e.jsxs(oa, { align: "end", className: "w-60", children: [
-      /* @__PURE__ */ e.jsx(st, { className: "px-3", children: "Lenses" }),
-      /* @__PURE__ */ e.jsx(at, {}),
+      /* @__PURE__ */ e.jsx(tt, { className: "px-3", children: "Lenses" }),
+      /* @__PURE__ */ e.jsx(nt, {}),
       /* @__PURE__ */ e.jsxs(
-        tt,
+        lt,
         {
           value: n,
           onValueChange: o,
           children: [
             /* @__PURE__ */ e.jsx(Ks, { value: "original", children: "Original" }),
-            a == null ? void 0 : a.map((u) => /* @__PURE__ */ e.jsxs(
+            a == null ? void 0 : a.map((d) => /* @__PURE__ */ e.jsxs(
               Ks,
               {
                 className: "group flex justify-between gap-2",
-                value: u.id,
+                value: d.id,
                 children: [
-                  /* @__PURE__ */ e.jsx("p", { children: u.name }),
+                  /* @__PURE__ */ e.jsx("p", { children: d.name }),
                   /* @__PURE__ */ e.jsxs("span", { className: "flex items-center gap-3", children: [
                     /* @__PURE__ */ e.jsx(
-                      An,
+                      Vn,
                       {
                         onClick: (b) => {
-                          b.preventDefault(), p(u);
+                          b.preventDefault(), p(d);
                         },
                         className: K(
                           "size-3.5 text-muted-foreground hover:cursor-pointer hover:text-foreground group-hover:visible",
                           {
-                            invisible: !u.isDefault,
-                            "text-green-500": u.isDefault
+                            invisible: !d.isDefault,
+                            "text-green-500": d.isDefault
                           }
                         ),
                         strokeWidth: 1.5
@@ -721,7 +708,7 @@ function tl() {
                       Je,
                       {
                         onClick: (b) => {
-                          b.preventDefault(), c(u.id);
+                          b.preventDefault(), c(d.id);
                         },
                         className: "invisible size-3.5 text-muted-foreground hover:cursor-pointer hover:text-foreground group-hover:visible",
                         strokeWidth: 1.5
@@ -730,7 +717,7 @@ function tl() {
                   ] })
                 ]
               },
-              u.id
+              d.id
             ))
           ]
         }
@@ -741,30 +728,30 @@ function tl() {
 function nl({
   iconClassName: s
 }) {
-  const [t, a] = V(!1), { authToken: n } = Oe(), l = z((o) => o.theme), d = z((o) => o.filterValues);
-  async function i() {
+  const [t, a] = V(!1), { authToken: n } = Oe(), l = O((o) => o.theme), r = O((o) => o.filterValues);
+  async function u() {
     {
       a(!0);
       const o = new URLSearchParams();
-      o.set("token", (n == null ? void 0 : n.accessToken) || ""), o.set("theme", l || "light"), o.set("filterValues", JSON.stringify(d));
-      const c = `https://semaphor.cloud/api/v1/generate-pdf?params=${encodeURIComponent(o.toString())}`, u = await (await fetch(c, {
+      o.set("token", (n == null ? void 0 : n.accessToken) || ""), o.set("theme", l || "light"), o.set("filterValues", JSON.stringify(r));
+      const c = `https://semaphor.cloud/api/v1/generate-pdf?params=${encodeURIComponent(o.toString())}`, d = await (await fetch(c, {
         method: "GET",
         headers: {
           Authorization: `Bearer ${n == null ? void 0 : n.accessToken}`
         }
-      })).blob(), b = URL.createObjectURL(u);
+      })).blob(), b = URL.createObjectURL(d);
       window.open(b, "_blank"), a(!1);
     }
   }
   return /* @__PURE__ */ e.jsx(
-    O,
+    z,
     {
       variant: "link",
       className: "group h-7 p-2",
       size: "sm",
-      onClick: i,
+      onClick: u,
       children: t ? /* @__PURE__ */ e.jsx(qe, { className: K("size-3.5 animate-spin", s) }) : /* @__PURE__ */ e.jsx(
-        nt,
+        rt,
         {
           className: K("size-3.5", s),
           strokeWidth: 1.5
@@ -776,28 +763,28 @@ function nl({
 function ll() {
   V(!1);
   const { authToken: s } = Oe();
-  z((f) => f.theme);
-  const t = z((f) => f.lenses), a = z((f) => f.selectedLensId), n = t == null ? void 0 : t.find((f) => f.id === a), l = z((f) => f.dashboard);
-  z((f) => f.selectedSheetId);
-  const d = z(
+  O((f) => f.theme);
+  const t = O((f) => f.lenses), a = O((f) => f.selectedLensId), n = t == null ? void 0 : t.find((f) => f.id === a), l = O((f) => f.dashboard);
+  O((f) => f.selectedSheetId);
+  const r = O(
     (f) => f.isDashboardEditing
-  ), i = h(
+  ), u = m(
     (f) => f.selectedConnectionId
-  ), [o, c] = V(!1), p = z((f) => f.filterValues), u = z((f) => f.isVisualEditing), b = z((f) => f.showFilters);
-  z(
+  ), [o, c] = V(!1), p = O((f) => f.filterValues), d = O((f) => f.isVisualEditing), b = O((f) => f.showFilters);
+  O(
     (f) => f.showDashboardJSON
   );
-  const g = z((f) => f.onSaveFunction), m = z(
+  const j = O((f) => f.onSaveFunction), h = O(
     (f) => f.actions.setShowFilters
-  ), { addFrame: j, setSelectedFrameId: C } = z(
+  ), { addFrame: g, setSelectedFrameId: C } = O(
     (f) => f.actions
-  ), { getSelectedSheet: I, setIsDashboardEditing: y, setShowDashboardJSON: L } = z((f) => f.actions), F = I(), { tenantId: A, endUserId: N } = ws(
-    () => lt(s == null ? void 0 : s.accessToken),
+  ), { getSelectedSheet: I, setIsDashboardEditing: y, setShowDashboardJSON: L } = O((f) => f.actions), D = I(), { tenantId: A, endUserId: N } = ks(
+    () => it(s == null ? void 0 : s.accessToken),
     [s == null ? void 0 : s.accessToken]
-  ), D = ws(() => A || N, [A, N]), E = () => {
-    if (!d || !F) return;
+  ), F = ks(() => A || N, [A, N]), E = () => {
+    if (!r || !D) return;
     const f = {
-      connectionId: i,
+      connectionId: u,
       id: Ke(),
       title: "Title",
       description: "Description",
@@ -817,39 +804,39 @@ function ll() {
       cards: [f],
       activeCardId: f.id
     };
-    j(F.id, k), C(k.id);
+    g(D.id, k), C(k.id);
   }, x = () => {
     y(!0);
   };
   async function v() {
     if (c(!0), !a || !n) return;
-    const f = Ma(
+    const f = Aa(
       l
     ), k = JSON.stringify(f), S = {
       ...n,
       template: k,
       filterValues: p
     };
-    await zs(S, s == null ? void 0 : s.accessToken), We.success("Lens saved"), g == null || g(f), c(!1);
+    await Os(S, s == null ? void 0 : s.accessToken), We.success("Lens saved"), j == null || j(f), c(!1);
   }
-  return u ? null : /* @__PURE__ */ e.jsxs(
+  return d ? null : /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: "flex items-center justify-between gap-2 border-b bg-muted/50 py-2 pl-3 pr-2",
       role: "dashboard-controls",
       children: [
-        !u && /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ e.jsx(_, { children: n == null ? void 0 : n.name }) }),
+        !d && /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ e.jsx(_, { children: n == null ? void 0 : n.name }) }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
           /* @__PURE__ */ e.jsx(nl, {}),
-          d && !u && D && /* @__PURE__ */ e.jsx(al, {}),
-          !u && D && /* @__PURE__ */ e.jsx(tl, {}),
-          d && !u && /* @__PURE__ */ e.jsxs(
-            O,
+          r && !d && F && /* @__PURE__ */ e.jsx(al, {}),
+          !d && F && /* @__PURE__ */ e.jsx(tl, {}),
+          r && !d && /* @__PURE__ */ e.jsxs(
+            z,
             {
               variant: "secondary",
               className: "h-7 p-2",
               size: "sm",
-              disabled: !d,
+              disabled: !r,
               onClick: E,
               children: [
                 /* @__PURE__ */ e.jsx(Ts, { className: "mr-2 h-4 w-4", strokeWidth: 1.5 }),
@@ -857,8 +844,8 @@ function ll() {
               ]
             }
           ),
-          !d && /* @__PURE__ */ e.jsx(
-            O,
+          !r && /* @__PURE__ */ e.jsx(
+            z,
             {
               variant: "ghost",
               className: "h-7 p-2",
@@ -867,8 +854,8 @@ function ll() {
               children: /* @__PURE__ */ e.jsx(ca, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          d && !u && /* @__PURE__ */ e.jsx(
-            O,
+          r && !d && /* @__PURE__ */ e.jsx(
+            z,
             {
               variant: "ghost",
               role: "close",
@@ -880,8 +867,8 @@ function ll() {
               children: /* @__PURE__ */ e.jsx(Je, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          d && !u && D && /* @__PURE__ */ e.jsx(
-            O,
+          r && !d && F && /* @__PURE__ */ e.jsx(
+            z,
             {
               className: "h-7 p-2",
               variant: "ghost",
@@ -891,18 +878,18 @@ function ll() {
               children: /* @__PURE__ */ e.jsx(Un, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          !b && !u && d && /* @__PURE__ */ e.jsx(
-            O,
+          !b && !d && r && /* @__PURE__ */ e.jsx(
+            z,
             {
               className: "h-7 p-2",
               variant: "ghost",
-              onClick: () => m(!0),
+              onClick: () => h(!0),
               size: "sm",
               children: /* @__PURE__ */ e.jsx(da, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
           ),
-          !u && d && !1,
-          !u && !1
+          !d && r && !1,
+          !d && !1
         ] })
       ]
     }
@@ -914,34 +901,34 @@ function Be({
   value: a,
   isLoading: n,
   isError: l,
-  connectionTooltip: d,
-  onChange: i,
+  connectionTooltip: r,
+  onChange: u,
   showNone: o = !1,
   className: c,
   showIcon: p = !0,
-  disabled: u = !1
+  disabled: d = !1
 }) {
   const b = n ? "Loading..." : l ? "Error" : a;
-  function g() {
+  function j() {
     if (s === "Connection")
       return /* @__PURE__ */ e.jsx(Bn, { className: "size-4 rotate-90" });
     if (s === "Database")
-      return /* @__PURE__ */ e.jsx(In, { className: "size-4" });
+      return /* @__PURE__ */ e.jsx(Dn, { className: "size-4" });
     if (s === "Schema")
       return /* @__PURE__ */ e.jsx($n, { className: "size-4" });
     if (s === "Table")
       return /* @__PURE__ */ e.jsx(Vs, { className: "size-4" });
     if (s === "Model")
-      return /* @__PURE__ */ e.jsx(wn, { className: "size-4" });
+      return /* @__PURE__ */ e.jsx(kn, { className: "size-4" });
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-    p && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: d ? /* @__PURE__ */ e.jsxs(ua, { children: [
-      /* @__PURE__ */ e.jsx(rt, { children: g() }),
-      /* @__PURE__ */ e.jsx(ha, { className: "text-xs", align: "start", children: d })
-    ] }) : g() }),
-    /* @__PURE__ */ e.jsxs(he, { disabled: u, value: b, onValueChange: i, children: [
+    p && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: r ? /* @__PURE__ */ e.jsxs(ua, { children: [
+      /* @__PURE__ */ e.jsx(ot, { children: j() }),
+      /* @__PURE__ */ e.jsx(ma, { className: "text-xs", align: "start", children: r })
+    ] }) : j() }),
+    /* @__PURE__ */ e.jsxs(me, { disabled: d, value: b, onValueChange: u, children: [
       /* @__PURE__ */ e.jsx(
-        me,
+        he,
         {
           className: K(
             "h-9 w-full focus:ring-1 focus:ring-offset-0",
@@ -959,7 +946,7 @@ function Be({
         n ? /* @__PURE__ */ e.jsx(fe, { children: "Loading..." }) : /* @__PURE__ */ e.jsx(fe, { children: s }),
         /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
           o && /* @__PURE__ */ e.jsx(Y, { value: "none", children: "None" }, "none"),
-          t && t.map((m, j) => /* @__PURE__ */ e.jsx(Y, { value: m.id, children: m.name }, j))
+          t && t.map((h, g) => /* @__PURE__ */ e.jsx(Y, { value: h.id, children: h.name }, g))
         ] }),
         (n || l) && /* @__PURE__ */ e.jsx(Y, { value: b, children: b })
       ] }) })
@@ -967,15 +954,15 @@ function Be({
   ] });
 }
 function rl({ column: s }) {
-  const [t, a] = V(!1), n = h((m) => m.selectedTableName), l = h(
-    (m) => m.selectedSchemaName
-  ), d = h(
-    (m) => m.selectedDatamodelId
-  ), i = h((m) => m.sqlGen), { modelItems: o } = _e(), c = h((m) => m.actions.setSqlGen), p = h((m) => m.actions.setCardSql), u = h((m) => m.actions.setRunSql);
-  function b(m, j) {
+  const [t, a] = V(!1), n = m((h) => h.selectedTableName), l = m(
+    (h) => h.selectedSchemaName
+  ), r = m(
+    (h) => h.selectedDatamodelId
+  ), u = m((h) => h.sqlGen), { modelItems: o } = _e(), c = m((h) => h.actions.setSqlGen), p = m((h) => h.actions.setCardSql), d = m((h) => h.actions.setRunSql);
+  function b(h, g) {
     var L;
-    const C = ma(m, i, j), I = (L = o == null ? void 0 : o.find(
-      (F) => F.id === d
+    const C = ha(h, u, g), I = (L = o == null ? void 0 : o.find(
+      (D) => D.id === r
     )) == null ? void 0 : L.name;
     c(C);
     const y = xa(
@@ -984,9 +971,9 @@ function rl({ column: s }) {
       de(n),
       I
     );
-    y && (p(y), u(!0)), a(!1);
+    y && (p(y), d(!0)), a(!1);
   }
-  function g() {
+  function j() {
     return /* @__PURE__ */ e.jsxs("ul", { className: "text-xs", children: [
       /* @__PURE__ */ e.jsx(
         "li",
@@ -1031,27 +1018,27 @@ function rl({ column: s }) {
     ] });
   }
   return /* @__PURE__ */ e.jsxs(qs, { openDelay: 0, open: t, onOpenChange: a, children: [
-    /* @__PURE__ */ e.jsx(Rs, { asChild: !0, children: /* @__PURE__ */ e.jsx(Da, { className: "invisible size-3.5 cursor-pointer text-foreground/40 group-hover:visible" }) }),
+    /* @__PURE__ */ e.jsx(Rs, { asChild: !0, children: /* @__PURE__ */ e.jsx(La, { className: "invisible size-3.5 cursor-pointer text-foreground/40 group-hover:visible" }) }),
     /* @__PURE__ */ e.jsx(
       _s,
       {
         align: "center",
         className: "w-20 rounded-md p-0 shadow-none",
-        children: g()
+        children: j()
       }
     )
   ] });
 }
-function Ea({ column: s }) {
+function Va({ column: s }) {
   return /* @__PURE__ */ e.jsxs(ua, { children: [
-    /* @__PURE__ */ e.jsx(it, { asChild: !0, children: ot.includes(s.data_type.toLowerCase()) ? (
+    /* @__PURE__ */ e.jsx(ct, { asChild: !0, children: dt.includes(s.data_type.toLowerCase()) ? (
       // <span className=" font-thin">T</span>
       /* @__PURE__ */ e.jsx(Gs, { className: "size-3" })
     ) : pa.includes(s.data_type.toLowerCase()) ? (
       //
-      /* @__PURE__ */ e.jsx(En, { className: "size-3" })
-    ) : ct.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(dt, { className: "size-3" }) : ut.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(Wn, { className: "size-3" }) : /* @__PURE__ */ e.jsx(Gn, { className: "size-3" }) }),
-    /* @__PURE__ */ e.jsx(ha, { children: /* @__PURE__ */ e.jsx("p", { className: "font-mono text-xs", children: s.data_type }) })
+      /* @__PURE__ */ e.jsx(An, { className: "size-3" })
+    ) : ut.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(mt, { className: "size-3" }) : ht.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(Wn, { className: "size-3" }) : /* @__PURE__ */ e.jsx(Gn, { className: "size-3" }) }),
+    /* @__PURE__ */ e.jsx(ma, { children: /* @__PURE__ */ e.jsx("p", { className: "font-mono text-xs", children: s.data_type }) })
   ] });
 }
 function il({
@@ -1060,45 +1047,45 @@ function il({
   columns: a,
   status: n
 }) {
-  const l = h((x) => x.sqlGen), d = h(
+  const l = m((x) => x.sqlGen), r = m(
     (x) => x.selectedConnectionId
-  ), i = h(
+  ), u = m(
     (x) => x.selectedDatabaseName
-  ), o = h(
+  ), o = m(
     (x) => x.selectedSchemaName
-  ), c = h((x) => x.selectedTableName), p = h(
+  ), c = m((x) => x.selectedTableName), p = m(
     (x) => x.selectedDatamodelId
-  ), u = z(
+  ), d = O(
     (x) => x.dashboard.aiScopeTables
-  ), { setAIScopeTables: b } = z((x) => x.actions), g = h((x) => x.actions.setRunSql), m = h((x) => x.actions.setSqlGen), j = h(
+  ), { setAIScopeTables: b } = O((x) => x.actions), j = m((x) => x.actions.setRunSql), h = m((x) => x.actions.setSqlGen), g = m(
     (x) => x.actions.setIsShowingVisual
-  ), C = h((x) => x.actions.setCardSql), { connectionType: I, modelItems: y } = _e();
+  ), C = m((x) => x.actions.setCardSql), { connectionType: I, modelItems: y } = _e();
   function L(x) {
     var S;
-    const v = ma(x, l);
-    m(v);
+    const v = ha(x, l);
+    h(v);
     const f = (S = y == null ? void 0 : y.find(
-      (R) => R.id === p
+      (q) => q.id === p
     )) == null ? void 0 : S.name, k = xa(v, de(s), de(t), f);
-    k && (C(k), g(!0));
+    k && (C(k), j(!0));
   }
-  function F() {
-    return (u == null ? void 0 : u.find(
-      (x) => x.connectinonId === d && x.tableName === c
+  function D() {
+    return (d == null ? void 0 : d.find(
+      (x) => x.connectinonId === r && x.tableName === c
     )) !== void 0;
   }
   function A(x) {
-    if (x === !0 && c && d) {
+    if (x === !0 && c && r) {
       const v = {
-        connectinonId: d,
+        connectinonId: r,
         connectionType: I,
-        databaseName: i,
+        databaseName: u,
         schemaName: o,
         tableName: c
-      }, k = [...u || [], v].filter(
-        (S, R, $) => $.findIndex(
+      }, k = [...d || [], v].filter(
+        (S, q, $) => $.findIndex(
           (U) => U.connectinonId === S.connectinonId && U.tableName === S.tableName
-        ) === R
+        ) === q
       );
       b(k), We.success(`Added '${c}' to AI Scope`, {
         position: "top-right",
@@ -1106,8 +1093,8 @@ function il({
         richColors: !0
       });
     } else {
-      const v = (u || []).filter(
-        (f) => f.connectinonId !== d && f.tableName !== c
+      const v = (d || []).filter(
+        (f) => f.connectinonId !== r && f.tableName !== c
       );
       b(v), We(`Removed '${c}' from AI Scope`, {
         position: "top-right",
@@ -1120,48 +1107,48 @@ function il({
     var S;
     let x = ga(s, t);
     const v = (S = y == null ? void 0 : y.find(
-      (R) => R.id === p
+      (q) => q.id === p
     )) == null ? void 0 : S.name;
-    p && p !== "none" && (x = `${Ns}.${v}`);
+    p && p !== "none" && (x = `${Ss}.${v}`);
     let f = x;
-    return ((R) => /[A-Z]/.test(R))(t) && (f = f.split(".").map(($) => `"${$}"`).join(".")), f;
+    return ((q) => /[A-Z]/.test(q))(t) && (f = f.split(".").map(($) => `"${$}"`).join(".")), f;
   }
-  function D() {
+  function F() {
     const x = N();
-    j(!1);
+    g(!1);
     const v = I === "MSSQL" ? `SELECT top 10 * FROM ${x}` : `SELECT * FROM ${x} LIMIT 10`;
-    C(v), g(!0);
+    C(v), j(!0);
   }
   function E() {
     const x = N();
-    C(`SELECT COUNT(*) as count FROM ${x}`), g(!0);
+    C(`SELECT COUNT(*) as count FROM ${x}`), j(!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(
         fa,
         {
-          title: `${F() ? "Remove from" : "Add to"} AI Scope`,
-          pressed: F(),
+          title: `${D() ? "Remove from" : "Add to"} AI Scope`,
+          pressed: D(),
           onPressedChange: A,
           variant: "outline",
           className: "h-9 px-2",
           children: /* @__PURE__ */ e.jsx(
-            ht,
+            xt,
             {
               className: K("size-4", {
-                "text-primary": F(),
-                "text-muted-foreground": !F()
+                "text-primary": D(),
+                "text-muted-foreground": !D()
               })
             }
           )
         }
       ),
       /* @__PURE__ */ e.jsxs(
-        O,
+        z,
         {
           disabled: n !== "Success",
-          onClick: D,
+          onClick: F,
           size: "sm",
           variant: "secondary",
           className: "flex",
@@ -1172,7 +1159,7 @@ function il({
         }
       ),
       /* @__PURE__ */ e.jsxs(
-        O,
+        z,
         {
           disabled: n !== "Success",
           onClick: E,
@@ -1198,12 +1185,12 @@ function il({
               className: K(
                 "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": mt(x, l)
+                  "bg-muted": pt(x, l)
                 }
               ),
               children: [
                 /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-                  /* @__PURE__ */ e.jsx(Ea, { column: x }),
+                  /* @__PURE__ */ e.jsx(Va, { column: x }),
                   /* @__PURE__ */ e.jsx("span", { children: x.column_name })
                 ] }),
                 /* @__PURE__ */ e.jsx(
@@ -1227,56 +1214,56 @@ function il({
 }
 function _e(s, t) {
   var Ze, es, ss, as, ts;
-  let a = ws(() => [], []);
-  const n = Oe().authToken || s, l = h(
-    (r) => r.selectedConnectionId
-  ), d = h(
-    (r) => r.selectedDatamodelId
-  ), i = h(
-    (r) => r.selectedDatabaseName
-  ), o = h(
-    (r) => r.selectedSchemaName
-  ), c = h((r) => r.selectedTableName), p = h(
-    (r) => r.actions.setCurrentColumns
-  ), u = h(
-    (r) => r.actions.setSelectedConnectionId
-  ), b = h(
-    (r) => r.actions.setSelectedDatamodelId
-  ), g = h(
-    (r) => r.actions.setSelectedDatabaseName
-  ), m = h(
-    (r) => r.actions.setSelectedSchemaName
-  ), j = h(
-    (r) => r.actions.setSelectedTableName
-  ), C = h((r) => r.actions.setCardSql);
-  function I(r) {
-    return l && i && o && i !== "NA" ? !0 : l && r === "API" ? !1 : !!(l && r === "S3");
+  let a = ks(() => [], []);
+  const n = Oe().authToken || s, l = m(
+    (i) => i.selectedConnectionId
+  ), r = m(
+    (i) => i.selectedDatamodelId
+  ), u = m(
+    (i) => i.selectedDatabaseName
+  ), o = m(
+    (i) => i.selectedSchemaName
+  ), c = m((i) => i.selectedTableName), p = m(
+    (i) => i.actions.setCurrentColumns
+  ), d = m(
+    (i) => i.actions.setSelectedConnectionId
+  ), b = m(
+    (i) => i.actions.setSelectedDatamodelId
+  ), j = m(
+    (i) => i.actions.setSelectedDatabaseName
+  ), h = m(
+    (i) => i.actions.setSelectedSchemaName
+  ), g = m(
+    (i) => i.actions.setSelectedTableName
+  ), C = m((i) => i.actions.setCardSql);
+  function I(i) {
+    return l && u && o && u !== "NA" ? !0 : l && i === "API" ? !1 : !!(l && i === "S3");
   }
-  function y(r) {
-    return !!(l && i && i !== "NA" && o && c || l && (r === "S3" || r === "API") || d && d);
+  function y(i) {
+    return !!(l && u && u !== "NA" && o && c || l && (i === "S3" || i === "API") || r && r);
   }
-  function L(r) {
-    return l && r ? !(r === "API" || r === "S3") : !1;
+  function L(i) {
+    return l && i ? !(i === "API" || i === "S3") : !1;
   }
   const {
-    data: F,
+    data: D,
     isLoading: A,
     isError: N
   } = Ce({
     queryKey: ["connections"],
-    queryFn: () => De(
+    queryFn: () => Fe(
       "https://semaphor.cloud/api/v1/connections",
       (n == null ? void 0 : n.accessToken) || ""
     ),
     enabled: !!(n != null && n.accessToken)
     // Only fetch if authToken is present
   }), {
-    data: D,
+    data: F,
     isLoading: E,
     isError: x
   } = Ce({
     queryKey: ["models", l],
-    queryFn: () => De(
+    queryFn: () => Fe(
       "https://semaphor.cloud/api/v1/datamodels",
       (n == null ? void 0 : n.accessToken) || "",
       {
@@ -1285,17 +1272,17 @@ function _e(s, t) {
     ),
     enabled: !!(n != null && n.accessToken) && !!l
     // Only fetch if authToken is present
-  }), v = F == null ? void 0 : F.connections.find(
-    (r) => r.id === l
+  }), v = D == null ? void 0 : D.connections.find(
+    (i) => i.id === l
   ), f = v == null ? void 0 : v.type, k = (v == null ? void 0 : v.type) === "API" || (v == null ? void 0 : v.type) === "S3", {
     data: S,
-    isLoading: R,
+    isLoading: q,
     isFetching: $,
     isError: U,
     refetch: Z
   } = Ce({
     queryKey: ["databases", l],
-    queryFn: () => De(
+    queryFn: () => Fe(
       "https://semaphor.cloud/api/v1/databases",
       (n == null ? void 0 : n.accessToken) || "",
       {
@@ -1311,16 +1298,16 @@ function _e(s, t) {
     isError: H,
     refetch: ae
   } = Ce({
-    queryKey: ["schemas", l, i],
-    queryFn: () => De(
+    queryKey: ["schemas", l, u],
+    queryFn: () => Fe(
       "https://semaphor.cloud/api/v1/schemas",
       (n == null ? void 0 : n.accessToken) || "",
       {
         connection_id: l,
-        database_name: i
+        database_name: u
       }
     ),
-    enabled: !!l && !!i && !k && i !== "NA"
+    enabled: !!l && !!u && !k && u !== "NA"
     //currentConnection?.type !== 'API', // Only fetch if connectionId and database is present
   }), {
     data: M,
@@ -1332,15 +1319,15 @@ function _e(s, t) {
     queryKey: [
       "tables",
       l,
-      i,
+      u,
       o
     ],
-    queryFn: () => De(
+    queryFn: () => Fe(
       "https://semaphor.cloud/api/v1/tables",
       (n == null ? void 0 : n.accessToken) || "",
       {
         connection_id: l,
-        database_name: i,
+        database_name: u,
         schema_name: o
       }
     ),
@@ -1354,19 +1341,19 @@ function _e(s, t) {
     queryKey: [
       "columns",
       l,
-      i,
-      d,
+      u,
+      r,
       o,
       c
     ],
-    queryFn: () => De(
+    queryFn: () => Fe(
       "https://semaphor.cloud/api/v1/columns",
       (n == null ? void 0 : n.accessToken) || "",
       {
         connection_id: l,
-        datamodel_id: d || "",
+        datamodel_id: r || "",
         // don't pass undefined. Pass empty string
-        database_name: i,
+        database_name: u,
         schema_name: o,
         table_name: c
       }
@@ -1386,46 +1373,46 @@ function _e(s, t) {
   }, [
     k,
     C,
-    j,
-    m,
     g,
+    h,
+    j,
     v
   ]);
   const be = (v == null ? void 0 : v.type) === "API" ? (Ze = v == null ? void 0 : v.type) == null ? void 0 : Ze.toLowerCase() : c || "", W = k ? "" : o || "";
-  function oe(r) {
-    m(r), j("");
+  function oe(i) {
+    h(i), g("");
   }
-  function ce(r) {
-    g(r === "none" ? "" : r), m(""), j(""), r !== "none" && r !== "" && b("");
+  function ce(i) {
+    j(i === "none" ? "" : i), h(""), g(""), i !== "none" && i !== "" && b("");
   }
-  function Fe(r) {
-    u(r);
+  function De(i) {
+    d(i);
   }
-  function Ae(r) {
-    b(r === "none" ? "" : r), r !== "none" && r !== "" && g("");
+  function Ae(i) {
+    b(i === "none" ? "" : i), i !== "none" && i !== "" && j("");
   }
-  S && ((es = S == null ? void 0 : S.databases) == null ? void 0 : es.length) > 0, B && ((ss = B == null ? void 0 : B.schemas) == null ? void 0 : ss.length) > 0, ne && ((as = ne == null ? void 0 : ne.columns) == null ? void 0 : as.length) > 0 && (a = ne.columns.map((r) => ({
-    ...r,
-    data_type: r.data_type.toLowerCase()
+  S && ((es = S == null ? void 0 : S.databases) == null ? void 0 : es.length) > 0, B && ((ss = B == null ? void 0 : B.schemas) == null ? void 0 : ss.length) > 0, ne && ((as = ne == null ? void 0 : ne.columns) == null ? void 0 : as.length) > 0 && (a = ne.columns.map((i) => ({
+    ...i,
+    data_type: i.data_type.toLowerCase()
   }))), U && (a = []), (je || N) && (a = []);
-  const $e = F == null ? void 0 : F.connections.map(
-    (r) => ({
-      id: r.id,
-      name: r.name,
-      type: r.type
+  const $e = D == null ? void 0 : D.connections.map(
+    (i) => ({
+      id: i.id,
+      name: i.name,
+      type: i.type
     })
-  ), Pe = (ts = D == null ? void 0 : D.datamodels) == null ? void 0 : ts.map((r) => ({
-    id: r.id,
-    name: r.name
-  })), Ve = S == null ? void 0 : S.databases.map((r) => ({
-    id: r.database_name,
-    name: r.database_name
-  })), ys = B == null ? void 0 : B.schemas.map((r) => ({
-    id: r.schema_name,
-    name: r.schema_name
-  })), Xe = M == null ? void 0 : M.tables.map((r) => ({
-    id: r.table_name,
-    name: r.table_name
+  ), Pe = (ts = F == null ? void 0 : F.datamodels) == null ? void 0 : ts.map((i) => ({
+    id: i.id,
+    name: i.name
+  })), Ve = S == null ? void 0 : S.databases.map((i) => ({
+    id: i.database_name,
+    name: i.database_name
+  })), vs = B == null ? void 0 : B.schemas.map((i) => ({
+    id: i.schema_name,
+    name: i.schema_name
+  })), Xe = M == null ? void 0 : M.tables.map((i) => ({
+    id: i.table_name,
+    name: i.table_name
   }));
   return {
     connectionItems: $e,
@@ -1435,9 +1422,9 @@ function _e(s, t) {
     isModelsLoading: E,
     isModelsError: x,
     databaseItems: Ve,
-    isDatabasesLoadingOrFetching: R || $,
+    isDatabasesLoadingOrFetching: q || $,
     isDatabaseError: U,
-    schemaItems: ys,
+    schemaItems: vs,
     isSchemaLoadingOrFetching: X || w,
     isSchemaError: H,
     tableItems: Xe,
@@ -1450,62 +1437,62 @@ function _e(s, t) {
     connectionType: f,
     tableName: be,
     schemaName: W,
-    handleConnectionChange: Fe,
+    handleConnectionChange: De,
     handleDatamodelChange: Ae,
     handleDatabaseChange: ce,
     handleSchemaChange: oe
   };
 }
-function Aa({
+function qa({
   ColumnsComponent: s
 }) {
   var te;
-  const t = h(
+  const t = m(
     (P) => P.selectedConnectionId
-  ), a = h(
+  ), a = m(
     (P) => P.selectedDatamodelId
-  ), n = h(
+  ), n = m(
     (P) => P.selectedDatabaseName
-  ), l = h(
+  ), l = m(
     (P) => P.selectedSchemaName
-  ), d = h((P) => P.selectedTableName), i = h(
+  ), r = m((P) => P.selectedTableName), u = m(
     (P) => P.actions.setSelectedTableName
   ), {
     connectionItems: o,
     modelItems: c,
     schemaItems: p,
-    databaseItems: u,
+    databaseItems: d,
     tableItems: b,
-    columns: g,
-    isConnectionsLoading: m,
-    isModelsLoading: j,
+    columns: j,
+    isConnectionsLoading: h,
+    isModelsLoading: g,
     isConnectionsError: C,
     isModelsError: I,
     isDatabasesLoadingOrFetching: y,
     isDatabaseError: L,
-    isSchemaLoadingOrFetching: F,
+    isSchemaLoadingOrFetching: D,
     isSchemaError: A,
     isColumnsError: N,
-    isColumnsLoadingOrFetching: D,
+    isColumnsLoadingOrFetching: F,
     isTableLoadingOrFetching: E,
     isTableError: x,
     connectionType: v,
     isNonDbConnection: f,
     handleConnectionChange: k,
     handleDatabaseChange: S,
-    handleSchemaChange: R,
+    handleSchemaChange: q,
     handleDatamodelChange: $,
     tableName: U,
     schemaName: Z
   } = _e();
   function B() {
-    return s ? s(Z, U, g) : /* @__PURE__ */ e.jsx(
+    return s ? s(Z, U, j) : /* @__PURE__ */ e.jsx(
       il,
       {
         schemaName: Z,
         tableName: U,
-        columns: g,
-        status: D ? "Loading..." : N ? "Error" : "Success"
+        columns: j,
+        status: F ? "Loading..." : N ? "Error" : "Success"
       }
     );
   }
@@ -1522,7 +1509,7 @@ function Aa({
           onChange: S,
           isError: L,
           isLoading: y,
-          items: u,
+          items: d,
           value: n || "",
           title: "Database"
         }
@@ -1545,7 +1532,7 @@ function Aa({
           showNone: !0,
           onChange: $,
           isError: I,
-          isLoading: j,
+          isLoading: g,
           items: c,
           value: a || "",
           title: "Model"
@@ -1556,9 +1543,9 @@ function Aa({
     return !t || v === "S3" || v === "API" || !n || n === "none" ? null : /* @__PURE__ */ e.jsx(
       Be,
       {
-        onChange: R,
+        onChange: q,
         isError: A,
-        isLoading: F,
+        isLoading: D,
         items: p,
         value: l || "",
         title: "Schema"
@@ -1573,11 +1560,11 @@ function Aa({
     return P() ? /* @__PURE__ */ e.jsx(
       Be,
       {
-        onChange: i,
+        onChange: u,
         isError: x,
         items: b,
         isLoading: E,
-        value: d || "",
+        value: r || "",
         title: "Table"
       }
     ) : null;
@@ -1591,7 +1578,7 @@ function Aa({
           title: "Connection",
           value: t || "",
           onChange: k,
-          isLoading: m,
+          isLoading: h,
           isError: C,
           connectionTooltip: ((te = o == null ? void 0 : o.find(
             (P) => P.id === t
@@ -1606,7 +1593,7 @@ function Aa({
     ] }),
     B(),
     /* @__PURE__ */ e.jsx("div", { className: "flex items-end justify-center gap-2 px-6 py-4", children: /* @__PURE__ */ e.jsxs(
-      O,
+      z,
       {
         onClick: X,
         size: "sm",
@@ -1622,18 +1609,18 @@ function Aa({
 }
 function ol(s) {
   const t = s.toUpperCase().indexOf("WHERE"), a = s.toUpperCase().indexOf("GROUP BY"), n = s.toUpperCase().indexOf("LIMIT"), l = s.toUpperCase().indexOf("ORDER BY");
-  let d = s.length;
-  if (l !== -1 && (d = l), n !== -1 && n < d && (d = n), t !== -1) {
-    const i = s.substring(0, t), o = s.substring(t);
-    return `${i} {{ filters | where }} AND ${o.substring(
+  let r = s.length;
+  if (l !== -1 && (r = l), n !== -1 && n < r && (r = n), t !== -1) {
+    const u = s.substring(0, t), o = s.substring(t);
+    return `${u} {{ filters | where }} AND ${o.substring(
       6
     )}`;
   } else if (a !== -1) {
-    const i = s.substring(0, a), o = s.substring(a);
-    return `${i} {{ filters | where }} ${o}`;
+    const u = s.substring(0, a), o = s.substring(a);
+    return `${u} {{ filters | where }} ${o}`;
   } else {
-    const i = s.substring(0, d), o = s.substring(d);
-    return `${i} {{ filters | where }} ${o}`;
+    const u = s.substring(0, r), o = s.substring(r);
+    return `${u} {{ filters | where }} ${o}`;
   }
 }
 function cl({
@@ -1643,7 +1630,7 @@ function cl({
   setTriggerAIRun: n
 }) {
   return /* @__PURE__ */ e.jsxs(qs, { openDelay: 0, children: [
-    /* @__PURE__ */ e.jsx(Rs, { asChild: !0, children: /* @__PURE__ */ e.jsx(O, { variant: "link", className: "h-5 p-0", children: /* @__PURE__ */ e.jsx(zn, { className: "h-4 w-4 text-red-500" }) }) }),
+    /* @__PURE__ */ e.jsx(Rs, { asChild: !0, children: /* @__PURE__ */ e.jsx(z, { variant: "link", className: "h-5 p-0", children: /* @__PURE__ */ e.jsx(On, { className: "h-4 w-4 text-red-500" }) }) }),
     /* @__PURE__ */ e.jsx(
       _s,
       {
@@ -1652,7 +1639,7 @@ function cl({
         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(ze, { 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(
-            O,
+            z,
             {
               onClick: () => {
                 t(!0), a(s), n(!0);
@@ -1660,7 +1647,7 @@ function cl({
               size: "sm",
               variant: "outline",
               children: [
-                /* @__PURE__ */ e.jsx(Mn, { className: "mr-2 h-4 w-4" }),
+                /* @__PURE__ */ e.jsx(En, { className: "mr-2 h-4 w-4" }),
                 "Debug with AI"
               ]
             }
@@ -1723,19 +1710,19 @@ function ul({
   userInput: a,
   setUserInput: n,
   triggerAIRun: l,
-  setTriggerAIRun: d
+  setTriggerAIRun: r
 }) {
-  const i = ks(null), o = ks(null), { authToken: c } = Oe(), [p, u] = V(!1), b = h((w) => w.actions.setCardSql), g = z((w) => w.dashboard.baseQueries), m = h((w) => w.actions.setRunSql), j = h((w) => w.actions.setCardType), [C, I] = V([]), y = h((w) => w.currentColumns), L = h((w) => w.card.sql), F = h((w) => w.selectedTableName), A = `
+  const u = zs(null), o = zs(null), { authToken: c } = Oe(), [p, d] = V(!1), b = m((w) => w.actions.setCardSql), j = O((w) => w.dashboard.baseQueries), h = m((w) => w.actions.setRunSql), g = m((w) => w.actions.setCardType), [C, I] = V([]), y = m((w) => w.currentColumns), L = m((w) => w.card.sql), D = m((w) => w.selectedTableName), A = `
   ${a}
 
-  Database Query Dialect: ${F === "api" || F === "s3" ? "DuckDb" : ""}
-  Table Name: ${F}   
+  Database Query Dialect: ${D === "api" || D === "s3" ? "DuckDb" : ""}
+  Table Name: ${D}   
   Table Columns: ${y == null ? void 0 : y.map((w) => `${w.column_name} | ${w.data_type}`).join(", ")}
   User SQL: ${L}  
-  ${g && `Base Queries: ${JSON.stringify(g)} `}`, N = ` 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: ${dl}`, { data: D, isLoading: E, isFetching: x, isError: v, refetch: f } = Ce({
+  ${j && `Base Queries: ${JSON.stringify(j)} `}`, N = ` 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: ${dl}`, { data: F, isLoading: E, isFetching: x, isError: v, refetch: f } = Ce({
     queryKey: ["ai-query"],
-    queryFn: () => De(
+    queryFn: () => Fe(
       "https://semaphor.cloud/api/v1/ai",
       (c == null ? void 0 : c.accessToken) || "",
       {
@@ -1747,44 +1734,44 @@ function ul({
   });
   function k(w) {
     if (w.toLowerCase().includes("bar"))
-      j("bar");
+      g("bar");
     else if (w.toLowerCase().includes("line"))
-      j("line");
+      g("line");
     else if (w.toLowerCase().includes("bubble"))
-      j("bubble");
+      g("bubble");
     else if (w.toLowerCase().includes("scatter"))
-      j("scatter");
+      g("scatter");
     else if (w.toLowerCase().includes("stacked"))
-      j("stackedBar");
+      g("stackedBar");
     else if (w.toLowerCase().includes("pie"))
-      j("pie");
+      g("pie");
     else if (w.toLowerCase().includes("donut") || w.toLowerCase().includes("doughnut"))
-      j("doughnut");
+      g("doughnut");
     else if (w.toLowerCase().includes("radar"))
-      j("radar");
+      g("radar");
     else
-      return j("bar"), !1;
+      return g("bar"), !1;
     return !0;
   }
   se(() => {
-    D && I((w) => [...w, { role: "ai", content: D.response }]);
-  }, [D]), se(() => {
+    F && I((w) => [...w, { role: "ai", content: F.response }]);
+  }, [F]), se(() => {
     const w = setTimeout(() => {
       var H;
       o.current && (o.current.scroll({
         top: o.current.scrollHeight,
         behavior: "smooth"
-      }), (H = i.current) == null || H.focus());
+      }), (H = u.current) == null || H.focus());
     }, 100);
     return () => clearTimeout(w);
   }, [C]);
   function S() {
-    a && (I((w) => [...w, { role: "user", content: a }]), k(a) && u(!0), n(""), f());
+    a && (I((w) => [...w, { role: "user", content: a }]), k(a) && d(!0), n(""), f());
   }
   se(() => {
-    l && (S(), d(!1));
-  }, [l, d]);
-  const R = {
+    l && (S(), r(!1));
+  }, [l, r]);
+  const q = {
     //seleect a darker color
     // color: '#000',
     fontFamily: "Arial, sans-serif",
@@ -1811,22 +1798,22 @@ function ul({
     listStyleType: "disc"
   }, Z = {
     // Override how paragraphs are rendered
-    p: ({ node: w, ...H }) => /* @__PURE__ */ e.jsx("p", { style: R, ...H }),
+    p: ({ node: w, ...H }) => /* @__PURE__ */ e.jsx("p", { style: q, ...H }),
     code: ({ node: w, ...H }) => /* @__PURE__ */ e.jsx("code", { className: "rounded-sm bg-muted px-2 py-1 text-sm", ...H }),
     pre: ({ node: w, ...H }) => /* @__PURE__ */ e.jsxs("pre", { className: "space-y-2 rounded-sm bg-muted/50 p-3", style: $, children: [
       /* @__PURE__ */ e.jsx("code", { className: "whitespace-normal text-sm", children: H.children }),
       /* @__PURE__ */ e.jsxs("div", { className: "flex justify-start gap-2", children: [
-        /* @__PURE__ */ e.jsx(O, { onClick: B, size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(ft, {}) }),
+        /* @__PURE__ */ e.jsx(z, { onClick: B, size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(jt, {}) }),
         /* @__PURE__ */ e.jsx(
-          O,
+          z,
           {
             onClick: (ae) => {
               const M = B(ae);
-              M && (t(!1), b(M), m(!0));
+              M && (t(!1), b(M), h(!0));
             },
             size: "sm",
             variant: "outline",
-            children: /* @__PURE__ */ e.jsx(gt, {})
+            children: /* @__PURE__ */ e.jsx(bt, {})
           }
         )
       ] })
@@ -1852,18 +1839,18 @@ function ul({
       },
       H
     ) : w.role === "ai" ? /* @__PURE__ */ e.jsx(
-      pt,
+      gt,
       {
         className: "w-full overflow-auto py-1",
         components: Z,
-        children: D == null ? void 0 : D.response.replace(/DuckDB/gi, "Semaphor")
+        children: F == null ? void 0 : F.response.replace(/DuckDB/gi, "Semaphor")
       },
       H
     ) : /* @__PURE__ */ e.jsx("div", {}, H));
   }
-  return /* @__PURE__ */ e.jsxs(Fs, { open: s, onOpenChange: t, children: [
-    /* @__PURE__ */ e.jsx(Ds, { asChild: !0, children: /* @__PURE__ */ e.jsx(
-      O,
+  return /* @__PURE__ */ e.jsxs(Ds, { open: s, onOpenChange: t, children: [
+    /* @__PURE__ */ e.jsx(Fs, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+      z,
       {
         size: "sm",
         className: "w-full justify-start border font-normal text-muted-foreground focus-visible:ring-0 focus-visible:ring-offset-0",
@@ -1896,7 +1883,7 @@ function ul({
                   ja,
                   {
                     autoFocus: !0,
-                    ref: i,
+                    ref: u,
                     onKeyDown: (w) => {
                       w.key === "Enter" && !w.shiftKey && (w.preventDefault(), n(""), S());
                     },
@@ -1915,13 +1902,13 @@ function ul({
                 ),
                 " ",
                 /* @__PURE__ */ e.jsx(
-                  O,
+                  z,
                   {
                     className: "h-8",
                     size: "sm",
                     variant: "ghost",
                     onClick: S,
-                    children: !E && !x ? /* @__PURE__ */ e.jsx(xt, {}) : /* @__PURE__ */ e.jsx(qe, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" })
+                    children: !E && !x ? /* @__PURE__ */ e.jsx(ft, {}) : /* @__PURE__ */ e.jsx(qe, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" })
                   }
                 )
               ] })
@@ -1932,20 +1919,20 @@ function ul({
     )
   ] });
 }
-var Va = {
+var Ra = {
   color: void 0,
   size: void 0,
   className: void 0,
   style: void 0,
   attr: void 0
-}, sa = ke.createContext && /* @__PURE__ */ ke.createContext(Va), hl = ["attr", "size", "title"];
-function ml(s, t) {
+}, sa = ke.createContext && /* @__PURE__ */ ke.createContext(Ra), ml = ["attr", "size", "title"];
+function hl(s, t) {
   if (s == null) return {};
   var a = xl(s, t), n, l;
   if (Object.getOwnPropertySymbols) {
-    var d = Object.getOwnPropertySymbols(s);
-    for (l = 0; l < d.length; l++)
-      n = d[l], !(t.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(s, n) && (a[n] = s[n]);
+    var r = Object.getOwnPropertySymbols(s);
+    for (l = 0; l < r.length; l++)
+      n = r[l], !(t.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(s, n) && (a[n] = s[n]);
   }
   return a;
 }
@@ -1959,15 +1946,15 @@ function xl(s, t) {
     }
   return a;
 }
-function hs() {
-  return hs = Object.assign ? Object.assign.bind() : function(s) {
+function ms() {
+  return ms = Object.assign ? Object.assign.bind() : function(s) {
     for (var t = 1; t < arguments.length; t++) {
       var a = arguments[t];
       for (var n in a)
         Object.prototype.hasOwnProperty.call(a, n) && (s[n] = a[n]);
     }
     return s;
-  }, hs.apply(this, arguments);
+  }, ms.apply(this, arguments);
 }
 function aa(s, t) {
   var a = Object.keys(s);
@@ -1979,7 +1966,7 @@ function aa(s, t) {
   }
   return a;
 }
-function ms(s) {
+function hs(s) {
   for (var t = 1; t < arguments.length; t++) {
     var a = arguments[t] != null ? arguments[t] : {};
     t % 2 ? aa(Object(a), !0).forEach(function(n) {
@@ -2007,45 +1994,45 @@ function gl(s, t) {
   }
   return (t === "string" ? String : Number)(s);
 }
-function qa(s) {
-  return s && s.map((t, a) => /* @__PURE__ */ ke.createElement(t.tag, ms({
+function _a(s) {
+  return s && s.map((t, a) => /* @__PURE__ */ ke.createElement(t.tag, hs({
     key: a
-  }, t.attr), qa(t.child)));
+  }, t.attr), _a(t.child)));
 }
 function ge(s) {
-  return (t) => /* @__PURE__ */ ke.createElement(jl, hs({
-    attr: ms({}, s.attr)
-  }, t), qa(s.child));
+  return (t) => /* @__PURE__ */ ke.createElement(jl, ms({
+    attr: hs({}, s.attr)
+  }, t), _a(s.child));
 }
 function jl(s) {
   var t = (a) => {
     var {
       attr: n,
       size: l,
-      title: d
-    } = s, i = ml(s, hl), o = l || a.size || "1em", c;
-    return a.className && (c = a.className), s.className && (c = (c ? c + " " : "") + s.className), /* @__PURE__ */ ke.createElement("svg", hs({
+      title: r
+    } = s, u = hl(s, ml), o = l || a.size || "1em", c;
+    return a.className && (c = a.className), s.className && (c = (c ? c + " " : "") + s.className), /* @__PURE__ */ ke.createElement("svg", ms({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
-    }, a.attr, n, i, {
+    }, a.attr, n, u, {
       className: c,
-      style: ms(ms({
+      style: hs(hs({
         color: s.color || a.color
       }, a.style), s.style),
       height: o,
       width: o,
       xmlns: "http://www.w3.org/2000/svg"
-    }), d && /* @__PURE__ */ ke.createElement("title", null, d), s.children);
+    }), r && /* @__PURE__ */ ke.createElement("title", null, r), s.children);
   };
-  return sa !== void 0 ? /* @__PURE__ */ ke.createElement(sa.Consumer, null, (a) => t(a)) : t(Va);
+  return sa !== void 0 ? /* @__PURE__ */ ke.createElement(sa.Consumer, null, (a) => t(a)) : t(Ra);
 }
 function bl(s) {
   return ge({ 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 yl({ sql: s }) {
   return /* @__PURE__ */ e.jsxs(qs, { children: [
-    /* @__PURE__ */ e.jsx(Rs, { asChild: !0, children: /* @__PURE__ */ e.jsx(O, { variant: "link", className: "h-5 p-0", children: /* @__PURE__ */ e.jsx(jt, { className: "h-4 w-4 text-muted-foreground" }) }) }),
+    /* @__PURE__ */ e.jsx(Rs, { asChild: !0, children: /* @__PURE__ */ e.jsx(z, { variant: "link", className: "h-5 p-0", children: /* @__PURE__ */ e.jsx(yt, { className: "h-4 w-4 text-muted-foreground" }) }) }),
     /* @__PURE__ */ e.jsx(
       _s,
       {
@@ -2063,27 +2050,27 @@ function vl() {
   const [s, t] = V({
     queryKey: [],
     queryData: null
-  }), { theme: a } = bt(), n = yt(), l = ks(), d = vt(), [i, o] = V(!1), [c, p] = V(!1), [u, b] = V(!1), [g, m] = V(""), [j, C] = V(!1), I = z((r) => r.selectedSheetId);
-  z((r) => r.dashboard.baseQueries);
-  const y = h((r) => r.card), L = z((r) => r.theme), F = h((r) => r.isShowingVisual);
-  z((r) => r.onAcceptChanges);
-  const A = h(
-    (r) => r.selectedConnectionId
-  ), N = h(
-    (r) => r.selectedDatabaseName
-  ), D = h(
-    (r) => r.selectedDatamodelId
-  ), E = h(
-    (r) => r.selectedSchemaName
+  }), { theme: a } = vt(), n = Ct(), l = zs(), r = Nt(), [u, o] = V(!1), [c, p] = V(!1), [d, b] = V(!1), [j, h] = V(""), [g, C] = V(!1), I = O((i) => i.selectedSheetId);
+  O((i) => i.dashboard.baseQueries);
+  const y = m((i) => i.card), L = O((i) => i.theme), D = m((i) => i.isShowingVisual);
+  O((i) => i.onAcceptChanges);
+  const A = m(
+    (i) => i.selectedConnectionId
+  ), N = m(
+    (i) => i.selectedDatabaseName
+  ), F = m(
+    (i) => i.selectedDatamodelId
+  ), E = m(
+    (i) => i.selectedSchemaName
   );
-  z(
-    (r) => r.actions.updateFrameCard
+  O(
+    (i) => i.actions.updateFrameCard
   );
-  const x = h((r) => r.selectedTableName), v = h((r) => r.card.sql), f = h((r) => r.card.python), k = h((r) => r.frame), S = z((r) => r.dashboard.filters), R = z((r) => r.filterValues), $ = S == null ? void 0 : S.filter(
-    (r) => r.sheetId === I || !r.sheetId
-  ), U = R == null ? void 0 : R.filter(
-    (r) => ($ == null ? void 0 : $.some((le) => le.id === r.filterId)) || r.filterId.endsWith(I)
-  ), Z = h((r) => r.applyFilters), {
+  const x = m((i) => i.selectedTableName), v = m((i) => i.card.sql), f = m((i) => i.card.python), k = m((i) => i.frame), S = O((i) => i.dashboard.filters), q = O((i) => i.filterValues), $ = S == null ? void 0 : S.filter(
+    (i) => i.sheetId === I || !i.sheetId
+  ), U = q == null ? void 0 : q.filter(
+    (i) => ($ == null ? void 0 : $.some((le) => le.id === i.filterId)) || i.filterId.endsWith(I)
+  ), Z = m((i) => i.applyFilters), {
     setCardCustomCfg: B,
     setQueryResultColumns: X,
     setFilterValues: w,
@@ -2093,19 +2080,19 @@ function vl() {
     setQueryError: T,
     setPythonStdOut: te,
     setCardPreferences: P
-  } = h((r) => r.actions), ee = h((r) => r.onSave);
-  h(
-    (r) => r.actions.setApplyFilters
+  } = m((i) => i.actions), ee = m((i) => i.onSave);
+  m(
+    (i) => i.actions.setApplyFilters
   );
-  const ne = h((r) => r.onClose), Ee = h((r) => r.actions.setSqlGen), Ie = h((r) => r.runSql), je = h((r) => r.actions.setRunSql);
-  h((r) => r.actions.setCardCfg);
-  const be = h(
-    (r) => r.actions.setIsSqlRunning
+  const ne = m((i) => i.onClose), Ee = m((i) => i.actions.setSqlGen), Ie = m((i) => i.runSql), je = m((i) => i.actions.setRunSql);
+  m((i) => i.actions.setCardCfg);
+  const be = m(
+    (i) => i.actions.setIsSqlRunning
   ), {
     data: W,
     isLoading: oe,
     isFetching: ce,
-    isSuccess: Fe,
+    isSuccess: De,
     isError: Ae,
     error: $e,
     queryKey: Pe,
@@ -2116,8 +2103,8 @@ function vl() {
       position: "top-center",
       richColors: !0
     }), te((W == null ? void 0 : W.output) || ""), W.records.length > 0)) {
-      const { dimensionKeys: r } = Ss(W.records);
-      X(r);
+      const { dimensionKeys: i } = ws(W.records);
+      X(i);
     }
   }, [
     W,
@@ -2125,14 +2112,14 @@ function vl() {
     X,
     te
   ]), se(() => {
-    (oe || ce) && be(!0), (Ae || Fe) && be(!1), Ae ? (T($e.message), X([]), te("")) : T("");
+    (oe || ce) && be(!0), (Ae || De) && be(!1), Ae ? (T($e.message), X([]), te("")) : T("");
   }, [
     oe,
     ce,
     W,
     te,
     Ae,
-    Fe,
+    De,
     be,
     X,
     T,
@@ -2140,51 +2127,51 @@ function vl() {
   ]), se(() => {
     Ie && (Ve(), je(!1));
   }, [Ie, Ve, je]);
-  function ys() {
-    const r = n.getQueryData(Pe);
+  function vs() {
+    const i = n.getQueryData(Pe);
     s.queryData || t({
       queryKey: Pe,
-      queryData: r
+      queryData: i
     }), n.setQueryData(Pe, null), H(""), Ee({}), B(""), P({});
   }
-  const Xe = (r) => {
-    l.current = r;
+  const Xe = (i) => {
+    l.current = i;
   };
-  function Ze(r, le) {
-    if (r.length === 0)
+  function Ze(i, le) {
+    if (i.length === 0)
       return "";
     if (le) {
-      const ye = r.find((ve) => ve.id === le);
+      const ye = i.find((ve) => ve.id === le);
       if (ye) {
         const ve = ye.tabTitle;
         if (ve == "All__Header")
-          return r[0].id;
+          return i[0].id;
         if (ve && ve.endsWith("__Header")) {
-          const Za = ve.split("__")[0], Js = r.find(
-            (et) => et.tabTitle === Za
+          const st = ve.split("__")[0], Js = i.find(
+            (at) => at.tabTitle === st
           );
-          return Js ? Js.id : r[0].id;
+          return Js ? Js.id : i[0].id;
         }
         return le;
       }
     }
-    return r[0].id;
+    return i[0].id;
   }
   function es() {
-    let r = v;
-    v && !v.includes("{{") && (r = ol(v), H(r));
+    let i = v;
+    v && !v.includes("{{") && (i = ol(v), H(i));
     const le = {
       ...y,
       lastSelectedSchema: E,
-      lastSelectedDatamodelId: D,
+      lastSelectedDatamodelId: F,
       lastSelectedDatabase: N,
       lastSelectedTable: x,
       connectionId: A,
-      type: F ? y.type : "table",
-      sql: r,
-      customCfg: F ? y.customCfg : null
+      type: D ? y.type : "table",
+      sql: i,
+      customCfg: D ? y.customCfg : null
     }, ye = k.cards.map(
-      (vs) => vs.id === y.id ? le : vs
+      (Cs) => Cs.id === y.id ? le : Cs
     ), ve = {
       ...k,
       cards: ye,
@@ -2193,32 +2180,32 @@ function vl() {
     ee == null || ee(ve);
   }
   function ss() {
-    const { queryKey: r, queryData: le } = s;
-    r && le && n.setQueryData(r, le), ne == null || ne();
+    const { queryKey: i, queryData: le } = s;
+    i && le && n.setQueryData(i, le), ne == null || ne();
   }
   se(() => {
-    if (!d) return;
-    const r = l.current, le = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", ye = L === "system" ? le : L;
-    return d.editor.defineTheme("default", {
+    if (!r) return;
+    const i = l.current, le = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", ye = L === "system" ? le : L;
+    return r.editor.defineTheme("default", {
       // base: theme === 'light' ? 'hc-light' : 'vs-dark',
       base: ye === "light" ? "vs" : "vs-dark",
       inherit: !0,
       rules: [],
       colors: {
-        "editor.background": ye === "light" ? "#ffffff" : Ct("240 10% 10%")
+        "editor.background": ye === "light" ? "#ffffff" : St("240 10% 10%")
         // 'editor.background':
         //   activeTheme === 'light'
         //     ? '#ffffff'
         //     : getCssVariableValue('--semaphor-background'),
       }
-    }), d.editor.setTheme("default"), r && d && r.addCommand(
-      d.KeyMod.Shift | d.KeyCode.Enter,
+    }), r.editor.setTheme("default"), i && r && i.addCommand(
+      r.KeyMod.Shift | r.KeyCode.Enter,
       function() {
         return Ve(), !1;
       }
     ), () => {
     };
-  }, [a, L, d]);
+  }, [a, L, r]);
   function as() {
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       c && /* @__PURE__ */ e.jsx(
@@ -2241,10 +2228,10 @@ function vl() {
               Ge,
               {
                 theme: "default",
-                onChange: (r) => {
-                  if (r)
+                onChange: (i) => {
+                  if (i)
                     try {
-                      JSON.parse(r), w(JSON.parse(r));
+                      JSON.parse(i), w(JSON.parse(i));
                     } catch {
                     }
                 },
@@ -2299,7 +2286,7 @@ function vl() {
             {
               id: "1",
               order: 1,
-              defaultSize: i ? 20 : 100,
+              defaultSize: u ? 20 : 100,
               className: "relative flex grow",
               children: [
                 /* @__PURE__ */ e.jsx(
@@ -2312,8 +2299,8 @@ function vl() {
                       {
                         theme: "default",
                         className: "pt-3",
-                        onChange: (r) => {
-                          H(r);
+                        onChange: (i) => {
+                          H(i);
                         },
                         value: v,
                         options: {
@@ -2334,11 +2321,11 @@ function vl() {
                     )
                   }
                 ),
-                i && /* @__PURE__ */ e.jsx("code", { className: "absolute right-6 top-3 text-sm text-muted-foreground/70", children: "sql" })
+                u && /* @__PURE__ */ e.jsx("code", { className: "absolute right-6 top-3 text-sm text-muted-foreground/70", children: "sql" })
               ]
             }
           ),
-          i && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          u && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
             /* @__PURE__ */ e.jsx(ds, { withHandle: !0, className: "border" }),
             /* @__PURE__ */ e.jsxs(
               Ne,
@@ -2358,10 +2345,10 @@ function vl() {
                         {
                           className: "pt-3",
                           theme: "default",
-                          onChange: (r) => {
-                            M(r && r.trim() || "");
+                          onChange: (i) => {
+                            M(i && i.trim() || "");
                           },
-                          value: f || St,
+                          value: f || kt,
                           options: {
                             minimap: {
                               enabled: !1
@@ -2416,7 +2403,7 @@ function vl() {
               children: [
                 /* @__PURE__ */ e.jsxs("div", { className: "flex grow items-center gap-2", children: [
                   /* @__PURE__ */ e.jsxs(
-                    O,
+                    z,
                     {
                       title: "Shift + Enter",
                       disabled: oe || ce,
@@ -2438,13 +2425,13 @@ function vl() {
                       error: $e.message,
                       setShowAIDialog: b,
                       setTriggerAIRun: C,
-                      setUserInputforAI: m
+                      setUserInputforAI: h
                     }
                   ),
                   /* @__PURE__ */ e.jsxs(
-                    O,
+                    z,
                     {
-                      onClick: ys,
+                      onClick: vs,
                       className: "",
                       size: "sm",
                       variant: "outline",
@@ -2457,8 +2444,8 @@ function vl() {
                   /* @__PURE__ */ e.jsx(
                     fa,
                     {
-                      pressed: i,
-                      onPressedChange: (r) => o(r),
+                      pressed: u,
+                      onPressedChange: (i) => o(i),
                       className: "",
                       size: "sm",
                       variant: "outline",
@@ -2468,19 +2455,19 @@ function vl() {
                   /* @__PURE__ */ e.jsx(
                     ul,
                     {
-                      open: u,
+                      open: d,
                       setOpen: b,
-                      userInput: g,
-                      triggerAIRun: j,
+                      userInput: j,
+                      triggerAIRun: g,
                       setTriggerAIRun: C,
-                      setUserInput: (r) => m(r)
+                      setUserInput: (i) => h(i)
                     }
                   )
                 ] }),
                 /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
                   (W == null ? void 0 : W.sql) && /* @__PURE__ */ e.jsx(yl, { sql: W.sql }),
                   /* @__PURE__ */ e.jsxs(
-                    O,
+                    z,
                     {
                       onClick: ss,
                       className: "w-full",
@@ -2493,13 +2480,13 @@ function vl() {
                     }
                   ),
                   /* @__PURE__ */ e.jsxs(
-                    O,
+                    z,
                     {
                       onClick: es,
                       size: "sm",
                       variant: "outline",
                       children: [
-                        /* @__PURE__ */ e.jsx(Nt, { className: "mr-2 size-4 font-bold text-green-600" }),
+                        /* @__PURE__ */ e.jsx(wt, { className: "mr-2 size-4 font-bold text-green-600" }),
                         "Accept"
                       ]
                     }
@@ -2514,7 +2501,7 @@ function vl() {
   );
 }
 function Cl({ data: s }) {
-  var i;
+  var u;
   const [t, a] = ke.useState([]), l = Object.keys(s[0]).map((o) => ({
     // header: key,
     accessorKey: o,
@@ -2527,26 +2514,26 @@ function Cl({ data: s }) {
           onClick: () => c.toggleSorting(c.getIsSorted() === "asc"),
           children: [
             o,
-            p === "asc" ? /* @__PURE__ */ e.jsx(wt, { className: "ml-2 h-5 w-5" }) : p === "desc" ? /* @__PURE__ */ e.jsx(kt, { className: "ml-2 h-5 w-5" }) : null
+            p === "asc" ? /* @__PURE__ */ e.jsx(zt, { className: "ml-2 h-5 w-5" }) : p === "desc" ? /* @__PURE__ */ e.jsx(Ot, { className: "ml-2 h-5 w-5" }) : null
           ]
         }
       ) });
     }
-  })), d = zt({
+  })), r = It({
     data: s,
     columns: l,
-    getCoreRowModel: Dt(),
-    getPaginationRowModel: Tt(),
+    getCoreRowModel: Lt(),
+    getPaginationRowModel: Mt(),
     onSortingChange: a,
-    getSortedRowModel: Lt(),
+    getSortedRowModel: Et(),
     manualPagination: !0,
     state: {
       sorting: t
     }
   });
   return /* @__PURE__ */ e.jsx("div", { className: "font-mono text-xs text-foreground/95", children: /* @__PURE__ */ e.jsxs("table", { className: "w-full", children: [
-    /* @__PURE__ */ e.jsx(Ot, { children: d.getHeaderGroups().map((o) => /* @__PURE__ */ e.jsx(Cs, { children: o.headers.map((c) => /* @__PURE__ */ e.jsx(
-      It,
+    /* @__PURE__ */ e.jsx(Dt, { children: r.getHeaderGroups().map((o) => /* @__PURE__ */ e.jsx(Ns, { children: o.headers.map((c) => /* @__PURE__ */ e.jsx(
+      Ft,
       {
         className: "sticky top-0 h-11 bg-muted font-semibold",
         children: c.isPlaceholder ? null : Ws(
@@ -2556,36 +2543,36 @@ function Cl({ data: s }) {
       },
       c.id
     )) }, o.id)) }),
-    /* @__PURE__ */ e.jsx(Ft, { children: (i = d.getRowModel().rows) != null && i.length ? d.getRowModel().rows.map((o) => /* @__PURE__ */ e.jsx(
-      Cs,
+    /* @__PURE__ */ e.jsx(Tt, { children: (u = r.getRowModel().rows) != null && u.length ? r.getRowModel().rows.map((o) => /* @__PURE__ */ e.jsx(
+      Ns,
       {
         className: "whitespace-nowrap py-2",
         "data-state": o.getIsSelected() && "selected",
         children: o.getVisibleCells().map((c) => /* @__PURE__ */ e.jsx(Ys, { className: "py-3", children: Ws(c.column.columnDef.cell, c.getContext()) }, c.id))
       },
       o.id
-    )) : /* @__PURE__ */ e.jsx(Cs, { children: /* @__PURE__ */ e.jsx(Ys, { colSpan: l.length, className: "h-24 text-center", children: "No results." }) }) })
+    )) : /* @__PURE__ */ e.jsx(Ns, { children: /* @__PURE__ */ e.jsx(Ys, { colSpan: l.length, className: "h-24 text-center", children: "No results." }) }) })
   ] }) });
 }
 function Nl({ card: s }) {
-  var y, L, F, A, N, D, E, x, v, f, k;
+  var y, L, D, A, N, F, E, x, v, f, k;
   const [t, a] = V(!1), [n, l] = V(
     []
-  ), { authToken: d } = Oe(), i = Mt(d == null ? void 0 : d.accessToken), o = z((S) => S.themeStyle), c = {
+  ), { authToken: r } = Oe(), u = At(r == null ? void 0 : r.accessToken), o = O((S) => S.themeStyle), c = {
     colors: ((L = (y = o == null ? void 0 : o.chart) == null ? void 0 : y.dataset) == null ? void 0 : L.backgroundColor) || []
   };
-  (F = s.customCardPreferences) != null && F.inputData;
-  const { getCard: p } = ba(((A = s.customCardPreferences) == null ? void 0 : A.url) || ""), u = ((N = s.customCardPreferences) == null ? void 0 : N.visualType) || "single", b = h((S) => S.frame);
+  (D = s.customCardPreferences) != null && D.inputData;
+  const { getCard: p } = ba(((A = s.customCardPreferences) == null ? void 0 : A.url) || ""), d = ((N = s.customCardPreferences) == null ? void 0 : N.visualType) || "single", b = m((S) => S.frame);
   ie();
-  const { data: g } = Re(s), m = Nn((S, R) => {
+  const { data: j } = Re(s), h = Sn((S, q) => {
     l(($) => ({
       ...$,
-      [S]: R
+      [S]: q
     }));
   }, []);
-  if (!((D = s.customCardPreferences) != null && D.componentName))
+  if (!((F = s.customCardPreferences) != null && F.componentName))
     return null;
-  const j = p(
+  const g = p(
     (E = s.customCardPreferences) == null ? void 0 : E.componentName
   );
   function C(S) {
@@ -2595,38 +2582,38 @@ function Nl({ card: s }) {
     ((x = s.customCardPreferences) == null ? void 0 : x.dataInputCardIds) || {}
   ).map((S) => {
     var U, Z, B;
-    const R = (Z = (U = s.customCardPreferences) == null ? void 0 : U.dataInputCardIds) == null ? void 0 : Z[S].cardId, $ = (B = b == null ? void 0 : b.cards) == null ? void 0 : B.find((X) => X.id === R);
+    const q = (Z = (U = s.customCardPreferences) == null ? void 0 : U.dataInputCardIds) == null ? void 0 : Z[S].cardId, $ = (B = b == null ? void 0 : b.cards) == null ? void 0 : B.find((X) => X.id === q);
     return $ || 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(
-    Sn,
+    wn,
     {
       fallback: /* @__PURE__ */ e.jsx(e.Fragment, {}),
       children: [
-        j && u === "single" && /* @__PURE__ */ e.jsx(
-          j,
+        g && d === "single" && /* @__PURE__ */ e.jsx(
+          g,
           {
-            params: i,
+            params: u,
             theme: c,
             settings: (v = s.customCardPreferences) == null ? void 0 : v.settings,
-            onDataChange: m,
-            data: (g == null ? void 0 : g.records) || []
+            onDataChange: h,
+            data: (j == null ? void 0 : j.records) || []
           }
         ),
-        j && u === "multiple" && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        g && d === "multiple" && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
           Object.keys(
             ((f = s.customCardPreferences) == null ? void 0 : f.dataInputCardIds) || {}
           ).map((S) => {
             var U, Z, B;
-            const R = (Z = (U = s.customCardPreferences) == null ? void 0 : U.dataInputCardIds) == null ? void 0 : Z[S].cardId, $ = (B = b == null ? void 0 : b.cards) == null ? void 0 : B.find(
-              (X) => X.id === R
+            const q = (Z = (U = s.customCardPreferences) == null ? void 0 : U.dataInputCardIds) == null ? void 0 : Z[S].cardId, $ = (B = b == null ? void 0 : b.cards) == null ? void 0 : B.find(
+              (X) => X.id === q
             );
             if ($)
               return /* @__PURE__ */ e.jsx(
-                Et,
+                Vt,
                 {
                   onLoadingStatus: C,
-                  onDataChange: m,
+                  onDataChange: h,
                   dataInputIndex: S,
                   card: $
                 },
@@ -2634,14 +2621,14 @@ function Nl({ card: s }) {
               );
           }),
           /* @__PURE__ */ e.jsx("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ e.jsx(
-            j,
+            g,
             {
               theme: c,
-              onDataChange: m,
+              onDataChange: h,
               settings: I.map(
                 (S) => {
-                  var R;
-                  return (R = S == null ? void 0 : S.customCardPreferences) == null ? void 0 : R.settings;
+                  var q;
+                  return (q = S == null ? void 0 : S.customCardPreferences) == null ? void 0 : q.settings;
                 }
               ),
               data: I.map((S) => S != null && S.id ? n == null ? void 0 : n[S.id] : [])
@@ -2653,67 +2640,67 @@ function Nl({ card: s }) {
     (k = s.customCardPreferences) == null ? void 0 : k.componentName
   ) });
 }
-function Ra({
+function Ha({
   // card,
   // showCard,
   className: s,
   ...t
 }) {
   var I;
-  const a = h((y) => y.card), n = ((I = a.customCardPreferences) == null ? void 0 : I.showCardHeader) ?? !0, l = h((y) => y.frame), d = z((y) => y.dashboard.filters);
-  h((y) => y.actions.setRunSql);
-  const { updateFilter: i } = Is(), o = d == null ? void 0 : d.find((y) => y.id === l.filterId), { data: c, isLoading: p, isFetching: u } = Re(a), { setCard: b } = ie(), { data: g } = Hs(a);
+  const a = m((y) => y.card), n = ((I = a.customCardPreferences) == null ? void 0 : I.showCardHeader) ?? !0, l = m((y) => y.frame), r = O((y) => y.dashboard.filters);
+  m((y) => y.actions.setRunSql);
+  const { updateFilter: u } = xs(), o = r == null ? void 0 : r.find((y) => y.id === l.filterId), { data: c, isLoading: p, isFetching: d } = Re(a), { setCard: b } = ie(), { data: j } = Hs(a);
   if (!a.id) return null;
-  let m;
-  c != null && c.records && (c == null ? void 0 : c.records.length) > 0 && (m = ya({
+  let h;
+  c != null && c.records && (c == null ? void 0 : c.records.length) > 0 && (h = ya({
     data: c == null ? void 0 : c.records,
     cardType: a.type,
     cfg: a.cfg,
     customCfg: a.customCfg,
     preferences: a.preferences,
-    topoJson: g
+    topoJson: j
   }));
-  function j(y) {
+  function g(y) {
     return /* @__PURE__ */ e.jsx(Nl, { card: y });
   }
   function C() {
     var y;
-    if (c != null && c.records && (c == null ? void 0 : c.records.length) === 0 && !p && !u)
+    if (c != null && c.records && (c == null ? void 0 : c.records.length) === 0 && !p && !d)
       return /* @__PURE__ */ e.jsxs("div", { className: "flex h-full flex-col items-center justify-center gap-2", children: [
-        /* @__PURE__ */ e.jsx($t, { className: "size-8 text-muted-foreground" }),
+        /* @__PURE__ */ e.jsx(Pt, { className: "size-8 text-muted-foreground" }),
         /* @__PURE__ */ e.jsx("p", { className: "text-sm text-muted-foreground", children: "No records to display" })
       ] });
     if (a.type === "custom")
-      return j(a);
-    if (!["table", "custom"].includes(a.type) && m)
+      return g(a);
+    if (!["table", "custom"].includes(a.type) && h)
       return /* @__PURE__ */ e.jsx(
-        Pt,
+        Bt,
         {
-          cfg: m
+          cfg: h
         },
-        JSON.stringify(m) + JSON.stringify(a.preferences) + ((y = a == null ? void 0 : a.preferences) == null ? void 0 : y.customVisualCode)
+        JSON.stringify(h) + JSON.stringify(a.preferences) + ((y = a == null ? void 0 : a.preferences) == null ? void 0 : y.customVisualCode)
       );
     if (a.type === "table" && (c != null && c.records) && (c == null ? void 0 : c.records.length) > 0)
       return /* @__PURE__ */ e.jsxs(ze, { className: "relative mb-2 flex h-full min-h-0 w-full flex-1 grow basis-0", children: [
-        /* @__PURE__ */ e.jsx(Bt, { card: a, data: c == null ? void 0 : c.records }),
+        /* @__PURE__ */ e.jsx(Ut, { card: a, data: c == null ? void 0 : c.records }),
         /* @__PURE__ */ e.jsx(Ye, { orientation: "horizontal" })
       ] });
   }
   return /* @__PURE__ */ e.jsxs(
-    At,
+    qt,
     {
       role: "editor-visual-card",
       className: K("relative flex h-full flex-col rounded-none", s),
       ...t,
       children: [
-        n && /* @__PURE__ */ e.jsxs(Vt, { className: "flex flex-row items-start justify-between py-4", children: [
+        n && /* @__PURE__ */ e.jsxs(Rt, { className: "flex flex-row items-start justify-between py-4", children: [
           /* @__PURE__ */ e.jsxs("div", { children: [
             /* @__PURE__ */ e.jsx(
               rs,
               {
                 text: a.title,
                 onSave: (y) => b({ ...a, title: y }),
-                children: /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-5", children: /* @__PURE__ */ e.jsx(qt, { className: "text-base", children: a.title || "Edit title..." }) })
+                children: /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-5", children: /* @__PURE__ */ e.jsx(_t, { className: "text-base", children: a.title || "Edit title..." }) })
               },
               a.title
             ),
@@ -2722,7 +2709,7 @@ function Ra({
               {
                 text: a.description || "",
                 onSave: (y) => b({ ...a, description: y }),
-                children: /* @__PURE__ */ e.jsx(Rt, { children: a.description || "Edit description..." })
+                children: /* @__PURE__ */ e.jsx(Ht, { children: a.description || "Edit description..." })
               },
               a.description
             )
@@ -2733,25 +2720,25 @@ function Ra({
               {
                 className: "my-1",
                 text: o.title || o.column,
-                onSave: (y) => i({ ...o, title: y }),
+                onSave: (y) => u({ ...o, title: y }),
                 children: /* @__PURE__ */ e.jsx(_, { children: o.title })
               }
             ),
-            /* @__PURE__ */ e.jsx(_t, { filter: o })
+            /* @__PURE__ */ e.jsx(va, { filter: o })
           ] })
         ] }),
-        /* @__PURE__ */ e.jsx(Ht, { className: "flex grow flex-col", children: C() })
+        /* @__PURE__ */ e.jsx($t, { className: "flex grow flex-col", children: C() })
       ]
     }
   );
 }
 function Sl() {
-  const [s, t] = V(!1), [a, n] = V(""), [l, d] = V(""), [i, o] = V(""), [c, p] = V(""), u = h((N) => N.card), b = h(
+  const [s, t] = V(!1), [a, n] = V(""), [l, r] = V(""), [u, o] = V(""), [c, p] = V(""), d = m((N) => N.card), b = m(
     (N) => N.card.customCfg
-  ), { data: g } = Re(u), { data: m } = Hs(u), { setCardCustomCfg: j, setCustomVisualCode: C } = ie();
+  ), { data: j } = Re(d), { data: h } = Hs(d), { setCardCustomCfg: g, setCustomVisualCode: C } = ie();
   function I(N) {
     var x, v;
-    const D = {
+    const F = {
       ...N,
       data: {
         ...N == null ? void 0 : N.data,
@@ -2761,49 +2748,49 @@ function Sl() {
         }))
       }
     };
-    return JSON.stringify(D, null, 1);
+    return JSON.stringify(F, null, 1);
   }
   function y() {
-    var D, E;
-    if (!(g != null && g.records) || (g == null ? void 0 : g.records.length) === 0) return;
+    var F, E;
+    if (!(j != null && j.records) || (j == null ? void 0 : j.records.length) === 0) return;
     const N = ya({
-      data: g == null ? void 0 : g.records,
-      cardType: u.type,
-      cfg: u.cfg,
-      preferences: u.preferences,
-      topoJson: m
+      data: j == null ? void 0 : j.records,
+      cardType: d.type,
+      cfg: d.cfg,
+      preferences: d.preferences,
+      topoJson: h
     });
-    N && (n(JSON.stringify(N, null, 1)), (D = u == null ? void 0 : u.preferences) != null && D.customVisualCode && o((E = u == null ? void 0 : u.preferences) == null ? void 0 : E.customVisualCode), b && d(JSON.stringify(b, null, 1)));
+    N && (n(JSON.stringify(N, null, 1)), (F = d == null ? void 0 : d.preferences) != null && F.customVisualCode && o((E = d == null ? void 0 : d.preferences) == null ? void 0 : E.customVisualCode), b && r(JSON.stringify(b, null, 1)));
   }
   function L() {
-    if (i && C(i), !!l)
+    if (u && C(u), !!l)
       try {
         const N = JSON.parse(l);
-        return N ? (j(N), p(""), d(""), N) : void 0;
+        return N ? (g(N), p(""), r(""), N) : void 0;
       } catch (N) {
         console.log(N), p("Invalid JSON");
       }
   }
-  function F() {
-    d(""), j(null);
+  function D() {
+    r(""), g(null);
   }
   function A() {
     let N;
     if (b) {
-      const D = Xs.cloneDeep(u.cfg), E = Xs.merge(D, b);
+      const F = Xs.cloneDeep(d.cfg), E = Xs.merge(F, b);
       return N = I(E), N;
     }
     return a ? (N = I(JSON.parse(a)), N) : "";
   }
-  return /* @__PURE__ */ e.jsxs(Fs, { open: s, onOpenChange: t, children: [
-    /* @__PURE__ */ e.jsx(Ds, { asChild: !0, children: /* @__PURE__ */ e.jsx(
-      O,
+  return /* @__PURE__ */ e.jsxs(Ds, { open: s, onOpenChange: t, children: [
+    /* @__PURE__ */ e.jsx(Fs, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+      z,
       {
         onClick: y,
         className: ` ${b && "border-foreground/50 dark:border-foreground/70"}`,
         size: "sm",
         variant: "outline",
-        children: /* @__PURE__ */ e.jsx(Ut, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ e.jsx(Gt, { className: "h-4 w-4" })
       }
     ) }),
     /* @__PURE__ */ e.jsxs(
@@ -2827,11 +2814,11 @@ function Sl() {
             ] })
           ] }),
           /* @__PURE__ */ e.jsxs("div", { className: "flex grow gap-2", children: [
-            /* @__PURE__ */ e.jsx(xs, { FallbackComponent: va, children: /* @__PURE__ */ e.jsx(Ra, { className: "w-1/2 rounded shadow-none" }) }),
-            /* @__PURE__ */ e.jsxs(Ca, { defaultValue: "custom-config", className: "flex w-1/2 flex-col", children: [
-              /* @__PURE__ */ e.jsxs(Na, { className: "justify-start rounded-sm rounded-b-none border border-b-0", children: [
+            /* @__PURE__ */ e.jsx(ps, { FallbackComponent: Ca, children: /* @__PURE__ */ e.jsx(Ha, { className: "w-1/2 rounded shadow-none" }) }),
+            /* @__PURE__ */ e.jsxs(Na, { defaultValue: "custom-config", className: "flex w-1/2 flex-col", children: [
+              /* @__PURE__ */ e.jsxs(Sa, { className: "justify-start rounded-sm rounded-b-none border border-b-0", children: [
                 /* @__PURE__ */ e.jsxs(is, { value: "custom-config", children: [
-                  b && /* @__PURE__ */ e.jsx(Sa, { className: "mr-1 h-5 w-5 text-green-600" }),
+                  b && /* @__PURE__ */ e.jsx(wa, { className: "mr-1 h-5 w-5 text-green-600" }),
                   b ? "Custom Config" : "Default Config"
                 ] }),
                 /* @__PURE__ */ e.jsx(is, { className: "", value: "output", children: "Output" }),
@@ -2876,7 +2863,7 @@ function Sl() {
                       },
                       defaultLanguage: "json",
                       value: A(),
-                      onChange: (N) => d(N)
+                      onChange: (N) => r(N)
                     }
                   )
                 }
@@ -2904,7 +2891,7 @@ function Sl() {
                         renderLineHighlight: "none"
                       },
                       defaultLanguage: "javascript",
-                      value: i,
+                      value: u,
                       onChange: (N) => o(N || "")
                     }
                   )
@@ -2915,59 +2902,59 @@ function Sl() {
           /* @__PURE__ */ e.jsxs(la, { className: "flex items-center", children: [
             /* @__PURE__ */ e.jsx(_, { className: "mr-2 text-red-500", children: c }),
             /* @__PURE__ */ e.jsx(
-              O,
+              z,
               {
                 disabled: !b,
-                onClick: F,
+                onClick: D,
                 variant: "outline",
                 children: "Reset"
               }
             ),
-            /* @__PURE__ */ e.jsx(O, { onClick: L, variant: "outline", children: "Apply" }),
-            /* @__PURE__ */ e.jsx(O, { onClick: () => t(!1), variant: "outline", children: "Close" })
+            /* @__PURE__ */ e.jsx(z, { onClick: L, variant: "outline", children: "Apply" }),
+            /* @__PURE__ */ e.jsx(z, { onClick: () => t(!1), variant: "outline", children: "Close" })
           ] })
         ]
       }
     )
   ] });
 }
-function _a(s) {
+function $a(s) {
   return ge({ 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 Ha(s) {
+function Pa(s) {
   return ge({ tag: "svg", attr: { viewBox: "0 0 256 256", fill: "currentColor" }, child: [{ tag: "path", attr: { d: "M128,24a8,8,0,0,0-8,8V88a8,8,0,0,0,8,8,32,32,0,1,1-27.72,16,8,8,0,0,0-2.93-10.93l-48.5-28A8,8,0,0,0,37.92,76,104,104,0,1,0,128,24ZM48.09,91.1,83,111.26A48.09,48.09,0,0,0,80,128c0,1.53.08,3,.22,4.52L41.28,143A88.16,88.16,0,0,1,48.09,91.1Zm-2.67,67.31,39-10.44A48.1,48.1,0,0,0,120,175.32v40.31A88.2,88.2,0,0,1,45.42,158.41ZM136,215.63V175.32a48,48,0,0,0,0-94.65V40.36a88,88,0,0,1,0,175.27Z" }, child: [] }] })(s);
 }
-function $a(s) {
+function Ba(s) {
   return ge({ 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 Pa(s) {
+function Ua(s) {
   return ge({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, 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 Ga(s) {
   return ge({ 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 Ua(s) {
+function Qa(s) {
   return ge({ 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 Ga(s) {
+function Ja(s) {
   return ge({ 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 Qa(s) {
+function Ka(s) {
   return ge({ 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 Ja(s) {
+function Wa(s) {
   const [t, a] = V(null);
   return se(() => {
     s && (async () => {
-      const d = (await import("./lucide-react-DPuWdOBz.js"))[s];
-      a(d);
+      const r = (await import("./lucide-react-B9ckGV4X.js"))[s];
+      a(r);
     })();
   }, [s]), t;
 }
-function Ka() {
+function Ya() {
   const { authToken: s } = Oe(), { data: t, isLoading: a, isFetching: n, isError: l } = Ce({
     queryKey: ["plugins", s == null ? void 0 : s.accessToken],
-    queryFn: () => Gt(s == null ? void 0 : s.accessToken)
+    queryFn: () => Qt(s == null ? void 0 : s.accessToken)
     // staleTime: Infinity,
   });
   return { data: t, isLoading: a, isFetching: n, isError: l };
@@ -2975,13 +2962,13 @@ function Ka() {
 function wl({
   onChartTypeChange: s
 }) {
-  const [t, a] = V([]), { data: n } = Ka();
+  const [t, a] = V([]), { data: n } = Ya();
   return se(() => {
     (async () => {
-      var d;
+      var r;
       if (n) {
         const o = (await Promise.all(
-          (d = n == null ? void 0 : n.plugins) == null ? void 0 : d.map(async (c) => (await Qt(c.value)).visuals.map((b) => ({
+          (r = n == null ? void 0 : n.plugins) == null ? void 0 : r.map(async (c) => (await Jt(c.value)).visuals.map((b) => ({
             name: b.name,
             icon: b.icon,
             url: c.value
@@ -2992,14 +2979,14 @@ function wl({
     })();
   }, [n]), t.length === 0 ? null : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(we, { className: "my-2" }),
-    /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-4 place-items-center", children: t.map((l, d) => /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-4 place-items-center", children: t.map((l, r) => /* @__PURE__ */ e.jsx(
       kl,
       {
         text: l.name,
         onClick: () => s("custom", l),
         icon: l.icon
       },
-      l.url + l.name + d
+      l.url + l.name + r
     )) })
   ] });
 }
@@ -3008,35 +2995,35 @@ const kl = ({
   icon: t,
   onClick: a
 }) => {
-  const n = Ja(t || ""), l = s.charAt(0).toUpperCase();
-  return /* @__PURE__ */ e.jsx(O, { onClick: a, title: s, variant: "ghost", children: n ? /* @__PURE__ */ e.jsx(n, { className: "h-4 w-4" }) : l });
+  const n = Wa(t || ""), l = s.charAt(0).toUpperCase();
+  return /* @__PURE__ */ e.jsx(z, { onClick: a, title: s, variant: "ghost", children: n ? /* @__PURE__ */ e.jsx(n, { className: "h-4 w-4" }) : l });
 };
 function zl() {
-  var u, b;
-  const [s, t] = V(!1), a = h((g) => g.card), n = a.type, { setCardType: l, setCardPreferences: d, setChartOrientation: i } = h((g) => g.actions), { setCardCustomCfg: o, setCustomCardPreferences: c } = ie();
-  function p(g, m) {
-    o(null), d({}), l(g), m && c({
+  var d, b;
+  const [s, t] = V(!1), a = m((j) => j.card), n = a.type, { setCardType: l, setCardPreferences: r, setChartOrientation: u } = m((j) => j.actions), { setCardCustomCfg: o, setCustomCardPreferences: c } = ie();
+  function p(j, h) {
+    o(null), r({}), l(j), h && c({
       type: "component",
       visualType: "single",
-      url: m.url,
-      componentName: m.name,
-      icon: m.icon
+      url: h.url,
+      componentName: h.name,
+      icon: h.icon
     }), t(!1);
   }
-  return /* @__PURE__ */ e.jsxs(ps, { open: s, onOpenChange: t, children: [
-    /* @__PURE__ */ e.jsx(fs, { asChild: !0, children: /* @__PURE__ */ e.jsx(O, { size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(
+  return /* @__PURE__ */ e.jsxs(fs, { open: s, onOpenChange: t, children: [
+    /* @__PURE__ */ e.jsx(gs, { asChild: !0, children: /* @__PURE__ */ e.jsx(z, { size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(
       Ol,
       {
         className: "h-4 w-4",
         chartType: n,
-        customIcon: (u = a.customCardPreferences) == null ? void 0 : u.icon,
+        customIcon: (d = a.customCardPreferences) == null ? void 0 : d.icon,
         componentName: (b = a.customCardPreferences) == null ? void 0 : b.componentName
       }
     ) }) }),
-    /* @__PURE__ */ e.jsxs(gs, { className: "w-50", children: [
+    /* @__PURE__ */ e.jsxs(js, { className: "w-50", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-4 place-items-center", children: [
         /* @__PURE__ */ e.jsx(
-          O,
+          z,
           {
             onClick: () => p("bar"),
             className: "font-normal",
@@ -3045,7 +3032,7 @@ function zl() {
           }
         ),
         /* @__PURE__ */ e.jsx(
-          O,
+          z,
           {
             onClick: () => p("line"),
             variant: "ghost",
@@ -3053,60 +3040,60 @@ function zl() {
           }
         ),
         /* @__PURE__ */ e.jsx(
-          O,
+          z,
           {
             onClick: () => p("stackedBar"),
             variant: "ghost",
-            children: /* @__PURE__ */ e.jsx(Ua, { className: "size-5", strokeWidth: 0 })
+            children: /* @__PURE__ */ e.jsx(Qa, { className: "size-5", strokeWidth: 0 })
           }
         ),
         /* @__PURE__ */ e.jsx(
-          O,
+          z,
           {
             onClick: () => p("stackedLine"),
             variant: "ghost",
-            children: /* @__PURE__ */ e.jsx(Ba, { className: "size-5", strokeWidth: 0 })
+            children: /* @__PURE__ */ e.jsx(Ga, { className: "size-5", strokeWidth: 0 })
           }
         ),
         /* @__PURE__ */ e.jsx(
-          O,
+          z,
           {
             onClick: () => p("scatter"),
             variant: "ghost",
-            children: /* @__PURE__ */ e.jsx(Fa, { className: "size-5" })
+            children: /* @__PURE__ */ e.jsx(Ta, { className: "size-5" })
           }
         ),
         /* @__PURE__ */ e.jsx(
-          O,
+          z,
           {
             onClick: () => p("bubble"),
             variant: "ghost",
-            children: /* @__PURE__ */ e.jsx(Pa, { className: "size-4" })
+            children: /* @__PURE__ */ e.jsx(Ua, { className: "size-4" })
           }
         ),
         /* @__PURE__ */ e.jsx(
-          O,
+          z,
           {
             onClick: () => p("pie"),
             variant: "ghost",
-            children: /* @__PURE__ */ e.jsx(Ia, { className: "size-5" })
+            children: /* @__PURE__ */ e.jsx(Fa, { className: "size-5" })
           }
         ),
         /* @__PURE__ */ e.jsx(
-          O,
+          z,
           {
             onClick: () => p("doughnut"),
             variant: "ghost",
-            children: /* @__PURE__ */ e.jsx(Ha, { className: "size-5", strokeWidth: 1 })
+            children: /* @__PURE__ */ e.jsx(Pa, { className: "size-5", strokeWidth: 1 })
           }
         ),
         /* @__PURE__ */ e.jsx(
-          O,
+          z,
           {
             onClick: () => p("radar"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(
-              _a,
+              $a,
               {
                 className: "size-5 font-extralight",
                 strokeWidth: 0.5
@@ -3115,31 +3102,31 @@ function zl() {
           }
         ),
         /* @__PURE__ */ e.jsx(
-          O,
+          z,
           {
             onClick: () => p("polarArea"),
             variant: "ghost",
-            children: /* @__PURE__ */ e.jsx($a, { className: "size-5" })
+            children: /* @__PURE__ */ e.jsx(Ba, { className: "size-5" })
           }
         ),
         /* @__PURE__ */ e.jsx(
-          O,
+          z,
           {
             onClick: () => p("pyramid"),
             variant: "ghost",
-            children: /* @__PURE__ */ e.jsx(Qa, { className: "size-5" })
+            children: /* @__PURE__ */ e.jsx(Ka, { className: "size-5" })
           }
         ),
         /* @__PURE__ */ e.jsx(
-          O,
+          z,
           {
             onClick: () => p("range"),
             variant: "ghost",
-            children: /* @__PURE__ */ e.jsx(Oa, { className: "size-5" })
+            children: /* @__PURE__ */ e.jsx(Da, { className: "size-5" })
           }
         ),
         /* @__PURE__ */ e.jsx(
-          O,
+          z,
           {
             onClick: () => p("table"),
             variant: "ghost",
@@ -3147,15 +3134,15 @@ function zl() {
           }
         ),
         /* @__PURE__ */ e.jsx(
-          O,
+          z,
           {
             onClick: () => p("kpi"),
             variant: "ghost",
-            children: /* @__PURE__ */ e.jsx(Ga, { className: "size-6" })
+            children: /* @__PURE__ */ e.jsx(Ja, { className: "size-6" })
           }
         ),
         /* @__PURE__ */ e.jsx(
-          O,
+          z,
           {
             onClick: () => p("text"),
             variant: "ghost",
@@ -3163,19 +3150,19 @@ function zl() {
           }
         ),
         /* @__PURE__ */ e.jsx(
-          O,
+          z,
           {
             onClick: () => p("map"),
             variant: "ghost",
-            children: /* @__PURE__ */ e.jsx(Ta, { className: "size-4" })
+            children: /* @__PURE__ */ e.jsx(Ma, { className: "size-4" })
           }
         ),
         /* @__PURE__ */ e.jsx(
-          O,
+          z,
           {
             onClick: () => p("custom"),
             variant: "ghost",
-            children: /* @__PURE__ */ e.jsx(La, { className: "size-4" })
+            children: /* @__PURE__ */ e.jsx(Ea, { className: "size-4" })
           }
         )
       ] }),
@@ -3189,58 +3176,58 @@ function Ol({
   customIcon: a,
   componentName: n
 }) {
-  const l = Ja(a || "");
+  const l = Wa(a || "");
   switch (s) {
     case "bar":
       return /* @__PURE__ */ e.jsx(Bs, { className: t });
     case "line":
       return /* @__PURE__ */ e.jsx(Us, { className: t });
     case "pie":
-      return /* @__PURE__ */ e.jsx(Ia, { className: t });
+      return /* @__PURE__ */ e.jsx(Fa, { className: t });
     case "radar":
-      return /* @__PURE__ */ e.jsx(_a, { className: t });
+      return /* @__PURE__ */ e.jsx($a, { className: t });
     case "scatter":
-      return /* @__PURE__ */ e.jsx(Fa, { className: t });
+      return /* @__PURE__ */ e.jsx(Ta, { className: t });
     case "bubble":
-      return /* @__PURE__ */ e.jsx(Pa, { className: t });
+      return /* @__PURE__ */ e.jsx(Ua, { className: t });
     case "doughnut":
-      return /* @__PURE__ */ e.jsx(Ha, { className: t });
+      return /* @__PURE__ */ e.jsx(Pa, { className: t });
     case "stackedBar":
-      return /* @__PURE__ */ e.jsx(Ua, { className: "size-4 text-foreground/70" });
+      return /* @__PURE__ */ e.jsx(Qa, { className: "size-4 text-foreground/70" });
     case "stackedLine":
-      return /* @__PURE__ */ e.jsx(Ba, { className: "size-4 text-foreground/70" });
+      return /* @__PURE__ */ e.jsx(Ga, { className: "size-4 text-foreground/70" });
     case "polarArea":
-      return /* @__PURE__ */ e.jsx($a, { className: t });
+      return /* @__PURE__ */ e.jsx(Ba, { className: t });
     case "pyramid":
-      return /* @__PURE__ */ e.jsx(Qa, { className: t });
+      return /* @__PURE__ */ e.jsx(Ka, { className: t });
     case "range":
-      return /* @__PURE__ */ e.jsx(Oa, { className: t });
+      return /* @__PURE__ */ e.jsx(Da, { className: t });
     case "kpi":
-      return /* @__PURE__ */ e.jsx(Ga, { className: t });
+      return /* @__PURE__ */ e.jsx(Ja, { className: t });
     case "text":
       return /* @__PURE__ */ e.jsx(Gs, { className: t });
     case "map":
-      return /* @__PURE__ */ e.jsx(Ta, { className: t });
+      return /* @__PURE__ */ e.jsx(Ma, { className: t });
     case "custom":
-      return a && l ? /* @__PURE__ */ e.jsx(l, { className: t }) : n ? n == null ? void 0 : n.charAt(0).toUpperCase() : /* @__PURE__ */ e.jsx(La, { className: t });
+      return a && l ? /* @__PURE__ */ e.jsx(l, { className: t }) : n ? n == null ? void 0 : n.charAt(0).toUpperCase() : /* @__PURE__ */ e.jsx(Ea, { className: t });
     default:
       return /* @__PURE__ */ e.jsx(Vs, { className: t });
   }
 }
 function Il() {
   var t;
-  const s = h((a) => a.card);
+  const s = m((a) => a.card);
   return (t = s.customCardPreferences) == null || t.showCardHeader, ie(), /* @__PURE__ */ e.jsxs(ra, { children: [
-    /* @__PURE__ */ e.jsx(ia, { asChild: !0, children: /* @__PURE__ */ e.jsx(Da, { className: "size-4 cursor-pointer text-muted-foreground/70 transition-colors hover:text-muted-foreground" }) }),
+    /* @__PURE__ */ e.jsx(ia, { asChild: !0, children: /* @__PURE__ */ e.jsx(La, { className: "size-4 cursor-pointer text-muted-foreground/70 transition-colors hover:text-muted-foreground" }) }),
     /* @__PURE__ */ e.jsx(oa, { align: "start", className: "w-40 text-muted-foreground", children: /* @__PURE__ */ e.jsxs(
-      Jt,
+      Kt,
       {
         onClick: () => {
           navigator.clipboard.writeText(s.id), We.success("Card ID copied to clipboard");
         },
         className: "cursor-pointer space-x-2",
         children: [
-          /* @__PURE__ */ e.jsx(Vn, { className: "size-5" }),
+          /* @__PURE__ */ e.jsx(Wt, { className: "size-5" }),
           /* @__PURE__ */ e.jsx("span", { children: "Copy Card ID" })
         ]
       }
@@ -3248,11 +3235,11 @@ function Il() {
   ] });
 }
 function ta() {
-  const s = h((x) => x.frame), t = h((x) => x.card), a = h((x) => x.isShowingVisual), n = h((x) => x.isSqlRunning), l = h((x) => x.queryError), d = h((x) => x.pythonStdOut), i = h((x) => x.actions.setRunSql);
-  h((x) => x.onSave), h((x) => x.onClose), h((x) => x.actions.setCardSql), h((x) => x.actions.setCardType), h((x) => x.actions.setSqlGen);
-  const { setFrame: o, setCard: c, updateCardInFrame: p } = ie(), { data: u, isLoading: b, isFetching: g } = Re(t);
+  const s = m((x) => x.frame), t = m((x) => x.card), a = m((x) => x.isShowingVisual), n = m((x) => x.isSqlRunning), l = m((x) => x.queryError), r = m((x) => x.pythonStdOut), u = m((x) => x.actions.setRunSql);
+  m((x) => x.onSave), m((x) => x.onClose), m((x) => x.actions.setCardSql), m((x) => x.actions.setCardType), m((x) => x.actions.setSqlGen);
+  const { setFrame: o, setCard: c, updateCardInFrame: p } = ie(), { data: d, isLoading: b, isFetching: j } = Re(t);
   if (!t) return /* @__PURE__ */ e.jsx(e.Fragment, { children: "No Active Card" });
-  function m() {
+  function h() {
     const x = {
       connectionId: t.connectionId,
       id: Ke(),
@@ -3270,9 +3257,9 @@ function ta() {
       sql: "",
       data: []
     };
-    j(x);
+    g(x);
   }
-  function j(x) {
+  function g(x) {
     const v = {
       ...s,
       cards: [...s.cards, x],
@@ -3287,7 +3274,7 @@ function ta() {
       title: `${t.title} Copy`,
       tabTitle: `${t.tabTitle || t.title} Copy`
     };
-    j(x);
+    g(x);
   }
   function I(x) {
     const v = s.cards.filter((S) => S.id !== x), f = v[0], k = {
@@ -3306,11 +3293,11 @@ function ta() {
     };
     o(v);
     const f = v.cards.find((k) => k.id === x);
-    f.sql && i(!0), c(f);
+    f.sql && u(!0), c(f);
   }
   const L = (x, v) => {
     console.log("handleDragStart", v), x.dataTransfer.setData("tabIndex", v.toString());
-  }, F = (x) => {
+  }, D = (x) => {
     x.preventDefault();
   }, A = (x, v) => {
     const f = x.dataTransfer.getData("tabIndex");
@@ -3329,20 +3316,20 @@ function ta() {
             displayTab: f
           });
         },
-        children: v.displayTab === !0 || v.displayTab === void 0 ? /* @__PURE__ */ e.jsx(Tn, { className: "mr-2 size-3.5 text-muted-foreground hover:text-foreground" }) : /* @__PURE__ */ e.jsx(Dn, { className: "mr-2 size-3.5 text-muted-foreground hover:text-foreground" })
+        children: v.displayTab === !0 || v.displayTab === void 0 ? /* @__PURE__ */ e.jsx(Ln, { className: "mr-2 size-3.5 text-muted-foreground hover:text-foreground" }) : /* @__PURE__ */ e.jsx(Tn, { className: "mr-2 size-3.5 text-muted-foreground hover:text-foreground" })
       }
     );
   }
-  function D() {
+  function F() {
     return /* @__PURE__ */ e.jsxs(
-      Ca,
+      Na,
       {
         onValueChange: y,
         value: s.activeCardId,
         className: "flex grow flex-col",
         children: [
           s.cards.map((x) => /* @__PURE__ */ e.jsx(os, { className: "mt-0 grow", value: x.id, children: E() }, x.id)),
-          /* @__PURE__ */ e.jsx(Na, { className: "group mx-6 justify-between", children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center", children: [
+          /* @__PURE__ */ e.jsx(Sa, { className: "group mx-6 justify-between", children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center", children: [
             s.cards.map((x, v) => /* @__PURE__ */ e.jsx(
               rs,
               {
@@ -3355,7 +3342,7 @@ function ta() {
                   {
                     draggable: !0,
                     onDragStart: (f) => L(f, v),
-                    onDragOver: F,
+                    onDragOver: D,
                     onDrop: (f) => A(f, v),
                     className: "",
                     value: x.id,
@@ -3363,7 +3350,7 @@ function ta() {
                       N(s, x),
                       x.tabTitle || x.title,
                       s.activeCardId === x.id && s.cards.length > 1 && /* @__PURE__ */ e.jsx(
-                        wa,
+                        ka,
                         {
                           className: "ml-2 size-3.5 text-muted-foreground hover:text-foreground",
                           onClick: () => I(x.id)
@@ -3376,21 +3363,21 @@ function ta() {
               x.id
             )),
             /* @__PURE__ */ e.jsx(
-              O,
+              z,
               {
                 className: "ml-1 h-8 px-2 hover:bg-muted-foreground/50",
                 variant: "outline",
-                onClick: m,
+                onClick: h,
                 children: /* @__PURE__ */ e.jsx(Ts, { className: "h-4 w-4" })
               }
             ),
             /* @__PURE__ */ e.jsx(
-              O,
+              z,
               {
                 className: "invisible ml-1 h-8 px-2 hover:bg-muted-foreground/50 group-hover:visible",
                 variant: "outline",
                 onClick: C,
-                children: /* @__PURE__ */ e.jsx(On, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ e.jsx(In, { className: "h-4 w-4" })
               }
             )
           ] }) })
@@ -3399,32 +3386,32 @@ function ta() {
     );
   }
   function E() {
-    return t.type === "kpi" ? /* @__PURE__ */ e.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e.jsx(Kt, { card: t, data: u == null ? void 0 : u.records }) }) }) : t.type === "text" ? /* @__PURE__ */ e.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e.jsx(ze, { className: "mx-3 my-6 h-[300px] overflow-y-auto break-words px-3", children: /* @__PURE__ */ e.jsx(
-      Wt,
+    return t.type === "kpi" ? /* @__PURE__ */ e.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e.jsx(Yt, { card: t, data: d == null ? void 0 : d.records }) }) }) : t.type === "text" ? /* @__PURE__ */ e.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e.jsx(ze, { className: "mx-3 my-6 h-[300px] overflow-y-auto break-words px-3", children: /* @__PURE__ */ e.jsx(
+      Xt,
       {
         isLoading: n,
         card: t,
-        data: u == null ? void 0 : u.records
+        data: d == null ? void 0 : d.records
       }
-    ) }) }) }) : /* @__PURE__ */ e.jsx(xs, { FallbackComponent: va, children: /* @__PURE__ */ e.jsx(Ra, { className: "grow border-none shadow-none" }) });
+    ) }) }) }) : /* @__PURE__ */ e.jsx(ps, { FallbackComponent: Ca, children: /* @__PURE__ */ e.jsx(Ha, { className: "grow border-none shadow-none" }) });
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "relative flex h-full flex-col py-3", children: [
-    (b || g) && /* @__PURE__ */ e.jsx(qe, { className: "absolute bottom-0 left-0 right-0 top-0 z-50 m-auto h-10 w-10 animate-spin text-foreground/10" }),
+    (b || j) && /* @__PURE__ */ e.jsx(qe, { className: "absolute bottom-0 left-0 right-0 top-0 z-50 m-auto h-10 w-10 animate-spin text-foreground/10" }),
     /* @__PURE__ */ e.jsxs("div", { className: "mb-0 flex min-h-10 items-center justify-end gap-2 px-6", children: [
       a && /* @__PURE__ */ e.jsxs("div", { className: "flex grow items-center gap-2", children: [
         /* @__PURE__ */ e.jsx(zl, {}),
         !["table", "custom"].includes(t.type) && /* @__PURE__ */ e.jsx(Sl, {}),
         /* @__PURE__ */ e.jsx(Il, {})
       ] }),
-      /* @__PURE__ */ e.jsx(Dl, {})
+      /* @__PURE__ */ e.jsx(Fl, {})
     ] }),
-    a ? D() : /* @__PURE__ */ e.jsxs(
+    a ? F() : /* @__PURE__ */ e.jsxs(
       cs,
       {
         className: "px-6",
         direction: "horizontal",
         children: [
-          d && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          r && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
             /* @__PURE__ */ e.jsx(
               Ne,
               {
@@ -3433,7 +3420,7 @@ function ta() {
                 defaultSize: 30,
                 minSize: 10,
                 className: "relative flex h-full min-h-0 w-full flex-1 basis-0",
-                children: d && /* @__PURE__ */ e.jsx(Fl, {})
+                children: r && /* @__PURE__ */ e.jsx(Dl, {})
               }
             ),
             /* @__PURE__ */ e.jsx(ds, {})
@@ -3446,7 +3433,7 @@ function ta() {
               minSize: 10,
               className: "relative flex h-full min-h-0 w-full flex-1 basis-0",
               children: /* @__PURE__ */ e.jsxs(ze, { className: "relative flex h-full min-h-0 w-full flex-1 basis-0", children: [
-                (u == null ? void 0 : u.records) && (u == null ? void 0 : u.records.length) > 0 && /* @__PURE__ */ e.jsx(Cl, { data: (u == null ? void 0 : u.records) || [] }),
+                (d == null ? void 0 : d.records) && (d == null ? void 0 : d.records.length) > 0 && /* @__PURE__ */ e.jsx(Cl, { data: (d == null ? void 0 : d.records) || [] }),
                 l && /* @__PURE__ */ e.jsx("span", { className: "font-mono text-xs", children: l }),
                 /* @__PURE__ */ e.jsx(Ye, { orientation: "horizontal" })
               ] })
@@ -3457,8 +3444,8 @@ function ta() {
     )
   ] });
 }
-function Fl() {
-  const s = h((a) => a.pythonStdOut);
+function Dl() {
+  const s = m((a) => a.pythonStdOut);
   if (!s) return null;
   const t = s.replace(/\n/g, "<br>");
   return /* @__PURE__ */ e.jsxs("div", { className: "relative flex w-full flex-col border-r", children: [
@@ -3469,14 +3456,14 @@ function Fl() {
     ] })
   ] });
 }
-function Dl() {
-  const s = h((a) => a.isShowingVisual), t = h(
+function Fl() {
+  const s = m((a) => a.isShowingVisual), t = m(
     (a) => a.actions.setIsShowingVisual
   );
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
     /* @__PURE__ */ e.jsx(_, { htmlFor: "visualize", children: "Chart" }),
     /* @__PURE__ */ e.jsx(
-      Yt,
+      Zt,
       {
         checked: s,
         onCheckedChange: () => t(!s),
@@ -3492,7 +3479,7 @@ function Tl({
   onValueChange: a
 }) {
   return /* @__PURE__ */ e.jsx(
-    js,
+    bs,
     {
       value: t,
       onValueChange: a,
@@ -3512,9 +3499,9 @@ function ue({
   onValueChange: n,
   className: l
 }) {
-  return /* @__PURE__ */ e.jsxs(he, { value: a, onValueChange: n, children: [
+  return /* @__PURE__ */ e.jsxs(me, { value: a, onValueChange: n, children: [
     /* @__PURE__ */ e.jsx(
-      me,
+      he,
       {
         className: K("w-full focus:ring-0 focus:ring-offset-0", l),
         children: /* @__PURE__ */ e.jsx(xe, { placeholder: s })
@@ -3522,7 +3509,7 @@ function ue({
     ),
     /* @__PURE__ */ e.jsx(pe, { children: /* @__PURE__ */ e.jsxs(Se, { children: [
       /* @__PURE__ */ e.jsx(fe, { children: s }),
-      t.map((d) => /* @__PURE__ */ e.jsx(Y, { value: d.value, children: d.label }, d.value))
+      t.map((r) => /* @__PURE__ */ e.jsx(Y, { value: r.value, children: r.label }, r.value))
     ] }) })
   ] });
 }
@@ -3540,7 +3527,7 @@ function Qe({
       children: [
         /* @__PURE__ */ e.jsxs("summary", { className: "flex cursor-pointer list-none items-center justify-between gap-4", children: [
           /* @__PURE__ */ e.jsx(_, { children: t }),
-          /* @__PURE__ */ e.jsx(Xt, { className: "h-4 w-4" })
+          /* @__PURE__ */ e.jsx(en, { className: "h-4 w-4" })
         ] }),
         /* @__PURE__ */ e.jsx("div", { className: "transition-all ease-in-out", children: s })
       ]
@@ -3549,14 +3536,14 @@ function Qe({
 }
 function Ll() {
   var C, I;
-  const s = h(
+  const s = m(
     (y) => y.card.customCardPreferences
-  ), { data: t } = Ka(), a = (t == null ? void 0 : t.plugins) || [], n = h((y) => y.card), l = h((y) => y.frame), d = (s == null ? void 0 : s.visualType) || "single", { setCustomCardPreferences: i } = ie(), { components: o, manifest: c } = ba(
+  ), { data: t } = Ya(), a = (t == null ? void 0 : t.plugins) || [], n = m((y) => y.card), l = m((y) => y.frame), r = (s == null ? void 0 : s.visualType) || "single", { setCustomCardPreferences: u } = ie(), { components: o, manifest: c } = ba(
     (s == null ? void 0 : s.url) || ""
   ), p = (C = c == null ? void 0 : c.visuals) == null ? void 0 : C.find(
     (y) => y.name === (s == null ? void 0 : s.componentName)
   );
-  function u(y, L) {
+  function d(y, L) {
     if (!s) return;
     const A = {
       ...(s == null ? void 0 : s.dataInputCardIds) || {},
@@ -3565,21 +3552,21 @@ function Ll() {
         hookRef: null
       }
     };
-    i({
+    u({
       ...s,
       dataInputCardIds: A
     });
   }
   function b(y) {
-    var F, A;
-    const L = (F = l == null ? void 0 : l.cards) == null ? void 0 : F.filter((N) => {
-      var D;
-      return ((D = N == null ? void 0 : N.customCardPreferences) == null ? void 0 : D.visualType) !== "multiple";
+    var D, A;
+    const L = (D = l == null ? void 0 : l.cards) == null ? void 0 : D.filter((N) => {
+      var F;
+      return ((F = N == null ? void 0 : N.customCardPreferences) == null ? void 0 : F.visualType) !== "multiple";
     }).map((N) => ({
       value: N.id,
       label: N.tabTitle || N.title
     }));
-    return /* @__PURE__ */ e.jsx("div", { className: "space-y-2", children: (A = y == null ? void 0 : y.dataInputs) == null ? void 0 : A.map((N, D) => {
+    return /* @__PURE__ */ e.jsx("div", { className: "space-y-2", children: (A = y == null ? void 0 : y.dataInputs) == null ? void 0 : A.map((N, F) => {
       var E, x;
       return /* @__PURE__ */ e.jsxs(
         "div",
@@ -3593,29 +3580,29 @@ function Ll() {
                 className: "col-span-6 h-8 w-full justify-between",
                 label: "",
                 options: L || [],
-                value: ((x = (E = s == null ? void 0 : s.dataInputCardIds) == null ? void 0 : E[D]) == null ? void 0 : x.cardId) || "",
-                onValueChange: (v) => u(D, v)
+                value: ((x = (E = s == null ? void 0 : s.dataInputCardIds) == null ? void 0 : E[F]) == null ? void 0 : x.cardId) || "",
+                onValueChange: (v) => d(F, v)
               }
             )
           ]
         },
-        D + Math.random()
+        F + Math.random()
       );
     }) });
   }
-  function g(y, L, F = []) {
+  function j(y, L, D = []) {
     var A, N;
     return s ? y === "input" ? /* @__PURE__ */ e.jsx(
       re,
       {
         className: `h-8 w-full ${Ue}`,
         value: ((A = s == null ? void 0 : s.settings) == null ? void 0 : A[L]) || "",
-        onChange: (D) => {
-          i({
+        onChange: (F) => {
+          u({
             ...s,
             settings: {
               ...s == null ? void 0 : s.settings,
-              [L]: D.target.value
+              [L]: F.target.value
             }
           });
         }
@@ -3626,30 +3613,30 @@ function Ll() {
       {
         className: "h-8 w-full",
         label: "",
-        options: F,
+        options: D,
         value: ((N = s == null ? void 0 : s.settings) == null ? void 0 : N[L]) || "",
-        onValueChange: (D) => {
-          i({
+        onValueChange: (F) => {
+          u({
             ...s,
-            settings: { ...s == null ? void 0 : s.settings, [L]: D }
+            settings: { ...s == null ? void 0 : s.settings, [L]: F }
           });
         }
       }
     ) : null : null;
   }
-  function m(y) {
+  function h(y) {
     const L = Object.entries((y == null ? void 0 : y.settings) || {});
-    return /* @__PURE__ */ e.jsx("div", { className: "space-y-3", children: L.map(([F, A]) => /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
+    return /* @__PURE__ */ e.jsx("div", { className: "space-y-3", children: L.map(([D, A]) => /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ e.jsx(_, { children: A.title }),
-      g(
+      j(
         A.ui,
-        F,
+        D,
         A.options
       )
-    ] }, F)) });
+    ] }, D)) });
   }
-  function j(y) {
-    s && i({
+  function g(y) {
+    s && u({
       ...s,
       visualType: y,
       componentName: ""
@@ -3668,7 +3655,7 @@ function Ll() {
               label: "",
               options: a,
               value: (s == null ? void 0 : s.url) || "",
-              onValueChange: (y) => i({
+              onValueChange: (y) => u({
                 ...s || {
                   url: "",
                   componentName: ""
@@ -3684,8 +3671,8 @@ function Ll() {
                 { value: "single", label: "Single Visual" },
                 { value: "multiple", label: "Multi-Visual" }
               ],
-              value: d,
-              onValueChange: j
+              value: r,
+              onValueChange: g
             }
           ),
           ((s == null ? void 0 : s.type) === "component" || (s == null ? void 0 : s.type) === void 0) && s && /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
@@ -3696,14 +3683,14 @@ function Ll() {
                 className: "h-8 w-full",
                 label: "",
                 options: (o == null ? void 0 : o.filter(
-                  (y) => y.type === d
+                  (y) => y.type === r
                 ).map((y) => ({
                   value: y.name,
                   label: y.name
                 }))) || [],
                 value: s.componentName,
                 onValueChange: (y) => {
-                  console.log("changing value", y), i({
+                  console.log("changing value", y), u({
                     ...s,
                     componentName: y
                   });
@@ -3718,7 +3705,7 @@ function Ll() {
             /* @__PURE__ */ e.jsx(_, { children: "Input Mapping" }),
             /* @__PURE__ */ e.jsx("div", { className: "px-2", children: b(p) })
           ] }),
-          p && p.settings && /* @__PURE__ */ e.jsx("div", { className: "space-y-3", children: /* @__PURE__ */ e.jsx("div", { className: "px-2", children: m(p) }) })
+          p && p.settings && /* @__PURE__ */ e.jsx("div", { className: "space-y-3", children: /* @__PURE__ */ e.jsx("div", { className: "px-2", children: h(p) }) })
         ] })
       ]
     }
@@ -3726,68 +3713,68 @@ function Ll() {
 }
 function Me() {
   const [s, t] = V([]);
-  h(
-    (u) => u.card.cfg
+  m(
+    (d) => d.card.cfg
   );
-  const a = h((u) => u.card.preferences), { setCardCfg: n, setFilterOnClickColumnIndex: l, setCardPreferences: d } = h((u) => u.actions), i = h(
-    (u) => u.queryResultColumns
+  const a = m((d) => d.card.preferences), { setCardCfg: n, setFilterOnClickColumnIndex: l, setCardPreferences: r } = m((d) => d.actions), u = m(
+    (d) => d.queryResultColumns
   );
-  h(
-    (u) => {
+  m(
+    (d) => {
       var b;
-      return (b = u.card.preferences) == null ? void 0 : b.filterOnClickColumnIndex;
+      return (b = d.card.preferences) == null ? void 0 : b.filterOnClickColumnIndex;
     }
   ), se(() => {
-    i && t(new Array(i.length).fill(!1));
-  }, [i]);
-  function o(u, b) {
-    var g, m;
-    b ? a != null && a.onClickFilter && ((g = a == null ? void 0 : a.onClickFilter) == null ? void 0 : g.length) > 0 ? d({
+    u && t(new Array(u.length).fill(!1));
+  }, [u]);
+  function o(d, b) {
+    var j, h;
+    b ? a != null && a.onClickFilter && ((j = a == null ? void 0 : a.onClickFilter) == null ? void 0 : j.length) > 0 ? r({
       ...a,
       onClickFilter: [
         ...a.onClickFilter,
         {
-          columnIndex: u,
+          columnIndex: d,
           expression: ""
         }
       ]
-    }) : d({
+    }) : r({
       ...a,
       onClickFilter: [
         {
-          columnIndex: u,
+          columnIndex: d,
           expression: ""
         }
       ]
-    }) : (d({
+    }) : (r({
       ...a,
-      onClickFilter: (m = a == null ? void 0 : a.onClickFilter) == null ? void 0 : m.filter(
-        (j) => j.columnIndex !== u
+      onClickFilter: (h = a == null ? void 0 : a.onClickFilter) == null ? void 0 : h.filter(
+        (g) => g.columnIndex !== d
       )
-    }), t((j) => {
-      const C = [...j];
-      return C[u] = !1, C;
+    }), t((g) => {
+      const C = [...g];
+      return C[d] = !1, C;
     }));
   }
-  function c(u, b) {
-    var m;
-    const g = (m = a == null ? void 0 : a.onClickFilter) == null ? void 0 : m.map((j) => j.columnIndex === u ? {
-      ...j,
+  function c(d, b) {
+    var h;
+    const j = (h = a == null ? void 0 : a.onClickFilter) == null ? void 0 : h.map((g) => g.columnIndex === d ? {
+      ...g,
       expression: b.target.value
-    } : j);
-    d({
+    } : g);
+    r({
       ...a,
-      onClickFilter: g
+      onClickFilter: j
     });
   }
-  function p(u) {
-    var b, g, m, j;
-    if (s != null && s[u] || (g = (b = a == null ? void 0 : a.onClickFilter) == null ? void 0 : b.find((C) => C.columnIndex === u)) != null && g.expression)
+  function p(d) {
+    var b, j, h, g;
+    if (s != null && s[d] || (j = (b = a == null ? void 0 : a.onClickFilter) == null ? void 0 : b.find((C) => C.columnIndex === d)) != null && j.expression)
       return /* @__PURE__ */ e.jsx(
         re,
         {
-          value: (j = (m = a == null ? void 0 : a.onClickFilter) == null ? void 0 : m.find((C) => C.columnIndex === u)) == null ? void 0 : j.expression,
-          onChange: (C) => c(u, C),
+          value: (g = (h = a == null ? void 0 : a.onClickFilter) == null ? void 0 : h.find((C) => C.columnIndex === d)) == null ? void 0 : g.expression,
+          onChange: (C) => c(d, C),
           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"
@@ -3796,8 +3783,8 @@ function Me() {
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ e.jsx(_, { children: "On Click" }),
-    i == null ? void 0 : i.map((u, b) => {
-      var g, m;
+    u == null ? void 0 : u.map((d, b) => {
+      var j, h;
       return /* @__PURE__ */ e.jsx(
         "div",
         {
@@ -3807,28 +3794,28 @@ function Me() {
               /* @__PURE__ */ e.jsx(
                 $s,
                 {
-                  checked: !!((g = a == null ? void 0 : a.onClickFilter) != null && g.find(
-                    (j) => j.columnIndex === b
+                  checked: !!((j = a == null ? void 0 : a.onClickFilter) != null && j.find(
+                    (g) => g.columnIndex === b
                   )),
-                  onCheckedChange: (j) => o(b, j)
+                  onCheckedChange: (g) => o(b, g)
                 }
               ),
               /* @__PURE__ */ e.jsx(
                 "label",
                 {
                   className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
-                  children: u
+                  children: d
                 }
               ),
-              /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: ((m = a == null ? void 0 : a.onClickFilter) == null ? void 0 : m.find(
-                (j) => j.columnIndex === b
+              /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: ((h = a == null ? void 0 : a.onClickFilter) == null ? void 0 : h.find(
+                (g) => g.columnIndex === b
               )) && /* @__PURE__ */ e.jsx(
                 ca,
                 {
                   onClick: () => {
-                    t((j) => {
-                      const C = [...j];
-                      return C[b] = !j[b], C;
+                    t((g) => {
+                      const C = [...g];
+                      return C[b] = !g[b], C;
                     });
                   },
                   className: "invisible size-3 cursor-pointer text-gray-400 group-hover:visible"
@@ -3838,25 +3825,25 @@ function Me() {
             p(b)
           ] })
         },
-        u
+        d
       );
     })
   ] });
 }
-function bs() {
-  var i, o, c;
-  const s = h((p) => p.card.preferences), t = h(
+function ys() {
+  var u, o, c;
+  const s = m((p) => p.card.preferences), t = m(
     (p) => p.card.cfg
-  ), { setCardCfg: a, setCardPreferences: n, setChartOrientation: l } = h((p) => p.actions);
-  (i = t == null ? void 0 : t.options) != null && i.indexAxis;
-  function d(p) {
+  ), { setCardCfg: a, setCardPreferences: n, setChartOrientation: l } = m((p) => p.actions);
+  (u = t == null ? void 0 : t.options) != null && u.indexAxis;
+  function r(p) {
     l(p);
   }
   return /* @__PURE__ */ e.jsxs(
-    js,
+    bs,
     {
       value: ((o = s == null ? void 0 : s.chartOptions) == null ? void 0 : o.indexAxis) || ((c = t == null ? void 0 : t.options) == null ? void 0 : c.indexAxis) || "x",
-      onValueChange: d,
+      onValueChange: r,
       className: "flex gap-3",
       defaultValue: "x",
       children: [
@@ -3874,42 +3861,42 @@ function bs() {
 }
 const ns = "focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0";
 function na(s, t) {
-  var n, l, d;
-  const a = ka(s, t);
-  return ((d = (l = (n = s == null ? void 0 : s.chartOptions) == null ? void 0 : n.scales) == null ? void 0 : l[a]) == null ? void 0 : d.type) || "linear";
+  var n, l, r;
+  const a = za(s, t);
+  return ((r = (l = (n = s == null ? void 0 : s.chartOptions) == null ? void 0 : n.scales) == null ? void 0 : l[a]) == null ? void 0 : r.type) || "linear";
 }
-function Wa() {
+function Xa() {
   var Z, B, X, w, H, ae;
-  const [s, t] = V(!1), a = h((M) => {
+  const [s, t] = V(!1), a = m((M) => {
     var T;
     return (T = M.card) == null ? void 0 : T.preferences;
-  }), n = h((M) => {
+  }), n = m((M) => {
     var T;
     return (T = M.card) == null ? void 0 : T.cfg;
-  }), l = ka(a, n), [d, i] = V(
+  }), l = za(a, n), [r, u] = V(
     na(a)
   ), [o, c] = V(
     ((X = (B = (Z = a == null ? void 0 : a.chartOptions) == null ? void 0 : Z.scales) == null ? void 0 : B[l]) == null ? void 0 : X.min) || ""
-  ), [p, u] = V(
+  ), [p, d] = V(
     ((ae = (H = (w = a == null ? void 0 : a.chartOptions) == null ? void 0 : w.scales) == null ? void 0 : H[l]) == null ? void 0 : ae.max) || ""
-  ), [b, g] = V(o || p ? "custom" : "auto"), [m, j] = V(""), [C, I] = V(0), [y, L] = V(""), [F, A] = V(""), [N, D] = V(""), E = h(
+  ), [b, j] = V(o || p ? "custom" : "auto"), [h, g] = V(""), [C, I] = V(0), [y, L] = V(""), [D, A] = V(""), [N, F] = V(""), E = m(
     (M) => M.actions.setCardPreferences
-  ), { updateCardInFrame: x } = ie(), v = h((M) => M.card), f = h((M) => {
+  ), { updateCardInFrame: x } = ie(), v = m((M) => M.card), f = m((M) => {
     var T;
     return (T = M.card) == null ? void 0 : T.type;
   }), k = ["pie", "doughnut", "polarArea"].includes(f);
   se(() => {
-    var M, T, te, P, ee, ne, Ee, Ie, je, be, W, oe, ce, Fe;
-    i(na(a)), c(
+    var M, T, te, P, ee, ne, Ee, Ie, je, be, W, oe, ce, De;
+    u(na(a)), c(
       ((te = (T = (M = a == null ? void 0 : a.chartOptions) == null ? void 0 : M.scales) == null ? void 0 : T[l]) == null ? void 0 : te.min) === 0 ? 0 : ""
-    ), u(((ne = (ee = (P = a == null ? void 0 : a.chartOptions) == null ? void 0 : P.scales) == null ? void 0 : ee[l]) == null ? void 0 : ne.max) || ""), j(
+    ), d(((ne = (ee = (P = a == null ? void 0 : a.chartOptions) == null ? void 0 : P.scales) == null ? void 0 : ee[l]) == null ? void 0 : ne.max) || ""), g(
       ((be = (je = (Ie = (Ee = a == null ? void 0 : a.chartOptions) == null ? void 0 : Ee.scales) == null ? void 0 : Ie[l]) == null ? void 0 : je.ticks) == null ? void 0 : be.stepSize) || ""
-    ), I(((W = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : W.decimalPlaces) || 0), L(((oe = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : oe.suffix) || ""), A(((ce = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : ce.currency) || ""), D(((Fe = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : Fe.locale) || "");
+    ), I(((W = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : W.decimalPlaces) || 0), L(((oe = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : oe.suffix) || ""), A(((ce = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : ce.currency) || ""), F(((De = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : De.locale) || "");
   }, [s, a, l]);
   function S(M, T) {
     return T === "" || /^[0-9\b]+$/.test(T) ? Number(T) : Number(M);
   }
-  function R() {
+  function q() {
     const M = [
       ...new Set(us.map((T) => T.currency))
     ];
@@ -3931,12 +3918,12 @@ function Wa() {
           }
         ),
         /* @__PURE__ */ e.jsxs(
-          he,
+          me,
           {
-            value: F || "none",
+            value: D || "none",
             onValueChange: (T) => A(T === "none" ? "" : T),
             children: [
-              /* @__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(he, { 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(Y, { value: "none", children: "None" }),
@@ -3945,9 +3932,9 @@ function Wa() {
             ]
           }
         ),
-        /* @__PURE__ */ e.jsxs(he, { value: N, onValueChange: (T) => D(T), children: [
+        /* @__PURE__ */ e.jsxs(me, { value: N, onValueChange: (T) => F(T), children: [
           /* @__PURE__ */ e.jsx(
-            me,
+            he,
             {
               className: "col-span-2 h-8 w-full focus:ring-1 focus:ring-offset-0",
               children: /* @__PURE__ */ e.jsx(xe, {})
@@ -3990,7 +3977,7 @@ function Wa() {
           re,
           {
             value: p,
-            onChange: (M) => u((T) => S(T, M.target.value)),
+            onChange: (M) => d((T) => S(T, M.target.value)),
             id: "max",
             className: `col-span-1 h-8 w-full ${ns}`
           }
@@ -4001,8 +3988,8 @@ function Wa() {
         /* @__PURE__ */ e.jsx(
           re,
           {
-            value: m,
-            onChange: (M) => j((T) => S(T, M.target.value)),
+            value: h,
+            onChange: (M) => g((T) => S(T, M.target.value)),
             id: "step-size",
             className: `col-span-1 h-8 w-full ${ns}`
           }
@@ -4017,7 +4004,7 @@ function Wa() {
       min: o,
       max: p,
       ticks: {
-        stepSize: m
+        stepSize: h
       }
     });
     const T = {
@@ -4028,15 +4015,15 @@ function Wa() {
           ...(P = a == null ? void 0 : a.chartOptions) == null ? void 0 : P.scales,
           [l]: {
             // ...cardPreferences?.chartOptions?.scales?.[axis],
-            type: d,
-            ...d === "linear" ? M : {}
+            type: r,
+            ...r === "linear" ? M : {}
           }
         }
       },
       numberAxisFormat: {
         decimalPlaces: C,
         suffix: y,
-        currency: F,
+        currency: D,
         locale: N
       }
     };
@@ -4047,9 +4034,9 @@ function Wa() {
     };
     x(te);
   }
-  return /* @__PURE__ */ e.jsxs(ps, { onOpenChange: (M) => t(M), children: [
-    /* @__PURE__ */ e.jsx(fs, { asChild: !0, children: /* @__PURE__ */ e.jsx(Zt, { className: "size-4 cursor-pointer text-muted-foreground hover:text-foreground" }) }),
-    /* @__PURE__ */ e.jsx(gs, { align: "center", className: "max-w-65", children: /* @__PURE__ */ e.jsxs("div", { className: "grid gap-4", children: [
+  return /* @__PURE__ */ e.jsxs(fs, { onOpenChange: (M) => t(M), children: [
+    /* @__PURE__ */ e.jsx(gs, { asChild: !0, children: /* @__PURE__ */ e.jsx(sn, { className: "size-4 cursor-pointer text-muted-foreground hover:text-foreground" }) }),
+    /* @__PURE__ */ e.jsx(js, { 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" })
@@ -4058,13 +4045,13 @@ function Wa() {
         /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 items-center gap-2", children: [
           /* @__PURE__ */ e.jsx(_, { htmlFor: "scale", children: "Type" }),
           /* @__PURE__ */ e.jsxs(
-            he,
+            me,
             {
               disabled: k,
-              value: d,
-              onValueChange: (M) => i(M),
+              value: r,
+              onValueChange: (M) => u(M),
               children: [
-                /* @__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(he, { 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(Y, { value: "linear", children: "Linear" }),
@@ -4074,15 +4061,15 @@ function Wa() {
             }
           )
         ] }),
-        d == "linear" && /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 items-center gap-2 py-1", children: [
+        r == "linear" && /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 items-center gap-2 py-1", children: [
           /* @__PURE__ */ e.jsx(_, { htmlFor: "scale-option", children: "Setup" }),
           /* @__PURE__ */ e.jsxs(
-            js,
+            bs,
             {
               disabled: k,
               id: "scale-option",
               value: b,
-              onValueChange: (M) => g(M),
+              onValueChange: (M) => j(M),
               className: "col-span-2 flex gap-3",
               defaultValue: "x",
               children: [
@@ -4098,11 +4085,11 @@ function Wa() {
             }
           )
         ] }),
-        b === "custom" && d == "linear" && $(),
-        R(),
-        /* @__PURE__ */ e.jsx(en, {}),
+        b === "custom" && r == "linear" && $(),
+        q(),
+        /* @__PURE__ */ e.jsx(an, {}),
         /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-3", children: /* @__PURE__ */ e.jsx(
-          O,
+          z,
           {
             onClick: U,
             variant: "secondary",
@@ -4116,65 +4103,65 @@ function Wa() {
 }
 function Ml({ idx: s }) {
   var o;
-  const t = h((c) => {
+  const t = m((c) => {
     var p;
     return (p = c.card) == null ? void 0 : p.preferences;
-  }), a = h(
+  }), a = m(
     (c) => {
       var p;
       return (p = c.card.preferences) == null ? void 0 : p.datasetOptions;
     }
-  ), n = h(
+  ), n = m(
     (c) => c.actions.setCardPreferences
-  ), l = (o = t == null ? void 0 : t.chartOptions) == null ? void 0 : o.indexAxis, d = a == null ? void 0 : a.find((c) => c.idx === s);
-  function i(c, p) {
-    (c === "end" || c === "start") && sn(an());
-    const u = {
+  ), l = (o = t == null ? void 0 : t.chartOptions) == null ? void 0 : o.indexAxis, r = a == null ? void 0 : a.find((c) => c.idx === s);
+  function u(c, p) {
+    (c === "end" || c === "start") && tn(nn());
+    const d = {
       display: c !== "none",
       align: c,
       anchor: c,
       clamp: !0
     };
-    if (!d)
+    if (!r)
       n({
         ...t,
         datasetOptions: [
           ...a || [],
           {
             idx: p,
-            datalabels: u
+            datalabels: d
           }
         ]
       });
     else {
-      const b = { ...d };
-      b.datalabels = u;
-      const g = a == null ? void 0 : a.map(
-        (m) => m.idx === p ? b : m
+      const b = { ...r };
+      b.datalabels = d;
+      const j = a == null ? void 0 : a.map(
+        (h) => h.idx === p ? b : h
       );
       n({
         ...t,
-        datasetOptions: g
+        datasetOptions: j
       });
     }
   }
-  return /* @__PURE__ */ e.jsxs(ps, { children: [
-    /* @__PURE__ */ e.jsx(fs, { children: /* @__PURE__ */ e.jsx(Kn, { className: "invisible size-4 rotate-[135deg] cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible" }) }),
-    /* @__PURE__ */ e.jsx(gs, { className: "w-fit p-1", children: /* @__PURE__ */ e.jsxs("div", { className: "flex gap-1", children: [
+  return /* @__PURE__ */ e.jsxs(fs, { children: [
+    /* @__PURE__ */ e.jsx(gs, { children: /* @__PURE__ */ e.jsx(Kn, { className: "invisible size-4 rotate-[135deg] cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible" }) }),
+    /* @__PURE__ */ e.jsx(js, { className: "w-fit p-1", children: /* @__PURE__ */ e.jsxs("div", { className: "flex gap-1", children: [
       /* @__PURE__ */ e.jsx(
-        O,
+        z,
         {
-          onClick: () => i("none", s),
+          onClick: () => u("none", s),
           size: "sm",
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
-          children: /* @__PURE__ */ e.jsx(wa, { className: "size-4" })
+          children: /* @__PURE__ */ e.jsx(ka, { className: "size-4" })
         }
       ),
       /* @__PURE__ */ e.jsx(
-        O,
+        z,
         {
-          onClick: () => i("start", s),
+          onClick: () => u("start", s),
           size: "sm",
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
@@ -4189,9 +4176,9 @@ function Ml({ idx: s }) {
         }
       ),
       /* @__PURE__ */ e.jsx(
-        O,
+        z,
         {
-          onClick: () => i("center", s),
+          onClick: () => u("center", s),
           size: "sm",
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
@@ -4206,9 +4193,9 @@ function Ml({ idx: s }) {
         }
       ),
       /* @__PURE__ */ e.jsx(
-        O,
+        z,
         {
-          onClick: () => i("end", s),
+          onClick: () => u("end", s),
           size: "sm",
           variant: "secondary",
           className: "h-7 p-1 text-xs font-normal",
@@ -4225,28 +4212,28 @@ function Ml({ idx: s }) {
     ] }) })
   ] });
 }
-function Ya() {
-  const s = h((p) => p.card), t = h(
+function Za() {
+  const s = m((p) => p.card), t = m(
     (p) => {
-      var u, b, g;
-      return (g = (b = (u = p == null ? void 0 : p.card) == null ? void 0 : u.preferences) == null ? void 0 : b.chartOptions) == null ? void 0 : g.indexAxis;
+      var d, b, j;
+      return (j = (b = (d = p == null ? void 0 : p.card) == null ? void 0 : d.preferences) == null ? void 0 : b.chartOptions) == null ? void 0 : j.indexAxis;
     }
   ), { data: a } = Re(s), n = t === "y" ? "Y axis" : "X axis", l = t === "y" ? "X axis" : "Y axis", {
-    keys: d,
-    metricKeys: i,
+    keys: r,
+    metricKeys: u,
     dimensionKeys: o
-  } = Ss((a == null ? void 0 : a.records) || []);
-  let c = i;
+  } = ws((a == null ? void 0 : a.records) || []);
+  let c = u;
   if (["stackedBar", "stackedLine"].includes(s.type)) {
-    const p = tn({
+    const p = ln({
       dataArray: (a == null ? void 0 : a.records) || [],
       groupKey: o[0],
       pivotKey: o[1],
       valueKey: c[0]
-    }), { metricKeys: u } = Ss(p);
-    c = u;
+    }), { metricKeys: d } = ws(p);
+    c = d;
   }
-  return d.length === 0 ? null : /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
+  return r.length === 0 ? null : /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ e.jsx(_, { children: n }),
       /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: /* @__PURE__ */ e.jsx("div", { className: "rounded-md bg-muted/70 px-2 py-1 hover:bg-muted", children: /* @__PURE__ */ e.jsx("p", { children: o[0] }) }) })
@@ -4254,25 +4241,25 @@ function Ya() {
     /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between gap-5", children: [
         /* @__PURE__ */ e.jsx(_, { children: l }),
-        /* @__PURE__ */ e.jsx(Wa, {})
+        /* @__PURE__ */ e.jsx(Xa, {})
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: c.map((p, u) => /* @__PURE__ */ e.jsx(El, { col: p, idx: u }, p)) })
+      /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: c.map((p, d) => /* @__PURE__ */ e.jsx(El, { col: p, idx: d }, p)) })
     ] })
   ] });
 }
 function El({ col: s, idx: t }) {
-  const a = h((o) => {
+  const a = m((o) => {
     var c;
     return (c = o.card) == null ? void 0 : c.preferences;
-  }), n = h(
+  }), n = m(
     (o) => {
       var c;
       return (c = o.card.preferences) == null ? void 0 : c.datasetOptions;
     }
-  ), l = n == null ? void 0 : n.find((o) => o.idx === t), { setCardPreferences: d } = h((o) => o.actions);
-  function i(o) {
+  ), l = n == null ? void 0 : n.find((o) => o.idx === t), { setCardPreferences: r } = m((o) => o.actions);
+  function u(o) {
     if (!l)
-      d({
+      r({
         ...a,
         datasetOptions: [
           ...n || [],
@@ -4287,9 +4274,9 @@ function El({ col: s, idx: t }) {
       const c = { ...l };
       c.type = o === "area" ? "line" : o, c.fill = o === "area" ? "origin" : "";
       const p = n == null ? void 0 : n.map(
-        (u) => u.idx === t ? c : u
+        (d) => d.idx === t ? c : d
       );
-      d({
+      r({
         ...a,
         datasetOptions: p
       });
@@ -4301,21 +4288,21 @@ function El({ col: s, idx: t }) {
       /* @__PURE__ */ e.jsx(
         Bs,
         {
-          onClick: () => i("bar"),
+          onClick: () => u("bar"),
           className: "invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"
         }
       ),
       /* @__PURE__ */ e.jsx(
         Us,
         {
-          onClick: () => i("line"),
+          onClick: () => u("line"),
           className: "invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"
         }
       ),
       /* @__PURE__ */ e.jsx(
-        kn,
+        zn,
         {
-          onClick: () => i("area"),
+          onClick: () => u("area"),
           className: "invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"
         }
       ),
@@ -4323,62 +4310,60 @@ function El({ col: s, idx: t }) {
     ] })
   ] });
 }
-function Xa() {
-  const s = h((g) => g.selectedConnectionId), t = h((g) => g.selectedDatamodelId), a = h((g) => g.selectedDatabaseName), n = h((g) => g.selectedSchemaName), l = h((g) => g.selectedTableName), d = z((g) => g.dashboard.filters) || [], i = z((g) => g.actions.addFilter), o = z((g) => g.actions.removeFilter), c = z(
-    (g) => g.actions.removeFilterValue
-  ), { modelItems: p, tableName: u } = _e();
-  function b(g, m = "dashboard") {
-    var D;
-    const j = de(g.column_name), C = de(a || ""), I = de(n || ""), y = de(u);
+function et() {
+  const s = m((j) => j.selectedConnectionId), t = m((j) => j.selectedDatamodelId), a = m((j) => j.selectedDatabaseName), n = m((j) => j.selectedSchemaName), l = m((j) => j.selectedTableName), r = O((j) => j.dashboard.filters) || [], u = O((j) => j.actions.addFilter), o = O((j) => j.actions.removeFilter), { removeFilterValues: c } = xs(), { modelItems: p, tableName: d } = _e();
+  function b(j, h = "dashboard") {
+    var F;
+    const g = de(j.column_name), C = de(a || ""), I = de(n || ""), y = de(d);
     let L = ga(
       I,
       y
-    ), F = `${L}.${j}`;
-    const A = (D = p == null ? void 0 : p.find(
+    ), D = `${L}.${g}`;
+    const A = (F = p == null ? void 0 : p.find(
       (E) => E.id === t
-    )) == null ? void 0 : D.name;
-    t && t !== "none" && (F = `${Ns}.${A}.${j}`, L = `${Ns}.${A}`);
-    const N = d == null ? void 0 : d.find(
-      (E) => E.column === F && E.table === y && (E.database === C || E.database === a)
+    )) == null ? void 0 : F.name;
+    t && t !== "none" && (D = `${Ss}.${A}.${g}`, L = `${Ss}.${A}`);
+    const N = r == null ? void 0 : r.find(
+      (E) => E.column === D && E.table === y && (E.database === C || E.database === a)
     );
     if (N)
       c(N.id), o(N.id);
     else {
       const E = Ke();
-      return u === "api" && s ? (i({
-        location: m,
+      return d === "api" && s ? (u({
+        location: h,
         id: E,
         //uuidv4(),
-        column: F,
-        title: g.column_name,
-        dataType: g.data_type,
+        column: D,
+        title: j.column_name,
+        dataType: j.data_type,
         table: "api",
         database: "",
         // database: 'NA',
         connectionId: s,
         operation: "in",
         sql: Zs(
-          g.data_type,
+          j.data_type,
           L,
-          j
+          g
         )
         //DATE_DATA_TYPES.includes(column.data_type) ? dateSql : sql,
-      }), E) : (i({
+      }), E) : (u({
         id: E,
         //uuidv4(),
-        location: m,
-        column: F,
+        location: h,
+        column: D,
         //columnName, //`${qualifiedTableName}.${formattedColumnName}`,
-        title: g.column_name,
-        dataType: g.data_type,
+        title: j.column_name,
+        dataType: j.data_type,
         table: l || "",
         database: a || "",
         connectionId: s || "",
         operation: "in",
         sql: Zs(
-          g.data_type,
+          j.data_type,
           L,
-          j
+          g
         )
         //DATE_DATA_TYPES.includes(column.data_type) ? dateSql : sql,
       }), E);
@@ -4387,29 +4372,29 @@ function Xa() {
   return { assignFilter: b };
 }
 function He() {
-  const s = z(
+  const s = O(
     (o) => o.dashboard.filters
-  ), t = h((o) => o.frame), { setFrame: a } = ie(), { columns: n } = _e(), { assignFilter: l } = Xa();
-  function d(o) {
+  ), t = m((o) => o.frame), { setFrame: a } = ie(), { columns: n } = _e(), { assignFilter: l } = et();
+  function r(o) {
     const c = l(o, "frame");
     a({ ...t, filterId: c });
   }
-  const i = s == null ? void 0 : s.find((o) => o.id === t.filterId);
+  const u = s == null ? void 0 : s.find((o) => o.id === t.filterId);
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-3", children: [
     /* @__PURE__ */ e.jsx(_, { children: "Card Filter" }),
-    /* @__PURE__ */ e.jsx(Al, { onSelect: d, columns: n }),
-    i && /* @__PURE__ */ e.jsx(nn, { filter: i })
+    /* @__PURE__ */ e.jsx(Al, { onSelect: r, columns: n }),
+    u && /* @__PURE__ */ e.jsx(Oa, { filter: u })
   ] });
 }
 function Al({
   columns: s,
   onSelect: t
 }) {
-  var i;
-  const [a, n] = ea.useState(!1), [l, d] = ea.useState("");
-  return /* @__PURE__ */ e.jsxs(ps, { open: a, onOpenChange: n, children: [
-    /* @__PURE__ */ e.jsx(fs, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
-      O,
+  var u;
+  const [a, n] = ea.useState(!1), [l, r] = ea.useState("");
+  return /* @__PURE__ */ e.jsxs(fs, { open: a, onOpenChange: n, children: [
+    /* @__PURE__ */ e.jsx(gs, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
+      z,
       {
         size: "sm",
         variant: "outline",
@@ -4417,27 +4402,27 @@ function Al({
         "aria-expanded": a,
         className: "w-full justify-between font-normal",
         children: [
-          l ? (i = s.find((o) => o.column_name === l)) == null ? void 0 : i.column_name : "Select Column...",
-          /* @__PURE__ */ e.jsx(ln, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+          l ? (u = s.find((o) => o.column_name === l)) == null ? void 0 : u.column_name : "Select Column...",
+          /* @__PURE__ */ e.jsx(rn, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
         ]
       }
     ) }),
-    /* @__PURE__ */ e.jsx(gs, { className: "w-[200px] p-0", children: /* @__PURE__ */ e.jsxs(rn, { children: [
-      /* @__PURE__ */ e.jsx(on, { placeholder: "Search column", className: "h-9" }),
-      /* @__PURE__ */ e.jsxs(cn, { children: [
-        /* @__PURE__ */ e.jsx(dn, { children: "No framework found." }),
-        /* @__PURE__ */ e.jsx(un, { children: s.map((o) => /* @__PURE__ */ e.jsxs(
+    /* @__PURE__ */ e.jsx(js, { className: "w-[200px] p-0", children: /* @__PURE__ */ e.jsxs(on, { children: [
+      /* @__PURE__ */ e.jsx(cn, { placeholder: "Search column", className: "h-9" }),
+      /* @__PURE__ */ e.jsxs(dn, { children: [
+        /* @__PURE__ */ e.jsx(un, { children: "No framework found." }),
+        /* @__PURE__ */ e.jsx(mn, { children: s.map((o) => /* @__PURE__ */ e.jsxs(
           hn,
           {
             value: o.column_name,
             onSelect: (c) => {
               const p = c === l ? "" : c;
-              d(p), n(!1), p && t(o);
+              r(p), n(!1), p && t(o);
             },
             children: [
               o.column_name,
               /* @__PURE__ */ e.jsx(
-                Sa,
+                wa,
                 {
                   className: K(
                     "ml-auto h-4 w-4",
@@ -4485,8 +4470,8 @@ function Vl({
     /* @__PURE__ */ e.jsxs(G, { value: "item-2", children: [
       /* @__PURE__ */ e.jsx(Q, { children: "Settings" }),
       /* @__PURE__ */ e.jsxs(J, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e.jsx(bs, {}),
-        /* @__PURE__ */ e.jsx(Ya, {})
+        /* @__PURE__ */ e.jsx(ys, {}),
+        /* @__PURE__ */ e.jsx(Za, {})
       ] })
     ] }),
     /* @__PURE__ */ e.jsxs(G, { value: "item-3", children: [
@@ -4499,12 +4484,12 @@ function Vl({
   ] }) });
 }
 function Qs() {
-  var l, d, i;
-  const s = h(
+  var l, r, u;
+  const s = m(
     (o) => o.card.cfg
-  ), t = h((o) => o.actions.setCardCfg), a = h((o) => o.card.type);
+  ), t = m((o) => o.actions.setCardCfg), a = m((o) => o.card.type);
   function n(o) {
-    var u;
+    var d;
     const c = {
       datalabels: {
         display: o !== "none",
@@ -4517,7 +4502,7 @@ function Qs() {
       options: {
         ...s == null ? void 0 : s.options,
         plugins: {
-          ...(u = s == null ? void 0 : s.options) == null ? void 0 : u.plugins,
+          ...(d = s == null ? void 0 : s.options) == null ? void 0 : d.plugins,
           ...c
         }
       }
@@ -4527,16 +4512,16 @@ function Qs() {
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ e.jsx("label", { className: "font-medium", children: "Data Labels" }),
-      !["pyramid"].includes(a) && /* @__PURE__ */ e.jsx(Wa, {})
+      !["pyramid"].includes(a) && /* @__PURE__ */ e.jsx(Xa, {})
     ] }),
     /* @__PURE__ */ e.jsxs(
-      he,
+      me,
       {
-        value: (i = (d = (l = s == null ? void 0 : s.options) == null ? void 0 : l.plugins) == null ? void 0 : d.datalabels) == null ? void 0 : i.anchor,
+        value: (u = (r = (l = s == null ? void 0 : s.options) == null ? void 0 : l.plugins) == null ? void 0 : r.datalabels) == null ? void 0 : u.anchor,
         onValueChange: n,
         defaultValue: "none",
         children: [
-          /* @__PURE__ */ e.jsx(me, { className: "h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(xe, { placeholder: "Select position" }) }),
+          /* @__PURE__ */ e.jsx(he, { 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(Y, { value: "none", children: "None" }),
@@ -4568,7 +4553,7 @@ function ql({
           "a",
           {
             target: "_blank",
-            onClick: (d) => d.stopPropagation(),
+            onClick: (r) => r.stopPropagation(),
             className: "text-blue-700",
             href: "https://docs.semaphor.cloud/concepts/visuals#pie-chart",
             children: "example"
@@ -4620,7 +4605,7 @@ const Rl = {
   ]
 };
 function Hl() {
-  const s = h((t) => t.card.type);
+  const s = m((t) => t.card.type);
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-6 p-6", children: [
     /* @__PURE__ */ e.jsx(
       Le,
@@ -4631,7 +4616,7 @@ function Hl() {
         children: $l(s)
       }
     ),
-    /* @__PURE__ */ e.jsx("section", { className: "", children: ["line", "bar"].includes(s) && /* @__PURE__ */ e.jsx(bs, {}) }),
+    /* @__PURE__ */ e.jsx("section", { className: "", children: ["line", "bar"].includes(s) && /* @__PURE__ */ e.jsx(ys, {}) }),
     !["kpi"].includes(s) && /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
       /* @__PURE__ */ e.jsx(Qs, {}),
       /* @__PURE__ */ e.jsx(Me, {}),
@@ -4737,52 +4722,52 @@ function $l(s) {
     ] }) });
 }
 function Pl() {
-  var c, p, u, b, g;
-  const s = h((m) => m.card.preferences), t = h(
-    (m) => m.actions.setCardPreferences
-  ), a = h(
-    (m) => m.actions.setNumberFormat
+  var c, p, d, b, j;
+  const s = m((h) => h.card.preferences), t = m(
+    (h) => h.actions.setCardPreferences
+  ), a = m(
+    (h) => h.actions.setNumberFormat
   );
-  h(
-    (m) => {
-      var j, C;
-      return (C = (j = m.card.preferences) == null ? void 0 : j.formatNumber) == null ? void 0 : C.decimalPlaces;
+  m(
+    (h) => {
+      var g, C;
+      return (C = (g = h.card.preferences) == null ? void 0 : g.formatNumber) == null ? void 0 : C.decimalPlaces;
     }
   );
-  const n = h(
-    (m) => {
-      var j, C;
-      return (C = (j = m.card.preferences) == null ? void 0 : j.formatNumber) == null ? void 0 : C.locale;
+  const n = m(
+    (h) => {
+      var g, C;
+      return (C = (g = h.card.preferences) == null ? void 0 : g.formatNumber) == null ? void 0 : C.locale;
     }
-  ), l = h(
-    (m) => {
-      var j, C;
-      return (C = (j = m.card.preferences) == null ? void 0 : j.formatNumber) == null ? void 0 : C.currency;
+  ), l = m(
+    (h) => {
+      var g, C;
+      return (C = (g = h.card.preferences) == null ? void 0 : g.formatNumber) == null ? void 0 : C.currency;
     }
   );
-  h(
-    (m) => m.actions.setFilterOnClickField
+  m(
+    (h) => h.actions.setFilterOnClickField
   );
-  const d = h(
-    (m) => {
-      var j, C;
-      return (C = (j = m.card.preferences) == null ? void 0 : j.formatNumber) == null ? void 0 : C.colorRanges;
+  const r = m(
+    (h) => {
+      var g, C;
+      return (C = (g = h.card.preferences) == null ? void 0 : g.formatNumber) == null ? void 0 : C.colorRanges;
     }
-  ) || [], i = h(
-    (m) => m.actions.setColorRanges
-  ), o = [...new Set(us.map((m) => m.currency))];
+  ) || [], u = m(
+    (h) => h.actions.setColorRanges
+  ), o = [...new Set(us.map((h) => h.currency))];
   return /* @__PURE__ */ e.jsxs("div", { children: [
     /* @__PURE__ */ e.jsxs("div", { className: "mb-3 flex items-center gap-2", children: [
       /* @__PURE__ */ e.jsx(
         $s,
         {
           checked: !!((c = s == null ? void 0 : s.formatNumber) != null && c.enabled),
-          onCheckedChange: (m) => {
+          onCheckedChange: (h) => {
             t({
               ...s,
               formatNumber: {
                 ...s == null ? void 0 : s.formatNumber,
-                enabled: m
+                enabled: h
               }
             });
           }
@@ -4796,24 +4781,24 @@ function Pl() {
           /* @__PURE__ */ e.jsxs("div", { className: "w-full space-y-1", children: [
             /* @__PURE__ */ e.jsx(_, { children: "Locale" }),
             /* @__PURE__ */ e.jsxs(
-              he,
+              me,
               {
                 value: n || "none",
-                onValueChange: (m) => {
-                  var j, C, I;
+                onValueChange: (h) => {
+                  var g, C, I;
                   return a(
-                    ((j = s == null ? void 0 : s.formatNumber) == null ? void 0 : j.decimalPlaces) || 0,
+                    ((g = s == null ? void 0 : s.formatNumber) == null ? void 0 : g.decimalPlaces) || 0,
                     ((C = s == null ? void 0 : s.formatNumber) == null ? void 0 : C.currency) || "",
-                    m,
+                    h,
                     ((I = s == null ? void 0 : s.formatNumber) == null ? void 0 : I.suffix) || ""
                   );
                 },
                 children: [
-                  /* @__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(he, { 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" }),
                     /* @__PURE__ */ e.jsx(Y, { value: "none", children: "None" }, "none"),
-                    us.map((m) => /* @__PURE__ */ e.jsx(Y, { value: m.locale, children: m.locale }, m.locale))
+                    us.map((h) => /* @__PURE__ */ e.jsx(Y, { value: h.locale, children: h.locale }, h.locale))
                   ] }) })
                 ]
               }
@@ -4822,24 +4807,24 @@ function Pl() {
           /* @__PURE__ */ e.jsxs("div", { className: "w-full space-y-1", children: [
             /* @__PURE__ */ e.jsx(_, { children: "Currency" }),
             /* @__PURE__ */ e.jsxs(
-              he,
+              me,
               {
                 value: l || "none",
-                onValueChange: (m) => {
-                  var j, C, I;
-                  console.log("currency", m), a(
-                    ((j = s == null ? void 0 : s.formatNumber) == null ? void 0 : j.decimalPlaces) || 0,
-                    m === "none" ? "" : m,
+                onValueChange: (h) => {
+                  var g, C, I;
+                  console.log("currency", h), a(
+                    ((g = s == null ? void 0 : s.formatNumber) == null ? void 0 : g.decimalPlaces) || 0,
+                    h === "none" ? "" : h,
                     ((C = s == null ? void 0 : s.formatNumber) == null ? void 0 : C.locale) || "",
                     ((I = s == null ? void 0 : s.formatNumber) == null ? void 0 : I.suffix) || ""
                   );
                 },
                 children: [
-                  /* @__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(he, { 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(Y, { value: "none", children: "None" }, "none"),
-                    o.map((m) => /* @__PURE__ */ e.jsx(Y, { value: m, children: m }, m))
+                    o.map((h) => /* @__PURE__ */ e.jsx(Y, { value: h, children: h }, h))
                   ] }) })
                 ]
               }
@@ -4850,21 +4835,21 @@ function Pl() {
           /* @__PURE__ */ e.jsxs("div", { className: "w-full space-y-1", children: [
             /* @__PURE__ */ e.jsx(_, { children: "Decimals" }),
             /* @__PURE__ */ e.jsxs(
-              he,
+              me,
               {
-                value: ((b = (u = s == null ? void 0 : s.formatNumber) == null ? void 0 : u.decimalPlaces) == null ? void 0 : b.toString()) || "0",
-                onValueChange: (m) => {
-                  var j, C, I;
+                value: ((b = (d = s == null ? void 0 : s.formatNumber) == null ? void 0 : d.decimalPlaces) == null ? void 0 : b.toString()) || "0",
+                onValueChange: (h) => {
+                  var g, C, I;
                   return a(
-                    Number(m),
-                    ((j = s == null ? void 0 : s.formatNumber) == null ? void 0 : j.currency) || "",
+                    Number(h),
+                    ((g = s == null ? void 0 : s.formatNumber) == null ? void 0 : g.currency) || "",
                     ((C = s == null ? void 0 : s.formatNumber) == null ? void 0 : C.locale) || "",
                     ((I = s == null ? void 0 : s.formatNumber) == null ? void 0 : I.suffix) || ""
                   );
                 },
                 children: [
-                  /* @__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(Y, { value: m, children: m }, m)) })
+                  /* @__PURE__ */ e.jsx(he, { 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((h) => /* @__PURE__ */ e.jsx(Y, { value: h, children: h }, h)) })
                 ]
               }
             )
@@ -4874,16 +4859,16 @@ function Pl() {
             /* @__PURE__ */ e.jsx(
               re,
               {
-                value: ((g = s == null ? void 0 : s.formatNumber) == null ? void 0 : g.suffix) || "",
+                value: ((j = s == null ? void 0 : s.formatNumber) == null ? void 0 : j.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: (m) => {
-                  var j, C, I;
+                onChange: (h) => {
+                  var g, C, I;
                   return a(
-                    ((j = s == null ? void 0 : s.formatNumber) == null ? void 0 : j.decimalPlaces) || 0,
+                    ((g = s == null ? void 0 : s.formatNumber) == null ? void 0 : g.decimalPlaces) || 0,
                     ((C = s == null ? void 0 : s.formatNumber) == null ? void 0 : C.currency) || "",
                     ((I = s == null ? void 0 : s.formatNumber) == null ? void 0 : I.locale) || "",
-                    m.target.value
+                    h.target.value
                   );
                 }
               }
@@ -4893,10 +4878,10 @@ function Pl() {
       ] }) }),
       /* @__PURE__ */ e.jsx(we, { className: "my-3" }),
       /* @__PURE__ */ e.jsx(
-        mn,
+        xn,
         {
-          colorRanges: d,
-          setColorRanges: i
+          colorRanges: r,
+          setColorRanges: u
         }
       )
     ] })
@@ -5034,10 +5019,10 @@ const Ul = [
   value: s
 }));
 function Jl() {
-  var c, p, u, b, g, m, j, C, I, y, L, F, A, N, D, E, x, v;
-  const s = h((f) => f.card), t = (p = (c = s == null ? void 0 : s.preferences) == null ? void 0 : c.mapVisualOptions) == null ? void 0 : p.topoJsonUrl, [a, n] = V(
-    ((b = (u = s == null ? void 0 : s.preferences) == null ? void 0 : u.mapVisualOptions) == null ? void 0 : b.customTopoJsonUrl) || ""
-  ), { setCardPreferences: l } = ie(), { data: d } = Hs(s), i = Object.keys((d == null ? void 0 : d.objects) || {}).map((f) => ({
+  var c, p, d, b, j, h, g, C, I, y, L, D, A, N, F, E, x, v;
+  const s = m((f) => f.card), t = (p = (c = s == null ? void 0 : s.preferences) == null ? void 0 : c.mapVisualOptions) == null ? void 0 : p.topoJsonUrl, [a, n] = V(
+    ((b = (d = s == null ? void 0 : s.preferences) == null ? void 0 : d.mapVisualOptions) == null ? void 0 : b.customTopoJsonUrl) || ""
+  ), { setCardPreferences: l } = ie(), { data: r } = Hs(s), u = Object.keys((r == null ? void 0 : r.objects) || {}).map((f) => ({
     label: f,
     value: f
   })) || [], o = [
@@ -5097,15 +5082,15 @@ function Jl() {
           placeholder: "Custom URL"
         }
       ),
-      d && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      r && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
         /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
           /* @__PURE__ */ e.jsx(_, { children: "Map Object" }),
           /* @__PURE__ */ e.jsx(
             ue,
             {
               className: "h-9",
-              options: i,
-              value: ((m = (g = s.preferences) == null ? void 0 : g.mapVisualOptions) == null ? void 0 : m.objectKey) || "",
+              options: u,
+              value: ((h = (j = s.preferences) == null ? void 0 : j.mapVisualOptions) == null ? void 0 : h.objectKey) || "",
               label: "Map Object",
               onValueChange: (f) => {
                 var k;
@@ -5127,7 +5112,7 @@ function Jl() {
             {
               className: "h-9",
               options: Ul,
-              value: ((C = (j = s.preferences) == null ? void 0 : j.mapVisualOptions) == null ? void 0 : C.projection) || "",
+              value: ((C = (g = s.preferences) == null ? void 0 : g.mapVisualOptions) == null ? void 0 : C.projection) || "",
               label: "Projection",
               onValueChange: (f) => {
                 var k;
@@ -5174,7 +5159,7 @@ function Jl() {
           className: `h-9 w-full ${Ue}`,
           type: "number",
           step: 0.1,
-          value: ((F = (L = s.preferences) == null ? void 0 : L.mapVisualOptions) == null ? void 0 : F.projectionScale) || 1,
+          value: ((D = (L = s.preferences) == null ? void 0 : L.mapVisualOptions) == null ? void 0 : D.projectionScale) || 1,
           onChange: (f) => {
             var k;
             l({
@@ -5194,16 +5179,16 @@ function Jl() {
           className: `h-9 w-full ${Ue}`,
           type: "number",
           step: 10,
-          value: ((D = (N = (A = s.preferences) == null ? void 0 : A.mapVisualOptions) == null ? void 0 : N.projectionOffset) == null ? void 0 : D[0]) || 0,
+          value: ((F = (N = (A = s.preferences) == null ? void 0 : A.mapVisualOptions) == null ? void 0 : N.projectionOffset) == null ? void 0 : F[0]) || 0,
           onChange: (f) => {
-            var k, S, R, $;
+            var k, S, q, $;
             l({
               ...s.preferences,
               mapVisualOptions: {
                 ...(k = s.preferences) == null ? void 0 : k.mapVisualOptions,
                 projectionOffset: [
                   Number(f.target.value),
-                  (($ = (R = (S = s.preferences) == null ? void 0 : S.mapVisualOptions) == null ? void 0 : R.projectionOffset) == null ? void 0 : $[1]) || 0
+                  (($ = (q = (S = s.preferences) == null ? void 0 : S.mapVisualOptions) == null ? void 0 : q.projectionOffset) == null ? void 0 : $[1]) || 0
                 ]
               }
             });
@@ -5219,13 +5204,13 @@ function Jl() {
           step: 10,
           value: ((v = (x = (E = s.preferences) == null ? void 0 : E.mapVisualOptions) == null ? void 0 : x.projectionOffset) == null ? void 0 : v[1]) || 0,
           onChange: (f) => {
-            var k, S, R, $;
+            var k, S, q, $;
             l({
               ...s.preferences,
               mapVisualOptions: {
                 ...(k = s.preferences) == null ? void 0 : k.mapVisualOptions,
                 projectionOffset: [
-                  (($ = (R = (S = s.preferences) == null ? void 0 : S.mapVisualOptions) == null ? void 0 : R.projectionOffset) == null ? void 0 : $[0]) || 0,
+                  (($ = (q = (S = s.preferences) == null ? void 0 : S.mapVisualOptions) == null ? void 0 : q.projectionOffset) == null ? void 0 : $[0]) || 0,
                   Number(f.target.value)
                 ]
               }
@@ -5240,7 +5225,7 @@ function Jl() {
 }
 function Kl() {
   var n;
-  const s = h((l) => l.card.preferences), { setCardPreferences: t } = h((l) => l.actions);
+  const s = m((l) => l.card.preferences), { setCardPreferences: t } = m((l) => l.actions);
   function a(l) {
     t({
       ...s,
@@ -5251,7 +5236,7 @@ function Kl() {
     });
   }
   return /* @__PURE__ */ e.jsxs(
-    js,
+    bs,
     {
       value: (n = s == null ? void 0 : s.textVisualOptions) != null && n.isDynamicText ? "dynamic" : "static",
       onValueChange: a,
@@ -5304,7 +5289,7 @@ function ls({
     /* @__PURE__ */ e.jsxs(G, { value: "item-2", children: [
       /* @__PURE__ */ e.jsx(Q, { children: "Settings" }),
       /* @__PURE__ */ e.jsxs(J, { className: "space-y-4 px-2", children: [
-        s === "range" && /* @__PURE__ */ e.jsx(bs, {}),
+        s === "range" && /* @__PURE__ */ e.jsx(ys, {}),
         s !== "text" && /* @__PURE__ */ e.jsx(Qs, {}),
         s === "text" && /* @__PURE__ */ e.jsx(Kl, {})
       ] })
@@ -5319,10 +5304,10 @@ function ls({
   ] }) });
 }
 function Wl() {
-  const s = h(
+  const s = m(
     (n) => {
-      var l, d;
-      return (d = (l = n == null ? void 0 : n.card) == null ? void 0 : l.preferences) == null ? void 0 : d.sortChart;
+      var l, r;
+      return (r = (l = n == null ? void 0 : n.card) == null ? void 0 : l.preferences) == null ? void 0 : r.sortChart;
     }
   ), { setSortChart: t } = ie();
   function a() {
@@ -5384,9 +5369,9 @@ function Wl() {
     /* @__PURE__ */ e.jsxs(G, { value: "item-2", children: [
       /* @__PURE__ */ e.jsx(Q, { children: "Settings" }),
       /* @__PURE__ */ e.jsxs(J, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e.jsx(bs, {}),
+        /* @__PURE__ */ e.jsx(ys, {}),
         a(),
-        /* @__PURE__ */ e.jsx(Ya, {})
+        /* @__PURE__ */ e.jsx(Za, {})
       ] })
     ] }),
     /* @__PURE__ */ e.jsxs(G, { value: "item-3", children: [
@@ -5399,10 +5384,10 @@ function Wl() {
   ] }) });
 }
 function Yl({}) {
-  const s = h((n) => {
+  const s = m((n) => {
     var l;
     return (l = n.card) == null ? void 0 : l.preferences;
-  }), t = h(
+  }), t = m(
     (n) => n.actions.setCardPreferences
   ), a = (n) => {
     t({
@@ -5481,7 +5466,7 @@ const Xl = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-
   ] })
 ] });
 function sr() {
-  const s = h((a) => a.card.type);
+  const s = m((a) => a.card.type);
   function t(a) {
     switch (a) {
       case "stackedBar":
@@ -5526,7 +5511,7 @@ function sr() {
   return /* @__PURE__ */ e.jsx(ze, { className: "h-full w-full text-sm", children: t(s) });
 }
 function ar() {
-  const s = h((t) => t.isShowingVisual);
+  const s = m((t) => t.isShowingVisual);
   return /* @__PURE__ */ e.jsxs(
     cs,
     {
@@ -5572,14 +5557,14 @@ function ar() {
   );
 }
 function tr({ authToken: s, onSave: t, onClose: a }) {
-  z((i) => i.themeStyle);
-  const n = h((i) => i.actions.setOnSave), l = h((i) => i.actions.setOnClose), d = z((i) => i.actions.setAuthToken);
+  O((u) => u.themeStyle);
+  const n = m((u) => u.actions.setOnSave), l = m((u) => u.actions.setOnClose), r = O((u) => u.actions.setAuthToken);
   return se(() => {
     t && n(t), a && l(a);
   }, [t, n, a, l]), se(() => {
-    s && s.accessToken && d(s);
-  }, [s, d]), /* @__PURE__ */ e.jsx(xs, { FallbackComponent: za, children: /* @__PURE__ */ e.jsxs(
-    xn,
+    s && s.accessToken && r(s);
+  }, [s, r]), /* @__PURE__ */ e.jsx(ps, { FallbackComponent: Ia, children: /* @__PURE__ */ e.jsxs(
+    pn,
     {
       style: {
         // borderRadius: currentStyle?.chart?.options?.borderRadius,
@@ -5588,19 +5573,19 @@ function tr({ authToken: s, onSave: t, onClose: a }) {
       className: "rounded-none",
       role: "editor-panel",
       children: [
-        /* @__PURE__ */ e.jsx(pn, { className: "rounded-none border-r-[1.5px]", children: /* @__PURE__ */ e.jsx(Aa, {}) }),
-        /* @__PURE__ */ e.jsx(fn, { children: /* @__PURE__ */ e.jsx(ar, {}) })
+        /* @__PURE__ */ e.jsx(fn, { className: "rounded-none border-r-[1.5px]", children: /* @__PURE__ */ e.jsx(qa, {}) }),
+        /* @__PURE__ */ e.jsx(gn, { children: /* @__PURE__ */ e.jsx(ar, {}) })
       ]
     }
   ) });
 }
 function nr() {
-  z((i) => i.selectedCardId);
-  const s = z((i) => i.selectedSheetId), { setIsVisualEditing: t } = z((i) => i.actions), a = z((i) => i.isVisualEditing), n = z((i) => i.actions.updateFrame);
-  function l(i) {
-    s && (n(s, i), t(!1));
+  O((u) => u.selectedCardId);
+  const s = O((u) => u.selectedSheetId), { setIsVisualEditing: t } = O((u) => u.actions), a = O((u) => u.isVisualEditing), n = O((u) => u.actions.updateFrame);
+  function l(u) {
+    s && (n(s, u), t(!1));
   }
-  function d() {
+  function r() {
     t(!1);
   }
   return /* @__PURE__ */ e.jsx(
@@ -5610,52 +5595,45 @@ function nr() {
       className: K("flex grow", {
         "max-h-0 overflow-hidden": !a
       }),
-      children: /* @__PURE__ */ e.jsx(tr, { onSave: l, onClose: d })
+      children: /* @__PURE__ */ e.jsx(tr, { onSave: l, onClose: r })
     }
   );
 }
 function lr() {
-  h((i) => i.selectedConnectionId), h((i) => i.selectedDatamodelId);
-  const s = h((i) => i.selectedDatabaseName);
-  h((i) => i.selectedSchemaName);
-  const t = h((i) => i.selectedTableName), a = z((i) => i.dashboard.filters) || [];
-  z((i) => i.actions.addFilter), z((i) => i.actions.removeFilter), z(
-    (i) => i.actions.removeFilterValue
-  );
-  const { modelItems: n, columns: l } = _e(), { assignFilter: d } = Xa();
-  return /* @__PURE__ */ e.jsx("div", { className: "xbg-red-100 flex-1 basis-0 flex-col overflow-scroll px-3", children: l == null ? void 0 : l.map((i) => {
-    const o = a == null ? void 0 : a.find(
-      (c) => c.column === de(i.column_name) && c.table === t && c.database === s
+  const s = m((r) => r.selectedDatabaseName), t = m((r) => r.selectedTableName), a = O((r) => r.dashboard.filters) || [], { columns: n } = _e(), { assignFilter: l } = et();
+  return /* @__PURE__ */ e.jsx("div", { className: "xbg-red-100 flex-1 basis-0 flex-col overflow-scroll px-3", children: n == null ? void 0 : n.map((r) => {
+    const u = a == null ? void 0 : a.find(
+      (o) => o.column === de(r.column_name) && o.table === t && o.database === s
     );
     return /* @__PURE__ */ e.jsx(
       "div",
       {
-        onClick: () => d(i),
+        onClick: () => l(r),
         className: K(
           "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",
           {
-            "bg-muted": o
+            "bg-muted": u
           }
         ),
         children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ e.jsx(Ea, { column: i }),
-          /* @__PURE__ */ e.jsx("span", { children: i.column_name })
+          /* @__PURE__ */ e.jsx(Va, { column: r }),
+          /* @__PURE__ */ e.jsx("span", { children: r.column_name })
         ] })
       },
-      i.column_name
+      r.column_name
     );
   }) });
 }
 function rr() {
-  z((t) => t.showFilters);
-  const s = z(
+  O((t) => t.showFilters);
+  const s = O(
     (t) => t.actions.setShowFilters
   );
   return /* @__PURE__ */ e.jsxs("section", { className: "relative flex grow flex-col border-l px-4", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "mt-4 flex items-center justify-between gap-2 px-3", children: [
       /* @__PURE__ */ e.jsx(_, { className: "text-lg", children: "Filters" }),
       /* @__PURE__ */ e.jsx(
-        O,
+        z,
         {
           onClick: () => s(!1),
           className: "h-7 w-7 p-0",
@@ -5665,7 +5643,7 @@ function rr() {
       )
     ] }),
     /* @__PURE__ */ e.jsx("div", { className: "flex grow", children: /* @__PURE__ */ e.jsx(
-      Aa,
+      qa,
       {
         ColumnsComponent: () => (
           // schemaName, tableName, columns
@@ -5679,7 +5657,23 @@ function rr() {
   ] });
 }
 function ir() {
-  const s = z((a) => a.showFilters), t = z((a) => a.isVisualEditing);
+  const s = O((n) => n.dashboard.filters), t = O((n) => n.theme), a = s == null ? void 0 : s.filter((n) => n.hide);
+  return a != null && a.length ? /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      className: K("mb-2 flex items-center gap-2 border-b px-1", {
+        "bg-[repeating-linear-gradient(45deg,_#ffffff_0_3px,_#f3f3f3_3px_6px)]": t === "light",
+        "bg-[repeating-linear-gradient(45deg,_#18171d_0_3px,_#272729_3px_6px)]": t === "dark"
+      }),
+      children: a == null ? void 0 : a.map((n) => /* @__PURE__ */ e.jsxs("div", { className: "flex w-[250px] flex-col gap-1 p-2", children: [
+        /* @__PURE__ */ e.jsx(Oa, { filter: n }),
+        /* @__PURE__ */ e.jsx(va, { filter: n })
+      ] }, n.id))
+    }
+  ) }) : null;
+}
+function or() {
+  const s = O((a) => a.showFilters), t = O((a) => a.isVisualEditing);
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -5689,17 +5683,20 @@ function ir() {
         "flex grow": !t
       }),
       children: [
-        /* @__PURE__ */ e.jsx(gn, {}),
+        /* @__PURE__ */ e.jsxs("section", { className: "flex grow flex-col", children: [
+          /* @__PURE__ */ e.jsx(ir, {}),
+          /* @__PURE__ */ e.jsx(jn, {})
+        ] }),
         s && /* @__PURE__ */ e.jsx("div", { role: "filter-aside-container", className: "flex", children: /* @__PURE__ */ e.jsx(rr, {}) })
       ]
     }
   );
 }
-function or() {
-  const s = z((n) => n.dashboard), t = z((n) => n.actions.setDashboard), a = z(
+function cr() {
+  const s = O((n) => n.dashboard), t = O((n) => n.actions.setDashboard), a = O(
     (n) => n.showDashboardJSON
   );
-  return z(
+  return O(
     (n) => n.actions.setShowDashboardJSON
   ), /* @__PURE__ */ e.jsx(
     "div",
@@ -5708,7 +5705,7 @@ function or() {
         hidden: !a
       }),
       children: /* @__PURE__ */ e.jsx(
-        jn,
+        bn,
         {
           onChange: (n) => {
             if (n)
@@ -5744,30 +5741,29 @@ function hr({
   showFooter: t = !0,
   ...a
 }) {
-  return /* @__PURE__ */ e.jsx(xs, { FallbackComponent: za, children: /* @__PURE__ */ e.jsxs(bn, { dashboardProps: a, children: [
-    /* @__PURE__ */ e.jsx(yn, {}),
-    /* @__PURE__ */ e.jsxs(vn, { children: [
-      /* @__PURE__ */ e.jsx(or, {}),
-      /* @__PURE__ */ e.jsxs(Cn, { ...a, children: [
+  return /* @__PURE__ */ e.jsx(ps, { FallbackComponent: Ia, children: /* @__PURE__ */ e.jsxs(yn, { dashboardProps: a, children: [
+    /* @__PURE__ */ e.jsx(vn, {}),
+    /* @__PURE__ */ e.jsxs(Cn, { children: [
+      /* @__PURE__ */ e.jsx(cr, {}),
+      /* @__PURE__ */ e.jsxs(Nn, { ...a, children: [
         s && /* @__PURE__ */ e.jsx(ll, {}),
         /* @__PURE__ */ e.jsx(nr, {}),
-        /* @__PURE__ */ e.jsx(ir, {})
+        /* @__PURE__ */ e.jsx(or, {})
       ] })
     ] })
   ] }) });
 }
 export {
-  Ma as A,
-  wn as B,
-  kn as C,
+  Aa as A,
+  kn as B,
+  zn as C,
   hr as D,
-  Da as E,
+  La as E,
   Xn as F,
-  Ln as G,
-  Mn as H,
-  Vn as I,
+  Mn as G,
+  En as H,
   qn as L,
-  Ta as M,
+  Ma as M,
   $n as N,
   Pn as P,
   Un as S,
@@ -5775,23 +5771,23 @@ export {
   Yn as U,
   Bs as a,
   Us as b,
-  Oa as c,
-  Ia as d,
-  Fa as e,
-  zn as f,
-  On as g,
-  In as h,
+  Da as c,
+  Fa as d,
+  Ta as e,
+  On as f,
+  In as g,
+  Dn as h,
   Fn as i,
-  Tn as j,
-  Dn as k,
-  En as l,
-  An as m,
+  Ln as j,
+  Tn as k,
+  An as l,
+  Vn as m,
   Rn as n,
   _n as o,
   qe as p,
   Hn as q,
   Bn as r,
-  La as s,
+  Ea as s,
   Gn as t,
   Qn as u,
   Jn as v,