react-semaphor 0.1.114 → 0.1.116

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

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