semaphor 0.0.63 → 0.0.65

package/dist/chunks/dashboard-plus-Qwk9ShFg.js

@@ -1,4787 +0,0 @@
-import { J as T, L as Pe, b as w, c as js, u as je, j as e, M as bs, O as ys, P as z, Q as vs, R as Ns, U as Cs, V as Ss, W as ws, X as H, Y as de, Z as et, _ as _t, $ as Rt, a0 as Ht, a1 as $t, a2 as Pt, a3 as Bt, a4 as Hs, f as Z, a5 as Ve, a6 as st, a7 as Ze, a8 as Xe, T as ks, e as tt, g as zs, a9 as ke, aa as ze, ab as Fe, ac as Le, ad as _e, ae as Me, af as te, ag as Fs, G as o, ah as Ls, ai as Ms, aj as Os, w as at, v as nt, t as ue, ak as Gt, r as Kt, N as rt, s as Ut, al as Wt, B as Qt, am as it, an as Jt, S as Ds, z as Yt, n as $s, A as lt, ao as ms, ap as he, aq as ge, ar as Re, as as ts, at as ot, au as Zt, av as Xt, aw as ct, ax as ea, ay as sa, az as ta, aA as aa, aB as na, aC as xs, aD as ra, aE as ia, aF as qe, aG as ps, aH as we, aI as fs, aJ as Ps, aK as la, aL as oa, aM as ca, aN as da, aO as ha, aP as us, aQ as ua, aR as Bs, aS as ma, aT as Gs, aU as xa, aV as pa, aW as fa, aX as dt, l as ga, C as ja, E as Qe, d as ba, h as ya, aY as va, i as Na, o as Ca, aZ as Sa, m as wa, H as as, a_ as ka, a$ as ht, b0 as ut, b1 as Je, b2 as mt, b3 as Ye, b4 as Ks, b5 as ns, b6 as rs, b7 as is, b8 as xt, K as za, b9 as Fa, ba as La, bb as Ts, bc as Oe, bd as pt, be as Ma, bf as Oa, bg as Da, bh as Ta, bi as Aa, bj as Us, bk as Ea, bl as Ia, bm as qa, bn as Va, bo as _a, bp as Ra, bq as Ha, br as $a, bs as Ne, bt as B, bu as G, bv as As, bw as K, bx as Ws, by as Pa, bz as Ba, bA as Ga, bB as Ka, bC as Ua, bD as Wa, bE as Qa, bF as Ja, bG as Ya, bH as Za } from "./index-hj7e5VOs.js";
-import * as Qs from "react";
-import me, { useState as A, useMemo as Xa, useEffect as Y, useRef as He } from "react";
-/**
- * @license lucide-react v0.379.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const en = T("AreaChart", [
-  ["path", { d: "M3 3v18h18", key: "1s2lah" }],
-  ["path", { d: "M7 12v5h12V8l-5 5-4-4Z", key: "zxz28u" }]
-]);
-/**
- * @license lucide-react v0.379.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Es = T("BarChart4", [
-  ["path", { d: "M3 3v18h18", key: "1s2lah" }],
-  ["path", { d: "M13 17V9", key: "1fwyjl" }],
-  ["path", { d: "M18 17V5", key: "sfb6ij" }],
-  ["path", { d: "M8 17v-3", key: "17ska0" }]
-]);
-/**
- * @license lucide-react v0.379.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const sn = T("Box", [
-  [
-    "path",
-    {
-      d: "M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z",
-      key: "hh9hay"
-    }
-  ],
-  ["path", { d: "m3.3 7 8.7 5 8.7-5", key: "g66t2b" }],
-  ["path", { d: "M12 22V12", key: "d0xqtd" }]
-]);
-/**
- * @license lucide-react v0.379.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const tn = T("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" }]
-]);
-/**
- * @license lucide-react v0.379.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const an = T("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" }]
-]);
-/**
- * @license lucide-react v0.379.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const nn = T("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" }]
-]);
-/**
- * @license lucide-react v0.379.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const rn = T("Eraser", [
-  [
-    "path",
-    {
-      d: "m7 21-4.3-4.3c-1-1-1-2.5 0-3.4l9.6-9.6c1-1 2.5-1 3.4 0l5.6 5.6c1 1 1 2.5 0 3.4L13 21",
-      key: "182aya"
-    }
-  ],
-  ["path", { d: "M22 21H7", key: "t4ddhn" }],
-  ["path", { d: "m5 11 9 9", key: "1mo9qw" }]
-]);
-/**
- * @license lucide-react v0.379.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const ft = T("GanttChart", [
-  ["path", { d: "M8 6h10", key: "9lnwnk" }],
-  ["path", { d: "M6 12h9", key: "1g9pqf" }],
-  ["path", { d: "M11 18h7", key: "c8dzvl" }]
-]);
-/**
- * @license lucide-react v0.379.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const ln = T("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" }],
-  ["path", { d: "M2.5 13 5 7c.7-1.3 1.4-2 3-2", key: "1hm1gs" }],
-  ["path", { d: "M21.5 13 19 7c-.7-1.3-1.5-2-3-2", key: "1r31ai" }]
-]);
-/**
- * @license lucide-react v0.379.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const on = T("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" }],
-  [
-    "path",
-    {
-      d: "m21.5 11.5-1.914-1.914A2 2 0 0 1 19 8.172V7l-2.26-2.26a6 6 0 0 0-4.202-1.756L9 2.96l.92.82A6.18 6.18 0 0 1 12 8.4V10l2 2h1.172a2 2 0 0 1 1.414.586L18.5 14.5",
-      key: "b7pghm"
-    }
-  ]
-]);
-/**
- * @license lucide-react v0.379.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const cn = T("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" }],
-  ["line", { x1: "16", x2: "14", y1: "3", y2: "21", key: "weycgp" }]
-]);
-/**
- * @license lucide-react v0.379.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const dn = T("Home", [
-  ["path", { d: "m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z", key: "y5dka4" }],
-  ["polyline", { points: "9 22 9 12 15 12 15 22", key: "e2us08" }]
-]);
-/**
- * @license lucide-react v0.379.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const hn = T("Key", [
-  ["path", { d: "m15.5 7.5 2.3 2.3a1 1 0 0 0 1.4 0l2.1-2.1a1 1 0 0 0 0-1.4L19 4", key: "g0fldk" }],
-  ["path", { d: "m21 2-9.6 9.6", key: "1j0ho8" }],
-  ["circle", { cx: "7.5", cy: "15.5", r: "5.5", key: "yqb3hr" }]
-]);
-/**
- * @license lucide-react v0.379.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Is = T("LineChart", [
-  ["path", { d: "M3 3v18h18", key: "1s2lah" }],
-  ["path", { d: "m19 9-5 5-4-4-3 3", key: "2osh9i" }]
-]);
-/**
- * @license lucide-react v0.379.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const un = T("ListEnd", [
-  ["path", { d: "M16 12H3", key: "1a2rj7" }],
-  ["path", { d: "M16 6H3", key: "1wxfjs" }],
-  ["path", { d: "M10 18H3", key: "13769t" }],
-  ["path", { d: "M21 6v10a2 2 0 0 1-2 2h-5", key: "ilrcs8" }],
-  ["path", { d: "m16 16-2 2 2 2", key: "kkc6pm" }]
-]);
-/**
- * @license lucide-react v0.379.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const mn = T("ListStart", [
-  ["path", { d: "M16 12H3", key: "1a2rj7" }],
-  ["path", { d: "M16 18H3", key: "12xzn7" }],
-  ["path", { d: "M10 6H3", key: "lf8lx7" }],
-  ["path", { d: "M21 18V8a2 2 0 0 0-2-2h-5", key: "1hghli" }],
-  ["path", { d: "m16 8-2-2 2-2", key: "160uvd" }]
-]);
-/**
- * @license lucide-react v0.379.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const xn = T("ListX", [
-  ["path", { d: "M11 12H3", key: "51ecnj" }],
-  ["path", { d: "M16 6H3", key: "1wxfjs" }],
-  ["path", { d: "M16 18H3", key: "12xzn7" }],
-  ["path", { d: "m19 10-4 4", key: "1tz659" }],
-  ["path", { d: "m15 10 4 4", key: "1n7nei" }]
-]);
-/**
- * @license lucide-react v0.379.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const $e = T("LoaderCircle", [
-  ["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]
-]);
-/**
- * @license lucide-react v0.379.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const pn = T("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" }],
-  ["path", { d: "M16 10h.01", key: "1m94wz" }]
-]);
-/**
- * @license lucide-react v0.379.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const fn = T("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" }],
-  ["path", { d: "M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3", key: "1jsf9p" }],
-  ["path", { d: "M12 12V8", key: "2874zd" }]
-]);
-/**
- * @license lucide-react v0.379.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const gt = T("Pencil", [
-  ["path", { d: "M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z", key: "5qss01" }],
-  ["path", { d: "m15 5 4 4", key: "1mk7zo" }]
-]);
-/**
- * @license lucide-react v0.379.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const jt = T("PieChart", [
-  ["path", { d: "M21.21 15.89A10 10 0 1 1 8 2.83", key: "k2fpak" }],
-  ["path", { d: "M22 12A10 10 0 0 0 12 2v10z", key: "1rfc4y" }]
-]);
-/**
- * @license lucide-react v0.379.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const gn = T("Play", [
-  ["polygon", { points: "6 3 20 12 6 21 6 3", key: "1oa8hb" }]
-]);
-/**
- * @license lucide-react v0.379.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const jn = T("Plug2", [
-  ["path", { d: "M9 2v6", key: "17ngun" }],
-  ["path", { d: "M15 2v6", key: "s7yy2p" }],
-  ["path", { d: "M12 17v5", key: "bb1du9" }],
-  ["path", { d: "M5 8h14", key: "pcz4l3" }],
-  ["path", { d: "M6 11V8h12v3a6 6 0 1 1-12 0v0Z", key: "nd4hoy" }]
-]);
-/**
- * @license lucide-react v0.379.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const bn = T("Save", [
-  [
-    "path",
-    {
-      d: "M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z",
-      key: "1c8476"
-    }
-  ],
-  ["path", { d: "M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7", key: "1ydtos" }],
-  ["path", { d: "M7 3v4a1 1 0 0 0 1 1h7", key: "t51u73" }]
-]);
-/**
- * @license lucide-react v0.379.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const bt = T("ScatterChart", [
-  ["circle", { cx: "7.5", cy: "7.5", r: ".5", fill: "currentColor", key: "kqv944" }],
-  ["circle", { cx: "18.5", cy: "5.5", r: ".5", fill: "currentColor", key: "lysivs" }],
-  ["circle", { cx: "11.5", cy: "11.5", r: ".5", fill: "currentColor", key: "byv1b8" }],
-  ["circle", { cx: "7.5", cy: "16.5", r: ".5", fill: "currentColor", key: "nkw3mc" }],
-  ["circle", { cx: "17.5", cy: "14.5", r: ".5", fill: "currentColor", key: "1gjh6j" }],
-  ["path", { d: "M3 3v18h18", key: "1s2lah" }]
-]);
-/**
- * @license lucide-react v0.379.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const yn = T("ShieldQuestion", [
-  [
-    "path",
-    {
-      d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",
-      key: "oel41y"
-    }
-  ],
-  ["path", { d: "M9.1 9a3 3 0 0 1 5.82 1c0 2-3 3-3 3", key: "mhlwft" }],
-  ["path", { d: "M12 17h.01", key: "p32p05" }]
-]);
-/**
- * @license lucide-react v0.379.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const vn = T("Sigma", [
-  ["path", { d: "M18 7V4H6l6 8-6 8h12v-3", key: "zis8ev" }]
-]);
-/**
- * @license lucide-react v0.379.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Nn = T("SwatchBook", [
-  ["path", { d: "M11 17a4 4 0 0 1-8 0V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2Z", key: "1ldrpk" }],
-  ["path", { d: "M16.7 13H19a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H7", key: "11i5po" }],
-  ["path", { d: "M 7 17h0.01", key: "10821z" }],
-  [
-    "path",
-    {
-      d: "m11 8 2.3-2.3a2.4 2.4 0 0 1 3.404.004L18.6 7.6a2.4 2.4 0 0 1 .026 3.434L9.9 19.8",
-      key: "o2gii7"
-    }
-  ]
-]);
-/**
- * @license lucide-react v0.379.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Cn = T("Tag", [
-  [
-    "path",
-    {
-      d: "M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z",
-      key: "vktsd0"
-    }
-  ],
-  ["circle", { cx: "7.5", cy: "7.5", r: ".5", fill: "currentColor", key: "kqv944" }]
-]);
-/**
- * @license lucide-react v0.379.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Sn = T("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" }]
-]);
-/**
- * @license lucide-react v0.379.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const qs = T("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" }]
-]);
-/**
- * @license lucide-react v0.379.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const wn = T("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 yt(s) {
-  var n;
-  return {
-    ...s,
-    sheets: (n = s == null ? void 0 : s.sheets) == null ? void 0 : n.map((t) => {
-      var a;
-      return {
-        ...t,
-        frames: (a = t.frames) == null ? void 0 : a.map((i) => {
-          var h;
-          return {
-            ...i,
-            cards: (h = i.cards) == null ? void 0 : h.map((r) => kn(r))
-          };
-        })
-      };
-    })
-  };
-}
-function kn(s) {
-  var n, t, a, i;
-  return {
-    ...s,
-    cfg: {
-      ...s.cfg,
-      data: {
-        ...(n = s.cfg) == null ? void 0 : n.data,
-        labels: [],
-        datasets: (i = (a = (t = s.cfg) == null ? void 0 : t.data) == null ? void 0 : a.datasets) == null ? void 0 : i.map((h) => ({
-          ...h,
-          data: []
-        }))
-      }
-    },
-    customCfg: zn(s.customCfg),
-    // if customCfg is present, clean it, otherwise return null{
-    data: []
-  };
-}
-function zn(s) {
-  var n, t;
-  return s ? {
-    ...s,
-    data: {
-      ...s == null ? void 0 : s.data,
-      labels: [],
-      datasets: (t = (n = s == null ? void 0 : s.data) == null ? void 0 : n.datasets) == null ? void 0 : t.map((a) => ({
-        ...a,
-        data: []
-      }))
-    }
-  } : null;
-}
-async function Fn(s, n, t, a) {
-  if (!a)
-    return null;
-  const i = JSON.stringify(n);
-  return await Pe("https://semaphor.cloud/api/v1/lens", a, {
-    name: s,
-    template: i,
-    filterValues: t,
-    operation: "create"
-  });
-}
-async function gs(s, n) {
-  if (!n)
-    return null;
-  const { id: t, template: a, filterValues: i, isDefault: h, shared: r } = s;
-  return await Pe("https://semaphor.cloud/api/v1/lens", n, {
-    lensId: t,
-    template: a,
-    filterValues: i,
-    isDefault: h,
-    shared: r,
-    operation: "update"
-  });
-}
-async function Ln(s, n) {
-  return n ? await Pe("https://semaphor.cloud/api/v1/lens", n, {
-    operation: "delete",
-    lensId: s
-  }) : null;
-}
-function Mn() {
-  const [s, n] = A(""), [t, a] = A(!1), i = w((y) => y.lenses), { setLenses: h, setSelectedLensId: r } = js(), [l, c] = A(!1), [m, u] = A(!1), g = w((y) => y.dashboard), j = w((y) => y.filterValues), { authToken: d } = je();
-  async function x() {
-    c(!0);
-    const y = yt(
-      g
-    ), f = await Fn(
-      s,
-      y,
-      j,
-      d == null ? void 0 : d.accessToken
-    );
-    f && (h([...i || [], f]), r(f.id), u(!1)), c(!1);
-  }
-  return /* @__PURE__ */ e.jsxs(bs, { open: m, onOpenChange: u, children: [
-    /* @__PURE__ */ e.jsx(ys, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
-      z,
-      {
-        variant: "secondary",
-        className: "h-7 p-2",
-        size: "sm",
-        children: [
-          /* @__PURE__ */ e.jsx(vs, { className: "mr-2 h-4 w-4", strokeWidth: 1.5 }),
-          "Lens"
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ e.jsxs(Ns, { className: "sm:max-w-[425px]", children: [
-      /* @__PURE__ */ e.jsxs(Cs, { children: [
-        /* @__PURE__ */ e.jsx(Ss, { children: "Create Lens" }),
-        /* @__PURE__ */ e.jsx(ws, { children: "Lenses are private by default and are only visible to you." })
-      ] }),
-      /* @__PURE__ */ e.jsx("div", { className: "grid gap-4 py-4", children: /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-8 items-center gap-4", children: [
-        /* @__PURE__ */ e.jsx(H, { className: "text-right", children: "Name" }),
-        /* @__PURE__ */ e.jsx(
-          de,
-          {
-            value: s,
-            onChange: (y) => {
-              n(y.target.value);
-            },
-            id: "name",
-            className: "col-span-7 focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0"
-          }
-        )
-      ] }) }),
-      t && /* @__PURE__ */ e.jsx("p", { className: "text-sm", children: "The lens name already exists. Use a differnet name." }),
-      /* @__PURE__ */ e.jsx(et, { children: /* @__PURE__ */ e.jsx(
-        z,
-        {
-          size: "sm",
-          variant: "outline",
-          type: "submit",
-          onClick: x,
-          disabled: l,
-          children: l ? "Creating..." : "Add"
-        }
-      ) })
-    ] })
-  ] });
-}
-function On() {
-  const [s, n] = A(!1), t = w((u) => u.lenses), a = w((u) => u.selectedLensId), { setLenses: i, setSelectedLensId: h } = js(), { authToken: r } = je();
-  async function l(u) {
-    h(u);
-  }
-  async function c(u) {
-    if (await Ln(u, r == null ? void 0 : r.accessToken)) {
-      const j = t == null ? void 0 : t.filter((d) => d.id !== u);
-      i(j || []), h("original");
-    }
-  }
-  async function m(u) {
-    const g = t == null ? void 0 : t.map((x) => x.id === u.id ? {
-      ...x,
-      isDefault: !u.isDefault
-    } : {
-      ...x,
-      isDefault: !1
-    });
-    i(g || []);
-    const j = {
-      ...u,
-      isDefault: !u.isDefault
-    };
-    await gs(j, r == null ? void 0 : r.accessToken);
-    const d = t == null ? void 0 : t.find((x) => x.isDefault);
-    if (d && d.id !== u.id) {
-      const x = {
-        ...d,
-        isDefault: !1
-      };
-      await gs(x, r == null ? void 0 : r.accessToken);
-    }
-  }
-  return /* @__PURE__ */ e.jsxs(_t, { open: s, onOpenChange: n, children: [
-    /* @__PURE__ */ e.jsx(Rt, { asChild: !0, children: /* @__PURE__ */ e.jsx(z, { variant: "ghost", className: "h-7 p-2", children: /* @__PURE__ */ e.jsx(ln, { className: "h-4 w-4", strokeWidth: 1.5 }) }) }),
-    /* @__PURE__ */ e.jsxs(Ht, { align: "end", className: "w-60", children: [
-      /* @__PURE__ */ e.jsx($t, { className: "px-3", children: "Lenses" }),
-      /* @__PURE__ */ e.jsx(Pt, {}),
-      /* @__PURE__ */ e.jsxs(
-        Bt,
-        {
-          value: a,
-          onValueChange: l,
-          children: [
-            /* @__PURE__ */ e.jsx(Hs, { value: "original", children: "Original" }),
-            t == null ? void 0 : t.map((u) => /* @__PURE__ */ e.jsxs(
-              Hs,
-              {
-                className: "group flex justify-between",
-                value: u.id,
-                children: [
-                  /* @__PURE__ */ e.jsx("p", { children: u.name }),
-                  /* @__PURE__ */ e.jsxs("span", { className: "flex items-center gap-3", children: [
-                    /* @__PURE__ */ e.jsx(
-                      dn,
-                      {
-                        onClick: (g) => {
-                          g.preventDefault(), m(u);
-                        },
-                        className: Z(
-                          "size-3.5 text-muted-foreground hover:cursor-pointer hover:text-foreground group-hover:visible",
-                          {
-                            invisible: !u.isDefault
-                          }
-                        ),
-                        strokeWidth: 1.5
-                      }
-                    ),
-                    /* @__PURE__ */ e.jsx(
-                      Ve,
-                      {
-                        onClick: (g) => {
-                          g.preventDefault(), c(u.id);
-                        },
-                        className: "invisible size-3.5 text-muted-foreground hover:cursor-pointer hover:text-foreground group-hover:visible",
-                        strokeWidth: 1.5
-                      }
-                    )
-                  ] })
-                ]
-              },
-              u.id
-            ))
-          ]
-        }
-      )
-    ] })
-  ] });
-}
-function Dn() {
-  const { authToken: s } = je(), n = w((S) => S.lenses), t = w((S) => S.selectedLensId), a = n == null ? void 0 : n.find((S) => S.id === t), i = w((S) => S.dashboard);
-  w((S) => S.selectedSheetId);
-  const h = w(
-    (S) => S.isDashboardEditing
-  ), [r, l] = A(!1), c = w((S) => S.filterValues), m = w((S) => S.isVisualEditing), u = w((S) => S.showFilters);
-  w(
-    (S) => S.showDashboardJSON
-  );
-  const g = w((S) => S.onSaveFunction), j = w(
-    (S) => S.actions.setShowFilters
-  ), { addFrame: d, setSelectedFrameId: x } = w(
-    (S) => S.actions
-  ), { getSelectedSheet: y, setIsDashboardEditing: f, setShowDashboardJSON: L } = w((S) => S.actions), O = y(), v = () => {
-    if (!h || !O)
-      return;
-    const S = {
-      id: Ze(),
-      title: "Title",
-      description: "Description",
-      preferences: {
-        onClickFilter: [
-          {
-            columnIndex: 0,
-            expression: ""
-          }
-        ]
-      },
-      type: "bar",
-      sql: "select COUNT(*) from YOUR_TABLE",
-      data: []
-    }, M = {
-      id: Ze(),
-      cards: [S],
-      activeCardId: S.id
-    };
-    d(O.id, M), x(M.id);
-  }, V = () => {
-    f(!0);
-  };
-  async function _() {
-    if (l(!0), !t || !a)
-      return;
-    const S = yt(
-      i
-    ), M = JSON.stringify(S), N = {
-      ...a,
-      template: M,
-      filterValues: c
-    };
-    await gs(N, s == null ? void 0 : s.accessToken), Xe.success("Lens saved"), g == null || g(S), l(!1);
-  }
-  return m ? 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: [
-        !m && /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ e.jsx(H, { children: a == null ? void 0 : a.name }) }),
-        /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
-          h && !m && /* @__PURE__ */ e.jsx(Mn, {}),
-          !m && /* @__PURE__ */ e.jsx(On, {}),
-          h && !m && /* @__PURE__ */ e.jsxs(
-            z,
-            {
-              variant: "secondary",
-              className: "h-7 p-2",
-              size: "sm",
-              disabled: !h,
-              onClick: v,
-              children: [
-                /* @__PURE__ */ e.jsx(vs, { className: "mr-2 h-4 w-4", strokeWidth: 1.5 }),
-                "Frame"
-              ]
-            }
-          ),
-          !h && /* @__PURE__ */ e.jsx(
-            z,
-            {
-              variant: "ghost",
-              className: "h-7 p-2",
-              onClick: V,
-              size: "sm",
-              children: /* @__PURE__ */ e.jsx(gt, { className: "h-4 w-4", strokeWidth: 1.5 })
-            }
-          ),
-          h && !m && /* @__PURE__ */ e.jsx(
-            z,
-            {
-              variant: "ghost",
-              role: "close",
-              className: "h-7 p-2",
-              onClick: () => {
-                f(!1), L(!1);
-              },
-              size: "sm",
-              children: /* @__PURE__ */ e.jsx(Ve, { className: "h-4 w-4", strokeWidth: 1.5 })
-            }
-          ),
-          h && !m && /* @__PURE__ */ e.jsx(
-            z,
-            {
-              className: "h-7 p-2",
-              variant: "ghost",
-              disabled: r,
-              onClick: _,
-              size: "sm",
-              children: /* @__PURE__ */ e.jsx(bn, { className: "h-4 w-4", strokeWidth: 1.5 })
-            }
-          ),
-          !u && !m && h && /* @__PURE__ */ e.jsx(
-            z,
-            {
-              className: "h-7 p-2",
-              variant: "ghost",
-              onClick: () => j(!0),
-              size: "sm",
-              children: /* @__PURE__ */ e.jsx(st, { className: "h-4 w-4", strokeWidth: 1.5 })
-            }
-          ),
-          !m && h && !1,
-          !m && !1
-        ] })
-      ]
-    }
-  );
-}
-function Ie({
-  title: s,
-  items: n,
-  value: t,
-  isLoading: a,
-  isError: i,
-  connectionTooltip: h,
-  onChange: r,
-  showNone: l = !1,
-  className: c,
-  showIcon: m = !0,
-  disabled: u = !1
-}) {
-  const g = a ? "Loading..." : i ? "Error" : t;
-  function j() {
-    if (s === "Connection")
-      return /* @__PURE__ */ e.jsx(jn, { className: "size-4 rotate-90" });
-    if (s === "Database")
-      return /* @__PURE__ */ e.jsx(an, { className: "size-4" });
-    if (s === "Schema")
-      return /* @__PURE__ */ e.jsx(fn, { className: "size-4" });
-    if (s === "Table")
-      return /* @__PURE__ */ e.jsx(Fs, { className: "size-4" });
-    if (s === "Model")
-      return /* @__PURE__ */ e.jsx(sn, { className: "size-4" });
-  }
-  return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-    m && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: h ? /* @__PURE__ */ e.jsxs(ks, { children: [
-      /* @__PURE__ */ e.jsx(tt, { children: j() }),
-      /* @__PURE__ */ e.jsx(zs, { className: "text-xs", align: "start", children: h })
-    ] }) : j() }),
-    /* @__PURE__ */ e.jsxs(ke, { disabled: u, value: g, onValueChange: r, children: [
-      /* @__PURE__ */ e.jsx(
-        ze,
-        {
-          className: Z(
-            "h-9 w-full focus:ring-1 focus:ring-offset-0",
-            c
-          ),
-          children: /* @__PURE__ */ e.jsx(
-            Fe,
-            {
-              placeholder: a ? "Loading..." : i ? "Error" : `Select ${s}`
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ e.jsx(Le, { children: /* @__PURE__ */ e.jsxs(_e, { children: [
-        a ? /* @__PURE__ */ e.jsx(Me, { children: "Loading..." }) : /* @__PURE__ */ e.jsx(Me, { children: s }),
-        /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-          l && /* @__PURE__ */ e.jsx(te, { value: "none", children: "None" }, "none"),
-          n && n.map((d, x) => /* @__PURE__ */ e.jsx(te, { value: d.id, children: d.name }, x))
-        ] }),
-        (a || i) && /* @__PURE__ */ e.jsx(te, { value: g, children: g })
-      ] }) })
-    ] })
-  ] });
-}
-function Tn({ column: s }) {
-  const [n, t] = A(!1), a = o((d) => d.selectedTableName), i = o(
-    (d) => d.selectedSchemaName
-  ), h = o(
-    (d) => d.selectedDatamodelId
-  ), r = o((d) => d.sqlGen), { modelItems: l } = De(), c = o((d) => d.actions.setSqlGen), m = o((d) => d.actions.setCardSql), u = o((d) => d.actions.setRunSql);
-  function g(d, x) {
-    var O;
-    const y = at(d, r, x), f = (O = l == null ? void 0 : l.find(
-      (v) => v.id === h
-    )) == null ? void 0 : O.name;
-    c(y);
-    const L = nt(
-      y,
-      ue(i || ""),
-      ue(a),
-      f
-    );
-    L && (m(L), u(!0)), t(!1);
-  }
-  function j() {
-    return /* @__PURE__ */ e.jsxs("ul", { className: "text-xs", children: [
-      /* @__PURE__ */ e.jsx(
-        "li",
-        {
-          onClick: () => g(s, "COUNT"),
-          className: "cursor-pointer p-1 px-3 transition-colors hover:bg-muted",
-          children: "Count"
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        "li",
-        {
-          onClick: () => g(s, "AVG"),
-          className: "cursor-pointer p-1 px-3 transition-colors hover:bg-muted",
-          children: "Avg"
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        "li",
-        {
-          onClick: () => g(s, "SUM"),
-          className: "cursor-pointer p-1 px-3 transition-colors hover:bg-muted",
-          children: "Sum"
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        "li",
-        {
-          onClick: () => g(s, "MAX"),
-          className: "cursor-pointer p-1 px-3 transition-colors hover:bg-muted",
-          children: "Max"
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        "li",
-        {
-          onClick: () => g(s, "MIN"),
-          className: "cursor-pointer p-1 px-3 transition-colors hover:bg-muted",
-          children: "Min"
-        }
-      )
-    ] });
-  }
-  return /* @__PURE__ */ e.jsxs(Ls, { openDelay: 0, open: n, onOpenChange: t, children: [
-    /* @__PURE__ */ e.jsx(Ms, { asChild: !0, children: /* @__PURE__ */ e.jsx(nn, { className: "invisible size-3.5 cursor-pointer text-foreground/40 group-hover:visible" }) }),
-    /* @__PURE__ */ e.jsx(
-      Os,
-      {
-        align: "center",
-        className: "w-20 rounded-md p-0 shadow-none",
-        children: j()
-      }
-    )
-  ] });
-}
-function vt({ column: s }) {
-  return /* @__PURE__ */ e.jsxs(ks, { children: [
-    /* @__PURE__ */ e.jsx(Gt, { asChild: !0, children: Kt.includes(s.data_type.toLowerCase()) ? (
-      // <span className=" font-thin">T</span>
-      /* @__PURE__ */ e.jsx(qs, { className: "size-3" })
-    ) : rt.includes(s.data_type.toLowerCase()) ? (
-      //
-      /* @__PURE__ */ e.jsx(cn, { className: "size-3" })
-    ) : Ut.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(Wt, { className: "size-3" }) : Qt.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(Sn, { className: "size-3" }) : /* @__PURE__ */ e.jsx(yn, { className: "size-3" }) }),
-    /* @__PURE__ */ e.jsx(zs, { children: /* @__PURE__ */ e.jsx("p", { className: "font-mono text-xs", children: s.data_type }) })
-  ] });
-}
-function An({
-  schemaName: s,
-  tableName: n,
-  columns: t,
-  status: a
-}) {
-  const i = o((N) => N.sqlGen), h = o(
-    (N) => N.selectedConnectionId
-  ), r = o(
-    (N) => N.selectedDatabaseName
-  ), l = o(
-    (N) => N.selectedSchemaName
-  ), c = o((N) => N.selectedTableName), m = o(
-    (N) => N.selectedDatamodelId
-  ), u = w(
-    (N) => N.dashboard.aiScopeTables
-  ), { setAIScopeTables: g } = w((N) => N.actions), j = o((N) => N.actions.setRunSql), d = o((N) => N.actions.setSqlGen), x = o(
-    (N) => N.actions.setIsShowingVisual
-  ), y = o((N) => N.actions.setCardSql), { connectionType: f, modelItems: L } = De();
-  function O(N) {
-    var E;
-    const F = at(N, i);
-    d(F);
-    const R = (E = L == null ? void 0 : L.find(
-      (P) => P.id === m
-    )) == null ? void 0 : E.name, $ = nt(F, ue(s), ue(n), R);
-    $ && (y($), j(!0));
-  }
-  function v() {
-    return (u == null ? void 0 : u.find(
-      (N) => N.connectinonId === h && N.tableName === c
-    )) !== void 0;
-  }
-  function V(N) {
-    if (N === !0 && c && h) {
-      const F = {
-        connectinonId: h,
-        connectionType: f,
-        databaseName: r,
-        schemaName: l,
-        tableName: c
-      }, $ = [...u || [], F].filter(
-        (E, P, X) => X.findIndex(
-          (W) => W.connectinonId === E.connectinonId && W.tableName === E.tableName
-        ) === P
-      );
-      g($), Xe.success(`Added '${c}' to AI Scope`, {
-        position: "top-right",
-        duration: 2500,
-        richColors: !0
-      });
-    } else {
-      const F = (u || []).filter(
-        (R) => R.connectinonId !== h && R.tableName !== c
-      );
-      g(F), Xe(`Removed '${c}' from AI Scope`, {
-        position: "top-right",
-        duration: 2e3,
-        richColors: !0
-      });
-    }
-  }
-  function _() {
-    var E;
-    let N = lt(s, n);
-    const F = (E = L == null ? void 0 : L.find(
-      (P) => P.id === m
-    )) == null ? void 0 : E.name;
-    console.log("modelName", F), m && m !== "none" && (N = `${ms}.${F}`);
-    let R = N;
-    return ((P) => /[A-Z]/.test(P))(n) && (R = R.split(".").map((X) => `"${X}"`).join(".")), R;
-  }
-  function S() {
-    const N = _();
-    x(!1);
-    const F = f === "MSSQL" ? `SELECT top 10 * FROM ${N}` : `SELECT * FROM ${N} LIMIT 10`;
-    y(F), j(!0);
-  }
-  function M() {
-    const N = _();
-    y(`SELECT COUNT(*) as count FROM ${N}`), 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(
-        it,
-        {
-          title: `${v() ? "Remove from" : "Add to"} AI Scope`,
-          pressed: v(),
-          onPressedChange: V,
-          variant: "outline",
-          className: "h-9 px-2",
-          children: /* @__PURE__ */ e.jsx(
-            Jt,
-            {
-              className: Z("size-4", {
-                "text-primary": v(),
-                "text-muted-foreground": !v()
-              })
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ e.jsxs(
-        z,
-        {
-          disabled: a !== "Success",
-          onClick: S,
-          size: "sm",
-          variant: "secondary",
-          className: "flex",
-          children: [
-            a !== "Success" ? /* @__PURE__ */ e.jsx($e, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(Nn, { className: "mr-2 size-4" }),
-            "Top 10"
-          ]
-        }
-      ),
-      /* @__PURE__ */ e.jsxs(
-        z,
-        {
-          disabled: a !== "Success",
-          onClick: M,
-          size: "sm",
-          variant: "secondary",
-          className: "flex",
-          children: [
-            a !== "Success" ? /* @__PURE__ */ e.jsx($e, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(vn, { className: "mr-2 size-4" }),
-            "Count"
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ e.jsxs(
-      Ds,
-      {
-        className: "flex-1 basis-0 overflow-y-auto border-b border-t border-muted py-3",
-        children: [
-          t == null ? void 0 : t.map((N) => /* @__PURE__ */ e.jsxs(
-            "div",
-            {
-              onClick: () => O(N),
-              className: Z(
-                "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": Yt(N, i)
-                }
-              ),
-              children: [
-                /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-                  /* @__PURE__ */ e.jsx(vt, { column: N }),
-                  /* @__PURE__ */ e.jsx("span", { children: N.column_name })
-                ] }),
-                /* @__PURE__ */ e.jsx(
-                  "div",
-                  {
-                    onClick: (F) => F.stopPropagation(),
-                    className: "flex items-center justify-end",
-                    children: rt.includes(N.data_type) && /* @__PURE__ */ e.jsx(Tn, { column: N })
-                  }
-                )
-              ]
-            },
-            N.column_name
-          )),
-          /* @__PURE__ */ e.jsx($s, { orientation: "vertical" }),
-          /* @__PURE__ */ e.jsx($s, { orientation: "horizontal" })
-        ]
-      }
-    )
-  ] });
-}
-function De(s, n) {
-  var Ge, Ee, Ke, Ue, p;
-  let t = Xa(() => [], []);
-  const a = je().authToken || s, i = o(
-    (b) => b.selectedConnectionId
-  ), h = o(
-    (b) => b.selectedDatamodelId
-  ), r = o(
-    (b) => b.selectedDatabaseName
-  ), l = o(
-    (b) => b.selectedSchemaName
-  ), c = o((b) => b.selectedTableName), m = o(
-    (b) => b.actions.setCurrentColumns
-  ), u = o(
-    (b) => b.actions.setSelectedConnectionId
-  ), g = o(
-    (b) => b.actions.setSelectedDatamodelId
-  ), j = o(
-    (b) => b.actions.setSelectedDatabaseName
-  ), d = o(
-    (b) => b.actions.setSelectedSchemaName
-  ), x = o(
-    (b) => b.actions.setSelectedTableName
-  ), y = o((b) => b.actions.setCardSql);
-  function f(b) {
-    return i && r && l && r !== "NA" ? !0 : i && b === "API" ? !1 : !!(i && b === "S3");
-  }
-  function L(b) {
-    return !!(i && r && r !== "NA" && l && c || i && (b === "S3" || b === "API") || h && h);
-  }
-  function O(b) {
-    return i && b ? !(b === "API" || b === "S3") : !1;
-  }
-  const {
-    data: v,
-    isLoading: V,
-    isError: _
-  } = he({
-    queryKey: ["connections"],
-    queryFn: () => ge(
-      "https://semaphor.cloud/api/v1/connections",
-      (a == null ? void 0 : a.accessToken) || ""
-    ),
-    enabled: !!(a != null && a.accessToken)
-    // Only fetch if authToken is present
-  }), {
-    data: S,
-    isLoading: M,
-    isError: N
-  } = he({
-    queryKey: ["models", i],
-    queryFn: () => ge(
-      "https://semaphor.cloud/api/v1/datamodels",
-      (a == null ? void 0 : a.accessToken) || "",
-      {
-        connection_id: i
-      }
-    ),
-    enabled: !!(a != null && a.accessToken) && !!i
-    // Only fetch if authToken is present
-  }), F = v == null ? void 0 : v.connections.find(
-    (b) => b.id === i
-  ), R = F == null ? void 0 : F.type, $ = (F == null ? void 0 : F.type) === "API" || (F == null ? void 0 : F.type) === "S3", {
-    data: E,
-    isLoading: P,
-    isFetching: X,
-    isError: W,
-    refetch: re
-  } = he({
-    queryKey: ["databases", i],
-    queryFn: () => ge(
-      "https://semaphor.cloud/api/v1/databases",
-      (a == null ? void 0 : a.accessToken) || "",
-      {
-        connection_id: i
-      }
-    ),
-    enabled: O(R)
-    // !!selectedConnectionId && !isNonDbConnection, //currentConnection?.type !== 'API', // Only fetch if connectionId is present
-  }), {
-    data: U,
-    isLoading: ie,
-    isFetching: C,
-    isError: D,
-    refetch: J
-  } = he({
-    queryKey: ["schemas", i, r],
-    queryFn: () => ge(
-      "https://semaphor.cloud/api/v1/schemas",
-      (a == null ? void 0 : a.accessToken) || "",
-      {
-        connection_id: i,
-        database_name: r
-      }
-    ),
-    enabled: !!i && !!r && !$ && r !== "NA"
-    //currentConnection?.type !== 'API', // Only fetch if connectionId and database is present
-  }), {
-    data: k,
-    isLoading: I,
-    isFetching: ee,
-    isError: q,
-    refetch: se
-  } = he({
-    queryKey: [
-      "tables",
-      i,
-      r,
-      l
-    ],
-    queryFn: () => ge(
-      "https://semaphor.cloud/api/v1/tables",
-      (a == null ? void 0 : a.accessToken) || "",
-      {
-        connection_id: i,
-        database_name: r,
-        schema_name: l
-      }
-    ),
-    enabled: f(R)
-  }), {
-    data: ae,
-    isLoading: be,
-    isFetching: pe,
-    isError: Q
-  } = he({
-    queryKey: [
-      "columns",
-      i,
-      r,
-      h,
-      l,
-      c
-    ],
-    queryFn: () => ge(
-      "https://semaphor.cloud/api/v1/columns",
-      (a == null ? void 0 : a.accessToken) || "",
-      {
-        connection_id: i,
-        datamodel_id: h || "",
-        // don't pass undefined. Pass empty string
-        database_name: r,
-        schema_name: l,
-        table_name: c
-      }
-    ),
-    enabled: L(R)
-    // (!!selectedConnectionId &&
-    //   !!selectedDatabaseName &&
-    //   !!selectedSchemaName &&
-    //   !!selectedTableName) ||
-    // isNonDbConnection,
-    //currentConnection?.type === 'API',
-    // && currentConnection?.type !== 'API', // Only fetch if connectionId, database, and table is present
-  });
-  Y(() => {
-    m(t);
-  }, [ae, m, t]), Y(() => {
-  }, [
-    $,
-    y,
-    x,
-    d,
-    j,
-    F
-  ]);
-  const le = (F == null ? void 0 : F.type) === "API" ? (Ge = F == null ? void 0 : F.type) == null ? void 0 : Ge.toLowerCase() : c || "", oe = $ ? "" : l || "";
-  function ye(b) {
-    d(b), x("");
-  }
-  function ce(b) {
-    j(b === "none" ? "" : b), d(""), x(""), b !== "none" && b !== "" && g("");
-  }
-  function fe(b) {
-    u(b);
-  }
-  function _s(b) {
-    g(b === "none" ? "" : b), b !== "none" && b !== "" && j("");
-  }
-  E && ((Ee = E == null ? void 0 : E.databases) == null ? void 0 : Ee.length) > 0, U && ((Ke = U == null ? void 0 : U.schemas) == null ? void 0 : Ke.length) > 0, ae && ((Ue = ae == null ? void 0 : ae.columns) == null ? void 0 : Ue.length) > 0 && (t = ae.columns.map((b) => ({
-    ...b,
-    data_type: b.data_type.toLowerCase()
-  }))), W && (t = []), (Q || _) && (t = []);
-  const Ce = v == null ? void 0 : v.connections.map(
-    (b) => ({
-      id: b.id,
-      name: b.name,
-      type: b.type
-    })
-  ), os = (p = S == null ? void 0 : S.datamodels) == null ? void 0 : p.map((b) => ({
-    id: b.id,
-    name: b.name
-  })), Be = E == null ? void 0 : E.databases.map((b) => ({
-    id: b.database_name,
-    name: b.database_name
-  })), cs = U == null ? void 0 : U.schemas.map((b) => ({
-    id: b.schema_name,
-    name: b.schema_name
-  })), ds = k == null ? void 0 : k.tables.map((b) => ({
-    id: b.table_name,
-    name: b.table_name
-  }));
-  return {
-    connectionItems: Ce,
-    isConnectionsLoading: V,
-    isConnectionsError: _,
-    modelItems: os,
-    isModelsLoading: M,
-    isModelsError: N,
-    databaseItems: Be,
-    isDatabasesLoadingOrFetching: P || X,
-    isDatabaseError: W,
-    schemaItems: cs,
-    isSchemaLoadingOrFetching: ie || C,
-    isSchemaError: D,
-    tableItems: ds,
-    isTableLoadingOrFetching: I || ee,
-    isTableError: q,
-    columns: t,
-    isColumnsLoadingOrFetching: be || pe,
-    isColumnsError: Q,
-    isNonDbConnection: $,
-    connectionType: R,
-    tableName: le,
-    schemaName: oe,
-    handleConnectionChange: fe,
-    handleDatamodelChange: _s,
-    handleDatabaseChange: ce,
-    handleSchemaChange: ye
-  };
-}
-function Nt({
-  ColumnsComponent: s
-}) {
-  var ee;
-  const n = o(
-    (q) => q.selectedConnectionId
-  ), t = o(
-    (q) => q.selectedDatamodelId
-  ), a = o(
-    (q) => q.selectedDatabaseName
-  ), i = o(
-    (q) => q.selectedSchemaName
-  ), h = o((q) => q.selectedTableName), r = o(
-    (q) => q.actions.setSelectedTableName
-  ), {
-    connectionItems: l,
-    modelItems: c,
-    schemaItems: m,
-    databaseItems: u,
-    tableItems: g,
-    columns: j,
-    isConnectionsLoading: d,
-    isModelsLoading: x,
-    isConnectionsError: y,
-    isModelsError: f,
-    isDatabasesLoadingOrFetching: L,
-    isDatabaseError: O,
-    isSchemaLoadingOrFetching: v,
-    isSchemaError: V,
-    isColumnsError: _,
-    isColumnsLoadingOrFetching: S,
-    isTableLoadingOrFetching: M,
-    isTableError: N,
-    connectionType: F,
-    isNonDbConnection: R,
-    handleConnectionChange: $,
-    handleDatabaseChange: E,
-    handleSchemaChange: P,
-    handleDatamodelChange: X,
-    tableName: W,
-    schemaName: re
-  } = De();
-  function U() {
-    return s ? s(re, W, j) : /* @__PURE__ */ e.jsx(
-      An,
-      {
-        schemaName: re,
-        tableName: W,
-        columns: j,
-        status: S ? "Loading..." : _ ? "Error" : "Success"
-      }
-    );
-  }
-  function ie() {
-    window.location.href = "mailto:support@semaphor.cloud?subject=Help&body=I need help with...";
-  }
-  function C() {
-    if (!n || F === "S3" || F === "API")
-      return null;
-    if (!t || t === "none")
-      return /* @__PURE__ */ e.jsx(
-        Ie,
-        {
-          showNone: !0,
-          onChange: E,
-          isError: O,
-          isLoading: L,
-          items: u,
-          value: a || "",
-          title: "Database"
-        }
-      );
-  }
-  function D() {
-    if (n && !R && (!a || a === "none") && (!t || t === "none"))
-      return /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3", children: [
-        /* @__PURE__ */ e.jsx("div", { className: "col-span-1 grid place-items-center", children: /* @__PURE__ */ e.jsx(Re, {}) }),
-        /* @__PURE__ */ e.jsx("div", { className: "col-span-1 grid place-items-center", children: /* @__PURE__ */ e.jsx(H, { children: "OR" }) }),
-        /* @__PURE__ */ e.jsx("div", { className: "col-span-1 grid place-items-center", children: /* @__PURE__ */ e.jsx(Re, {}) })
-      ] });
-  }
-  function J() {
-    if (!n || F === "S3" || F === "API")
-      return null;
-    if (!a || a === "none")
-      return /* @__PURE__ */ e.jsx(
-        Ie,
-        {
-          showNone: !0,
-          onChange: X,
-          isError: f,
-          isLoading: x,
-          items: c,
-          value: t || "",
-          title: "Model"
-        }
-      );
-  }
-  function k() {
-    return !n || F === "S3" || F === "API" || !a || a === "none" ? null : /* @__PURE__ */ e.jsx(
-      Ie,
-      {
-        onChange: P,
-        isError: V,
-        isLoading: v,
-        items: m,
-        value: i || "",
-        title: "Schema"
-      }
-    );
-  }
-  function I() {
-    function q() {
-      let se = !1;
-      return F === "API" ? (se = !1, se) : ((F === "S3" || n && a && a !== "none" && i) && (se = !0), se);
-    }
-    return q() ? /* @__PURE__ */ e.jsx(
-      Ie,
-      {
-        onChange: r,
-        isError: N,
-        items: g,
-        isLoading: M,
-        value: h || "",
-        title: "Table"
-      }
-    ) : null;
-  }
-  return /* @__PURE__ */ e.jsxs("aside", { className: "xbg-red-100 flex grow flex-col justify-between", children: [
-    /* @__PURE__ */ e.jsxs("section", { className: "space-y-3 px-6 py-4", children: [
-      /* @__PURE__ */ e.jsx(
-        Ie,
-        {
-          items: l,
-          title: "Connection",
-          value: n || "",
-          onChange: $,
-          isLoading: d,
-          isError: y,
-          connectionTooltip: ((ee = l == null ? void 0 : l.find(
-            (q) => q.id === n
-          )) == null ? void 0 : ee.type) || ""
-        }
-      ),
-      J(),
-      D(),
-      C(),
-      k(),
-      I()
-    ] }),
-    U(),
-    /* @__PURE__ */ e.jsx("div", { className: "flex items-end justify-center gap-2 px-6 py-4", children: /* @__PURE__ */ e.jsxs(
-      z,
-      {
-        onClick: ie,
-        size: "sm",
-        variant: "secondary",
-        className: "w-full",
-        children: [
-          /* @__PURE__ */ e.jsx(pn, { className: "mr-2 size-4" }),
-          "Help"
-        ]
-      }
-    ) })
-  ] });
-}
-function En(s) {
-  const n = s.toUpperCase().indexOf("WHERE"), t = s.toUpperCase().indexOf("GROUP BY"), a = s.toUpperCase().indexOf("LIMIT"), i = s.toUpperCase().indexOf("ORDER BY");
-  let h = s.length;
-  if (i !== -1 && (h = i), a !== -1 && a < h && (h = a), n !== -1) {
-    const r = s.substring(0, n), l = s.substring(n);
-    return `${r} {{ filters | where }} AND ${l.substring(
-      6
-    )}`;
-  } else if (t !== -1) {
-    const r = s.substring(0, t), l = s.substring(t);
-    return `${r} {{ filters | where }} ${l}`;
-  } else {
-    const r = s.substring(0, h), l = s.substring(h);
-    return `${r} {{ filters | where }} ${l}`;
-  }
-}
-function In({
-  error: s,
-  setShowAIDialog: n,
-  setUserInputforAI: t,
-  setTriggerAIRun: a
-}) {
-  return /* @__PURE__ */ e.jsxs(Ls, { openDelay: 0, children: [
-    /* @__PURE__ */ e.jsx(Ms, { asChild: !0, children: /* @__PURE__ */ e.jsx(z, { variant: "link", className: "h-5 p-0", children: /* @__PURE__ */ e.jsx(tn, { className: "h-4 w-4 text-red-500" }) }) }),
-    /* @__PURE__ */ e.jsx(Os, { align: "start", className: "min-w-fit max-w-[500px]", children: /* @__PURE__ */ e.jsx("div", { className: "flex justify-between space-x-4", children: /* @__PURE__ */ e.jsxs("div", { className: "flex grow flex-col space-y-2", children: [
-      /* @__PURE__ */ e.jsx(Ds, { 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(
-        z,
-        {
-          onClick: () => {
-            n(!0), t(s), a(!0);
-          },
-          size: "sm",
-          variant: "outline",
-          children: [
-            /* @__PURE__ */ e.jsx(on, { className: "mr-2 h-4 w-4" }),
-            "Debug with AI"
-          ]
-        }
-      )
-    ] }) }) })
-  ] });
-}
-function qn({
-  text: s,
-  onCheckedChange: n,
-  checked: t
-}) {
-  return /* @__PURE__ */ e.jsxs("div", { className: "xbg-red-100 ml-6 flex items-center gap-2", children: [
-    /* @__PURE__ */ e.jsx(ts, { checked: t, onCheckedChange: n }),
-    /* @__PURE__ */ e.jsx("label", { className: "text-xs leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", children: s })
-  ] });
-}
-function Vn() {
-  const { authToken: s } = je(), n = o(
-    (h) => h.selectedConnectionId
-  ), { data: t } = he({
-    queryKey: ["connections"],
-    queryFn: () => ge(
-      "https://semaphor.cloud/api/v1/connections",
-      (s == null ? void 0 : s.accessToken) || ""
-    ),
-    enabled: !!(s != null && s.accessToken)
-    // Only fetch if authToken is present
-  }), a = t == null ? void 0 : t.connections.find(
-    (h) => h.id === n
-  );
-  return a == null ? void 0 : a.type;
-}
-function _n() {
-  const { authToken: s } = je(), n = He(null), t = o((c) => c.applyFilters), [a, i] = A(""), h = o((c) => c.filterValues), r = o((c) => c.card.sql), l = Vn();
-  return /* @__PURE__ */ e.jsxs(
-    Ls,
-    {
-      openDelay: 0,
-      onOpenChange: async (c) => {
-        if (!c)
-          return;
-        console.log("onOpenChange");
-        const m = await Pe(
-          "https://semaphor.cloud/api/v1/filter-sql",
-          (s == null ? void 0 : s.accessToken) || "",
-          {
-            sql: r,
-            active_filters: h,
-            connection_type: l
-          }
-        );
-        console.log(m), m.sql ? (console.log(m.records), i(m.sql)) : i("Error");
-      },
-      children: [
-        /* @__PURE__ */ e.jsx(Ms, { asChild: !0, children: t && /* @__PURE__ */ e.jsx("p", { className: "p-0 text-xs hover:cursor-pointer", children: "|  Filter Query" }) }),
-        /* @__PURE__ */ e.jsxs(Os, { align: "end", className: "w-[600px]", children: [
-          /* @__PURE__ */ e.jsx("div", { className: "flex justify-between space-x-4", children: /* @__PURE__ */ e.jsx("div", { className: "rounded-sm bg-muted p-2", children: /* @__PURE__ */ e.jsxs("code", { ref: n, className: "font-mono text-sm", children: [
-            a,
-            /* @__PURE__ */ e.jsx(
-              ot,
-              {
-                onClick: () => Zt(n),
-                className: "ml-3 inline-block h-4 w-4 opacity-70 hover:cursor-pointer hover:opacity-100"
-              }
-            )
-          ] }) }) }),
-          /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 pt-2", children: [
-            /* @__PURE__ */ e.jsx(Xt, { className: "h-4 w-4 opacity-70" }),
-            /* @__PURE__ */ e.jsx("span", { className: "text-xs text-muted-foreground", children: "A preview of the query with filters applied." })
-          ] })
-        ] })
-      ]
-    }
-  );
-}
-const Rn = `
-
-Use the following syntax to create a chart query. Please replace the x-axis, y-axis, stack-by, label, and measure with the actual column names of the table.
-
-Bar / Line Chart: 
-
-SELECT x-axis, y-axis-1, y-axis-2, y-axis-3,... FROM table
-
-- X-axis - Category 
-- Y-axis - Number
-
-Stacked Chart: 
-
-SELECT x-axis, stack-by, y-axis FROM table
-
-- X-axis - Category
-- Stack by - Category
-- Y-axis - Number
-
-
-Scatter Chart:
-
-SELECT label, x-axis, y-axis FROM table
-
-- Label - Category
-- Group (opt) - Category 
-- X-axis - Number 
-- Y-axis - Number 
-
-
-Bubble Chart:
-
-SELECT label, x-axis, y-axis, radius FROM table
-
-- Label - Category 
-- Bubble Group (opt) - Category 
-- X-axis - Number 
-- Y-axis - Number 
-- Radius - Number 
-
-Pie / Dougnut Chart:
-
-SELECT label, measure FROM table
-
-- Label - Category 
-- Measure - Number 
-`;
-function Hn({
-  open: s,
-  setOpen: n,
-  userInput: t,
-  setUserInput: a,
-  triggerAIRun: i,
-  setTriggerAIRun: h
-}) {
-  const r = He(null), l = He(null), { authToken: c } = je(), [m, u] = A(!1), g = o((C) => C.actions.setCardSql), j = w((C) => C.dashboard.baseQueries), d = o((C) => C.actions.setRunSql), x = o((C) => C.actions.setCardType), [y, f] = A([]), L = o((C) => C.currentColumns), O = o((C) => C.card.sql), v = o((C) => C.selectedTableName), V = `
-  ${t}
-
-  Database Query Dialect: ${v === "api" || v === "s3" ? "DuckDb" : ""}
-  Table Name: ${v}   
-  Table Columns: ${L == null ? void 0 : L.map((C) => `${C.column_name} | ${C.data_type}`).join(", ")}
-  User SQL: ${O}  
-  ${j && `Base Queries: ${JSON.stringify(j)} `}`, _ = ` When the user asks for a specific chart please use the following query structure to generate the chart query. Do not make up the column names. Use only the table columns provided above for the query. Replace x-axis, y-axis, and lables with the appropriate column names.
-  Visual Query Syntax: ${Rn}`, { data: S, isLoading: M, isFetching: N, isError: F, refetch: R } = he({
-    queryKey: ["ai-query"],
-    queryFn: () => ge(
-      "https://semaphor.cloud/api/v1/ai",
-      (c == null ? void 0 : c.accessToken) || "",
-      {
-        user_content: `userContent: ${V} ${m ? _ : ""}`
-      }
-    ),
-    enabled: !1
-    // Do not run by default.
-  });
-  function $(C) {
-    if (C.toLowerCase().includes("bar"))
-      x("bar");
-    else if (C.toLowerCase().includes("line"))
-      x("line");
-    else if (C.toLowerCase().includes("bubble"))
-      x("bubble");
-    else if (C.toLowerCase().includes("scatter"))
-      x("scatter");
-    else if (C.toLowerCase().includes("stacked"))
-      x("stackedBar");
-    else if (C.toLowerCase().includes("pie"))
-      x("pie");
-    else if (C.toLowerCase().includes("donut") || C.toLowerCase().includes("doughnut"))
-      x("doughnut");
-    else if (C.toLowerCase().includes("radar"))
-      x("radar");
-    else
-      return x("bar"), !1;
-    return !0;
-  }
-  Y(() => {
-    S && f((C) => [...C, { role: "ai", content: S.response }]);
-  }, [S]), Y(() => {
-    const C = setTimeout(() => {
-      var D;
-      l.current && (l.current.scroll({
-        top: l.current.scrollHeight,
-        behavior: "smooth"
-      }), (D = r.current) == null || D.focus());
-    }, 100);
-    return () => clearTimeout(C);
-  }, [y]);
-  function E() {
-    t && (f((C) => [...C, { role: "user", content: t }]), $(t) && u(!0), a(""), R());
-  }
-  Y(() => {
-    i && (E(), h(!1));
-  }, [i, h]);
-  const P = {
-    //seleect a darker color
-    // color: '#000',
-    fontFamily: "Arial, sans-serif",
-    lineHeight: 1.6,
-    fontSize: 15,
-    // padding: '5px',
-    width: "100%"
-  }, X = {
-    // background: '#f6f8fa',
-    // color: '#000',
-    fontFamily: "monospace",
-    fontSize: 14,
-    lineHeight: 1.6
-    // padding: 20,
-  }, W = {
-    // color: '#000',
-    fontFamily: "Arial, sans-serif",
-    lineHeight: 1.6,
-    fontSize: 15,
-    padding: "2px 0",
-    // add a bit of left margin to make it look nice
-    marginLeft: 20,
-    // add bullet points for unordered lists
-    listStyleType: "disc"
-  }, re = {
-    // Override how paragraphs are rendered
-    p: ({ node: C, ...D }) => /* @__PURE__ */ e.jsx("p", { style: P, ...D }),
-    code: ({ node: C, ...D }) => /* @__PURE__ */ e.jsx("code", { className: "rounded-sm bg-muted px-2 py-1 text-sm", ...D }),
-    pre: ({ node: C, ...D }) => /* @__PURE__ */ e.jsxs("pre", { className: "space-y-2 rounded-sm bg-muted/50 p-3", style: X, children: [
-      /* @__PURE__ */ e.jsx("code", { className: "whitespace-normal text-sm", children: D.children }),
-      /* @__PURE__ */ e.jsxs("div", { className: "flex justify-start gap-2", children: [
-        /* @__PURE__ */ e.jsx(z, { onClick: U, size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(ot, {}) }),
-        /* @__PURE__ */ e.jsx(
-          z,
-          {
-            onClick: (J) => {
-              const k = U(J);
-              k && (n(!1), g(k), d(!0));
-            },
-            size: "sm",
-            variant: "outline",
-            children: /* @__PURE__ */ e.jsx(ta, {})
-          }
-        )
-      ] })
-    ] }),
-    li: ({ node: C, ...D }) => /* @__PURE__ */ e.jsx("li", { style: W, ...D })
-    // You can add more overrides for other elements like h1, h2, etc.
-  };
-  function U(C) {
-    const D = C.currentTarget.closest("pre");
-    if (!D)
-      return;
-    const J = D.textContent || D.innerText;
-    return navigator.clipboard.writeText(J).then(() => console.log("Text copied to clipboard")).catch((k) => console.error("Error in copying text: ", k)), J;
-  }
-  function ie() {
-    return y == null ? void 0 : y.map((C, D) => C.role === "user" ? /* @__PURE__ */ e.jsxs(
-      "div",
-      {
-        className: "flex items-start rounded-md bg-muted p-3 text-sm",
-        children: [
-          /* @__PURE__ */ e.jsx(wn, { className: "mr-2 h-5 w-5" }),
-          /* @__PURE__ */ e.jsx("div", { children: C.content })
-        ]
-      },
-      D
-    ) : C.role === "ai" ? /* @__PURE__ */ e.jsx(
-      sa,
-      {
-        className: "w-full overflow-auto py-1",
-        components: re,
-        children: S == null ? void 0 : S.response.replace(/DuckDB/gi, "Semaphor")
-      },
-      D
-    ) : /* @__PURE__ */ e.jsx("div", {}, D));
-  }
-  return /* @__PURE__ */ e.jsxs(bs, { open: s, onOpenChange: n, children: [
-    /* @__PURE__ */ e.jsx(ys, { 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",
-        variant: "secondary",
-        children: "Type your question here..."
-      }
-    ) }),
-    /* @__PURE__ */ e.jsxs(
-      Ns,
-      {
-        className: "flex flex-col justify-between overflow-auto sm:max-w-[425px] md:max-h-[625px] md:min-w-[625px]",
-        children: [
-          /* @__PURE__ */ e.jsxs(Cs, { children: [
-            /* @__PURE__ */ e.jsx(Ss, { children: "Assistant" }),
-            /* @__PURE__ */ e.jsx(ws, { children: "What can I help you with?" })
-          ] }),
-          /* @__PURE__ */ e.jsx(
-            "div",
-            {
-              ref: l,
-              className: "h-[625px] w-full overflow-auto border-t border-t-muted",
-              children: /* @__PURE__ */ e.jsx("div", { className: "space-y-4 py-2 pr-3", role: "messages", children: ie() })
-            }
-          ),
-          /* @__PURE__ */ e.jsx(
-            "div",
-            {
-              children: /* @__PURE__ */ e.jsxs("div", { className: "flex w-full items-center rounded-md border", children: [
-                /* @__PURE__ */ e.jsx(
-                  ct,
-                  {
-                    autoFocus: !0,
-                    ref: r,
-                    onKeyDown: (C) => {
-                      C.key === "Enter" && !C.shiftKey && (C.preventDefault(), a(""), E());
-                    },
-                    placeholder: "Type your question here...",
-                    onFocus: (C) => {
-                      const D = C.target, J = D.value.length;
-                      D.setSelectionRange(J, J);
-                    },
-                    className: Z(
-                      "max-h-10 min-h-7 resize-none border-none focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0"
-                    ),
-                    disabled: M || N,
-                    value: t,
-                    onChange: (C) => a(C.target.value)
-                  }
-                ),
-                " ",
-                /* @__PURE__ */ e.jsx(
-                  z,
-                  {
-                    className: "h-8",
-                    size: "sm",
-                    variant: "ghost",
-                    onClick: E,
-                    children: !M && !N ? /* @__PURE__ */ e.jsx(ea, {}) : /* @__PURE__ */ e.jsx($e, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" })
-                  }
-                )
-              ] })
-            }
-          )
-        ]
-      }
-    )
-  ] });
-}
-var Ct = {
-  color: void 0,
-  size: void 0,
-  className: void 0,
-  style: void 0,
-  attr: void 0
-}, Js = me.createContext && /* @__PURE__ */ me.createContext(Ct), $n = ["attr", "size", "title"];
-function Pn(s, n) {
-  if (s == null)
-    return {};
-  var t = Bn(s, n), a, i;
-  if (Object.getOwnPropertySymbols) {
-    var h = Object.getOwnPropertySymbols(s);
-    for (i = 0; i < h.length; i++)
-      a = h[i], !(n.indexOf(a) >= 0) && Object.prototype.propertyIsEnumerable.call(s, a) && (t[a] = s[a]);
-  }
-  return t;
-}
-function Bn(s, n) {
-  if (s == null)
-    return {};
-  var t = {}, a = Object.keys(s), i, h;
-  for (h = 0; h < a.length; h++)
-    i = a[h], !(n.indexOf(i) >= 0) && (t[i] = s[i]);
-  return t;
-}
-function es() {
-  return es = Object.assign ? Object.assign.bind() : function(s) {
-    for (var n = 1; n < arguments.length; n++) {
-      var t = arguments[n];
-      for (var a in t)
-        Object.prototype.hasOwnProperty.call(t, a) && (s[a] = t[a]);
-    }
-    return s;
-  }, es.apply(this, arguments);
-}
-function Ys(s, n) {
-  var t = Object.keys(s);
-  if (Object.getOwnPropertySymbols) {
-    var a = Object.getOwnPropertySymbols(s);
-    n && (a = a.filter(function(i) {
-      return Object.getOwnPropertyDescriptor(s, i).enumerable;
-    })), t.push.apply(t, a);
-  }
-  return t;
-}
-function ss(s) {
-  for (var n = 1; n < arguments.length; n++) {
-    var t = arguments[n] != null ? arguments[n] : {};
-    n % 2 ? Ys(Object(t), !0).forEach(function(a) {
-      Gn(s, a, t[a]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(s, Object.getOwnPropertyDescriptors(t)) : Ys(Object(t)).forEach(function(a) {
-      Object.defineProperty(s, a, Object.getOwnPropertyDescriptor(t, a));
-    });
-  }
-  return s;
-}
-function Gn(s, n, t) {
-  return n = Kn(n), n in s ? Object.defineProperty(s, n, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : s[n] = t, s;
-}
-function Kn(s) {
-  var n = Un(s, "string");
-  return typeof n == "symbol" ? n : String(n);
-}
-function Un(s, n) {
-  if (typeof s != "object" || s === null)
-    return s;
-  var t = s[Symbol.toPrimitive];
-  if (t !== void 0) {
-    var a = t.call(s, n || "default");
-    if (typeof a != "object")
-      return a;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (n === "string" ? String : Number)(s);
-}
-function St(s) {
-  return s && s.map((n, t) => /* @__PURE__ */ me.createElement(n.tag, ss({
-    key: t
-  }, n.attr), St(n.child)));
-}
-function xe(s) {
-  return (n) => /* @__PURE__ */ me.createElement(Wn, es({
-    attr: ss({}, s.attr)
-  }, n), St(s.child));
-}
-function Wn(s) {
-  var n = (t) => {
-    var {
-      attr: a,
-      size: i,
-      title: h
-    } = s, r = Pn(s, $n), l = i || t.size || "1em", c;
-    return t.className && (c = t.className), s.className && (c = (c ? c + " " : "") + s.className), /* @__PURE__ */ me.createElement("svg", es({
-      stroke: "currentColor",
-      fill: "currentColor",
-      strokeWidth: "0"
-    }, t.attr, a, r, {
-      className: c,
-      style: ss(ss({
-        color: s.color || t.color
-      }, t.style), s.style),
-      height: l,
-      width: l,
-      xmlns: "http://www.w3.org/2000/svg"
-    }), h && /* @__PURE__ */ me.createElement("title", null, h), s.children);
-  };
-  return Js !== void 0 ? /* @__PURE__ */ me.createElement(Js.Consumer, null, (t) => n(t)) : n(Ct);
-}
-function Qn(s) {
-  return xe({ 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 Jn() {
-  const { theme: s } = aa(), n = He(), t = He(), [a, i] = A(!1), [h, r] = A(!1), [l, c] = A(!1), [m, u] = A(""), [g, j] = A(!1), { authToken: d } = je();
-  w((p) => p.selectedSheetId);
-  const x = w((p) => p.dashboard.baseQueries), y = o((p) => p.card), f = w((p) => p.theme), L = o((p) => p.isShowingVisual), O = o(
-    (p) => p.selectedConnectionId
-  ), v = o(
-    (p) => p.selectedDatabaseName
-  ), V = o(
-    (p) => p.selectedDatamodelId
-  ), _ = o(
-    (p) => p.selectedSchemaName
-  );
-  w(
-    (p) => p.actions.updateFrameCard
-  );
-  const S = o((p) => p.selectedTableName), M = o((p) => p.card.sql), N = o((p) => p.card.python), F = na(M, x), R = o((p) => p.selectedConnectionId), $ = o((p) => p.frame), E = w((p) => p.filterValues), P = o((p) => p.applyFilters), {
-    setCardCustomCfg: X,
-    setQueryResultColumns: W,
-    setFilterValues: re,
-    setCardSql: U,
-    setCardPython: ie,
-    setQueryError: C,
-    setPythonStdOut: D,
-    setCardPreferences: J
-  } = o((p) => p.actions), k = o((p) => p.onSave), I = o(
-    (p) => p.actions.setApplyFilters
-  ), ee = o((p) => p.onClose), q = o((p) => p.actions.setCardData), se = o((p) => p.actions.setSqlGen), ae = o((p) => p.runSql), be = o((p) => p.actions.setRunSql), pe = o(
-    (p) => p.actions.setIsSqlRunning
-  ), {
-    data: Q,
-    isLoading: le,
-    isFetching: oe,
-    isSuccess: ye,
-    isError: ce,
-    error: fe,
-    status: _s,
-    refetch: Ce
-  } = he({
-    queryKey: [F, N],
-    queryFn: () => Pe(
-      "https://semaphor.cloud/api/v1/query",
-      (d == null ? void 0 : d.accessToken) || "",
-      {
-        connection_id: R,
-        sql: F,
-        python: N === Ps ? "" : N,
-        active_filters: P ? E : []
-      }
-    ),
-    enabled: !1,
-    retry: !1
-  });
-  Y(() => {
-    if (Q && (q(Q.records), Q.rowLimitExceeded && Xe.error("Row limit (10,000) exceeded. Refine your query.", {
-      position: "top-center",
-      richColors: !0
-    }), D((Q == null ? void 0 : Q.output) || ""), Q.records.length > 0)) {
-      const { dimensionKeys: p } = xs(Q.records);
-      W(p);
-    }
-  }, [Q, q, W, D]), Y(() => {
-    ae && (Ce(), be(!1));
-  }, [ae, Ce, be]), Y(() => {
-    (le || oe) && pe(!0), (ce || ye) && pe(!1), ce ? (C(fe.message), q([]), W([]), D("")) : C("");
-  }, [
-    le,
-    oe,
-    Q,
-    D,
-    ce,
-    ye,
-    pe,
-    q,
-    W,
-    C,
-    fe
-  ]);
-  function os() {
-    U(""), q([]), se({}), X(""), J({});
-  }
-  const Be = (p) => {
-    t.current = p;
-  };
-  function cs(p, b) {
-    if (p.length === 0)
-      return "";
-    if (b) {
-      const ve = p.find((ne) => ne.id === b);
-      if (ve) {
-        const ne = ve.tabTitle;
-        if (ne == "All__Header")
-          return p[0].id;
-        if (ne && ne.endsWith("__Header")) {
-          const qt = ne.split("__")[0], Rs = p.find(
-            (Vt) => Vt.tabTitle === qt
-          );
-          return Rs ? Rs.id : p[0].id;
-        }
-        return b;
-      }
-    }
-    return p[0].id;
-  }
-  function ds() {
-    let p = M;
-    M && !M.includes("{{") && (p = En(M), U(p));
-    const b = {
-      ...y,
-      lastSelectedSchema: _,
-      lastSelectedDatamodelId: V,
-      lastSelectedDatabase: v,
-      lastSelectedTable: S,
-      connectionId: O,
-      type: L ? y.type : "table",
-      sql: p,
-      customCfg: L ? y.customCfg : null
-    }, ve = $.cards.map(
-      (hs) => hs.id === y.id ? b : hs
-    ), ne = {
-      ...$,
-      cards: ve,
-      activeCardId: cs(ve, $.activeCardId)
-    };
-    k == null || k(ne);
-  }
-  function Ge() {
-    ee == null || ee();
-  }
-  Y(() => {
-    const p = n.current, b = t.current;
-    if (p) {
-      const ve = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light", ne = f === "system" ? ve : f;
-      p.editor.defineTheme("default", {
-        // base: theme === 'light' ? 'hc-light' : 'vs-dark',
-        base: ne === "light" ? "vs" : "vs-dark",
-        inherit: !0,
-        rules: [],
-        colors: {
-          // 'editor.background': activeTheme === 'light' ? '#ffffff' : '#020817',
-          "editor.background": ne === "light" ? "#ffffff" : ra("--semaphor-background")
-        }
-      }), p.editor.setTheme("default");
-    }
-    return b && p && b.addCommand(
-      p.KeyMod.Shift | p.KeyCode.Enter,
-      function() {
-        return console.log("Executing query..."), Ce(), !1;
-      }
-    ), () => {
-    };
-  }, [s, f, n.current]);
-  function Ee(p) {
-    n.current = p;
-  }
-  function Ke() {
-    return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      h && /* @__PURE__ */ e.jsx(
-        "div",
-        {
-          className: "xbg-yellow-100 relative flex w-1/3 min-w-0 grow overflow-hidden border-l p-1 text-xs",
-          role: "editor-filter-container",
-          children: /* @__PURE__ */ e.jsxs("div", { className: "w-[99%]", children: [
-            /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 pt-3", children: [
-              /* @__PURE__ */ e.jsx(
-                qn,
-                {
-                  checked: P,
-                  onCheckedChange: () => I(!P),
-                  text: "Apply Filters"
-                }
-              ),
-              /* @__PURE__ */ e.jsx(_n, {}),
-              E && h && /* @__PURE__ */ e.jsx(
-                Ve,
-                {
-                  onClick: () => r(!1),
-                  className: "bg-background/50 text-foreground/50 hover:cursor-pointer hover:text-foreground"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ e.jsx(
-              qe,
-              {
-                theme: "default",
-                onChange: (p) => {
-                  if (p)
-                    try {
-                      JSON.parse(p), re(JSON.parse(p));
-                    } catch {
-                    }
-                },
-                defaultLanguage: "json",
-                className: "mt-1 min-h-[220px]",
-                value: JSON.stringify(E, null, 2),
-                options: {
-                  readOnly: !0,
-                  minimap: {
-                    enabled: !1
-                  },
-                  lineNumbers: "off",
-                  glyphMargin: !1,
-                  wordWrap: "on",
-                  scrollbar: {
-                    verticalScrollbarSize: 0,
-                    horizontalScrollbarSize: 0
-                  },
-                  fontSize: 12,
-                  renderLineHighlight: "none"
-                }
-              }
-            )
-          ] })
-        }
-      ),
-      E && !h && /* @__PURE__ */ e.jsx(
-        st,
-        {
-          onClick: () => r(!0),
-          className: Z(
-            "absolute bottom-4 right-6 h-3 w-3 text-foreground/50 hover:cursor-pointer hover:text-foreground",
-            {
-              "font-bold text-red-800": P
-            }
-          )
-        }
-      )
-    ] });
-  }
-  function Ue() {
-    return /* @__PURE__ */ e.jsxs(
-      ps,
-      {
-        className: "flex grow pb-1",
-        direction: "vertical",
-        role: "editor-resizable-group",
-        children: [
-          /* @__PURE__ */ e.jsxs(
-            we,
-            {
-              id: "1",
-              order: 1,
-              defaultSize: a ? 20 : 100,
-              className: "relative flex grow",
-              children: [
-                /* @__PURE__ */ e.jsx(
-                  "div",
-                  {
-                    role: "sql-container",
-                    className: "relative flex w-[99%]",
-                    children: /* @__PURE__ */ e.jsx(
-                      qe,
-                      {
-                        theme: "default",
-                        className: "pt-3",
-                        onChange: (p) => {
-                          U(p);
-                        },
-                        value: M,
-                        options: {
-                          minimap: {
-                            enabled: !1
-                          },
-                          wordWrap: "on",
-                          scrollbar: {
-                            verticalScrollbarSize: 0,
-                            horizontalScrollbarSize: 0
-                          },
-                          fontSize: 14,
-                          renderLineHighlight: "none"
-                        },
-                        defaultLanguage: "sql",
-                        beforeMount: Ee,
-                        onMount: Be
-                      }
-                    )
-                  }
-                ),
-                a && /* @__PURE__ */ e.jsx("code", { className: "absolute right-6 top-3 text-sm text-muted-foreground/70", children: "sql" })
-              ]
-            }
-          ),
-          a && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-            /* @__PURE__ */ e.jsx(fs, { withHandle: !0, className: "border" }),
-            /* @__PURE__ */ e.jsxs(
-              we,
-              {
-                id: "2",
-                order: 2,
-                defaultSize: 80,
-                className: "relative flex grow",
-                children: [
-                  /* @__PURE__ */ e.jsx(
-                    "div",
-                    {
-                      role: "python-container",
-                      className: "relative flex w-[99%] pt-0",
-                      children: /* @__PURE__ */ e.jsx(
-                        qe,
-                        {
-                          className: "pt-3",
-                          theme: "default",
-                          onChange: (p) => {
-                            ie(p && p.trim() || "");
-                          },
-                          value: N || Ps,
-                          options: {
-                            minimap: {
-                              enabled: !1
-                            },
-                            wordWrap: "on",
-                            scrollbar: {
-                              verticalScrollbarSize: 0,
-                              horizontalScrollbarSize: 0
-                            },
-                            fontSize: 14,
-                            renderLineHighlight: "none"
-                          },
-                          defaultLanguage: "python",
-                          beforeMount: Ee,
-                          onMount: Be
-                        }
-                      )
-                    }
-                  ),
-                  /* @__PURE__ */ e.jsx("code", { className: "absolute right-6 top-3 text-sm text-muted-foreground/70", children: "python" })
-                ]
-              }
-            )
-          ] })
-        ]
-      }
-    );
-  }
-  return (
-    // This is a tricky css, the pt-8 is to make sure the editor doesn't slide under the header
-    /* @__PURE__ */ e.jsxs(
-      "section",
-      {
-        role: "editor-section",
-        className: "flex grow flex-col justify-end",
-        children: [
-          /* @__PURE__ */ e.jsxs(
-            "div",
-            {
-              role: "sql-editor",
-              className: "relative flex grow justify-between overflow-y-scroll",
-              children: [
-                Ue(),
-                Ke()
-              ]
-            }
-          ),
-          /* @__PURE__ */ e.jsxs(
-            "div",
-            {
-              role: "editor-controls",
-              className: "item-center flex flex-wrap justify-between gap-2 px-6 py-4",
-              children: [
-                /* @__PURE__ */ e.jsxs("div", { className: "flex grow items-center gap-2", children: [
-                  /* @__PURE__ */ e.jsxs(
-                    z,
-                    {
-                      title: "Shift + Enter",
-                      disabled: le || oe,
-                      onClick: () => {
-                        Ce();
-                      },
-                      className: "shrink-0",
-                      size: "sm",
-                      variant: "outline",
-                      children: [
-                        le || oe ? /* @__PURE__ */ e.jsx($e, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" }) : /* @__PURE__ */ e.jsx(gn, { className: "mr-2 h-4 w-4" }),
-                        "Run"
-                      ]
-                    }
-                  ),
-                  ce && /* @__PURE__ */ e.jsx(
-                    In,
-                    {
-                      error: fe.message,
-                      setShowAIDialog: c,
-                      setTriggerAIRun: j,
-                      setUserInputforAI: u
-                    }
-                  ),
-                  /* @__PURE__ */ e.jsxs(
-                    z,
-                    {
-                      onClick: os,
-                      className: "",
-                      size: "sm",
-                      variant: "outline",
-                      children: [
-                        /* @__PURE__ */ e.jsx(rn, { className: "mr-2 size-4" }),
-                        "Clear"
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ e.jsx(
-                    it,
-                    {
-                      pressed: a,
-                      onPressedChange: (p) => i(p),
-                      className: "",
-                      size: "sm",
-                      variant: "outline",
-                      children: /* @__PURE__ */ e.jsx(Qn, { className: "size-4 text-foreground/70" })
-                    }
-                  ),
-                  /* @__PURE__ */ e.jsx(
-                    Hn,
-                    {
-                      open: l,
-                      setOpen: c,
-                      userInput: m,
-                      triggerAIRun: g,
-                      setTriggerAIRun: j,
-                      setUserInput: (p) => u(p)
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ e.jsxs("div", { className: "flex items-end gap-2", children: [
-                  /* @__PURE__ */ e.jsxs(
-                    z,
-                    {
-                      onClick: ds,
-                      size: "sm",
-                      variant: "outline",
-                      children: [
-                        /* @__PURE__ */ e.jsx(ia, { className: "mr-2 size-4 font-bold text-green-600" }),
-                        "Accept"
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ e.jsxs(
-                    z,
-                    {
-                      onClick: Ge,
-                      className: "w-full",
-                      size: "sm",
-                      variant: "outline",
-                      children: [
-                        /* @__PURE__ */ e.jsx(Ve, { className: "mr-2 size-4" }),
-                        "Close"
-                      ]
-                    }
-                  )
-                ] })
-              ]
-            }
-          )
-        ]
-      }
-    )
-  );
-}
-function Yn({ data: s }) {
-  var r;
-  const [n, t] = me.useState([]), i = Object.keys(s[0]).map((l) => ({
-    // header: key,
-    accessorKey: l,
-    header: ({ column: c }) => {
-      const m = c.getIsSorted();
-      return /* @__PURE__ */ e.jsx("div", { className: "flex gap-2", children: /* @__PURE__ */ e.jsxs(
-        "div",
-        {
-          className: "flex cursor-pointer items-center",
-          onClick: () => c.toggleSorting(c.getIsSorted() === "asc"),
-          children: [
-            l,
-            m === "asc" ? /* @__PURE__ */ e.jsx(la, { className: "ml-2 h-5 w-5" }) : m === "desc" ? /* @__PURE__ */ e.jsx(oa, { className: "ml-2 h-5 w-5" }) : null
-          ]
-        }
-      ) });
-    }
-  })), h = ca({
-    data: s,
-    columns: i,
-    getCoreRowModel: xa(),
-    getPaginationRowModel: pa(),
-    onSortingChange: t,
-    getSortedRowModel: fa(),
-    manualPagination: !0,
-    state: {
-      sorting: n
-    }
-  });
-  return /* @__PURE__ */ e.jsxs(da, { children: [
-    /* @__PURE__ */ e.jsx(ha, { children: h.getHeaderGroups().map((l) => /* @__PURE__ */ e.jsx(us, { children: l.headers.map((c) => /* @__PURE__ */ e.jsx(ua, { className: "sticky top-0 bg-muted", children: c.isPlaceholder ? null : Bs(
-      c.column.columnDef.header,
-      c.getContext()
-    ) }, c.id)) }, l.id)) }),
-    /* @__PURE__ */ e.jsx(ma, { children: (r = h.getRowModel().rows) != null && r.length ? h.getRowModel().rows.map((l) => /* @__PURE__ */ e.jsx(
-      us,
-      {
-        className: "whitespace-nowrap py-2",
-        "data-state": l.getIsSelected() && "selected",
-        children: l.getVisibleCells().map((c) => /* @__PURE__ */ e.jsx(Gs, { children: Bs(c.column.columnDef.cell, c.getContext()) }, c.id))
-      },
-      l.id
-    )) : /* @__PURE__ */ e.jsx(us, { children: /* @__PURE__ */ e.jsx(Gs, { colSpan: i.length, className: "h-24 text-center", children: "No results." }) }) })
-  ] });
-}
-function wt({
-  // card,
-  // showCard,
-  className: s,
-  ...n
-}) {
-  var j;
-  me.useState(0);
-  const t = w((d) => d.themeStyle), a = o((d) => d.card), i = o((d) => d.frame), h = w((d) => d.dashboard.filters), r = w((d) => d.filterValues), l = o((d) => d.actions.setRunSql), { updateFilter: c } = js(), m = h == null ? void 0 : h.find((d) => d.id === i.filterId), u = o((d) => d.actions.setCard);
-  if (Y(() => {
-    a.sql && l(!0);
-  }, [r]), Y(() => {
-  }, [
-    a.data,
-    a.type,
-    a.cfg,
-    a.customCfg,
-    t,
-    a.preferences
-  ]), !a.id)
-    return null;
-  let g;
-  return a.data && a.data.length > 0 && (g = dt({
-    data: a.data,
-    cardType: a.type,
-    cfg: a.cfg,
-    customCfg: a.customCfg,
-    preferences: a.preferences
-  })), /* @__PURE__ */ e.jsxs(
-    ga,
-    {
-      role: "editor-visual-card",
-      className: Z("relative flex h-full flex-col rounded-none", s),
-      ...n,
-      children: [
-        /* @__PURE__ */ e.jsxs(ja, { className: "flex flex-row items-start justify-between py-4", children: [
-          /* @__PURE__ */ e.jsxs("div", { children: [
-            /* @__PURE__ */ e.jsx(
-              Qe,
-              {
-                text: a.title,
-                onSave: (d) => u({ ...a, title: d }),
-                children: /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e.jsx(ba, { className: "text-base", children: a.title }) })
-              },
-              a.title
-            ),
-            /* @__PURE__ */ e.jsx(
-              Qe,
-              {
-                text: a.description || "",
-                onSave: (d) => u({ ...a, description: d }),
-                children: /* @__PURE__ */ e.jsxs(ya, { children: [
-                  " ",
-                  a.description
-                ] })
-              },
-              a.description
-            )
-          ] }),
-          m && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ e.jsx(
-              Qe,
-              {
-                className: "my-1",
-                text: m.title || m.column,
-                onSave: (d) => c({ ...m, title: d }),
-                children: /* @__PURE__ */ e.jsx(H, { children: m.title })
-              }
-            ),
-            va(m)
-          ] })
-        ] }),
-        /* @__PURE__ */ e.jsxs(Na, { className: "flex grow flex-col pb-3", children: [
-          a.type !== "table" && g && // <ChartJsVisual key={visualKey} cfg={cfg} />
-          /* @__PURE__ */ e.jsx(
-            Ca,
-            {
-              cfg: g
-            },
-            JSON.stringify(g) + JSON.stringify(a.preferences) + ((j = a == null ? void 0 : a.preferences) == null ? void 0 : j.customVisualCode)
-          ),
-          a.type === "table" && a.data && a.data.length > 0 && // All of the below css classes are #IMPORTANT for the table to scroll properly
-          /* @__PURE__ */ e.jsx(Sa, { className: "flex min-h-0 flex-1 grow basis-0", children: /* @__PURE__ */ e.jsx(wa, { card: a, data: a == null ? void 0 : a.data }) })
-        ] })
-      ]
-    }
-  );
-}
-function Zn() {
-  const [s, n] = A(!1), [t, a] = A(""), [i, h] = A(""), [r, l] = A(""), [c, m] = A(""), u = o((v) => v.card), g = o(
-    (v) => v.card.customCfg
-  ), { setCardCustomCfg: j, setCustomVisualCode: d } = as();
-  function x(v) {
-    var S, M;
-    const V = {
-      ...v,
-      data: {
-        ...v == null ? void 0 : v.data,
-        datasets: (M = (S = v == null ? void 0 : v.data) == null ? void 0 : S.datasets) == null ? void 0 : M.map((N) => ({
-          ...N,
-          data: []
-        }))
-      }
-    };
-    return JSON.stringify(V, null, 1);
-  }
-  function y() {
-    var V, _;
-    if (!u.data || u.data.length === 0)
-      return;
-    const v = dt({
-      data: u.data,
-      cardType: u.type,
-      cfg: u.cfg,
-      preferences: u.preferences
-    });
-    v && (a(JSON.stringify(v, null, 1)), (V = u == null ? void 0 : u.preferences) != null && V.customVisualCode && l((_ = u == null ? void 0 : u.preferences) == null ? void 0 : _.customVisualCode), g && h(JSON.stringify(g, null, 1)));
-  }
-  function f() {
-    if (r && d(r), !!i)
-      try {
-        const v = JSON.parse(i);
-        return v ? (j(v), m(""), h(""), v) : void 0;
-      } catch (v) {
-        console.log(v), m("Invalid JSON");
-      }
-  }
-  function L() {
-    h(""), j(null);
-  }
-  function O() {
-    let v;
-    if (g) {
-      const V = Ks.cloneDeep(u.cfg), _ = Ks.merge(V, g);
-      return v = x(_), v;
-    }
-    return t ? (v = x(JSON.parse(t)), v) : "";
-  }
-  return /* @__PURE__ */ e.jsxs(bs, { open: s, onOpenChange: n, children: [
-    /* @__PURE__ */ e.jsx(ys, { asChild: !0, children: /* @__PURE__ */ e.jsx(
-      z,
-      {
-        onClick: y,
-        className: ` ${g && "border-foreground/50 dark:border-foreground/70"}`,
-        size: "sm",
-        variant: "outline",
-        children: /* @__PURE__ */ e.jsx(ka, { className: "h-4 w-4" })
-      }
-    ) }),
-    /* @__PURE__ */ e.jsxs(
-      Ns,
-      {
-        className: "max-h-[70vh] min-h-[70vh] overflow-auto sm:min-w-[900px] lg:min-w-[1200px]",
-        children: [
-          /* @__PURE__ */ e.jsxs(Cs, { className: "", children: [
-            /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ e.jsx(Ss, { children: "Customize Card" }),
-              /* @__PURE__ */ e.jsxs(ks, { children: [
-                /* @__PURE__ */ e.jsx(tt, { children: /* @__PURE__ */ e.jsx(
-                  hn,
-                  {
-                    onClick: () => {
-                      navigator.clipboard.writeText(u.id);
-                    },
-                    className: "size-3 cursor-pointer text-muted-foreground/70 transition-colors hover:text-muted-foreground"
-                  }
-                ) }),
-                /* @__PURE__ */ e.jsx(zs, { side: "right", align: "center", children: /* @__PURE__ */ e.jsx("p", { className: "text-xs", children: "Copy Card ID" }) })
-              ] })
-            ] }),
-            /* @__PURE__ */ e.jsxs(ws, { children: [
-              "See the configuration options and documentation",
-              /* @__PURE__ */ e.jsx(
-                "a",
-                {
-                  target: "_blank",
-                  className: "ml-1 text-blue-500 underline",
-                  href: "https://www.chartjs.org/docs/latest/samples/bar/vertical.html",
-                  children: "here."
-                }
-              )
-            ] })
-          ] }),
-          /* @__PURE__ */ e.jsxs("div", { className: "flex grow gap-2", children: [
-            /* @__PURE__ */ e.jsx(wt, { className: "w-1/2 rounded shadow-none" }),
-            /* @__PURE__ */ e.jsxs(ht, { defaultValue: "custom-config", className: "flex w-1/2 flex-col", children: [
-              /* @__PURE__ */ e.jsxs(ut, { className: "justify-start rounded-sm rounded-b-none border border-b-0", children: [
-                /* @__PURE__ */ e.jsxs(Je, { value: "custom-config", children: [
-                  g && /* @__PURE__ */ e.jsx(mt, { className: "mr-1 h-5 w-5 text-green-600" }),
-                  g ? "Custom Config" : "Default Config"
-                ] }),
-                /* @__PURE__ */ e.jsx(Je, { className: "", value: "output", children: "Output" }),
-                /* @__PURE__ */ e.jsx(Je, { className: "", value: "custom-code", children: "Custom Code" })
-              ] }),
-              /* @__PURE__ */ e.jsx(
-                Ye,
-                {
-                  className: "bg-red-x mt-0 grow rounded-b border border-t-0 p-2",
-                  value: "output",
-                  children: /* @__PURE__ */ e.jsx(
-                    ct,
-                    {
-                      disabled: !0,
-                      value: t,
-                      className: "h-full resize-none border-none font-mono focus-visible:ring-0 focus-visible:ring-offset-0"
-                    }
-                  )
-                }
-              ),
-              /* @__PURE__ */ e.jsx(
-                Ye,
-                {
-                  className: "mt-0 grow rounded-b border border-t-0",
-                  value: "custom-config",
-                  children: /* @__PURE__ */ e.jsx(
-                    qe,
-                    {
-                      className: "h-full w-full overflow-hidden",
-                      theme: "default",
-                      options: {
-                        minimap: {
-                          enabled: !1
-                        },
-                        wordWrap: "on",
-                        scrollbar: {
-                          verticalScrollbarSize: 0,
-                          horizontalScrollbarSize: 0
-                        },
-                        fontSize: 14,
-                        renderLineHighlight: "none"
-                      },
-                      defaultLanguage: "json",
-                      value: O(),
-                      onChange: (v) => h(v)
-                    }
-                  )
-                }
-              ),
-              /* @__PURE__ */ e.jsx(
-                Ye,
-                {
-                  className: "mt-0 grow rounded-b border border-t-0",
-                  value: "custom-code",
-                  children: /* @__PURE__ */ e.jsx(
-                    qe,
-                    {
-                      className: "h-full w-full overflow-hidden",
-                      theme: "default",
-                      options: {
-                        minimap: {
-                          enabled: !1
-                        },
-                        wordWrap: "on",
-                        scrollbar: {
-                          verticalScrollbarSize: 0,
-                          horizontalScrollbarSize: 0
-                        },
-                        fontSize: 14,
-                        renderLineHighlight: "none"
-                      },
-                      defaultLanguage: "javascript",
-                      value: r,
-                      onChange: (v) => l(v || "")
-                    }
-                  )
-                }
-              )
-            ] })
-          ] }),
-          /* @__PURE__ */ e.jsxs(et, { className: "flex items-center", children: [
-            /* @__PURE__ */ e.jsx(H, { className: "mr-2 text-red-500", children: c }),
-            /* @__PURE__ */ e.jsx(
-              z,
-              {
-                disabled: !g,
-                onClick: L,
-                variant: "outline",
-                children: "Reset"
-              }
-            ),
-            /* @__PURE__ */ e.jsx(z, { onClick: f, variant: "outline", children: "Apply" }),
-            /* @__PURE__ */ e.jsx(z, { onClick: () => n(!1), variant: "outline", children: "Close" })
-          ] })
-        ]
-      }
-    )
-  ] });
-}
-function kt(s) {
-  return xe({ 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 zt(s) {
-  return xe({ tag: "svg", attr: { viewBox: "0 0 256 256", fill: "currentColor" }, child: [{ tag: "path", attr: { d: "M137.39,24.06A16,16,0,0,0,120,40V80.67a15.86,15.86,0,0,0,13.25,15.76A32,32,0,1,1,96,129.68c-.41-8.22,1.27-15,5-20.26h0a15.86,15.86,0,0,0-1.69-20.47L71.69,60.68a16,16,0,0,0-23.63,1.1A103.6,103.6,0,0,0,55,202.05,103.24,103.24,0,0,0,128,232h1.49A104.3,104.3,0,0,0,232,129.48C232.75,75.18,191.19,28.88,137.39,24.06ZM60.32,71.94l27.61,28.19,0,.06A43.29,43.29,0,0,0,80.44,120H40.36A87.13,87.13,0,0,1,60.32,71.94ZM40.37,136h40.3A48,48,0,0,0,120,175.34v40.3A88,88,0,0,1,40.37,136Zm149.77,54.14A87.45,87.45,0,0,1,136,215.61V175.34a47.55,47.55,0,0,0,24.73-12.23A48,48,0,0,0,136,80.66L136,40c45.52,4.08,80.67,43.28,80,89.25A87.45,87.45,0,0,1,190.14,190.14Z" }, child: [] }] })(s);
-}
-function Ft(s) {
-  return xe({ 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 Lt(s) {
-  return xe({ tag: "svg", attr: { viewBox: "0 0 24 24", strokeWidth: "2", stroke: "currentColor", fill: "none", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }, child: [] }, { tag: "path", attr: { d: "M6 16m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0" }, child: [] }, { tag: "path", attr: { d: "M16 19m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" }, child: [] }, { tag: "path", attr: { d: "M14.5 7.5m-4.5 0a4.5 4.5 0 1 0 9 0a4.5 4.5 0 1 0 -9 0" }, child: [] }] })(s);
-}
-function Mt(s) {
-  return xe({ 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 Ot(s) {
-  return xe({ 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 Dt(s) {
-  return xe({ 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 Tt(s) {
-  return xe({ 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 Xn() {
-  const [s, n] = A(!1), t = o((c) => c.card.type), { setCardType: a, setCardPreferences: i, setChartOrientation: h } = o((c) => c.actions), r = o(
-    (c) => c.actions.setCardCustomCfg
-  );
-  function l(c) {
-    r(null), i({}), a(c), n(!1);
-  }
-  return /* @__PURE__ */ e.jsxs(ns, { open: s, onOpenChange: n, children: [
-    /* @__PURE__ */ e.jsx(rs, { asChild: !0, children: /* @__PURE__ */ e.jsx(z, { size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(er, { className: "h-4 w-4", chartType: t }) }) }),
-    /* @__PURE__ */ e.jsx(is, { className: "w-50", children: /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 place-items-center", children: [
-      /* @__PURE__ */ e.jsx(
-        z,
-        {
-          onClick: () => l("bar"),
-          className: "font-normal",
-          variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Es, { className: "size-5" })
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        z,
-        {
-          onClick: () => l("line"),
-          variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Is, { className: "size-5" })
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        z,
-        {
-          onClick: () => l("stackedBar"),
-          variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Ot, { className: "size-5", strokeWidth: 0 })
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        z,
-        {
-          onClick: () => l("stackedLine"),
-          variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Mt, { className: "size-5", strokeWidth: 0 })
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        z,
-        {
-          onClick: () => l("scatter"),
-          variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(bt, { className: "size-5" })
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        z,
-        {
-          onClick: () => l("bubble"),
-          variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Lt, { className: "size-4" })
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        z,
-        {
-          onClick: () => l("pie"),
-          variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(jt, { className: "size-5" })
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        z,
-        {
-          onClick: () => l("doughnut"),
-          variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(zt, { className: "size-5", strokeWidth: 1 })
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        z,
-        {
-          onClick: () => l("radar"),
-          variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(
-            kt,
-            {
-              className: "size-5 font-extralight",
-              strokeWidth: 0.5
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        z,
-        {
-          onClick: () => l("polarArea"),
-          variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Ft, { className: "size-5" })
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        z,
-        {
-          onClick: () => l("pyramid"),
-          variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Tt, { className: "size-5" })
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        z,
-        {
-          onClick: () => l("range"),
-          variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(ft, { className: "size-5" })
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        z,
-        {
-          onClick: () => l("table"),
-          variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Fs, { className: "size-5" })
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        z,
-        {
-          onClick: () => l("kpi"),
-          variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Dt, { className: "size-6" })
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        z,
-        {
-          onClick: () => l("text"),
-          variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(qs, { className: "size-4" })
-        }
-      )
-    ] }) })
-  ] });
-}
-function er({ chartType: s, className: n }) {
-  switch (s) {
-    case "bar":
-      return /* @__PURE__ */ e.jsx(Es, { className: n });
-    case "line":
-      return /* @__PURE__ */ e.jsx(Is, { className: n });
-    case "pie":
-      return /* @__PURE__ */ e.jsx(jt, { className: n });
-    case "radar":
-      return /* @__PURE__ */ e.jsx(kt, { className: n });
-    case "scatter":
-      return /* @__PURE__ */ e.jsx(bt, { className: n });
-    case "bubble":
-      return /* @__PURE__ */ e.jsx(Lt, { className: n });
-    case "doughnut":
-      return /* @__PURE__ */ e.jsx(zt, { className: n });
-    case "stackedBar":
-      return /* @__PURE__ */ e.jsx(Ot, { className: "size-4 text-foreground/70" });
-    case "stackedLine":
-      return /* @__PURE__ */ e.jsx(Mt, { className: "size-4 text-foreground/70" });
-    case "polarArea":
-      return /* @__PURE__ */ e.jsx(Ft, { className: n });
-    case "pyramid":
-      return /* @__PURE__ */ e.jsx(Tt, { className: n });
-    case "range":
-      return /* @__PURE__ */ e.jsx(ft, { className: n });
-    case "kpi":
-      return /* @__PURE__ */ e.jsx(Dt, { className: n });
-    case "text":
-      return /* @__PURE__ */ e.jsx(qs, { className: n });
-    default:
-      return /* @__PURE__ */ e.jsx(Fs, { className: n });
-  }
-}
-function Zs() {
-  const s = o((f) => f.frame), n = o((f) => f.card), t = o((f) => f.card.data), a = o((f) => f.isShowingVisual), i = o((f) => f.isSqlRunning), h = o((f) => f.queryError), r = o((f) => f.pythonStdOut), l = o((f) => f.actions.setRunSql);
-  o((f) => f.onSave), o((f) => f.onClose), o((f) => f.actions.setCardSql), o((f) => f.actions.setCardType), o((f) => f.actions.setSqlGen);
-  const { setFrame: c, setCard: m, updateCardInFrame: u } = as();
-  if (!n)
-    return /* @__PURE__ */ e.jsx(e.Fragment, { children: "No Active Card" });
-  function g() {
-    const f = {
-      id: Ze(),
-      title: "Title",
-      description: "Description",
-      preferences: {
-        onClickFilter: [
-          {
-            columnIndex: 0,
-            expression: ""
-          }
-        ]
-      },
-      type: "bar",
-      sql: "",
-      data: []
-    }, L = {
-      ...s,
-      cards: [...s.cards, f],
-      activeCardId: f.id
-    };
-    c(L), m(f);
-  }
-  function j(f) {
-    const L = s.cards.filter((V) => V.id !== f), O = L[0], v = {
-      ...s,
-      cards: L,
-      // update the active card to the first card in the frame
-      activeCardId: O.id
-    };
-    c(v), m(O);
-  }
-  function d(f) {
-    const L = {
-      ...s,
-      cards: s.cards.map((v) => v.id === n.id ? n : v),
-      activeCardId: f
-    };
-    c(L);
-    const O = L.cards.find((v) => v.id === f);
-    m(O), O.sql && (console.log("newActiveCard.sql", O.sql), O.data && O.data.length === 0 && l(!0));
-  }
-  function x() {
-    return /* @__PURE__ */ e.jsxs(
-      ht,
-      {
-        onValueChange: d,
-        value: s.activeCardId,
-        className: "flex grow flex-col pb-3",
-        children: [
-          s.cards.map((f) => /* @__PURE__ */ e.jsx(Ye, { className: "mt-0 grow", value: f.id, children: y() }, f.id)),
-          /* @__PURE__ */ e.jsx(ut, { className: "mx-6 justify-between", children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center", children: [
-            s.cards.map((f) => /* @__PURE__ */ e.jsx(
-              Qe,
-              {
-                text: f.tabTitle || f.title,
-                onSave: (L) => {
-                  m({ ...n, tabTitle: L }), u({ ...n, tabTitle: L });
-                },
-                children: /* @__PURE__ */ e.jsxs(Je, { className: "", value: f.id, children: [
-                  f.tabTitle || f.title,
-                  s.activeCardId === f.id && s.cards.length > 1 && /* @__PURE__ */ e.jsx(
-                    xt,
-                    {
-                      className: "ml-2 size-3.5 text-muted-foreground hover:text-foreground",
-                      onClick: () => j(f.id)
-                    }
-                  )
-                ] })
-              },
-              f.id
-            )),
-            /* @__PURE__ */ e.jsx(
-              z,
-              {
-                className: "ml-1 h-8 px-2 hover:bg-muted-foreground/50",
-                variant: "outline",
-                onClick: g,
-                children: /* @__PURE__ */ e.jsx(vs, { className: "h-4 w-4" })
-              }
-            )
-          ] }) })
-        ]
-      }
-    );
-  }
-  function y() {
-    return n.type === "kpi" ? /* @__PURE__ */ e.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e.jsx(za, { isLoading: i, card: n }) }) }) : n.type === "text" ? /* @__PURE__ */ e.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "w-1/2 rounded-md border", children: /* @__PURE__ */ e.jsx(Fa, { isLoading: i, card: n }) }) }) : /* @__PURE__ */ e.jsx(wt, { className: "grow border-none shadow-none" });
-  }
-  return /* @__PURE__ */ e.jsxs("div", { className: "relative flex h-full flex-col pt-3", children: [
-    i && /* @__PURE__ */ e.jsx($e, { className: "absolute bottom-0 left-0 right-0 top-0 z-10 m-auto h-10 w-10 animate-spin text-foreground/10" }),
-    /* @__PURE__ */ e.jsxs("div", { className: "mb-0 flex min-h-10 items-center justify-end gap-2 px-6", children: [
-      a && /* @__PURE__ */ e.jsxs("div", { className: "flex grow items-center gap-2", children: [
-        /* @__PURE__ */ e.jsx(Xn, {}),
-        n.type !== "table" && /* @__PURE__ */ e.jsx(Zn, {})
-      ] }),
-      /* @__PURE__ */ e.jsx(tr, {})
-    ] }),
-    a ? x() : /* @__PURE__ */ e.jsxs("div", { className: "flex min-h-0 w-full flex-1 grow basis-0 px-6", children: [
-      r && /* @__PURE__ */ e.jsx(sr, {}),
-      n.data && n.data.length > 0 && /* @__PURE__ */ e.jsx(Yn, { data: t || [] }),
-      h && /* @__PURE__ */ e.jsx("span", { className: "font-mono text-sm", children: h })
-    ] })
-  ] });
-}
-function sr() {
-  const s = o((t) => t.pythonStdOut);
-  if (!s)
-    return null;
-  const n = s.replace(/\n/g, "<br>");
-  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx("p", { className: "font-mono text-sm", children: "Output:" }),
-    /* @__PURE__ */ e.jsx(
-      "div",
-      {
-        dangerouslySetInnerHTML: { __html: n },
-        className: "bg-muted p-2 font-mono text-sm"
-      }
-    ),
-    /* @__PURE__ */ e.jsx(Re, { className: "mb-2" })
-  ] });
-}
-function tr() {
-  const s = o((t) => t.isShowingVisual), n = o(
-    (t) => t.actions.setIsShowingVisual
-  );
-  return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-    /* @__PURE__ */ e.jsx(H, { htmlFor: "visualize", children: "Chart" }),
-    /* @__PURE__ */ e.jsx(
-      La,
-      {
-        checked: s,
-        onCheckedChange: () => n(!s),
-        id: "visualize",
-        className: "data-[state=checked]:bg-foreground/50"
-      }
-    )
-  ] });
-}
-function Te() {
-  const [s, n] = A([]);
-  o(
-    (u) => u.card.cfg
-  );
-  const t = o((u) => u.card.preferences), { setCardCfg: a, setFilterOnClickColumnIndex: i, setCardPreferences: h } = o((u) => u.actions), r = o(
-    (u) => u.queryResultColumns
-  );
-  o(
-    (u) => {
-      var g;
-      return (g = u.card.preferences) == null ? void 0 : g.filterOnClickColumnIndex;
-    }
-  ), Y(() => {
-    r && n(new Array(r.length).fill(!1));
-  }, [r]);
-  function l(u, g) {
-    var j, d;
-    g ? t != null && t.onClickFilter && ((j = t == null ? void 0 : t.onClickFilter) == null ? void 0 : j.length) > 0 ? h({
-      ...t,
-      onClickFilter: [
-        ...t.onClickFilter,
-        {
-          columnIndex: u,
-          expression: ""
-        }
-      ]
-    }) : h({
-      ...t,
-      onClickFilter: [
-        {
-          columnIndex: u,
-          expression: ""
-        }
-      ]
-    }) : (h({
-      ...t,
-      onClickFilter: (d = t == null ? void 0 : t.onClickFilter) == null ? void 0 : d.filter(
-        (x) => x.columnIndex !== u
-      )
-    }), n((x) => {
-      const y = [...x];
-      return y[u] = !1, y;
-    }));
-  }
-  function c(u, g) {
-    var d;
-    const j = (d = t == null ? void 0 : t.onClickFilter) == null ? void 0 : d.map((x) => x.columnIndex === u ? {
-      ...x,
-      expression: g.target.value
-    } : x);
-    h({
-      ...t,
-      onClickFilter: j
-    });
-  }
-  function m(u) {
-    var g, j, d, x;
-    if (s != null && s[u] || (j = (g = t == null ? void 0 : t.onClickFilter) == null ? void 0 : g.find((y) => y.columnIndex === u)) != null && j.expression)
-      return /* @__PURE__ */ e.jsx(
-        de,
-        {
-          value: (x = (d = t == null ? void 0 : t.onClickFilter) == null ? void 0 : d.find((y) => y.columnIndex === u)) == null ? void 0 : x.expression,
-          onChange: (y) => c(u, y),
-          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"
-        }
-      );
-  }
-  return /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ e.jsx(H, { children: "On Click" }),
-    r == null ? void 0 : r.map((u, g) => {
-      var j, d;
-      return /* @__PURE__ */ e.jsx(
-        "div",
-        {
-          className: "xbg-red-100 group flex items-center justify-between space-y-2",
-          children: /* @__PURE__ */ e.jsxs("div", { className: "grow", children: [
-            /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2 py-2", children: [
-              /* @__PURE__ */ e.jsx(
-                ts,
-                {
-                  checked: !!((j = t == null ? void 0 : t.onClickFilter) != null && j.find(
-                    (x) => x.columnIndex === g
-                  )),
-                  onCheckedChange: (x) => l(g, x)
-                }
-              ),
-              /* @__PURE__ */ e.jsx(
-                "label",
-                {
-                  className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
-                  children: u
-                }
-              ),
-              /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: ((d = t == null ? void 0 : t.onClickFilter) == null ? void 0 : d.find(
-                (x) => x.columnIndex === g
-              )) && /* @__PURE__ */ e.jsx(
-                gt,
-                {
-                  onClick: () => {
-                    n((x) => {
-                      const y = [...x];
-                      return y[g] = !x[g], y;
-                    });
-                  },
-                  className: "invisible size-3 cursor-pointer text-gray-400 group-hover:visible"
-                }
-              ) })
-            ] }),
-            m(g)
-          ] })
-        },
-        u
-      );
-    })
-  ] });
-}
-function ls() {
-  var r, l, c;
-  const s = o((m) => m.card.preferences), n = o(
-    (m) => m.card.cfg
-  ), { setCardCfg: t, setCardPreferences: a, setChartOrientation: i } = o((m) => m.actions);
-  (r = n == null ? void 0 : n.options) != null && r.indexAxis;
-  function h(m) {
-    i(m);
-  }
-  return /* @__PURE__ */ e.jsxs(
-    Ts,
-    {
-      value: ((l = s == null ? void 0 : s.chartOptions) == null ? void 0 : l.indexAxis) || ((c = n == null ? void 0 : n.options) == null ? void 0 : c.indexAxis) || "x",
-      onValueChange: h,
-      className: "flex gap-3",
-      defaultValue: "x",
-      children: [
-        /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ e.jsx(Oe, { value: "x", id: "r1" }),
-          /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: "r1", children: "Vertical" })
-        ] }),
-        /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ e.jsx(Oe, { value: "y", id: "r2" }),
-          /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: "r2", children: "Horizontal" })
-        ] })
-      ]
-    }
-  );
-}
-const Se = "focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0";
-function Xs(s, n) {
-  var a, i, h;
-  const t = pt(s, n);
-  return ((h = (i = (a = s == null ? void 0 : s.chartOptions) == null ? void 0 : a.scales) == null ? void 0 : i[t]) == null ? void 0 : h.type) || "linear";
-}
-function At() {
-  var re, U, ie, C, D, J;
-  const [s, n] = A(!1), t = o((k) => {
-    var I;
-    return (I = k.card) == null ? void 0 : I.preferences;
-  }), a = o((k) => {
-    var I;
-    return (I = k.card) == null ? void 0 : I.cfg;
-  }), i = pt(t, a), [h, r] = A(
-    Xs(t)
-  ), [l, c] = A(
-    ((ie = (U = (re = t == null ? void 0 : t.chartOptions) == null ? void 0 : re.scales) == null ? void 0 : U[i]) == null ? void 0 : ie.min) || ""
-  ), [m, u] = A(
-    ((J = (D = (C = t == null ? void 0 : t.chartOptions) == null ? void 0 : C.scales) == null ? void 0 : D[i]) == null ? void 0 : J.max) || ""
-  ), [g, j] = A(l || m ? "custom" : "auto"), [d, x] = A(""), [y, f] = A(0), [L, O] = A(""), [v, V] = A(""), [_, S] = A(""), M = o(
-    (k) => k.actions.setCardPreferences
-  ), { updateCardInFrame: N } = as(), F = o((k) => k.card), R = o((k) => {
-    var I;
-    return (I = k.card) == null ? void 0 : I.type;
-  }), $ = ["pie", "doughnut", "polarArea"].includes(R);
-  Y(() => {
-    var k, I, ee, q, se, ae, be, pe, Q, le, oe, ye, ce, fe;
-    r(Xs(t)), c(
-      ((ee = (I = (k = t == null ? void 0 : t.chartOptions) == null ? void 0 : k.scales) == null ? void 0 : I[i]) == null ? void 0 : ee.min) === 0 ? 0 : ""
-    ), u(((ae = (se = (q = t == null ? void 0 : t.chartOptions) == null ? void 0 : q.scales) == null ? void 0 : se[i]) == null ? void 0 : ae.max) || ""), x(
-      ((le = (Q = (pe = (be = t == null ? void 0 : t.chartOptions) == null ? void 0 : be.scales) == null ? void 0 : pe[i]) == null ? void 0 : Q.ticks) == null ? void 0 : le.stepSize) || ""
-    ), f(((oe = t == null ? void 0 : t.numberAxisFormat) == null ? void 0 : oe.decimalPlaces) || 0), O(((ye = t == null ? void 0 : t.numberAxisFormat) == null ? void 0 : ye.suffix) || ""), V(((ce = t == null ? void 0 : t.numberAxisFormat) == null ? void 0 : ce.currency) || ""), S(((fe = t == null ? void 0 : t.numberAxisFormat) == null ? void 0 : fe.locale) || "");
-  }, [s, t, i]);
-  function E(k, I) {
-    return I === "" || /^[0-9\b]+$/.test(I) ? Number(I) : Number(k);
-  }
-  function P() {
-    return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-6 items-center gap-2", children: [
-        /* @__PURE__ */ e.jsx(
-          H,
-          {
-            className: "col-span-2 hover:cursor-pointer hover:underline",
-            htmlFor: "currency",
-            children: /* @__PURE__ */ e.jsx(
-              "a",
-              {
-                target: "_blank",
-                href: "https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat",
-                children: "Currency"
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ e.jsx(
-          de,
-          {
-            value: v,
-            placeholder: "USD",
-            onChange: (k) => V(k.target.value),
-            id: "currency",
-            className: `col-span-2 h-8 w-full ${Se}`
-          }
-        ),
-        /* @__PURE__ */ e.jsx(
-          de,
-          {
-            value: _,
-            placeholder: "en-US",
-            onChange: (k) => S(k.target.value),
-            id: "locale",
-            className: `col-span-2 h-8 w-full ${Se}`
-          }
-        )
-      ] }),
-      /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-9 items-center gap-2", children: [
-        /* @__PURE__ */ e.jsx(H, { className: "col-span-3", htmlFor: "format", children: "Decimals" }),
-        /* @__PURE__ */ e.jsx(
-          de,
-          {
-            value: y,
-            onChange: (k) => f(Number(k.target.value)),
-            id: "format",
-            className: `col-span-6 h-8 w-full tracking-wide ${Se}`
-          }
-        )
-      ] })
-    ] });
-  }
-  function X() {
-    return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 items-center gap-2", children: [
-        /* @__PURE__ */ e.jsx(H, { htmlFor: "range", children: "Range" }),
-        /* @__PURE__ */ e.jsx(
-          de,
-          {
-            id: "min",
-            value: l,
-            onChange: (k) => c((I) => E(I, k.target.value)),
-            className: `col-span-1 h-8 w-full ${Se}`
-          }
-        ),
-        /* @__PURE__ */ e.jsx(
-          de,
-          {
-            value: m,
-            onChange: (k) => u((I) => E(I, k.target.value)),
-            id: "max",
-            className: `col-span-1 h-8 w-full ${Se}`
-          }
-        )
-      ] }),
-      /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 items-center gap-2", children: [
-        /* @__PURE__ */ e.jsx(H, { htmlFor: "step-size", children: "Step Size" }),
-        /* @__PURE__ */ e.jsx(
-          de,
-          {
-            value: d,
-            onChange: (k) => x((I) => E(I, k.target.value)),
-            id: "step-size",
-            className: `col-span-1 h-8 w-full ${Se}`
-          }
-        )
-      ] })
-    ] });
-  }
-  function W() {
-    var q;
-    let k = {};
-    g === "custom" && (k = {
-      min: l,
-      max: m,
-      ticks: {
-        stepSize: d
-      }
-    });
-    const I = {
-      ...t || {},
-      chartOptions: {
-        ...t == null ? void 0 : t.chartOptions,
-        scales: {
-          ...(q = t == null ? void 0 : t.chartOptions) == null ? void 0 : q.scales,
-          [i]: {
-            // ...cardPreferences?.chartOptions?.scales?.[axis],
-            type: h,
-            ...h === "linear" ? k : {}
-          }
-        }
-      },
-      numberAxisFormat: {
-        decimalPlaces: y,
-        suffix: L,
-        currency: v,
-        locale: _
-      }
-    };
-    console.log(I), M(I);
-    const ee = {
-      ...F,
-      preferences: I
-    };
-    N(ee);
-  }
-  return /* @__PURE__ */ e.jsxs(ns, { onOpenChange: (k) => n(k), children: [
-    /* @__PURE__ */ e.jsx(rs, { asChild: !0, children: /* @__PURE__ */ e.jsx(Ma, { className: "size-4 cursor-pointer text-muted-foreground hover:text-foreground" }) }),
-    /* @__PURE__ */ e.jsx(is, { align: "center", className: "max-w-65", children: /* @__PURE__ */ e.jsxs("div", { className: "grid gap-4", children: [
-      /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ e.jsx("h4", { className: "font-medium leading-none", children: "Scale Options" }),
-        /* @__PURE__ */ e.jsx("p", { className: "text-sm text-muted-foreground", children: "Set the scale for the number axis" })
-      ] }),
-      /* @__PURE__ */ e.jsxs("div", { className: "grid gap-2", children: [
-        /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 items-center gap-2", children: [
-          /* @__PURE__ */ e.jsx(H, { htmlFor: "scale", children: "Type" }),
-          /* @__PURE__ */ e.jsxs(
-            ke,
-            {
-              disabled: $,
-              value: h,
-              onValueChange: (k) => r(k),
-              children: [
-                /* @__PURE__ */ e.jsx(ze, { className: "col-span-2 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(Fe, {}) }),
-                /* @__PURE__ */ e.jsx(Le, { id: "type", children: /* @__PURE__ */ e.jsxs(_e, { children: [
-                  /* @__PURE__ */ e.jsx(Me, { children: "Option" }),
-                  /* @__PURE__ */ e.jsx(te, { value: "linear", children: "Linear" }),
-                  /* @__PURE__ */ e.jsx(te, { value: "logarithmic", children: "Logarithmic" })
-                ] }) })
-              ]
-            }
-          )
-        ] }),
-        h == "linear" && /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 items-center gap-2 py-1", children: [
-          /* @__PURE__ */ e.jsx(H, { htmlFor: "scale-option", children: "Setup" }),
-          /* @__PURE__ */ e.jsxs(
-            Ts,
-            {
-              disabled: $,
-              id: "scale-option",
-              value: g,
-              onValueChange: (k) => j(k),
-              className: "col-span-2 flex gap-3",
-              defaultValue: "x",
-              children: [
-                /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-                  /* @__PURE__ */ e.jsx(Oe, { value: "auto", id: "r1" }),
-                  /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: "r1", children: "Auto" })
-                ] }),
-                /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-                  /* @__PURE__ */ e.jsx(Oe, { value: "custom", id: "r2" }),
-                  /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: "r2", children: "Custom" })
-                ] })
-              ]
-            }
-          )
-        ] }),
-        g === "custom" && h == "linear" && X(),
-        P(),
-        /* @__PURE__ */ e.jsx(Oa, {}),
-        /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-3", children: /* @__PURE__ */ e.jsx(
-          z,
-          {
-            onClick: W,
-            variant: "secondary",
-            className: "col-span-1 col-start-3 h-8 w-full",
-            children: "Apply"
-          }
-        ) })
-      ] })
-    ] }) })
-  ] });
-}
-function ar({ idx: s }) {
-  var l;
-  const n = o((c) => {
-    var m;
-    return (m = c.card) == null ? void 0 : m.preferences;
-  }), t = o(
-    (c) => {
-      var m;
-      return (m = c.card.preferences) == null ? void 0 : m.datasetOptions;
-    }
-  ), a = o(
-    (c) => c.actions.setCardPreferences
-  ), i = (l = n == null ? void 0 : n.chartOptions) == null ? void 0 : l.indexAxis, h = t == null ? void 0 : t.find((c) => c.idx === s);
-  function r(c, m) {
-    (c === "end" || c === "start") && Da(Ta());
-    const u = {
-      display: c !== "none",
-      align: c,
-      anchor: c,
-      clamp: !0
-    };
-    if (!h)
-      a({
-        ...n,
-        datasetOptions: [
-          ...t || [],
-          {
-            idx: m,
-            datalabels: u
-          }
-        ]
-      });
-    else {
-      const g = { ...h };
-      g.datalabels = u;
-      const j = t == null ? void 0 : t.map(
-        (d) => d.idx === m ? g : d
-      );
-      a({
-        ...n,
-        datasetOptions: j
-      });
-    }
-  }
-  return /* @__PURE__ */ e.jsxs(ns, { children: [
-    /* @__PURE__ */ e.jsx(rs, { children: /* @__PURE__ */ e.jsx(Cn, { className: "invisible size-4 rotate-[135deg] cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible" }) }),
-    /* @__PURE__ */ e.jsx(is, { className: "w-fit p-1", children: /* @__PURE__ */ e.jsxs("div", { className: "flex gap-1", children: [
-      /* @__PURE__ */ e.jsx(
-        z,
-        {
-          onClick: () => r("none", s),
-          size: "sm",
-          variant: "secondary",
-          className: "h-7 p-1 text-xs font-normal",
-          children: /* @__PURE__ */ e.jsx(xt, { className: "size-4" })
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        z,
-        {
-          onClick: () => r("start", s),
-          size: "sm",
-          variant: "secondary",
-          className: "h-7 p-1 text-xs font-normal",
-          children: /* @__PURE__ */ e.jsx(
-            un,
-            {
-              className: Z("h-4 w-4", {
-                "rotate-90": i === "y"
-              })
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        z,
-        {
-          onClick: () => r("center", s),
-          size: "sm",
-          variant: "secondary",
-          className: "h-7 p-1 text-xs font-normal",
-          children: /* @__PURE__ */ e.jsx(
-            xn,
-            {
-              className: Z("h-4 w-4", {
-                "rotate-90": i === "y"
-              })
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        z,
-        {
-          onClick: () => r("end", s),
-          size: "sm",
-          variant: "secondary",
-          className: "h-7 p-1 text-xs font-normal",
-          children: /* @__PURE__ */ e.jsx(
-            mn,
-            {
-              className: Z("h-4 w-4", {
-                "rotate-90": i === "y"
-              })
-            }
-          )
-        }
-      )
-    ] }) })
-  ] });
-}
-function Et() {
-  const s = o((c) => c.card), n = o(
-    (c) => {
-      var m, u, g;
-      return (g = (u = (m = c == null ? void 0 : c.card) == null ? void 0 : m.preferences) == null ? void 0 : u.chartOptions) == null ? void 0 : g.indexAxis;
-    }
-  ), t = n === "y" ? "Y axis" : "X axis", a = n === "y" ? "X axis" : "Y axis", {
-    keys: i,
-    metricKeys: h,
-    dimensionKeys: r
-  } = xs(s.data || []);
-  let l = h;
-  if (["stackedBar", "stackedLine"].includes(s.type)) {
-    const c = Aa({
-      dataArray: s.data || [],
-      groupKey: r[0],
-      pivotKey: r[1],
-      valueKey: l[0]
-    }), { metricKeys: m } = xs(c);
-    l = m;
-  }
-  return i.length === 0 ? null : /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ e.jsx(H, { children: t }),
-      /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: /* @__PURE__ */ e.jsx("div", { className: "rounded-md bg-muted/70 px-2 py-1 hover:bg-muted", children: /* @__PURE__ */ e.jsx("p", { children: r[0] }) }) })
-    ] }),
-    /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between gap-5", children: [
-        /* @__PURE__ */ e.jsx(H, { children: a }),
-        /* @__PURE__ */ e.jsx(At, {})
-      ] }),
-      /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: l.map((c, m) => /* @__PURE__ */ e.jsx(nr, { col: c, idx: m }, c)) })
-    ] })
-  ] });
-}
-function nr({ col: s, idx: n }) {
-  const t = o((l) => {
-    var c;
-    return (c = l.card) == null ? void 0 : c.preferences;
-  }), a = o(
-    (l) => {
-      var c;
-      return (c = l.card.preferences) == null ? void 0 : c.datasetOptions;
-    }
-  ), i = a == null ? void 0 : a.find((l) => l.idx === n), { setCardPreferences: h } = o((l) => l.actions);
-  function r(l) {
-    if (!i)
-      h({
-        ...t,
-        datasetOptions: [
-          ...a || [],
-          {
-            idx: n,
-            type: l === "area" ? "line" : l,
-            fill: l === "area" ? "origin" : ""
-          }
-        ]
-      });
-    else {
-      const c = { ...i };
-      c.type = l === "area" ? "line" : l, c.fill = l === "area" ? "origin" : "";
-      const m = a == null ? void 0 : a.map(
-        (u) => u.idx === n ? c : u
-      );
-      h({
-        ...t,
-        datasetOptions: m
-      });
-    }
-  }
-  return /* @__PURE__ */ e.jsxs("div", { className: "group flex items-center justify-between gap-5 rounded-md bg-muted/70 px-2 py-1 hover:bg-muted", children: [
-    /* @__PURE__ */ e.jsx("p", { children: s }),
-    /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ e.jsx(
-        Es,
-        {
-          onClick: () => r("bar"),
-          className: "invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        Is,
-        {
-          onClick: () => r("line"),
-          className: "invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        en,
-        {
-          onClick: () => r("area"),
-          className: "invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        Re,
-        {
-          orientation: "vertical",
-          className: "invisible size-4 cursor-pointer py-2 text-muted-foreground hover:text-foreground group-hover:visible"
-        }
-      ),
-      /* @__PURE__ */ e.jsx(ar, { idx: n })
-    ] })
-  ] });
-}
-function It() {
-  const s = o((j) => j.selectedConnectionId), n = o((j) => j.selectedDatamodelId), t = o((j) => j.selectedDatabaseName), a = o((j) => j.selectedSchemaName), i = o((j) => j.selectedTableName), h = w((j) => j.dashboard.filters) || [], r = w((j) => j.actions.addFilter), l = w((j) => j.actions.removeFilter), c = w(
-    (j) => j.actions.removeFilterValue
-  ), { modelItems: m, tableName: u } = De();
-  function g(j, d = "dashboard") {
-    var S;
-    const x = ue(j.column_name), y = ue(t || ""), f = ue(a || ""), L = ue(u);
-    let O = lt(
-      f,
-      L
-    ), v = `${O}.${x}`;
-    const V = (S = m == null ? void 0 : m.find(
-      (M) => M.id === n
-    )) == null ? void 0 : S.name;
-    n && n !== "none" && (v = `${ms}.${V}.${x}`, O = `${ms}.${V}`);
-    const _ = h == null ? void 0 : h.find(
-      (M) => M.column === v && M.table === L && (M.database === y || M.database === t)
-    );
-    if (_)
-      c(_.id), l(_.id);
-    else {
-      const M = Ze();
-      return u === "api" && s ? (r({
-        location: d,
-        id: M,
-        //uuidv4(),
-        column: v,
-        title: j.column_name,
-        dataType: j.data_type,
-        table: "api",
-        database: "",
-        // database: 'NA',
-        connectionId: s,
-        operation: "in",
-        sql: Us(
-          j.data_type,
-          O,
-          x
-        )
-        //DATE_DATA_TYPES.includes(column.data_type) ? dateSql : sql,
-      }), M) : (r({
-        id: M,
-        //uuidv4(),
-        location: d,
-        column: v,
-        //columnName, //`${qualifiedTableName}.${formattedColumnName}`,
-        title: j.column_name,
-        dataType: j.data_type,
-        table: i || "",
-        database: t || "",
-        connectionId: s || "",
-        operation: "in",
-        sql: Us(
-          j.data_type,
-          O,
-          x
-        )
-        //DATE_DATA_TYPES.includes(column.data_type) ? dateSql : sql,
-      }), M);
-    }
-  }
-  return { assignFilter: g };
-}
-function Ae() {
-  const s = w(
-    (l) => l.dashboard.filters
-  ), n = o((l) => l.frame), { setFrame: t } = as(), { columns: a } = De(), { assignFilter: i } = It();
-  function h(l) {
-    const c = i(l, "frame");
-    t({ ...n, filterId: c });
-  }
-  const r = s == null ? void 0 : s.find((l) => l.id === n.filterId);
-  return /* @__PURE__ */ e.jsxs("div", { className: "space-y-3", children: [
-    /* @__PURE__ */ e.jsx(H, { children: "Card Filter" }),
-    /* @__PURE__ */ e.jsx(rr, { onSelect: h, columns: a }),
-    r && /* @__PURE__ */ e.jsx(Ea, { filter: r })
-  ] });
-}
-function rr({
-  columns: s,
-  onSelect: n
-}) {
-  var r;
-  const [t, a] = Qs.useState(!1), [i, h] = Qs.useState("");
-  return /* @__PURE__ */ e.jsxs(ns, { open: t, onOpenChange: a, children: [
-    /* @__PURE__ */ e.jsx(rs, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
-      z,
-      {
-        size: "sm",
-        variant: "outline",
-        role: "combobox",
-        "aria-expanded": t,
-        className: "w-full justify-between font-normal",
-        children: [
-          i ? (r = s.find((l) => l.column_name === i)) == null ? void 0 : r.column_name : "Select Column...",
-          /* @__PURE__ */ e.jsx(Ia, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ e.jsx(is, { className: "w-[200px] p-0", children: /* @__PURE__ */ e.jsxs(qa, { children: [
-      /* @__PURE__ */ e.jsx(Va, { placeholder: "Search column", className: "h-9" }),
-      /* @__PURE__ */ e.jsxs(_a, { children: [
-        /* @__PURE__ */ e.jsx(Ra, { children: "No framework found." }),
-        /* @__PURE__ */ e.jsx(Ha, { children: s.map((l) => /* @__PURE__ */ e.jsxs(
-          $a,
-          {
-            value: l.column_name,
-            onSelect: (c) => {
-              const m = c === i ? "" : c;
-              h(m), a(!1), m && n(l);
-            },
-            children: [
-              l.column_name,
-              /* @__PURE__ */ e.jsx(
-                mt,
-                {
-                  className: Z(
-                    "ml-auto h-4 w-4",
-                    i === l.column_name ? "opacity-100" : "opacity-0"
-                  )
-                }
-              )
-            ]
-          },
-          l.column_name
-        )) })
-      ] })
-    ] }) })
-  ] });
-}
-function ir({
-  cardType: s
-}) {
-  return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(Ne, { defaultValue: ["item-2"], type: "multiple", children: [
-    /* @__PURE__ */ e.jsxs(B, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx(G, { children: `${As(s)} Chart` }),
-      /* @__PURE__ */ e.jsxs(K, { className: "space-y-4 font-mono text-xs", children: [
-        /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 text-xs", children: "SELECT x-axis, y-axis-1, y-axis-2,... FROM table" }),
-        /* @__PURE__ */ e.jsxs("ul", { className: "ml-6 list-disc text-xs [&>li]:mt-2", children: [
-          /* @__PURE__ */ e.jsx("li", { children: "x-axis - category" }),
-          /* @__PURE__ */ e.jsx("li", { children: "y-axis1 - number" }),
-          /* @__PURE__ */ e.jsx("li", { children: "y-axis2 - number" })
-        ] }),
-        /* @__PURE__ */ e.jsxs("div", { children: [
-          "See ",
-          /* @__PURE__ */ e.jsx(
-            "a",
-            {
-              target: "_blank",
-              onClick: (n) => n.stopPropagation(),
-              className: "text-blue-700",
-              href: "https://docs.semaphor.cloud/concepts/visuals#line-chart",
-              children: "example"
-            }
-          ),
-          " in the docs."
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ e.jsxs(B, { value: "item-2", children: [
-      /* @__PURE__ */ e.jsx(G, { children: "Settings" }),
-      /* @__PURE__ */ e.jsxs(K, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e.jsx(ls, {}),
-        /* @__PURE__ */ e.jsx(Et, {})
-      ] })
-    ] }),
-    /* @__PURE__ */ e.jsxs(B, { value: "item-3", children: [
-      /* @__PURE__ */ e.jsx(G, { children: "Filters" }),
-      /* @__PURE__ */ e.jsxs(K, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e.jsx(Te, {}),
-        /* @__PURE__ */ e.jsx(Ae, {})
-      ] })
-    ] })
-  ] }) });
-}
-function Vs() {
-  var i, h, r;
-  const s = o(
-    (l) => l.card.cfg
-  ), n = o((l) => l.actions.setCardCfg), t = o((l) => l.card.type);
-  function a(l) {
-    var u;
-    const c = {
-      datalabels: {
-        display: l !== "none",
-        align: l,
-        anchor: l,
-        clamp: !0
-      }
-    }, m = {
-      ...s,
-      options: {
-        ...s == null ? void 0 : s.options,
-        plugins: {
-          ...(u = s == null ? void 0 : s.options) == null ? void 0 : u.plugins,
-          ...c
-        }
-      }
-    };
-    n(m), console.log(l);
-  }
-  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(t) && /* @__PURE__ */ e.jsx(At, {})
-    ] }),
-    /* @__PURE__ */ e.jsxs(
-      ke,
-      {
-        value: (r = (h = (i = s == null ? void 0 : s.options) == null ? void 0 : i.plugins) == null ? void 0 : h.datalabels) == null ? void 0 : r.anchor,
-        onValueChange: a,
-        defaultValue: "none",
-        children: [
-          /* @__PURE__ */ e.jsx(ze, { className: "h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(Fe, { placeholder: "Select position" }) }),
-          /* @__PURE__ */ e.jsx(Le, { children: /* @__PURE__ */ e.jsxs(_e, { children: [
-            /* @__PURE__ */ e.jsx(Me, { children: "Data Labels" }),
-            /* @__PURE__ */ e.jsx(te, { value: "none", children: "None" }),
-            t !== "pyramid" && /* @__PURE__ */ e.jsx(te, { value: "start", children: "Start" }),
-            /* @__PURE__ */ e.jsx(te, { value: "center", children: "Center" }),
-            t !== "pyramid" && /* @__PURE__ */ e.jsx(te, { value: "end", children: "End" })
-          ] }) })
-        ]
-      }
-    )
-  ] });
-}
-function lr({
-  cardType: s
-}) {
-  function n(t) {
-    const a = "SELECT label, [group], x-axis, y-axis, radius FROM table", i = "SELECT label, [group], x-axis, y-axis FROM table";
-    return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 text-xs", children: t === "bubble" ? a : i }),
-      /* @__PURE__ */ e.jsxs("ul", { className: "ml-6 list-disc text-xs [&>li]:mt-2", children: [
-        /* @__PURE__ */ e.jsx("li", { children: "label - category" }),
-        /* @__PURE__ */ e.jsx("li", { children: "group - category" }),
-        /* @__PURE__ */ e.jsx("li", { children: "x-axis - category" }),
-        /* @__PURE__ */ e.jsx("li", { children: "y-axis - category" }),
-        t === "bubble" && /* @__PURE__ */ e.jsx("li", { children: "radius - number" })
-      ] }),
-      /* @__PURE__ */ e.jsxs("div", { children: [
-        "See ",
-        /* @__PURE__ */ e.jsx(
-          "a",
-          {
-            target: "_blank",
-            onClick: (h) => h.stopPropagation(),
-            className: "text-blue-700",
-            href: "https://docs.semaphor.cloud/concepts/visuals#pie-chart",
-            children: "example"
-          }
-        ),
-        " in the docs."
-      ] })
-    ] });
-  }
-  return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(Ne, { defaultValue: ["item-2"], type: "multiple", children: [
-    /* @__PURE__ */ e.jsxs(B, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx(G, { children: `${As(s)} Chart` }),
-      /* @__PURE__ */ e.jsx(K, { className: "space-y-4 font-mono text-xs", children: n(s) })
-    ] }),
-    /* @__PURE__ */ e.jsxs(B, { value: "item-2", children: [
-      /* @__PURE__ */ e.jsx(G, { children: "Settings" }),
-      /* @__PURE__ */ e.jsx(K, { className: "px-2", children: /* @__PURE__ */ e.jsx(Vs, {}) })
-    ] }),
-    /* @__PURE__ */ e.jsxs(B, { value: "item-3", children: [
-      /* @__PURE__ */ e.jsx(G, { children: "Filters" }),
-      /* @__PURE__ */ e.jsxs(K, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e.jsx(Te, {}),
-        /* @__PURE__ */ e.jsx(Ae, {})
-      ] })
-    ] })
-  ] }) });
-}
-const or = {
-  datasets: [
-    {
-      type: "line",
-      label: "Sum_sales",
-      data: []
-    },
-    {
-      type: "bar",
-      label: "Sum_profit",
-      data: []
-    }
-  ]
-}, cr = {
-  datasets: [
-    {
-      fill: "origin",
-      type: "line",
-      label: "Sum_sales",
-      data: []
-    }
-  ]
-};
-function dr() {
-  const s = o((n) => n.card.type);
-  return /* @__PURE__ */ e.jsxs("div", { className: "space-y-6 p-6", children: [
-    /* @__PURE__ */ e.jsx(
-      Ne,
-      {
-        className: " ",
-        type: "single",
-        collapsible: !0,
-        children: hr(s)
-      }
-    ),
-    /* @__PURE__ */ e.jsx("section", { className: "", children: ["line", "bar"].includes(s) && /* @__PURE__ */ e.jsx(ls, {}) }),
-    !["kpi"].includes(s) && /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ e.jsx(Vs, {}),
-      /* @__PURE__ */ e.jsx(Te, {}),
-      /* @__PURE__ */ e.jsx(Ae, {})
-    ] })
-  ] });
-}
-function hr(s) {
-  if (["line", "bar"].includes(s))
-    return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      /* @__PURE__ */ e.jsxs(B, { value: "item-1", children: [
-        /* @__PURE__ */ e.jsx(G, { className: "font-normal", children: /* @__PURE__ */ e.jsx("p", { children: "Chart Query" }) }),
-        /* @__PURE__ */ e.jsxs(K, { className: " ", children: [
-          /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 font-mono text-xs font-semibold", children: "SELECT x-axis, y-axis-1, y-axis-2, y-axis-3,... FROM table" }),
-          /* @__PURE__ */ e.jsxs("ul", { className: "my-6 ml-6 list-disc text-xs font-normal [&>li]:mt-2", children: [
-            /* @__PURE__ */ e.jsx("li", { children: "X-axis - Category (ex. city)" }),
-            /* @__PURE__ */ e.jsx("li", { children: "Y-axis - Number (ex. population)" })
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ e.jsxs(B, { value: "item-2", children: [
-        /* @__PURE__ */ e.jsx(G, { className: "font-normal", children: "Mixed Chart" }),
-        /* @__PURE__ */ e.jsxs(K, { className: "space-y-2 text-xs", children: [
-          /* @__PURE__ */ e.jsxs("p", { children: [
-            "Click ",
-            /* @__PURE__ */ e.jsx("b", { children: "Customize" }),
-            " and change the `type` property in the dataset."
-          ] }),
-          /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify(or, null, 2) })
-        ] })
-      ] }),
-      /* @__PURE__ */ e.jsxs(B, { value: "item-3", children: [
-        /* @__PURE__ */ e.jsx(G, { className: "font-normal", children: "Area Chart" }),
-        /* @__PURE__ */ e.jsxs(K, { className: "space-y-2 text-xs", children: [
-          /* @__PURE__ */ e.jsxs("p", { children: [
-            "Click ",
-            /* @__PURE__ */ e.jsx("b", { children: "Customize" }),
-            " and add `fill` property to the dataset. See",
-            /* @__PURE__ */ e.jsx(
-              "a",
-              {
-                className: "mx-1 text-blue-500 hover:underline",
-                href: "https://www.chartjs.org/docs/latest/samples/area/line-boundaries.html",
-                target: "_blank",
-                children: "docs"
-              }
-            ),
-            "for more options."
-          ] }),
-          /* @__PURE__ */ e.jsx("pre", { children: JSON.stringify(cr, null, 2) })
-        ] })
-      ] })
-    ] });
-  if (s === "bubble")
-    return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(B, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx(G, { className: "font-normal", children: /* @__PURE__ */ e.jsxs("p", { children: [
-        "How to create a ",
-        /* @__PURE__ */ e.jsx("span", { children: s }),
-        " chart query?"
-      ] }) }),
-      /* @__PURE__ */ e.jsxs(K, { className: " ", children: [
-        /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 font-mono text-xs font-semibold", children: "SELECT label, x-axis, y-axis, radius FROM table" }),
-        /* @__PURE__ */ e.jsxs("ul", { className: "my-6 ml-6 list-disc text-xs font-normal [&>li]:mt-2", children: [
-          /* @__PURE__ */ e.jsx("li", { children: "Label - Category (ex. city)" }),
-          /* @__PURE__ */ e.jsx("li", { children: "Bubble Group (opt) - Category (ex. state)" }),
-          /* @__PURE__ */ e.jsx("li", { children: "X-axis - Number (ex. avg. age)" }),
-          /* @__PURE__ */ e.jsx("li", { children: "Y-axis - Number (ex. avg. weight)" }),
-          /* @__PURE__ */ e.jsx("li", { children: "Radius - Number (ex. population)" })
-        ] })
-      ] })
-    ] }) });
-  if (s === "scatter")
-    return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(B, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx(G, { className: "font-normal", children: /* @__PURE__ */ e.jsxs("p", { children: [
-        "How to create a ",
-        /* @__PURE__ */ e.jsx("span", { children: s }),
-        " chart query?"
-      ] }) }),
-      /* @__PURE__ */ e.jsxs(K, { className: " ", children: [
-        /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 font-mono text-xs font-semibold", children: "SELECT label, x-axis, y-axis FROM table" }),
-        /* @__PURE__ */ e.jsxs("ul", { className: "my-6 ml-6 list-disc text-xs font-normal [&>li]:mt-2", children: [
-          /* @__PURE__ */ e.jsx("li", { children: "Label - Category (ex. city)" }),
-          /* @__PURE__ */ e.jsx("li", { children: "Group (opt) - Category (ex. state)" }),
-          /* @__PURE__ */ e.jsx("li", { children: "X-axis - Number (ex. avg. age)" }),
-          /* @__PURE__ */ e.jsx("li", { children: "Y-axis - Number (ex. avg. weight)" })
-        ] })
-      ] })
-    ] }) });
-  if (["pie", "doughnut", "polarArea"].includes(s))
-    return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(B, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx(G, { className: "font-normal", children: /* @__PURE__ */ e.jsxs("p", { children: [
-        /* @__PURE__ */ e.jsx("span", { children: s === "polarArea" ? "Polar" : s.charAt(0).toUpperCase() + s.slice(1) }),
-        " ",
-        "chart query"
-      ] }) }),
-      /* @__PURE__ */ e.jsxs(K, { className: " ", children: [
-        /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 font-mono text-xs font-semibold", children: "SELECT label, measure FROM table" }),
-        /* @__PURE__ */ e.jsxs("ul", { className: "my-6 ml-6 list-disc text-xs font-normal [&>li]:mt-2", children: [
-          /* @__PURE__ */ e.jsx("li", { children: "Label - Category (ex. city)" }),
-          /* @__PURE__ */ e.jsx("li", { children: "Measure - Number (ex. population)" })
-        ] })
-      ] })
-    ] }) });
-}
-function ur() {
-  var c, m, u, g, j;
-  const s = o((d) => d.card.preferences), n = o(
-    (d) => d.actions.setCardPreferences
-  ), t = o(
-    (d) => d.actions.setNumberFormat
-  );
-  o(
-    (d) => {
-      var x, y;
-      return (y = (x = d.card.preferences) == null ? void 0 : x.formatNumber) == null ? void 0 : y.decimalPlaces;
-    }
-  );
-  const a = o(
-    (d) => {
-      var x, y;
-      return (y = (x = d.card.preferences) == null ? void 0 : x.formatNumber) == null ? void 0 : y.locale;
-    }
-  ), i = o(
-    (d) => {
-      var x, y;
-      return (y = (x = d.card.preferences) == null ? void 0 : x.formatNumber) == null ? void 0 : y.currency;
-    }
-  );
-  o(
-    (d) => d.actions.setFilterOnClickField
-  );
-  const h = o(
-    (d) => {
-      var x, y;
-      return (y = (x = d.card.preferences) == null ? void 0 : x.formatNumber) == null ? void 0 : y.colorRanges;
-    }
-  ) || [], r = o(
-    (d) => d.actions.setColorRanges
-  ), l = [...new Set(Ws.map((d) => d.currency))];
-  return /* @__PURE__ */ e.jsxs("div", { children: [
-    /* @__PURE__ */ e.jsxs("div", { className: "mb-3 flex items-center gap-2", children: [
-      /* @__PURE__ */ e.jsx(
-        ts,
-        {
-          checked: !!((c = s == null ? void 0 : s.formatNumber) != null && c.enabled),
-          onCheckedChange: (d) => {
-            n({
-              ...s,
-              formatNumber: {
-                ...s == null ? void 0 : s.formatNumber,
-                enabled: d
-              }
-            });
-          }
-        }
-      ),
-      /* @__PURE__ */ e.jsx(H, { children: "Format Number" })
-    ] }),
-    ((m = s == null ? void 0 : s.formatNumber) == null ? void 0 : m.enabled) === !0 && /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2", children: [
-      /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 p-2", children: [
-        /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ e.jsxs("div", { className: "w-full space-y-1", children: [
-            /* @__PURE__ */ e.jsx(H, { children: "Locale" }),
-            /* @__PURE__ */ e.jsxs(
-              ke,
-              {
-                value: a || "en-US",
-                onValueChange: (d) => {
-                  var x, y, f;
-                  return t(
-                    ((x = s == null ? void 0 : s.formatNumber) == null ? void 0 : x.decimalPlaces) || 0,
-                    ((y = s == null ? void 0 : s.formatNumber) == null ? void 0 : y.currency) || "",
-                    d || "en-US",
-                    ((f = s == null ? void 0 : s.formatNumber) == null ? void 0 : f.suffix) || ""
-                  );
-                },
-                children: [
-                  /* @__PURE__ */ e.jsx(ze, { className: "col-span-6 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(Fe, {}) }),
-                  /* @__PURE__ */ e.jsx(Le, { children: /* @__PURE__ */ e.jsxs(_e, { children: [
-                    /* @__PURE__ */ e.jsx(Me, { children: "Format" }),
-                    Ws.map((d) => /* @__PURE__ */ e.jsx(te, { value: d.locale, children: d.locale }, d.locale))
-                  ] }) })
-                ]
-              }
-            )
-          ] }),
-          /* @__PURE__ */ e.jsxs("div", { className: "w-full space-y-1", children: [
-            /* @__PURE__ */ e.jsx(H, { children: "Currency" }),
-            /* @__PURE__ */ e.jsxs(
-              ke,
-              {
-                value: i || "none",
-                onValueChange: (d) => {
-                  var x, y, f;
-                  return t(
-                    ((x = s == null ? void 0 : s.formatNumber) == null ? void 0 : x.decimalPlaces) || 0,
-                    d === "none" ? "" : d,
-                    ((y = s == null ? void 0 : s.formatNumber) == null ? void 0 : y.locale) || "",
-                    ((f = s == null ? void 0 : s.formatNumber) == null ? void 0 : f.suffix) || ""
-                  );
-                },
-                children: [
-                  /* @__PURE__ */ e.jsx(ze, { className: "col-span-6 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(Fe, {}) }),
-                  /* @__PURE__ */ e.jsx(Le, { children: /* @__PURE__ */ e.jsxs(_e, { children: [
-                    /* @__PURE__ */ e.jsx(Me, { children: "Currency" }),
-                    /* @__PURE__ */ e.jsx(te, { value: "none", children: "None" }, "none"),
-                    l.map((d) => /* @__PURE__ */ e.jsx(te, { value: d, children: d }, d))
-                  ] }) })
-                ]
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ e.jsxs("div", { className: "w-full space-y-1", children: [
-            /* @__PURE__ */ e.jsx(H, { children: "Decimals" }),
-            /* @__PURE__ */ e.jsxs(
-              ke,
-              {
-                value: ((g = (u = s == null ? void 0 : s.formatNumber) == null ? void 0 : u.decimalPlaces) == null ? void 0 : g.toString()) || "0",
-                onValueChange: (d) => {
-                  var x, y, f;
-                  return t(
-                    Number(d),
-                    ((x = s == null ? void 0 : s.formatNumber) == null ? void 0 : x.currency) || "",
-                    ((y = s == null ? void 0 : s.formatNumber) == null ? void 0 : y.locale) || "",
-                    ((f = s == null ? void 0 : s.formatNumber) == null ? void 0 : f.suffix) || ""
-                  );
-                },
-                children: [
-                  /* @__PURE__ */ e.jsx(ze, { className: "col-span-3 h-8 w-full focus:ring-1 focus:ring-offset-0", children: /* @__PURE__ */ e.jsx(Fe, {}) }),
-                  /* @__PURE__ */ e.jsx(Le, { children: ["0", "1", "2", "3", "4"].map((d) => /* @__PURE__ */ e.jsx(te, { value: d, children: d }, d)) })
-                ]
-              }
-            )
-          ] }),
-          /* @__PURE__ */ e.jsxs("div", { className: "w-full space-y-1", children: [
-            /* @__PURE__ */ e.jsx(H, { children: "Suffix" }),
-            /* @__PURE__ */ e.jsx(
-              de,
-              {
-                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: (d) => {
-                  var x, y, f;
-                  return t(
-                    ((x = s == null ? void 0 : s.formatNumber) == null ? void 0 : x.decimalPlaces) || 0,
-                    ((y = s == null ? void 0 : s.formatNumber) == null ? void 0 : y.currency) || "",
-                    ((f = s == null ? void 0 : s.formatNumber) == null ? void 0 : f.locale) || "",
-                    d.target.value
-                  );
-                }
-              }
-            )
-          ] })
-        ] })
-      ] }) }),
-      /* @__PURE__ */ e.jsx(Re, { className: "my-3" }),
-      /* @__PURE__ */ e.jsx(
-        Pa,
-        {
-          colorRanges: h,
-          setColorRanges: r
-        }
-      )
-    ] })
-  ] });
-}
-function mr() {
-  return /* @__PURE__ */ e.jsxs("div", { className: "space-y-6 px-6 py-2", children: [
-    /* @__PURE__ */ e.jsx(Ne, { type: "single", collapsible: !0, children: /* @__PURE__ */ e.jsxs(B, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx(G, { className: "", children: "KPI Query" }),
-      /* @__PURE__ */ e.jsxs(K, { className: "font-mono", children: [
-        /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 font-mono text-xs", children: "SELECT current, previous FROM table" }),
-        /* @__PURE__ */ e.jsxs("ul", { className: "my-6 ml-6 list-disc text-xs [&>li]:mt-2", children: [
-          /* @__PURE__ */ e.jsx("li", { children: "current - number" }),
-          /* @__PURE__ */ e.jsx("li", { children: "previous - number" })
-        ] }),
-        /* @__PURE__ */ e.jsxs("div", { children: [
-          "See ",
-          /* @__PURE__ */ e.jsx(
-            "a",
-            {
-              target: "_blank",
-              onClick: (s) => s.stopPropagation(),
-              className: "text-blue-700",
-              href: "https://docs.semaphor.cloud/concepts/visuals#kpi",
-              children: "example"
-            }
-          ),
-          " in the docs."
-        ] })
-      ] })
-    ] }) }),
-    /* @__PURE__ */ e.jsx("section", { className: "", children: /* @__PURE__ */ e.jsx(ur, {}) }),
-    /* @__PURE__ */ e.jsx("div", {}),
-    /* @__PURE__ */ e.jsx("div", {})
-  ] });
-}
-function xr() {
-  var a;
-  const s = o((i) => i.card.preferences), { setCardPreferences: n } = o((i) => i.actions);
-  function t(i) {
-    n({
-      ...s,
-      textVisualOptions: {
-        ...s == null ? void 0 : s.textVisualOptions,
-        isDynamicText: i === "dynamic"
-      }
-    });
-  }
-  return /* @__PURE__ */ e.jsxs(
-    Ts,
-    {
-      value: (a = s == null ? void 0 : s.textVisualOptions) != null && a.isDynamicText ? "dynamic" : "static",
-      onValueChange: t,
-      className: "flex gap-3",
-      defaultValue: "x",
-      children: [
-        /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ e.jsx(Oe, { value: "static", id: "r1" }),
-          /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: "r1", children: "Static" })
-        ] }),
-        /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ e.jsx(Oe, { value: "dynamic", id: "r2" }),
-          /* @__PURE__ */ e.jsx("label", { className: "text-sm", htmlFor: "r2", children: "Dynamic" })
-        ] })
-      ]
-    }
-  );
-}
-function We({
-  cardType: s,
-  docContent: n,
-  suffix: t = "Chart"
-}) {
-  return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(Ne, { defaultValue: ["item-2"], type: "multiple", children: [
-    /* @__PURE__ */ e.jsxs(B, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx(G, { children: `${As(s)} ${t}` }),
-      /* @__PURE__ */ e.jsx(K, { children: n || /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
-        /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 text-xs", children: "SELECT label, measure FROM table" }),
-        /* @__PURE__ */ e.jsxs("ul", { className: "ml-6 list-disc text-xs [&>li]:mt-2", children: [
-          /* @__PURE__ */ e.jsx("li", { children: "label - category" }),
-          /* @__PURE__ */ e.jsx("li", { children: "measure - number" })
-        ] }),
-        /* @__PURE__ */ e.jsxs("div", { children: [
-          "See ",
-          /* @__PURE__ */ e.jsx(
-            "a",
-            {
-              target: "_blank",
-              onClick: (a) => a.stopPropagation(),
-              className: "text-blue-700",
-              href: "https://docs.semaphor.cloud/concepts/visuals#pie-chart",
-              children: "example"
-            }
-          ),
-          " in the docs."
-        ] })
-      ] }) })
-    ] }),
-    /* @__PURE__ */ e.jsxs(B, { value: "item-2", children: [
-      /* @__PURE__ */ e.jsx(G, { children: "Settings" }),
-      /* @__PURE__ */ e.jsxs(K, { className: "space-y-4 px-2", children: [
-        s === "range" && /* @__PURE__ */ e.jsx(ls, {}),
-        s !== "text" && /* @__PURE__ */ e.jsx(Vs, {}),
-        s === "text" && /* @__PURE__ */ e.jsx(xr, {})
-      ] })
-    ] }),
-    !["range", "text"].includes(s) && /* @__PURE__ */ e.jsxs(B, { value: "item-3", children: [
-      /* @__PURE__ */ e.jsx(G, { children: "Filters" }),
-      /* @__PURE__ */ e.jsxs(K, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e.jsx(Te, {}),
-        /* @__PURE__ */ e.jsx(Ae, {})
-      ] })
-    ] })
-  ] }) });
-}
-function pr() {
-  return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(Ne, { defaultValue: ["item-2"], type: "multiple", children: [
-    /* @__PURE__ */ e.jsxs(B, { value: "item-1", children: [
-      /* @__PURE__ */ e.jsx(G, { children: "Stacked Chart" }),
-      /* @__PURE__ */ e.jsxs(K, { className: "space-y-4 font-mono text-xs", children: [
-        /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 text-xs", children: "SELECT x-axis, stack-by, y-axis FROM table" }),
-        /* @__PURE__ */ e.jsxs("ul", { className: "ml-6 list-disc text-xs [&>li]:mt-2", children: [
-          /* @__PURE__ */ e.jsx("li", { children: "x-axis - category" }),
-          /* @__PURE__ */ e.jsx("li", { children: "stack by - category" }),
-          /* @__PURE__ */ e.jsx("li", { children: "y-axis - number" })
-        ] }),
-        /* @__PURE__ */ e.jsxs("div", { children: [
-          "See ",
-          /* @__PURE__ */ e.jsx(
-            "a",
-            {
-              target: "_blank",
-              onClick: (s) => s.stopPropagation(),
-              className: "text-blue-700",
-              href: "https://docs.semaphor.cloud/concepts/visuals#stacked-chart",
-              children: "example"
-            }
-          ),
-          " in the docs."
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ e.jsxs(B, { value: "item-2", children: [
-      /* @__PURE__ */ e.jsx(G, { children: "Settings" }),
-      /* @__PURE__ */ e.jsxs(K, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e.jsx(ls, {}),
-        /* @__PURE__ */ e.jsx(Et, {})
-      ] })
-    ] }),
-    /* @__PURE__ */ e.jsxs(B, { value: "item-3", children: [
-      /* @__PURE__ */ e.jsx(G, { children: "Filters" }),
-      /* @__PURE__ */ e.jsxs(K, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e.jsx(Te, {}),
-        /* @__PURE__ */ e.jsx(Ae, {})
-      ] })
-    ] })
-  ] }) });
-}
-function fr({}) {
-  const s = o((a) => {
-    var i;
-    return (i = a.card) == null ? void 0 : i.preferences;
-  }), n = o(
-    (a) => a.actions.setCardPreferences
-  ), t = (a) => {
-    n({
-      ...s,
-      allowDownload: a
-    });
-  };
-  return /* @__PURE__ */ e.jsxs("div", { className: "space-y-6 px-6 py-2", children: [
-    /* @__PURE__ */ e.jsx(Ne, { defaultValue: ["item-3"], type: "multiple", children: /* @__PURE__ */ e.jsxs(B, { value: "item-3", children: [
-      /* @__PURE__ */ e.jsx(G, { children: "Filters" }),
-      /* @__PURE__ */ e.jsxs(K, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e.jsx(Te, {}),
-        /* @__PURE__ */ e.jsx(Ae, {})
-      ] })
-    ] }) }),
-    /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-      /* @__PURE__ */ e.jsx(ts, { onCheckedChange: t, id: "allow-download" }),
-      /* @__PURE__ */ e.jsx(
-        "label",
-        {
-          htmlFor: "allow-download",
-          className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
-          children: "Allow Download"
-        }
-      )
-    ] })
-  ] });
-}
-const gr = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
-  /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 text-xs", children: "SELECT dimension, cohort, metric FROM table" }),
-  /* @__PURE__ */ e.jsxs("div", { children: [
-    "See ",
-    /* @__PURE__ */ e.jsx(
-      "a",
-      {
-        target: "_blank",
-        onClick: (s) => s.stopPropagation(),
-        className: "text-blue-700",
-        href: "https://docs.semaphor.cloud/concepts/visuals#pyramid-chart",
-        children: "example"
-      }
-    ),
-    " in the docs."
-  ] })
-] }), jr = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
-  /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 text-xs", children: "SELECT y-axis, label, range-from, range-to, range-value FROM table" }),
-  /* @__PURE__ */ e.jsxs("div", { children: [
-    "See ",
-    /* @__PURE__ */ e.jsx(
-      "a",
-      {
-        target: "_blank",
-        onClick: (s) => s.stopPropagation(),
-        className: "text-blue-700",
-        href: "https://docs.semaphor.cloud/concepts/visuals#range-charts",
-        children: "example"
-      }
-    ),
-    " in the docs."
-  ] })
-] }), br = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
-  /* @__PURE__ */ e.jsx("div", { className: "rounded bg-muted px-2 py-1 text-xs", children: "SELECT text FROM table limit 1" }),
-  /* @__PURE__ */ e.jsxs("div", { children: [
-    "See ",
-    /* @__PURE__ */ e.jsx(
-      "a",
-      {
-        target: "_blank",
-        onClick: (s) => s.stopPropagation(),
-        className: "text-blue-700",
-        href: "https://docs.semaphor.cloud/concepts/visuals#text-visual",
-        children: "example"
-      }
-    ),
-    " in the docs."
-  ] })
-] });
-function yr() {
-  const s = o((t) => t.card.type);
-  function n(t) {
-    switch (t) {
-      case "stackedBar":
-      case "stackedLine":
-        return /* @__PURE__ */ e.jsx(pr, {});
-      case "pyramid":
-        return /* @__PURE__ */ e.jsx(We, { docContent: gr, cardType: t });
-      case "kpi":
-        return /* @__PURE__ */ e.jsx(mr, {});
-      case "line":
-      case "bar":
-        return /* @__PURE__ */ e.jsx(ir, { cardType: t });
-      case "range":
-        return /* @__PURE__ */ e.jsx(We, { docContent: jr, cardType: t });
-      case "pie":
-      case "doughnut":
-      case "polarArea":
-      case "radar":
-        return /* @__PURE__ */ e.jsx(We, { cardType: t });
-      case "bubble":
-      case "scatter":
-        return /* @__PURE__ */ e.jsx(lr, { cardType: t });
-      case "table":
-        return /* @__PURE__ */ e.jsx(fr, { cardType: t });
-      case "text":
-        return /* @__PURE__ */ e.jsx(
-          We,
-          {
-            docContent: br,
-            cardType: t,
-            suffix: "Visual"
-          }
-        );
-      default:
-        return /* @__PURE__ */ e.jsx(dr, {});
-    }
-  }
-  return /* @__PURE__ */ e.jsx(Ds, { className: "h-full w-full text-sm", children: n(s) });
-}
-function vr() {
-  const s = o((n) => n.isShowingVisual);
-  return /* @__PURE__ */ e.jsxs(
-    ps,
-    {
-      direction: "vertical",
-      className: "min-h-[250px] min-w-full max-w-lg",
-      children: [
-        /* @__PURE__ */ e.jsx(
-          we,
-          {
-            role: "query-section",
-            className: "flex",
-            minSize: 20,
-            defaultSize: 40,
-            children: /* @__PURE__ */ e.jsx(Jn, {})
-          }
-        ),
-        /* @__PURE__ */ e.jsx(fs, { withHandle: !0, className: "border" }),
-        /* @__PURE__ */ e.jsx(
-          we,
-          {
-            className: "pb-1",
-            role: "visual-section",
-            minSize: 0,
-            defaultSize: 60,
-            children: s ? /* @__PURE__ */ e.jsxs(ps, { direction: "horizontal", children: [
-              /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(
-                we,
-                {
-                  className: "flex min-w-[275px]",
-                  minSize: 20,
-                  defaultSize: 25,
-                  maxSize: 30,
-                  children: /* @__PURE__ */ e.jsx(yr, {})
-                }
-              ) }),
-              /* @__PURE__ */ e.jsx(fs, { className: "border" }),
-              /* @__PURE__ */ e.jsx(we, { minSize: 40, defaultSize: 75, maxSize: 100, children: /* @__PURE__ */ e.jsx(Zs, {}) })
-            ] }) : /* @__PURE__ */ e.jsx(Zs, {})
-          }
-        )
-      ]
-    }
-  );
-}
-function Nr({ authToken: s, onSave: n, onClose: t }) {
-  const a = o((r) => r.actions.setOnSave), i = o((r) => r.actions.setOnClose), h = w((r) => r.actions.setAuthToken);
-  return Y(() => {
-    n && a(n), t && i(t);
-  }, [n, a, t, i]), Y(() => {
-    s && s.accessToken && h(s);
-  }, [s, h]), /* @__PURE__ */ e.jsxs(Ba, { className: "rounded-none", role: "editor-panel", children: [
-    /* @__PURE__ */ e.jsx(Ga, { className: "rounded-none border-r-[1.5px]", children: /* @__PURE__ */ e.jsx(Nt, {}) }),
-    /* @__PURE__ */ e.jsx(Ka, { children: /* @__PURE__ */ e.jsx(vr, {}) })
-  ] });
-}
-function Cr() {
-  w((r) => r.selectedCardId);
-  const s = w((r) => r.selectedSheetId), { setIsVisualEditing: n } = w((r) => r.actions), t = w((r) => r.isVisualEditing), a = w((r) => r.actions.updateFrame);
-  function i(r) {
-    s && (a(s, r), n(!1));
-  }
-  function h() {
-    n(!1);
-  }
-  return /* @__PURE__ */ e.jsx(
-    "div",
-    {
-      role: "editor-container",
-      className: Z("flex grow", {
-        block: t,
-        hidden: !t
-      }),
-      children: /* @__PURE__ */ e.jsx(Nr, { onSave: i, onClose: h })
-    }
-  );
-}
-function Sr() {
-  o((r) => r.selectedConnectionId), o((r) => r.selectedDatamodelId);
-  const s = o((r) => r.selectedDatabaseName);
-  o((r) => r.selectedSchemaName);
-  const n = o((r) => r.selectedTableName), t = w((r) => r.dashboard.filters) || [];
-  w((r) => r.actions.addFilter), w((r) => r.actions.removeFilter), w(
-    (r) => r.actions.removeFilterValue
-  );
-  const { modelItems: a, columns: i } = De(), { assignFilter: h } = It();
-  return /* @__PURE__ */ e.jsx("div", { className: "xbg-red-100 flex-1 basis-0 flex-col overflow-scroll px-3", children: i == null ? void 0 : i.map((r) => {
-    const l = t == null ? void 0 : t.find(
-      (c) => c.column === ue(r.column_name) && c.table === n && c.database === s
-    );
-    return /* @__PURE__ */ e.jsx(
-      "div",
-      {
-        onClick: () => h(r),
-        className: Z(
-          "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": l
-          }
-        ),
-        children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ e.jsx(vt, { column: r }),
-          /* @__PURE__ */ e.jsx("span", { children: r.column_name })
-        ] })
-      },
-      r.column_name
-    );
-  }) });
-}
-function wr() {
-  w((n) => n.showFilters);
-  const s = w(
-    (n) => n.actions.setShowFilters
-  );
-  return /* @__PURE__ */ e.jsxs("section", { className: "relative flex grow flex-col border-l px-4", children: [
-    /* @__PURE__ */ e.jsxs("div", { className: "mt-4 flex items-center justify-between gap-2 px-3", children: [
-      /* @__PURE__ */ e.jsx(H, { className: "text-lg", children: "Filters" }),
-      /* @__PURE__ */ e.jsx(
-        z,
-        {
-          onClick: () => s(!1),
-          className: "h-7 w-7 p-0",
-          variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Ve, {})
-        }
-      )
-    ] }),
-    /* @__PURE__ */ e.jsx("div", { className: "flex grow", children: /* @__PURE__ */ e.jsx(
-      Nt,
-      {
-        ColumnsComponent: () => (
-          // schemaName, tableName, columns
-          /* @__PURE__ */ e.jsx(
-            Sr,
-            {}
-          )
-        )
-      }
-    ) })
-  ] });
-}
-function kr() {
-  const s = w((t) => t.showFilters), n = w((t) => t.isVisualEditing);
-  return /* @__PURE__ */ e.jsxs(
-    "div",
-    {
-      role: "dashboard-plus-main",
-      className: Z("grow", {
-        hidden: n,
-        flex: !n
-      }),
-      children: [
-        /* @__PURE__ */ e.jsx(Ua, {}),
-        s && /* @__PURE__ */ e.jsx("div", { role: "filter-aside-container", className: "flex", children: /* @__PURE__ */ e.jsx(wr, {}) })
-      ]
-    }
-  );
-}
-function zr() {
-  const s = w((a) => a.dashboard), n = w((a) => a.actions.setDashboard), t = w(
-    (a) => a.showDashboardJSON
-  );
-  return w(
-    (a) => a.actions.setShowDashboardJSON
-  ), /* @__PURE__ */ e.jsx(
-    "div",
-    {
-      className: Z(" p-2", {
-        hidden: !t
-      }),
-      children: /* @__PURE__ */ e.jsx(
-        Wa,
-        {
-          onChange: (a) => {
-            if (a)
-              try {
-                JSON.parse(a), n(JSON.parse(a));
-              } catch {
-              }
-          },
-          defaultLanguage: "json",
-          className: "h-[550px] overflow-y-auto ",
-          value: JSON.stringify(s, null, 2),
-          options: {
-            minimap: {
-              enabled: !1
-            },
-            //   lineNumbers: 'off',
-            glyphMargin: !1,
-            wordWrap: "on",
-            scrollbar: {
-              verticalScrollbarSize: 0,
-              horizontalScrollbarSize: 0
-            },
-            fontSize: 12,
-            renderLineHighlight: "none"
-          }
-        }
-      )
-    }
-  );
-}
-function Mr({
-  showControls: s = !1,
-  showFooter: n = !0,
-  ...t
-}) {
-  return /* @__PURE__ */ e.jsxs(Qa, { dashboardProps: t, children: [
-    /* @__PURE__ */ e.jsx(Ja, {}),
-    /* @__PURE__ */ e.jsxs(Ya, { children: [
-      /* @__PURE__ */ e.jsx(zr, {}),
-      /* @__PURE__ */ e.jsxs(Za, { ...t, children: [
-        s && /* @__PURE__ */ e.jsx(Dn, {}),
-        /* @__PURE__ */ e.jsx(Cr, {}),
-        /* @__PURE__ */ e.jsx(kr, {})
-      ] })
-    ] })
-  ] });
-}
-export {
-  Mr as D,
-  $e as L,
-  Ie as S,
-  kn as c,
-  yt as g,
-  De as u
-};