react-semaphor 0.1.127 → 0.1.129

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

@@ -0,0 +1,601 @@
+import { jsx as e, jsxs as a, Fragment as F } from "react/jsx-runtime";
+import { b as q, ar as $, as as H, at as W, au as _, av as K, aw as S, ax as J, ay as Z, az as V, aA as Q, B as A, L as T, f as E, i as ee, u as x, an as ae, g as X, aB as se, aC as O, l as g, aD as te, aE as re, c as k, aF as B, aG as L, aH as z, aI as U, aJ as G, e as oe, aK as le, aL as ne, aM as de, aN as ie, aO as ce, aP as he, aQ as ue, aR as me, aS as pe, aT as fe, aU as ve, aV as ge, Q as be, I as Ce, aW as we, aX as xe, am as De, aY as ye, aZ as R, a_ as Ne, a$ as Se, b0 as Ae, b1 as Pe, b2 as Fe, b3 as Ie, V as ke } from "./index-vRQsO2Ki.js";
+import { E as Ee, V as Me, a as Ve, b as Te, S as j, c as Oe } from "./editor-action-buttons-BFF_pszh.js";
+import Be, { useState as D, useContext as Le, useEffect as ze } from "react";
+import { a as Y } from "./use-visual-utils-BMr6v4np.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 = q("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: t,
+  currentVisualName: r,
+  isSaving: n = !1,
+  onConfirm: u
+}) {
+  const [s, o] = D(
+    t && r ? `Copy of ${r}` : r || ""
+  ), [l, f] = D(""), [b, v] = D(!t), [C, w] = D(!0);
+  Be.useEffect(() => {
+    c && (o(
+      t && r ? `Copy of ${r}` : r || ""
+    ), f(""), v(!t), w(!0));
+  }, [c, t, r]);
+  const N = () => {
+    s.trim() && (!b && !C || u({
+      name: s.trim(),
+      description: l.trim() || void 0,
+      saveToLibrary: b,
+      saveToCurrentDashboard: C
+    }));
+  }, d = s.trim() && (b || C);
+  return /* @__PURE__ */ e($, { open: c, onOpenChange: i, children: /* @__PURE__ */ a(H, { className: "sm:max-w-[425px]", children: [
+    /* @__PURE__ */ a(W, { children: [
+      /* @__PURE__ */ e(_, { children: "Save Visual As" }),
+      /* @__PURE__ */ e(K, { children: t ? "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(S, { htmlFor: "name", children: "Name" }),
+        /* @__PURE__ */ e(
+          J,
+          {
+            id: "name",
+            value: s,
+            onChange: (p) => o(p.target.value),
+            placeholder: "Enter visual name",
+            disabled: n
+          }
+        )
+      ] }),
+      /* @__PURE__ */ a("div", { className: "grid gap-2", children: [
+        /* @__PURE__ */ e(S, { htmlFor: "description", children: "Description (optional)" }),
+        /* @__PURE__ */ e(
+          Z,
+          {
+            id: "description",
+            value: l,
+            onChange: (p) => f(p.target.value),
+            placeholder: "Enter visual description",
+            rows: 3,
+            disabled: n
+          }
+        )
+      ] }),
+      /* @__PURE__ */ a("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ e(S, { children: "Save to:" }),
+        /* @__PURE__ */ a("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ a("div", { className: "flex items-center space-x-2", children: [
+            /* @__PURE__ */ e(
+              V,
+              {
+                id: "save-to-dashboard",
+                checked: C,
+                onCheckedChange: (p) => w(!!p),
+                disabled: n
+              }
+            ),
+            /* @__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: t ? "(add copy to this dashboard)" : "(keep as local visual)" })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ a("div", { className: "flex items-center space-x-2", children: [
+            /* @__PURE__ */ e(
+              V,
+              {
+                id: "save-to-library",
+                checked: b,
+                onCheckedChange: (p) => v(!!p),
+                disabled: n
+              }
+            ),
+            /* @__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: t ? "(save as new reusable visual)" : "(make available to all dashboards)" })
+                ]
+              }
+            )
+          ] })
+        ] }),
+        !b && !C && /* @__PURE__ */ e("p", { className: "text-sm text-destructive", children: "Please select at least one destination" })
+      ] })
+    ] }),
+    /* @__PURE__ */ a(Q, { children: [
+      /* @__PURE__ */ e(
+        A,
+        {
+          variant: "outline",
+          onClick: () => i(!1),
+          disabled: n,
+          children: "Cancel"
+        }
+      ),
+      /* @__PURE__ */ a(A, { onClick: N, disabled: !d || n, children: [
+        n && /* @__PURE__ */ e(T, { className: "mr-2 h-4 w-4 animate-spin" }),
+        n ? "Saving..." : "Save"
+      ] })
+    ] })
+  ] }) });
+}
+function Re() {
+  const [c, i] = D(!1), [t, r] = D(!1), [n, u] = D(null), s = E((h) => h.frame), o = E((h) => h.card), l = ee(), f = x((h) => h.selectedSheetId), b = x(
+    (h) => h.actions.setIsDashboardPanelOpen
+  ), { getUpdatedFrame: v } = Y(), { selectVisual: C } = ae(), { addFrame: w, setSelectedFrameId: N, setIsVisualEditing: d } = X(), p = !!(s != null && s.visualId), P = (() => {
+    var h, y;
+    return ((h = s == null ? void 0 : s.cards) == null ? void 0 : h.length) === 1 && ((y = s.cards[0]) != null && y.title) ? s.cards[0].title : l != null && l.title ? l.title : (o == null ? void 0 : o.title) || "Untitled Visual";
+  })(), m = se((h) => {
+    if (h != null && h.id) {
+      if (C(h), t && n && f) {
+        const y = {
+          ...n,
+          id: O(),
+          visualId: h.id
+          // Link to the newly created library visual
+        };
+        w(f, y, "end"), N(y.id), r(!1), u(null), d(!1);
+      }
+      b(!0), i(!1);
+    }
+  });
+  return {
+    saveAsDialogOpen: c,
+    setSaveAsDialogOpen: i,
+    handleSaveAs: async (h) => {
+      if (!f) {
+        g.error("No sheet selected");
+        return;
+      }
+      const y = v(), M = y.cards.length === 1 ? {
+        ...y,
+        cards: y.cards.map((I) => ({
+          ...I,
+          title: h.name
+          // Use visual name as card title
+        }))
+      } : y;
+      if (h.saveToLibrary) {
+        r(h.saveToCurrentDashboard), u(M);
+        const I = {
+          title: h.name,
+          description: h.description,
+          frameObject: M,
+          // Card title synced for single-card frames
+          isPrivate: !1
+        };
+        m.mutate(I);
+      } else if (h.saveToCurrentDashboard) {
+        const I = {
+          ...M,
+          // Card title already synced
+          id: O(),
+          visualId: void 0
+          // Explicitly no visualId for local visuals
+        };
+        w(f, I, "end"), N(I.id), g.success("Visual saved to dashboard"), i(!1), d(!1);
+      }
+    },
+    isLibraryVisual: p,
+    currentVisualName: P,
+    isSaving: m.isPending
+  };
+}
+function Xe({
+  className: c
+}) {
+  const i = E((m) => m.frame), t = E((m) => m.card), r = te((m) => m.selectedVisual), n = x((m) => m.selectedFrameId), u = x((m) => m.selectedSheetId), { setIsVisualEditing: s } = X(), o = !!(i != null && i.visualId || r != null && r.id), l = !!(i != null && i.visualId && n), f = o && !l, {
+    saveAsDialogOpen: b,
+    setSaveAsDialogOpen: v,
+    handleSaveAs: C,
+    isLibraryVisual: w,
+    currentVisualName: N,
+    isSaving: d
+  } = Re(), { handleAddLibraryVisual: p } = Y(), P = async () => {
+    if (!u) {
+      g.error("No dashboard sheet selected");
+      return;
+    }
+    if (!r) {
+      g.error("No visual selected");
+      return;
+    }
+    const m = await p(r);
+    m.success ? (g.success("Visual added to dashboard"), s(!1)) : g.error(m.error || "Failed to add visual to dashboard");
+  };
+  return /* @__PURE__ */ a(F, { children: [
+    !o && /* @__PURE__ */ e(Ee, { className: c, variant: "default" }),
+    o && /* @__PURE__ */ a(F, { children: [
+      l && /* @__PURE__ */ e(Me, { className: c }),
+      f && u && t && (t.sql || re(t.config)) && /* @__PURE__ */ a(
+        A,
+        {
+          onClick: P,
+          className: k(c),
+          size: "sm",
+          variant: "outline",
+          children: [
+            /* @__PURE__ */ e(Ue, { className: "mr-2 size-4 font-bold" }),
+            "Add to Dashboard"
+          ]
+        }
+      ),
+      f && /* @__PURE__ */ e(Ve, { className: c, variant: "default" }),
+      l && /* @__PURE__ */ e(Te, { className: c }),
+      /* @__PURE__ */ a(B, { modal: !1, children: [
+        /* @__PURE__ */ e(L, { asChild: !0, children: /* @__PURE__ */ e(
+          A,
+          {
+            variant: "outline",
+            size: "sm",
+            className: k(c, "w-8 p-0"),
+            children: /* @__PURE__ */ e(z, { className: "h-4 w-4" })
+          }
+        ) }),
+        /* @__PURE__ */ e(U, { align: "end", children: /* @__PURE__ */ a(
+          G,
+          {
+            onClick: (m) => {
+              m.stopPropagation(), v(!0);
+            },
+            children: [
+              /* @__PURE__ */ e(j, { className: "mr-2 h-4 w-4" }),
+              "Save As..."
+            ]
+          }
+        ) })
+      ] })
+    ] }),
+    !o && /* @__PURE__ */ a(B, { modal: !1, children: [
+      /* @__PURE__ */ e(L, { asChild: !0, children: /* @__PURE__ */ e(
+        A,
+        {
+          variant: "outline",
+          size: "sm",
+          className: k(c, "w-8 p-0"),
+          children: /* @__PURE__ */ e(z, { className: "h-4 w-4" })
+        }
+      ) }),
+      /* @__PURE__ */ e(U, { align: "end", children: /* @__PURE__ */ a(G, { onClick: () => v(!0), children: [
+        /* @__PURE__ */ e(j, { className: "mr-2 h-4 w-4" }),
+        "Save As..."
+      ] }) })
+    ] }),
+    /* @__PURE__ */ e(Oe, { className: c }),
+    /* @__PURE__ */ e(
+      Ge,
+      {
+        open: b,
+        onOpenChange: (m) => {
+          d || v(m);
+        },
+        isLibraryVisual: w,
+        currentVisualName: N,
+        isSaving: d,
+        onConfirm: C
+      }
+    )
+  ] });
+}
+function Ye({
+  className: c,
+  //labelClassName,
+  switchClassName: i
+}) {
+  const t = E((o) => o.isDevMode), r = x((o) => o.isVisualEditing), { setIsDevMode: n } = oe(), { config: u } = Le(le).tokenProps, s = (u == null ? void 0 : u.showAdvancedMode) !== !1;
+  return !r || !s ? null : /* @__PURE__ */ a("div", { className: k("flex items-center space-x-2", c), children: [
+    /* @__PURE__ */ e(
+      ne,
+      {
+        className: k("", i),
+        checked: t,
+        onCheckedChange: () => n(!t),
+        id: "advanced-mode",
+        icon: /* @__PURE__ */ e(de, { className: "h-4 w-4" }),
+        tooltip: t ? "Standard Mode" : "Advanced Mode"
+      }
+    ),
+    /* @__PURE__ */ e("label", { htmlFor: "advanced-mode", className: "sr-only", children: "Advanced Mode" })
+  ] });
+}
+function qe({
+  open: c,
+  onOpenChange: i,
+  onSave: t,
+  onDiscard: r,
+  isSaving: n
+}) {
+  return /* @__PURE__ */ e(ie, { open: c, onOpenChange: (s) => {
+    !s && n || 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: n,
+          className: "order-1 m-0 border-border/50 sm:order-1",
+          children: "Cancel"
+        }
+      ),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          onClick: r,
+          disabled: n,
+          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: t,
+          disabled: n,
+          className: "order-3 m-0 bg-primary text-primary-foreground hover:bg-primary/90 sm:order-3",
+          children: n ? /* @__PURE__ */ a(F, { children: [
+            /* @__PURE__ */ e(T, { className: "mr-2 h-4 w-4 animate-spin" }),
+            "Saving..."
+          ] }) : "Save & Close"
+        }
+      )
+    ] })
+  ] }) });
+}
+function Je(c, i, t, r) {
+  ze(() => {
+    c && !t && i && r(be(i));
+  }, [c, t, i, r]);
+}
+function Ze({
+  triggerButtonClassName: c
+}) {
+  const [i, t] = D(!1), r = x((o) => {
+    var l;
+    return (l = o.dashboard) == null ? void 0 : l.id;
+  }), n = x((o) => {
+    var l;
+    return (l = o.dashboard) == null ? void 0 : l.title;
+  }), u = x((o) => {
+    var l;
+    return (l = o.dashboard) == null ? void 0 : l.sheets;
+  }), s = x((o) => o.selectedSheetId);
+  return u == null || u.find((o) => o.id === s), r ? /* @__PURE__ */ a(F, { children: [
+    /* @__PURE__ */ e(
+      Ce,
+      {
+        tooltip: "Schedule Dashboard",
+        className: k("h-7 p-2", c),
+        onClick: () => t(!0),
+        children: /* @__PURE__ */ e(we, { className: "size-4" })
+      }
+    ),
+    /* @__PURE__ */ e(
+      xe,
+      {
+        open: i,
+        onOpenChange: t,
+        dashboardId: r,
+        dashboardName: n
+      }
+    )
+  ] }) : null;
+}
+function ea({
+  open: c,
+  onOpenChange: i
+}) {
+  const [t, r] = D(!1), [n, u] = D(!1), [s, o] = D({
+    sheetSelection: "current",
+    protectPdf: !1,
+    password: ""
+  }), l = x((d) => {
+    var p;
+    return (p = d.dashboard) == null ? void 0 : p.sheets;
+  }), f = x((d) => d.selectedSheetId), { tokenProps: b } = De(), v = l == null ? void 0 : l.find((d) => d.id === f), C = ((l == null ? void 0 : l.length) || 0) > 1, w = () => {
+    o({
+      sheetSelection: "current",
+      protectPdf: !1,
+      password: ""
+    }), r(!1), i(!1);
+  };
+  async function N() {
+    if (s.protectPdf && !s.password) {
+      g.error("Please enter a password to protect the PDF");
+      return;
+    }
+    u(!0);
+    const d = 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", p = g.loading(d);
+    try {
+      await ke(
+        b.apiServiceUrl,
+        s.protectPdf ? s.password : void 0,
+        s.sheetSelection
+      ), g.dismiss(p);
+      const P = s.sheetSelection === "all" ? "All sheets PDF downloaded successfully!" : s.protectPdf ? "Protected PDF downloaded successfully!" : "PDF downloaded successfully!";
+      g.success(P, {
+        duration: 2e3
+      }), w();
+    } catch (P) {
+      g.dismiss(p), g.error("Failed to download PDF", {
+        description: "Please try again or contact support.",
+        richColors: !0
+      }), console.error("PDF download error:", P);
+    } finally {
+      u(!1);
+    }
+  }
+  return /* @__PURE__ */ e(
+    $,
+    {
+      open: c,
+      onOpenChange: (d) => {
+        if (!d) {
+          w();
+          return;
+        }
+        i(!0);
+      },
+      children: /* @__PURE__ */ a(H, { className: "sm:max-w-[425px]", children: [
+        /* @__PURE__ */ a(W, { 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: [
+          C && /* @__PURE__ */ a(F, { children: [
+            /* @__PURE__ */ a("div", { className: "space-y-3", children: [
+              /* @__PURE__ */ e(S, { children: "Export Scope" }),
+              /* @__PURE__ */ a(
+                ye,
+                {
+                  value: s.sheetSelection,
+                  onValueChange: (d) => o({
+                    ...s,
+                    sheetSelection: d
+                  }),
+                  children: [
+                    /* @__PURE__ */ a("div", { className: "flex items-center space-x-2", children: [
+                      /* @__PURE__ */ e(R, { value: "current", id: "scope-current" }),
+                      /* @__PURE__ */ a(
+                        S,
+                        {
+                          htmlFor: "scope-current",
+                          className: "cursor-pointer font-normal",
+                          children: [
+                            "This sheet (",
+                            (v == null ? void 0 : v.title) || "Current",
+                            ")"
+                          ]
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ a("div", { className: "flex items-center space-x-2", children: [
+                      /* @__PURE__ */ e(R, { value: "all", id: "scope-all" }),
+                      /* @__PURE__ */ a(
+                        S,
+                        {
+                          htmlFor: "scope-all",
+                          className: "cursor-pointer font-normal",
+                          children: [
+                            "All sheets (",
+                            l == null ? void 0 : l.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(
+                V,
+                {
+                  id: "protect-pdf",
+                  checked: s.protectPdf,
+                  onCheckedChange: (d) => {
+                    o({
+                      ...s,
+                      protectPdf: d,
+                      password: d ? s.password : ""
+                    }), d || r(!1);
+                  }
+                }
+              ),
+              /* @__PURE__ */ a(
+                S,
+                {
+                  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(S, { htmlFor: "pdf-password", className: "text-sm", children: "Password" }),
+              /* @__PURE__ */ a("div", { className: "relative", children: [
+                /* @__PURE__ */ e(
+                  Ae,
+                  {
+                    id: "pdf-password",
+                    type: t ? "text" : "password",
+                    value: s.password,
+                    onChange: (d) => o({ ...s, password: d.target.value }),
+                    placeholder: "Enter password",
+                    className: "pr-10",
+                    onKeyDown: (d) => {
+                      d.key === "Enter" && s.password && N();
+                    }
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  A,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    size: "sm",
+                    className: "absolute right-0 top-0 h-full px-3 py-2 hover:bg-transparent",
+                    onClick: () => r(!t),
+                    children: t ? /* @__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(Q, { children: [
+          /* @__PURE__ */ e(A, { variant: "outline", onClick: w, disabled: n, children: "Cancel" }),
+          /* @__PURE__ */ e(A, { onClick: N, disabled: n, children: n ? /* @__PURE__ */ a(F, { children: [
+            /* @__PURE__ */ e(T, { className: "mr-2 h-4 w-4 animate-spin" }),
+            "Exporting..."
+          ] }) : /* @__PURE__ */ a(F, { children: [
+            /* @__PURE__ */ e(Ie, { className: "mr-2 h-4 w-4" }),
+            "Export"
+          ] }) })
+        ] })
+      ] })
+    }
+  );
+}
+export {
+  Ye as A,
+  ea as D,
+  Ze as S,
+  qe as U,
+  Xe as V,
+  Je as u
+};

package/dist/chunks/{dashboard-json-Bqddgxcf.js → dashboard-json-Dtshd-QS.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),a=require("./index-DJmpV5Lg.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),a=require("./index-Df1tIEqs.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;

package/dist/chunks/{dashboard-json-CZrxKZBn.js → dashboard-json-xVrkPU1h.js}

@@ -1,5 +1,5 @@
 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-DLxVadBx.js";
+import { u as s, c as l, B as h, X as d, d as c } from "./index-vRQsO2Ki.js";
 import "react";
 import "react-dom";
 function N() {