react-semaphor 0.1.114 → 0.1.115

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

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