react-semaphor 0.1.285 → 0.1.286

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

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