semaphor 0.0.64 → 0.0.66

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

@@ -1,4790 +0,0 @@
-import { J as D, L as Pe, b as w, c as bs, u as je, j as e, M as ys, O as vs, P as z, Q as Ns, R as Cs, U as Ss, V as ws, W as ks, X as $, Y as de, Z as st, _ as Rt, $ as Ht, a0 as $t, a1 as Pt, a2 as Bt, a3 as Gt, a4 as $s, f as Z, a5 as Ve, a6 as Ut, a7 as tt, a8 as Ze, a9 as Xe, T as zs, e as at, g as Fs, aa as ke, ab as ze, ac as Fe, ad as Le, ae as _e, af as Me, ag as te, ah as Ls, G as o, ai as Ms, aj as Os, ak as Ds, w as nt, v as rt, t as ue, al as Kt, r as Wt, N as it, s as Qt, am as Jt, B as Yt, an as lt, ao as Zt, S as Ts, z as Xt, n as Ps, A as ot, ap as ms, aq as he, ar as ge, as as Re, at as ts, au as ct, av as ea, aw as sa, ax as dt, ay as ta, az as aa, aA as na, aB as ra, aC as ia, aD as xs, aE as la, aF as oa, aG as qe, aH as ps, aI as we, aJ as fs, aK as Bs, aL as ca, aM as da, aN as ha, aO as ua, aP as ma, aQ as us, aR as xa, aS as Gs, aT as pa, aU as Us, aV as fa, aW as ga, aX as ja, aY as ht, l as ba, C as ya, E as Qe, d as va, h as Na, aZ as Ca, i as Sa, o as wa, a_ as ka, m as za, H as as, a$ as Fa, b0 as ut, b1 as mt, b2 as Je, b3 as xt, b4 as Ye, b5 as Ks, b6 as ns, b7 as rs, b8 as is, b9 as pt, K as La, ba as Ma, bb as Oa, bc as As, bd as Oe, be as ft, bf as Da, bg as Ta, bh as Aa, bi as Ia, bj as Ea, bk as Ws, bl as qa, bm as Va, bn as _a, bo as Ra, bp as Ha, bq as $a, br as Pa, bs as Ba, bt as Ne, bu as B, bv as G, bw as Is, bx as U, by as Qs, bz as Ga, bA as Ua, bB as Ka, bC as Wa, bD as Qa, bE as Ja, bF as Ya, bG as Za, bH as Xa, bI as en } from "./index-iGlNQo-C.js";
-import * as Js from "react";
-import me, { useState as T, useMemo as gs, 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 sn = D("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 = D("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 tn = D("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 an = D("CircleX", [
-  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
-  ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
-  ["path", { d: "m9 9 6 6", key: "z0biqf" }]
-]);
-/**
- * @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 = D("Database", [
-  ["ellipse", { cx: "12", cy: "5", rx: "9", ry: "3", key: "msslwz" }],
-  ["path", { d: "M3 5V19A9 3 0 0 0 21 19V5", key: "1wlel7" }],
-  ["path", { d: "M3 12A9 3 0 0 0 21 12", key: "mv7ke4" }]
-]);
-/**
- * @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 = D("EllipsisVertical", [
-  ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
-  ["circle", { cx: "12", cy: "5", r: "1", key: "gxeob9" }],
-  ["circle", { cx: "12", cy: "19", r: "1", key: "lyex9k" }]
-]);
-/**
- * @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 = D("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 gt = D("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 on = D("Glasses", [
-  ["circle", { cx: "6", cy: "15", r: "4", key: "vux9w4" }],
-  ["circle", { cx: "18", cy: "15", r: "4", key: "18o8ve" }],
-  ["path", { d: "M14 15a2 2 0 0 0-2-2 2 2 0 0 0-2 2", key: "1ag4bs" }],
-  ["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 cn = D("Hammer", [
-  ["path", { d: "m15 12-8.373 8.373a1 1 0 1 1-3-3L12 9", key: "eefl8a" }],
-  ["path", { d: "m18 15 4-4", key: "16gjal" }],
-  [
-    "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 dn = D("Hash", [
-  ["line", { x1: "4", x2: "20", y1: "9", y2: "9", key: "4lhtct" }],
-  ["line", { x1: "4", x2: "20", y1: "15", y2: "15", key: "vyu0kd" }],
-  ["line", { x1: "10", x2: "8", y1: "3", y2: "21", key: "1ggp8o" }],
-  ["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 hn = D("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 un = D("Key", [
-  ["path", { d: "m15.5 7.5 2.3 2.3a1 1 0 0 0 1.4 0l2.1-2.1a1 1 0 0 0 0-1.4L19 4", key: "g0fldk" }],
-  ["path", { d: "m21 2-9.6 9.6", key: "1j0ho8" }],
-  ["circle", { cx: "7.5", cy: "15.5", r: "5.5", key: "yqb3hr" }]
-]);
-/**
- * @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 = D("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 mn = D("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 xn = D("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 pn = D("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 = D("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 fn = D("MessageSquareMore", [
-  ["path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z", key: "1lielz" }],
-  ["path", { d: "M8 10h.01", key: "19clt8" }],
-  ["path", { d: "M12 10h.01", key: "1nrarc" }],
-  ["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 gn = D("Network", [
-  ["rect", { x: "16", y: "16", width: "6", height: "6", rx: "1", key: "4q2zg0" }],
-  ["rect", { x: "2", y: "16", width: "6", height: "6", rx: "1", key: "8cvhb9" }],
-  ["rect", { x: "9", y: "2", width: "6", height: "6", rx: "1", key: "1egb70" }],
-  ["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 jt = D("Pencil", [
-  ["path", { d: "M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z", key: "5qss01" }],
-  ["path", { d: "m15 5 4 4", key: "1mk7zo" }]
-]);
-/**
- * @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 = D("PieChart", [
-  ["path", { d: "M21.21 15.89A10 10 0 1 1 8 2.83", key: "k2fpak" }],
-  ["path", { d: "M22 12A10 10 0 0 0 12 2v10z", key: "1rfc4y" }]
-]);
-/**
- * @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 = D("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 bn = D("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 yn = D("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 yt = D("ScatterChart", [
-  ["circle", { cx: "7.5", cy: "7.5", r: ".5", fill: "currentColor", key: "kqv944" }],
-  ["circle", { cx: "18.5", cy: "5.5", r: ".5", fill: "currentColor", key: "lysivs" }],
-  ["circle", { cx: "11.5", cy: "11.5", r: ".5", fill: "currentColor", key: "byv1b8" }],
-  ["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 vn = D("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 Nn = D("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 Cn = D("SwatchBook", [
-  ["path", { d: "M11 17a4 4 0 0 1-8 0V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2Z", key: "1ldrpk" }],
-  ["path", { d: "M16.7 13H19a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H7", key: "11i5po" }],
-  ["path", { d: "M 7 17h0.01", key: "10821z" }],
-  [
-    "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 Sn = D("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 wn = D("ToggleLeft", [
-  ["rect", { width: "20", height: "12", x: "2", y: "6", rx: "6", ry: "6", key: "f2vt7d" }],
-  ["circle", { cx: "8", cy: "12", r: "2", key: "1nvbw3" }]
-]);
-/**
- * @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 Vs = D("Type", [
-  ["polyline", { points: "4 7 4 4 20 4 20 7", key: "1nosan" }],
-  ["line", { x1: "9", x2: "15", y1: "20", y2: "20", key: "swin9y" }],
-  ["line", { x1: "12", x2: "12", y1: "4", y2: "20", key: "1tx1rr" }]
-]);
-/**
- * @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 kn = D("User", [
-  ["path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2", key: "975kel" }],
-  ["circle", { cx: "12", cy: "7", r: "4", key: "17ys0d" }]
-]);
-function vt(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) => zn(r))
-          };
-        })
-      };
-    })
-  };
-}
-function zn(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: Fn(s.customCfg),
-    // if customCfg is present, clean it, otherwise return null{
-    data: []
-  };
-}
-function Fn(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 Ln(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 js(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 Mn(s, n) {
-  return n ? await Pe("https://semaphor.cloud/api/v1/lens", n, {
-    operation: "delete",
-    lensId: s
-  }) : null;
-}
-function On() {
-  const [s, n] = T(""), [t, a] = T(!1), i = w((v) => v.lenses), { setLenses: h, setSelectedLensId: r } = bs(), [l, c] = T(!1), [m, u] = T(!1), g = w((v) => v.dashboard), j = w((v) => v.filterValues), { authToken: d } = je();
-  async function x() {
-    c(!0);
-    const v = vt(
-      g
-    ), f = await Ln(
-      s,
-      v,
-      j,
-      d == null ? void 0 : d.accessToken
-    );
-    f && (h([...i || [], f]), r(f.id), u(!1)), c(!1);
-  }
-  return /* @__PURE__ */ e.jsxs(ys, { open: m, onOpenChange: u, children: [
-    /* @__PURE__ */ e.jsx(vs, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
-      z,
-      {
-        variant: "secondary",
-        className: "h-7 p-2",
-        size: "sm",
-        children: [
-          /* @__PURE__ */ e.jsx(Ns, { className: "mr-2 h-4 w-4", strokeWidth: 1.5 }),
-          "Lens"
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ e.jsxs(Cs, { className: "sm:max-w-[425px]", children: [
-      /* @__PURE__ */ e.jsxs(Ss, { children: [
-        /* @__PURE__ */ e.jsx(ws, { children: "Create Lens" }),
-        /* @__PURE__ */ e.jsx(ks, { children: "Lenses are private by default and are only visible to you." })
-      ] }),
-      /* @__PURE__ */ e.jsx("div", { className: "grid gap-4 py-4", children: /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-8 items-center gap-4", children: [
-        /* @__PURE__ */ e.jsx($, { className: "text-right", children: "Name" }),
-        /* @__PURE__ */ e.jsx(
-          de,
-          {
-            value: s,
-            onChange: (v) => {
-              n(v.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(st, { children: /* @__PURE__ */ e.jsx(
-        z,
-        {
-          size: "sm",
-          variant: "outline",
-          type: "submit",
-          onClick: x,
-          disabled: l,
-          children: l ? "Creating..." : "Add"
-        }
-      ) })
-    ] })
-  ] });
-}
-function Dn() {
-  const [s, n] = T(!1), t = w((u) => u.lenses), a = w((u) => u.selectedLensId), { setLenses: i, setSelectedLensId: h } = bs(), { authToken: r } = je();
-  async function l(u) {
-    h(u);
-  }
-  async function c(u) {
-    if (await Mn(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 js(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 js(x, r == null ? void 0 : r.accessToken);
-    }
-  }
-  return /* @__PURE__ */ e.jsxs(Rt, { open: s, onOpenChange: n, children: [
-    /* @__PURE__ */ e.jsx(Ht, { asChild: !0, children: /* @__PURE__ */ e.jsx(z, { variant: "ghost", className: "h-7 p-2", children: /* @__PURE__ */ e.jsx(on, { className: "h-4 w-4", strokeWidth: 1.5 }) }) }),
-    /* @__PURE__ */ e.jsxs($t, { align: "end", className: "w-60", children: [
-      /* @__PURE__ */ e.jsx(Pt, { className: "px-3", children: "Lenses" }),
-      /* @__PURE__ */ e.jsx(Bt, {}),
-      /* @__PURE__ */ e.jsxs(
-        Gt,
-        {
-          value: a,
-          onValueChange: l,
-          children: [
-            /* @__PURE__ */ e.jsx($s, { value: "original", children: "Original" }),
-            t == null ? void 0 : t.map((u) => /* @__PURE__ */ e.jsxs(
-              $s,
-              {
-                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(
-                      hn,
-                      {
-                        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 Tn() {
-  const { authToken: s } = je(), n = w((b) => b.lenses), t = w((b) => b.selectedLensId), a = n == null ? void 0 : n.find((b) => b.id === t), i = w((b) => b.dashboard);
-  w((b) => b.selectedSheetId);
-  const h = w(
-    (b) => b.isDashboardEditing
-  ), [r, l] = T(!1), c = w((b) => b.filterValues), m = w((b) => b.isVisualEditing), u = w((b) => b.showFilters);
-  w(
-    (b) => b.showDashboardJSON
-  );
-  const g = w((b) => b.onSaveFunction), j = w(
-    (b) => b.actions.setShowFilters
-  ), { addFrame: d, setSelectedFrameId: x } = w(
-    (b) => b.actions
-  ), { getSelectedSheet: v, setIsDashboardEditing: f, setShowDashboardJSON: F } = w((b) => b.actions), M = v(), { tenantId: N, endUserId: V } = gs(
-    () => Ut(s == null ? void 0 : s.accessToken),
-    [s == null ? void 0 : s.accessToken]
-  ), q = gs(() => N || V, [N, V]), _ = () => {
-    if (!h || !M)
-      return;
-    const b = {
-      id: Ze(),
-      title: "Title",
-      description: "Description",
-      preferences: {
-        onClickFilter: [
-          {
-            columnIndex: 0,
-            expression: ""
-          }
-        ]
-      },
-      type: "bar",
-      sql: "select COUNT(*) from YOUR_TABLE",
-      data: []
-    }, R = {
-      id: Ze(),
-      cards: [b],
-      activeCardId: b.id
-    };
-    d(M.id, R), x(R.id);
-  }, L = () => {
-    f(!0);
-  };
-  async function C() {
-    if (l(!0), !t || !a)
-      return;
-    const b = vt(
-      i
-    ), R = JSON.stringify(b), H = {
-      ...a,
-      template: R,
-      filterValues: c
-    };
-    await js(H, s == null ? void 0 : s.accessToken), Xe.success("Lens saved"), g == null || g(b), 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($, { children: a == null ? void 0 : a.name }) }),
-        /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
-          h && !m && q && /* @__PURE__ */ e.jsx(On, {}),
-          !m && q && /* @__PURE__ */ e.jsx(Dn, {}),
-          h && !m && /* @__PURE__ */ e.jsxs(
-            z,
-            {
-              variant: "secondary",
-              className: "h-7 p-2",
-              size: "sm",
-              disabled: !h,
-              onClick: _,
-              children: [
-                /* @__PURE__ */ e.jsx(Ns, { className: "mr-2 h-4 w-4", strokeWidth: 1.5 }),
-                "Frame"
-              ]
-            }
-          ),
-          !h && /* @__PURE__ */ e.jsx(
-            z,
-            {
-              variant: "ghost",
-              className: "h-7 p-2",
-              onClick: L,
-              size: "sm",
-              children: /* @__PURE__ */ e.jsx(jt, { 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), F(!1);
-              },
-              size: "sm",
-              children: /* @__PURE__ */ e.jsx(Ve, { className: "h-4 w-4", strokeWidth: 1.5 })
-            }
-          ),
-          h && !m && q && /* @__PURE__ */ e.jsx(
-            z,
-            {
-              className: "h-7 p-2",
-              variant: "ghost",
-              disabled: r,
-              onClick: C,
-              size: "sm",
-              children: /* @__PURE__ */ e.jsx(yn, { 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(tt, { className: "h-4 w-4", strokeWidth: 1.5 })
-            }
-          ),
-          !m && h && !1,
-          !m && !1
-        ] })
-      ]
-    }
-  );
-}
-function Ee({
-  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(bn, { className: "size-4 rotate-90" });
-    if (s === "Database")
-      return /* @__PURE__ */ e.jsx(nn, { className: "size-4" });
-    if (s === "Schema")
-      return /* @__PURE__ */ e.jsx(gn, { className: "size-4" });
-    if (s === "Table")
-      return /* @__PURE__ */ e.jsx(Ls, { className: "size-4" });
-    if (s === "Model")
-      return /* @__PURE__ */ e.jsx(tn, { 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(zs, { children: [
-      /* @__PURE__ */ e.jsx(at, { children: j() }),
-      /* @__PURE__ */ e.jsx(Fs, { 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 An({ column: s }) {
-  const [n, t] = T(!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 M;
-    const v = nt(d, r, x), f = (M = l == null ? void 0 : l.find(
-      (N) => N.id === h
-    )) == null ? void 0 : M.name;
-    c(v);
-    const F = rt(
-      v,
-      ue(i || ""),
-      ue(a),
-      f
-    );
-    F && (m(F), 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(Ms, { openDelay: 0, open: n, onOpenChange: t, children: [
-    /* @__PURE__ */ e.jsx(Os, { asChild: !0, children: /* @__PURE__ */ e.jsx(rn, { className: "invisible size-3.5 cursor-pointer text-foreground/40 group-hover:visible" }) }),
-    /* @__PURE__ */ e.jsx(
-      Ds,
-      {
-        align: "center",
-        className: "w-20 rounded-md p-0 shadow-none",
-        children: j()
-      }
-    )
-  ] });
-}
-function Nt({ column: s }) {
-  return /* @__PURE__ */ e.jsxs(zs, { children: [
-    /* @__PURE__ */ e.jsx(Kt, { asChild: !0, children: Wt.includes(s.data_type.toLowerCase()) ? (
-      // <span className=" font-thin">T</span>
-      /* @__PURE__ */ e.jsx(Vs, { className: "size-3" })
-    ) : it.includes(s.data_type.toLowerCase()) ? (
-      //
-      /* @__PURE__ */ e.jsx(dn, { className: "size-3" })
-    ) : Qt.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(Jt, { className: "size-3" }) : Yt.includes(s.data_type.toLowerCase()) ? /* @__PURE__ */ e.jsx(wn, { className: "size-3" }) : /* @__PURE__ */ e.jsx(vn, { className: "size-3" }) }),
-    /* @__PURE__ */ e.jsx(Fs, { children: /* @__PURE__ */ e.jsx("p", { className: "font-mono text-xs", children: s.data_type }) })
-  ] });
-}
-function In({
-  schemaName: s,
-  tableName: n,
-  columns: t,
-  status: a
-}) {
-  const i = o((C) => C.sqlGen), h = o(
-    (C) => C.selectedConnectionId
-  ), r = o(
-    (C) => C.selectedDatabaseName
-  ), l = o(
-    (C) => C.selectedSchemaName
-  ), c = o((C) => C.selectedTableName), m = o(
-    (C) => C.selectedDatamodelId
-  ), u = w(
-    (C) => C.dashboard.aiScopeTables
-  ), { setAIScopeTables: g } = w((C) => C.actions), j = o((C) => C.actions.setRunSql), d = o((C) => C.actions.setSqlGen), x = o(
-    (C) => C.actions.setIsShowingVisual
-  ), v = o((C) => C.actions.setCardSql), { connectionType: f, modelItems: F } = De();
-  function M(C) {
-    var A;
-    const b = nt(C, i);
-    d(b);
-    const R = (A = F == null ? void 0 : F.find(
-      (P) => P.id === m
-    )) == null ? void 0 : A.name, H = rt(b, ue(s), ue(n), R);
-    H && (v(H), j(!0));
-  }
-  function N() {
-    return (u == null ? void 0 : u.find(
-      (C) => C.connectinonId === h && C.tableName === c
-    )) !== void 0;
-  }
-  function V(C) {
-    if (C === !0 && c && h) {
-      const b = {
-        connectinonId: h,
-        connectionType: f,
-        databaseName: r,
-        schemaName: l,
-        tableName: c
-      }, H = [...u || [], b].filter(
-        (A, P, X) => X.findIndex(
-          (W) => W.connectinonId === A.connectinonId && W.tableName === A.tableName
-        ) === P
-      );
-      g(H), Xe.success(`Added '${c}' to AI Scope`, {
-        position: "top-right",
-        duration: 2500,
-        richColors: !0
-      });
-    } else {
-      const b = (u || []).filter(
-        (R) => R.connectinonId !== h && R.tableName !== c
-      );
-      g(b), Xe(`Removed '${c}' from AI Scope`, {
-        position: "top-right",
-        duration: 2e3,
-        richColors: !0
-      });
-    }
-  }
-  function q() {
-    var A;
-    let C = ot(s, n);
-    const b = (A = F == null ? void 0 : F.find(
-      (P) => P.id === m
-    )) == null ? void 0 : A.name;
-    console.log("modelName", b), m && m !== "none" && (C = `${ms}.${b}`);
-    let R = C;
-    return ((P) => /[A-Z]/.test(P))(n) && (R = R.split(".").map((X) => `"${X}"`).join(".")), R;
-  }
-  function _() {
-    const C = q();
-    x(!1);
-    const b = f === "MSSQL" ? `SELECT top 10 * FROM ${C}` : `SELECT * FROM ${C} LIMIT 10`;
-    v(b), j(!0);
-  }
-  function L() {
-    const C = q();
-    v(`SELECT COUNT(*) as count FROM ${C}`), 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(
-        lt,
-        {
-          title: `${N() ? "Remove from" : "Add to"} AI Scope`,
-          pressed: N(),
-          onPressedChange: V,
-          variant: "outline",
-          className: "h-9 px-2",
-          children: /* @__PURE__ */ e.jsx(
-            Zt,
-            {
-              className: Z("size-4", {
-                "text-primary": N(),
-                "text-muted-foreground": !N()
-              })
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ e.jsxs(
-        z,
-        {
-          disabled: a !== "Success",
-          onClick: _,
-          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(Cn, { className: "mr-2 size-4" }),
-            "Top 10"
-          ]
-        }
-      ),
-      /* @__PURE__ */ e.jsxs(
-        z,
-        {
-          disabled: a !== "Success",
-          onClick: L,
-          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" }),
-            "Count"
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ e.jsxs(
-      Ts,
-      {
-        className: "flex-1 basis-0 overflow-y-auto border-b border-t border-muted py-3",
-        children: [
-          t == null ? void 0 : t.map((C) => /* @__PURE__ */ e.jsxs(
-            "div",
-            {
-              onClick: () => M(C),
-              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": Xt(C, i)
-                }
-              ),
-              children: [
-                /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-                  /* @__PURE__ */ e.jsx(Nt, { column: C }),
-                  /* @__PURE__ */ e.jsx("span", { children: C.column_name })
-                ] }),
-                /* @__PURE__ */ e.jsx(
-                  "div",
-                  {
-                    onClick: (b) => b.stopPropagation(),
-                    className: "flex items-center justify-end",
-                    children: it.includes(C.data_type) && /* @__PURE__ */ e.jsx(An, { column: C })
-                  }
-                )
-              ]
-            },
-            C.column_name
-          )),
-          /* @__PURE__ */ e.jsx(Ps, { orientation: "vertical" }),
-          /* @__PURE__ */ e.jsx(Ps, { orientation: "horizontal" })
-        ]
-      }
-    )
-  ] });
-}
-function De(s, n) {
-  var Ge, Ie, Ue, Ke, p;
-  let t = gs(() => [], []);
-  const a = je().authToken || s, i = o(
-    (y) => y.selectedConnectionId
-  ), h = o(
-    (y) => y.selectedDatamodelId
-  ), r = o(
-    (y) => y.selectedDatabaseName
-  ), l = o(
-    (y) => y.selectedSchemaName
-  ), c = o((y) => y.selectedTableName), m = o(
-    (y) => y.actions.setCurrentColumns
-  ), u = o(
-    (y) => y.actions.setSelectedConnectionId
-  ), g = o(
-    (y) => y.actions.setSelectedDatamodelId
-  ), j = o(
-    (y) => y.actions.setSelectedDatabaseName
-  ), d = o(
-    (y) => y.actions.setSelectedSchemaName
-  ), x = o(
-    (y) => y.actions.setSelectedTableName
-  ), v = o((y) => y.actions.setCardSql);
-  function f(y) {
-    return i && r && l && r !== "NA" ? !0 : i && y === "API" ? !1 : !!(i && y === "S3");
-  }
-  function F(y) {
-    return !!(i && r && r !== "NA" && l && c || i && (y === "S3" || y === "API") || h && h);
-  }
-  function M(y) {
-    return i && y ? !(y === "API" || y === "S3") : !1;
-  }
-  const {
-    data: N,
-    isLoading: V,
-    isError: q
-  } = 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: _,
-    isLoading: L,
-    isError: C
-  } = 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
-  }), b = N == null ? void 0 : N.connections.find(
-    (y) => y.id === i
-  ), R = b == null ? void 0 : b.type, H = (b == null ? void 0 : b.type) === "API" || (b == null ? void 0 : b.type) === "S3", {
-    data: A,
-    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: M(R)
-    // !!selectedConnectionId && !isNonDbConnection, //currentConnection?.type !== 'API', // Only fetch if connectionId is present
-  }), {
-    data: K,
-    isLoading: ie,
-    isFetching: S,
-    isError: O,
-    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 && !H && r !== "NA"
-    //currentConnection?.type !== 'API', // Only fetch if connectionId and database is present
-  }), {
-    data: k,
-    isLoading: I,
-    isFetching: ee,
-    isError: E,
-    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: F(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(() => {
-  }, [
-    H,
-    v,
-    x,
-    d,
-    j,
-    b
-  ]);
-  const le = (b == null ? void 0 : b.type) === "API" ? (Ge = b == null ? void 0 : b.type) == null ? void 0 : Ge.toLowerCase() : c || "", oe = H ? "" : l || "";
-  function ye(y) {
-    d(y), x("");
-  }
-  function ce(y) {
-    j(y === "none" ? "" : y), d(""), x(""), y !== "none" && y !== "" && g("");
-  }
-  function fe(y) {
-    u(y);
-  }
-  function Rs(y) {
-    g(y === "none" ? "" : y), y !== "none" && y !== "" && j("");
-  }
-  A && ((Ie = A == null ? void 0 : A.databases) == null ? void 0 : Ie.length) > 0, K && ((Ue = K == null ? void 0 : K.schemas) == null ? void 0 : Ue.length) > 0, ae && ((Ke = ae == null ? void 0 : ae.columns) == null ? void 0 : Ke.length) > 0 && (t = ae.columns.map((y) => ({
-    ...y,
-    data_type: y.data_type.toLowerCase()
-  }))), W && (t = []), (Q || q) && (t = []);
-  const Ce = N == null ? void 0 : N.connections.map(
-    (y) => ({
-      id: y.id,
-      name: y.name,
-      type: y.type
-    })
-  ), os = (p = _ == null ? void 0 : _.datamodels) == null ? void 0 : p.map((y) => ({
-    id: y.id,
-    name: y.name
-  })), Be = A == null ? void 0 : A.databases.map((y) => ({
-    id: y.database_name,
-    name: y.database_name
-  })), cs = K == null ? void 0 : K.schemas.map((y) => ({
-    id: y.schema_name,
-    name: y.schema_name
-  })), ds = k == null ? void 0 : k.tables.map((y) => ({
-    id: y.table_name,
-    name: y.table_name
-  }));
-  return {
-    connectionItems: Ce,
-    isConnectionsLoading: V,
-    isConnectionsError: q,
-    modelItems: os,
-    isModelsLoading: L,
-    isModelsError: C,
-    databaseItems: Be,
-    isDatabasesLoadingOrFetching: P || X,
-    isDatabaseError: W,
-    schemaItems: cs,
-    isSchemaLoadingOrFetching: ie || S,
-    isSchemaError: O,
-    tableItems: ds,
-    isTableLoadingOrFetching: I || ee,
-    isTableError: E,
-    columns: t,
-    isColumnsLoadingOrFetching: be || pe,
-    isColumnsError: Q,
-    isNonDbConnection: H,
-    connectionType: R,
-    tableName: le,
-    schemaName: oe,
-    handleConnectionChange: fe,
-    handleDatamodelChange: Rs,
-    handleDatabaseChange: ce,
-    handleSchemaChange: ye
-  };
-}
-function Ct({
-  ColumnsComponent: s
-}) {
-  var ee;
-  const n = o(
-    (E) => E.selectedConnectionId
-  ), t = o(
-    (E) => E.selectedDatamodelId
-  ), a = o(
-    (E) => E.selectedDatabaseName
-  ), i = o(
-    (E) => E.selectedSchemaName
-  ), h = o((E) => E.selectedTableName), r = o(
-    (E) => E.actions.setSelectedTableName
-  ), {
-    connectionItems: l,
-    modelItems: c,
-    schemaItems: m,
-    databaseItems: u,
-    tableItems: g,
-    columns: j,
-    isConnectionsLoading: d,
-    isModelsLoading: x,
-    isConnectionsError: v,
-    isModelsError: f,
-    isDatabasesLoadingOrFetching: F,
-    isDatabaseError: M,
-    isSchemaLoadingOrFetching: N,
-    isSchemaError: V,
-    isColumnsError: q,
-    isColumnsLoadingOrFetching: _,
-    isTableLoadingOrFetching: L,
-    isTableError: C,
-    connectionType: b,
-    isNonDbConnection: R,
-    handleConnectionChange: H,
-    handleDatabaseChange: A,
-    handleSchemaChange: P,
-    handleDatamodelChange: X,
-    tableName: W,
-    schemaName: re
-  } = De();
-  function K() {
-    return s ? s(re, W, j) : /* @__PURE__ */ e.jsx(
-      In,
-      {
-        schemaName: re,
-        tableName: W,
-        columns: j,
-        status: _ ? "Loading..." : q ? "Error" : "Success"
-      }
-    );
-  }
-  function ie() {
-    window.location.href = "mailto:support@semaphor.cloud?subject=Help&body=I need help with...";
-  }
-  function S() {
-    if (!n || b === "S3" || b === "API")
-      return null;
-    if (!t || t === "none")
-      return /* @__PURE__ */ e.jsx(
-        Ee,
-        {
-          showNone: !0,
-          onChange: A,
-          isError: M,
-          isLoading: F,
-          items: u,
-          value: a || "",
-          title: "Database"
-        }
-      );
-  }
-  function O() {
-    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($, { children: "OR" }) }),
-        /* @__PURE__ */ e.jsx("div", { className: "col-span-1 grid place-items-center", children: /* @__PURE__ */ e.jsx(Re, {}) })
-      ] });
-  }
-  function J() {
-    if (!n || b === "S3" || b === "API")
-      return null;
-    if (!a || a === "none")
-      return /* @__PURE__ */ e.jsx(
-        Ee,
-        {
-          showNone: !0,
-          onChange: X,
-          isError: f,
-          isLoading: x,
-          items: c,
-          value: t || "",
-          title: "Model"
-        }
-      );
-  }
-  function k() {
-    return !n || b === "S3" || b === "API" || !a || a === "none" ? null : /* @__PURE__ */ e.jsx(
-      Ee,
-      {
-        onChange: P,
-        isError: V,
-        isLoading: N,
-        items: m,
-        value: i || "",
-        title: "Schema"
-      }
-    );
-  }
-  function I() {
-    function E() {
-      let se = !1;
-      return b === "API" ? (se = !1, se) : ((b === "S3" || n && a && a !== "none" && i) && (se = !0), se);
-    }
-    return E() ? /* @__PURE__ */ e.jsx(
-      Ee,
-      {
-        onChange: r,
-        isError: C,
-        items: g,
-        isLoading: L,
-        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(
-        Ee,
-        {
-          items: l,
-          title: "Connection",
-          value: n || "",
-          onChange: H,
-          isLoading: d,
-          isError: v,
-          connectionTooltip: ((ee = l == null ? void 0 : l.find(
-            (E) => E.id === n
-          )) == null ? void 0 : ee.type) || ""
-        }
-      ),
-      J(),
-      O(),
-      S(),
-      k(),
-      I()
-    ] }),
-    K(),
-    /* @__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(fn, { 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 qn({
-  error: s,
-  setShowAIDialog: n,
-  setUserInputforAI: t,
-  setTriggerAIRun: a
-}) {
-  return /* @__PURE__ */ e.jsxs(Ms, { openDelay: 0, children: [
-    /* @__PURE__ */ e.jsx(Os, { asChild: !0, children: /* @__PURE__ */ e.jsx(z, { variant: "link", className: "h-5 p-0", children: /* @__PURE__ */ e.jsx(an, { className: "h-4 w-4 text-red-500" }) }) }),
-    /* @__PURE__ */ e.jsx(Ds, { 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(Ts, { 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(cn, { className: "mr-2 h-4 w-4" }),
-            "Debug with AI"
-          ]
-        }
-      )
-    ] }) }) })
-  ] });
-}
-function Vn({
-  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 _n() {
-  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 Rn() {
-  const { authToken: s } = je(), n = He(null), t = o((c) => c.applyFilters), [a, i] = T(""), h = o((c) => c.filterValues), r = o((c) => c.card.sql), l = _n();
-  return /* @__PURE__ */ e.jsxs(
-    Ms,
-    {
-      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(Os, { asChild: !0, children: t && /* @__PURE__ */ e.jsx("p", { className: "p-0 text-xs hover:cursor-pointer", children: "|  Filter Query" }) }),
-        /* @__PURE__ */ e.jsxs(Ds, { 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(
-              ct,
-              {
-                onClick: () => ea(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(sa, { 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 Hn = `
-
-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 $n({
-  open: s,
-  setOpen: n,
-  userInput: t,
-  setUserInput: a,
-  triggerAIRun: i,
-  setTriggerAIRun: h
-}) {
-  const r = He(null), l = He(null), { authToken: c } = je(), [m, u] = T(!1), g = o((S) => S.actions.setCardSql), j = w((S) => S.dashboard.baseQueries), d = o((S) => S.actions.setRunSql), x = o((S) => S.actions.setCardType), [v, f] = T([]), F = o((S) => S.currentColumns), M = o((S) => S.card.sql), N = o((S) => S.selectedTableName), V = `
-  ${t}
-
-  Database Query Dialect: ${N === "api" || N === "s3" ? "DuckDb" : ""}
-  Table Name: ${N}   
-  Table Columns: ${F == null ? void 0 : F.map((S) => `${S.column_name} | ${S.data_type}`).join(", ")}
-  User SQL: ${M}  
-  ${j && `Base Queries: ${JSON.stringify(j)} `}`, q = ` 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: ${Hn}`, { data: _, isLoading: L, isFetching: C, isError: b, 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 ? q : ""}`
-      }
-    ),
-    enabled: !1
-    // Do not run by default.
-  });
-  function H(S) {
-    if (S.toLowerCase().includes("bar"))
-      x("bar");
-    else if (S.toLowerCase().includes("line"))
-      x("line");
-    else if (S.toLowerCase().includes("bubble"))
-      x("bubble");
-    else if (S.toLowerCase().includes("scatter"))
-      x("scatter");
-    else if (S.toLowerCase().includes("stacked"))
-      x("stackedBar");
-    else if (S.toLowerCase().includes("pie"))
-      x("pie");
-    else if (S.toLowerCase().includes("donut") || S.toLowerCase().includes("doughnut"))
-      x("doughnut");
-    else if (S.toLowerCase().includes("radar"))
-      x("radar");
-    else
-      return x("bar"), !1;
-    return !0;
-  }
-  Y(() => {
-    _ && f((S) => [...S, { role: "ai", content: _.response }]);
-  }, [_]), Y(() => {
-    const S = setTimeout(() => {
-      var O;
-      l.current && (l.current.scroll({
-        top: l.current.scrollHeight,
-        behavior: "smooth"
-      }), (O = r.current) == null || O.focus());
-    }, 100);
-    return () => clearTimeout(S);
-  }, [v]);
-  function A() {
-    t && (f((S) => [...S, { role: "user", content: t }]), H(t) && u(!0), a(""), R());
-  }
-  Y(() => {
-    i && (A(), 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: S, ...O }) => /* @__PURE__ */ e.jsx("p", { style: P, ...O }),
-    code: ({ node: S, ...O }) => /* @__PURE__ */ e.jsx("code", { className: "rounded-sm bg-muted px-2 py-1 text-sm", ...O }),
-    pre: ({ node: S, ...O }) => /* @__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: O.children }),
-      /* @__PURE__ */ e.jsxs("div", { className: "flex justify-start gap-2", children: [
-        /* @__PURE__ */ e.jsx(z, { onClick: K, size: "sm", variant: "outline", children: /* @__PURE__ */ e.jsx(ct, {}) }),
-        /* @__PURE__ */ e.jsx(
-          z,
-          {
-            onClick: (J) => {
-              const k = K(J);
-              k && (n(!1), g(k), d(!0));
-            },
-            size: "sm",
-            variant: "outline",
-            children: /* @__PURE__ */ e.jsx(na, {})
-          }
-        )
-      ] })
-    ] }),
-    li: ({ node: S, ...O }) => /* @__PURE__ */ e.jsx("li", { style: W, ...O })
-    // You can add more overrides for other elements like h1, h2, etc.
-  };
-  function K(S) {
-    const O = S.currentTarget.closest("pre");
-    if (!O)
-      return;
-    const J = O.textContent || O.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 v == null ? void 0 : v.map((S, O) => S.role === "user" ? /* @__PURE__ */ e.jsxs(
-      "div",
-      {
-        className: "flex items-start rounded-md bg-muted p-3 text-sm",
-        children: [
-          /* @__PURE__ */ e.jsx(kn, { className: "mr-2 h-5 w-5" }),
-          /* @__PURE__ */ e.jsx("div", { children: S.content })
-        ]
-      },
-      O
-    ) : S.role === "ai" ? /* @__PURE__ */ e.jsx(
-      aa,
-      {
-        className: "w-full overflow-auto py-1",
-        components: re,
-        children: _ == null ? void 0 : _.response.replace(/DuckDB/gi, "Semaphor")
-      },
-      O
-    ) : /* @__PURE__ */ e.jsx("div", {}, O));
-  }
-  return /* @__PURE__ */ e.jsxs(ys, { open: s, onOpenChange: n, children: [
-    /* @__PURE__ */ e.jsx(vs, { 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(
-      Cs,
-      {
-        className: "flex flex-col justify-between overflow-auto sm:max-w-[425px] md:max-h-[625px] md:min-w-[625px]",
-        children: [
-          /* @__PURE__ */ e.jsxs(Ss, { children: [
-            /* @__PURE__ */ e.jsx(ws, { children: "Assistant" }),
-            /* @__PURE__ */ e.jsx(ks, { 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(
-                  dt,
-                  {
-                    autoFocus: !0,
-                    ref: r,
-                    onKeyDown: (S) => {
-                      S.key === "Enter" && !S.shiftKey && (S.preventDefault(), a(""), A());
-                    },
-                    placeholder: "Type your question here...",
-                    onFocus: (S) => {
-                      const O = S.target, J = O.value.length;
-                      O.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: L || C,
-                    value: t,
-                    onChange: (S) => a(S.target.value)
-                  }
-                ),
-                " ",
-                /* @__PURE__ */ e.jsx(
-                  z,
-                  {
-                    className: "h-8",
-                    size: "sm",
-                    variant: "ghost",
-                    onClick: A,
-                    children: !L && !C ? /* @__PURE__ */ e.jsx(ta, {}) : /* @__PURE__ */ e.jsx($e, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" })
-                  }
-                )
-              ] })
-            }
-          )
-        ]
-      }
-    )
-  ] });
-}
-var St = {
-  color: void 0,
-  size: void 0,
-  className: void 0,
-  style: void 0,
-  attr: void 0
-}, Ys = me.createContext && /* @__PURE__ */ me.createContext(St), Pn = ["attr", "size", "title"];
-function Bn(s, n) {
-  if (s == null)
-    return {};
-  var t = Gn(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 Gn(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 Zs(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 ? Zs(Object(t), !0).forEach(function(a) {
-      Un(s, a, t[a]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(s, Object.getOwnPropertyDescriptors(t)) : Zs(Object(t)).forEach(function(a) {
-      Object.defineProperty(s, a, Object.getOwnPropertyDescriptor(t, a));
-    });
-  }
-  return s;
-}
-function Un(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 = Wn(s, "string");
-  return typeof n == "symbol" ? n : String(n);
-}
-function Wn(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 wt(s) {
-  return s && s.map((n, t) => /* @__PURE__ */ me.createElement(n.tag, ss({
-    key: t
-  }, n.attr), wt(n.child)));
-}
-function xe(s) {
-  return (n) => /* @__PURE__ */ me.createElement(Qn, es({
-    attr: ss({}, s.attr)
-  }, n), wt(s.child));
-}
-function Qn(s) {
-  var n = (t) => {
-    var {
-      attr: a,
-      size: i,
-      title: h
-    } = s, r = Bn(s, Pn), 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 Ys !== void 0 ? /* @__PURE__ */ me.createElement(Ys.Consumer, null, (t) => n(t)) : n(St);
-}
-function Jn(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 Yn() {
-  const { theme: s } = ra(), n = He(), t = He(), [a, i] = T(!1), [h, r] = T(!1), [l, c] = T(!1), [m, u] = T(""), [g, j] = T(!1), { authToken: d } = je();
-  w((p) => p.selectedSheetId);
-  const x = w((p) => p.dashboard.baseQueries), v = o((p) => p.card), f = w((p) => p.theme), F = o((p) => p.isShowingVisual), M = o(
-    (p) => p.selectedConnectionId
-  ), N = o(
-    (p) => p.selectedDatabaseName
-  ), V = o(
-    (p) => p.selectedDatamodelId
-  ), q = o(
-    (p) => p.selectedSchemaName
-  );
-  w(
-    (p) => p.actions.updateFrameCard
-  );
-  const _ = o((p) => p.selectedTableName), L = o((p) => p.card.sql), C = o((p) => p.card.python), b = ia(L, x), R = o((p) => p.selectedConnectionId), H = o((p) => p.frame), A = w((p) => p.filterValues), P = o((p) => p.applyFilters), {
-    setCardCustomCfg: X,
-    setQueryResultColumns: W,
-    setFilterValues: re,
-    setCardSql: K,
-    setCardPython: ie,
-    setQueryError: S,
-    setPythonStdOut: O,
-    setCardPreferences: J
-  } = o((p) => p.actions), k = o((p) => p.onSave), I = o(
-    (p) => p.actions.setApplyFilters
-  ), ee = o((p) => p.onClose), E = 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: Rs,
-    refetch: Ce
-  } = he({
-    queryKey: [b, C],
-    queryFn: () => Pe(
-      "https://semaphor.cloud/api/v1/query",
-      (d == null ? void 0 : d.accessToken) || "",
-      {
-        connection_id: R,
-        sql: b,
-        python: C === Bs ? "" : C,
-        active_filters: P ? A : []
-      }
-    ),
-    enabled: !1,
-    retry: !1
-  });
-  Y(() => {
-    if (Q && (E(Q.records), Q.rowLimitExceeded && Xe.error("Row limit (10,000) exceeded. Refine your query.", {
-      position: "top-center",
-      richColors: !0
-    }), O((Q == null ? void 0 : Q.output) || ""), Q.records.length > 0)) {
-      const { dimensionKeys: p } = xs(Q.records);
-      W(p);
-    }
-  }, [Q, E, W, O]), Y(() => {
-    ae && (Ce(), be(!1));
-  }, [ae, Ce, be]), Y(() => {
-    (le || oe) && pe(!0), (ce || ye) && pe(!1), ce ? (S(fe.message), E([]), W([]), O("")) : S("");
-  }, [
-    le,
-    oe,
-    Q,
-    O,
-    ce,
-    ye,
-    pe,
-    E,
-    W,
-    S,
-    fe
-  ]);
-  function os() {
-    K(""), E([]), se({}), X(""), J({});
-  }
-  const Be = (p) => {
-    t.current = p;
-  };
-  function cs(p, y) {
-    if (p.length === 0)
-      return "";
-    if (y) {
-      const ve = p.find((ne) => ne.id === y);
-      if (ve) {
-        const ne = ve.tabTitle;
-        if (ne == "All__Header")
-          return p[0].id;
-        if (ne && ne.endsWith("__Header")) {
-          const Vt = ne.split("__")[0], Hs = p.find(
-            (_t) => _t.tabTitle === Vt
-          );
-          return Hs ? Hs.id : p[0].id;
-        }
-        return y;
-      }
-    }
-    return p[0].id;
-  }
-  function ds() {
-    let p = L;
-    L && !L.includes("{{") && (p = En(L), K(p));
-    const y = {
-      ...v,
-      lastSelectedSchema: q,
-      lastSelectedDatamodelId: V,
-      lastSelectedDatabase: N,
-      lastSelectedTable: _,
-      connectionId: M,
-      type: F ? v.type : "table",
-      sql: p,
-      customCfg: F ? v.customCfg : null
-    }, ve = H.cards.map(
-      (hs) => hs.id === v.id ? y : hs
-    ), ne = {
-      ...H,
-      cards: ve,
-      activeCardId: cs(ve, H.activeCardId)
-    };
-    k == null || k(ne);
-  }
-  function Ge() {
-    ee == null || ee();
-  }
-  Y(() => {
-    const p = n.current, y = 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" : la("--semaphor-background")
-        }
-      }), p.editor.setTheme("default");
-    }
-    return y && p && y.addCommand(
-      p.KeyMod.Shift | p.KeyCode.Enter,
-      function() {
-        return console.log("Executing query..."), Ce(), !1;
-      }
-    ), () => {
-    };
-  }, [s, f, n.current]);
-  function Ie(p) {
-    n.current = p;
-  }
-  function Ue() {
-    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(
-                Vn,
-                {
-                  checked: P,
-                  onCheckedChange: () => I(!P),
-                  text: "Apply Filters"
-                }
-              ),
-              /* @__PURE__ */ e.jsx(Rn, {}),
-              A && 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(A, null, 2),
-                options: {
-                  readOnly: !0,
-                  minimap: {
-                    enabled: !1
-                  },
-                  lineNumbers: "off",
-                  glyphMargin: !1,
-                  wordWrap: "on",
-                  scrollbar: {
-                    verticalScrollbarSize: 0,
-                    horizontalScrollbarSize: 0
-                  },
-                  fontSize: 12,
-                  renderLineHighlight: "none"
-                }
-              }
-            )
-          ] })
-        }
-      ),
-      A && !h && /* @__PURE__ */ e.jsx(
-        tt,
-        {
-          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 Ke() {
-    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) => {
-                          K(p);
-                        },
-                        value: L,
-                        options: {
-                          minimap: {
-                            enabled: !1
-                          },
-                          wordWrap: "on",
-                          scrollbar: {
-                            verticalScrollbarSize: 0,
-                            horizontalScrollbarSize: 0
-                          },
-                          fontSize: 14,
-                          renderLineHighlight: "none"
-                        },
-                        defaultLanguage: "sql",
-                        beforeMount: Ie,
-                        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: C || Bs,
-                          options: {
-                            minimap: {
-                              enabled: !1
-                            },
-                            wordWrap: "on",
-                            scrollbar: {
-                              verticalScrollbarSize: 0,
-                              horizontalScrollbarSize: 0
-                            },
-                            fontSize: 14,
-                            renderLineHighlight: "none"
-                          },
-                          defaultLanguage: "python",
-                          beforeMount: Ie,
-                          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: [
-                Ke(),
-                Ue()
-              ]
-            }
-          ),
-          /* @__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(jn, { className: "mr-2 h-4 w-4" }),
-                        "Run"
-                      ]
-                    }
-                  ),
-                  ce && /* @__PURE__ */ e.jsx(
-                    qn,
-                    {
-                      error: fe.message,
-                      setShowAIDialog: c,
-                      setTriggerAIRun: j,
-                      setUserInputforAI: u
-                    }
-                  ),
-                  /* @__PURE__ */ e.jsxs(
-                    z,
-                    {
-                      onClick: os,
-                      className: "",
-                      size: "sm",
-                      variant: "outline",
-                      children: [
-                        /* @__PURE__ */ e.jsx(ln, { className: "mr-2 size-4" }),
-                        "Clear"
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ e.jsx(
-                    lt,
-                    {
-                      pressed: a,
-                      onPressedChange: (p) => i(p),
-                      className: "",
-                      size: "sm",
-                      variant: "outline",
-                      children: /* @__PURE__ */ e.jsx(Jn, { className: "size-4 text-foreground/70" })
-                    }
-                  ),
-                  /* @__PURE__ */ e.jsx(
-                    $n,
-                    {
-                      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(oa, { 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 Zn({ 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(ca, { className: "ml-2 h-5 w-5" }) : m === "desc" ? /* @__PURE__ */ e.jsx(da, { className: "ml-2 h-5 w-5" }) : null
-          ]
-        }
-      ) });
-    }
-  })), h = ha({
-    data: s,
-    columns: i,
-    getCoreRowModel: fa(),
-    getPaginationRowModel: ga(),
-    onSortingChange: t,
-    getSortedRowModel: ja(),
-    manualPagination: !0,
-    state: {
-      sorting: n
-    }
-  });
-  return /* @__PURE__ */ e.jsxs(ua, { children: [
-    /* @__PURE__ */ e.jsx(ma, { children: h.getHeaderGroups().map((l) => /* @__PURE__ */ e.jsx(us, { children: l.headers.map((c) => /* @__PURE__ */ e.jsx(xa, { className: "sticky top-0 bg-muted", children: c.isPlaceholder ? null : Gs(
-      c.column.columnDef.header,
-      c.getContext()
-    ) }, c.id)) }, l.id)) }),
-    /* @__PURE__ */ e.jsx(pa, { 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(Us, { children: Gs(c.column.columnDef.cell, c.getContext()) }, c.id))
-      },
-      l.id
-    )) : /* @__PURE__ */ e.jsx(us, { children: /* @__PURE__ */ e.jsx(Us, { colSpan: i.length, className: "h-24 text-center", children: "No results." }) }) })
-  ] });
-}
-function kt({
-  // 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 } = bs(), 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 = ht({
-    data: a.data,
-    cardType: a.type,
-    cfg: a.cfg,
-    customCfg: a.customCfg,
-    preferences: a.preferences
-  })), /* @__PURE__ */ e.jsxs(
-    ba,
-    {
-      role: "editor-visual-card",
-      className: Z("relative flex h-full flex-col rounded-none", s),
-      ...n,
-      children: [
-        /* @__PURE__ */ e.jsxs(ya, { 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(va, { 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(Na, { 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($, { children: m.title })
-              }
-            ),
-            Ca(m)
-          ] })
-        ] }),
-        /* @__PURE__ */ e.jsxs(Sa, { className: "flex grow flex-col pb-3", children: [
-          a.type !== "table" && g && // <ChartJsVisual key={visualKey} cfg={cfg} />
-          /* @__PURE__ */ e.jsx(
-            wa,
-            {
-              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(ka, { className: "flex min-h-0 flex-1 grow basis-0", children: /* @__PURE__ */ e.jsx(za, { card: a, data: a == null ? void 0 : a.data }) })
-        ] })
-      ]
-    }
-  );
-}
-function Xn() {
-  const [s, n] = T(!1), [t, a] = T(""), [i, h] = T(""), [r, l] = T(""), [c, m] = T(""), u = o((N) => N.card), g = o(
-    (N) => N.card.customCfg
-  ), { setCardCustomCfg: j, setCustomVisualCode: d } = as();
-  function x(N) {
-    var _, L;
-    const V = {
-      ...N,
-      data: {
-        ...N == null ? void 0 : N.data,
-        datasets: (L = (_ = N == null ? void 0 : N.data) == null ? void 0 : _.datasets) == null ? void 0 : L.map((C) => ({
-          ...C,
-          data: []
-        }))
-      }
-    };
-    return JSON.stringify(V, null, 1);
-  }
-  function v() {
-    var V, q;
-    if (!u.data || u.data.length === 0)
-      return;
-    const N = ht({
-      data: u.data,
-      cardType: u.type,
-      cfg: u.cfg,
-      preferences: u.preferences
-    });
-    N && (a(JSON.stringify(N, null, 1)), (V = u == null ? void 0 : u.preferences) != null && V.customVisualCode && l((q = u == null ? void 0 : u.preferences) == null ? void 0 : q.customVisualCode), g && h(JSON.stringify(g, null, 1)));
-  }
-  function f() {
-    if (r && d(r), !!i)
-      try {
-        const N = JSON.parse(i);
-        return N ? (j(N), m(""), h(""), N) : void 0;
-      } catch (N) {
-        console.log(N), m("Invalid JSON");
-      }
-  }
-  function F() {
-    h(""), j(null);
-  }
-  function M() {
-    let N;
-    if (g) {
-      const V = Ks.cloneDeep(u.cfg), q = Ks.merge(V, g);
-      return N = x(q), N;
-    }
-    return t ? (N = x(JSON.parse(t)), N) : "";
-  }
-  return /* @__PURE__ */ e.jsxs(ys, { open: s, onOpenChange: n, children: [
-    /* @__PURE__ */ e.jsx(vs, { asChild: !0, children: /* @__PURE__ */ e.jsx(
-      z,
-      {
-        onClick: v,
-        className: ` ${g && "border-foreground/50 dark:border-foreground/70"}`,
-        size: "sm",
-        variant: "outline",
-        children: /* @__PURE__ */ e.jsx(Fa, { className: "h-4 w-4" })
-      }
-    ) }),
-    /* @__PURE__ */ e.jsxs(
-      Cs,
-      {
-        className: "max-h-[70vh] min-h-[70vh] overflow-auto sm:min-w-[900px] lg:min-w-[1200px]",
-        children: [
-          /* @__PURE__ */ e.jsxs(Ss, { className: "", children: [
-            /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ e.jsx(ws, { children: "Customize Card" }),
-              /* @__PURE__ */ e.jsxs(zs, { children: [
-                /* @__PURE__ */ e.jsx(at, { children: /* @__PURE__ */ e.jsx(
-                  un,
-                  {
-                    onClick: () => {
-                      navigator.clipboard.writeText(u.id);
-                    },
-                    className: "size-3 cursor-pointer text-muted-foreground/70 transition-colors hover:text-muted-foreground"
-                  }
-                ) }),
-                /* @__PURE__ */ e.jsx(Fs, { side: "right", align: "center", children: /* @__PURE__ */ e.jsx("p", { className: "text-xs", children: "Copy Card ID" }) })
-              ] })
-            ] }),
-            /* @__PURE__ */ e.jsxs(ks, { 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(kt, { className: "w-1/2 rounded shadow-none" }),
-            /* @__PURE__ */ e.jsxs(ut, { defaultValue: "custom-config", className: "flex w-1/2 flex-col", children: [
-              /* @__PURE__ */ e.jsxs(mt, { 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(xt, { 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(
-                    dt,
-                    {
-                      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: M(),
-                      onChange: (N) => h(N)
-                    }
-                  )
-                }
-              ),
-              /* @__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: (N) => l(N || "")
-                    }
-                  )
-                }
-              )
-            ] })
-          ] }),
-          /* @__PURE__ */ e.jsxs(st, { className: "flex items-center", children: [
-            /* @__PURE__ */ e.jsx($, { className: "mr-2 text-red-500", children: c }),
-            /* @__PURE__ */ e.jsx(
-              z,
-              {
-                disabled: !g,
-                onClick: F,
-                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 zt(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 Ft(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 Lt(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 Mt(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 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: "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 Dt(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 Tt(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 At(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 er() {
-  const [s, n] = T(!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(sr, { 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(qs, { className: "size-5" })
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        z,
-        {
-          onClick: () => l("stackedBar"),
-          variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Dt, { className: "size-5", strokeWidth: 0 })
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        z,
-        {
-          onClick: () => l("stackedLine"),
-          variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Ot, { className: "size-5", strokeWidth: 0 })
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        z,
-        {
-          onClick: () => l("scatter"),
-          variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(yt, { className: "size-5" })
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        z,
-        {
-          onClick: () => l("bubble"),
-          variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Mt, { className: "size-4" })
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        z,
-        {
-          onClick: () => l("pie"),
-          variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(bt, { className: "size-5" })
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        z,
-        {
-          onClick: () => l("doughnut"),
-          variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Ft, { className: "size-5", strokeWidth: 1 })
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        z,
-        {
-          onClick: () => l("radar"),
-          variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(
-            zt,
-            {
-              className: "size-5 font-extralight",
-              strokeWidth: 0.5
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        z,
-        {
-          onClick: () => l("polarArea"),
-          variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Lt, { className: "size-5" })
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        z,
-        {
-          onClick: () => l("pyramid"),
-          variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(At, { className: "size-5" })
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        z,
-        {
-          onClick: () => l("range"),
-          variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(gt, { className: "size-5" })
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        z,
-        {
-          onClick: () => l("table"),
-          variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Ls, { className: "size-5" })
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        z,
-        {
-          onClick: () => l("kpi"),
-          variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Tt, { className: "size-6" })
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        z,
-        {
-          onClick: () => l("text"),
-          variant: "ghost",
-          children: /* @__PURE__ */ e.jsx(Vs, { className: "size-4" })
-        }
-      )
-    ] }) })
-  ] });
-}
-function sr({ chartType: s, className: n }) {
-  switch (s) {
-    case "bar":
-      return /* @__PURE__ */ e.jsx(Es, { className: n });
-    case "line":
-      return /* @__PURE__ */ e.jsx(qs, { className: n });
-    case "pie":
-      return /* @__PURE__ */ e.jsx(bt, { className: n });
-    case "radar":
-      return /* @__PURE__ */ e.jsx(zt, { className: n });
-    case "scatter":
-      return /* @__PURE__ */ e.jsx(yt, { className: n });
-    case "bubble":
-      return /* @__PURE__ */ e.jsx(Mt, { className: n });
-    case "doughnut":
-      return /* @__PURE__ */ e.jsx(Ft, { className: n });
-    case "stackedBar":
-      return /* @__PURE__ */ e.jsx(Dt, { className: "size-4 text-foreground/70" });
-    case "stackedLine":
-      return /* @__PURE__ */ e.jsx(Ot, { className: "size-4 text-foreground/70" });
-    case "polarArea":
-      return /* @__PURE__ */ e.jsx(Lt, { className: n });
-    case "pyramid":
-      return /* @__PURE__ */ e.jsx(At, { className: n });
-    case "range":
-      return /* @__PURE__ */ e.jsx(gt, { className: n });
-    case "kpi":
-      return /* @__PURE__ */ e.jsx(Tt, { className: n });
-    case "text":
-      return /* @__PURE__ */ e.jsx(Vs, { className: n });
-    default:
-      return /* @__PURE__ */ e.jsx(Ls, { className: n });
-  }
-}
-function Xs() {
-  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: []
-    }, F = {
-      ...s,
-      cards: [...s.cards, f],
-      activeCardId: f.id
-    };
-    c(F), m(f);
-  }
-  function j(f) {
-    const F = s.cards.filter((V) => V.id !== f), M = F[0], N = {
-      ...s,
-      cards: F,
-      // update the active card to the first card in the frame
-      activeCardId: M.id
-    };
-    c(N), m(M);
-  }
-  function d(f) {
-    const F = {
-      ...s,
-      cards: s.cards.map((N) => N.id === n.id ? n : N),
-      activeCardId: f
-    };
-    c(F);
-    const M = F.cards.find((N) => N.id === f);
-    m(M), M.sql && (console.log("newActiveCard.sql", M.sql), M.data && M.data.length === 0 && l(!0));
-  }
-  function x() {
-    return /* @__PURE__ */ e.jsxs(
-      ut,
-      {
-        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: v() }, f.id)),
-          /* @__PURE__ */ e.jsx(mt, { 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: (F) => {
-                  m({ ...n, tabTitle: F }), u({ ...n, tabTitle: F });
-                },
-                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(
-                    pt,
-                    {
-                      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(Ns, { className: "h-4 w-4" })
-              }
-            )
-          ] }) })
-        ]
-      }
-    );
-  }
-  function v() {
-    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(La, { 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(Ma, { isLoading: i, card: n }) }) }) : /* @__PURE__ */ e.jsx(kt, { 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(er, {}),
-        n.type !== "table" && /* @__PURE__ */ e.jsx(Xn, {})
-      ] }),
-      /* @__PURE__ */ e.jsx(ar, {})
-    ] }),
-    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(tr, {}),
-      n.data && n.data.length > 0 && /* @__PURE__ */ e.jsx(Zn, { data: t || [] }),
-      h && /* @__PURE__ */ e.jsx("span", { className: "font-mono text-sm", children: h })
-    ] })
-  ] });
-}
-function tr() {
-  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 ar() {
-  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($, { htmlFor: "visualize", children: "Chart" }),
-    /* @__PURE__ */ e.jsx(
-      Oa,
-      {
-        checked: s,
-        onCheckedChange: () => n(!s),
-        id: "visualize",
-        className: "data-[state=checked]:bg-foreground/50"
-      }
-    )
-  ] });
-}
-function Te() {
-  const [s, n] = T([]);
-  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 v = [...x];
-      return v[u] = !1, v;
-    }));
-  }
-  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((v) => v.columnIndex === u)) != null && j.expression)
-      return /* @__PURE__ */ e.jsx(
-        de,
-        {
-          value: (x = (d = t == null ? void 0 : t.onClickFilter) == null ? void 0 : d.find((v) => v.columnIndex === u)) == null ? void 0 : x.expression,
-          onChange: (v) => c(u, v),
-          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($, { 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(
-                jt,
-                {
-                  onClick: () => {
-                    n((x) => {
-                      const v = [...x];
-                      return v[g] = !x[g], v;
-                    });
-                  },
-                  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(
-    As,
-    {
-      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 et(s, n) {
-  var a, i, h;
-  const t = ft(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 It() {
-  var re, K, ie, S, O, J;
-  const [s, n] = T(!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 = ft(t, a), [h, r] = T(
-    et(t)
-  ), [l, c] = T(
-    ((ie = (K = (re = t == null ? void 0 : t.chartOptions) == null ? void 0 : re.scales) == null ? void 0 : K[i]) == null ? void 0 : ie.min) || ""
-  ), [m, u] = T(
-    ((J = (O = (S = t == null ? void 0 : t.chartOptions) == null ? void 0 : S.scales) == null ? void 0 : O[i]) == null ? void 0 : J.max) || ""
-  ), [g, j] = T(l || m ? "custom" : "auto"), [d, x] = T(""), [v, f] = T(0), [F, M] = T(""), [N, V] = T(""), [q, _] = T(""), L = o(
-    (k) => k.actions.setCardPreferences
-  ), { updateCardInFrame: C } = as(), b = o((k) => k.card), R = o((k) => {
-    var I;
-    return (I = k.card) == null ? void 0 : I.type;
-  }), H = ["pie", "doughnut", "polarArea"].includes(R);
-  Y(() => {
-    var k, I, ee, E, se, ae, be, pe, Q, le, oe, ye, ce, fe;
-    r(et(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 = (E = t == null ? void 0 : t.chartOptions) == null ? void 0 : E.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), M(((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) || ""), _(((fe = t == null ? void 0 : t.numberAxisFormat) == null ? void 0 : fe.locale) || "");
-  }, [s, t, i]);
-  function A(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(
-          $,
-          {
-            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: N,
-            placeholder: "USD",
-            onChange: (k) => V(k.target.value),
-            id: "currency",
-            className: `col-span-2 h-8 w-full ${Se}`
-          }
-        ),
-        /* @__PURE__ */ e.jsx(
-          de,
-          {
-            value: q,
-            placeholder: "en-US",
-            onChange: (k) => _(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($, { className: "col-span-3", htmlFor: "format", children: "Decimals" }),
-        /* @__PURE__ */ e.jsx(
-          de,
-          {
-            value: v,
-            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($, { htmlFor: "range", children: "Range" }),
-        /* @__PURE__ */ e.jsx(
-          de,
-          {
-            id: "min",
-            value: l,
-            onChange: (k) => c((I) => A(I, k.target.value)),
-            className: `col-span-1 h-8 w-full ${Se}`
-          }
-        ),
-        /* @__PURE__ */ e.jsx(
-          de,
-          {
-            value: m,
-            onChange: (k) => u((I) => A(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($, { htmlFor: "step-size", children: "Step Size" }),
-        /* @__PURE__ */ e.jsx(
-          de,
-          {
-            value: d,
-            onChange: (k) => x((I) => A(I, k.target.value)),
-            id: "step-size",
-            className: `col-span-1 h-8 w-full ${Se}`
-          }
-        )
-      ] })
-    ] });
-  }
-  function W() {
-    var E;
-    let k = {};
-    g === "custom" && (k = {
-      min: l,
-      max: m,
-      ticks: {
-        stepSize: d
-      }
-    });
-    const I = {
-      ...t || {},
-      chartOptions: {
-        ...t == null ? void 0 : t.chartOptions,
-        scales: {
-          ...(E = t == null ? void 0 : t.chartOptions) == null ? void 0 : E.scales,
-          [i]: {
-            // ...cardPreferences?.chartOptions?.scales?.[axis],
-            type: h,
-            ...h === "linear" ? k : {}
-          }
-        }
-      },
-      numberAxisFormat: {
-        decimalPlaces: v,
-        suffix: F,
-        currency: N,
-        locale: q
-      }
-    };
-    console.log(I), L(I);
-    const ee = {
-      ...b,
-      preferences: I
-    };
-    C(ee);
-  }
-  return /* @__PURE__ */ e.jsxs(ns, { onOpenChange: (k) => n(k), children: [
-    /* @__PURE__ */ e.jsx(rs, { asChild: !0, children: /* @__PURE__ */ e.jsx(Da, { 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($, { htmlFor: "scale", children: "Type" }),
-          /* @__PURE__ */ e.jsxs(
-            ke,
-            {
-              disabled: H,
-              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($, { htmlFor: "scale-option", children: "Setup" }),
-          /* @__PURE__ */ e.jsxs(
-            As,
-            {
-              disabled: H,
-              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(Ta, {}),
-        /* @__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 nr({ 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") && Aa(Ia());
-    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(Sn, { 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(pt, { 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(
-            mn,
-            {
-              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(
-            pn,
-            {
-              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(
-            xn,
-            {
-              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 = Ea({
-      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($, { 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($, { children: a }),
-        /* @__PURE__ */ e.jsx(It, {})
-      ] }),
-      /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: l.map((c, m) => /* @__PURE__ */ e.jsx(rr, { col: c, idx: m }, c)) })
-    ] })
-  ] });
-}
-function rr({ 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(
-        qs,
-        {
-          onClick: () => r("line"),
-          className: "invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        sn,
-        {
-          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(nr, { idx: n })
-    ] })
-  ] });
-}
-function qt() {
-  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 _;
-    const x = ue(j.column_name), v = ue(t || ""), f = ue(a || ""), F = ue(u);
-    let M = ot(
-      f,
-      F
-    ), N = `${M}.${x}`;
-    const V = (_ = m == null ? void 0 : m.find(
-      (L) => L.id === n
-    )) == null ? void 0 : _.name;
-    n && n !== "none" && (N = `${ms}.${V}.${x}`, M = `${ms}.${V}`);
-    const q = h == null ? void 0 : h.find(
-      (L) => L.column === N && L.table === F && (L.database === v || L.database === t)
-    );
-    if (q)
-      c(q.id), l(q.id);
-    else {
-      const L = Ze();
-      return u === "api" && s ? (r({
-        location: d,
-        id: L,
-        //uuidv4(),
-        column: N,
-        title: j.column_name,
-        dataType: j.data_type,
-        table: "api",
-        database: "",
-        // database: 'NA',
-        connectionId: s,
-        operation: "in",
-        sql: Ws(
-          j.data_type,
-          M,
-          x
-        )
-        //DATE_DATA_TYPES.includes(column.data_type) ? dateSql : sql,
-      }), L) : (r({
-        id: L,
-        //uuidv4(),
-        location: d,
-        column: N,
-        //columnName, //`${qualifiedTableName}.${formattedColumnName}`,
-        title: j.column_name,
-        dataType: j.data_type,
-        table: i || "",
-        database: t || "",
-        connectionId: s || "",
-        operation: "in",
-        sql: Ws(
-          j.data_type,
-          M,
-          x
-        )
-        //DATE_DATA_TYPES.includes(column.data_type) ? dateSql : sql,
-      }), L);
-    }
-  }
-  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 } = qt();
-  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($, { children: "Card Filter" }),
-    /* @__PURE__ */ e.jsx(ir, { onSelect: h, columns: a }),
-    r && /* @__PURE__ */ e.jsx(qa, { filter: r })
-  ] });
-}
-function ir({
-  columns: s,
-  onSelect: n
-}) {
-  var r;
-  const [t, a] = Js.useState(!1), [i, h] = Js.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(Va, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ e.jsx(is, { className: "w-[200px] p-0", children: /* @__PURE__ */ e.jsxs(_a, { children: [
-      /* @__PURE__ */ e.jsx(Ra, { placeholder: "Search column", className: "h-9" }),
-      /* @__PURE__ */ e.jsxs(Ha, { children: [
-        /* @__PURE__ */ e.jsx($a, { children: "No framework found." }),
-        /* @__PURE__ */ e.jsx(Pa, { children: s.map((l) => /* @__PURE__ */ e.jsxs(
-          Ba,
-          {
-            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(
-                xt,
-                {
-                  className: Z(
-                    "ml-auto h-4 w-4",
-                    i === l.column_name ? "opacity-100" : "opacity-0"
-                  )
-                }
-              )
-            ]
-          },
-          l.column_name
-        )) })
-      ] })
-    ] }) })
-  ] });
-}
-function lr({
-  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: `${Is(s)} Chart` }),
-      /* @__PURE__ */ e.jsxs(U, { 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(U, { 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(U, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e.jsx(Te, {}),
-        /* @__PURE__ */ e.jsx(Ae, {})
-      ] })
-    ] })
-  ] }) });
-}
-function _s() {
-  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(It, {})
-    ] }),
-    /* @__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 or({
-  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: `${Is(s)} Chart` }),
-      /* @__PURE__ */ e.jsx(U, { 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(U, { className: "px-2", children: /* @__PURE__ */ e.jsx(_s, {}) })
-    ] }),
-    /* @__PURE__ */ e.jsxs(B, { value: "item-3", children: [
-      /* @__PURE__ */ e.jsx(G, { children: "Filters" }),
-      /* @__PURE__ */ e.jsxs(U, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e.jsx(Te, {}),
-        /* @__PURE__ */ e.jsx(Ae, {})
-      ] })
-    ] })
-  ] }) });
-}
-const cr = {
-  datasets: [
-    {
-      type: "line",
-      label: "Sum_sales",
-      data: []
-    },
-    {
-      type: "bar",
-      label: "Sum_profit",
-      data: []
-    }
-  ]
-}, dr = {
-  datasets: [
-    {
-      fill: "origin",
-      type: "line",
-      label: "Sum_sales",
-      data: []
-    }
-  ]
-};
-function hr() {
-  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: ur(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(_s, {}),
-      /* @__PURE__ */ e.jsx(Te, {}),
-      /* @__PURE__ */ e.jsx(Ae, {})
-    ] })
-  ] });
-}
-function ur(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(U, { 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(U, { 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(cr, null, 2) })
-        ] })
-      ] }),
-      /* @__PURE__ */ e.jsxs(B, { value: "item-3", children: [
-        /* @__PURE__ */ e.jsx(G, { className: "font-normal", children: "Area Chart" }),
-        /* @__PURE__ */ e.jsxs(U, { 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(dr, 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(U, { 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(U, { 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(U, { 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 mr() {
-  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, v;
-      return (v = (x = d.card.preferences) == null ? void 0 : x.formatNumber) == null ? void 0 : v.decimalPlaces;
-    }
-  );
-  const a = o(
-    (d) => {
-      var x, v;
-      return (v = (x = d.card.preferences) == null ? void 0 : x.formatNumber) == null ? void 0 : v.locale;
-    }
-  ), i = o(
-    (d) => {
-      var x, v;
-      return (v = (x = d.card.preferences) == null ? void 0 : x.formatNumber) == null ? void 0 : v.currency;
-    }
-  );
-  o(
-    (d) => d.actions.setFilterOnClickField
-  );
-  const h = o(
-    (d) => {
-      var x, v;
-      return (v = (x = d.card.preferences) == null ? void 0 : x.formatNumber) == null ? void 0 : v.colorRanges;
-    }
-  ) || [], r = o(
-    (d) => d.actions.setColorRanges
-  ), l = [...new Set(Qs.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($, { 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($, { children: "Locale" }),
-            /* @__PURE__ */ e.jsxs(
-              ke,
-              {
-                value: a || "en-US",
-                onValueChange: (d) => {
-                  var x, v, f;
-                  return t(
-                    ((x = s == null ? void 0 : s.formatNumber) == null ? void 0 : x.decimalPlaces) || 0,
-                    ((v = s == null ? void 0 : s.formatNumber) == null ? void 0 : v.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" }),
-                    Qs.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($, { children: "Currency" }),
-            /* @__PURE__ */ e.jsxs(
-              ke,
-              {
-                value: i || "none",
-                onValueChange: (d) => {
-                  var x, v, f;
-                  return t(
-                    ((x = s == null ? void 0 : s.formatNumber) == null ? void 0 : x.decimalPlaces) || 0,
-                    d === "none" ? "" : d,
-                    ((v = s == null ? void 0 : s.formatNumber) == null ? void 0 : v.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($, { 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, v, f;
-                  return t(
-                    Number(d),
-                    ((x = s == null ? void 0 : s.formatNumber) == null ? void 0 : x.currency) || "",
-                    ((v = s == null ? void 0 : s.formatNumber) == null ? void 0 : v.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($, { 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, v, f;
-                  return t(
-                    ((x = s == null ? void 0 : s.formatNumber) == null ? void 0 : x.decimalPlaces) || 0,
-                    ((v = s == null ? void 0 : s.formatNumber) == null ? void 0 : v.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(
-        Ga,
-        {
-          colorRanges: h,
-          setColorRanges: r
-        }
-      )
-    ] })
-  ] });
-}
-function xr() {
-  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(U, { 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(mr, {}) }),
-    /* @__PURE__ */ e.jsx("div", {}),
-    /* @__PURE__ */ e.jsx("div", {})
-  ] });
-}
-function pr() {
-  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(
-    As,
-    {
-      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: `${Is(s)} ${t}` }),
-      /* @__PURE__ */ e.jsx(U, { 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(U, { className: "space-y-4 px-2", children: [
-        s === "range" && /* @__PURE__ */ e.jsx(ls, {}),
-        s !== "text" && /* @__PURE__ */ e.jsx(_s, {}),
-        s === "text" && /* @__PURE__ */ e.jsx(pr, {})
-      ] })
-    ] }),
-    !["range", "text"].includes(s) && /* @__PURE__ */ e.jsxs(B, { value: "item-3", children: [
-      /* @__PURE__ */ e.jsx(G, { children: "Filters" }),
-      /* @__PURE__ */ e.jsxs(U, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e.jsx(Te, {}),
-        /* @__PURE__ */ e.jsx(Ae, {})
-      ] })
-    ] })
-  ] }) });
-}
-function fr() {
-  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(U, { 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(U, { 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(U, { className: "space-y-4 px-2", children: [
-        /* @__PURE__ */ e.jsx(Te, {}),
-        /* @__PURE__ */ e.jsx(Ae, {})
-      ] })
-    ] })
-  ] }) });
-}
-function gr({}) {
-  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(U, { 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 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 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."
-  ] })
-] }), 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 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."
-  ] })
-] }), yr = /* @__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 vr() {
-  const s = o((t) => t.card.type);
-  function n(t) {
-    switch (t) {
-      case "stackedBar":
-      case "stackedLine":
-        return /* @__PURE__ */ e.jsx(fr, {});
-      case "pyramid":
-        return /* @__PURE__ */ e.jsx(We, { docContent: jr, cardType: t });
-      case "kpi":
-        return /* @__PURE__ */ e.jsx(xr, {});
-      case "line":
-      case "bar":
-        return /* @__PURE__ */ e.jsx(lr, { cardType: t });
-      case "range":
-        return /* @__PURE__ */ e.jsx(We, { docContent: br, 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(or, { cardType: t });
-      case "table":
-        return /* @__PURE__ */ e.jsx(gr, { cardType: t });
-      case "text":
-        return /* @__PURE__ */ e.jsx(
-          We,
-          {
-            docContent: yr,
-            cardType: t,
-            suffix: "Visual"
-          }
-        );
-      default:
-        return /* @__PURE__ */ e.jsx(hr, {});
-    }
-  }
-  return /* @__PURE__ */ e.jsx(Ts, { className: "h-full w-full text-sm", children: n(s) });
-}
-function Nr() {
-  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(Yn, {})
-          }
-        ),
-        /* @__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(vr, {})
-                }
-              ) }),
-              /* @__PURE__ */ e.jsx(fs, { className: "border" }),
-              /* @__PURE__ */ e.jsx(we, { minSize: 40, defaultSize: 75, maxSize: 100, children: /* @__PURE__ */ e.jsx(Xs, {}) })
-            ] }) : /* @__PURE__ */ e.jsx(Xs, {})
-          }
-        )
-      ]
-    }
-  );
-}
-function Cr({ 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(Ua, { className: "rounded-none", role: "editor-panel", children: [
-    /* @__PURE__ */ e.jsx(Ka, { className: "rounded-none border-r-[1.5px]", children: /* @__PURE__ */ e.jsx(Ct, {}) }),
-    /* @__PURE__ */ e.jsx(Wa, { children: /* @__PURE__ */ e.jsx(Nr, {}) })
-  ] });
-}
-function Sr() {
-  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(Cr, { onSave: i, onClose: h })
-    }
-  );
-}
-function wr() {
-  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 } = qt();
-  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(Nt, { column: r }),
-          /* @__PURE__ */ e.jsx("span", { children: r.column_name })
-        ] })
-      },
-      r.column_name
-    );
-  }) });
-}
-function kr() {
-  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($, { 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(
-      Ct,
-      {
-        ColumnsComponent: () => (
-          // schemaName, tableName, columns
-          /* @__PURE__ */ e.jsx(
-            wr,
-            {}
-          )
-        )
-      }
-    ) })
-  ] });
-}
-function zr() {
-  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(Qa, {}),
-        s && /* @__PURE__ */ e.jsx("div", { role: "filter-aside-container", className: "flex", children: /* @__PURE__ */ e.jsx(kr, {}) })
-      ]
-    }
-  );
-}
-function Fr() {
-  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(
-        Ja,
-        {
-          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 Or({
-  showControls: s = !1,
-  showFooter: n = !0,
-  ...t
-}) {
-  return /* @__PURE__ */ e.jsxs(Ya, { dashboardProps: t, children: [
-    /* @__PURE__ */ e.jsx(Za, {}),
-    /* @__PURE__ */ e.jsxs(Xa, { children: [
-      /* @__PURE__ */ e.jsx(Fr, {}),
-      /* @__PURE__ */ e.jsxs(en, { ...t, children: [
-        s && /* @__PURE__ */ e.jsx(Tn, {}),
-        /* @__PURE__ */ e.jsx(Sr, {}),
-        /* @__PURE__ */ e.jsx(zr, {})
-      ] })
-    ] })
-  ] });
-}
-export {
-  Or as D,
-  $e as L,
-  Ee as S,
-  zn as c,
-  vt as g,
-  De as u
-};