semaphor 0.0.87 → 0.0.89

package/dist/chunks/{index-CLf_4nXr.js → index-tPgzU4xS.js}

@@ -1,4 +1,4 @@
-import { c as R, u as vs, v as M, w as is, x as Se, y as e, z as Cs, A as Ns, H as O, o as Ss, J as ws, K as ks, M as zs, N as Os, O as H, Q as ie, R as ta, V as na, W as la, Y as ra, Z as st, _ as at, $ as tt, a0 as Gs, a1 as Y, a2 as Be, i as nt, a3 as u, a4 as lt, P as ia, F as oa, a5 as Ue, a6 as Ge, a7 as Ds, a8 as ca, a9 as Ms, aa as ue, ab as he, ac as me, ad as xe, ae as ve, af as pe, ag as Z, T as Is, ah as Fs, ai as Ts, aj as Ls, ak as da, al as ua, am as ce, an as rt, ao as it, ap as ha, aq as ot, C as ct, ar as dt, as as ma, B as ut, at as fe, au as ht, av as Ke, aw as xa, ax as gs, ay as be, az as ze, aA as Ce, aB as pa, aC as mt, aD as xt, aE as pt, aF as ft, l as gt, aG as jt, aH as bt, aI as De, aJ as ne, aK as fa, aL as yt, aM as os, aN as vt, aO as Ct, aP as js, a as Nt, aQ as ss, aR as ye, aS as as, aT as St, aU as wt, aV as kt, aW as zt, aX as fs, aY as Ot, aZ as Ks, a_ as Dt, a$ as Qs, b0 as Mt, b1 as It, b2 as Ft, b3 as Tt, b4 as ga, b5 as Lt, b6 as Es, b7 as ja, b8 as Et, b9 as Vt, ba as Ze, bb as At, bc as qt, bd as ba, be as Rt, s as _t, bf as Ht, bg as $t, r as Pt, bh as cs, bi as ya, bj as va, bk as Ca, bl as Xe, bm as Na, bn as es, bo as Js, bp as Bt, bq as Ut, br as ds, bs as us, bt as hs, bu as Gt, I as Kt, X as Sa, bv as Qt, bw as Jt, bx as Wt, E as Yt, by as ms, bz as Oe, f as Zt, bA as $e, bB as Vs, bC as wa, bD as Xt, bE as en, bF as ts, bG as sn, bH as an, bI as tn, bJ as Ws, bK as ka, bL as nn, bM as ln, bN as rn, bO as on, bP as cn, bQ as dn, bR as un, bS as Me, bT as Q, bU as J, bV as As, bW as W, bX as hn, bY as za, bZ as mn, b_ as xn, b$ as pn, c0 as fn, c1 as gn, c2 as jn, c3 as bn, c4 as yn, c5 as vn } from "./index-CpBdXQXJ.js";
+import { c as R, u as vs, v as M, w as is, x as Se, y as e, z as Cs, A as Ns, H as O, o as Ss, J as ws, K as ks, M as zs, N as Os, O as H, Q as ie, R as ta, V as na, W as la, Y as ra, Z as st, _ as at, $ as tt, a0 as Gs, a1 as Y, a2 as Be, i as nt, a3 as u, a4 as lt, P as ia, F as oa, a5 as Ue, a6 as Ge, a7 as Ds, a8 as ca, a9 as Ms, aa as ue, ab as he, ac as me, ad as xe, ae as ve, af as pe, ag as Z, T as Is, ah as Fs, ai as Ts, aj as Ls, ak as da, al as ua, am as ce, an as rt, ao as it, ap as ha, aq as ot, C as ct, ar as dt, as as ma, B as ut, at as fe, au as ht, av as Ke, aw as xa, ax as gs, ay as be, az as ze, aA as Ce, aB as pa, aC as mt, aD as xt, aE as pt, aF as ft, l as gt, aG as jt, aH as bt, aI as De, aJ as te, aK as fa, aL as yt, aM as os, aN as vt, aO as Ct, aP as js, a as Nt, aQ as ss, aR as ye, aS as as, aT as St, aU as wt, aV as kt, aW as zt, aX as fs, aY as Ot, aZ as Ks, a_ as Dt, a$ as Qs, b0 as Mt, b1 as It, b2 as Ft, b3 as Tt, b4 as ga, b5 as Lt, b6 as Es, b7 as ja, b8 as Et, b9 as Vt, ba as Ze, bb as At, bc as qt, bd as ba, be as Rt, s as _t, bf as Ht, bg as $t, r as Pt, bh as cs, bi as ya, bj as va, bk as Ca, bl as Xe, bm as Na, bn as es, bo as Js, bp as Bt, bq as Ut, br as ds, bs as us, bt as hs, bu as Gt, I as Kt, X as Sa, bv as Qt, bw as Jt, bx as Wt, E as Yt, by as ms, bz as Oe, f as Zt, bA as $e, bB as Vs, bC as wa, bD as Xt, bE as en, bF as ts, bG as sn, bH as an, bI as tn, bJ as Ws, bK as ka, bL as nn, bM as ln, bN as rn, bO as on, bP as cn, bQ as dn, bR as un, bS as Me, bT as Q, bU as J, bV as As, bW as W, bX as hn, bY as za, bZ as mn, b_ as xn, b$ as pn, c0 as fn, c1 as gn, c2 as jn, c3 as bn, c4 as yn, c5 as vn } from "./index-WvZUoAR6.js";
 import * as Ys from "react";
 import Ne, { useState as q, useMemo as bs, useEffect as X, useRef as ns, useCallback as Oa, Suspense as Cn } from "react";
 import "react-dom";
@@ -588,7 +588,7 @@ async function Xn(s, n) {
   }) : null;
 }
 function el() {
-  const [s, n] = q(""), [a, t] = q(!1), l = M((p) => p.lenses), { setLenses: r, setSelectedLensId: o } = is(), [i, d] = q(!1), [x, c] = q(!1), b = M((p) => p.dashboard), g = M((p) => p.filterValues), { authToken: h } = Se();
+  const [s, n] = q(""), [a, t] = q(!1), l = M((p) => p.lenses), { setLenses: r, setSelectedLensId: o } = is(), [i, d] = q(!1), [m, c] = q(!1), b = M((p) => p.dashboard), g = M((p) => p.filterValues), { authToken: h } = Se();
   async function f() {
     d(!0);
     const p = Ea(
@@ -601,7 +601,7 @@ function el() {
     );
     N && (r([...l || [], N]), o(N.id), c(!1)), d(!1);
   }
-  return /* @__PURE__ */ e.jsxs(Cs, { open: x, onOpenChange: c, children: [
+  return /* @__PURE__ */ e.jsxs(Cs, { open: m, onOpenChange: c, children: [
     /* @__PURE__ */ e.jsx(Ns, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
       O,
       {
@@ -659,7 +659,7 @@ function sl() {
       l(g || []), r("original");
     }
   }
-  async function x(c) {
+  async function m(c) {
     const b = a == null ? void 0 : a.map((f) => f.id === c.id ? {
       ...f,
       isDefault: !c.isDefault
@@ -706,7 +706,7 @@ function sl() {
                       Ln,
                       {
                         onClick: (b) => {
-                          b.preventDefault(), x(c);
+                          b.preventDefault(), m(c);
                         },
                         className: Y(
                           "size-3.5 text-muted-foreground hover:cursor-pointer hover:text-foreground group-hover:visible",
@@ -783,7 +783,7 @@ function tl() {
     (j) => j.isDashboardEditing
   ), o = u(
     (j) => j.selectedConnectionId
-  ), [i, d] = q(!1), x = M((j) => j.filterValues), c = M((j) => j.isVisualEditing), b = M((j) => j.showFilters);
+  ), [i, d] = q(!1), m = M((j) => j.filterValues), c = M((j) => j.isVisualEditing), b = M((j) => j.showFilters);
   M(
     (j) => j.showDashboardJSON
   );
@@ -818,7 +818,7 @@ function tl() {
       activeCardId: j.id
     };
     f(I.id, D), p(D.id);
-  }, m = () => {
+  }, x = () => {
     y(!0);
   };
   async function v() {
@@ -828,7 +828,7 @@ function tl() {
     ), D = JSON.stringify(j), S = {
       ...t,
       template: D,
-      filterValues: x
+      filterValues: m
     };
     await ys(S, s == null ? void 0 : s.accessToken), Ge.success("Lens saved"), g == null || g(j), d(!1);
   }
@@ -862,7 +862,7 @@ function tl() {
             {
               variant: "ghost",
               className: "h-7 p-2",
-              onClick: m,
+              onClick: x,
               size: "sm",
               children: /* @__PURE__ */ e.jsx(ia, { className: "h-4 w-4", strokeWidth: 1.5 })
             }
@@ -918,7 +918,7 @@ function He({
   onChange: o,
   showNone: i = !1,
   className: d,
-  showIcon: x = !0,
+  showIcon: m = !0,
   disabled: c = !1
 }) {
   const b = t ? "Loading..." : l ? "Error" : a;
@@ -935,7 +935,7 @@ function He({
       return /* @__PURE__ */ e.jsx(Nn, { className: "size-4" });
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-    x && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: r ? /* @__PURE__ */ e.jsxs(Ds, { children: [
+    m && /* @__PURE__ */ e.jsx("div", { className: "shrink-0", children: r ? /* @__PURE__ */ e.jsxs(Ds, { children: [
       /* @__PURE__ */ e.jsx(ca, { children: g() }),
       /* @__PURE__ */ e.jsx(Ms, { className: "text-xs", align: "start", children: r })
     ] }) : g() }),
@@ -971,7 +971,7 @@ function nl({ column: s }) {
     (h) => h.selectedSchemaName
   ), r = u(
     (h) => h.selectedDatamodelId
-  ), o = u((h) => h.sqlGen), { modelItems: i } = qe(), d = u((h) => h.actions.setSqlGen), x = u((h) => h.actions.setCardSql), c = u((h) => h.actions.setRunSql);
+  ), o = u((h) => h.sqlGen), { modelItems: i } = qe(), d = u((h) => h.actions.setSqlGen), m = u((h) => h.actions.setCardSql), c = u((h) => h.actions.setRunSql);
   function b(h, f) {
     var V;
     const p = da(h, o, f), N = (V = i == null ? void 0 : i.find(
@@ -984,7 +984,7 @@ function nl({ column: s }) {
       ce(t),
       N
     );
-    y && (x(y), c(!0)), a(!1);
+    y && (m(y), c(!0)), a(!1);
   }
   function g() {
     return /* @__PURE__ */ e.jsxs("ul", { className: "text-xs", children: [
@@ -1054,35 +1054,35 @@ function ll({
   columns: a,
   status: t
 }) {
-  const l = u((m) => m.sqlGen), r = u(
-    (m) => m.selectedConnectionId
+  const l = u((x) => x.sqlGen), r = u(
+    (x) => x.selectedConnectionId
   ), o = u(
-    (m) => m.selectedDatabaseName
+    (x) => x.selectedDatabaseName
   ), i = u(
-    (m) => m.selectedSchemaName
-  ), d = u((m) => m.selectedTableName), x = u(
-    (m) => m.selectedDatamodelId
+    (x) => x.selectedSchemaName
+  ), d = u((x) => x.selectedTableName), m = u(
+    (x) => x.selectedDatamodelId
   ), c = M(
-    (m) => m.dashboard.aiScopeTables
-  ), { setAIScopeTables: b } = M((m) => m.actions), g = u((m) => m.actions.setRunSql), h = u((m) => m.actions.setSqlGen), f = u(
-    (m) => m.actions.setIsShowingVisual
-  ), p = u((m) => m.actions.setCardSql), { connectionType: N, modelItems: y } = qe();
-  function V(m) {
+    (x) => x.dashboard.aiScopeTables
+  ), { setAIScopeTables: b } = M((x) => x.actions), g = u((x) => x.actions.setRunSql), h = u((x) => x.actions.setSqlGen), f = u(
+    (x) => x.actions.setIsShowingVisual
+  ), p = u((x) => x.actions.setCardSql), { connectionType: N, modelItems: y } = qe();
+  function V(x) {
     var S;
-    const v = da(m, l);
+    const v = da(x, l);
     h(v);
     const j = (S = y == null ? void 0 : y.find(
-      (_) => _.id === x
+      (_) => _.id === m
     )) == null ? void 0 : S.name, D = ua(v, ce(s), ce(n), j);
     D && (p(D), g(!0));
   }
   function I() {
     return (c == null ? void 0 : c.find(
-      (m) => m.connectinonId === r && m.tableName === d
+      (x) => x.connectinonId === r && x.tableName === d
     )) !== void 0;
   }
-  function z(m) {
-    if (m === !0 && d && r) {
+  function z(x) {
+    if (x === !0 && d && r) {
       const v = {
         connectinonId: r,
         connectionType: N,
@@ -1112,23 +1112,23 @@ function ll({
   }
   function F() {
     var S;
-    let m = xa(s, n);
+    let x = xa(s, n);
     const v = (S = y == null ? void 0 : y.find(
-      (_) => _.id === x
+      (_) => _.id === m
     )) == null ? void 0 : S.name;
-    x && x !== "none" && (m = `${gs}.${v}`);
-    let j = m;
+    m && m !== "none" && (x = `${gs}.${v}`);
+    let j = x;
     return ((_) => /[A-Z]/.test(_))(n) && (j = j.split(".").map((P) => `"${P}"`).join(".")), j;
   }
   function T() {
-    const m = F();
+    const x = F();
     f(!1);
-    const v = N === "MSSQL" ? `SELECT top 10 * FROM ${m}` : `SELECT * FROM ${m} LIMIT 10`;
+    const v = N === "MSSQL" ? `SELECT top 10 * FROM ${x}` : `SELECT * FROM ${x} LIMIT 10`;
     p(v), g(!0);
   }
   function A() {
-    const m = F();
-    p(`SELECT COUNT(*) as count FROM ${m}`), g(!0);
+    const x = F();
+    p(`SELECT COUNT(*) as count FROM ${x}`), g(!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: [
@@ -1185,32 +1185,32 @@ function ll({
       {
         className: "flex-1 basis-0 overflow-y-auto border-b border-t border-muted py-3",
         children: [
-          a == null ? void 0 : a.map((m) => /* @__PURE__ */ e.jsxs(
+          a == null ? void 0 : a.map((x) => /* @__PURE__ */ e.jsxs(
             "div",
             {
-              onClick: () => V(m),
+              onClick: () => V(x),
               className: Y(
                 "group mx-3 flex cursor-pointer items-center justify-between rounded px-2 py-[6px] text-sm transition-colors hover:bg-muted/50",
                 {
-                  "bg-muted": ht(m, l)
+                  "bg-muted": ht(x, l)
                 }
               ),
               children: [
                 /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-                  /* @__PURE__ */ e.jsx(Va, { column: m }),
-                  /* @__PURE__ */ e.jsx("span", { children: m.column_name })
+                  /* @__PURE__ */ e.jsx(Va, { column: x }),
+                  /* @__PURE__ */ e.jsx("span", { children: x.column_name })
                 ] }),
                 /* @__PURE__ */ e.jsx(
                   "div",
                   {
                     onClick: (v) => v.stopPropagation(),
                     className: "flex items-center justify-end",
-                    children: ha(m.data_type) && /* @__PURE__ */ e.jsx(nl, { column: m })
+                    children: ha(x.data_type) && /* @__PURE__ */ e.jsx(nl, { column: x })
                   }
                 )
               ]
             },
-            m.column_name
+            x.column_name
           )),
           /* @__PURE__ */ e.jsx(Ke, { orientation: "vertical" }),
           /* @__PURE__ */ e.jsx(Ke, { orientation: "horizontal" })
@@ -1230,7 +1230,7 @@ function qe(s, n) {
     (C) => C.selectedDatabaseName
   ), i = u(
     (C) => C.selectedSchemaName
-  ), d = u((C) => C.selectedTableName), x = u(
+  ), d = u((C) => C.selectedTableName), m = u(
     (C) => C.actions.setCurrentColumns
   ), c = u(
     (C) => C.actions.setSelectedConnectionId
@@ -1267,7 +1267,7 @@ function qe(s, n) {
   }), {
     data: T,
     isLoading: A,
-    isError: m
+    isError: x
   } = be({
     queryKey: ["models", l],
     queryFn: () => ze(
@@ -1340,7 +1340,7 @@ function qe(s, n) {
     ),
     enabled: N(j)
   }), {
-    data: te,
+    data: ne,
     isLoading: je,
     isFetching: Fe,
     isError: we
@@ -1375,8 +1375,8 @@ function qe(s, n) {
     // && currentConnection?.type !== 'API', // Only fetch if connectionId, database, and table is present
   });
   X(() => {
-    x(a);
-  }, [te, x, a]), X(() => {
+    m(a);
+  }, [ne, m, a]), X(() => {
   }, [
     D,
     p,
@@ -1398,7 +1398,7 @@ function qe(s, n) {
   function le(C) {
     b(C === "none" ? "" : C), C !== "none" && C !== "" && g("");
   }
-  S && (($s = S == null ? void 0 : S.databases) == null ? void 0 : $s.length) > 0, G && ((Ps = G == null ? void 0 : G.schemas) == null ? void 0 : Ps.length) > 0, te && ((Bs = te == null ? void 0 : te.columns) == null ? void 0 : Bs.length) > 0 && (a = te.columns.map((C) => ({
+  S && (($s = S == null ? void 0 : S.databases) == null ? void 0 : $s.length) > 0, G && ((Ps = G == null ? void 0 : G.schemas) == null ? void 0 : Ps.length) > 0, ne && ((Bs = ne == null ? void 0 : ne.columns) == null ? void 0 : Bs.length) > 0 && (a = ne.columns.map((C) => ({
     ...C,
     data_type: C.data_type.toLowerCase()
   }))), K && (a = []), (we || F) && (a = []);
@@ -1427,7 +1427,7 @@ function qe(s, n) {
     isConnectionsError: F,
     modelItems: oe,
     isModelsLoading: A,
-    isModelsError: m,
+    isModelsError: x,
     databaseItems: _e,
     isDatabasesLoadingOrFetching: _ || P,
     isDatabaseError: K,
@@ -1467,7 +1467,7 @@ function Aa({
   ), {
     connectionItems: i,
     modelItems: d,
-    schemaItems: x,
+    schemaItems: m,
     databaseItems: c,
     tableItems: b,
     columns: g,
@@ -1482,7 +1482,7 @@ function Aa({
     isColumnsError: F,
     isColumnsLoadingOrFetching: T,
     isTableLoadingOrFetching: A,
-    isTableError: m,
+    isTableError: x,
     connectionType: v,
     isNonDbConnection: j,
     handleConnectionChange: D,
@@ -1553,7 +1553,7 @@ function Aa({
         onChange: _,
         isError: z,
         isLoading: I,
-        items: x,
+        items: m,
         value: l || "",
         title: "Schema"
       }
@@ -1568,7 +1568,7 @@ function Aa({
       He,
       {
         onChange: o,
-        isError: m,
+        isError: x,
         items: b,
         isLoading: A,
         value: r || "",
@@ -1719,7 +1719,7 @@ function cl({
   triggerAIRun: l,
   setTriggerAIRun: r
 }) {
-  const o = ns(null), i = ns(null), { authToken: d } = Se(), [x, c] = q(!1), b = u((k) => k.actions.setCardSql), g = M((k) => k.dashboard.baseQueries), h = u((k) => k.actions.setRunSql), f = u((k) => k.actions.setCardType), [p, N] = q([]), y = u((k) => k.currentColumns), V = u((k) => k.card.sql), I = u((k) => k.selectedTableName), z = `
+  const o = ns(null), i = ns(null), { authToken: d } = Se(), [m, c] = q(!1), b = u((k) => k.actions.setCardSql), g = M((k) => k.dashboard.baseQueries), h = u((k) => k.actions.setRunSql), f = u((k) => k.actions.setCardType), [p, N] = q([]), y = u((k) => k.currentColumns), V = u((k) => k.card.sql), I = u((k) => k.selectedTableName), z = `
   ${a}
 
   Database Query Dialect: ${I === "api" || I === "s3" ? "DuckDb" : ""}
@@ -1727,13 +1727,13 @@ function cl({
   Table Columns: ${y == null ? void 0 : y.map((k) => `${k.column_name} | ${k.data_type}`).join(", ")}
   User SQL: ${V}  
   ${g && `Base Queries: ${JSON.stringify(g)} `}`, F = ` 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: ${ol}`, { data: T, isLoading: A, isFetching: m, isError: v, refetch: j } = be({
+  Visual Query Syntax: ${ol}`, { data: T, isLoading: A, isFetching: x, isError: v, refetch: j } = be({
     queryKey: ["ai-query"],
     queryFn: () => ze(
       "https://semaphor.cloud/api/v1/ai",
       (d == null ? void 0 : d.accessToken) || "",
       {
-        user_content: `userContent: ${z} ${x ? F : ""}`
+        user_content: `userContent: ${z} ${m ? F : ""}`
       }
     ),
     enabled: !1
@@ -1902,7 +1902,7 @@ function cl({
                     className: Y(
                       "max-h-10 min-h-7 resize-none border-none focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0"
                     ),
-                    disabled: A || m,
+                    disabled: A || x,
                     value: a,
                     onChange: (k) => t(k.target.value)
                   }
@@ -1915,7 +1915,7 @@ function cl({
                     size: "sm",
                     variant: "ghost",
                     onClick: S,
-                    children: !A && !m ? /* @__PURE__ */ e.jsx(mt, {}) : /* @__PURE__ */ e.jsx(Ae, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" })
+                    children: !A && !x ? /* @__PURE__ */ e.jsx(mt, {}) : /* @__PURE__ */ e.jsx(Ae, { className: "mr-2 h-4 w-4 animate-spin text-foreground/50" })
                   }
                 )
               ] })
@@ -2054,7 +2054,7 @@ function jl({ sql: s }) {
   ] });
 }
 function _a(s) {
-  const { theme: n } = jt(), a = M((p) => p.theme), t = u((p) => p.frame), l = u((p) => p.card), r = u((p) => p.activeTabCardId), o = bt(), { refetch: i } = De(l), { updateCardTab: d, setRunSql: x } = ne(), c = ns(), b = ns({}), g = t.cards.find((p) => p.id === r), h = Oa(() => {
+  const { theme: n } = jt(), a = M((p) => p.theme), t = u((p) => p.frame), l = u((p) => p.card), r = u((p) => p.activeTabCardId), o = bt(), { refetch: i } = De(l), { updateCardTab: d, setRunSql: m } = te(), c = ns(), b = ns({}), g = t.cards.find((p) => p.id === r), h = Oa(() => {
     let p = "";
     return s === "python" && (p = (g == null ? void 0 : g.python) || fa), s === "sql" && (p = (g == null ? void 0 : g.sql) || ""), p;
   }, [s, g]);
@@ -2070,14 +2070,14 @@ function _a(s) {
         }
         c.current.setModel(N);
       }
-      d(r, l), x(!0);
+      d(r, l), m(!0);
     }
   }, [
     r,
     l,
     d,
     o,
-    x,
+    m,
     s,
     h
   ]), X(() => {
@@ -2115,7 +2115,7 @@ function _a(s) {
   return { handleEditorDidMount: f };
 }
 function bl() {
-  const s = u((o) => o.card.sql), n = u((o) => o.sqlGen), { setCardSql: a, setSqlGen: t } = ne(), { handleEditorDidMount: l } = _a("sql");
+  const s = u((o) => o.card.sql), n = u((o) => o.sqlGen), { setCardSql: a, setSqlGen: t } = te(), { handleEditorDidMount: l } = _a("sql");
   function r(o) {
     a(o), vt(n) || t({});
   }
@@ -2144,7 +2144,7 @@ function bl() {
   );
 }
 function yl() {
-  const s = u((l) => l.card.python), { setCardPython: n } = ne(), { handleEditorDidMount: a } = _a("python");
+  const s = u((l) => l.card.python), { setCardPython: n } = te(), { handleEditorDidMount: a } = _a("python");
   function t(l) {
     n(l);
   }
@@ -2207,7 +2207,7 @@ function Cl() {
   const [s, n] = q({
     queryKey: [],
     queryData: null
-  }), a = Ct(), [t, l] = q(!1), [r, o] = q(!1), [i, d] = q(!1), [x, c] = q(""), [b, g] = q(!1), h = u((w) => w.frame), f = u((w) => w.card), p = u((w) => w.isShowingVisual), N = u(
+  }), a = Ct(), [t, l] = q(!1), [r, o] = q(!1), [i, d] = q(!1), [m, c] = q(""), [b, g] = q(!1), h = u((w) => w.frame), f = u((w) => w.card), p = u((w) => w.isShowingVisual), N = u(
     (w) => w.selectedConnectionId
   ), y = u(
     (w) => w.selectedDatabaseName
@@ -2220,13 +2220,13 @@ function Cl() {
     return (le = w == null ? void 0 : w.card) == null ? void 0 : le.sql;
   }), T = u((w) => w.applyFilters), {
     setCardCustomCfg: A,
-    setQueryResultColumns: m,
+    setQueryResultColumns: x,
     setCardSql: v,
     setQueryError: j,
     setPythonStdOut: D,
     setCardPreferences: S,
     setCardType: _
-  } = ne(), P = u((w) => w.onSave), K = u((w) => w.onClose), ee = u((w) => w.actions.setSqlGen), G = u((w) => w.runSql), se = u((w) => w.actions.setRunSql), k = u((w) => w.actions.setCardCfg), $ = u(
+  } = te(), P = u((w) => w.onSave), K = u((w) => w.onClose), ee = u((w) => w.actions.setSqlGen), G = u((w) => w.runSql), se = u((w) => w.actions.setRunSql), k = u((w) => w.actions.setCardCfg), $ = u(
     (w) => w.actions.setIsSqlRunning
   ), {
     data: U,
@@ -2235,7 +2235,7 @@ function Cl() {
     isSuccess: re,
     isError: B,
     error: ae,
-    queryKey: te,
+    queryKey: ne,
     refetch: je
   } = De(f);
   X(() => {
@@ -2244,10 +2244,10 @@ function Cl() {
       richColors: !0
     }), D((U == null ? void 0 : U.output) || ""), U.records.length > 0)) {
       const { dimensionKeys: w } = js(U.records);
-      m(w);
+      x(w);
     }
-  }, [U, m, D]), X(() => {
-    (E || L) && $(!0), (B || re) && $(!1), B ? (j(ae.message), m([]), D("")) : j("");
+  }, [U, x, D]), X(() => {
+    (E || L) && $(!0), (B || re) && $(!1), B ? (j(ae.message), x([]), D("")) : j("");
   }, [
     E,
     L,
@@ -2256,18 +2256,18 @@ function Cl() {
     B,
     re,
     $,
-    m,
+    x,
     j,
     ae
   ]), X(() => {
-    G && (a.getQueryData(te) || je(), se(!1));
-  }, [G, je, se, te, a]);
+    G && (a.getQueryData(ne) || je(), se(!1));
+  }, [G, je, se, ne, a]);
   function Fe() {
-    const w = a.getQueryData(te);
+    const w = a.getQueryData(ne);
     s.queryData || n({
-      queryKey: te,
+      queryKey: ne,
       queryData: w
-    }), a.setQueryData(te, null), v(""), ee({}), k(void 0), A(""), S({}), _("bar");
+    }), v(""), ee({}), k(void 0), A(""), S({}), _("bar");
   }
   function we(w, le) {
     if (w.length === 0)
@@ -2480,7 +2480,7 @@ function Cl() {
                     {
                       open: i,
                       setOpen: d,
-                      userInput: x,
+                      userInput: m,
                       triggerAIRun: b,
                       setTriggerAIRun: g,
                       setUserInput: (w) => c(w)
@@ -2529,7 +2529,7 @@ function Nl({ data: s }) {
     // header: key,
     accessorKey: i,
     header: ({ column: d }) => {
-      const x = d.getIsSorted();
+      const m = d.getIsSorted();
       return /* @__PURE__ */ e.jsx("div", { className: "flex gap-2", children: /* @__PURE__ */ e.jsxs(
         "div",
         {
@@ -2537,7 +2537,7 @@ function Nl({ data: s }) {
           onClick: () => d.toggleSorting(d.getIsSorted() === "asc"),
           children: [
             i,
-            x === "asc" ? /* @__PURE__ */ e.jsx(St, { className: "ml-2 h-5 w-5" }) : x === "desc" ? /* @__PURE__ */ e.jsx(wt, { className: "ml-2 h-5 w-5" }) : null
+            m === "asc" ? /* @__PURE__ */ e.jsx(St, { className: "ml-2 h-5 w-5" }) : m === "desc" ? /* @__PURE__ */ e.jsx(wt, { className: "ml-2 h-5 w-5" }) : null
           ]
         }
       ) });
@@ -2578,15 +2578,15 @@ function Nl({ data: s }) {
   ] }) });
 }
 function Sl({ card: s }) {
-  var y, V, I, z, F, T, A, m, v, j, D;
+  var y, V, I, z, F, T, A, x, v, j, D;
   const [n, a] = q(!1), [t, l] = q(
     []
   ), { authToken: r } = Se(), o = Tt(r == null ? void 0 : r.accessToken), i = M((S) => S.themeStyle), d = {
     colors: ((V = (y = i == null ? void 0 : i.chart) == null ? void 0 : y.dataset) == null ? void 0 : V.backgroundColor) || []
   };
   (I = s.customCardPreferences) != null && I.inputData;
-  const { getCard: x } = ga(((z = s.customCardPreferences) == null ? void 0 : z.url) || ""), c = ((F = s.customCardPreferences) == null ? void 0 : F.visualType) || "single", b = u((S) => S.frame);
-  ne();
+  const { getCard: m } = ga(((z = s.customCardPreferences) == null ? void 0 : z.url) || ""), c = ((F = s.customCardPreferences) == null ? void 0 : F.visualType) || "single", b = u((S) => S.frame);
+  te();
   const { data: g } = De(s), h = Oa((S, _) => {
     l((P) => ({
       ...P,
@@ -2595,14 +2595,14 @@ function Sl({ card: s }) {
   }, []);
   if (!((T = s.customCardPreferences) != null && T.componentName))
     return null;
-  const f = x(
+  const f = m(
     (A = s.customCardPreferences) == null ? void 0 : A.componentName
   );
   function p(S) {
     a(S);
   }
   const N = Object.keys(
-    ((m = s.customCardPreferences) == null ? void 0 : m.dataInputCardIds) || {}
+    ((x = s.customCardPreferences) == null ? void 0 : x.dataInputCardIds) || {}
   ).map((S) => {
     var K, ee, G;
     const _ = (ee = (K = s.customCardPreferences) == null ? void 0 : K.dataInputCardIds) == null ? void 0 : ee[S].cardId, P = (G = b == null ? void 0 : b.cards) == null ? void 0 : G.find((se) => se.id === _);
@@ -2672,7 +2672,7 @@ function Ha({
   var N;
   const a = u((y) => y.card), t = ((N = a.customCardPreferences) == null ? void 0 : N.showCardHeader) ?? !0, l = u((y) => y.frame), r = M((y) => y.dashboard.filters);
   u((y) => y.actions.setRunSql);
-  const { updateFilter: o } = is(), i = r == null ? void 0 : r.find((y) => y.id === l.filterId), { data: d, isLoading: x, isFetching: c } = De(a), { setCard: b } = ne(), { data: g } = Es(a);
+  const { updateFilter: o } = is(), i = r == null ? void 0 : r.find((y) => y.id === l.filterId), { data: d, isLoading: m, isFetching: c } = De(a), { setCard: b } = te(), { data: g } = Es(a);
   if (!a.id) return null;
   let h;
   d != null && d.records && (d == null ? void 0 : d.records.length) > 0 && (h = ja({
@@ -2688,7 +2688,7 @@ function Ha({
   }
   function p() {
     var y;
-    if (d != null && d.records && (d == null ? void 0 : d.records.length) === 0 && !x && !c)
+    if (d != null && d.records && (d == null ? void 0 : d.records.length) === 0 && !m && !c)
       return /* @__PURE__ */ e.jsxs("div", { className: "flex h-full flex-col items-center justify-center gap-2", children: [
         /* @__PURE__ */ e.jsx(_t, { className: "size-8 text-muted-foreground" }),
         /* @__PURE__ */ e.jsx("p", { className: "text-sm text-muted-foreground", children: "No records to display" })
@@ -2873,7 +2873,7 @@ const ea = ({ language: s, value: n, onChange: a }) => /* @__PURE__ */ e.jsx(
   /* @__PURE__ */ e.jsx(O, { onClick: l, variant: "outline", children: "Close" })
 ] });
 function Ol() {
-  const [s, n] = q(!1), [a, t] = q(""), [l, r] = q(""), [o, i] = q(""), [d, x] = q(""), c = u((z) => z.card), b = u((z) => z.card.customCfg), { data: g } = De(c), { data: h } = Es(c), { setCardCustomCfg: f, setCustomVisualCode: p } = ne(), N = (z) => {
+  const [s, n] = q(!1), [a, t] = q(""), [l, r] = q(""), [o, i] = q(""), [d, m] = q(""), c = u((z) => z.card), b = u((z) => z.card.customCfg), { data: g } = De(c), { data: h } = Es(c), { setCardCustomCfg: f, setCustomVisualCode: p } = te(), N = (z) => {
     var F, T;
     return JSON.stringify(
       {
@@ -2906,10 +2906,10 @@ function Ol() {
     try {
       if (o && p(o), l) {
         const z = JSON.parse(l);
-        f(z), x("");
+        f(z), m("");
       }
     } catch {
-      x("Invalid JSON configuration");
+      m("Invalid JSON configuration");
     }
   }, I = () => {
     if (b) {
@@ -2987,7 +2987,7 @@ function Wa(s) {
   const [n, a] = q(null);
   return X(() => {
     s && (async () => {
-      const r = (await import("./lucide-react-CoTyczdi.js"))[s];
+      const r = (await import("./lucide-react-CmVFr7-K.js"))[s];
       a(r);
     })();
   }, [s]), n;
@@ -3041,8 +3041,8 @@ const Ml = ({
 };
 function Il() {
   var c, b;
-  const [s, n] = q(!1), a = u((g) => g.card), t = a.type, { setCardType: l, setCardPreferences: r, setChartOrientation: o } = u((g) => g.actions), { setCardCustomCfg: i, setCustomCardPreferences: d } = ne();
-  function x(g, h) {
+  const [s, n] = q(!1), a = u((g) => g.card), t = a.type, { setCardType: l, setCardPreferences: r, setChartOrientation: o } = u((g) => g.actions), { setCardCustomCfg: i, setCustomCardPreferences: d } = te();
+  function m(g, h) {
     i(null), r({}), l(g), h && d({
       type: "component",
       visualType: "single",
@@ -3066,7 +3066,7 @@ function Il() {
         /* @__PURE__ */ e.jsx(
           O,
           {
-            onClick: () => x("bar"),
+            onClick: () => m("bar"),
             className: "font-normal",
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(qs, { className: "size-5" })
@@ -3075,7 +3075,7 @@ function Il() {
         /* @__PURE__ */ e.jsx(
           O,
           {
-            onClick: () => x("line"),
+            onClick: () => m("line"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(Rs, { className: "size-5" })
           }
@@ -3083,7 +3083,7 @@ function Il() {
         /* @__PURE__ */ e.jsx(
           O,
           {
-            onClick: () => x("stackedBar"),
+            onClick: () => m("stackedBar"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(Ka, { className: "size-5", strokeWidth: 0 })
           }
@@ -3091,7 +3091,7 @@ function Il() {
         /* @__PURE__ */ e.jsx(
           O,
           {
-            onClick: () => x("stackedLine"),
+            onClick: () => m("stackedLine"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(Ga, { className: "size-5", strokeWidth: 0 })
           }
@@ -3099,7 +3099,7 @@ function Il() {
         /* @__PURE__ */ e.jsx(
           O,
           {
-            onClick: () => x("scatter"),
+            onClick: () => m("scatter"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(Ia, { className: "size-5" })
           }
@@ -3107,7 +3107,7 @@ function Il() {
         /* @__PURE__ */ e.jsx(
           O,
           {
-            onClick: () => x("bubble"),
+            onClick: () => m("bubble"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(Ua, { className: "size-4" })
           }
@@ -3115,7 +3115,7 @@ function Il() {
         /* @__PURE__ */ e.jsx(
           O,
           {
-            onClick: () => x("pie"),
+            onClick: () => m("pie"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(Ma, { className: "size-5" })
           }
@@ -3123,7 +3123,7 @@ function Il() {
         /* @__PURE__ */ e.jsx(
           O,
           {
-            onClick: () => x("doughnut"),
+            onClick: () => m("doughnut"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(Pa, { className: "size-5", strokeWidth: 1 })
           }
@@ -3131,7 +3131,7 @@ function Il() {
         /* @__PURE__ */ e.jsx(
           O,
           {
-            onClick: () => x("radar"),
+            onClick: () => m("radar"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(
               $a,
@@ -3145,7 +3145,7 @@ function Il() {
         /* @__PURE__ */ e.jsx(
           O,
           {
-            onClick: () => x("polarArea"),
+            onClick: () => m("polarArea"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(Ba, { className: "size-5" })
           }
@@ -3153,7 +3153,7 @@ function Il() {
         /* @__PURE__ */ e.jsx(
           O,
           {
-            onClick: () => x("pyramid"),
+            onClick: () => m("pyramid"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(Ja, { className: "size-5" })
           }
@@ -3161,7 +3161,7 @@ function Il() {
         /* @__PURE__ */ e.jsx(
           O,
           {
-            onClick: () => x("range"),
+            onClick: () => m("range"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(Da, { className: "size-5" })
           }
@@ -3169,7 +3169,7 @@ function Il() {
         /* @__PURE__ */ e.jsx(
           O,
           {
-            onClick: () => x("table"),
+            onClick: () => m("table"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(Is, { className: "size-5" })
           }
@@ -3177,7 +3177,7 @@ function Il() {
         /* @__PURE__ */ e.jsx(
           O,
           {
-            onClick: () => x("kpi"),
+            onClick: () => m("kpi"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(Qa, { className: "size-6" })
           }
@@ -3185,7 +3185,7 @@ function Il() {
         /* @__PURE__ */ e.jsx(
           O,
           {
-            onClick: () => x("text"),
+            onClick: () => m("text"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(_s, { className: "size-4" })
           }
@@ -3193,7 +3193,7 @@ function Il() {
         /* @__PURE__ */ e.jsx(
           O,
           {
-            onClick: () => x("map"),
+            onClick: () => m("map"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(Ta, { className: "size-4" })
           }
@@ -3201,13 +3201,13 @@ function Il() {
         /* @__PURE__ */ e.jsx(
           O,
           {
-            onClick: () => x("custom"),
+            onClick: () => m("custom"),
             variant: "ghost",
             children: /* @__PURE__ */ e.jsx(La, { className: "size-4" })
           }
         )
       ] }),
-      /* @__PURE__ */ e.jsx(Dl, { onChartTypeChange: x })
+      /* @__PURE__ */ e.jsx(Dl, { onChartTypeChange: m })
     ] })
   ] });
 }
@@ -3258,7 +3258,7 @@ function Fl({
 function Tl() {
   var n;
   const s = u((a) => a.card);
-  return (n = s.customCardPreferences) == null || n.showCardHeader, ne(), /* @__PURE__ */ e.jsxs(na, { children: [
+  return (n = s.customCardPreferences) == null || n.showCardHeader, te(), /* @__PURE__ */ e.jsxs(na, { children: [
     /* @__PURE__ */ e.jsx(la, { asChild: !0, children: /* @__PURE__ */ e.jsx(Fa, { className: "size-4 cursor-pointer text-muted-foreground/70 transition-colors hover:text-muted-foreground" }) }),
     /* @__PURE__ */ e.jsx(ra, { align: "start", className: "w-40 text-muted-foreground", children: /* @__PURE__ */ e.jsxs(
       Gt,
@@ -3276,12 +3276,12 @@ function Tl() {
   ] });
 }
 function sa() {
-  const s = u((m) => m.frame), n = u((m) => m.card), a = u((m) => m.isShowingVisual), t = u((m) => m.isSqlRunning), l = u((m) => m.queryError), r = u((m) => m.pythonStdOut);
-  u((m) => m.actions.setRunSql);
-  const { setFrame: o, setCard: i, updateCardInFrame: d, setActiveTabCardId: x } = ne(), { data: c, isLoading: b, isFetching: g } = De(n);
+  const s = u((x) => x.frame), n = u((x) => x.card), a = u((x) => x.isShowingVisual), t = u((x) => x.isSqlRunning), l = u((x) => x.queryError), r = u((x) => x.pythonStdOut);
+  u((x) => x.actions.setRunSql);
+  const { setFrame: o, setCard: i, updateCardInFrame: d, setActiveTabCardId: m } = te(), { data: c, isLoading: b, isFetching: g } = De(n);
   if (!n) return /* @__PURE__ */ e.jsx(e.Fragment, { children: "No Active Card" });
   function h() {
-    const m = {
+    const x = {
       connectionId: n.connectionId,
       id: Ue(),
       title: "Title",
@@ -3298,49 +3298,49 @@ function sa() {
       sql: "",
       data: []
     };
-    f(m);
+    f(x);
   }
-  function f(m) {
+  function f(x) {
     const v = {
       ...s,
-      cards: [...s.cards, m],
-      activeCardId: m.id
+      cards: [...s.cards, x],
+      activeCardId: x.id
     };
-    o(v), x(m.id);
+    o(v), m(x.id);
   }
   function p() {
-    const m = {
+    const x = {
       ...n,
       id: Ue(),
       title: `${n.title} Copy`,
       tabTitle: `${n.tabTitle || n.title} Copy`
     };
-    f(m);
+    f(x);
   }
-  function N(m) {
-    const v = s.cards.filter((S) => S.id !== m), j = v[0], D = {
+  function N(x) {
+    const v = s.cards.filter((S) => S.id !== x), j = v[0], D = {
       ...s,
       cards: v,
       // update the active card to the first card in the frame
       activeCardId: j.id
     };
-    o(D), i(j);
+    o(D), m(j.id), i(j);
   }
-  function y(m) {
-    x(m);
+  function y(x) {
+    m(x);
   }
-  const V = (m, v) => {
-    console.log("handleDragStart", v), m.dataTransfer.setData("tabIndex", v.toString());
-  }, I = (m) => {
-    m.preventDefault();
-  }, z = (m, v) => {
-    const j = m.dataTransfer.getData("tabIndex");
+  const V = (x, v) => {
+    console.log("handleDragStart", v), x.dataTransfer.setData("tabIndex", v.toString());
+  }, I = (x) => {
+    x.preventDefault();
+  }, z = (x, v) => {
+    const j = x.dataTransfer.getData("tabIndex");
     if (j === v.toString()) return;
     const D = Array.from(s.cards), [S] = D.splice(parseInt(j), 1);
     D.splice(v, 0, S), o({ ...s, cards: D });
   };
-  function F(m, v) {
-    return m.cards.length === 1 && (v.displayTab === !0 || v.displayTab === void 0) || m.activeCardId !== v.id && (v.displayTab === !0 || v.displayTab === void 0) ? null : /* @__PURE__ */ e.jsx(
+  function F(x, v) {
+    return x.cards.length === 1 && (v.displayTab === !0 || v.displayTab === void 0) || x.activeCardId !== v.id && (v.displayTab === !0 || v.displayTab === void 0) ? null : /* @__PURE__ */ e.jsx(
       "div",
       {
         onClick: () => {
@@ -3362,12 +3362,12 @@ function sa() {
         value: s.activeCardId,
         className: "flex grow flex-col",
         children: [
-          s.cards.map((m) => /* @__PURE__ */ e.jsx(es, { className: "mt-0 grow", value: m.id, children: A() }, m.id)),
+          s.cards.map((x) => /* @__PURE__ */ e.jsx(es, { className: "mt-0 grow", value: x.id, children: A() }, x.id)),
           /* @__PURE__ */ e.jsx(Ca, { className: "group mx-6 justify-between", children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center", children: [
-            s.cards.map((m, v) => /* @__PURE__ */ e.jsx(
+            s.cards.map((x, v) => /* @__PURE__ */ e.jsx(
               Ze,
               {
-                text: m.tabTitle || m.title,
+                text: x.tabTitle || x.title,
                 onSave: (j) => {
                   i({ ...n, tabTitle: j }), d({ ...n, tabTitle: j });
                 },
@@ -3379,22 +3379,22 @@ function sa() {
                     onDragOver: I,
                     onDrop: (j) => z(j, v),
                     className: "",
-                    value: m.id,
+                    value: x.id,
                     children: [
-                      F(s, m),
-                      m.tabTitle || m.title,
-                      s.activeCardId === m.id && s.cards.length > 1 && /* @__PURE__ */ e.jsx(
+                      F(s, x),
+                      x.tabTitle || x.title,
+                      s.activeCardId === x.id && s.cards.length > 1 && /* @__PURE__ */ e.jsx(
                         Sa,
                         {
                           className: "ml-2 size-3.5 text-muted-foreground hover:text-foreground",
-                          onClick: () => N(m.id)
+                          onClick: () => N(x.id)
                         }
                       )
                     ]
                   }
                 )
               },
-              m.id
+              x.id
             )),
             /* @__PURE__ */ e.jsx(
               O,
@@ -3572,9 +3572,9 @@ function Al() {
   var p, N;
   const s = u(
     (y) => y.card.customCardPreferences
-  ), { data: n } = Ya(), a = (n == null ? void 0 : n.plugins) || [], t = u((y) => y.card), l = u((y) => y.frame), r = (s == null ? void 0 : s.visualType) || "single", { setCustomCardPreferences: o } = ne(), { components: i, manifest: d } = ga(
+  ), { data: n } = Ya(), a = (n == null ? void 0 : n.plugins) || [], t = u((y) => y.card), l = u((y) => y.frame), r = (s == null ? void 0 : s.visualType) || "single", { setCustomCardPreferences: o } = te(), { components: i, manifest: d } = ga(
     (s == null ? void 0 : s.url) || ""
-  ), x = (p = d == null ? void 0 : d.visuals) == null ? void 0 : p.find(
+  ), m = (p = d == null ? void 0 : d.visuals) == null ? void 0 : p.find(
     (y) => y.name === (s == null ? void 0 : s.componentName)
   );
   function c(y, V) {
@@ -3601,7 +3601,7 @@ function Al() {
       label: F.tabTitle || F.title
     }));
     return /* @__PURE__ */ e.jsx("div", { className: "space-y-2", children: (z = y == null ? void 0 : y.dataInputs) == null ? void 0 : z.map((F, T) => {
-      var A, m;
+      var A, x;
       return /* @__PURE__ */ e.jsxs(
         "div",
         {
@@ -3614,7 +3614,7 @@ function Al() {
                 className: "col-span-6 h-8 w-full justify-between",
                 label: "",
                 options: V || [],
-                value: ((m = (A = s == null ? void 0 : s.dataInputCardIds) == null ? void 0 : A[T]) == null ? void 0 : m.cardId) || "",
+                value: ((x = (A = s == null ? void 0 : s.dataInputCardIds) == null ? void 0 : A[T]) == null ? void 0 : x.cardId) || "",
                 onValueChange: (v) => c(T, v)
               }
             )
@@ -3735,11 +3735,11 @@ function Al() {
         ] }) }) }),
         /* @__PURE__ */ e.jsx(Ce, { className: "my-4" }),
         ((N = t == null ? void 0 : t.customCardPreferences) == null ? void 0 : N.componentName) && /* @__PURE__ */ e.jsxs(Pe, { summary: "Component Settings", children: [
-          x && x.dataInputs && /* @__PURE__ */ e.jsxs("div", { className: "space-y-3", children: [
+          m && m.dataInputs && /* @__PURE__ */ e.jsxs("div", { className: "space-y-3", children: [
             /* @__PURE__ */ e.jsx(H, { children: "Input Mapping" }),
-            /* @__PURE__ */ e.jsx("div", { className: "px-2", children: b(x) })
+            /* @__PURE__ */ e.jsx("div", { className: "px-2", children: b(m) })
           ] }),
-          x && x.settings && /* @__PURE__ */ e.jsx("div", { className: "space-y-3", children: /* @__PURE__ */ e.jsx("div", { className: "px-2", children: h(x) }) })
+          m && m.settings && /* @__PURE__ */ e.jsx("div", { className: "space-y-3", children: /* @__PURE__ */ e.jsx("div", { className: "px-2", children: h(m) }) })
         ] })
       ]
     }
@@ -3801,7 +3801,7 @@ function Ie() {
       onClickFilter: g
     });
   }
-  function x(c) {
+  function m(c) {
     var b, g, h, f;
     if (s != null && s[c] || (g = (b = a == null ? void 0 : a.onClickFilter) == null ? void 0 : b.find((p) => p.columnIndex === c)) != null && g.expression)
       return /* @__PURE__ */ e.jsx(
@@ -3856,7 +3856,7 @@ function Ie() {
                 }
               ) })
             ] }),
-            x(b)
+            m(b)
           ] })
         },
         c
@@ -3866,12 +3866,12 @@ function Ie() {
 }
 function xs() {
   var o, i, d;
-  const s = u((x) => x.card.preferences), n = u(
-    (x) => x.card.cfg
-  ), { setCardCfg: a, setCardPreferences: t, setChartOrientation: l } = u((x) => x.actions);
+  const s = u((m) => m.card.preferences), n = u(
+    (m) => m.card.cfg
+  ), { setCardCfg: a, setCardPreferences: t, setChartOrientation: l } = u((m) => m.actions);
   (o = n == null ? void 0 : n.options) != null && o.indexAxis;
-  function r(x) {
-    l(x);
+  function r(m) {
+    l(m);
   }
   return /* @__PURE__ */ e.jsxs(
     ms,
@@ -3911,19 +3911,19 @@ function Za() {
     aa(a)
   ), [i, d] = q(
     ((se = (G = (ee = a == null ? void 0 : a.chartOptions) == null ? void 0 : ee.scales) == null ? void 0 : G[l]) == null ? void 0 : se.min) || ""
-  ), [x, c] = q(
+  ), [m, c] = q(
     ((U = ($ = (k = a == null ? void 0 : a.chartOptions) == null ? void 0 : k.scales) == null ? void 0 : $[l]) == null ? void 0 : U.max) || ""
-  ), [b, g] = q(i || x ? "custom" : "auto"), [h, f] = q(""), [p, N] = q(0), [y, V] = q(""), [I, z] = q(""), [F, T] = q(""), A = u(
+  ), [b, g] = q(i || m ? "custom" : "auto"), [h, f] = q(""), [p, N] = q(0), [y, V] = q(""), [I, z] = q(""), [F, T] = q(""), A = u(
     (E) => E.actions.setCardPreferences
-  ), { updateCardInFrame: m } = ne(), v = u((E) => E.card), j = u((E) => {
+  ), { updateCardInFrame: x } = te(), v = u((E) => E.card), j = u((E) => {
     var L;
     return (L = E.card) == null ? void 0 : L.type;
   }), D = ["pie", "doughnut", "polarArea"].includes(j);
   X(() => {
-    var E, L, re, B, ae, te, je, Fe, we, Te, Le, Ee, Ve, w;
+    var E, L, re, B, ae, ne, je, Fe, we, Te, Le, Ee, Ve, w;
     o(aa(a)), d(
       ((re = (L = (E = a == null ? void 0 : a.chartOptions) == null ? void 0 : E.scales) == null ? void 0 : L[l]) == null ? void 0 : re.min) === 0 ? 0 : ""
-    ), c(((te = (ae = (B = a == null ? void 0 : a.chartOptions) == null ? void 0 : B.scales) == null ? void 0 : ae[l]) == null ? void 0 : te.max) || ""), f(
+    ), c(((ne = (ae = (B = a == null ? void 0 : a.chartOptions) == null ? void 0 : B.scales) == null ? void 0 : ae[l]) == null ? void 0 : ne.max) || ""), f(
       ((Te = (we = (Fe = (je = a == null ? void 0 : a.chartOptions) == null ? void 0 : je.scales) == null ? void 0 : Fe[l]) == null ? void 0 : we.ticks) == null ? void 0 : Te.stepSize) || ""
     ), N(((Le = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : Le.decimalPlaces) || 0), V(((Ee = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : Ee.suffix) || ""), z(((Ve = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : Ve.currency) || ""), T(((w = a == null ? void 0 : a.numberAxisFormat) == null ? void 0 : w.locale) || "");
   }, [s, a, l]);
@@ -4010,7 +4010,7 @@ function Za() {
         /* @__PURE__ */ e.jsx(
           ie,
           {
-            value: x,
+            value: m,
             onChange: (E) => c((L) => S(L, E.target.value)),
             id: "max",
             className: `col-span-1 h-8 w-full ${We}`
@@ -4036,7 +4036,7 @@ function Za() {
     let E = {};
     b === "custom" && (E = {
       min: i,
-      max: x,
+      max: m,
       ticks: {
         stepSize: h
       }
@@ -4066,7 +4066,7 @@ function Za() {
       ...v,
       preferences: L
     };
-    m(re);
+    x(re);
   }
   return /* @__PURE__ */ e.jsxs(ds, { onOpenChange: (E) => n(E), children: [
     /* @__PURE__ */ e.jsx(us, { asChild: !0, children: /* @__PURE__ */ e.jsx(Xt, { className: "size-4 cursor-pointer text-muted-foreground hover:text-foreground" }) }),
@@ -4138,17 +4138,17 @@ function Za() {
 function ql({ idx: s }) {
   var i;
   const n = u((d) => {
-    var x;
-    return (x = d.card) == null ? void 0 : x.preferences;
+    var m;
+    return (m = d.card) == null ? void 0 : m.preferences;
   }), a = u(
     (d) => {
-      var x;
-      return (x = d.card.preferences) == null ? void 0 : x.datasetOptions;
+      var m;
+      return (m = d.card.preferences) == null ? void 0 : m.datasetOptions;
     }
   ), t = u(
     (d) => d.actions.setCardPreferences
   ), l = (i = n == null ? void 0 : n.chartOptions) == null ? void 0 : i.indexAxis, r = a == null ? void 0 : a.find((d) => d.idx === s);
-  function o(d, x) {
+  function o(d, m) {
     (d === "end" || d === "start") && sn(an());
     const c = {
       display: d !== "none",
@@ -4162,7 +4162,7 @@ function ql({ idx: s }) {
         datasetOptions: [
           ...a || [],
           {
-            idx: x,
+            idx: m,
             datalabels: c
           }
         ]
@@ -4171,7 +4171,7 @@ function ql({ idx: s }) {
       const b = { ...r };
       b.datalabels = c;
       const g = a == null ? void 0 : a.map(
-        (h) => h.idx === x ? b : h
+        (h) => h.idx === m ? b : h
       );
       t({
         ...n,
@@ -4247,10 +4247,10 @@ function ql({ idx: s }) {
   ] });
 }
 function Xa() {
-  const s = u((x) => x.card), n = u(
-    (x) => {
+  const s = u((m) => m.card), n = u(
+    (m) => {
       var c, b, g;
-      return (g = (b = (c = x == null ? void 0 : x.card) == null ? void 0 : c.preferences) == null ? void 0 : b.chartOptions) == null ? void 0 : g.indexAxis;
+      return (g = (b = (c = m == null ? void 0 : m.card) == null ? void 0 : c.preferences) == null ? void 0 : b.chartOptions) == null ? void 0 : g.indexAxis;
     }
   ), { data: a } = De(s), t = n === "y" ? "Y axis" : "X axis", l = n === "y" ? "X axis" : "Y axis", {
     keys: r,
@@ -4259,12 +4259,12 @@ function Xa() {
   } = js((a == null ? void 0 : a.records) || []);
   let d = o;
   if (["stackedBar", "stackedLine"].includes(s.type)) {
-    const x = tn({
+    const m = tn({
       dataArray: (a == null ? void 0 : a.records) || [],
       groupKey: i[0],
       pivotKey: i[1],
       valueKey: d[0]
-    }), { metricKeys: c } = js(x);
+    }), { metricKeys: c } = js(m);
     d = c;
   }
   return r.length === 0 ? null : /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
@@ -4277,7 +4277,7 @@ function Xa() {
         /* @__PURE__ */ e.jsx(H, { children: l }),
         /* @__PURE__ */ e.jsx(Za, {})
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: d.map((x, c) => /* @__PURE__ */ e.jsx(Rl, { col: x, idx: c }, x)) })
+      /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: d.map((m, c) => /* @__PURE__ */ e.jsx(Rl, { col: m, idx: c }, m)) })
     ] })
   ] });
 }
@@ -4307,12 +4307,12 @@ function Rl({ col: s, idx: n }) {
     else {
       const d = { ...l };
       d.type = i === "area" ? "line" : i, d.fill = i === "area" ? "origin" : "";
-      const x = t == null ? void 0 : t.map(
+      const m = t == null ? void 0 : t.map(
         (c) => c.idx === n ? d : c
       );
       r({
         ...a,
-        datasetOptions: x
+        datasetOptions: m
       });
     }
   }
@@ -4345,7 +4345,7 @@ function Rl({ col: s, idx: n }) {
   ] });
 }
 function et() {
-  const s = u((g) => g.selectedConnectionId), n = u((g) => g.selectedDatamodelId), a = u((g) => g.selectedDatabaseName), t = u((g) => g.selectedSchemaName), l = u((g) => g.selectedTableName), r = M((g) => g.dashboard.filters) || [], o = M((g) => g.actions.addFilter), i = M((g) => g.actions.removeFilter), { removeFilterValues: d } = is(), { modelItems: x, tableName: c } = qe();
+  const s = u((g) => g.selectedConnectionId), n = u((g) => g.selectedDatamodelId), a = u((g) => g.selectedDatabaseName), t = u((g) => g.selectedSchemaName), l = u((g) => g.selectedTableName), r = M((g) => g.dashboard.filters) || [], o = M((g) => g.actions.addFilter), i = M((g) => g.actions.removeFilter), { removeFilterValues: d } = is(), { modelItems: m, tableName: c } = qe();
   function b(g, h = "dashboard") {
     var T;
     const f = ce(g.column_name), p = ce(a || ""), N = ce(t || ""), y = ce(c);
@@ -4353,7 +4353,7 @@ function et() {
       N,
       y
     ), I = `${V}.${f}`;
-    const z = (T = x == null ? void 0 : x.find(
+    const z = (T = m == null ? void 0 : m.find(
       (A) => A.id === n
     )) == null ? void 0 : T.name;
     n && n !== "none" && (I = `${gs}.${z}.${f}`, V = `${gs}.${z}`);
@@ -4408,7 +4408,7 @@ function et() {
 function Re() {
   const s = M(
     (i) => i.dashboard.filters
-  ), n = u((i) => i.frame), { setFrame: a } = ne(), { columns: t } = qe(), { assignFilter: l } = et();
+  ), n = u((i) => i.frame), { setFrame: a } = te(), { columns: t } = qe(), { assignFilter: l } = et();
   function r(i) {
     const d = l(i, "frame");
     a({ ...n, filterId: d });
@@ -4450,8 +4450,8 @@ function _l({
           {
             value: i.column_name,
             onSelect: (d) => {
-              const x = d === l ? "" : d;
-              r(x), t(!1), x && n(i);
+              const m = d === l ? "" : d;
+              r(m), t(!1), m && n(i);
             },
             children: [
               i.column_name,
@@ -4531,7 +4531,7 @@ function Hs() {
         anchor: i,
         clamp: !0
       }
-    }, x = {
+    }, m = {
       ...s,
       options: {
         ...s == null ? void 0 : s.options,
@@ -4541,7 +4541,7 @@ function Hs() {
         }
       }
     };
-    n(x), console.log(i);
+    n(m), console.log(i);
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between", children: [
@@ -4756,7 +4756,7 @@ function Gl(s) {
     ] }) });
 }
 function Kl() {
-  var d, x, c, b, g;
+  var d, m, c, b, g;
   const s = u((h) => h.card.preferences), n = u(
     (h) => h.actions.setCardPreferences
   ), a = u(
@@ -4809,7 +4809,7 @@ function Kl() {
       ),
       /* @__PURE__ */ e.jsx(H, { children: "Format Number" })
     ] }),
-    ((x = s == null ? void 0 : s.formatNumber) == null ? void 0 : x.enabled) === !0 && /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2", children: [
+    ((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: [
@@ -5053,10 +5053,10 @@ const Jl = [
   value: s
 }));
 function Zl() {
-  var d, x, c, b, g, h, f, p, N, y, V, I, z, F, T, A, m, v;
-  const s = u((j) => j.card), n = (x = (d = s == null ? void 0 : s.preferences) == null ? void 0 : d.mapVisualOptions) == null ? void 0 : x.topoJsonUrl, [a, t] = q(
+  var d, m, c, b, g, h, f, p, N, y, V, I, z, F, T, A, x, v;
+  const s = u((j) => j.card), n = (m = (d = s == null ? void 0 : s.preferences) == null ? void 0 : d.mapVisualOptions) == null ? void 0 : m.topoJsonUrl, [a, t] = q(
     ((b = (c = s == null ? void 0 : s.preferences) == null ? void 0 : c.mapVisualOptions) == null ? void 0 : b.customTopoJsonUrl) || ""
-  ), { setCardPreferences: l } = ne(), { data: r } = Es(s), o = Object.keys((r == null ? void 0 : r.objects) || {}).map((j) => ({
+  ), { setCardPreferences: l } = te(), { data: r } = Es(s), o = Object.keys((r == null ? void 0 : r.objects) || {}).map((j) => ({
     label: j,
     value: j
   })) || [], i = [
@@ -5236,7 +5236,7 @@ function Zl() {
           className: `h-9 w-full ${$e}`,
           type: "number",
           step: 10,
-          value: ((v = (m = (A = s.preferences) == null ? void 0 : A.mapVisualOptions) == null ? void 0 : m.projectionOffset) == null ? void 0 : v[1]) || 0,
+          value: ((v = (x = (A = s.preferences) == null ? void 0 : A.mapVisualOptions) == null ? void 0 : x.projectionOffset) == null ? void 0 : v[1]) || 0,
           onChange: (j) => {
             var D, S, _, P;
             l({
@@ -5343,7 +5343,7 @@ function er() {
       var l, r;
       return (r = (l = t == null ? void 0 : t.card) == null ? void 0 : l.preferences) == null ? void 0 : r.sortChart;
     }
-  ), { setSortChart: n } = ne();
+  ), { setSortChart: n } = te();
   function a() {
     return /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
       /* @__PURE__ */ e.jsx(H, { children: "Sort" }),
@@ -5695,7 +5695,7 @@ function ur() {
   return a != null && a.length ? /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: Y("mb-1 flex items-center gap-2 border-y pb-0.5", {
+      className: Y("mb-1 flex items-center gap-2 border-y px-0.5 pb-0.5", {
         "bg-[repeating-linear-gradient(45deg,_#ffffff_0_3px,_#f3f3f3_3px_6px)]": n === "light",
         "bg-[repeating-linear-gradient(45deg,_#18171d_0_3px,_#272729_3px_6px)]": n === "dark"
       }),