react-semaphor 0.1.100 → 0.1.102

package/dist/chunks/resource-management-panel-k_ZQIBfh.js

@@ -0,0 +1,924 @@
+import { jsx as e, jsxs as t, Fragment as ve } from "react/jsx-runtime";
+import { b as Ce, aM as pe, u as de, aa as Ge, ak as J, aN as Ke, aO as We, aP as ye, c as q, aQ as Se, aR as ce, B as j, aS as xe, aC as Ye, aD as qe, aT as Qe, aF as Xe, aG as G, aU as ue, ac as k, aV as Ze, aW as be, aX as fe, aY as $e, aZ as Je, I as ke, a_ as Ve, a$ as ee, b0 as Ee, b1 as et, v as Le, R as Te, b2 as Oe, b3 as Ae, b4 as Pe, b5 as Ue, b6 as Re, b7 as Ie, b8 as Me, b9 as je, ba as Fe, bb as tt, bc as st, bd as at, aA as $, aj as nt, be as it, bf as ze, bg as rt, ao as ot, ap as lt, aq as dt, ar as ct, as as ut, at as we, au as he, ax as ht, bh as mt, bi as pt, bj as ft, bk as gt, bl as Dt, bm as Nt, bn as xt, bo as bt } from "./index-DLEb3N-R.js";
+import wt, { useState as D, useEffect as me } from "react";
+import { a as Be } from "./use-visual-utils-Btxew3Er.js";
+import { u as vt } from "./use-click-outside-CMeO_QFI.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 Ct = Ce("ChartSpline", [
+  ["path", { d: "M3 3v16a2 2 0 0 0 2 2h16", key: "c24i48" }],
+  ["path", { d: "M7 16c.5-2 1.5-7 4-7 2 0 2 3 4 3 2.5 0 4.5-5 5-7", key: "lw07rv" }]
+]);
+/**
+ * @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 yt = Ce("FolderOpen", [
+  [
+    "path",
+    {
+      d: "m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2",
+      key: "usdka0"
+    }
+  ]
+]);
+function He() {
+  return /* @__PURE__ */ e(pe, { className: "w-full flex-1", children: /* @__PURE__ */ t("div", { className: "space-y-4 px-4 py-2", children: [
+    /* @__PURE__ */ e("div", { className: "h-9 w-full rounded bg-muted animate-pulse" }),
+    /* @__PURE__ */ e("div", { className: "h-9 w-full rounded bg-muted animate-pulse" }),
+    /* @__PURE__ */ e("div", { className: "space-y-3 pt-2", children: [...Array(3)].map((s, g) => /* @__PURE__ */ t("div", { className: "flex gap-3 animate-pulse", children: [
+      /* @__PURE__ */ e("div", { className: "h-8 w-8 rounded bg-muted flex-shrink-0" }),
+      /* @__PURE__ */ t("div", { className: "flex-1 space-y-1.5", children: [
+        /* @__PURE__ */ e("div", { className: "h-4 w-2/3 rounded bg-muted" }),
+        /* @__PURE__ */ e("div", { className: "h-3 w-4/5 rounded bg-muted" })
+      ] })
+    ] }, g)) })
+  ] }) });
+}
+const St = (s) => {
+  const g = de((i) => i.isVisualEditing), p = de((i) => i.selectedFrameId), l = Ge((i) => i.frame);
+  return !!(g && p && (l == null ? void 0 : l.visualId) === s);
+};
+function Vt({
+  visual: s,
+  isDeleting: g,
+  isDuplicating: p,
+  onAddVisual: l,
+  onOpenVisual: i,
+  onEditDetails: f,
+  onDeleteClick: x,
+  onDuplicateVisual: m,
+  // onTogglePrivacy,
+  onShareVisual: b,
+  formatDate: v
+}) {
+  var U, S, T, M;
+  const { selectVisual: h } = J(), o = Ke(s.id), d = St(s.id), { isConsoleMode: P } = We(), E = wt.useRef(null), [w, C] = D(!1), [L, y] = D(!1);
+  me(() => {
+    p ? (C(!0), y(!0)) : L && (C(!1), y(!1));
+  }, [p, L]), me(() => {
+    d && E.current && E.current.scrollIntoView({
+      behavior: "smooth",
+      block: "center"
+    });
+  }, [d]);
+  const O = () => /* @__PURE__ */ e(Ct, { className: "h-4 w-4" }), F = () => {
+    h(s), i == null || i(s);
+  };
+  return /* @__PURE__ */ e(
+    ye,
+    {
+      ref: E,
+      className: q(
+        "group cursor-pointer border border-border/50 p-2 shadow-none transition-colors hover:bg-muted/50",
+        d ? "border-purple-500/50 bg-purple-500/10" : o && "border-primary/50 bg-muted/30"
+      ),
+      onClick: F,
+      children: /* @__PURE__ */ t("div", { className: "flex items-start gap-3", children: [
+        /* @__PURE__ */ e("div", { className: "mt-0.5 rounded bg-muted p-1.5", children: O() }),
+        /* @__PURE__ */ t("div", { className: "flex min-w-0 flex-1 flex-col", children: [
+          /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ e(
+              "p",
+              {
+                className: "truncate text-sm font-medium text-foreground",
+                title: s.title || "Untitled Visual",
+                children: s.title || "Untitled Visual"
+              }
+            ),
+            s.ownership.status === "shared" && /* @__PURE__ */ t(Se, { variant: "outline", className: "text-xs", children: [
+              /* @__PURE__ */ e(ce, { className: "mr-1 h-2.5 w-2.5" }),
+              "Shared"
+            ] })
+          ] }),
+          /* @__PURE__ */ t("div", { className: "flex items-center justify-between gap-2", children: [
+            /* @__PURE__ */ e(
+              "p",
+              {
+                className: "line-clamp-2 flex-1 text-xs text-muted-foreground",
+                title: s.description || "No description",
+                children: (U = s.description) != null && U.trim() ? s.description : "No description"
+              }
+            ),
+            /* @__PURE__ */ t(
+              "div",
+              {
+                className: "flex flex-shrink-0 items-center gap-1",
+                onClick: (c) => c.stopPropagation(),
+                children: [
+                  /* @__PURE__ */ t(
+                    "div",
+                    {
+                      className: q(
+                        "invisible flex items-center gap-1 transition-opacity duration-150 group-hover:visible",
+                        o && "visible"
+                      ),
+                      children: [
+                        s.ownership.isOwner && /* @__PURE__ */ e(
+                          j,
+                          {
+                            size: "sm",
+                            variant: "ghost",
+                            className: "h-6 w-6 p-0",
+                            onClick: (c) => {
+                              c.stopPropagation(), f == null || f(s);
+                            },
+                            title: "Edit details",
+                            children: /* @__PURE__ */ e(xe, { className: "h-3 w-3" })
+                          }
+                        ),
+                        /* @__PURE__ */ t(
+                          Ye,
+                          {
+                            modal: !1,
+                            open: w,
+                            onOpenChange: C,
+                            children: [
+                              /* @__PURE__ */ e(qe, { asChild: !0, children: /* @__PURE__ */ e(j, { size: "sm", variant: "ghost", className: "h-6 w-6 p-0", children: /* @__PURE__ */ e(Qe, { className: "h-3 w-3" }) }) }),
+                              /* @__PURE__ */ t(Xe, { align: "end", className: "z-[51] w-40", children: [
+                                /* @__PURE__ */ t(
+                                  G,
+                                  {
+                                    onClick: (c) => {
+                                      c.stopPropagation(), l(s);
+                                    },
+                                    children: [
+                                      /* @__PURE__ */ e(ue, { className: "mr-2 h-3 w-3" }),
+                                      "Add"
+                                    ]
+                                  }
+                                ),
+                                /* @__PURE__ */ t(
+                                  G,
+                                  {
+                                    onClick: (c) => {
+                                      c.stopPropagation(), i == null || i(s);
+                                    },
+                                    children: [
+                                      /* @__PURE__ */ e(yt, { className: "mr-2 h-3 w-3" }),
+                                      "Open"
+                                    ]
+                                  }
+                                ),
+                                /* @__PURE__ */ t(
+                                  G,
+                                  {
+                                    onClick: (c) => {
+                                      c.preventDefault(), c.stopPropagation(), m(s.id);
+                                    },
+                                    disabled: p,
+                                    children: [
+                                      p ? /* @__PURE__ */ e(k, { className: "mr-2 h-3 w-3 animate-spin" }) : /* @__PURE__ */ e(Ze, { className: "mr-2 h-3 w-3" }),
+                                      p ? "Duplicating..." : "Duplicate"
+                                    ]
+                                  }
+                                ),
+                                s.ownership.isOwner && /* @__PURE__ */ t(ve, { children: [
+                                  /* @__PURE__ */ t(
+                                    G,
+                                    {
+                                      onClick: (c) => {
+                                        c.stopPropagation(), f == null || f(s);
+                                      },
+                                      children: [
+                                        /* @__PURE__ */ e(xe, { className: "mr-2 h-3 w-3" }),
+                                        "Edit details"
+                                      ]
+                                    }
+                                  ),
+                                  /* @__PURE__ */ t(
+                                    G,
+                                    {
+                                      onClick: (c) => {
+                                        c.stopPropagation(), b(s);
+                                      },
+                                      children: [
+                                        /* @__PURE__ */ e(ce, { className: "mr-2 h-3 w-3" }),
+                                        "Share"
+                                      ]
+                                    }
+                                  ),
+                                  /* @__PURE__ */ e(be, {}),
+                                  /* @__PURE__ */ t(
+                                    G,
+                                    {
+                                      onClick: (c) => {
+                                        c.stopPropagation(), x(s);
+                                      },
+                                      className: "text-destructive",
+                                      disabled: g,
+                                      children: [
+                                        /* @__PURE__ */ e(fe, { className: "mr-2 h-3 w-3" }),
+                                        g ? "Deleting..." : "Delete"
+                                      ]
+                                    }
+                                  )
+                                ] }),
+                                /* @__PURE__ */ e(be, {}),
+                                /* @__PURE__ */ t("div", { className: "space-y-1 px-2 py-2 text-xs text-slate-500 dark:text-slate-400", children: [
+                                  (((S = s.ownership.createdBy) == null ? void 0 : S.type) === "tenant" || ((T = s.ownership.createdBy) == null ? void 0 : T.type) === "organization" && P) && /* @__PURE__ */ t("div", { className: "flex items-center gap-1", children: [
+                                    /* @__PURE__ */ e($e, { className: "h-3 w-3" }),
+                                    /* @__PURE__ */ e("span", { children: ((M = s.ownership.createdBy) == null ? void 0 : M.name) || "Unknown" })
+                                  ] }),
+                                  /* @__PURE__ */ t("div", { className: "flex items-center gap-1", children: [
+                                    /* @__PURE__ */ e(Je, { className: "h-3 w-3" }),
+                                    /* @__PURE__ */ e("span", { children: v(s.lastModified) })
+                                  ] })
+                                ] })
+                              ] })
+                            ]
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    ke,
+                    {
+                      tooltip: "Add to dashboard",
+                      buttonProps: {
+                        variant: "outline",
+                        size: "sm",
+                        onClick: (c) => {
+                          c.stopPropagation(), l(s);
+                        }
+                      },
+                      className: "h-6 px-2",
+                      children: /* @__PURE__ */ e(ue, { className: "h-3.5 w-3.5" })
+                    }
+                  )
+                ]
+              }
+            )
+          ] })
+        ] })
+      ] })
+    },
+    s.id
+  );
+}
+function Et({ searchQuery: s }) {
+  const [g, p] = D(!1), [l, i] = D(
+    null
+  ), [f, x] = D(!1), [m, b] = D(null), [v, h] = D(null), [o, d] = D(
+    null
+  ), { selectVisual: P } = J(), { handleEditLibraryVisual: E, handleAddLibraryVisual: w } = Be(), {
+    resources: C,
+    isLoading: L,
+    isError: y,
+    updateResource: O,
+    deleteResource: F,
+    duplicateResource: U,
+    isDeleting: S
+  } = Ve(() => {
+    x(!1), b(null);
+  });
+  ee();
+  const T = C.filter(
+    (n) => {
+      var V, r;
+      return ((V = n == null ? void 0 : n.title) == null ? void 0 : V.toLowerCase().includes(s.toLowerCase())) || ((r = n == null ? void 0 : n.description) == null ? void 0 : r.toLowerCase().includes(s.toLowerCase()));
+    }
+  ), M = (n) => new Date(n).toLocaleDateString("en-US", {
+    month: "short",
+    day: "numeric",
+    year: "numeric"
+  }), c = (n) => {
+    b(n), x(!0);
+  }, H = () => {
+    m && F(m.id);
+  }, {
+    startUpdating: K,
+    stopUpdating: _,
+    isUpdating: A
+  } = Ee(), N = (n, V, r) => {
+    var Z;
+    const W = Object.fromEntries(
+      Object.entries(V).filter(([, I]) => I !== void 0)
+    );
+    if (Object.keys(W).length === 0) {
+      (Z = r == null ? void 0 : r.onSuccess) == null || Z.call(r);
+      return;
+    }
+    const X = Object.keys(W), Y = X.length === 1 ? X[0] : void 0;
+    K(n, Y), O(
+      {
+        resourceId: n,
+        data: W
+      },
+      {
+        onSuccess: () => {
+          var I;
+          _(n, Y), (I = r == null ? void 0 : r.onSuccess) == null || I.call(r);
+        },
+        onError: () => {
+          var I;
+          _(n, Y), (I = r == null ? void 0 : r.onError) == null || I.call(r);
+        }
+      }
+    );
+  }, z = (n) => {
+    h(n), U(n, {
+      onSettled: () => h(null)
+    });
+  }, te = (n) => {
+    E(n);
+  }, Q = (n) => {
+    w(n);
+  }, se = (n) => {
+    const V = C.find((r) => r.id === n);
+    V && O({
+      resourceId: n,
+      data: {
+        isPrivate: !V.isPrivate
+      }
+    });
+  }, ae = (n) => {
+    i(n), p(!0);
+  }, ne = (n) => {
+    d(n);
+  }, ie = () => {
+    d(null);
+  }, re = ({
+    title: n,
+    description: V
+  }) => {
+    if (!o)
+      return;
+    const r = {};
+    n !== o.title && (r.title = n), (o.description || "") !== V && (r.description = V), N(o.id, r, {
+      onSuccess: () => {
+        d(null);
+      }
+    });
+  };
+  return L ? /* @__PURE__ */ e(He, {}) : y ? /* @__PURE__ */ e(pe, { className: "w-full flex-1 pr-2", children: /* @__PURE__ */ t("div", { className: "py-8 text-center text-muted-foreground", children: [
+    /* @__PURE__ */ e("p", { className: "text-sm text-destructive", children: "Failed to load visuals" }),
+    /* @__PURE__ */ e(
+      j,
+      {
+        variant: "outline",
+        size: "sm",
+        className: "mt-2",
+        onClick: () => window.location.reload(),
+        children: "Retry"
+      }
+    )
+  ] }) }) : /* @__PURE__ */ t("div", { className: "flex h-full flex-1 flex-col", children: [
+    /* @__PURE__ */ e("div", { className: "flex flex-1 basis-0 flex-col gap-3 overflow-y-auto", children: T.length === 0 ? /* @__PURE__ */ t("div", { className: "py-8 text-center", children: [
+      /* @__PURE__ */ e("div", { className: "mb-3", children: /* @__PURE__ */ e(et, { className: "mx-auto h-12 w-12 text-muted-foreground/50" }) }),
+      /* @__PURE__ */ e("h3", { className: "mb-1 font-medium text-foreground", children: s ? "No visuals found" : "No visuals yet" }),
+      /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: s ? "Try adjusting your search" : 'Click "Create" above to add your first visual' })
+    ] }) : T.map((n) => /* @__PURE__ */ e(
+      Vt,
+      {
+        visual: n,
+        onAddVisual: Q,
+        onOpenVisual: te,
+        onEditDetails: ne,
+        onDeleteClick: c,
+        onDuplicateVisual: z,
+        onTogglePrivacy: se,
+        onShareVisual: ae,
+        isDeleting: S,
+        isDuplicating: v === n.id,
+        formatDate: M
+      },
+      n.id
+    )) }),
+    g && l && /* @__PURE__ */ e(
+      Le,
+      {
+        resource: l,
+        resourceType: Te.VISUAL,
+        onClose: () => {
+          p(!1), i(null);
+        }
+      }
+    ),
+    o && /* @__PURE__ */ e(
+      Oe,
+      {
+        open: !!o,
+        resourceLabel: "Visual",
+        initialTitle: o.title || "",
+        initialDescription: o.description || "",
+        onClose: ie,
+        onSave: re,
+        isSaving: A(o.id)
+      }
+    ),
+    /* @__PURE__ */ e(
+      Ae,
+      {
+        open: f,
+        onOpenChange: (n) => {
+          !n && S || (x(n), n || b(null));
+        },
+        children: /* @__PURE__ */ t(Pe, { children: [
+          /* @__PURE__ */ t(Ue, { children: [
+            /* @__PURE__ */ e(Re, { children: "Delete Visual" }),
+            /* @__PURE__ */ t(Ie, { children: [
+              'Are you sure you want to delete "',
+              m == null ? void 0 : m.title,
+              '"? This action cannot be undone.'
+            ] })
+          ] }),
+          /* @__PURE__ */ t(Me, { children: [
+            /* @__PURE__ */ e(je, { disabled: S, children: "Cancel" }),
+            /* @__PURE__ */ t(
+              Fe,
+              {
+                onClick: (n) => {
+                  n.preventDefault(), n.stopPropagation(), H();
+                },
+                className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+                disabled: S,
+                children: [
+                  S ? /* @__PURE__ */ e(k, { className: "mr-2 h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ e(fe, { className: "mr-2 h-3.5 w-3.5" }),
+                  S ? "Deleting..." : "Delete"
+                ]
+              }
+            )
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+function Lt({
+  dashboard: s,
+  isDeleting: g,
+  isDuplicating: p,
+  onLoadDashboard: l,
+  onEditDetails: i,
+  onDeleteClick: f,
+  onDuplicateDashboard: x,
+  onShareDashboard: m,
+  formatDate: b,
+  onDashboardItemClick: v
+}) {
+  var y, O;
+  const { selectDashboard: h } = J(), o = tt(s.id), { userContext: d, isLoading: P } = ee(), E = ((y = d == null ? void 0 : d.permissions) == null ? void 0 : y.canEdit) ?? !1, w = P || !E, C = () => /* @__PURE__ */ e(at, { className: "h-4 w-4" }), L = () => {
+    h(s), l(s.id), v == null || v(s.id);
+  };
+  return /* @__PURE__ */ e(
+    ye,
+    {
+      className: q(
+        "group cursor-pointer border border-border/50 p-2 shadow-none transition-colors hover:bg-muted/50",
+        o && "border-primary/50 bg-muted/30"
+      ),
+      onClick: L,
+      children: /* @__PURE__ */ t("div", { className: "flex items-start gap-3", children: [
+        /* @__PURE__ */ e("div", { className: "mt-0.5 rounded bg-muted p-1.5", children: C() }),
+        /* @__PURE__ */ t("div", { className: "min-w-0 flex-1 flex flex-col", children: [
+          /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ e(
+              "p",
+              {
+                className: "text-sm font-medium text-foreground truncate",
+                title: s.title || "Untitled Dashboard",
+                children: s.title || "Untitled Dashboard"
+              }
+            ),
+            s.ownership.status === "shared" && /* @__PURE__ */ t(Se, { variant: "outline", className: "text-xs", children: [
+              /* @__PURE__ */ e(ce, { className: "mr-1 h-2.5 w-2.5" }),
+              "Shared"
+            ] })
+          ] }),
+          /* @__PURE__ */ t("div", { className: "flex items-center justify-between gap-2", children: [
+            /* @__PURE__ */ e(
+              "p",
+              {
+                className: "text-xs text-muted-foreground line-clamp-2 flex-1",
+                title: s.description || "No description",
+                children: (O = s.description) != null && O.trim() ? s.description : "No description"
+              }
+            ),
+            /* @__PURE__ */ e(
+              st,
+              {
+                dashboard: s,
+                isDeleting: g,
+                isDuplicating: p,
+                shouldHideActions: w,
+                onEditDetails: i,
+                onDeleteClick: f,
+                onDuplicateDashboard: x,
+                onShareDashboard: m,
+                formatDate: b
+              }
+            )
+          ] })
+        ] })
+      ] })
+    },
+    s.id
+  );
+}
+function Tt({ onRetry: s }) {
+  return /* @__PURE__ */ e(pe, { className: "w-full flex-1 pr-2", children: /* @__PURE__ */ t("div", { className: "py-8 text-center text-muted-foreground", children: [
+    /* @__PURE__ */ e("p", { className: "text-sm text-destructive", children: "Failed to load dashboards" }),
+    /* @__PURE__ */ e(j, { variant: "outline", size: "sm", className: "mt-2", onClick: s, children: "Retry" })
+  ] }) });
+}
+function Ot(s) {
+  var ge;
+  const { searchQuery: g, onLoadDashboard: p, onEditDashboard: l, onDashboardItemClick: i } = s, [f, x] = D(!1), [m, b] = D(
+    null
+  ), [v, h] = D(!1), [o, d] = D(null), [P, E] = D(null), [w, C] = D(null), L = $(
+    (a) => a.lastSelectedDashboard
+  ), y = $(
+    (a) => a.selectedDashboard
+  ), O = $(
+    (a) => a.actions.selectDashboard
+  ), F = $(
+    (a) => a.actions.clearSelectedDashboard
+  ), { tokenProps: U, id: S } = nt();
+  it();
+  const {
+    resources: T,
+    isLoading: M,
+    isError: c,
+    updateResource: H,
+    deleteResource: K,
+    duplicateResource: _,
+    isDeleting: A
+  } = ze(() => {
+    h(!1);
+    const a = o == null ? void 0 : o.id;
+    d(null), (y == null ? void 0 : y.id) === a && (!(U != null && U.dashboard_id) && !S ? F() : L && L.id !== a && O(L));
+  }), { currentUser: N, userContext: z } = ee(), te = ((ge = z == null ? void 0 : z.permissions) == null ? void 0 : ge.canCreateDashboard) ?? !1, Q = T.filter(
+    (a) => {
+      var R, u;
+      return ((R = a == null ? void 0 : a.title) == null ? void 0 : R.toLowerCase().includes(g.toLowerCase())) || ((u = a == null ? void 0 : a.description) == null ? void 0 : u.toLowerCase().includes(g.toLowerCase()));
+    }
+  ), se = (a) => new Date(a).toLocaleDateString("en-US", {
+    month: "short",
+    day: "numeric",
+    year: "numeric"
+  }), ae = (a) => {
+    p == null || p(a);
+  }, ne = (a) => {
+    d(a), h(!0);
+  }, ie = () => {
+    o && K(o.id);
+  }, re = (a) => {
+    E(a), _(a, {
+      onSettled: () => E(null)
+    });
+  }, {
+    startUpdating: n,
+    stopUpdating: V,
+    isUpdating: r
+  } = Ee(), W = (a, R, u) => {
+    var Ne;
+    const oe = Object.fromEntries(
+      Object.entries(R).filter(([, B]) => B !== void 0)
+    );
+    if (Object.keys(oe).length === 0) {
+      (Ne = u == null ? void 0 : u.onSuccess) == null || Ne.call(u);
+      return;
+    }
+    const De = Object.keys(oe), le = De.length === 1 ? De[0] : void 0;
+    n(a, le), H(
+      {
+        resourceId: a,
+        data: oe
+      },
+      {
+        onSuccess: () => {
+          var B;
+          V(a, le), (B = u == null ? void 0 : u.onSuccess) == null || B.call(u);
+        },
+        onError: () => {
+          var B;
+          V(a, le), (B = u == null ? void 0 : u.onError) == null || B.call(u);
+        }
+      }
+    );
+  }, X = (a) => {
+    const R = T.find(
+      (u) => u.id === a
+    );
+    R && H({
+      resourceId: a,
+      data: {
+        isPrivate: !R.isPrivate
+      }
+    });
+  }, Y = (a) => {
+    b(a), N == null || N.type, x(!0);
+  }, Z = (a) => {
+    l == null || l(a.id), C(a);
+  }, I = () => {
+    C(null);
+  }, _e = ({
+    title: a,
+    description: R
+  }) => {
+    if (!w)
+      return;
+    const u = {};
+    a !== w.title && (u.title = a), (w.description || "") !== R && (u.description = R), W(w.id, u, {
+      onSuccess: () => {
+        C(null);
+      }
+    });
+  };
+  return M ? /* @__PURE__ */ e(He, {}) : c ? /* @__PURE__ */ e(Tt, { onRetry: () => window.location.reload() }) : /* @__PURE__ */ t("div", { className: "flex h-full flex-1 flex-col", children: [
+    /* @__PURE__ */ e("div", { className: "flex flex-1 basis-0 flex-col gap-3 overflow-y-auto", children: Q.length === 0 ? /* @__PURE__ */ t("div", { className: "py-8 text-center", children: [
+      /* @__PURE__ */ e("div", { className: "mb-3", children: /* @__PURE__ */ e(rt, { className: "mx-auto h-12 w-12 text-muted-foreground/50" }) }),
+      /* @__PURE__ */ e("h3", { className: "mb-1 font-medium text-foreground", children: g ? "No dashboards found" : "No dashboards yet" }),
+      /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: g ? "Try adjusting your search" : te ? 'Click "Create" above to add your first dashboard' : "No dashboards have been shared with you yet" })
+    ] }) : Q.map((a) => /* @__PURE__ */ e(
+      Lt,
+      {
+        dashboard: a,
+        isDeleting: A,
+        isDuplicating: P === a.id,
+        onLoadDashboard: ae,
+        onEditDetails: Z,
+        onDeleteClick: ne,
+        onDuplicateDashboard: re,
+        onTogglePrivacy: X,
+        onShareDashboard: Y,
+        formatDate: se,
+        onDashboardItemClick: i
+      },
+      a.id
+    )) }),
+    f && m && /* @__PURE__ */ e(
+      Le,
+      {
+        resource: m,
+        resourceType: Te.DASHBOARD,
+        onClose: () => {
+          x(!1), b(null);
+        }
+      }
+    ),
+    /* @__PURE__ */ e(
+      Ae,
+      {
+        open: v,
+        onOpenChange: (a) => {
+          !a && A || (h(a), a || d(null));
+        },
+        children: /* @__PURE__ */ t(Pe, { children: [
+          /* @__PURE__ */ t(Ue, { children: [
+            /* @__PURE__ */ e(Re, { children: "Delete Dashboard" }),
+            /* @__PURE__ */ t(Ie, { children: [
+              'Are you sure you want to delete "',
+              o == null ? void 0 : o.title,
+              '"? This action cannot be undone.'
+            ] })
+          ] }),
+          /* @__PURE__ */ t(Me, { children: [
+            /* @__PURE__ */ e(je, { disabled: A, children: "Cancel" }),
+            /* @__PURE__ */ t(
+              Fe,
+              {
+                onClick: (a) => {
+                  a.preventDefault(), a.stopPropagation(), ie();
+                },
+                className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+                disabled: A,
+                children: [
+                  A ? /* @__PURE__ */ e(k, { className: "mr-2 h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ e(fe, { className: "mr-2 h-3.5 w-3.5" }),
+                  A ? "Deleting..." : "Delete"
+                ]
+              }
+            )
+          ] })
+        ] })
+      }
+    ),
+    w && /* @__PURE__ */ e(
+      Oe,
+      {
+        open: !!w,
+        resourceLabel: "Dashboard",
+        initialTitle: w.title || "",
+        initialDescription: w.description || "",
+        onClose: I,
+        onSave: _e,
+        isSaving: r(w.id)
+      }
+    )
+  ] });
+}
+function At({
+  open: s,
+  onOpenChange: g,
+  onSubmit: p,
+  isCreating: l
+}) {
+  const [i, f] = D(""), [x, m] = D("");
+  me(() => {
+    s || (f(""), m(""));
+  }, [s]);
+  const b = () => {
+    i.trim() && p({ title: i, description: x });
+  }, v = (h) => {
+    g(h);
+  };
+  return /* @__PURE__ */ e(ot, { open: s, onOpenChange: v, children: /* @__PURE__ */ t(lt, { children: [
+    /* @__PURE__ */ t(dt, { children: [
+      /* @__PURE__ */ e(ct, { children: "Create New Visual" }),
+      /* @__PURE__ */ e(ut, { children: "Add a new visual to your library. You can configure it after creation." })
+    ] }),
+    /* @__PURE__ */ t("div", { className: "space-y-4 py-4", children: [
+      /* @__PURE__ */ t("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ e(we, { htmlFor: "title", children: "Visual Title" }),
+        /* @__PURE__ */ e(
+          he,
+          {
+            id: "title",
+            placeholder: "Enter visual title...",
+            value: i,
+            onChange: (h) => f(h.target.value),
+            disabled: l,
+            onKeyDown: (h) => {
+              h.key === "Enter" && !h.shiftKey && (h.preventDefault(), b());
+            }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ t("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ e(we, { htmlFor: "description", children: "Description (optional)" }),
+        /* @__PURE__ */ e(
+          he,
+          {
+            id: "description",
+            placeholder: "Enter visual description...",
+            value: x,
+            onChange: (h) => m(h.target.value),
+            disabled: l
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ t(ht, { children: [
+      /* @__PURE__ */ e(
+        j,
+        {
+          variant: "outline",
+          onClick: () => v(!1),
+          disabled: l,
+          children: "Cancel"
+        }
+      ),
+      /* @__PURE__ */ e(
+        j,
+        {
+          onClick: b,
+          disabled: !i.trim() || l,
+          children: l ? /* @__PURE__ */ t(ve, { children: [
+            /* @__PURE__ */ e(k, { className: "mr-2 h-4 w-4 animate-spin" }),
+            "Creating..."
+          ] }) : "Create Visual"
+        }
+      )
+    ] })
+  ] }) });
+}
+function jt({
+  isOpen: s,
+  onClose: g,
+  className: p,
+  onDashboardItemClick: l,
+  variant: i = "inline"
+}) {
+  var A;
+  const f = de(
+    (N) => N.isDashboardEditing
+  ), [x, m] = D(!1), [b, v] = D(""), [h, o] = D(!1), { currentUser: d, userContext: P } = ee(), E = ((A = P == null ? void 0 : P.permissions) == null ? void 0 : A.canCreateDashboard) ?? !1, { onCreateSuccess: w } = mt({
+    onDashboardSelect: l
+  }), { selectVisual: C } = J(), { handleEditLibraryVisual: L } = Be(), {
+    createResource: y,
+    isCreating: O,
+    refetch: F
+  } = ze(), { createResource: U, isCreating: S } = Ve(
+    void 0,
+    // onDeleteSuccess (not needed here)
+    (N) => {
+      m(!1), N && (C(N), L(N));
+    }
+  ), T = i === "overlay", M = vt(g, {
+    enabled: s && T
+  }), c = q(
+    "flex h-full flex-col border-r bg-background",
+    T ? q(
+      "absolute inset-y-0 left-0 z-[51] w-96 shadow-lg transition-transform duration-300 ease-in-out",
+      s ? "translate-x-0" : "pointer-events-none -translate-x-full"
+    ) : "w-full max-w-[28rem] min-w-[18rem] overflow-hidden shadow-sm",
+    p
+  ), H = (N) => {
+  }, K = (N) => {
+    console.log("Editing dashboard:", N);
+  }, _ = (N) => {
+    y(N, {
+      onSuccess: (z) => {
+        m(!1), w(z, F);
+      }
+    });
+  };
+  return /* @__PURE__ */ e(pt, { children: (!T || s) && /* @__PURE__ */ t("div", { ref: M, className: c, children: [
+    /* @__PURE__ */ t("div", { className: "border-b border-border", children: [
+      /* @__PURE__ */ t("div", { className: "flex items-center justify-between px-4 py-1.5", children: [
+        /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ e("h2", { className: "whitespace-nowrap pl-2 text-sm font-semibold", children: f ? "Library Visuals" : "Dashboards" }),
+          /* @__PURE__ */ e(
+            j,
+            {
+              size: "sm",
+              variant: "ghost",
+              onClick: () => o(!h),
+              className: "h-8 w-8 p-0",
+              children: /* @__PURE__ */ e(ft, { className: "h-3.5 w-3.5 text-muted-foreground" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: (f || E) && /* @__PURE__ */ t(
+          j,
+          {
+            size: "sm",
+            variant: "ghost",
+            className: "h-8 whitespace-nowrap px-3",
+            onClick: () => m(!0),
+            children: [
+              /* @__PURE__ */ e(ue, { className: "mr-1 h-4 w-4" }),
+              "Create"
+            ]
+          }
+        ) })
+      ] }),
+      h && /* @__PURE__ */ e("div", { className: "bg-muted/30 px-4 pb-3", children: /* @__PURE__ */ e(
+        he,
+        {
+          placeholder: "Search...",
+          value: b,
+          onChange: (N) => v(N.target.value),
+          className: "h-8 border-muted-foreground/20 bg-background text-sm focus-visible:border-muted-foreground/40 focus-visible:ring-0 focus-visible:ring-offset-0",
+          autoFocus: !0
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "flex flex-1 flex-col overflow-auto px-4 py-4", children: f ? /* @__PURE__ */ e(Et, { searchQuery: b }) : /* @__PURE__ */ e(
+      Ot,
+      {
+        searchQuery: b,
+        onLoadDashboard: H,
+        onEditDashboard: K,
+        onDashboardItemClick: l
+      }
+    ) }),
+    d && /* @__PURE__ */ e("div", { className: "border-t border-border px-4 py-3", children: /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ t(gt, { children: [
+        /* @__PURE__ */ e(Dt, { asChild: !0, children: /* @__PURE__ */ e("div", { className: "flex h-8 w-8 cursor-default items-center justify-center rounded-full bg-primary/10", children: /* @__PURE__ */ e("span", { className: "text-sm font-medium text-primary", children: d.name.charAt(0).toUpperCase() }) }) }),
+        /* @__PURE__ */ e(Nt, { side: "top", className: "max-w-xs", children: /* @__PURE__ */ t("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ e("div", { className: "font-medium", children: d.name }),
+          /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground", children: d.email }),
+          d.role && /* @__PURE__ */ t("div", { className: "text-xs text-muted-foreground", children: [
+            "Role:",
+            " ",
+            xt(d.role.replace(/_/g, " "))
+          ] }),
+          /* @__PURE__ */ t("div", { className: "text-xs text-muted-foreground", children: [
+            "ID: ",
+            d.id
+          ] })
+        ] }) })
+      ] }),
+      /* @__PURE__ */ e("span", { className: "truncate text-sm font-medium text-foreground", children: d.name })
+    ] }) }),
+    f ? /* @__PURE__ */ e(
+      At,
+      {
+        open: x,
+        onOpenChange: m,
+        onSubmit: U,
+        isCreating: S
+      }
+    ) : /* @__PURE__ */ e(
+      bt,
+      {
+        open: x,
+        onOpenChange: m,
+        onSubmit: _,
+        isCreating: O
+      }
+    )
+  ] }) });
+}
+export {
+  jt as ResourceManagementPanel
+};