react-semaphor 0.1.208 → 0.1.210

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

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