react-semaphor 0.1.228 → 0.1.230

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

@@ -0,0 +1,920 @@
+import { jsx as e, jsxs as r, Fragment as le } from "react/jsx-runtime";
+import { bK as Pe, u as re, U as je, K as ce, bZ as Fe, b_ as ze, c as J, B as P, b$ as ie, c0 as Be, c1 as He, c2 as Ke, c3 as _e, c4 as Z, w as oe, c5 as $e, c6 as qe, c7 as Ge, c8 as ge, c9 as ue, ca as We, cb as Ye, cc as xe, cd as De, ce as we, cf as Ze, af as Ne, ab as ve, cg as ye, ch as Ce, ci as Se, cj as Ee, ck as Ve, cl as Le, cm as Ae, cn as Oe, co as Re, cp as Je, cq as he, cr as Qe, a9 as te, b as Xe, cs as Te, ct as ke, e as et, f as tt, g as rt, h as nt, i as ot, L as be, cu as de, v as st, cv as at, cw as it, cx as dt, bR as lt, bS as ct, bT as ut, bV as ht, cy as mt, cz as pt } from "./index-SLQXKi01.js";
+import ft, { useRef as gt, useEffect as ne, useState as x } from "react";
+import { a as Ue } from "./use-visual-utils-DNfxkGiH.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 bt = Pe("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 xt(t, f = {}) {
+  const { enabled: p = !0, eventType: d = "mousedown" } = f, a = gt(null);
+  return ne(() => {
+    const h = (D) => {
+      const s = D.target;
+      a.current && a.current.contains(s) || s instanceof Element && (s.closest("[data-radix-popper-content-wrapper]") || s.closest("[data-radix-select-content]") || s.closest("[data-radix-popover-content]") || s.closest("[data-radix-dropdown-menu-content]") || s.closest("[data-radix-tooltip-content]") || s.closest('[role="listbox"]') || s.closest('[role="option"]') || s.closest('[role="combobox"]')) || s instanceof Element && s.hasAttribute("data-radix-") || t();
+    };
+    return p && document.addEventListener(d, h), () => {
+      document.removeEventListener(d, h);
+    };
+  }, [t, p, d]), a;
+}
+function Ie() {
+  return /* @__PURE__ */ e("div", { className: "space-y-1.5 py-1", children: [...Array(5)].map((t, f) => /* @__PURE__ */ r(
+    "div",
+    {
+      className: "flex animate-pulse items-start gap-3 rounded-xl border border-transparent px-2.5 py-2.5",
+      children: [
+        /* @__PURE__ */ e("div", { className: "mt-0.5 h-4 w-4 flex-shrink-0 rounded bg-muted/60" }),
+        /* @__PURE__ */ r("div", { className: "flex-1 space-y-1.5", children: [
+          /* @__PURE__ */ e("div", { className: "h-4 w-3/5 rounded bg-muted/60" }),
+          /* @__PURE__ */ e("div", { className: "h-3 w-4/5 rounded bg-muted/40" })
+        ] })
+      ]
+    },
+    f
+  )) });
+}
+const Dt = (t) => {
+  const f = re((a) => a.isVisualEditing), p = re((a) => a.selectedFrameId), d = je((a) => a.frame);
+  return !!(f && p && (d == null ? void 0 : d.visualId) === t);
+};
+function wt({
+  visual: t,
+  isDeleting: f,
+  isDuplicating: p,
+  onAddVisual: d,
+  onOpenVisual: a,
+  onEditDetails: h,
+  onDeleteClick: D,
+  onDuplicateVisual: s,
+  onShareVisual: w,
+  formatDate: v
+}) {
+  var I, U, j, F;
+  const { selectVisual: m } = ce(), c = Fe(t.id), u = Dt(t.id), A = re((i) => i.isVisualEditing), { isConsoleMode: T } = ze(), b = ft.useRef(null), [S, E] = x(!1), [V, O] = x(!1);
+  ne(() => {
+    p ? (E(!0), O(!0)) : V && (E(!1), O(!1));
+  }, [p, V]), ne(() => {
+    u && b.current && b.current.scrollIntoView({
+      behavior: "smooth",
+      block: "center"
+    });
+  }, [u]);
+  const y = () => {
+    m(t), a == null || a(t);
+  }, C = (i) => {
+    i.currentTarget === i.target && (i.key === "Enter" || i.key === " ") && (i.preventDefault(), y());
+  };
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      ref: b,
+      className: J(
+        "group flex cursor-pointer items-start gap-2 rounded-xl border border-transparent px-2.5 py-2.5 transition-[background-color,border-color,box-shadow] hover:border-border/50 hover:bg-muted/35 focus-within:ring-2 focus-within:ring-inset focus-within:ring-ring/40",
+        u ? "border-primary/30 bg-primary/10" : c && "border-border/60 bg-muted/50"
+      ),
+      onClick: y,
+      children: [
+        /* @__PURE__ */ r(
+          "div",
+          {
+            role: "button",
+            tabIndex: 0,
+            className: "min-w-0 flex-1 cursor-pointer focus-visible:outline-none",
+            onKeyDown: C,
+            children: [
+              /* @__PURE__ */ e(
+                "p",
+                {
+                  className: "truncate text-sm font-medium text-foreground",
+                  title: t.title || "Untitled Visual",
+                  children: t.title || "Untitled Visual"
+                }
+              ),
+              /* @__PURE__ */ e(
+                "p",
+                {
+                  className: "truncate text-xs text-muted-foreground",
+                  title: t.description || "No description",
+                  children: (I = t.description) != null && I.trim() ? t.description : "No description"
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: J(
+              "flex flex-shrink-0 items-center gap-1 transition-opacity",
+              c || u || S ? "pointer-events-auto opacity-100" : "pointer-events-none opacity-0 group-hover:pointer-events-auto group-hover:opacity-100 group-focus-within:pointer-events-auto group-focus-within:opacity-100"
+            ),
+            onClick: (i) => i.stopPropagation(),
+            children: /* @__PURE__ */ r("div", { className: "inline-flex items-center overflow-hidden rounded-lg border border-border/60 bg-background/95 shadow-sm", children: [
+              /* @__PURE__ */ r(
+                P,
+                {
+                  size: "sm",
+                  variant: "ghost",
+                  className: "h-7 gap-1 rounded-none border-0 px-2 text-xs font-medium shadow-none hover:bg-muted/50",
+                  disabled: A,
+                  onClick: (i) => {
+                    i.stopPropagation(), d(t);
+                  },
+                  "aria-label": `Add ${t.title || "visual"}`,
+                  children: [
+                    /* @__PURE__ */ e(ie, { className: "h-3.5 w-3.5" }),
+                    "Add"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ r(
+                Be,
+                {
+                  modal: !1,
+                  open: S,
+                  onOpenChange: E,
+                  children: [
+                    /* @__PURE__ */ e(He, { asChild: !0, children: /* @__PURE__ */ e(
+                      P,
+                      {
+                        size: "sm",
+                        variant: "ghost",
+                        className: "h-7 w-7 rounded-none border-0 border-l border-border/60 p-0 shadow-none hover:bg-muted/50",
+                        "aria-label": "Open visual actions",
+                        children: /* @__PURE__ */ e(Ke, { className: "h-3 w-3" })
+                      }
+                    ) }),
+                    /* @__PURE__ */ r(
+                      _e,
+                      {
+                        align: "end",
+                        className: "z-[51] w-44 rounded-xl border border-border/60 p-1 shadow-sm",
+                        children: [
+                          /* @__PURE__ */ r(
+                            Z,
+                            {
+                              onClick: (i) => {
+                                i.stopPropagation(), d(t);
+                              },
+                              disabled: A,
+                              children: [
+                                /* @__PURE__ */ e(ie, { className: "mr-2 h-3 w-3" }),
+                                "Add"
+                              ]
+                            }
+                          ),
+                          /* @__PURE__ */ r(
+                            Z,
+                            {
+                              onClick: (i) => {
+                                i.stopPropagation(), a == null || a(t);
+                              },
+                              children: [
+                                /* @__PURE__ */ e(bt, { className: "mr-2 h-3 w-3" }),
+                                "Open"
+                              ]
+                            }
+                          ),
+                          /* @__PURE__ */ r(
+                            Z,
+                            {
+                              onClick: (i) => {
+                                i.preventDefault(), i.stopPropagation(), s(t.id);
+                              },
+                              disabled: p,
+                              children: [
+                                p ? /* @__PURE__ */ e(oe, { className: "mr-2 h-3 w-3 animate-spin" }) : /* @__PURE__ */ e($e, { className: "mr-2 h-3 w-3" }),
+                                p ? "Duplicating..." : "Duplicate"
+                              ]
+                            }
+                          ),
+                          t.ownership.isOwner && /* @__PURE__ */ r(le, { children: [
+                            /* @__PURE__ */ r(
+                              Z,
+                              {
+                                onClick: (i) => {
+                                  i.stopPropagation(), h == null || h(t);
+                                },
+                                children: [
+                                  /* @__PURE__ */ e(qe, { className: "mr-2 h-3 w-3" }),
+                                  "Edit details"
+                                ]
+                              }
+                            ),
+                            /* @__PURE__ */ r(
+                              Z,
+                              {
+                                onClick: (i) => {
+                                  i.stopPropagation(), w(t);
+                                },
+                                children: [
+                                  /* @__PURE__ */ e(Ge, { className: "mr-2 h-3 w-3" }),
+                                  "Share"
+                                ]
+                              }
+                            ),
+                            /* @__PURE__ */ e(ge, {}),
+                            /* @__PURE__ */ r(
+                              Z,
+                              {
+                                onClick: (i) => {
+                                  i.stopPropagation(), D(t);
+                                },
+                                className: "text-destructive",
+                                disabled: f,
+                                children: [
+                                  /* @__PURE__ */ e(ue, { className: "mr-2 h-3 w-3" }),
+                                  f ? "Deleting..." : "Delete"
+                                ]
+                              }
+                            )
+                          ] }),
+                          /* @__PURE__ */ e(ge, {}),
+                          /* @__PURE__ */ r("div", { className: "space-y-1 px-2 py-2 text-xs text-muted-foreground", children: [
+                            (((U = t.ownership.createdBy) == null ? void 0 : U.type) === "tenant" || ((j = t.ownership.createdBy) == null ? void 0 : j.type) === "organization" && T) && /* @__PURE__ */ r("div", { className: "flex items-center gap-1", children: [
+                              /* @__PURE__ */ e(We, { className: "h-3 w-3" }),
+                              /* @__PURE__ */ e("span", { children: ((F = t.ownership.createdBy) == null ? void 0 : F.name) || "Unknown" })
+                            ] }),
+                            /* @__PURE__ */ r("div", { className: "flex items-center gap-1", children: [
+                              /* @__PURE__ */ e(Ye, { className: "h-3 w-3" }),
+                              /* @__PURE__ */ e("span", { children: v(t.lastModified) })
+                            ] })
+                          ] })
+                        ]
+                      }
+                    )
+                  ]
+                }
+              )
+            ] })
+          }
+        )
+      ]
+    }
+  );
+}
+function Nt({ searchQuery: t }) {
+  const [f, p] = x(!1), [d, a] = x(
+    null
+  ), [h, D] = x(!1), [s, w] = x(null), [v, m] = x(null), [c, u] = x(
+    null
+  ), { handleEditLibraryVisual: A, handleAddLibraryVisual: T } = Ue(), {
+    resources: b,
+    isLoading: S,
+    isError: E,
+    updateResource: V,
+    deleteResource: O,
+    duplicateResource: y,
+    isDeleting: C
+  } = xe(() => {
+    D(!1), w(null);
+  }), I = b.filter(
+    (o) => {
+      var R, l;
+      return ((R = o == null ? void 0 : o.title) == null ? void 0 : R.toLowerCase().includes(t.toLowerCase())) || ((l = o == null ? void 0 : o.description) == null ? void 0 : l.toLowerCase().includes(t.toLowerCase()));
+    }
+  ), U = (o) => new Date(o).toLocaleDateString("en-US", {
+    month: "short",
+    day: "numeric",
+    year: "numeric"
+  }), j = (o) => {
+    w(o), D(!0);
+  }, F = () => {
+    s && O(s.id);
+  }, {
+    startUpdating: i,
+    stopUpdating: q,
+    isUpdating: B
+  } = De(), L = (o, R, l) => {
+    var ee;
+    const z = Object.fromEntries(
+      Object.entries(R).filter(([, M]) => M !== void 0)
+    );
+    if (Object.keys(z).length === 0) {
+      (ee = l == null ? void 0 : l.onSuccess) == null || ee.call(l);
+      return;
+    }
+    const N = Object.keys(z), K = N.length === 1 ? N[0] : void 0;
+    i(o, K), V(
+      {
+        resourceId: o,
+        data: z
+      },
+      {
+        onSuccess: () => {
+          var M;
+          q(o, K), (M = l == null ? void 0 : l.onSuccess) == null || M.call(l);
+        },
+        onError: () => {
+          var M;
+          q(o, K), (M = l == null ? void 0 : l.onError) == null || M.call(l);
+        }
+      }
+    );
+  }, G = (o) => {
+    m(o), y(o, {
+      onSettled: () => m(null)
+    });
+  }, H = (o) => {
+    A(o);
+  }, W = (o) => {
+    T(o);
+  }, Y = (o) => {
+    a(o), p(!0);
+  }, Q = (o) => {
+    u(o);
+  }, X = () => {
+    u(null);
+  }, k = ({
+    title: o,
+    description: R
+  }) => {
+    if (!c)
+      return;
+    const l = {};
+    o !== c.title && (l.title = o), (c.description || "") !== R && (l.description = R), L(c.id, l, {
+      onSuccess: () => {
+        u(null);
+      }
+    });
+  };
+  return S ? /* @__PURE__ */ e(Ie, {}) : E ? /* @__PURE__ */ e(we, { className: "w-full flex-1 pr-2", children: /* @__PURE__ */ r("div", { className: "rounded-xl border border-dashed border-border/60 bg-muted/20 px-4 py-8 text-center text-muted-foreground", children: [
+    /* @__PURE__ */ e("p", { className: "text-sm text-destructive", children: "Failed to load visuals" }),
+    /* @__PURE__ */ e(
+      P,
+      {
+        variant: "outline",
+        size: "sm",
+        className: "mt-2",
+        onClick: () => window.location.reload(),
+        children: "Retry"
+      }
+    )
+  ] }) }) : /* @__PURE__ */ r("div", { className: "flex h-full flex-1 flex-col", children: [
+    /* @__PURE__ */ e("div", { className: "flex flex-1 basis-0 flex-col gap-1.5 overflow-y-auto px-0.5", children: I.length === 0 ? /* @__PURE__ */ r("div", { className: "rounded-xl border border-dashed border-border/60 bg-muted/20 px-4 py-8 text-center", children: [
+      /* @__PURE__ */ e("div", { className: "mb-3", children: /* @__PURE__ */ e(Ze, { className: "mx-auto h-12 w-12 text-muted-foreground/50" }) }),
+      /* @__PURE__ */ e("h3", { className: "mb-1 font-medium text-foreground", children: t ? "No visuals found" : "No visuals yet" }),
+      /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: t ? "Try adjusting your search" : 'Click "New" above to add your first visual' })
+    ] }) : I.map((o) => /* @__PURE__ */ e(
+      wt,
+      {
+        visual: o,
+        onAddVisual: W,
+        onOpenVisual: H,
+        onEditDetails: Q,
+        onDeleteClick: j,
+        onDuplicateVisual: G,
+        onShareVisual: Y,
+        isDeleting: C,
+        isDuplicating: v === o.id,
+        formatDate: U
+      },
+      o.id
+    )) }),
+    f && d && /* @__PURE__ */ e(
+      Ne,
+      {
+        resource: d,
+        resourceType: ve.VISUAL,
+        onClose: () => {
+          p(!1), a(null);
+        }
+      }
+    ),
+    c && /* @__PURE__ */ e(
+      ye,
+      {
+        open: !!c,
+        resourceLabel: "Visual",
+        initialTitle: c.title || "",
+        initialDescription: c.description || "",
+        onClose: X,
+        onSave: k,
+        isSaving: B(c.id)
+      }
+    ),
+    /* @__PURE__ */ e(
+      Ce,
+      {
+        open: h,
+        onOpenChange: (o) => {
+          !o && C || (D(o), o || w(null));
+        },
+        children: /* @__PURE__ */ r(Se, { children: [
+          /* @__PURE__ */ r(Ee, { children: [
+            /* @__PURE__ */ e(Ve, { children: "Delete Visual" }),
+            /* @__PURE__ */ r(Le, { children: [
+              'Are you sure you want to delete "',
+              s == null ? void 0 : s.title,
+              '"? This action cannot be undone.'
+            ] })
+          ] }),
+          /* @__PURE__ */ r(Ae, { children: [
+            /* @__PURE__ */ e(Oe, { disabled: C, children: "Cancel" }),
+            /* @__PURE__ */ r(
+              Re,
+              {
+                onClick: (o) => {
+                  o.preventDefault(), o.stopPropagation(), F();
+                },
+                className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+                disabled: C,
+                children: [
+                  C ? /* @__PURE__ */ e(oe, { className: "mr-2 h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ e(ue, { className: "mr-2 h-3.5 w-3.5" }),
+                  C ? "Deleting..." : "Delete"
+                ]
+              }
+            )
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+function vt({
+  dashboard: t,
+  isDeleting: f,
+  isDuplicating: p,
+  onLoadDashboard: d,
+  onEditDetails: a,
+  onDeleteClick: h,
+  onDuplicateDashboard: D,
+  onShareDashboard: s,
+  formatDate: w,
+  onDashboardItemClick: v
+}) {
+  var V, O;
+  const { selectDashboard: m } = ce(), c = Je(t.id), { userContext: u, isLoading: A } = he(), T = ((V = u == null ? void 0 : u.permissions) == null ? void 0 : V.canEdit) ?? !1, b = A || !T, S = () => {
+    m(t), d(t.id), v == null || v(t.id);
+  }, E = (y) => {
+    y.currentTarget === y.target && (y.key === "Enter" || y.key === " ") && (y.preventDefault(), S());
+  };
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: J(
+        "group flex cursor-pointer items-start gap-2 rounded-xl border border-transparent px-2.5 py-2.5 transition-[background-color,border-color,box-shadow] hover:border-border/50 hover:bg-muted/35 focus-within:ring-2 focus-within:ring-inset focus-within:ring-ring/40",
+        c && "border-border/60 bg-muted/50"
+      ),
+      onClick: S,
+      children: [
+        /* @__PURE__ */ r(
+          "div",
+          {
+            role: "button",
+            tabIndex: 0,
+            className: "min-w-0 flex-1 cursor-pointer focus-visible:outline-none",
+            onKeyDown: E,
+            children: [
+              /* @__PURE__ */ e(
+                "p",
+                {
+                  className: "truncate text-sm font-medium text-foreground",
+                  title: t.title || "Untitled Dashboard",
+                  children: t.title || "Untitled Dashboard"
+                }
+              ),
+              /* @__PURE__ */ e(
+                "p",
+                {
+                  className: "truncate text-xs text-muted-foreground",
+                  title: t.description || "No description",
+                  children: (O = t.description) != null && O.trim() ? t.description : "No description"
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: J(
+              "flex-shrink-0 transition-opacity",
+              c ? "opacity-100" : "opacity-0 group-hover:opacity-100 group-focus-within:opacity-100"
+            ),
+            children: /* @__PURE__ */ e(
+              Qe,
+              {
+                dashboard: t,
+                isDeleting: f,
+                isDuplicating: p,
+                shouldHideActions: b,
+                onEditDetails: a,
+                onDeleteClick: h,
+                onDuplicateDashboard: D,
+                onShareDashboard: s,
+                formatDate: w
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+function yt({ onRetry: t }) {
+  return /* @__PURE__ */ e(we, { className: "w-full flex-1 pr-2", children: /* @__PURE__ */ r("div", { className: "rounded-xl border border-dashed border-border/60 bg-muted/20 px-4 py-8 text-center text-muted-foreground", children: [
+    /* @__PURE__ */ e("p", { className: "text-sm text-destructive", children: "Failed to load dashboards" }),
+    /* @__PURE__ */ e(P, { variant: "outline", size: "sm", className: "mt-2", onClick: t, children: "Retry" })
+  ] }) });
+}
+function Ct(t) {
+  var me;
+  const { searchQuery: f, onLoadDashboard: p, onEditDashboard: d, onDashboardItemClick: a } = t, [h, D] = x(!1), [s, w] = x(
+    null
+  ), [v, m] = x(!1), [c, u] = x(null), [A, T] = x(null), [b, S] = x(null), E = te(
+    (n) => n.lastSelectedDashboard
+  ), V = te(
+    (n) => n.selectedDashboard
+  ), O = te(
+    (n) => n.actions.selectDashboard
+  ), y = te(
+    (n) => n.actions.clearSelectedDashboard
+  ), { tokenProps: C, id: I } = Xe(), {
+    resources: U,
+    isLoading: j,
+    isError: F,
+    updateResource: i,
+    deleteResource: q,
+    duplicateResource: B,
+    isDeleting: L
+  } = Te(() => {
+    m(!1);
+    const n = c == null ? void 0 : c.id;
+    u(null), (V == null ? void 0 : V.id) === n && (!(C != null && C.dashboard_id) && !I ? y() : E && E.id !== n && O(E));
+  }), { userContext: G } = he(), H = ((me = G == null ? void 0 : G.permissions) == null ? void 0 : me.canCreateDashboard) ?? !1, W = U.filter(
+    (n) => {
+      var _, g;
+      return ((_ = n == null ? void 0 : n.title) == null ? void 0 : _.toLowerCase().includes(f.toLowerCase())) || ((g = n == null ? void 0 : n.description) == null ? void 0 : g.toLowerCase().includes(f.toLowerCase()));
+    }
+  ), Y = (n) => new Date(n).toLocaleDateString("en-US", {
+    month: "short",
+    day: "numeric",
+    year: "numeric"
+  }), Q = (n) => {
+    p == null || p(n);
+  }, X = (n) => {
+    u(n), m(!0);
+  }, k = () => {
+    c && q(c.id);
+  }, o = (n) => {
+    T(n), B(n, {
+      onSettled: () => T(null)
+    });
+  }, {
+    startUpdating: R,
+    stopUpdating: l,
+    isUpdating: z
+  } = De(), N = (n, _, g) => {
+    var fe;
+    const se = Object.fromEntries(
+      Object.entries(_).filter(([, $]) => $ !== void 0)
+    );
+    if (Object.keys(se).length === 0) {
+      (fe = g == null ? void 0 : g.onSuccess) == null || fe.call(g);
+      return;
+    }
+    const pe = Object.keys(se), ae = pe.length === 1 ? pe[0] : void 0;
+    R(n, ae), i(
+      {
+        resourceId: n,
+        data: se
+      },
+      {
+        onSuccess: () => {
+          var $;
+          l(n, ae), ($ = g == null ? void 0 : g.onSuccess) == null || $.call(g);
+        },
+        onError: () => {
+          var $;
+          l(n, ae), ($ = g == null ? void 0 : g.onError) == null || $.call(g);
+        }
+      }
+    );
+  }, K = (n) => {
+    w(n), D(!0);
+  }, ee = (n) => {
+    d == null || d(n.id), S(n);
+  }, M = () => {
+    S(null);
+  }, Me = ({
+    title: n,
+    description: _
+  }) => {
+    if (!b)
+      return;
+    const g = {};
+    n !== b.title && (g.title = n), (b.description || "") !== _ && (g.description = _), N(b.id, g, {
+      onSuccess: () => {
+        S(null);
+      }
+    });
+  };
+  return j ? /* @__PURE__ */ e(Ie, {}) : F ? /* @__PURE__ */ e(yt, { onRetry: () => window.location.reload() }) : /* @__PURE__ */ r("div", { className: "flex h-full flex-1 flex-col", children: [
+    /* @__PURE__ */ e("div", { className: "flex flex-1 basis-0 flex-col gap-1.5 overflow-y-auto px-0.5", children: W.length === 0 ? /* @__PURE__ */ r("div", { className: "rounded-xl border border-dashed border-border/60 bg-muted/20 px-4 py-8 text-center", children: [
+      /* @__PURE__ */ e("div", { className: "mb-3", children: /* @__PURE__ */ e(ke, { className: "mx-auto h-12 w-12 text-muted-foreground/50" }) }),
+      /* @__PURE__ */ e("h3", { className: "mb-1 font-medium text-foreground", children: f ? "No dashboards found" : "No dashboards yet" }),
+      /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: f ? "Try adjusting your search" : H ? 'Click "New" above to add your first dashboard' : "No dashboards have been shared with you yet" })
+    ] }) : W.map((n) => /* @__PURE__ */ e(
+      vt,
+      {
+        dashboard: n,
+        isDeleting: L,
+        isDuplicating: A === n.id,
+        onLoadDashboard: Q,
+        onEditDetails: ee,
+        onDeleteClick: X,
+        onDuplicateDashboard: o,
+        onShareDashboard: K,
+        formatDate: Y,
+        onDashboardItemClick: a
+      },
+      n.id
+    )) }),
+    h && s && /* @__PURE__ */ e(
+      Ne,
+      {
+        resource: s,
+        resourceType: ve.DASHBOARD,
+        onClose: () => {
+          D(!1), w(null);
+        }
+      }
+    ),
+    /* @__PURE__ */ e(
+      Ce,
+      {
+        open: v,
+        onOpenChange: (n) => {
+          !n && L || (m(n), n || u(null));
+        },
+        children: /* @__PURE__ */ r(Se, { children: [
+          /* @__PURE__ */ r(Ee, { children: [
+            /* @__PURE__ */ e(Ve, { children: "Delete Dashboard" }),
+            /* @__PURE__ */ r(Le, { children: [
+              'Are you sure you want to delete "',
+              c == null ? void 0 : c.title,
+              '"? This action cannot be undone.'
+            ] })
+          ] }),
+          /* @__PURE__ */ r(Ae, { children: [
+            /* @__PURE__ */ e(Oe, { disabled: L, children: "Cancel" }),
+            /* @__PURE__ */ r(
+              Re,
+              {
+                onClick: (n) => {
+                  n.preventDefault(), n.stopPropagation(), k();
+                },
+                className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+                disabled: L,
+                children: [
+                  L ? /* @__PURE__ */ e(oe, { className: "mr-2 h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ e(ue, { className: "mr-2 h-3.5 w-3.5" }),
+                  L ? "Deleting..." : "Delete"
+                ]
+              }
+            )
+          ] })
+        ] })
+      }
+    ),
+    b && /* @__PURE__ */ e(
+      ye,
+      {
+        open: !!b,
+        resourceLabel: "Dashboard",
+        initialTitle: b.title || "",
+        initialDescription: b.description || "",
+        onClose: M,
+        onSave: Me,
+        isSaving: z(b.id)
+      }
+    )
+  ] });
+}
+function St({
+  open: t,
+  onOpenChange: f,
+  onSubmit: p,
+  isCreating: d
+}) {
+  const [a, h] = x(""), [D, s] = x("");
+  ne(() => {
+    t || (h(""), s(""));
+  }, [t]);
+  const w = () => {
+    a.trim() && p({ title: a, description: D });
+  }, v = (m) => {
+    f(m);
+  };
+  return /* @__PURE__ */ e(et, { open: t, onOpenChange: v, children: /* @__PURE__ */ r(tt, { children: [
+    /* @__PURE__ */ r(rt, { children: [
+      /* @__PURE__ */ e(nt, { children: "Create New Visual" }),
+      /* @__PURE__ */ e(ot, { children: "Add a new visual to your library. You can configure it after creation." })
+    ] }),
+    /* @__PURE__ */ r("div", { className: "space-y-4 py-4", children: [
+      /* @__PURE__ */ r("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ e(be, { htmlFor: "title", children: "Visual Title" }),
+        /* @__PURE__ */ e(
+          de,
+          {
+            id: "title",
+            placeholder: "Enter visual title...",
+            value: a,
+            onChange: (m) => h(m.target.value),
+            disabled: d,
+            onKeyDown: (m) => {
+              m.key === "Enter" && !m.shiftKey && (m.preventDefault(), w());
+            }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ r("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ e(be, { htmlFor: "description", children: "Description (optional)" }),
+        /* @__PURE__ */ e(
+          de,
+          {
+            id: "description",
+            placeholder: "Enter visual description...",
+            value: D,
+            onChange: (m) => s(m.target.value),
+            disabled: d
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ r(st, { children: [
+      /* @__PURE__ */ e(
+        P,
+        {
+          variant: "outline",
+          onClick: () => v(!1),
+          disabled: d,
+          children: "Cancel"
+        }
+      ),
+      /* @__PURE__ */ e(
+        P,
+        {
+          onClick: w,
+          disabled: !a.trim() || d,
+          children: d ? /* @__PURE__ */ r(le, { children: [
+            /* @__PURE__ */ e(oe, { className: "mr-2 h-4 w-4 animate-spin" }),
+            "Creating..."
+          ] }) : "Create Visual"
+        }
+      )
+    ] })
+  ] }) });
+}
+function Ot({
+  isOpen: t,
+  onClose: f,
+  className: p,
+  onDashboardItemClick: d,
+  variant: a = "inline"
+}) {
+  var l, z;
+  const h = re(
+    (N) => N.isDashboardEditing
+  ), [D, s] = x(!1), [w, v] = x(""), [m, c] = x(!1), { currentUser: u, userContext: A } = he(), T = ((l = A == null ? void 0 : A.permissions) == null ? void 0 : l.canCreateDashboard) ?? !1, { onCreateSuccess: b } = at({
+    onDashboardSelect: d
+  }), { selectVisual: S } = ce(), { handleEditLibraryVisual: E } = Ue(), {
+    createResource: V,
+    isCreating: O,
+    refetch: y
+  } = Te(), { createResource: C, isCreating: I } = xe(
+    void 0,
+    // onDeleteSuccess (not needed here)
+    (N) => {
+      s(!1), N && (S(N), E(N));
+    }
+  ), U = a === "overlay", j = h ? "New Visual" : "New", F = h ? "New Visual" : "New Dashboard", i = h ? "Search visuals..." : "Search dashboards...", q = h ? "Collapse visuals panel" : "Collapse dashboard panel", B = ((u == null ? void 0 : u.name) ?? "").trim(), L = ((u == null ? void 0 : u.email) ?? "").trim(), H = B && B.toLowerCase() !== "undefined" ? B : L || "Current user", W = ((z = H.charAt(0)) == null ? void 0 : z.toUpperCase()) || "?", Y = L && L.toLowerCase() !== "undefined" ? L : "", Q = xt(f, {
+    enabled: t && U
+  }), X = J(
+    "flex h-full flex-col border-r border-border/60 bg-background",
+    U ? J(
+      "absolute inset-y-0 left-0 z-[51] w-60 overflow-hidden shadow-lg transition-transform duration-300 ease-in-out",
+      t ? "translate-x-0" : "pointer-events-none -translate-x-full"
+    ) : "w-full max-w-[17rem] min-w-[11rem] overflow-hidden",
+    p
+  ), k = (N) => {
+  }, o = (N) => {
+    console.log("Editing dashboard:", N);
+  }, R = (N) => {
+    V(N, {
+      onSuccess: (K) => {
+        s(!1), b(K, y);
+      }
+    });
+  };
+  return /* @__PURE__ */ e(le, { children: (!U || t) && /* @__PURE__ */ r("div", { ref: Q, className: X, children: [
+    /* @__PURE__ */ r("div", { className: "border-b border-border/60 bg-background", children: [
+      /* @__PURE__ */ r("div", { className: "flex items-center justify-between px-3 py-2", children: [
+        /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e("h2", { className: "whitespace-nowrap text-sm font-semibold", children: h ? "Visuals" : "Dashboards" }) }),
+        /* @__PURE__ */ r("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ e(
+            P,
+            {
+              size: "sm",
+              variant: "ghost",
+              onClick: () => c(!m),
+              className: "h-8 w-8 rounded-md p-0 text-muted-foreground hover:bg-muted/50 hover:text-foreground",
+              "aria-label": m ? "Hide search" : "Show search",
+              children: /* @__PURE__ */ e(it, { className: "h-3.5 w-3.5" })
+            }
+          ),
+          (h || T) && /* @__PURE__ */ r(
+            P,
+            {
+              size: "sm",
+              variant: "secondary",
+              className: "h-8 gap-1.5 whitespace-nowrap rounded-md border border-border/60 bg-muted/30 px-2 text-xs font-medium hover:bg-muted/55",
+              onClick: () => s(!0),
+              "aria-label": F,
+              children: [
+                /* @__PURE__ */ e(ie, { className: "h-3.5 w-3.5" }),
+                j
+              ]
+            }
+          ),
+          /* @__PURE__ */ e(
+            P,
+            {
+              size: "sm",
+              variant: "outline",
+              className: "h-8 w-8 rounded-md border-border/60 bg-background p-0.5 text-muted-foreground hover:bg-muted/35 hover:text-foreground",
+              onClick: f,
+              "aria-label": q,
+              children: /* @__PURE__ */ e(dt, { className: "h-3.5 w-3.5" })
+            }
+          )
+        ] })
+      ] }),
+      m && /* @__PURE__ */ e("div", { className: "border-t border-border/50 bg-muted/20 px-3 pb-3 pt-2", children: /* @__PURE__ */ e(
+        de,
+        {
+          placeholder: i,
+          value: w,
+          onChange: (N) => v(N.target.value),
+          className: "h-9 border-border/60 bg-background text-sm focus-visible:border-ring/40 focus-visible:ring-0 focus-visible:ring-offset-0",
+          autoFocus: !0
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "flex flex-1 flex-col overflow-auto px-2.5 py-2.5", children: h ? /* @__PURE__ */ e(Nt, { searchQuery: w }) : /* @__PURE__ */ e(
+      Ct,
+      {
+        searchQuery: w,
+        onLoadDashboard: k,
+        onEditDashboard: o,
+        onDashboardItemClick: d
+      }
+    ) }),
+    u && /* @__PURE__ */ e(lt, { children: /* @__PURE__ */ e("div", { className: "border-t border-border/60 bg-muted/20 px-3 py-2.5", children: /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ r(ct, { children: [
+        /* @__PURE__ */ e(ut, { asChild: !0, children: /* @__PURE__ */ e("div", { className: "flex h-7 w-7 cursor-default items-center justify-center rounded-full bg-primary/10", children: /* @__PURE__ */ e("span", { className: "text-xs font-medium text-primary", children: W }) }) }),
+        /* @__PURE__ */ e(ht, { side: "top", className: "max-w-xs", children: /* @__PURE__ */ r("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ e("div", { className: "font-medium", children: H }),
+          Y && /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground", children: Y }),
+          u.role && /* @__PURE__ */ r("div", { className: "text-xs text-muted-foreground", children: [
+            "Role: ",
+            mt(u.role.replace(/_/g, " "))
+          ] })
+        ] }) })
+      ] }),
+      /* @__PURE__ */ e("span", { className: "truncate text-xs font-medium text-muted-foreground", children: H })
+    ] }) }) }),
+    h ? /* @__PURE__ */ e(
+      St,
+      {
+        open: D,
+        onOpenChange: s,
+        onSubmit: C,
+        isCreating: I
+      }
+    ) : /* @__PURE__ */ e(
+      pt,
+      {
+        open: D,
+        onOpenChange: s,
+        onSubmit: R,
+        isCreating: O
+      }
+    )
+  ] }) });
+}
+export {
+  Ot as ResourceManagementPanel
+};