react-semaphor 0.1.320 → 0.1.322

package/dist/chunks/{resource-management-panel-HcRJRZHO.js → resource-management-panel-gt__S0Pb.js}

@@ -1,15 +1,15 @@
-import { jsx as e, jsxs as n, Fragment as le } from "react/jsx-runtime";
-import { c as je, u as ne, G as Fe, a as X, B as I, f as se, M as we, Q as ze, L as fe, a1 as ge, X as Be, Y as He, Z as Ke, _ as _e, a0 as Ge, a8 as Qe } from "./switch-sauemjyY.js";
-import Ye, { useState as w, useEffect as ae, useRef as qe } from "react";
-import { af as de, aj as Je, ak as We, al as ie, am as Xe, an as Ze, ao as $e, ap as ke, aq as W, ar as et, as as tt, at as nt, au as xe, av as ce, aw as at, ax as st, ay as Ne, az as be, aA as ot, H as ye, z as Ce, aB as ve, aC as Se, aD as Ee, aE as Ve, aF as Le, aG as Ae, aH as Oe, aI as Re, aJ as Te, aK as rt, aL as ue, aM as it, x as te, u as lt, aN as Ue, b as dt, c as ct, d as ut, e as ht, f as pt, n as mt, aO as ft, aP as De, aQ as gt, aR as xt } from "./index-Clw0hJzi.js";
-import { u as Ie } from "./use-visual-utils-Bd4Cf9_B.js";
+import { jsx as e, jsxs as n, Fragment as oe } from "react/jsx-runtime";
+import { c as _e, u as se, G as Ge, a as Z, B as A, f as te, M as be, Q as Ye, L as ie, a1 as de, X as ke, Y as Qe, Z as We, _ as Xe, a0 as Ze, ay as $e } from "./switch-Deo2Ltmj.js";
+import qe, { useState as b, useEffect as ee, useRef as Je } from "react";
+import { ag as ue, aK as et, aL as tt, aH as ce, aM as nt, aN as at, aO as st, aP as it, aQ as X, aR as ot, aS as rt, aT as lt, aU as xe, ay as he, aV as dt, aW as ct, aX as we, aY as Ne, aZ as ut, H as ye, z as Ce, a_ as ve, a$ as Se, b0 as Ee, b1 as Ve, b2 as Le, b3 as Oe, b4 as Ae, b5 as Te, b6 as Re, b7 as ht, b8 as pe, b9 as pt, x as ae, u as mt, ba as Ue, b as Ie, c as Me, d as Pe, e as ze, f as Fe, bb as ft, n as je, bc as gt, bd as De, be as xt } from "./index-ChmS5nsv.js";
+import { u as Be } from "./use-visual-utils-CsXS-Zeh.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", [
+const Dt = _e("FolderOpen", [
   [
     "path",
     {
@@ -18,8 +18,8 @@ const Dt = je("FolderOpen", [
     }
   ]
 ]);
-function Me() {
-  return /* @__PURE__ */ e("div", { className: "space-y-1.5 py-1", children: [...Array(5)].map((t, m) => /* @__PURE__ */ n(
+function Ke() {
+  return /* @__PURE__ */ e("div", { className: "space-y-1.5 py-1", children: [...Array(5)].map((t, f) => /* @__PURE__ */ n(
     "div",
     {
       className: "flex animate-pulse items-start gap-3 rounded-xl border border-transparent px-2.5 py-2.5",
@@ -31,47 +31,47 @@ function Me() {
         ] })
       ]
     },
-    m
+    f
   )) });
 }
-const wt = (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);
+const bt = (t) => {
+  const f = se((o) => o.isVisualEditing), m = se((o) => o.selectedFrameId), r = Ge((o) => o.frame);
+  return !!(f && m && (r == null ? void 0 : r.visualId) === t);
 };
-function Nt({
+function wt({
   visual: t,
-  isDeleting: m,
-  isDuplicating: p,
-  onAddVisual: l,
-  onOpenVisual: i,
+  isDeleting: f,
+  isDuplicating: m,
+  onAddVisual: r,
+  onOpenVisual: o,
   onEditDetails: h,
-  onDeleteClick: N,
-  onDuplicateVisual: o,
-  onShareVisual: b,
-  formatDate: y
+  onDeleteClick: x,
+  onDuplicateVisual: i,
+  onShareVisual: D,
+  formatDate: w
 }) {
-  var M, U, j, F;
-  const { selectVisual: f } = de(), d = Je(t.id), u = wt(t.id), A = ne((r) => r.isVisualEditing), { isConsoleMode: T } = We(), x = Ye.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({
+  var M, I, z, F;
+  const { selectVisual: l } = ue(), c = et(t.id), p = bt(t.id), O = se((d) => d.isVisualEditing), { isConsoleMode: U } = tt(), N = qe.useRef(null), [S, E] = b(!1), [V, T] = b(!1);
+  ee(() => {
+    m ? (E(!0), T(!0)) : V && (E(!1), T(!1));
+  }, [m, V]), ee(() => {
+    p && N.current && N.current.scrollIntoView({
       behavior: "smooth",
       block: "center"
     });
-  }, [u]);
+  }, [p]);
   const C = () => {
-    f(t), i == null || i(t);
-  }, v = (r) => {
-    r.currentTarget === r.target && (r.key === "Enter" || r.key === " ") && (r.preventDefault(), C());
+    l(t), o == null || o(t);
+  }, v = (d) => {
+    d.currentTarget === d.target && (d.key === "Enter" || d.key === " ") && (d.preventDefault(), C());
   };
   return /* @__PURE__ */ n(
     "div",
     {
-      ref: x,
-      className: X(
+      ref: N,
+      className: Z(
         "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"
+        p ? "bg-muted ring-1 ring-inset ring-foreground/20" : c && "bg-muted"
       ),
       onClick: C,
       children: [
@@ -105,70 +105,70 @@ function Nt({
         /* @__PURE__ */ e(
           "div",
           {
-            className: X(
+            className: Z(
               "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"
+              c || p || 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(),
+            onClick: (d) => d.stopPropagation(),
             children: /* @__PURE__ */ n("div", { className: "inline-flex h-7 items-stretch overflow-hidden rounded-[5px] border border-border/60 bg-background", children: [
               /* @__PURE__ */ n(
-                I,
+                A,
                 {
                   size: "xs",
                   variant: "ghost",
                   className: "h-full rounded-none border-0 shadow-none hover:bg-accent/50",
-                  disabled: A,
-                  onClick: (r) => {
-                    r.stopPropagation(), l(t);
+                  disabled: O,
+                  onClick: (d) => {
+                    d.stopPropagation(), r(t);
                   },
                   "aria-label": `Add ${t.title || "visual"}`,
                   children: [
-                    /* @__PURE__ */ e(ie, { className: "h-3.5 w-3.5" }),
+                    /* @__PURE__ */ e(ce, { className: "h-3.5 w-3.5" }),
                     "Add"
                   ]
                 }
               ),
               /* @__PURE__ */ n(
-                Xe,
+                nt,
                 {
                   modal: !1,
                   open: S,
                   onOpenChange: E,
                   children: [
-                    /* @__PURE__ */ e(Ze, { asChild: !0, children: /* @__PURE__ */ e(
-                      I,
+                    /* @__PURE__ */ e(at, { asChild: !0, children: /* @__PURE__ */ e(
+                      A,
                       {
                         size: "xs",
                         variant: "ghost",
                         className: "h-full 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" })
+                        children: /* @__PURE__ */ e(st, { className: "h-3.5 w-3.5" })
                       }
                     ) }),
                     /* @__PURE__ */ n(
-                      ke,
+                      it,
                       {
                         align: "end",
                         className: "z-[51] w-44 rounded-[6px] border border-border/60 p-1 shadow-sm",
                         children: [
                           /* @__PURE__ */ n(
-                            W,
+                            X,
                             {
-                              onClick: (r) => {
-                                r.stopPropagation(), l(t);
+                              onClick: (d) => {
+                                d.stopPropagation(), r(t);
                               },
-                              disabled: A,
+                              disabled: O,
                               children: [
-                                /* @__PURE__ */ e(ie, { className: "h-3.5 w-3.5" }),
+                                /* @__PURE__ */ e(ce, { className: "h-3.5 w-3.5" }),
                                 "Add"
                               ]
                             }
                           ),
                           /* @__PURE__ */ n(
-                            W,
+                            X,
                             {
-                              onClick: (r) => {
-                                r.stopPropagation(), i == null || i(t);
+                              onClick: (d) => {
+                                d.stopPropagation(), o == null || o(t);
                               },
                               children: [
                                 /* @__PURE__ */ e(Dt, { className: "h-3.5 w-3.5" }),
@@ -177,68 +177,68 @@ function Nt({
                             }
                           ),
                           /* @__PURE__ */ n(
-                            W,
+                            X,
                             {
-                              onClick: (r) => {
-                                r.preventDefault(), r.stopPropagation(), o(t.id);
+                              onClick: (d) => {
+                                d.preventDefault(), d.stopPropagation(), i(t.id);
                               },
-                              disabled: p,
+                              disabled: m,
                               children: [
-                                p ? /* @__PURE__ */ e(se, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ e(et, { className: "h-3.5 w-3.5" }),
-                                p ? "Duplicating…" : "Duplicate"
+                                m ? /* @__PURE__ */ e(te, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ e(ot, { className: "h-3.5 w-3.5" }),
+                                m ? "Duplicating…" : "Duplicate"
                               ]
                             }
                           ),
-                          t.ownership.isOwner && /* @__PURE__ */ n(le, { children: [
+                          t.ownership.isOwner && /* @__PURE__ */ n(oe, { children: [
                             /* @__PURE__ */ n(
-                              W,
+                              X,
                               {
-                                onClick: (r) => {
-                                  r.stopPropagation(), h == null || h(t);
+                                onClick: (d) => {
+                                  d.stopPropagation(), h == null || h(t);
                                 },
                                 children: [
-                                  /* @__PURE__ */ e(tt, { className: "h-3.5 w-3.5" }),
+                                  /* @__PURE__ */ e(rt, { className: "h-3.5 w-3.5" }),
                                   "Edit details"
                                 ]
                               }
                             ),
                             /* @__PURE__ */ n(
-                              W,
+                              X,
                               {
-                                onClick: (r) => {
-                                  r.stopPropagation(), b(t);
+                                onClick: (d) => {
+                                  d.stopPropagation(), D(t);
                                 },
                                 children: [
-                                  /* @__PURE__ */ e(nt, { className: "h-3.5 w-3.5" }),
+                                  /* @__PURE__ */ e(lt, { className: "h-3.5 w-3.5" }),
                                   "Share"
                                 ]
                               }
                             ),
                             /* @__PURE__ */ e(xe, {}),
                             /* @__PURE__ */ n(
-                              W,
+                              X,
                               {
-                                onClick: (r) => {
-                                  r.stopPropagation(), N(t);
+                                onClick: (d) => {
+                                  d.stopPropagation(), x(t);
                                 },
                                 className: "text-destructive focus:bg-destructive/10 focus:text-destructive",
-                                disabled: m,
+                                disabled: f,
                                 children: [
-                                  /* @__PURE__ */ e(ce, { className: "h-3.5 w-3.5" }),
-                                  m ? "Deleting…" : "Delete"
+                                  /* @__PURE__ */ e(he, { className: "h-3.5 w-3.5" }),
+                                  f ? "Deleting…" : "Delete"
                                 ]
                               }
                             )
                           ] }),
                           /* @__PURE__ */ e(xe, {}),
                           /* @__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" && T) && /* @__PURE__ */ n("div", { className: "flex items-center gap-1.5", children: [
-                              /* @__PURE__ */ e(at, { className: "h-3 w-3" }),
+                            (((I = t.ownership.createdBy) == null ? void 0 : I.type) === "tenant" || ((z = t.ownership.createdBy) == null ? void 0 : z.type) === "organization" && U) && /* @__PURE__ */ n("div", { className: "flex items-center gap-1.5", children: [
+                              /* @__PURE__ */ e(dt, { 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(st, { className: "h-3 w-3" }),
-                              /* @__PURE__ */ e("span", { children: y(t.lastModified) })
+                              /* @__PURE__ */ e(ct, { className: "h-3 w-3" }),
+                              /* @__PURE__ */ e("span", { children: w(t.lastModified) })
                             ] })
                           ] })
                         ]
@@ -254,95 +254,95 @@ function Nt({
     }
   );
 }
-function bt({ searchQuery: t }) {
-  const [m, p] = w(!1), [l, i] = w(
+function Nt({ searchQuery: t }) {
+  const [f, m] = b(!1), [r, o] = b(
     null
-  ), [h, N] = w(!1), [o, b] = w(null), [y, f] = w(null), [d, u] = w(
+  ), [h, x] = b(!1), [i, D] = b(null), [w, l] = b(null), [c, p] = b(
     null
-  ), { handleEditLibraryVisual: A, handleAddLibraryVisual: T } = Ie(), {
-    resources: x,
+  ), { handleEditLibraryVisual: O, handleAddLibraryVisual: U } = Be(), {
+    resources: N,
     isLoading: S,
     isError: E,
     updateResource: V,
-    deleteResource: O,
+    deleteResource: T,
     duplicateResource: C,
     isDeleting: v
-  } = Ne(() => {
-    N(!1), b(null);
-  }), M = x.filter(
+  } = we(() => {
+    x(!1), D(null);
+  }), M = N.filter(
     (s) => {
-      var R, c;
-      return ((R = s == null ? void 0 : s.title) == null ? void 0 : R.toLowerCase().includes(t.toLowerCase())) || ((c = s == null ? void 0 : s.description) == null ? void 0 : c.toLowerCase().includes(t.toLowerCase()));
+      var R, u;
+      return ((R = s == null ? void 0 : s.title) == null ? void 0 : R.toLowerCase().includes(t.toLowerCase())) || ((u = s == null ? void 0 : s.description) == null ? void 0 : u.toLowerCase().includes(t.toLowerCase()));
     }
-  ), U = (s) => new Date(s).toLocaleDateString("en-US", {
+  ), I = (s) => new Date(s).toLocaleDateString("en-US", {
     month: "short",
     day: "numeric",
     year: "numeric"
-  }), j = (s) => {
-    b(s), N(!0);
+  }), z = (s) => {
+    D(s), x(!0);
   }, F = () => {
-    o && O(o.id);
+    i && T(i.id);
   }, {
-    startUpdating: r,
-    stopUpdating: Q,
+    startUpdating: d,
+    stopUpdating: Y,
     isUpdating: B
-  } = be(), L = (s, R, c) => {
-    var ee;
-    const z = Object.fromEntries(
+  } = Ne(), L = (s, R, u) => {
+    var ne;
+    const j = Object.fromEntries(
       Object.entries(R).filter(([, P]) => P !== void 0)
     );
-    if (Object.keys(z).length === 0) {
-      (ee = c == null ? void 0 : c.onSuccess) == null || ee.call(c);
+    if (Object.keys(j).length === 0) {
+      (ne = u == null ? void 0 : u.onSuccess) == null || ne.call(u);
       return;
     }
-    const D = Object.keys(z), K = D.length === 1 ? D[0] : void 0;
-    r(s, K), V(
+    const y = Object.keys(j), H = y.length === 1 ? y[0] : void 0;
+    d(s, H), V(
       {
         resourceId: s,
-        data: z
+        data: j
       },
       {
         onSuccess: () => {
           var P;
-          Q(s, K), (P = c == null ? void 0 : c.onSuccess) == null || P.call(c);
+          Y(s, H), (P = u == null ? void 0 : u.onSuccess) == null || P.call(u);
         },
         onError: () => {
           var P;
-          Q(s, K), (P = c == null ? void 0 : c.onError) == null || P.call(c);
+          Y(s, H), (P = u == null ? void 0 : u.onError) == null || P.call(u);
         }
       }
     );
-  }, Y = (s) => {
-    f(s), C(s, {
-      onSettled: () => f(null)
+  }, k = (s) => {
+    l(s), C(s, {
+      onSettled: () => l(null)
     });
-  }, H = (s) => {
-    A(s);
-  }, q = (s) => {
-    T(s);
-  }, J = (s) => {
-    i(s), p(!0);
-  }, Z = (s) => {
-    u(s);
-  }, $ = () => {
-    u(null);
-  }, k = ({
+  }, K = (s) => {
+    O(s);
+  }, Q = (s) => {
+    U(s);
+  }, W = (s) => {
+    o(s), m(!0);
+  }, $ = (s) => {
+    p(s);
+  }, q = () => {
+    p(null);
+  }, J = ({
     title: s,
     description: R
   }) => {
-    if (!d)
+    if (!c)
       return;
-    const c = {};
-    s !== d.title && (c.title = s), (d.description || "") !== R && (c.description = R), L(d.id, c, {
+    const u = {};
+    s !== c.title && (u.title = s), (c.description || "") !== R && (u.description = R), L(c.id, u, {
       onSuccess: () => {
-        u(null);
+        p(null);
       }
     });
   };
-  return S ? /* @__PURE__ */ e(Me, {}) : E ? /* @__PURE__ */ e(we, { 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: [
+  return S ? /* @__PURE__ */ e(Ke, {}) : 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,
+      A,
       {
         variant: "outline",
         size: "xs",
@@ -352,45 +352,45 @@ function bt({ searchQuery: t }) {
     )
   ] }) }) : /* @__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(ot, { className: "h-5 w-5 text-muted-foreground/60" }),
+      /* @__PURE__ */ e(ut, { 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(
-      Nt,
+      wt,
       {
         visual: s,
-        onAddVisual: q,
-        onOpenVisual: H,
-        onEditDetails: Z,
-        onDeleteClick: j,
-        onDuplicateVisual: Y,
-        onShareVisual: J,
+        onAddVisual: Q,
+        onOpenVisual: K,
+        onEditDetails: $,
+        onDeleteClick: z,
+        onDuplicateVisual: k,
+        onShareVisual: W,
         isDeleting: v,
-        isDuplicating: y === s.id,
-        formatDate: U
+        isDuplicating: w === s.id,
+        formatDate: I
       },
       s.id
     )) }),
-    m && l && /* @__PURE__ */ e(
+    f && r && /* @__PURE__ */ e(
       ye,
       {
-        resource: l,
+        resource: r,
         resourceType: Ce.VISUAL,
         onClose: () => {
-          p(!1), i(null);
+          m(!1), o(null);
         }
       }
     ),
-    d && /* @__PURE__ */ e(
+    c && /* @__PURE__ */ e(
       ve,
       {
-        open: !!d,
+        open: !!c,
         resourceLabel: "Visual",
-        initialTitle: d.title || "",
-        initialDescription: d.description || "",
-        onClose: $,
-        onSave: k,
-        isSaving: B(d.id)
+        initialTitle: c.title || "",
+        initialDescription: c.description || "",
+        onClose: q,
+        onSave: J,
+        isSaving: B(c.id)
       }
     ),
     /* @__PURE__ */ e(
@@ -398,28 +398,28 @@ function bt({ searchQuery: t }) {
       {
         open: h,
         onOpenChange: (s) => {
-          !s && v || (N(s), s || b(null));
+          !s && v || (x(s), s || D(null));
         },
         children: /* @__PURE__ */ n(Ee, { children: [
           /* @__PURE__ */ n(Ve, { children: [
             /* @__PURE__ */ e(Le, { children: "Delete Visual" }),
-            /* @__PURE__ */ n(Ae, { children: [
+            /* @__PURE__ */ n(Oe, { children: [
               'Are you sure you want to delete "',
-              o == null ? void 0 : o.title,
+              i == null ? void 0 : i.title,
               '"? This action cannot be undone.'
             ] })
           ] }),
-          /* @__PURE__ */ n(Oe, { children: [
-            /* @__PURE__ */ e(Re, { disabled: v, children: "Cancel" }),
+          /* @__PURE__ */ n(Ae, { children: [
+            /* @__PURE__ */ e(Te, { disabled: v, children: "Cancel" }),
             /* @__PURE__ */ n(
-              Te,
+              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 ? /* @__PURE__ */ e(te, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ e(he, { className: "h-3.5 w-3.5" }),
                   v ? "Deleting…" : "Delete"
                 ]
               }
@@ -432,28 +432,28 @@ function bt({ searchQuery: t }) {
 }
 function yt({
   dashboard: t,
-  isDeleting: m,
-  isDuplicating: p,
-  onLoadDashboard: l,
-  onEditDetails: i,
+  isDeleting: f,
+  isDuplicating: m,
+  onLoadDashboard: r,
+  onEditDetails: o,
   onDeleteClick: h,
-  onDuplicateDashboard: N,
-  onShareDashboard: o,
-  formatDate: b,
-  onDashboardItemClick: y
+  onDuplicateDashboard: x,
+  onShareDashboard: i,
+  formatDate: D,
+  onDashboardItemClick: w
 }) {
-  var V, O;
-  const { selectDashboard: f } = de(), d = rt(t.id), { userContext: u, isLoading: A } = ue(), T = ((V = u == null ? void 0 : u.permissions) == null ? void 0 : V.canEdit) ?? !1, x = A || !T, S = () => {
-    f(t), l(t.id), y == null || y(t.id);
+  var V, T;
+  const { selectDashboard: l } = ue(), c = ht(t.id), { userContext: p, isLoading: O } = pe(), U = ((V = p == null ? void 0 : p.permissions) == null ? void 0 : V.canEdit) ?? !1, N = O || !U, S = () => {
+    l(t), r(t.id), w == null || w(t.id);
   }, E = (C) => {
     C.currentTarget === C.target && (C.key === "Enter" || C.key === " ") && (C.preventDefault(), S());
   };
   return /* @__PURE__ */ n(
     "div",
     {
-      className: X(
+      className: Z(
         "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"
+        c && "bg-muted"
       ),
       onClick: S,
       children: [
@@ -478,7 +478,7 @@ function yt({
                 {
                   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"
+                  children: (T = t.description) != null && T.trim() ? t.description : "No description"
                 }
               )
             ]
@@ -487,22 +487,22 @@ function yt({
         /* @__PURE__ */ e(
           "div",
           {
-            className: X(
+            className: Z(
               "shrink-0 transition-opacity",
-              d ? "opacity-100" : "opacity-0 group-hover:opacity-100 group-focus-within:opacity-100"
+              c ? "opacity-100" : "opacity-0 group-hover:opacity-100 group-focus-within:opacity-100"
             ),
             children: /* @__PURE__ */ e(
-              it,
+              pt,
               {
                 dashboard: t,
-                isDeleting: m,
-                isDuplicating: p,
-                shouldHideActions: x,
-                onEditDetails: i,
+                isDeleting: f,
+                isDuplicating: m,
+                shouldHideActions: N,
+                onEditDetails: o,
                 onDeleteClick: h,
-                onDuplicateDashboard: N,
-                onShareDashboard: o,
-                formatDate: b
+                onDuplicateDashboard: x,
+                onShareDashboard: i,
+                formatDate: D
               }
             )
           }
@@ -512,161 +512,161 @@ function yt({
   );
 }
 function Ct({ onRetry: t }) {
-  return /* @__PURE__ */ e(we, { 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: [
+  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" })
+    /* @__PURE__ */ e(A, { variant: "outline", size: "sm", className: "mt-2", onClick: t, children: "Retry" })
   ] }) });
 }
 function vt(t) {
-  var he;
-  const { searchQuery: m, onLoadDashboard: p, onEditDashboard: l, onDashboardItemClick: i } = t, [h, N] = w(!1), [o, b] = w(
+  var me;
+  const { searchQuery: f, onLoadDashboard: m, onEditDashboard: r, onDashboardItemClick: o } = t, [h, x] = b(!1), [i, D] = b(
     null
-  ), [y, f] = w(!1), [d, u] = w(null), [A, T] = w(null), [x, S] = w(null), E = te(
+  ), [w, l] = b(!1), [c, p] = b(null), [O, U] = b(null), [N, S] = b(null), E = ae(
     (a) => a.lastSelectedDashboard
-  ), V = te(
+  ), V = ae(
     (a) => a.selectedDashboard
-  ), O = te(
+  ), T = ae(
     (a) => a.actions.selectDashboard
-  ), C = te(
+  ), C = ae(
     (a) => a.actions.clearSelectedDashboard
-  ), { tokenProps: v, id: M } = lt(), {
-    resources: U,
-    isLoading: j,
+  ), { tokenProps: v, id: M } = mt(), {
+    resources: I,
+    isLoading: z,
     isError: F,
-    updateResource: r,
-    deleteResource: Q,
+    updateResource: d,
+    deleteResource: Y,
     duplicateResource: B,
     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: Y } = ue(), H = ((he = Y == null ? void 0 : Y.permissions) == null ? void 0 : he.canCreateDashboard) ?? !1, q = U.filter(
+    l(!1);
+    const a = c == null ? void 0 : c.id;
+    p(null), (V == null ? void 0 : V.id) === a && (!(v != null && v.dashboard_id) && !M ? C() : E && E.id !== a && T(E));
+  }), { userContext: k } = pe(), K = ((me = k == null ? void 0 : k.permissions) == null ? void 0 : me.canCreateDashboard) ?? !1, Q = I.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()));
+      return ((_ = a == null ? void 0 : a.title) == null ? void 0 : _.toLowerCase().includes(f.toLowerCase())) || ((g = a == null ? void 0 : a.description) == null ? void 0 : g.toLowerCase().includes(f.toLowerCase()));
     }
-  ), J = (a) => new Date(a).toLocaleDateString("en-US", {
+  ), W = (a) => new Date(a).toLocaleDateString("en-US", {
     month: "short",
     day: "numeric",
     year: "numeric"
-  }), Z = (a) => {
-    p == null || p(a);
-  }, $ = (a) => {
-    u(a), f(!0);
-  }, k = () => {
-    d && Q(d.id);
+  }), $ = (a) => {
+    m == null || m(a);
+  }, q = (a) => {
+    p(a), l(!0);
+  }, J = () => {
+    c && Y(c.id);
   }, s = (a) => {
-    T(a), B(a, {
-      onSettled: () => T(null)
+    U(a), B(a, {
+      onSettled: () => U(null)
     });
   }, {
     startUpdating: R,
-    stopUpdating: c,
-    isUpdating: z
-  } = be(), D = (a, _, g) => {
-    var me;
-    const oe = Object.fromEntries(
+    stopUpdating: u,
+    isUpdating: j
+  } = Ne(), y = (a, _, g) => {
+    var ge;
+    const re = Object.fromEntries(
       Object.entries(_).filter(([, G]) => G !== void 0)
     );
-    if (Object.keys(oe).length === 0) {
-      (me = g == null ? void 0 : g.onSuccess) == null || me.call(g);
+    if (Object.keys(re).length === 0) {
+      (ge = g == null ? void 0 : g.onSuccess) == null || ge.call(g);
       return;
     }
-    const pe = Object.keys(oe), re = pe.length === 1 ? pe[0] : void 0;
-    R(a, re), r(
+    const fe = Object.keys(re), le = fe.length === 1 ? fe[0] : void 0;
+    R(a, le), d(
       {
         resourceId: a,
-        data: oe
+        data: re
       },
       {
         onSuccess: () => {
           var G;
-          c(a, re), (G = g == null ? void 0 : g.onSuccess) == null || G.call(g);
+          u(a, le), (G = g == null ? void 0 : g.onSuccess) == null || G.call(g);
         },
         onError: () => {
           var G;
-          c(a, re), (G = g == null ? void 0 : g.onError) == null || G.call(g);
+          u(a, le), (G = g == null ? void 0 : g.onError) == null || G.call(g);
         }
       }
     );
-  }, K = (a) => {
-    b(a), N(!0);
-  }, ee = (a) => {
-    l == null || l(a.id), S(a);
+  }, H = (a) => {
+    D(a), x(!0);
+  }, ne = (a) => {
+    r == null || r(a.id), S(a);
   }, P = () => {
     S(null);
-  }, Pe = ({
+  }, He = ({
     title: a,
     description: _
   }) => {
-    if (!x)
+    if (!N)
       return;
     const g = {};
-    a !== x.title && (g.title = a), (x.description || "") !== _ && (g.description = _), D(x.id, g, {
+    a !== N.title && (g.title = a), (N.description || "") !== _ && (g.description = _), y(N.id, g, {
       onSuccess: () => {
         S(null);
       }
     });
   };
-  return j ? /* @__PURE__ */ e(Me, {}) : F ? /* @__PURE__ */ e(Ct, { 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: q.length === 0 ? /* @__PURE__ */ n("div", { className: "flex flex-col items-center gap-1.5 px-4 py-10 text-center", children: [
-      /* @__PURE__ */ e(ze, { 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." : H ? 'Click "New" above to add your first dashboard.' : "No dashboards have been shared with you yet." })
-    ] }) : q.map((a) => /* @__PURE__ */ e(
+  return z ? /* @__PURE__ */ e(Ke, {}) : F ? /* @__PURE__ */ e(Ct, { 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: Q.length === 0 ? /* @__PURE__ */ n("div", { className: "flex flex-col items-center gap-1.5 px-4 py-10 text-center", children: [
+      /* @__PURE__ */ e(Ye, { className: "h-5 w-5 text-muted-foreground/60" }),
+      /* @__PURE__ */ e("h3", { className: "text-[13px] font-medium text-foreground", children: f ? "No dashboards found" : "No dashboards yet" }),
+      /* @__PURE__ */ e("p", { className: "text-[12px] text-muted-foreground", children: f ? "Try adjusting your search." : K ? 'Click "New" above to add your first dashboard.' : "No dashboards have been shared with you yet." })
+    ] }) : Q.map((a) => /* @__PURE__ */ e(
       yt,
       {
         dashboard: a,
         isDeleting: L,
-        isDuplicating: A === a.id,
-        onLoadDashboard: Z,
-        onEditDetails: ee,
-        onDeleteClick: $,
+        isDuplicating: O === a.id,
+        onLoadDashboard: $,
+        onEditDetails: ne,
+        onDeleteClick: q,
         onDuplicateDashboard: s,
-        onShareDashboard: K,
-        formatDate: J,
-        onDashboardItemClick: i
+        onShareDashboard: H,
+        formatDate: W,
+        onDashboardItemClick: o
       },
       a.id
     )) }),
-    h && o && /* @__PURE__ */ e(
+    h && i && /* @__PURE__ */ e(
       ye,
       {
-        resource: o,
+        resource: i,
         resourceType: Ce.DASHBOARD,
         onClose: () => {
-          N(!1), b(null);
+          x(!1), D(null);
         }
       }
     ),
     /* @__PURE__ */ e(
       Se,
       {
-        open: y,
+        open: w,
         onOpenChange: (a) => {
-          !a && L || (f(a), a || u(null));
+          !a && L || (l(a), a || p(null));
         },
         children: /* @__PURE__ */ n(Ee, { children: [
           /* @__PURE__ */ n(Ve, { children: [
             /* @__PURE__ */ e(Le, { children: "Delete Dashboard" }),
-            /* @__PURE__ */ n(Ae, { children: [
+            /* @__PURE__ */ n(Oe, { children: [
               'Are you sure you want to delete "',
-              d == null ? void 0 : d.title,
+              c == null ? void 0 : c.title,
               '"? This action cannot be undone.'
             ] })
           ] }),
-          /* @__PURE__ */ n(Oe, { children: [
-            /* @__PURE__ */ e(Re, { disabled: L, children: "Cancel" }),
+          /* @__PURE__ */ n(Ae, { children: [
+            /* @__PURE__ */ e(Te, { disabled: L, children: "Cancel" }),
             /* @__PURE__ */ n(
-              Te,
+              Re,
               {
                 onClick: (a) => {
-                  a.preventDefault(), a.stopPropagation(), k();
+                  a.preventDefault(), a.stopPropagation(), J();
                 },
                 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 ? /* @__PURE__ */ e(te, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ e(he, { className: "h-3.5 w-3.5" }),
                   L ? "Deleting…" : "Delete"
                 ]
               }
@@ -675,100 +675,182 @@ function vt(t) {
         ] })
       }
     ),
-    x && /* @__PURE__ */ e(
+    N && /* @__PURE__ */ e(
       ve,
       {
-        open: !!x,
+        open: !!N,
         resourceLabel: "Dashboard",
-        initialTitle: x.title || "",
-        initialDescription: x.description || "",
+        initialTitle: N.title || "",
+        initialDescription: N.description || "",
         onClose: P,
-        onSave: Pe,
-        isSaving: z(x.id)
+        onSave: He,
+        isSaving: j(N.id)
       }
     )
   ] });
 }
-function St(t, m = {}) {
-  const { enabled: p = !0, eventType: l = "mousedown" } = m, i = qe(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();
+function St(t, f = {}) {
+  const { enabled: m = !0, eventType: r = "mousedown" } = f, o = Je(null);
+  return ee(() => {
+    const h = (x) => {
+      const i = x.target;
+      o.current && o.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(l, h), () => {
-      document.removeEventListener(l, h);
+    return m && document.addEventListener(r, h), () => {
+      document.removeEventListener(r, h);
     };
-  }, [t, p, l]), i;
+  }, [t, m, r]), o;
 }
 function Et({
   open: t,
-  onOpenChange: m,
-  onSubmit: p,
-  isCreating: l
+  onOpenChange: f,
+  onSubmit: m,
+  isCreating: r
 }) {
-  const [i, h] = w(""), [N, o] = w("");
-  ae(() => {
-    t || (h(""), o(""));
+  const [o, h] = b(""), [x, i] = b("");
+  ee(() => {
+    t || (h(""), i(""));
   }, [t]);
-  const b = () => {
-    i.trim() && p({ title: i, description: N });
-  }, y = (f) => {
-    m(f);
+  const D = () => {
+    o.trim() && m({ title: o, description: x });
+  }, w = (l) => {
+    f(l);
   };
-  return /* @__PURE__ */ e(dt, { open: t, onOpenChange: y, children: /* @__PURE__ */ n(ct, { children: [
-    /* @__PURE__ */ n(ut, { children: [
-      /* @__PURE__ */ e(ht, { children: "Create New Visual" }),
-      /* @__PURE__ */ e(pt, { children: "Add a new visual to your library. You can configure it after creation." })
+  return /* @__PURE__ */ e(Ie, { open: t, onOpenChange: w, children: /* @__PURE__ */ n(Me, { className: "sm:max-w-[480px]", children: [
+    /* @__PURE__ */ n(Pe, { children: [
+      /* @__PURE__ */ e(ze, { className: "text-[15px]", children: "New dashboard" }),
+      /* @__PURE__ */ e(Fe, { className: "text-[13px]", children: "Give it a name and an optional description." })
+    ] }),
+    /* @__PURE__ */ n("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ n("div", { className: "flex flex-col gap-1.5", children: [
+        /* @__PURE__ */ e(ie, { htmlFor: "title", className: "text-[13px] font-medium", children: "Title" }),
+        /* @__PURE__ */ e(
+          de,
+          {
+            id: "title",
+            size: "xs",
+            placeholder: "e.g. Sales analytics, User engagement",
+            value: o,
+            onChange: (l) => h(l.target.value),
+            disabled: r,
+            onKeyDown: (l) => {
+              l.key === "Enter" && !l.shiftKey && (l.preventDefault(), D());
+            }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ n("div", { className: "flex flex-col gap-1.5", children: [
+        /* @__PURE__ */ e(ie, { htmlFor: "description", className: "text-[13px] font-medium", children: "Description" }),
+        /* @__PURE__ */ e(
+          ft,
+          {
+            id: "description",
+            placeholder: "Optional — briefly describe what this dashboard tracks",
+            rows: 3,
+            value: x,
+            onChange: (l) => i(l.target.value),
+            disabled: r,
+            className: "resize-none text-[12px]"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ n(je, { className: "gap-1.5", children: [
+      /* @__PURE__ */ e(
+        A,
+        {
+          type: "button",
+          variant: "outline",
+          size: "xs",
+          onClick: () => w(!1),
+          disabled: r,
+          children: "Cancel"
+        }
+      ),
+      /* @__PURE__ */ e(
+        A,
+        {
+          type: "button",
+          size: "xs",
+          onClick: D,
+          disabled: !o.trim() || r,
+          children: r ? /* @__PURE__ */ n(oe, { children: [
+            /* @__PURE__ */ e(te, { className: "h-3 w-3 animate-spin" }),
+            "Creating…"
+          ] }) : "Create dashboard"
+        }
+      )
+    ] })
+  ] }) });
+}
+function Vt({
+  open: t,
+  onOpenChange: f,
+  onSubmit: m,
+  isCreating: r
+}) {
+  const [o, h] = b(""), [x, i] = b("");
+  ee(() => {
+    t || (h(""), i(""));
+  }, [t]);
+  const D = () => {
+    o.trim() && m({ title: o, description: x });
+  }, w = (l) => {
+    f(l);
+  };
+  return /* @__PURE__ */ e(Ie, { open: t, onOpenChange: w, children: /* @__PURE__ */ n(Me, { children: [
+    /* @__PURE__ */ n(Pe, { children: [
+      /* @__PURE__ */ e(ze, { children: "Create New Visual" }),
+      /* @__PURE__ */ e(Fe, { 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(fe, { htmlFor: "title", children: "Visual Title" }),
+        /* @__PURE__ */ e(ie, { htmlFor: "title", children: "Visual Title" }),
         /* @__PURE__ */ e(
-          ge,
+          de,
           {
             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());
+            value: o,
+            onChange: (l) => h(l.target.value),
+            disabled: r,
+            onKeyDown: (l) => {
+              l.key === "Enter" && !l.shiftKey && (l.preventDefault(), D());
             }
           }
         )
       ] }),
       /* @__PURE__ */ n("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ e(fe, { htmlFor: "description", children: "Description (optional)" }),
+        /* @__PURE__ */ e(ie, { htmlFor: "description", children: "Description (optional)" }),
         /* @__PURE__ */ e(
-          ge,
+          de,
           {
             id: "description",
             placeholder: "Enter visual description...",
-            value: N,
-            onChange: (f) => o(f.target.value),
-            disabled: l
+            value: x,
+            onChange: (l) => i(l.target.value),
+            disabled: r
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ n(mt, { children: [
+    /* @__PURE__ */ n(je, { children: [
       /* @__PURE__ */ e(
-        I,
+        A,
         {
           variant: "outline",
-          onClick: () => y(!1),
-          disabled: l,
+          onClick: () => w(!1),
+          disabled: r,
           children: "Cancel"
         }
       ),
       /* @__PURE__ */ e(
-        I,
+        A,
         {
-          onClick: b,
-          disabled: !i.trim() || l,
-          children: l ? /* @__PURE__ */ n(le, { children: [
-            /* @__PURE__ */ e(se, { className: "mr-2 h-4 w-4 animate-spin" }),
+          onClick: D,
+          disabled: !o.trim() || r,
+          children: r ? /* @__PURE__ */ n(oe, { children: [
+            /* @__PURE__ */ e(te, { className: "mr-2 h-4 w-4 animate-spin" }),
             "Creating..."
           ] }) : "Create Visual"
         }
@@ -776,160 +858,160 @@ function Et({
     ] })
   ] }) });
 }
-function Tt({
+function Ut({
   isOpen: t,
-  onClose: m,
-  className: p,
-  onDashboardItemClick: l,
-  variant: i = "inline"
+  onClose: f,
+  className: m,
+  onDashboardItemClick: r,
+  variant: o = "inline"
 }) {
-  var c, z;
-  const h = ne(
-    (D) => D.isDashboardEditing
-  ), [N, o] = w(!1), [b, y] = w(""), [f, d] = w(!1), { currentUser: u, userContext: A } = ue(), T = ((c = A == null ? void 0 : A.permissions) == null ? void 0 : c.canCreateDashboard) ?? !1, { onCreateSuccess: x } = ft({
-    onDashboardSelect: l
-  }), { selectVisual: S } = de(), { handleEditLibraryVisual: E } = Ie(), {
+  var u, j;
+  const h = se(
+    (y) => y.isDashboardEditing
+  ), [x, i] = b(!1), [D, w] = b(""), [l, c] = b(!1), { currentUser: p, userContext: O } = pe(), U = ((u = O == null ? void 0 : O.permissions) == null ? void 0 : u.canCreateDashboard) ?? !1, { onCreateSuccess: N } = gt({
+    onDashboardSelect: r
+  }), { selectVisual: S } = ue(), { handleEditLibraryVisual: E } = Be(), {
     createResource: V,
-    isCreating: O,
+    isCreating: T,
     refetch: C
-  } = Ue(), { createResource: v, isCreating: M } = Ne(
+  } = Ue(), { createResource: v, isCreating: M } = we(
     void 0,
     // onDeleteSuccess (not needed here)
-    (D) => {
-      o(!1), D && (S(D), E(D));
+    (y) => {
+      i(!1), y && (S(y), E(y));
     }
-  ), U = i === "overlay", j = h ? "New Visual" : "New", F = h ? "New Visual" : "New Dashboard", r = h ? "Search visuals..." : "Search dashboards...", Q = h ? "Collapse visuals panel" : "Collapse dashboard panel", B = ((u == null ? void 0 : u.name) ?? "").trim(), L = ((u == null ? void 0 : u.email) ?? "").trim(), H = B && B.toLowerCase() !== "undefined" ? B : L || "Current user", q = ((z = H.charAt(0)) == null ? void 0 : z.toUpperCase()) || "?", J = L && L.toLowerCase() !== "undefined" ? L : "", Z = St(m, {
-    enabled: t && U
-  }), $ = X(
+  ), I = o === "overlay", z = h ? "New Visual" : "New", F = h ? "New Visual" : "New Dashboard", d = h ? "Search visuals..." : "Search dashboards...", Y = h ? "Collapse visuals panel" : "Collapse dashboard panel", B = ((p == null ? void 0 : p.name) ?? "").trim(), L = ((p == null ? void 0 : p.email) ?? "").trim(), K = B && B.toLowerCase() !== "undefined" ? B : L || "Current user", Q = ((j = K.charAt(0)) == null ? void 0 : j.toUpperCase()) || "?", W = L && L.toLowerCase() !== "undefined" ? L : "", $ = St(f, {
+    enabled: t && I
+  }), q = Z(
     "flex h-full flex-col border-r border-border/60 bg-background",
-    U ? X(
+    I ? Z(
       "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);
-  }, R = (D) => {
-    V(D, {
-      onSuccess: (K) => {
-        o(!1), x(K, C);
+    m
+  ), J = (y) => {
+  }, s = (y) => {
+    console.log("Editing dashboard:", y);
+  }, R = (y) => {
+    V(y, {
+      onSuccess: (H) => {
+        i(!1), N(H, C);
       }
     });
   };
-  return /* @__PURE__ */ e(le, { children: (!U || t) && /* @__PURE__ */ n("div", { ref: Z, className: $, children: [
-    /* @__PURE__ */ e("div", { className: "border-b border-border/60 bg-background", children: f ? /* @__PURE__ */ n("div", { className: "flex h-10 items-center gap-1 px-3", children: [
+  return /* @__PURE__ */ e(oe, { children: (!I || t) && /* @__PURE__ */ n("div", { ref: $, className: q, children: [
+    /* @__PURE__ */ e("div", { className: "border-b border-border/60 bg-background", children: l ? /* @__PURE__ */ n("div", { className: "flex h-10 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));
+          value: D,
+          onChange: (y) => w(y.target.value),
+          onKeyDown: (y) => {
+            y.key === "Escape" && (w(""), c(!1));
           },
-          placeholder: r,
+          placeholder: d,
           className: "h-7 min-w-0 flex-1 bg-transparent text-[13px] text-foreground placeholder:text-muted-foreground focus:outline-none",
-          "aria-label": r
+          "aria-label": d
         }
       ),
       /* @__PURE__ */ e(
-        I,
+        A,
         {
           size: "xs",
           variant: "ghost",
           className: "w-7 shrink-0 px-0 text-muted-foreground hover:text-foreground",
           onClick: () => {
-            y(""), d(!1);
+            w(""), c(!1);
           },
           "aria-label": "Close search",
-          children: /* @__PURE__ */ e(Be, { className: "h-3.5 w-3.5" })
+          children: /* @__PURE__ */ e(ke, { className: "h-3.5 w-3.5" })
         }
       )
     ] }) : /* @__PURE__ */ n("div", { className: "flex h-10 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,
+          A,
           {
             size: "xs",
             variant: "ghost",
-            onClick: () => d(!0),
+            onClick: () => c(!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 || T) && /* @__PURE__ */ n(
-          I,
+        (h || U) && /* @__PURE__ */ n(
+          A,
           {
             size: "xs",
             variant: "outline",
-            onClick: () => o(!0),
+            onClick: () => i(!0),
             "aria-label": F,
             children: [
-              /* @__PURE__ */ e(ie, { className: "h-3.5 w-3.5" }),
-              j
+              /* @__PURE__ */ e(ce, { className: "h-3.5 w-3.5" }),
+              z
             ]
           }
         ),
         /* @__PURE__ */ e(
-          I,
+          A,
           {
             size: "xs",
             variant: "ghost",
             className: "w-7 px-0 text-muted-foreground hover:text-foreground",
-            onClick: m,
-            "aria-label": Q,
-            children: /* @__PURE__ */ e(gt, { className: "h-3.5 w-3.5" })
+            onClick: f,
+            "aria-label": Y,
+            children: /* @__PURE__ */ e(xt, { 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(bt, { searchQuery: b }) : /* @__PURE__ */ e(
+    /* @__PURE__ */ e("div", { className: "flex flex-1 flex-col overflow-auto px-1.5 py-2", children: h ? /* @__PURE__ */ e(Nt, { searchQuery: D }) : /* @__PURE__ */ e(
       vt,
       {
-        searchQuery: b,
-        onLoadDashboard: k,
+        searchQuery: D,
+        onLoadDashboard: J,
         onEditDashboard: s,
-        onDashboardItemClick: l
+        onDashboardItemClick: r
       }
     ) }),
-    u && /* @__PURE__ */ e(He, { children: /* @__PURE__ */ e("div", { className: "border-t border-border/60 px-3 py-2", children: /* @__PURE__ */ n(Ke, { children: [
-      /* @__PURE__ */ e(_e, { 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: q }),
-        /* @__PURE__ */ e("span", { className: "truncate text-[12px] text-muted-foreground", children: H })
+    p && /* @__PURE__ */ e(Qe, { children: /* @__PURE__ */ e("div", { className: "border-t border-border/60 px-3 py-2", children: /* @__PURE__ */ n(We, { children: [
+      /* @__PURE__ */ e(Xe, { 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: Q }),
+        /* @__PURE__ */ e("span", { className: "truncate text-[12px] text-muted-foreground", children: K })
       ] }) }),
-      /* @__PURE__ */ e(Ge, { side: "top", className: "max-w-xs", children: /* @__PURE__ */ n("div", { className: "space-y-0.5", children: [
-        /* @__PURE__ */ e("div", { className: "font-medium", children: H }),
-        J && /* @__PURE__ */ e("div", { className: "text-[11px] opacity-80", children: J }),
-        u.role && /* @__PURE__ */ n("div", { className: "text-[11px] opacity-80", children: [
+      /* @__PURE__ */ e(Ze, { side: "top", className: "max-w-xs", children: /* @__PURE__ */ n("div", { className: "space-y-0.5", children: [
+        /* @__PURE__ */ e("div", { className: "font-medium", children: K }),
+        W && /* @__PURE__ */ e("div", { className: "text-[11px] opacity-80", children: W }),
+        p.role && /* @__PURE__ */ n("div", { className: "text-[11px] opacity-80", children: [
           "Role:",
           " ",
-          Qe(u.role.replace(/_/g, " "))
+          $e(p.role.replace(/_/g, " "))
         ] })
       ] }) })
     ] }) }) }),
     h ? /* @__PURE__ */ e(
-      Et,
+      Vt,
       {
-        open: N,
-        onOpenChange: o,
+        open: x,
+        onOpenChange: i,
         onSubmit: v,
         isCreating: M
       }
     ) : /* @__PURE__ */ e(
-      xt,
+      Et,
       {
-        open: N,
-        onOpenChange: o,
+        open: x,
+        onOpenChange: i,
         onSubmit: R,
-        isCreating: O
+        isCreating: T
       }
     )
   ] }) });
 }
 export {
-  Tt as ResourceManagementPanel
+  Ut as ResourceManagementPanel
 };