react-semaphor 0.0.376 → 0.0.3771

package/dist/chunks/{index-BHFp3m2S.js → index-DeoC8wP6.js}

@@ -1,4 +1,4 @@
-import { c as P, x as ks, y as O, z as Ze, A as Ie, B as e, H as zs, J as Os, K as M, p as Xe, M as Is, N as Ts, Q as Ms, R as Ds, V as $, W as de, Y as ha, Z as Fs, _ as Ls, $ as Es, a0 as ma, a1 as xa, a2 as it, a3 as ea, a4 as Y, a5 as Je, i as ot, a6 as h, a7 as ct, a8 as dt, P as pa, F as fa, a9 as We, aa as Ke, ab as ga, ac as ut, ad as ja, ae as ge, af as je, ag as be, ah as ve, ai as ke, aj as ye, ak as se, al as Vs, am as As, an as qs, ao as ba, ap as va, aq as pe, ar as ht, as as mt, at as ya, au as xt, C as pt, av as ft, aw as Na, ax as Ne, ay as gt, az as _e, aA as Ns, aB as De, aC as Re, aD as ze, aE as jt, aF as bt, aG as sa, aH as vt, X as ds, aI as yt, aJ as Nt, aK as Ct, aL as St, aM as vs, l as wt, aN as kt, aO as zt, aP as Le, aQ as le, aR as Ca, aS as Ot, aT as us, aU as It, aV as Tt, aW as Cs, o as Mt, a as Dt, aX as ls, aY as we, aZ as rs, a_ as Ft, a$ as Lt, b0 as Et, b1 as Vt, b2 as ys, b3 as At, b4 as aa, b5 as qt, b6 as ta, b7 as Rt, b8 as _t, b9 as Ht, ba as Pt, bb as Sa, bc as $t, bd as Rs, be as wa, bf as Bt, bg as Ut, bh as as, bi as Gt, bj as Jt, bk as ka, bl as Wt, u as Kt, bm as Qt, bn as Zt, s as Xt, bo as hs, bp as za, bq as Oa, br as Ia, bs as ts, bt as ns, bu as Yt, bv as Se, bw as en, bx as sn, by as ms, bz as xs, bA as ps, bB as an, I as tn, bC as nn, bD as ln, bE as rn, bF as on, E as cn, bG as fs, bH as Fe, f as dn, bI as Be, bJ as _s, bK as Ta, bL as un, bM as hn, bN as is, bO as mn, bP as xn, bQ as pn, bR as fn, bS as na, bT as la, bU as Ma, bV as gn, bW as jn, bX as bn, bY as vn, bZ as yn, b_ as Nn, b$ as Cn, c0 as Sn, c1 as Ee, c2 as Q, c3 as Z, c4 as Hs, c5 as X, c6 as wn, c7 as Da, c8 as kn, c9 as zn, ca as On, cb as In, cc as Tn, cd as Mn, ce as Dn, cf as Fn, cg as Ln } from "./index-BOpp3w2L.js";
+import { c as P, x as ks, y as O, z as Ze, A as Ie, B as e, H as zs, J as Os, K as M, p as Xe, M as Is, N as Ts, Q as Ms, R as Ds, V as B, W as de, Y as ha, Z as Fs, _ as Ls, $ as Es, a0 as ma, a1 as xa, a2 as it, a3 as ea, a4 as Y, a5 as Je, i as ot, a6 as h, a7 as ct, a8 as dt, P as pa, F as fa, a9 as We, aa as Ke, ab as ga, ac as ut, ad as ja, ae as ge, af as je, ag as be, ah as ve, ai as ke, aj as ye, ak as se, al as Vs, am as As, an as qs, ao as ba, ap as va, aq as pe, ar as ht, as as mt, at as ya, au as xt, C as pt, av as ft, aw as Na, ax as Ne, ay as gt, az as _e, aA as Ns, aB as De, aC as Re, aD as ze, aE as jt, aF as bt, aG as sa, aH as vt, X as ds, aI as yt, aJ as Nt, aK as Ct, aL as St, aM as vs, l as wt, aN as kt, aO as zt, aP as Le, aQ as le, aR as Ca, aS as Ot, aT as us, aU as It, aV as Tt, aW as Cs, o as Mt, a as Dt, aX as ls, aY as we, aZ as rs, a_ as Ft, a$ as Lt, b0 as Et, b1 as Vt, b2 as ys, b3 as At, b4 as aa, b5 as qt, b6 as ta, b7 as Rt, b8 as _t, b9 as Ht, ba as Pt, bb as Sa, bc as Bt, bd as Rs, be as wa, bf as $t, bg as Ut, bh as as, bi as Gt, bj as Jt, bk as ka, bl as Wt, u as Kt, bm as Qt, bn as Zt, s as Xt, bo as hs, bp as za, bq as Oa, br as Ia, bs as ts, bt as ns, bu as Yt, bv as Se, bw as en, bx as sn, by as ms, bz as xs, bA as ps, bB as an, I as tn, bC as nn, bD as ln, bE as rn, bF as on, E as cn, bG as fs, bH as Fe, f as dn, bI as $e, bJ as _s, bK as Ta, bL as un, bM as hn, bN as is, bO as mn, bP as xn, bQ as pn, bR as fn, bS as na, bT as la, bU as Ma, bV as gn, bW as jn, bX as bn, bY as vn, bZ as yn, b_ as Nn, b$ as Cn, c0 as Sn, c1 as Ee, c2 as Q, c3 as Z, c4 as Hs, c5 as X, c6 as wn, c7 as Da, c8 as kn, c9 as zn, ca as On, cb as In, cc as Tn, cd as Mn, ce as Dn, cf as Fn, cg as Ln } from "./index-BO95GMa_.js";
 import * as ra from "react";
 import Oe, { useState as H, useMemo as Ss, useEffect as te, useRef as Ue, useCallback as Fa, Suspense as En } from "react";
 import "react-dom";
@@ -72,7 +72,7 @@ const Ps = P("ChartColumnIncreasing", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const $s = P("ChartLine", [
+const Bs = P("ChartLine", [
   ["path", { d: "M3 3v16a2 2 0 0 0 2 2h16", key: "c24i48" }],
   ["path", { d: "m19 9-5 5-4-4-3 3", key: "2osh9i" }]
 ]);
@@ -157,7 +157,7 @@ const Hn = P("Database", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Bs = P("EllipsisVertical", [
+const $s = P("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" }]
@@ -185,7 +185,7 @@ const Pn = P("Eraser", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const $n = P("EyeClosed", [
+const Bn = P("EyeClosed", [
   ["path", { d: "m15 18-.722-3.25", key: "1j64jw" }],
   ["path", { d: "M2 8a10.645 10.645 0 0 0 20 0", key: "1e7gxb" }],
   ["path", { d: "m20 15-1.726-2.05", key: "1cnuld" }],
@@ -198,7 +198,7 @@ const $n = P("EyeClosed", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Bn = P("FileJson2", [
+const $n = P("FileJson2", [
   ["path", { d: "M4 22h14a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4", key: "1pf5j1" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
   [
@@ -649,7 +649,7 @@ function ml() {
         /* @__PURE__ */ e.jsx(Ds, { 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(B, { className: "text-right", children: "Name" }),
         /* @__PURE__ */ e.jsx(
           de,
           {
@@ -879,7 +879,7 @@ function gl() {
       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: n == null ? void 0 : n.name }) }),
+        !m && /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ e.jsx(B, { children: n == null ? void 0 : n.name }) }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
           /* @__PURE__ */ e.jsx("button", { onClick: dt, children: /* @__PURE__ */ e.jsx(il, { className: "h-4 w-4", strokeWidth: 1.5 }) }),
           /* @__PURE__ */ e.jsx(fl, {}),
@@ -950,7 +950,7 @@ function gl() {
     }
   );
 }
-function $e({
+function Be({
   title: s,
   items: t,
   value: a,
@@ -1084,7 +1084,7 @@ function jl({ column: s }) {
     ] });
   }
   return /* @__PURE__ */ e.jsxs(Vs, { openDelay: 0, open: t, onOpenChange: a, children: [
-    /* @__PURE__ */ e.jsx(As, { asChild: !0, children: /* @__PURE__ */ e.jsx(Bs, { className: "invisible size-3.5 cursor-pointer text-foreground/40 group-hover:visible" }) }),
+    /* @__PURE__ */ e.jsx(As, { asChild: !0, children: /* @__PURE__ */ e.jsx($s, { className: "invisible size-3.5 cursor-pointer text-foreground/40 group-hover:visible" }) }),
     /* @__PURE__ */ e.jsx(
       qs,
       {
@@ -1348,7 +1348,7 @@ function Ve(s, t) {
     data: T,
     isLoading: q,
     isFetching: J,
-    isError: B,
+    isError: $,
     refetch: W
   } = De({
     queryKey: ["databases", l],
@@ -1465,7 +1465,7 @@ function Ve(s, t) {
   T && ((Ks = T == null ? void 0 : T.databases) == null ? void 0 : Ks.length) > 0, K && ((Qs = K == null ? void 0 : K.schemas) == null ? void 0 : Qs.length) > 0, ae && ((Zs = ae == null ? void 0 : ae.columns) == null ? void 0 : Zs.length) > 0 && (a = ae.columns.map((w) => ({
     ...w,
     data_type: w.data_type.toLowerCase()
-  }))), B && (a = []), (L || C) && (a = []);
+  }))), $ && (a = []), (L || C) && (a = []);
   const me = D == null ? void 0 : D.connections.map(
     (w) => ({
       id: w.id,
@@ -1498,7 +1498,7 @@ function Ve(s, t) {
     isModelsError: y,
     databaseItems: js,
     isDatabasesLoadingOrFetching: q || J,
-    isDatabaseError: B,
+    isDatabaseError: $,
     schemaItems: Ye,
     isSchemaLoadingOrFetching: ue || re,
     isSchemaError: U,
@@ -1564,7 +1564,7 @@ function Ha({
     refetchSchemas: T,
     refetchTables: q,
     refetchColumns: J,
-    refetchConnections: B,
+    refetchConnections: $,
     handleConnectionChange: W,
     handleDatabaseChange: K,
     handleSchemaChange: ue,
@@ -1590,7 +1590,7 @@ function Ha({
     if (!t || y === "S3" || y === "API") return null;
     if (!a || a === "none")
       return /* @__PURE__ */ e.jsx(
-        $e,
+        Be,
         {
           refetch: b,
           showNone: !0,
@@ -1607,7 +1607,7 @@ function Ha({
     if (t && !f && (!n || n === "none") && (!a || a === "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(ze, {}) }),
-        /* @__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(B, { children: "OR" }) }),
         /* @__PURE__ */ e.jsx("div", { className: "col-span-1 grid place-items-center", children: /* @__PURE__ */ e.jsx(ze, {}) })
       ] });
   }
@@ -1615,7 +1615,7 @@ function Ha({
     if (!t || y === "S3" || y === "API") return null;
     if (!n || n === "none")
       return /* @__PURE__ */ e.jsx(
-        $e,
+        Be,
         {
           refetch: N,
           showNone: !0,
@@ -1630,7 +1630,7 @@ function Ha({
   }
   function ae() {
     return !t || y === "S3" || y === "API" || !n || n === "none" ? null : /* @__PURE__ */ e.jsx(
-      $e,
+      Be,
       {
         refetch: T,
         onChange: ue,
@@ -1648,7 +1648,7 @@ function Ha({
       return y === "API" ? (G = !1, G) : ((y === "S3" || t && n && n !== "none" && l) && (G = !0), G);
     }
     return L() ? /* @__PURE__ */ e.jsx(
-      $e,
+      Be,
       {
         refetch: q,
         onChange: i,
@@ -1663,9 +1663,9 @@ function Ha({
   return /* @__PURE__ */ e.jsxs("aside", { className: "flex grow flex-col justify-between", children: [
     /* @__PURE__ */ e.jsxs("section", { className: "space-y-3 px-6 py-4", children: [
       /* @__PURE__ */ e.jsx(
-        $e,
+        Be,
         {
-          refetch: B,
+          refetch: $,
           items: o,
           title: "Connection",
           value: t || "",
@@ -1779,7 +1779,7 @@ function Nl({
     append: T,
     input: q,
     status: J,
-    handleInputChange: B,
+    handleInputChange: $,
     handleSubmit: W,
     addToolResult: K,
     stop: ue
@@ -1799,7 +1799,7 @@ function Nl({
     }
   });
   te(() => {
-    t && s && (B({
+    t && s && ($({
       target: { value: s }
     }), setTimeout(() => {
       W(), a(!1);
@@ -1809,7 +1809,7 @@ function Nl({
     W,
     s,
     a,
-    B
+    $
   ]);
   const re = Ue(n);
   te(() => {
@@ -1931,7 +1931,7 @@ function Nl({
     setCurrentScope: d,
     containerRef: i,
     inputRef: r,
-    handleInputChange: B,
+    handleInputChange: $,
     handleSubmit: W,
     stop: ue,
     chatStatus: J,
@@ -1977,7 +1977,7 @@ function Sl({
   });
   function J() {
     return /* @__PURE__ */ e.jsxs(Fs, { children: [
-      /* @__PURE__ */ e.jsx(Ls, { children: /* @__PURE__ */ e.jsx(Bs, { className: "size-3.5 text-muted-foreground/70 hover:text-muted-foreground" }) }),
+      /* @__PURE__ */ e.jsx(Ls, { children: /* @__PURE__ */ e.jsx($s, { className: "size-3.5 text-muted-foreground/70 hover:text-muted-foreground" }) }),
       /* @__PURE__ */ e.jsxs(Es, { align: "end", children: [
         /* @__PURE__ */ e.jsx(ma, { children: "Options" }),
         /* @__PURE__ */ e.jsx(xa, {}),
@@ -2026,22 +2026,22 @@ function Sl({
           /* @__PURE__ */ e.jsx(Ds, { children: "What can I help you with?" }),
           C && C.length > 0 && /* @__PURE__ */ e.jsxs("div", { className: "mt-2 flex flex-wrap items-center gap-2", children: [
             /* @__PURE__ */ e.jsx("span", { className: "text-xs text-muted-foreground", children: "Tables in scope:" }),
-            C == null ? void 0 : C.map((B, W) => /* @__PURE__ */ e.jsxs(
+            C == null ? void 0 : C.map(($, W) => /* @__PURE__ */ e.jsxs(
               "div",
               {
                 className: "flex items-center gap-2 rounded-md bg-muted px-2 py-1 text-xs",
                 children: [
                   Ns({
-                    schemaName: B.schemaName || "",
-                    tableName: B.tableName || "",
-                    modelName: B.datamodelName || "",
-                    connectionType: B.connectionType || ""
+                    schemaName: $.schemaName || "",
+                    tableName: $.tableName || "",
+                    modelName: $.datamodelName || "",
+                    connectionType: $.connectionType || ""
                   }),
                   /* @__PURE__ */ e.jsx(
                     "button",
                     {
                       onClick: () => {
-                        k(B);
+                        k($);
                       },
                       children: /* @__PURE__ */ e.jsx(ds, { className: "size-3 text-muted-foreground hover:text-foreground" })
                     }
@@ -2209,15 +2209,15 @@ function Tl(s, t) {
   }
   return (t === "string" ? String : Number)(s);
 }
-function $a(s) {
+function Ba(s) {
   return s && s.map((t, a) => /* @__PURE__ */ Oe.createElement(t.tag, cs({
     key: a
-  }, t.attr), $a(t.child)));
+  }, t.attr), Ba(t.child)));
 }
 function xe(s) {
   return (t) => /* @__PURE__ */ Oe.createElement(Ml, os({
     attr: cs({}, s.attr)
-  }, t), $a(s.child));
+  }, t), Ba(s.child));
 }
 function Ml(s) {
   var t = (a) => {
@@ -2254,14 +2254,14 @@ function Fl({ sql: s }) {
         align: "end",
         className: "w-full min-w-fit max-w-[700px] p-3 pt-2",
         children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ e.jsx($, { className: "text-xs font-semibold", children: "Resolved Query" }),
+          /* @__PURE__ */ e.jsx(B, { className: "text-xs font-semibold", children: "Resolved Query" }),
           /* @__PURE__ */ e.jsx("div", { className: "flex grow flex-col space-y-2", children: /* @__PURE__ */ e.jsx(Ne, { className: "max-h-[250px] min-h-0 overflow-scroll", children: /* @__PURE__ */ e.jsx("p", { className: "overflow-auto rounded-md bg-muted p-2 font-mono text-xs leading-relaxed", children: s }) }) })
         ] })
       }
     )
   ] });
 }
-function Ba(s) {
+function $a(s) {
   const { theme: t } = kt(), a = O((p) => p.theme), n = h((p) => p.frame), l = h((p) => p.card), r = h((p) => p.activeTabCardId), i = zt(), { refetch: o } = Le(l), { updateCardTab: d, setRunSql: u } = le(), m = Ue(), g = Ue({}), v = n.cards.find((p) => p.id === r), c = Fa(() => {
     let p = "";
     return s === "python" && (p = (v == null ? void 0 : v.python) || Ca), s === "sql" && (p = (v == null ? void 0 : v.sql) || ""), p;
@@ -2323,7 +2323,7 @@ function Ba(s) {
   return { handleEditorDidMount: x };
 }
 function Ll() {
-  const s = h((i) => i.card.sql), t = h((i) => i.sqlGen), { setCardSql: a, setSqlGen: n } = le(), { handleEditorDidMount: l } = Ba("sql");
+  const s = h((i) => i.card.sql), t = h((i) => i.sqlGen), { setCardSql: a, setSqlGen: n } = le(), { handleEditorDidMount: l } = $a("sql");
   function r(i) {
     a(i), It(t) || n({});
   }
@@ -2352,7 +2352,7 @@ function Ll() {
   );
 }
 function El() {
-  const s = h((l) => l.card.python), { setCardPython: t } = le(), { handleEditorDidMount: a } = Ba("python");
+  const s = h((l) => l.card.python), { setCardPython: t } = le(), { handleEditorDidMount: a } = $a("python");
   function n(l) {
     t(l);
   }
@@ -2436,7 +2436,7 @@ function Al() {
     setCardPreferences: b,
     setCardType: N,
     setCardPython: T
-  } = le(), q = h((I) => I.onSave), J = h((I) => I.onClose), B = h((I) => I.actions.setSqlGen), W = h((I) => I.runSql), K = h((I) => I.actions.setRunSql), ue = h((I) => I.actions.setCardCfg), re = h(
+  } = le(), q = h((I) => I.onSave), J = h((I) => I.onClose), $ = h((I) => I.actions.setSqlGen), W = h((I) => I.runSql), K = h((I) => I.actions.setRunSql), ue = h((I) => I.actions.setCardCfg), re = h(
     (I) => I.actions.setIsSqlRunning
   ), {
     data: U,
@@ -2477,7 +2477,7 @@ function Al() {
     s.queryData || t({
       queryKey: ne,
       queryData: I
-    }), a.setQueryData(ne, null), a.removeQueries({ queryKey: ne, exact: !0 }), y(""), B({}), T(""), ue(void 0), R(""), b({}), N("bar");
+    }), a.setQueryData(ne, null), a.removeQueries({ queryKey: ne, exact: !0 }), y(""), $({}), T(""), ue(void 0), R(""), b({}), N("bar");
   }
   function z(I, ce) {
     if (I.length === 0)
@@ -2523,7 +2523,7 @@ function Al() {
   }
   function G() {
     const { queryKey: I, queryData: ce } = s;
-    I && ce && a.setQueryData(I, ce), B({}), J == null || J();
+    I && ce && a.setQueryData(I, ce), $({}), J == null || J();
   }
   function Ce() {
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
@@ -2534,7 +2534,7 @@ function Al() {
           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($, { className: "ml-6 text-xs font-semibold", children: "Filters" }),
+              /* @__PURE__ */ e.jsx(B, { className: "ml-6 text-xs font-semibold", children: "Filters" }),
               r && /* @__PURE__ */ e.jsx(
                 Je,
                 {
@@ -2813,8 +2813,8 @@ function Rl({ card: s }) {
   const S = Object.keys(
     ((V = s.customCardPreferences) == null ? void 0 : V.dataInputCardIds) || {}
   ).map((N) => {
-    var J, B, W;
-    const T = (B = (J = s.customCardPreferences) == null ? void 0 : J.dataInputCardIds) == null ? void 0 : B[N].cardId, q = (W = g == null ? void 0 : g.cards) == null ? void 0 : W.find((K) => K.id === T);
+    var J, $, W;
+    const T = ($ = (J = s.customCardPreferences) == null ? void 0 : J.dataInputCardIds) == null ? void 0 : $[N].cardId, q = (W = g == null ? void 0 : g.cards) == null ? void 0 : W.find((K) => K.id === T);
     return q || null;
   });
   return /* @__PURE__ */ e.jsx("div", { className: "semaphor-custom mb-3 flex grow basis-0 flex-col space-y-2 overflow-y-auto", children: /* @__PURE__ */ e.jsxs(
@@ -2836,13 +2836,13 @@ function Rl({ card: s }) {
           Object.keys(
             ((f = s.customCardPreferences) == null ? void 0 : f.dataInputCardIds) || {}
           ).map((N) => {
-            var J, B, W;
-            const T = (B = (J = s.customCardPreferences) == null ? void 0 : J.dataInputCardIds) == null ? void 0 : B[N].cardId, q = (W = g == null ? void 0 : g.cards) == null ? void 0 : W.find(
+            var J, $, W;
+            const T = ($ = (J = s.customCardPreferences) == null ? void 0 : J.dataInputCardIds) == null ? void 0 : $[N].cardId, q = (W = g == null ? void 0 : g.cards) == null ? void 0 : W.find(
               (K) => K.id === T
             );
             if (q)
               return /* @__PURE__ */ e.jsx(
-                $t,
+                Bt,
                 {
                   onLoadingStatus: p,
                   onDataChange: c,
@@ -2919,7 +2919,7 @@ function Ua({
       ] });
   }
   return /* @__PURE__ */ e.jsxs(
-    Bt,
+    $t,
     {
       role: "editor-visual-card",
       className: Y("relative flex h-full flex-col rounded-none", s),
@@ -2953,7 +2953,7 @@ function Ua({
                 className: "my-1",
                 text: o.title || o.column,
                 onSave: (j) => i({ ...o, title: j }),
-                children: /* @__PURE__ */ e.jsx($, { children: o.title })
+                children: /* @__PURE__ */ e.jsx(B, { children: o.title })
               }
             ),
             /* @__PURE__ */ e.jsx(ka, { filter: o })
@@ -3062,12 +3062,12 @@ const ca = ({ language: s, value: t, onChange: a }) => /* @__PURE__ */ e.jsx(
   onApply: n,
   onClose: l
 }) => /* @__PURE__ */ e.jsxs(ha, { className: "flex items-center", children: [
-  /* @__PURE__ */ e.jsx($, { className: "mr-2 text-red-500", children: s }),
+  /* @__PURE__ */ e.jsx(B, { className: "mr-2 text-red-500", children: s }),
   /* @__PURE__ */ e.jsx(M, { disabled: !t, onClick: a, variant: "outline", children: "Reset" }),
   /* @__PURE__ */ e.jsx(M, { onClick: n, variant: "outline", children: "Apply" }),
   /* @__PURE__ */ e.jsx(M, { onClick: l, variant: "outline", children: "Close" })
 ] });
-function $l() {
+function Bl() {
   const [s, t] = H(!1), [a, n] = H(""), [l, r] = H(""), [i, o] = H(""), [d, u] = H(""), m = h((k) => k.card), g = h((k) => k.card.customCfg), { data: v } = Le(m), { data: c } = Rs(m), { setCardCustomCfg: x, setCustomVisualCode: p } = le(), S = (k, C) => Se.transform(k, (E, R, V) => {
     if (!Se.isEqual(R, C[V]))
       if (Se.isArray(R) && Se.isArray(C[V]))
@@ -3173,7 +3173,7 @@ function Ja(s) {
 function Wa(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 Bl(s) {
+function $l(s) {
   return xe({ tag: "svg", attr: { viewBox: "0 0 256 256", fill: "currentColor" }, child: [{ tag: "path", attr: { d: "M48,180c0,11,7.18,20,16,20a14.24,14.24,0,0,0,10.22-4.66A8,8,0,0,1,85.78,206.4,30.06,30.06,0,0,1,64,216c-17.65,0-32-16.15-32-36s14.35-36,32-36a30.06,30.06,0,0,1,21.78,9.6,8,8,0,0,1-11.56,11.06A14.24,14.24,0,0,0,64,160C55.18,160,48,169,48,180Zm79.6-8.69c-4-1.16-8.14-2.35-10.45-3.84-1.25-.81-1.23-1-1.12-1.9a4.57,4.57,0,0,1,2-3.67c4.6-3.12,15.34-1.73,19.82-.56A8,8,0,0,0,142,145.86c-2.12-.55-21-5.22-32.84,2.76a20.58,20.58,0,0,0-9,14.95c-2,15.88,13.65,20.41,23,23.11,12.06,3.49,13.12,4.92,12.78,7.59-.31,2.41-1.26,3.34-2.14,3.93-4.6,3.06-15.17,1.56-19.55.36A8,8,0,0,0,109.94,214a61.34,61.34,0,0,0,15.19,2c5.82,0,12.3-1,17.49-4.46a20.82,20.82,0,0,0,9.19-15.23C154,179,137.49,174.17,127.6,171.31Zm83.09-26.84a8,8,0,0,0-10.23,4.84L188,184.21l-12.47-34.9a8,8,0,0,0-15.07,5.38l20,56a8,8,0,0,0,15.07,0l20-56A8,8,0,0,0,210.69,144.47ZM216,88v24a8,8,0,0,1-16,0V96H152a8,8,0,0,1-8-8V40H56v72a8,8,0,0,1-16,0V40A16,16,0,0,1,56,24h96a8,8,0,0,1,5.66,2.34l56,56A8,8,0,0,1,216,88Zm-27.31-8L160,51.31V80Z" }, child: [] }] })(s);
 }
 function Ka(s) {
@@ -3195,7 +3195,7 @@ function et(s) {
   const [t, a] = H(null);
   return te(() => {
     s && (async () => {
-      const r = (await import("./lucide-react-BCNS53ze.js"))[s];
+      const r = (await import("./lucide-react-CslBFmME.js"))[s];
       a(r);
     })();
   }, [s]), t;
@@ -3285,7 +3285,7 @@ function Jl() {
           {
             onClick: () => u("line"),
             variant: "ghost",
-            children: /* @__PURE__ */ e.jsx($s, { className: "size-5" })
+            children: /* @__PURE__ */ e.jsx(Bs, { className: "size-5" })
           }
         ),
         /* @__PURE__ */ e.jsx(
@@ -3430,7 +3430,7 @@ function Wl({
     case "bar":
       return /* @__PURE__ */ e.jsx(Ps, { className: t });
     case "line":
-      return /* @__PURE__ */ e.jsx($s, { className: t });
+      return /* @__PURE__ */ e.jsx(Bs, { className: t });
     case "pie":
       return /* @__PURE__ */ e.jsx(Ea, { className: t });
     case "radar":
@@ -3467,7 +3467,7 @@ function Kl() {
   var t;
   const s = h((a) => a.card);
   return (t = s.customCardPreferences) == null || t.showCardHeader, le(), /* @__PURE__ */ e.jsxs(Fs, { children: [
-    /* @__PURE__ */ e.jsx(Ls, { asChild: !0, children: /* @__PURE__ */ e.jsx(Bs, { className: "size-4 cursor-pointer text-muted-foreground/70 transition-colors hover:text-muted-foreground" }) }),
+    /* @__PURE__ */ e.jsx(Ls, { asChild: !0, children: /* @__PURE__ */ e.jsx($s, { className: "size-4 cursor-pointer text-muted-foreground/70 transition-colors hover:text-muted-foreground" }) }),
     /* @__PURE__ */ e.jsx(Es, { align: "start", className: "w-40 text-muted-foreground", children: /* @__PURE__ */ e.jsxs(
       an,
       {
@@ -3559,7 +3559,7 @@ function da() {
             displayTab: T
           });
         },
-        children: N.displayTab === !0 || N.displayTab === void 0 ? /* @__PURE__ */ e.jsx(cn, { className: "mr-2 size-3.5 text-muted-foreground hover:text-foreground" }) : /* @__PURE__ */ e.jsx($n, { className: "mr-2 size-3.5 text-muted-foreground hover:text-foreground" })
+        children: N.displayTab === !0 || N.displayTab === void 0 ? /* @__PURE__ */ e.jsx(cn, { className: "mr-2 size-3.5 text-muted-foreground hover:text-foreground" }) : /* @__PURE__ */ e.jsx(Bn, { className: "mr-2 size-3.5 text-muted-foreground hover:text-foreground" })
       }
     );
   }
@@ -3645,9 +3645,9 @@ function da() {
   function y() {
     const N = [
       Object.keys(
-        u == null ? void 0 : u.records.reduce((B, W) => ({ ...B, ...W }), {})
+        u == null ? void 0 : u.records.reduce(($, W) => ({ ...$, ...W }), {})
       ).join(","),
-      ...((u == null ? void 0 : u.records) || []).map((B) => Object.values(B).join(","))
+      ...((u == null ? void 0 : u.records) || []).map(($) => Object.values($).join(","))
     ].join(`
 `), T = new Blob([N], { type: "text/csv" }), q = URL.createObjectURL(T), J = document.createElement("a");
     J.href = q, J.download = `${t.title}.csv`, J.click();
@@ -3657,7 +3657,7 @@ function da() {
     /* @__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(Jl, {}),
-        !["table", "custom"].includes(t.type) && /* @__PURE__ */ e.jsx($l, {}),
+        !["table", "custom"].includes(t.type) && /* @__PURE__ */ e.jsx(Bl, {}),
         /* @__PURE__ */ e.jsx(Kl, {})
       ] }),
       !a && /* @__PURE__ */ e.jsxs("div", { className: "flex grow items-center gap-1", children: [
@@ -3668,7 +3668,7 @@ function da() {
             variant: "ghost",
             size: "icon",
             onClick: y,
-            children: /* @__PURE__ */ e.jsx(Bl, { className: "size-4" })
+            children: /* @__PURE__ */ e.jsx($l, { className: "size-4" })
           }
         ),
         /* @__PURE__ */ e.jsx(
@@ -3678,7 +3678,7 @@ function da() {
             variant: "ghost",
             size: "icon",
             onClick: V,
-            children: /* @__PURE__ */ e.jsx(Bn, { strokeWidth: 1.5, className: "size-4" })
+            children: /* @__PURE__ */ e.jsx($n, { strokeWidth: 1.5, className: "size-4" })
           }
         ),
         /* @__PURE__ */ e.jsx(
@@ -3747,7 +3747,7 @@ function Zl() {
     (a) => a.actions.setIsShowingVisual
   );
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center space-x-2", children: [
-    /* @__PURE__ */ e.jsx($, { htmlFor: "visualize", children: "Chart" }),
+    /* @__PURE__ */ e.jsx(B, { htmlFor: "visualize", children: "Chart" }),
     /* @__PURE__ */ e.jsx(
       on,
       {
@@ -3812,7 +3812,7 @@ function Ge({
       className: Y("space-y-4 [&_summary>svg]:open:-rotate-180", n),
       children: [
         /* @__PURE__ */ e.jsxs("summary", { className: "flex cursor-pointer list-none items-center justify-between gap-4", children: [
-          /* @__PURE__ */ e.jsx($, { children: t }),
+          /* @__PURE__ */ e.jsx(B, { children: t }),
           /* @__PURE__ */ e.jsx(dn, { className: "h-4 w-4" })
         ] }),
         /* @__PURE__ */ e.jsx("div", { className: "transition-all ease-in-out", children: s })
@@ -3881,7 +3881,7 @@ function Yl() {
     return s ? j === "input" ? /* @__PURE__ */ e.jsx(
       de,
       {
-        className: `h-8 w-full ${Be}`,
+        className: `h-8 w-full ${$e}`,
         value: ((k = s == null ? void 0 : s.settings) == null ? void 0 : k[A]) || "",
         onChange: (E) => {
           i({
@@ -3913,7 +3913,7 @@ function Yl() {
   function c(j) {
     const A = Object.entries((j == null ? void 0 : j.settings) || {});
     return /* @__PURE__ */ e.jsx("div", { className: "space-y-3", children: A.map(([D, k]) => /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ e.jsx($, { children: k.title }),
+      /* @__PURE__ */ e.jsx(B, { children: k.title }),
       v(
         k.ui,
         D,
@@ -3962,7 +3962,7 @@ function Yl() {
             }
           ),
           ((s == null ? void 0 : s.type) === "component" || (s == null ? void 0 : s.type) === void 0) && s && /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ e.jsx($, { children: "Component" }),
+            /* @__PURE__ */ e.jsx(B, { children: "Component" }),
             /* @__PURE__ */ e.jsx("div", { className: "space-y-2 px-2", children: o && /* @__PURE__ */ e.jsx(
               fe,
               {
@@ -3988,7 +3988,7 @@ function Yl() {
         /* @__PURE__ */ e.jsx(ze, { className: "my-4" }),
         ((S = n == null ? void 0 : n.customCardPreferences) == null ? void 0 : S.componentName) && /* @__PURE__ */ e.jsxs(Ge, { summary: "Component Settings", children: [
           u && u.dataInputs && /* @__PURE__ */ e.jsxs("div", { className: "space-y-3", children: [
-            /* @__PURE__ */ e.jsx($, { children: "Input Mapping" }),
+            /* @__PURE__ */ e.jsx(B, { children: "Input Mapping" }),
             /* @__PURE__ */ e.jsx("div", { className: "px-2", children: g(u) })
           ] }),
           u && u.settings && /* @__PURE__ */ e.jsx("div", { className: "space-y-3", children: /* @__PURE__ */ e.jsx("div", { className: "px-2", children: c(u) }) })
@@ -4068,7 +4068,7 @@ function Ae() {
       );
   }
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ e.jsx($, { children: "On Click" }),
+    /* @__PURE__ */ e.jsx(B, { children: "On Click" }),
     i == null ? void 0 : i.map((m, g) => {
       var v, c;
       return /* @__PURE__ */ e.jsx(
@@ -4152,7 +4152,7 @@ function ua(s, t) {
   return ((r = (l = (n = s == null ? void 0 : s.chartOptions) == null ? void 0 : n.scales) == null ? void 0 : l[a]) == null ? void 0 : r.type) || "linear";
 }
 function at() {
-  var B, W, K, ue, re, U;
+  var $, W, K, ue, re, U;
   const [s, t] = H(!1), a = h((_) => {
     var F;
     return (F = _.card) == null ? void 0 : F.preferences;
@@ -4162,7 +4162,7 @@ function at() {
   }), l = Ta(a, n), [r, i] = H(
     ua(a)
   ), [o, d] = H(
-    ((K = (W = (B = a == null ? void 0 : a.chartOptions) == null ? void 0 : B.scales) == null ? void 0 : W[l]) == null ? void 0 : K.min) || ""
+    ((K = (W = ($ = a == null ? void 0 : a.chartOptions) == null ? void 0 : $.scales) == null ? void 0 : W[l]) == null ? void 0 : K.min) || ""
   ), [u, m] = H(
     ((U = (re = (ue = a == null ? void 0 : a.chartOptions) == null ? void 0 : ue.scales) == null ? void 0 : re[l]) == null ? void 0 : U.max) || ""
   ), [g, v] = H(o || u ? "custom" : "auto"), [c, x] = H(""), [p, S] = H(0), [j, A] = H(""), [D, k] = H(""), [C, E] = H(""), R = h(
@@ -4189,7 +4189,7 @@ function at() {
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-6 items-center gap-2", children: [
         /* @__PURE__ */ e.jsx(
-          $,
+          B,
           {
             className: "col-span-2 hover:cursor-pointer hover:underline",
             htmlFor: "currency",
@@ -4233,7 +4233,7 @@ function at() {
         ] })
       ] }),
       /* @__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(B, { className: "col-span-3", htmlFor: "format", children: "Decimals" }),
         /* @__PURE__ */ e.jsx(
           de,
           {
@@ -4249,7 +4249,7 @@ function at() {
   function q() {
     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(B, { htmlFor: "range", children: "Range" }),
         /* @__PURE__ */ e.jsx(
           de,
           {
@@ -4270,7 +4270,7 @@ function at() {
         )
       ] }),
       /* @__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(B, { htmlFor: "step-size", children: "Step Size" }),
         /* @__PURE__ */ e.jsx(
           de,
           {
@@ -4329,7 +4329,7 @@ function at() {
       ] }),
       /* @__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.jsx(B, { htmlFor: "scale", children: "Type" }),
           /* @__PURE__ */ e.jsxs(
             ge,
             {
@@ -4348,7 +4348,7 @@ function at() {
           )
         ] }),
         r == "linear" && /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-3 items-center gap-2 py-1", children: [
-          /* @__PURE__ */ e.jsx($, { htmlFor: "scale-option", children: "Setup" }),
+          /* @__PURE__ */ e.jsx(B, { htmlFor: "scale-option", children: "Setup" }),
           /* @__PURE__ */ e.jsxs(
             fs,
             {
@@ -4521,12 +4521,12 @@ function tt() {
   }
   return r.length === 0 ? null : /* @__PURE__ */ e.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ e.jsx($, { children: n }),
+      /* @__PURE__ */ e.jsx(B, { children: n }),
       /* @__PURE__ */ e.jsx("div", { className: "my-1 space-y-1", children: /* @__PURE__ */ e.jsx("div", { className: "rounded-md bg-muted/70 px-3 py-2 hover:bg-muted", children: /* @__PURE__ */ e.jsx("p", { title: o[0], children: nt(o[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: l }),
+        /* @__PURE__ */ e.jsx(B, { children: l }),
         /* @__PURE__ */ e.jsx(at, {})
       ] }),
       /* @__PURE__ */ e.jsx("div", { className: "my-1 max-h-[125px] space-y-1 overflow-y-auto", children: d.map((u, m) => /* @__PURE__ */ e.jsx(sr, { col: u, idx: m }, u)) })
@@ -4582,7 +4582,7 @@ function sr({ col: s, idx: t }) {
         }
       ),
       /* @__PURE__ */ e.jsx(
-        $s,
+        Bs,
         {
           onClick: () => i("line"),
           className: "invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"
@@ -4671,7 +4671,7 @@ function He() {
   }
   const i = s == null ? void 0 : s.find((o) => o.id === t.filterId);
   return /* @__PURE__ */ e.jsxs("div", { className: "space-y-3", children: [
-    /* @__PURE__ */ e.jsx($, { children: "Card Filter" }),
+    /* @__PURE__ */ e.jsx(B, { children: "Card Filter" }),
     /* @__PURE__ */ e.jsx(ar, { onSelect: r, columns: n }),
     i && /* @__PURE__ */ e.jsx(Ma, { filter: i })
   ] });
@@ -4749,7 +4749,7 @@ function tr({
               target: "_blank",
               onClick: (t) => t.stopPropagation(),
               className: "text-blue-700",
-              href: "https://docs.semaphor.cloud/concepts/visuals#line-chart",
+              href: "https://docs.semaphor.cloud/docs/charts/bar-line-area",
               children: "example"
             }
           ),
@@ -4845,7 +4845,7 @@ function nr({
             target: "_blank",
             onClick: (r) => r.stopPropagation(),
             className: "text-blue-700",
-            href: "https://docs.semaphor.cloud/concepts/visuals#pie-chart",
+            href: "https://docs.semaphor.cloud/docs/charts/bubble",
             children: "example"
           }
         ),
@@ -5063,13 +5063,13 @@ function cr() {
           }
         }
       ),
-      /* @__PURE__ */ e.jsx($, { children: "Format Number" })
+      /* @__PURE__ */ e.jsx(B, { children: "Format Number" })
     ] }),
     ((u = s == null ? void 0 : s.formatNumber) == null ? void 0 : u.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.jsx(B, { children: "Locale" }),
             /* @__PURE__ */ e.jsxs(
               ge,
               {
@@ -5095,7 +5095,7 @@ function cr() {
             )
           ] }),
           /* @__PURE__ */ e.jsxs("div", { className: "w-full space-y-1", children: [
-            /* @__PURE__ */ e.jsx($, { children: "Currency" }),
+            /* @__PURE__ */ e.jsx(B, { children: "Currency" }),
             /* @__PURE__ */ e.jsxs(
               ge,
               {
@@ -5123,7 +5123,7 @@ function cr() {
         ] }),
         /* @__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.jsx(B, { children: "Decimals" }),
             /* @__PURE__ */ e.jsxs(
               ge,
               {
@@ -5145,7 +5145,7 @@ function cr() {
             )
           ] }),
           /* @__PURE__ */ e.jsxs("div", { className: "w-full space-y-1", children: [
-            /* @__PURE__ */ e.jsx($, { children: "Suffix" }),
+            /* @__PURE__ */ e.jsx(B, { children: "Suffix" }),
             /* @__PURE__ */ e.jsx(
               de,
               {
@@ -5195,7 +5195,7 @@ function dr() {
               target: "_blank",
               onClick: (s) => s.stopPropagation(),
               className: "text-blue-700",
-              href: "https://docs.semaphor.cloud/concepts/visuals#kpi",
+              href: "https://docs.semaphor.cloud/docs/charts/kpi",
               children: "example"
             }
           ),
@@ -5368,13 +5368,13 @@ function xr() {
             });
           },
           value: a,
-          className: `h-9 w-full ${Be}`,
+          className: `h-9 w-full ${$e}`,
           placeholder: "Custom URL"
         }
       ),
       r && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
         /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ e.jsx($, { children: "Map Object" }),
+          /* @__PURE__ */ e.jsx(B, { children: "Map Object" }),
           /* @__PURE__ */ e.jsx(
             fe,
             {
@@ -5396,7 +5396,7 @@ function xr() {
           )
         ] }),
         /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ e.jsx($, { children: "Projection" }),
+          /* @__PURE__ */ e.jsx(B, { children: "Projection" }),
           /* @__PURE__ */ e.jsx(
             fe,
             {
@@ -5418,7 +5418,7 @@ function xr() {
           )
         ] }),
         /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ e.jsx($, { children: "Colors" }),
+          /* @__PURE__ */ e.jsx(B, { children: "Colors" }),
           /* @__PURE__ */ e.jsx(
             fe,
             {
@@ -5446,7 +5446,7 @@ function xr() {
       /* @__PURE__ */ e.jsx(
         de,
         {
-          className: `h-9 w-full ${Be}`,
+          className: `h-9 w-full ${$e}`,
           type: "number",
           step: 0.1,
           value: ((D = (A = s.preferences) == null ? void 0 : A.mapVisualOptions) == null ? void 0 : D.projectionScale) || 1,
@@ -5462,11 +5462,11 @@ function xr() {
           }
         }
       ),
-      /* @__PURE__ */ e.jsx($, { children: "X" }),
+      /* @__PURE__ */ e.jsx(B, { children: "X" }),
       /* @__PURE__ */ e.jsx(
         de,
         {
-          className: `h-9 w-full ${Be}`,
+          className: `h-9 w-full ${$e}`,
           type: "number",
           step: 10,
           value: ((E = (C = (k = s.preferences) == null ? void 0 : k.mapVisualOptions) == null ? void 0 : C.projectionOffset) == null ? void 0 : E[0]) || 0,
@@ -5485,11 +5485,11 @@ function xr() {
           }
         }
       ),
-      /* @__PURE__ */ e.jsx($, { children: "Y" }),
+      /* @__PURE__ */ e.jsx(B, { children: "Y" }),
       /* @__PURE__ */ e.jsx(
         de,
         {
-          className: `h-9 w-full ${Be}`,
+          className: `h-9 w-full ${$e}`,
           type: "number",
           step: 10,
           value: ((y = (V = (R = s.preferences) == null ? void 0 : R.mapVisualOptions) == null ? void 0 : V.projectionOffset) == null ? void 0 : y[1]) || 0,
@@ -5550,8 +5550,7 @@ function ss({
   docContent: t,
   suffix: a = "Chart"
 }) {
-  let n = "pie-chart";
-  return s === "radar" && (n = "radar-chart"), /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(Ee, { defaultValue: ["item-2"], type: "multiple", children: [
+  return /* @__PURE__ */ e.jsx("div", { className: "space-y-6 px-6 py-2", children: /* @__PURE__ */ e.jsxs(Ee, { defaultValue: ["item-2"], type: "multiple", children: [
     /* @__PURE__ */ e.jsxs(Q, { value: "item-1", children: [
       /* @__PURE__ */ e.jsx(Z, { children: `${Hs(s)} ${a}` }),
       /* @__PURE__ */ e.jsx(X, { children: t || /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-xs", children: [
@@ -5566,9 +5565,9 @@ function ss({
             "a",
             {
               target: "_blank",
-              onClick: (l) => l.stopPropagation(),
+              onClick: (n) => n.stopPropagation(),
               className: "text-blue-700",
-              href: `https://docs.semaphor.cloud/concepts/visuals#${n}`,
+              href: "https://docs.semaphor.cloud/docs/charts/pie-donut-polar",
               children: "example"
             }
           ),
@@ -5602,7 +5601,7 @@ function fr() {
   ), { setSortChart: t } = le();
   function a() {
     return /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ e.jsx($, { children: "Sort" }),
+      /* @__PURE__ */ e.jsx(B, { children: "Sort" }),
       /* @__PURE__ */ e.jsx(
         fe,
         {
@@ -5648,7 +5647,7 @@ function fr() {
               target: "_blank",
               onClick: (n) => n.stopPropagation(),
               className: "text-blue-700",
-              href: "https://docs.semaphor.cloud/concepts/visuals#stacked-chart",
+              href: "https://docs.semaphor.cloud/docs/charts/stacked",
               children: "example"
             }
           ),
@@ -5716,7 +5715,7 @@ const jr = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-
         target: "_blank",
         onClick: (s) => s.stopPropagation(),
         className: "text-blue-700",
-        href: "https://docs.semaphor.cloud/concepts/visuals#pyramid-chart",
+        href: "https://docs.semaphor.cloud/docs/charts/tornado",
         children: "example"
       }
     ),
@@ -5732,7 +5731,7 @@ const jr = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-
         target: "_blank",
         onClick: (s) => s.stopPropagation(),
         className: "text-blue-700",
-        href: "https://docs.semaphor.cloud/concepts/visuals#range-charts",
+        href: "https://docs.semaphor.cloud/docs/charts/range",
         children: "example"
       }
     ),
@@ -5748,7 +5747,7 @@ const jr = /* @__PURE__ */ e.jsxs("div", { className: "space-y-4 font-mono text-
         target: "_blank",
         onClick: (s) => s.stopPropagation(),
         className: "text-blue-700",
-        href: "https://docs.semaphor.cloud/concepts/visuals#text-visual",
+        href: "https://docs.semaphor.cloud/docs/charts/text",
         children: "example"
       }
     ),
@@ -5924,7 +5923,7 @@ function kr() {
   );
   return /* @__PURE__ */ e.jsxs("section", { className: "relative flex min-w-[320px] grow flex-col border-l px-1", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "mt-4 flex items-center justify-between gap-2 px-3", children: [
-      /* @__PURE__ */ e.jsx($, { className: "px-2 text-lg", children: "Filters" }),
+      /* @__PURE__ */ e.jsx(B, { className: "px-2 text-lg", children: "Filters" }),
       /* @__PURE__ */ e.jsx(
         M,
         {
@@ -6077,11 +6076,11 @@ export {
   Vn as B,
   qn as C,
   Fr as D,
-  Bs as E,
-  Bn as F,
+  $s as E,
+  $n as F,
   Un as G,
   Gn as H,
-  $e as I,
+  Be as I,
   Ra as J,
   cl as K,
   Kn as L,
@@ -6093,7 +6092,7 @@ export {
   Us as T,
   An as a,
   Ps as b,
-  $s as c,
+  Bs as c,
   La as d,
   Ea as e,
   Va as f,
@@ -6101,7 +6100,7 @@ export {
   _n as h,
   Hn as i,
   Pn as j,
-  $n as k,
+  Bn as k,
   Jn as l,
   Wn as m,
   Qn as n,