semaphor 0.0.128 → 0.0.130

package/dist/chunks/dashboard-export-dialog-CbMcLZvW.js

@@ -0,0 +1,602 @@
+import { jsx as e, jsxs as a, Fragment as F } from "react/jsx-runtime";
+import { b as J, as as W, at as $, au as H, av as _, aw as K, ax as A, ay as Q, az as Z, aA as T, aB as X, B as P, L as V, f as E, i as ee, u as b, ao as ae, g as Y, aC as se, aD as O, l as v, aE as te, aF as re, c as I, aG as B, aH as L, aI as z, aJ as U, aK as G, e as oe, aL as le, aM as ne, aN as de, aO as ie, aP as ce, aQ as he, aR as ue, aS as me, aT as pe, aU as fe, aV as ve, aW as ge, T as be, I as Ce, aX as we, aY as xe, an as De, aZ as ye, a_ as R, a$ as Ne, b0 as Se, b1 as Ae, b2 as Pe, b3 as Fe, b4 as ke, W as Ie } from "./index-QdSI9E0a.js";
+import { E as Ee, V as Me, a as Te, b as Ve, S as j, c as Oe } from "./editor-action-buttons-CNQtSzD5.js";
+import Be, { useState as C, useContext as Le, useEffect as ze } from "react";
+import { a as q } from "./use-visual-utils-BnCl386t.js";
+/**
+ * @license lucide-react v0.453.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ue = J("CirclePlus", [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "M8 12h8", key: "1wcyev" }],
+  ["path", { d: "M12 8v8", key: "napkw2" }]
+]);
+function Ge({
+  open: c,
+  onOpenChange: i,
+  isLibraryVisual: r,
+  currentVisualName: o,
+  isSaving: d = !1,
+  onConfirm: m
+}) {
+  const [s, l] = C(
+    r && o ? `Copy of ${o}` : o || ""
+  ), [n, f] = C(""), [g, w] = C(!r), [p, N] = C(!0);
+  Be.useEffect(() => {
+    c && (l(
+      r && o ? `Copy of ${o}` : o || ""
+    ), f(""), w(!r), N(!0));
+  }, [c, r, o]);
+  const x = () => {
+    s.trim() && (!g && !p || m({
+      name: s.trim(),
+      description: n.trim() || void 0,
+      saveToLibrary: g,
+      saveToCurrentDashboard: p
+    }));
+  }, D = s.trim() && (g || p);
+  return /* @__PURE__ */ e(W, { open: c, onOpenChange: i, children: /* @__PURE__ */ a($, { className: "sm:max-w-[425px]", children: [
+    /* @__PURE__ */ a(H, { children: [
+      /* @__PURE__ */ e(_, { children: "Save Visual As" }),
+      /* @__PURE__ */ e(K, { children: r ? "Create a copy of this visual with a new name" : "Save this visual to make it reusable" })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "grid gap-4 py-4", children: [
+      /* @__PURE__ */ a("div", { className: "grid gap-2", children: [
+        /* @__PURE__ */ e(A, { htmlFor: "name", children: "Name" }),
+        /* @__PURE__ */ e(
+          Q,
+          {
+            id: "name",
+            value: s,
+            onChange: (t) => l(t.target.value),
+            placeholder: "Enter visual name",
+            disabled: d
+          }
+        )
+      ] }),
+      /* @__PURE__ */ a("div", { className: "grid gap-2", children: [
+        /* @__PURE__ */ e(A, { htmlFor: "description", children: "Description (optional)" }),
+        /* @__PURE__ */ e(
+          Z,
+          {
+            id: "description",
+            value: n,
+            onChange: (t) => f(t.target.value),
+            placeholder: "Enter visual description",
+            rows: 3,
+            disabled: d
+          }
+        )
+      ] }),
+      /* @__PURE__ */ a("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ e(A, { children: "Save to:" }),
+        /* @__PURE__ */ a("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ a("div", { className: "flex items-center space-x-2", children: [
+            /* @__PURE__ */ e(
+              T,
+              {
+                id: "save-to-dashboard",
+                checked: p,
+                onCheckedChange: (t) => N(!!t),
+                disabled: d
+              }
+            ),
+            /* @__PURE__ */ a(
+              "label",
+              {
+                htmlFor: "save-to-dashboard",
+                className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+                children: [
+                  "Current Dashboard",
+                  /* @__PURE__ */ e("span", { className: "ml-2 text-xs text-muted-foreground", children: r ? "(add copy to this dashboard)" : "(keep as local visual)" })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ a("div", { className: "flex items-center space-x-2", children: [
+            /* @__PURE__ */ e(
+              T,
+              {
+                id: "save-to-library",
+                checked: g,
+                onCheckedChange: (t) => w(!!t),
+                disabled: d
+              }
+            ),
+            /* @__PURE__ */ a(
+              "label",
+              {
+                htmlFor: "save-to-library",
+                className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+                children: [
+                  "Visual Library",
+                  /* @__PURE__ */ e("span", { className: "ml-2 text-xs text-muted-foreground", children: r ? "(save as new reusable visual)" : "(make available to all dashboards)" })
+                ]
+              }
+            )
+          ] })
+        ] }),
+        !g && !p && /* @__PURE__ */ e("p", { className: "text-sm text-destructive", children: "Please select at least one destination" })
+      ] })
+    ] }),
+    /* @__PURE__ */ a(X, { children: [
+      /* @__PURE__ */ e(
+        P,
+        {
+          variant: "outline",
+          onClick: () => i(!1),
+          disabled: d,
+          children: "Cancel"
+        }
+      ),
+      /* @__PURE__ */ a(P, { onClick: x, disabled: !D || d, children: [
+        d && /* @__PURE__ */ e(V, { className: "mr-2 h-4 w-4 animate-spin" }),
+        d ? "Saving..." : "Save"
+      ] })
+    ] })
+  ] }) });
+}
+function Re() {
+  const [c, i] = C(!1), [r, o] = C(!1), [d, m] = C(null), s = E((u) => u.frame), l = E((u) => u.card), n = ee(), f = b((u) => u.selectedSheetId), g = b(
+    (u) => u.actions.setIsDashboardPanelOpen
+  ), { getUpdatedFrame: w } = q(), { selectVisual: p } = ae(), { addFrame: N, setSelectedFrameId: x, setIsVisualEditing: D } = Y(), t = !!(s != null && s.visualId), S = (() => {
+    var u, y;
+    return ((u = s == null ? void 0 : s.cards) == null ? void 0 : u.length) === 1 && ((y = s.cards[0]) != null && y.title) ? s.cards[0].title : n != null && n.title ? n.title : (l == null ? void 0 : l.title) || "Untitled Visual";
+  })(), h = se((u) => {
+    if (u != null && u.id) {
+      if (p(u), r && d && f) {
+        const y = {
+          ...d,
+          id: O(),
+          visualId: u.id
+          // Link to the newly created library visual
+        };
+        N(f, y, "end"), x(y.id), o(!1), m(null), D(!1);
+      }
+      g(!0), i(!1);
+    }
+  });
+  return {
+    saveAsDialogOpen: c,
+    setSaveAsDialogOpen: i,
+    handleSaveAs: async (u) => {
+      if (!f) {
+        v.error("No sheet selected");
+        return;
+      }
+      const y = w(), M = y.cards.length === 1 ? {
+        ...y,
+        cards: y.cards.map((k) => ({
+          ...k,
+          title: u.name
+          // Use visual name as card title
+        }))
+      } : y;
+      if (u.saveToLibrary) {
+        o(u.saveToCurrentDashboard), m(M);
+        const k = {
+          title: u.name,
+          description: u.description,
+          frameObject: M,
+          // Card title synced for single-card frames
+          isPrivate: !1
+        };
+        h.mutate(k);
+      } else if (u.saveToCurrentDashboard) {
+        const k = {
+          ...M,
+          // Card title already synced
+          id: O(),
+          visualId: void 0
+          // Explicitly no visualId for local visuals
+        };
+        N(f, k, "end"), x(k.id), v.success("Visual saved to dashboard"), i(!1), D(!1);
+      }
+    },
+    isLibraryVisual: t,
+    currentVisualName: S,
+    isSaving: h.isPending
+  };
+}
+function Ye({
+  className: c
+}) {
+  const i = E((h) => h.frame), r = E((h) => h.card), o = te((h) => h.selectedVisual), d = b((h) => h.selectedFrameId), m = b((h) => h.selectedSheetId), { setIsVisualEditing: s } = Y(), l = !!(i != null && i.visualId || o != null && o.id), n = !!(i != null && i.visualId && d), f = l && !n, {
+    saveAsDialogOpen: g,
+    setSaveAsDialogOpen: w,
+    handleSaveAs: p,
+    isLibraryVisual: N,
+    currentVisualName: x,
+    isSaving: D
+  } = Re(), { handleAddLibraryVisual: t } = q(), S = async () => {
+    if (!m) {
+      v.error("No dashboard sheet selected");
+      return;
+    }
+    if (!o) {
+      v.error("No visual selected");
+      return;
+    }
+    const h = await t(o);
+    h.success ? (v.success("Visual added to dashboard"), s(!1)) : v.error(h.error || "Failed to add visual to dashboard");
+  };
+  return /* @__PURE__ */ a(F, { children: [
+    !l && /* @__PURE__ */ e(Ee, { className: c, variant: "default" }),
+    l && /* @__PURE__ */ a(F, { children: [
+      n && /* @__PURE__ */ e(Me, { className: c }),
+      f && m && r && (r.sql || re(r.config)) && /* @__PURE__ */ a(
+        P,
+        {
+          onClick: S,
+          className: I(c),
+          size: "sm",
+          variant: "outline",
+          children: [
+            /* @__PURE__ */ e(Ue, { className: "mr-2 size-4 font-bold" }),
+            "Add to Dashboard"
+          ]
+        }
+      ),
+      f && /* @__PURE__ */ e(Te, { className: c, variant: "default" }),
+      n && /* @__PURE__ */ e(Ve, { className: c }),
+      /* @__PURE__ */ a(B, { modal: !1, children: [
+        /* @__PURE__ */ e(L, { asChild: !0, children: /* @__PURE__ */ e(
+          P,
+          {
+            variant: "outline",
+            size: "sm",
+            className: I(c, "w-8 p-0"),
+            children: /* @__PURE__ */ e(z, { className: "h-4 w-4" })
+          }
+        ) }),
+        /* @__PURE__ */ e(U, { align: "end", children: /* @__PURE__ */ a(
+          G,
+          {
+            onClick: (h) => {
+              h.stopPropagation(), w(!0);
+            },
+            children: [
+              /* @__PURE__ */ e(j, { className: "mr-2 h-4 w-4" }),
+              "Save As..."
+            ]
+          }
+        ) })
+      ] })
+    ] }),
+    !l && /* @__PURE__ */ a(B, { modal: !1, children: [
+      /* @__PURE__ */ e(L, { asChild: !0, children: /* @__PURE__ */ e(
+        P,
+        {
+          variant: "outline",
+          size: "sm",
+          className: I(c, "w-8 p-0"),
+          children: /* @__PURE__ */ e(z, { className: "h-4 w-4" })
+        }
+      ) }),
+      /* @__PURE__ */ e(U, { align: "end", children: /* @__PURE__ */ a(G, { onClick: () => w(!0), children: [
+        /* @__PURE__ */ e(j, { className: "mr-2 h-4 w-4" }),
+        "Save As..."
+      ] }) })
+    ] }),
+    /* @__PURE__ */ e(Oe, { className: c }),
+    /* @__PURE__ */ e(
+      Ge,
+      {
+        open: g,
+        onOpenChange: (h) => {
+          D || w(h);
+        },
+        isLibraryVisual: N,
+        currentVisualName: x,
+        isSaving: D,
+        onConfirm: p
+      }
+    )
+  ] });
+}
+function qe({
+  className: c,
+  //labelClassName,
+  switchClassName: i
+}) {
+  const r = E((l) => l.isDevMode), o = b((l) => l.isVisualEditing), { setIsDevMode: d } = oe(), { config: m } = Le(le).tokenProps, s = (m == null ? void 0 : m.showAdvancedMode) !== !1;
+  return !o || !s ? null : /* @__PURE__ */ a("div", { className: I("flex items-center space-x-2", c), children: [
+    /* @__PURE__ */ e(
+      ne,
+      {
+        className: I("", i),
+        checked: r,
+        onCheckedChange: () => d(!r),
+        id: "advanced-mode",
+        icon: /* @__PURE__ */ e(de, { className: "h-4 w-4" }),
+        tooltip: r ? "Standard Mode" : "Advanced Mode"
+      }
+    ),
+    /* @__PURE__ */ e("label", { htmlFor: "advanced-mode", className: "sr-only", children: "Advanced Mode" })
+  ] });
+}
+function Je({
+  open: c,
+  onOpenChange: i,
+  onSave: r,
+  onDiscard: o,
+  isSaving: d
+}) {
+  return /* @__PURE__ */ e(ie, { open: c, onOpenChange: (s) => {
+    !s && d || i(s);
+  }, children: /* @__PURE__ */ a(ce, { className: "max-w-md", children: [
+    /* @__PURE__ */ a(he, { children: [
+      /* @__PURE__ */ a("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ e("div", { className: "flex h-10 w-10 items-center justify-center rounded-full bg-amber-100", children: /* @__PURE__ */ e(ue, { className: "h-5 w-5 text-amber-600" }) }),
+        /* @__PURE__ */ e(me, { className: "text-xl", children: "Unsaved Changes" })
+      ] }),
+      /* @__PURE__ */ e(pe, { className: "pt-2 text-base leading-relaxed", children: "You have unsaved changes to this dashboard. What would you like to do?" })
+    ] }),
+    /* @__PURE__ */ a(fe, { className: "flex-col gap-2 sm:flex-row sm:gap-2", children: [
+      /* @__PURE__ */ e(
+        ve,
+        {
+          disabled: d,
+          className: "order-1 m-0 border-border/50 sm:order-1",
+          children: "Cancel"
+        }
+      ),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          onClick: o,
+          disabled: d,
+          className: "order-2 rounded-md border border-destructive/20 bg-destructive/10 px-4 py-2 text-sm font-medium text-destructive transition-colors hover:bg-destructive/20 disabled:pointer-events-none disabled:opacity-50 sm:order-2",
+          children: "Discard"
+        }
+      ),
+      /* @__PURE__ */ e(
+        ge,
+        {
+          onClick: r,
+          disabled: d,
+          className: "order-3 m-0 bg-primary text-primary-foreground hover:bg-primary/90 sm:order-3",
+          children: d ? /* @__PURE__ */ a(F, { children: [
+            /* @__PURE__ */ e(V, { className: "mr-2 h-4 w-4 animate-spin" }),
+            "Saving..."
+          ] }) : "Save & Close"
+        }
+      )
+    ] })
+  ] }) });
+}
+function Qe(c, i, r, o) {
+  ze(() => {
+    c && !r && i && o(be(i));
+  }, [c, r, i, o]);
+}
+function Ze({
+  triggerButtonClassName: c
+}) {
+  const [i, r] = C(!1), o = b((l) => {
+    var n;
+    return (n = l.dashboard) == null ? void 0 : n.id;
+  }), d = b((l) => {
+    var n;
+    return (n = l.dashboard) == null ? void 0 : n.title;
+  }), m = b((l) => {
+    var n;
+    return (n = l.dashboard) == null ? void 0 : n.sheets;
+  }), s = b((l) => l.selectedSheetId);
+  return m == null || m.find((l) => l.id === s), o ? /* @__PURE__ */ a(F, { children: [
+    /* @__PURE__ */ e(
+      Ce,
+      {
+        tooltip: "Schedule Dashboard",
+        className: I("h-7 p-2", c),
+        onClick: () => r(!0),
+        children: /* @__PURE__ */ e(we, { className: "size-4" })
+      }
+    ),
+    /* @__PURE__ */ e(
+      xe,
+      {
+        open: i,
+        onOpenChange: r,
+        dashboardId: o,
+        dashboardName: d
+      }
+    )
+  ] }) : null;
+}
+function ea({
+  open: c,
+  onOpenChange: i
+}) {
+  const [r, o] = C(!1), [d, m] = C(!1), [s, l] = C({
+    sheetSelection: "current",
+    protectPdf: !1,
+    password: ""
+  }), n = b((t) => {
+    var S;
+    return (S = t.dashboard) == null ? void 0 : S.sheets;
+  }), f = b((t) => t.selectedSheetId), { authToken: g, tokenProps: w } = De(), p = n == null ? void 0 : n.find((t) => t.id === f), N = ((n == null ? void 0 : n.length) || 0) > 1, x = () => {
+    l({
+      sheetSelection: "current",
+      protectPdf: !1,
+      password: ""
+    }), o(!1), i(!1);
+  };
+  async function D() {
+    if (s.protectPdf && !s.password) {
+      v.error("Please enter a password to protect the PDF");
+      return;
+    }
+    m(!0);
+    const t = s.sheetSelection === "all" ? "Generating PDF for all sheets... This may take a while." : s.protectPdf ? "Generating protected PDF... may take up to 60 seconds" : "Generating PDF... may take up to 60 seconds", S = v.loading(t);
+    try {
+      await Ie(
+        w.apiServiceUrl,
+        g,
+        s.protectPdf ? s.password : void 0,
+        s.sheetSelection
+      ), v.dismiss(S);
+      const h = s.sheetSelection === "all" ? "All sheets PDF downloaded successfully!" : s.protectPdf ? "Protected PDF downloaded successfully!" : "PDF downloaded successfully!";
+      v.success(h, {
+        duration: 2e3
+      }), x();
+    } catch (h) {
+      v.dismiss(S), v.error("Failed to download PDF", {
+        description: "Please try again or contact support.",
+        richColors: !0
+      }), console.error("PDF download error:", h);
+    } finally {
+      m(!1);
+    }
+  }
+  return /* @__PURE__ */ e(
+    W,
+    {
+      open: c,
+      onOpenChange: (t) => {
+        if (!t) {
+          x();
+          return;
+        }
+        i(!0);
+      },
+      children: /* @__PURE__ */ a($, { className: "sm:max-w-[425px]", children: [
+        /* @__PURE__ */ a(H, { children: [
+          /* @__PURE__ */ e(_, { children: "Export Dashboard" }),
+          /* @__PURE__ */ e(K, { children: "Export your dashboard as a PDF document." })
+        ] }),
+        /* @__PURE__ */ a("div", { className: "space-y-4 py-4", children: [
+          N && /* @__PURE__ */ a(F, { children: [
+            /* @__PURE__ */ a("div", { className: "space-y-3", children: [
+              /* @__PURE__ */ e(A, { children: "Export Scope" }),
+              /* @__PURE__ */ a(
+                ye,
+                {
+                  value: s.sheetSelection,
+                  onValueChange: (t) => l({
+                    ...s,
+                    sheetSelection: t
+                  }),
+                  children: [
+                    /* @__PURE__ */ a("div", { className: "flex items-center space-x-2", children: [
+                      /* @__PURE__ */ e(R, { value: "current", id: "scope-current" }),
+                      /* @__PURE__ */ a(
+                        A,
+                        {
+                          htmlFor: "scope-current",
+                          className: "cursor-pointer font-normal",
+                          children: [
+                            "This sheet (",
+                            (p == null ? void 0 : p.title) || "Current",
+                            ")"
+                          ]
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ a("div", { className: "flex items-center space-x-2", children: [
+                      /* @__PURE__ */ e(R, { value: "all", id: "scope-all" }),
+                      /* @__PURE__ */ a(
+                        A,
+                        {
+                          htmlFor: "scope-all",
+                          className: "cursor-pointer font-normal",
+                          children: [
+                            "All sheets (",
+                            n == null ? void 0 : n.length,
+                            " sheets)"
+                          ]
+                        }
+                      )
+                    ] })
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ e(Ne, {})
+          ] }),
+          /* @__PURE__ */ a("div", { className: "space-y-3", children: [
+            /* @__PURE__ */ a("div", { className: "flex items-center space-x-2", children: [
+              /* @__PURE__ */ e(
+                T,
+                {
+                  id: "protect-pdf",
+                  checked: s.protectPdf,
+                  onCheckedChange: (t) => {
+                    l({
+                      ...s,
+                      protectPdf: t,
+                      password: t ? s.password : ""
+                    }), t || o(!1);
+                  }
+                }
+              ),
+              /* @__PURE__ */ a(
+                A,
+                {
+                  htmlFor: "protect-pdf",
+                  className: "flex cursor-pointer items-center text-sm font-normal",
+                  children: [
+                    /* @__PURE__ */ e(Se, { className: "mr-2 h-3.5 w-3.5" }),
+                    "Password protect PDF"
+                  ]
+                }
+              )
+            ] }),
+            s.protectPdf && /* @__PURE__ */ a("div", { className: "ml-6 space-y-2", children: [
+              /* @__PURE__ */ e(A, { htmlFor: "pdf-password", className: "text-sm", children: "Password" }),
+              /* @__PURE__ */ a("div", { className: "relative", children: [
+                /* @__PURE__ */ e(
+                  Ae,
+                  {
+                    id: "pdf-password",
+                    type: r ? "text" : "password",
+                    value: s.password,
+                    onChange: (t) => l({ ...s, password: t.target.value }),
+                    placeholder: "Enter password",
+                    className: "pr-10",
+                    onKeyDown: (t) => {
+                      t.key === "Enter" && s.password && D();
+                    }
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  P,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    size: "sm",
+                    className: "absolute right-0 top-0 h-full px-3 py-2 hover:bg-transparent",
+                    onClick: () => o(!r),
+                    children: r ? /* @__PURE__ */ e(Pe, { className: "h-4 w-4 text-muted-foreground" }) : /* @__PURE__ */ e(Fe, { className: "h-4 w-4 text-muted-foreground" })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: "Recipients will need this password to open the PDF" })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ a(X, { children: [
+          /* @__PURE__ */ e(P, { variant: "outline", onClick: x, disabled: d, children: "Cancel" }),
+          /* @__PURE__ */ e(P, { onClick: D, disabled: d, children: d ? /* @__PURE__ */ a(F, { children: [
+            /* @__PURE__ */ e(V, { className: "mr-2 h-4 w-4 animate-spin" }),
+            "Exporting..."
+          ] }) : /* @__PURE__ */ a(F, { children: [
+            /* @__PURE__ */ e(ke, { className: "mr-2 h-4 w-4" }),
+            "Export"
+          ] }) })
+        ] })
+      ] })
+    }
+  );
+}
+export {
+  qe as A,
+  ea as D,
+  Ze as S,
+  Je as U,
+  Ye as V,
+  Qe as u
+};

package/dist/chunks/dashboard-json-DD-d9gYu.js

@@ -0,0 +1,66 @@
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import { u as s, c as l, B as h, X as d, d as c } from "./index-QdSI9E0a.js";
+import "react";
+import "react-dom";
+function N() {
+  const e = s((a) => a.dashboard), t = s((a) => a.actions.setDashboard), n = s(
+    (a) => a.showDashboardJSON
+  ), i = s(
+    (a) => a.actions.setShowDashboardJSON
+  );
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: l("relative p-2", {
+        hidden: !n
+      }),
+      children: [
+        /* @__PURE__ */ o(
+          h,
+          {
+            variant: "secondary",
+            size: "sm",
+            className: "absolute right-2 top-2 z-10 h-8",
+            onClick: () => i(!1),
+            children: [
+              /* @__PURE__ */ r(d, { className: "mr-2 h-4 w-4" }),
+              "Close"
+            ]
+          }
+        ),
+        /* @__PURE__ */ r(
+          c,
+          {
+            onChange: (a) => {
+              if (a)
+                try {
+                  JSON.parse(a), t(JSON.parse(a));
+                } catch {
+                }
+            },
+            defaultLanguage: "json",
+            className: "h-[550px] overflow-y-auto",
+            value: JSON.stringify(e, null, 2),
+            options: {
+              minimap: {
+                enabled: !1
+              },
+              //   lineNumbers: 'off',
+              glyphMargin: !1,
+              wordWrap: "on",
+              scrollbar: {
+                verticalScrollbarSize: 0,
+                horizontalScrollbarSize: 0
+              },
+              fontSize: 12,
+              renderLineHighlight: "none"
+            }
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  N as default
+};

package/dist/chunks/dashboard-json-DgQozDAv.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),a=require("./index-CReqnEJI.js");require("react");require("react-dom");function i(){const o=a.useDashboardStore(e=>e.dashboard),r=a.useDashboardStore(e=>e.actions.setDashboard),t=a.useDashboardStore(e=>e.showDashboardJSON),n=a.useDashboardStore(e=>e.actions.setShowDashboardJSON);return s.jsxs("div",{className:a.cn("relative p-2",{hidden:!t}),children:[s.jsxs(a.Button,{variant:"secondary",size:"sm",className:"absolute right-2 top-2 z-10 h-8",onClick:()=>n(!1),children:[s.jsx(a.X,{className:"mr-2 h-4 w-4"}),"Close"]}),s.jsx(a.de,{onChange:e=>{if(e)try{JSON.parse(e),r(JSON.parse(e))}catch{}},defaultLanguage:"json",className:"h-[550px] overflow-y-auto",value:JSON.stringify(o,null,2),options:{minimap:{enabled:!1},glyphMargin:!1,wordWrap:"on",scrollbar:{verticalScrollbarSize:0,horizontalScrollbarSize:0},fontSize:12,renderLineHighlight:"none"}})]})}exports.default=i;