react-semaphor 0.1.142 → 0.1.144

package/dist/chunks/{resource-management-panel-CBXn6QHi.js → resource-management-panel-Chc6oyIG.js}

@@ -1,15 +1,14 @@
 import { jsx as e, jsxs as a, Fragment as me } from "react/jsx-runtime";
-import { b as We, u as de, f as qe, ao as ne, b5 as Je, b6 as Qe, c as ee, b7 as Ye, aG as Xe, aH as Ze, B as G, aI as $e, aJ as ke, aK as Q, b8 as ce, L as ie, b9 as et, ba as tt, bb as st, bc as Ne, bd as pe, be as at, bf as nt, I as it, bg as we, bh as re, bi as ye, bj as Ce, bk as rt, K as ve, R as Se, bl as Ve, aO as Ee, aP as Le, aQ as Te, aS as Ae, aT as Oe, aU as Pe, aV as Re, aW as Ie, bm as ot, bn as lt, bo as Ue, bp as je, bq as Me, br as dt, bs as Fe, bt as ct, aE as ae, an as ut, bu as ht, bv as Be, bw as mt, bx as pt, as as ft, at as gt, au as Dt, av as xt, aw as Nt, ax as be, ay as ue, aB as bt, by as wt, bz as yt, bA as Ct, bB as vt } from "./index-QdSI9E0a.js";
-import St, { useState as g, useEffect as he } from "react";
-import { a as ze } from "./use-visual-utils-BnCl386t.js";
-import { u as Vt } from "./use-click-outside-CMeO_QFI.js";
+import { b as We, u as ce, f as qe, ao as ie, b5 as Je, b6 as Qe, c as ee, b7 as Ye, aG as Xe, aH as Ze, B as G, aI as $e, aJ as ke, aK as Q, b8 as ue, L as re, b9 as et, ba as tt, bb as st, bc as Ne, bd as pe, be as at, bf as nt, I as it, bg as we, bh as oe, bi as ve, bj as ye, bk as rt, K as Ce, R as Se, bl as Ee, aO as Ve, aP as Le, aQ as Ae, aS as Te, aT as Oe, aU as Re, aV as Pe, aW as Ie, bm as ot, bn as lt, bo as Ue, bp as je, bq as Me, br as dt, bs as Fe, bt as ct, aE as ae, an as ut, bu as ht, bv as Be, bw as mt, bx as pt, as as ft, at as gt, au as Dt, av as xt, aw as Nt, ax as be, ay as he, aB as bt, by as wt, bz as vt, bA as yt, bB as Ct } from "./index-Do9K-YLk.js";
+import St, { useRef as Et, useEffect as ne, useState as x } from "react";
+import { a as ze } from "./use-visual-utils-Bf6l2e8y.js";
 /**
  * @license lucide-react v0.453.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Et = We("FolderOpen", [
+const Vt = We("FolderOpen", [
   [
     "path",
     {
@@ -18,6 +17,18 @@ const Et = We("FolderOpen", [
     }
   ]
 ]);
+function Lt(t, f = {}) {
+  const { enabled: m = !0, eventType: r = "mousedown" } = f, o = Et(null);
+  return ne(() => {
+    const g = (D) => {
+      const i = D.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 m && document.addEventListener(r, g), () => {
+      document.removeEventListener(r, g);
+    };
+  }, [t, m, r]), o;
+}
 function He() {
   return /* @__PURE__ */ e("div", { className: "space-y-1 px-2 py-2", children: [...Array(5)].map((t, f) => /* @__PURE__ */ a(
     "div",
@@ -34,43 +45,43 @@ function He() {
     f
   )) });
 }
-const Lt = (t) => {
-  const f = de((r) => r.isVisualEditing), p = de((r) => r.selectedFrameId), i = qe((r) => r.frame);
-  return !!(f && p && (i == null ? void 0 : i.visualId) === t);
+const At = (t) => {
+  const f = ce((o) => o.isVisualEditing), m = ce((o) => o.selectedFrameId), r = qe((o) => o.frame);
+  return !!(f && m && (r == null ? void 0 : r.visualId) === t);
 };
 function Tt({
   visual: t,
   isDeleting: f,
-  isDuplicating: p,
-  onAddVisual: i,
-  onOpenVisual: r,
-  onEditDetails: D,
-  onDeleteClick: x,
-  onDuplicateVisual: m,
+  isDuplicating: m,
+  onAddVisual: r,
+  onOpenVisual: o,
+  onEditDetails: g,
+  onDeleteClick: D,
+  onDuplicateVisual: i,
   // onTogglePrivacy,
   onShareVisual: N,
-  formatDate: S
+  formatDate: C
 }) {
-  var P, v, y, A;
-  const { selectVisual: l } = ne(), d = Je(t.id), h = Lt(t.id), { isConsoleMode: V } = Qe(), E = St.useRef(null), [b, C] = g(!1), [L, T] = g(!1);
-  he(() => {
-    p ? (C(!0), T(!0)) : L && (C(!1), T(!1));
-  }, [p, L]), he(() => {
-    h && E.current && E.current.scrollIntoView({
+  var R, S, v, T;
+  const { selectVisual: d } = ie(), c = Je(t.id), p = At(t.id), { isConsoleMode: E } = Qe(), V = St.useRef(null), [b, y] = x(!1), [L, A] = x(!1);
+  ne(() => {
+    m ? (y(!0), A(!0)) : L && (y(!1), A(!1));
+  }, [m, L]), ne(() => {
+    p && V.current && V.current.scrollIntoView({
       behavior: "smooth",
       block: "center"
     });
-  }, [h]);
+  }, [p]);
   const I = () => {
-    l(t), r == null || r(t);
+    d(t), o == null || o(t);
   };
   return /* @__PURE__ */ a(
     "div",
     {
-      ref: E,
+      ref: V,
       className: ee(
         "group flex cursor-pointer items-start gap-3 rounded-md px-2 py-2 transition-colors hover:bg-muted",
-        h ? "bg-purple-500/10" : d && "bg-muted/80"
+        p ? "bg-purple-500/10" : c && "bg-muted/80"
       ),
       onClick: I,
       children: [
@@ -90,7 +101,7 @@ function Tt({
               {
                 className: "truncate text-xs text-muted-foreground",
                 title: t.description || "No description",
-                children: (P = t.description) != null && P.trim() ? t.description : "No description"
+                children: (R = t.description) != null && R.trim() ? t.description : "No description"
               }
             )
           ] }),
@@ -98,25 +109,25 @@ function Tt({
             "div",
             {
               className: "flex flex-shrink-0 items-center gap-1",
-              onClick: (c) => c.stopPropagation(),
+              onClick: (u) => u.stopPropagation(),
               children: [
                 /* @__PURE__ */ e("div", { className: "opacity-0 transition-opacity group-hover:opacity-100", children: /* @__PURE__ */ a(
                   Xe,
                   {
                     modal: !1,
                     open: b,
-                    onOpenChange: C,
+                    onOpenChange: y,
                     children: [
                       /* @__PURE__ */ e(Ze, { asChild: !0, children: /* @__PURE__ */ e(G, { size: "sm", variant: "ghost", className: "h-6 w-6 p-0", children: /* @__PURE__ */ e($e, { className: "h-3 w-3" }) }) }),
                       /* @__PURE__ */ a(ke, { align: "end", className: "z-[51] w-40", children: [
                         /* @__PURE__ */ a(
                           Q,
                           {
-                            onClick: (c) => {
-                              c.stopPropagation(), i(t);
+                            onClick: (u) => {
+                              u.stopPropagation(), r(t);
                             },
                             children: [
-                              /* @__PURE__ */ e(ce, { className: "mr-2 h-3 w-3" }),
+                              /* @__PURE__ */ e(ue, { className: "mr-2 h-3 w-3" }),
                               "Add"
                             ]
                           }
@@ -124,11 +135,11 @@ function Tt({
                         /* @__PURE__ */ a(
                           Q,
                           {
-                            onClick: (c) => {
-                              c.stopPropagation(), r == null || r(t);
+                            onClick: (u) => {
+                              u.stopPropagation(), o == null || o(t);
                             },
                             children: [
-                              /* @__PURE__ */ e(Et, { className: "mr-2 h-3 w-3" }),
+                              /* @__PURE__ */ e(Vt, { className: "mr-2 h-3 w-3" }),
                               "Open"
                             ]
                           }
@@ -136,13 +147,13 @@ function Tt({
                         /* @__PURE__ */ a(
                           Q,
                           {
-                            onClick: (c) => {
-                              c.preventDefault(), c.stopPropagation(), m(t.id);
+                            onClick: (u) => {
+                              u.preventDefault(), u.stopPropagation(), i(t.id);
                             },
-                            disabled: p,
+                            disabled: m,
                             children: [
-                              p ? /* @__PURE__ */ e(ie, { className: "mr-2 h-3 w-3 animate-spin" }) : /* @__PURE__ */ e(et, { className: "mr-2 h-3 w-3" }),
-                              p ? "Duplicating..." : "Duplicate"
+                              m ? /* @__PURE__ */ e(re, { className: "mr-2 h-3 w-3 animate-spin" }) : /* @__PURE__ */ e(et, { className: "mr-2 h-3 w-3" }),
+                              m ? "Duplicating..." : "Duplicate"
                             ]
                           }
                         ),
@@ -150,8 +161,8 @@ function Tt({
                           /* @__PURE__ */ a(
                             Q,
                             {
-                              onClick: (c) => {
-                                c.stopPropagation(), D == null || D(t);
+                              onClick: (u) => {
+                                u.stopPropagation(), g == null || g(t);
                               },
                               children: [
                                 /* @__PURE__ */ e(tt, { className: "mr-2 h-3 w-3" }),
@@ -162,8 +173,8 @@ function Tt({
                           /* @__PURE__ */ a(
                             Q,
                             {
-                              onClick: (c) => {
-                                c.stopPropagation(), N(t);
+                              onClick: (u) => {
+                                u.stopPropagation(), N(t);
                               },
                               children: [
                                 /* @__PURE__ */ e(st, { className: "mr-2 h-3 w-3" }),
@@ -175,8 +186,8 @@ function Tt({
                           /* @__PURE__ */ a(
                             Q,
                             {
-                              onClick: (c) => {
-                                c.stopPropagation(), x(t);
+                              onClick: (u) => {
+                                u.stopPropagation(), D(t);
                               },
                               className: "text-destructive",
                               disabled: f,
@@ -189,13 +200,13 @@ function Tt({
                         ] }),
                         /* @__PURE__ */ e(Ne, {}),
                         /* @__PURE__ */ a("div", { className: "space-y-1 px-2 py-2 text-xs text-slate-500 dark:text-slate-400", children: [
-                          (((v = t.ownership.createdBy) == null ? void 0 : v.type) === "tenant" || ((y = t.ownership.createdBy) == null ? void 0 : y.type) === "organization" && V) && /* @__PURE__ */ a("div", { className: "flex items-center gap-1", children: [
+                          (((S = t.ownership.createdBy) == null ? void 0 : S.type) === "tenant" || ((v = t.ownership.createdBy) == null ? void 0 : v.type) === "organization" && E) && /* @__PURE__ */ a("div", { className: "flex items-center gap-1", children: [
                             /* @__PURE__ */ e(at, { className: "h-3 w-3" }),
-                            /* @__PURE__ */ e("span", { children: ((A = t.ownership.createdBy) == null ? void 0 : A.name) || "Unknown" })
+                            /* @__PURE__ */ e("span", { children: ((T = t.ownership.createdBy) == null ? void 0 : T.name) || "Unknown" })
                           ] }),
                           /* @__PURE__ */ a("div", { className: "flex items-center gap-1", children: [
                             /* @__PURE__ */ e(nt, { className: "h-3 w-3" }),
-                            /* @__PURE__ */ e("span", { children: S(t.lastModified) })
+                            /* @__PURE__ */ e("span", { children: C(t.lastModified) })
                           ] })
                         ] })
                       ] })
@@ -209,12 +220,12 @@ function Tt({
                     buttonProps: {
                       variant: "ghost",
                       size: "sm",
-                      onClick: (c) => {
-                        c.stopPropagation(), i(t);
+                      onClick: (u) => {
+                        u.stopPropagation(), r(t);
                       }
                     },
                     className: "h-6 w-6 p-0",
-                    children: /* @__PURE__ */ e(ce, { className: "h-3.5 w-3.5" })
+                    children: /* @__PURE__ */ e(ue, { className: "h-3.5 w-3.5" })
                   }
                 )
               ]
@@ -226,47 +237,47 @@ function Tt({
     t.id
   );
 }
-function At({ searchQuery: t }) {
-  const [f, p] = g(!1), [i, r] = g(
+function Ot({ searchQuery: t }) {
+  const [f, m] = x(!1), [r, o] = x(
     null
-  ), [D, x] = g(!1), [m, N] = g(null), [S, l] = g(null), [d, h] = g(
+  ), [g, D] = x(!1), [i, N] = x(null), [C, d] = x(null), [c, p] = x(
     null
-  ), { selectVisual: V } = ne(), { handleEditLibraryVisual: E, handleAddLibraryVisual: b } = ze(), {
-    resources: C,
+  ), { selectVisual: E } = ie(), { handleEditLibraryVisual: V, handleAddLibraryVisual: b } = ze(), {
+    resources: y,
     isLoading: L,
-    isError: T,
+    isError: A,
     updateResource: I,
-    deleteResource: P,
-    duplicateResource: v,
-    isDeleting: y
+    deleteResource: R,
+    duplicateResource: S,
+    isDeleting: v
   } = we(() => {
-    x(!1), N(null);
+    D(!1), N(null);
   });
-  re();
-  const A = C.filter(
+  oe();
+  const T = y.filter(
     (n) => {
-      var O, o;
-      return ((O = n == null ? void 0 : n.title) == null ? void 0 : O.toLowerCase().includes(t.toLowerCase())) || ((o = n == null ? void 0 : n.description) == null ? void 0 : o.toLowerCase().includes(t.toLowerCase()));
+      var O, l;
+      return ((O = n == null ? void 0 : n.title) == null ? void 0 : O.toLowerCase().includes(t.toLowerCase())) || ((l = n == null ? void 0 : n.description) == null ? void 0 : l.toLowerCase().includes(t.toLowerCase()));
     }
-  ), c = (n) => new Date(n).toLocaleDateString("en-US", {
+  ), u = (n) => new Date(n).toLocaleDateString("en-US", {
     month: "short",
     day: "numeric",
     year: "numeric"
   }), M = (n) => {
-    N(n), x(!0);
+    N(n), D(!0);
   }, Y = () => {
-    m && P(m.id);
+    i && R(i.id);
   }, {
     startUpdating: F,
     stopUpdating: W,
-    isUpdating: R
-  } = ye(), B = (n, O, o) => {
+    isUpdating: P
+  } = ve(), B = (n, O, l) => {
     var se;
     const J = Object.fromEntries(
       Object.entries(O).filter(([, j]) => j !== void 0)
     );
     if (Object.keys(J).length === 0) {
-      (se = o == null ? void 0 : o.onSuccess) == null || se.call(o);
+      (se = l == null ? void 0 : l.onSuccess) == null || se.call(l);
       return;
     }
     const te = Object.keys(J), k = te.length === 1 ? te[0] : void 0;
@@ -278,24 +289,24 @@ function At({ searchQuery: t }) {
       {
         onSuccess: () => {
           var j;
-          W(n, k), (j = o == null ? void 0 : o.onSuccess) == null || j.call(o);
+          W(n, k), (j = l == null ? void 0 : l.onSuccess) == null || j.call(l);
         },
         onError: () => {
           var j;
-          W(n, k), (j = o == null ? void 0 : o.onError) == null || j.call(o);
+          W(n, k), (j = l == null ? void 0 : l.onError) == null || j.call(l);
         }
       }
     );
   }, z = (n) => {
-    l(n), v(n, {
-      onSettled: () => l(null)
+    d(n), S(n, {
+      onSettled: () => d(null)
     });
   }, X = (n) => {
-    E(n);
+    V(n);
   }, H = (n) => {
     b(n);
   }, Z = (n) => {
-    const O = C.find((o) => o.id === n);
+    const O = y.find((l) => l.id === n);
     O && I({
       resourceId: n,
       data: {
@@ -303,25 +314,25 @@ function At({ searchQuery: t }) {
       }
     });
   }, _ = (n) => {
-    r(n), p(!0);
+    o(n), m(!0);
   }, q = (n) => {
-    h(n);
+    p(n);
   }, w = () => {
-    h(null);
+    p(null);
   }, $ = ({
     title: n,
     description: O
   }) => {
-    if (!d)
+    if (!c)
       return;
-    const o = {};
-    n !== d.title && (o.title = n), (d.description || "") !== O && (o.description = O), B(d.id, o, {
+    const l = {};
+    n !== c.title && (l.title = n), (c.description || "") !== O && (l.description = O), B(c.id, l, {
       onSuccess: () => {
-        h(null);
+        p(null);
       }
     });
   };
-  return L ? /* @__PURE__ */ e(He, {}) : T ? /* @__PURE__ */ e(Ce, { className: "w-full flex-1 pr-2", children: /* @__PURE__ */ a("div", { className: "py-8 text-center text-muted-foreground", children: [
+  return L ? /* @__PURE__ */ e(He, {}) : A ? /* @__PURE__ */ e(ye, { className: "w-full flex-1 pr-2", children: /* @__PURE__ */ a("div", { className: "py-8 text-center text-muted-foreground", children: [
     /* @__PURE__ */ e("p", { className: "text-sm text-destructive", children: "Failed to load visuals" }),
     /* @__PURE__ */ e(
       G,
@@ -334,11 +345,11 @@ function At({ searchQuery: t }) {
       }
     )
   ] }) }) : /* @__PURE__ */ a("div", { className: "flex h-full flex-1 flex-col", children: [
-    /* @__PURE__ */ e("div", { className: "flex flex-1 basis-0 flex-col gap-3 overflow-y-auto", children: A.length === 0 ? /* @__PURE__ */ a("div", { className: "py-8 text-center", children: [
+    /* @__PURE__ */ e("div", { className: "flex flex-1 basis-0 flex-col gap-3 overflow-y-auto", children: T.length === 0 ? /* @__PURE__ */ a("div", { className: "py-8 text-center", children: [
       /* @__PURE__ */ e("div", { className: "mb-3", children: /* @__PURE__ */ e(rt, { className: "mx-auto h-12 w-12 text-muted-foreground/50" }) }),
       /* @__PURE__ */ e("h3", { className: "mb-1 font-medium text-foreground", children: t ? "No visuals found" : "No visuals yet" }),
       /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: t ? "Try adjusting your search" : 'Click "Create" above to add your first visual' })
-    ] }) : A.map((n) => /* @__PURE__ */ e(
+    ] }) : T.map((n) => /* @__PURE__ */ e(
       Tt,
       {
         visual: n,
@@ -349,52 +360,52 @@ function At({ searchQuery: t }) {
         onDuplicateVisual: z,
         onTogglePrivacy: Z,
         onShareVisual: _,
-        isDeleting: y,
-        isDuplicating: S === n.id,
-        formatDate: c
+        isDeleting: v,
+        isDuplicating: C === n.id,
+        formatDate: u
       },
       n.id
     )) }),
-    f && i && /* @__PURE__ */ e(
-      ve,
+    f && r && /* @__PURE__ */ e(
+      Ce,
       {
-        resource: i,
+        resource: r,
         resourceType: Se.VISUAL,
         onClose: () => {
-          p(!1), r(null);
+          m(!1), o(null);
         }
       }
     ),
-    d && /* @__PURE__ */ e(
-      Ve,
+    c && /* @__PURE__ */ e(
+      Ee,
       {
-        open: !!d,
+        open: !!c,
         resourceLabel: "Visual",
-        initialTitle: d.title || "",
-        initialDescription: d.description || "",
+        initialTitle: c.title || "",
+        initialDescription: c.description || "",
         onClose: w,
         onSave: $,
-        isSaving: R(d.id)
+        isSaving: P(c.id)
       }
     ),
     /* @__PURE__ */ e(
-      Ee,
+      Ve,
       {
-        open: D,
+        open: g,
         onOpenChange: (n) => {
-          !n && y || (x(n), n || N(null));
+          !n && v || (D(n), n || N(null));
         },
         children: /* @__PURE__ */ a(Le, { children: [
-          /* @__PURE__ */ a(Te, { children: [
-            /* @__PURE__ */ e(Ae, { children: "Delete Visual" }),
+          /* @__PURE__ */ a(Ae, { children: [
+            /* @__PURE__ */ e(Te, { children: "Delete Visual" }),
             /* @__PURE__ */ a(Oe, { children: [
               'Are you sure you want to delete "',
-              m == null ? void 0 : m.title,
+              i == null ? void 0 : i.title,
               '"? This action cannot be undone.'
             ] })
           ] }),
-          /* @__PURE__ */ a(Pe, { children: [
-            /* @__PURE__ */ e(Re, { disabled: y, children: "Cancel" }),
+          /* @__PURE__ */ a(Re, { children: [
+            /* @__PURE__ */ e(Pe, { disabled: v, children: "Cancel" }),
             /* @__PURE__ */ a(
               Ie,
               {
@@ -402,10 +413,10 @@ function At({ searchQuery: t }) {
                   n.preventDefault(), n.stopPropagation(), Y();
                 },
                 className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-                disabled: y,
+                disabled: v,
                 children: [
-                  y ? /* @__PURE__ */ e(ie, { className: "mr-2 h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ e(pe, { className: "mr-2 h-3.5 w-3.5" }),
-                  y ? "Deleting..." : "Delete"
+                  v ? /* @__PURE__ */ e(re, { className: "mr-2 h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ e(pe, { className: "mr-2 h-3.5 w-3.5" }),
+                  v ? "Deleting..." : "Delete"
                 ]
               }
             )
@@ -415,33 +426,33 @@ function At({ searchQuery: t }) {
     )
   ] });
 }
-function Ot({
+function Rt({
   dashboard: t,
   isDeleting: f,
-  isDuplicating: p,
-  isDefault: i,
-  onLoadDashboard: r,
-  onEditDetails: D,
-  onDeleteClick: x,
-  onDuplicateDashboard: m,
+  isDuplicating: m,
+  isDefault: r,
+  onLoadDashboard: o,
+  onEditDetails: g,
+  onDeleteClick: D,
+  onDuplicateDashboard: i,
   onShareDashboard: N,
-  formatDate: S,
-  onDashboardItemClick: l
+  formatDate: C,
+  onDashboardItemClick: d
 }) {
-  var P, v;
-  const { selectDashboard: d } = ne(), h = ot(t.id), { userContext: V, isLoading: E } = re(), { mutate: b } = lt(), C = ((P = V == null ? void 0 : V.permissions) == null ? void 0 : P.canEdit) ?? !1, L = E || !C, T = () => {
-    d(t), r(t.id), l == null || l(t.id);
-  }, I = (y) => {
-    y.stopPropagation(), b({ dashboardId: i ? null : t.id });
+  var R, S;
+  const { selectDashboard: c } = ie(), p = ot(t.id), { userContext: E, isLoading: V } = oe(), { mutate: b } = lt(), y = ((R = E == null ? void 0 : E.permissions) == null ? void 0 : R.canEdit) ?? !1, L = V || !y, A = () => {
+    c(t), o(t.id), d == null || d(t.id);
+  }, I = (v) => {
+    v.stopPropagation(), b({ dashboardId: r ? null : t.id });
   };
   return /* @__PURE__ */ e(Ue, { children: /* @__PURE__ */ a(
     "div",
     {
       className: ee(
         "group flex cursor-pointer items-start gap-3 rounded-md px-2 py-2 transition-colors hover:bg-muted",
-        h && "bg-muted/80"
+        p && "bg-muted/80"
       ),
-      onClick: T,
+      onClick: A,
       children: [
         /* @__PURE__ */ a(je, { children: [
           /* @__PURE__ */ e(Me, { asChild: !0, children: /* @__PURE__ */ e(
@@ -454,13 +465,13 @@ function Ot({
                 {
                   className: ee(
                     "h-4 w-4 transition-colors",
-                    i ? "fill-yellow-400 text-yellow-400" : "text-muted-foreground/40 hover:text-yellow-400"
+                    r ? "fill-yellow-400 text-yellow-400" : "text-muted-foreground/40 hover:text-yellow-400"
                   )
                 }
               )
             }
           ) }),
-          /* @__PURE__ */ e(Fe, { side: "right", className: "text-xs", children: i ? "Remove as default" : "Set as default" })
+          /* @__PURE__ */ e(Fe, { side: "right", className: "text-xs", children: r ? "Remove as default" : "Set as default" })
         ] }),
         /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ a("div", { className: "flex items-start justify-between gap-2", children: [
           /* @__PURE__ */ a("div", { className: "min-w-0 flex-1", children: [
@@ -477,7 +488,7 @@ function Ot({
               {
                 className: "truncate text-xs text-muted-foreground",
                 title: t.description || "No description",
-                children: (v = t.description) != null && v.trim() ? t.description : "No description"
+                children: (S = t.description) != null && S.trim() ? t.description : "No description"
               }
             )
           ] }),
@@ -486,13 +497,13 @@ function Ot({
             {
               dashboard: t,
               isDeleting: f,
-              isDuplicating: p,
+              isDuplicating: m,
               shouldHideActions: L,
-              onEditDetails: D,
-              onDeleteClick: x,
-              onDuplicateDashboard: m,
+              onEditDetails: g,
+              onDeleteClick: D,
+              onDuplicateDashboard: i,
               onShareDashboard: N,
-              formatDate: S
+              formatDate: C
             }
           ) })
         ] }) })
@@ -502,89 +513,89 @@ function Ot({
   ) });
 }
 function Pt({ onRetry: t }) {
-  return /* @__PURE__ */ e(Ce, { className: "w-full flex-1 pr-2", children: /* @__PURE__ */ a("div", { className: "py-8 text-center text-muted-foreground", children: [
+  return /* @__PURE__ */ e(ye, { className: "w-full flex-1 pr-2", children: /* @__PURE__ */ a("div", { className: "py-8 text-center text-muted-foreground", children: [
     /* @__PURE__ */ e("p", { className: "text-sm text-destructive", children: "Failed to load dashboards" }),
     /* @__PURE__ */ e(G, { variant: "outline", size: "sm", className: "mt-2", onClick: t, children: "Retry" })
   ] }) });
 }
-function Rt(t) {
+function It(t) {
   var fe, ge;
-  const { searchQuery: f, onLoadDashboard: p, onEditDashboard: i, onDashboardItemClick: r } = t, [D, x] = g(!1), [m, N] = g(
+  const { searchQuery: f, onLoadDashboard: m, onEditDashboard: r, onDashboardItemClick: o } = t, [g, D] = x(!1), [i, N] = x(
     null
-  ), [S, l] = g(!1), [d, h] = g(null), [V, E] = g(null), [b, C] = g(null), L = ae(
+  ), [C, d] = x(!1), [c, p] = x(null), [E, V] = x(null), [b, y] = x(null), L = ae(
     (s) => s.lastSelectedDashboard
-  ), T = ae(
+  ), A = ae(
     (s) => s.selectedDashboard
   ), I = ae(
     (s) => s.actions.selectDashboard
-  ), P = ae(
+  ), R = ae(
     (s) => s.actions.clearSelectedDashboard
-  ), { tokenProps: v, id: y } = ut();
+  ), { tokenProps: S, id: v } = ut();
   ht();
   const {
-    resources: A,
-    isLoading: c,
+    resources: T,
+    isLoading: u,
     isError: M,
     updateResource: Y,
     deleteResource: F,
     duplicateResource: W,
-    isDeleting: R
+    isDeleting: P
   } = Be(() => {
-    l(!1);
-    const s = d == null ? void 0 : d.id;
-    h(null), (T == null ? void 0 : T.id) === s && (!(v != null && v.dashboard_id) && !y ? P() : L && L.id !== s && I(L));
-  }), { currentUser: B, userContext: z } = re(), X = ((fe = z == null ? void 0 : z.permissions) == null ? void 0 : fe.canCreateDashboard) ?? !1, { data: H } = mt(), Z = ((ge = H == null ? void 0 : H.preference) == null ? void 0 : ge.defaultDashboardId) || null, _ = A.filter(
+    d(!1);
+    const s = c == null ? void 0 : c.id;
+    p(null), (A == null ? void 0 : A.id) === s && (!(S != null && S.dashboard_id) && !v ? R() : L && L.id !== s && I(L));
+  }), { currentUser: B, userContext: z } = oe(), X = ((fe = z == null ? void 0 : z.permissions) == null ? void 0 : fe.canCreateDashboard) ?? !1, { data: H } = mt(), Z = ((ge = H == null ? void 0 : H.preference) == null ? void 0 : ge.defaultDashboardId) || null, _ = T.filter(
     (s) => {
-      var U, u;
-      return ((U = s == null ? void 0 : s.title) == null ? void 0 : U.toLowerCase().includes(f.toLowerCase())) || ((u = s == null ? void 0 : s.description) == null ? void 0 : u.toLowerCase().includes(f.toLowerCase()));
+      var U, h;
+      return ((U = s == null ? void 0 : s.title) == null ? void 0 : U.toLowerCase().includes(f.toLowerCase())) || ((h = s == null ? void 0 : s.description) == null ? void 0 : h.toLowerCase().includes(f.toLowerCase()));
     }
   ), q = (s) => new Date(s).toLocaleDateString("en-US", {
     month: "short",
     day: "numeric",
     year: "numeric"
   }), w = (s) => {
-    p == null || p(s);
+    m == null || m(s);
   }, $ = (s) => {
-    h(s), l(!0);
+    p(s), d(!0);
   }, n = () => {
-    d && F(d.id);
+    c && F(c.id);
   }, O = (s) => {
-    E(s), W(s, {
-      onSettled: () => E(null)
+    V(s), W(s, {
+      onSettled: () => V(null)
     });
   }, {
-    startUpdating: o,
+    startUpdating: l,
     stopUpdating: J,
     isUpdating: te
-  } = ye(), k = (s, U, u) => {
+  } = ve(), k = (s, U, h) => {
     var xe;
-    const oe = Object.fromEntries(
+    const le = Object.fromEntries(
       Object.entries(U).filter(([, K]) => K !== void 0)
     );
-    if (Object.keys(oe).length === 0) {
-      (xe = u == null ? void 0 : u.onSuccess) == null || xe.call(u);
+    if (Object.keys(le).length === 0) {
+      (xe = h == null ? void 0 : h.onSuccess) == null || xe.call(h);
       return;
     }
-    const De = Object.keys(oe), le = De.length === 1 ? De[0] : void 0;
-    o(s, le), Y(
+    const De = Object.keys(le), de = De.length === 1 ? De[0] : void 0;
+    l(s, de), Y(
       {
         resourceId: s,
-        data: oe
+        data: le
       },
       {
         onSuccess: () => {
           var K;
-          J(s, le), (K = u == null ? void 0 : u.onSuccess) == null || K.call(u);
+          J(s, de), (K = h == null ? void 0 : h.onSuccess) == null || K.call(h);
         },
         onError: () => {
           var K;
-          J(s, le), (K = u == null ? void 0 : u.onError) == null || K.call(u);
+          J(s, de), (K = h == null ? void 0 : h.onError) == null || K.call(h);
         }
       }
     );
   }, se = (s) => {
-    const U = A.find(
-      (u) => u.id === s
+    const U = T.find(
+      (h) => h.id === s
     );
     U && Y({
       resourceId: s,
@@ -593,35 +604,35 @@ function Rt(t) {
       }
     });
   }, j = (s) => {
-    N(s), B == null || B.type, x(!0);
+    N(s), B == null || B.type, D(!0);
   }, _e = (s) => {
-    i == null || i(s.id), C(s);
+    r == null || r(s.id), y(s);
   }, Ke = () => {
-    C(null);
+    y(null);
   }, Ge = ({
     title: s,
     description: U
   }) => {
     if (!b)
       return;
-    const u = {};
-    s !== b.title && (u.title = s), (b.description || "") !== U && (u.description = U), k(b.id, u, {
+    const h = {};
+    s !== b.title && (h.title = s), (b.description || "") !== U && (h.description = U), k(b.id, h, {
       onSuccess: () => {
-        C(null);
+        y(null);
       }
     });
   };
-  return c ? /* @__PURE__ */ e(He, {}) : M ? /* @__PURE__ */ e(Pt, { onRetry: () => window.location.reload() }) : /* @__PURE__ */ a("div", { className: "flex h-full flex-1 flex-col", children: [
+  return u ? /* @__PURE__ */ e(He, {}) : M ? /* @__PURE__ */ e(Pt, { onRetry: () => window.location.reload() }) : /* @__PURE__ */ a("div", { className: "flex h-full flex-1 flex-col", children: [
     /* @__PURE__ */ e("div", { className: "flex flex-1 basis-0 flex-col gap-3 overflow-y-auto", children: _.length === 0 ? /* @__PURE__ */ a("div", { className: "py-8 text-center", children: [
       /* @__PURE__ */ e("div", { className: "mb-3", children: /* @__PURE__ */ e(pt, { className: "mx-auto h-12 w-12 text-muted-foreground/50" }) }),
       /* @__PURE__ */ e("h3", { className: "mb-1 font-medium text-foreground", children: f ? "No dashboards found" : "No dashboards yet" }),
       /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: f ? "Try adjusting your search" : X ? 'Click "Create" above to add your first dashboard' : "No dashboards have been shared with you yet" })
     ] }) : _.map((s) => /* @__PURE__ */ e(
-      Ot,
+      Rt,
       {
         dashboard: s,
-        isDeleting: R,
-        isDuplicating: V === s.id,
+        isDeleting: P,
+        isDuplicating: E === s.id,
         isDefault: s.id === Z,
         onLoadDashboard: w,
         onEditDetails: _e,
@@ -630,38 +641,38 @@ function Rt(t) {
         onTogglePrivacy: se,
         onShareDashboard: j,
         formatDate: q,
-        onDashboardItemClick: r
+        onDashboardItemClick: o
       },
       s.id
     )) }),
-    D && m && /* @__PURE__ */ e(
-      ve,
+    g && i && /* @__PURE__ */ e(
+      Ce,
       {
-        resource: m,
+        resource: i,
         resourceType: Se.DASHBOARD,
         onClose: () => {
-          x(!1), N(null);
+          D(!1), N(null);
         }
       }
     ),
     /* @__PURE__ */ e(
-      Ee,
+      Ve,
       {
-        open: S,
+        open: C,
         onOpenChange: (s) => {
-          !s && R || (l(s), s || h(null));
+          !s && P || (d(s), s || p(null));
         },
         children: /* @__PURE__ */ a(Le, { children: [
-          /* @__PURE__ */ a(Te, { children: [
-            /* @__PURE__ */ e(Ae, { children: "Delete Dashboard" }),
+          /* @__PURE__ */ a(Ae, { children: [
+            /* @__PURE__ */ e(Te, { children: "Delete Dashboard" }),
             /* @__PURE__ */ a(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__ */ a(Pe, { children: [
-            /* @__PURE__ */ e(Re, { disabled: R, children: "Cancel" }),
+          /* @__PURE__ */ a(Re, { children: [
+            /* @__PURE__ */ e(Pe, { disabled: P, children: "Cancel" }),
             /* @__PURE__ */ a(
               Ie,
               {
@@ -669,10 +680,10 @@ function Rt(t) {
                   s.preventDefault(), s.stopPropagation(), n();
                 },
                 className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-                disabled: R,
+                disabled: P,
                 children: [
-                  R ? /* @__PURE__ */ e(ie, { className: "mr-2 h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ e(pe, { className: "mr-2 h-3.5 w-3.5" }),
-                  R ? "Deleting..." : "Delete"
+                  P ? /* @__PURE__ */ e(re, { className: "mr-2 h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ e(pe, { className: "mr-2 h-3.5 w-3.5" }),
+                  P ? "Deleting..." : "Delete"
                 ]
               }
             )
@@ -681,7 +692,7 @@ function Rt(t) {
       }
     ),
     b && /* @__PURE__ */ e(
-      Ve,
+      Ee,
       {
         open: !!b,
         resourceLabel: "Dashboard",
@@ -694,22 +705,22 @@ function Rt(t) {
     )
   ] });
 }
-function It({
+function Ut({
   open: t,
   onOpenChange: f,
-  onSubmit: p,
-  isCreating: i
+  onSubmit: m,
+  isCreating: r
 }) {
-  const [r, D] = g(""), [x, m] = g("");
-  he(() => {
-    t || (D(""), m(""));
+  const [o, g] = x(""), [D, i] = x("");
+  ne(() => {
+    t || (g(""), i(""));
   }, [t]);
   const N = () => {
-    r.trim() && p({ title: r, description: x });
-  }, S = (l) => {
-    f(l);
+    o.trim() && m({ title: o, description: D });
+  }, C = (d) => {
+    f(d);
   };
-  return /* @__PURE__ */ e(ft, { open: t, onOpenChange: S, children: /* @__PURE__ */ a(gt, { children: [
+  return /* @__PURE__ */ e(ft, { open: t, onOpenChange: C, children: /* @__PURE__ */ a(gt, { children: [
     /* @__PURE__ */ a(Dt, { children: [
       /* @__PURE__ */ e(xt, { children: "Create New Visual" }),
       /* @__PURE__ */ e(Nt, { children: "Add a new visual to your library. You can configure it after creation." })
@@ -718,15 +729,15 @@ function It({
       /* @__PURE__ */ a("div", { className: "space-y-2", children: [
         /* @__PURE__ */ e(be, { htmlFor: "title", children: "Visual Title" }),
         /* @__PURE__ */ e(
-          ue,
+          he,
           {
             id: "title",
             placeholder: "Enter visual title...",
-            value: r,
-            onChange: (l) => D(l.target.value),
-            disabled: i,
-            onKeyDown: (l) => {
-              l.key === "Enter" && !l.shiftKey && (l.preventDefault(), N());
+            value: o,
+            onChange: (d) => g(d.target.value),
+            disabled: r,
+            onKeyDown: (d) => {
+              d.key === "Enter" && !d.shiftKey && (d.preventDefault(), N());
             }
           }
         )
@@ -734,13 +745,13 @@ function It({
       /* @__PURE__ */ a("div", { className: "space-y-2", children: [
         /* @__PURE__ */ e(be, { htmlFor: "description", children: "Description (optional)" }),
         /* @__PURE__ */ e(
-          ue,
+          he,
           {
             id: "description",
             placeholder: "Enter visual description...",
-            value: x,
-            onChange: (l) => m(l.target.value),
-            disabled: i
+            value: D,
+            onChange: (d) => i(d.target.value),
+            disabled: r
           }
         )
       ] })
@@ -750,8 +761,8 @@ function It({
         G,
         {
           variant: "outline",
-          onClick: () => S(!1),
-          disabled: i,
+          onClick: () => C(!1),
+          disabled: r,
           children: "Cancel"
         }
       ),
@@ -759,9 +770,9 @@ function It({
         G,
         {
           onClick: N,
-          disabled: !r.trim() || i,
-          children: i ? /* @__PURE__ */ a(me, { children: [
-            /* @__PURE__ */ e(ie, { className: "mr-2 h-4 w-4 animate-spin" }),
+          disabled: !o.trim() || r,
+          children: r ? /* @__PURE__ */ a(me, { children: [
+            /* @__PURE__ */ e(re, { className: "mr-2 h-4 w-4 animate-spin" }),
             "Creating..."
           ] }) : "Create Visual"
         }
@@ -772,118 +783,118 @@ function It({
 function zt({
   isOpen: t,
   onClose: f,
-  className: p,
-  onDashboardItemClick: i,
-  variant: r = "inline"
+  className: m,
+  onDashboardItemClick: r,
+  variant: o = "inline"
 }) {
   var _, q;
-  const D = de(
+  const g = ce(
     (w) => w.isDashboardEditing
-  ), [x, m] = g(!1), [N, S] = g(""), [l, d] = g(!1), { currentUser: h, userContext: V } = re(), E = ((_ = V == null ? void 0 : V.permissions) == null ? void 0 : _.canCreateDashboard) ?? !1, { onCreateSuccess: b } = wt({
-    onDashboardSelect: i
-  }), { selectVisual: C } = ne(), { handleEditLibraryVisual: L } = ze(), {
-    createResource: T,
+  ), [D, i] = x(!1), [N, C] = x(""), [d, c] = x(!1), { currentUser: p, userContext: E } = oe(), V = ((_ = E == null ? void 0 : E.permissions) == null ? void 0 : _.canCreateDashboard) ?? !1, { onCreateSuccess: b } = wt({
+    onDashboardSelect: r
+  }), { selectVisual: y } = ie(), { handleEditLibraryVisual: L } = ze(), {
+    createResource: A,
     isCreating: I,
-    refetch: P
-  } = Be(), { createResource: v, isCreating: y } = we(
+    refetch: R
+  } = Be(), { createResource: S, isCreating: v } = we(
     void 0,
     // onDeleteSuccess (not needed here)
     (w) => {
-      m(!1), w && (C(w), L(w));
+      i(!1), w && (y(w), L(w));
     }
-  ), A = r === "overlay", c = ((h == null ? void 0 : h.name) ?? "").trim(), M = ((h == null ? void 0 : h.email) ?? "").trim(), F = c && c.toLowerCase() !== "undefined" ? c : M || "Current user", W = ((q = F.charAt(0)) == null ? void 0 : q.toUpperCase()) || "?", R = M && M.toLowerCase() !== "undefined" ? M : "", B = Vt(f, {
-    enabled: t && A
+  ), T = o === "overlay", u = ((p == null ? void 0 : p.name) ?? "").trim(), M = ((p == null ? void 0 : p.email) ?? "").trim(), F = u && u.toLowerCase() !== "undefined" ? u : M || "Current user", W = ((q = F.charAt(0)) == null ? void 0 : q.toUpperCase()) || "?", P = M && M.toLowerCase() !== "undefined" ? M : "", B = Lt(f, {
+    enabled: t && T
   }), z = ee(
     "flex h-full flex-col border-r bg-background",
-    A ? ee(
+    T ? ee(
       "absolute inset-y-0 left-0 z-[51] w-60 shadow-lg transition-transform duration-300 ease-in-out",
       t ? "translate-x-0" : "pointer-events-none -translate-x-full"
     ) : "w-full max-w-[17rem] min-w-[11rem] overflow-hidden shadow-sm",
-    p
+    m
   ), X = (w) => {
   }, H = (w) => {
     console.log("Editing dashboard:", w);
   }, Z = (w) => {
-    T(w, {
+    A(w, {
       onSuccess: ($) => {
-        m(!1), b($, P);
+        i(!1), b($, R);
       }
     });
   };
-  return /* @__PURE__ */ e(me, { children: (!A || t) && /* @__PURE__ */ a("div", { ref: B, className: z, children: [
+  return /* @__PURE__ */ e(me, { children: (!T || t) && /* @__PURE__ */ a("div", { ref: B, className: z, children: [
     /* @__PURE__ */ a("div", { className: "border-b border-border", children: [
       /* @__PURE__ */ a("div", { className: "flex items-center justify-between px-4 py-1.5", children: [
-        /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e("h2", { className: "whitespace-nowrap text-sm font-semibold", children: D ? "Visuals" : "Dashboards" }) }),
+        /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e("h2", { className: "whitespace-nowrap text-sm font-semibold", children: g ? "Visuals" : "Dashboards" }) }),
         /* @__PURE__ */ a("div", { className: "flex items-center gap-0", children: [
           /* @__PURE__ */ e(
             G,
             {
               size: "sm",
               variant: "ghost",
-              onClick: () => d(!l),
+              onClick: () => c(!d),
               className: "h-8 w-8 p-0",
-              children: /* @__PURE__ */ e(yt, { className: "h-3.5 w-3.5" })
+              children: /* @__PURE__ */ e(vt, { className: "h-3.5 w-3.5" })
             }
           ),
-          (D || E) && /* @__PURE__ */ e(
+          (g || V) && /* @__PURE__ */ e(
             G,
             {
               size: "sm",
               variant: "ghost",
               className: "h-8 w-8 whitespace-nowrap p-0",
-              onClick: () => m(!0),
-              children: /* @__PURE__ */ e(ce, { className: "h-3.5 w-3.5" })
+              onClick: () => i(!0),
+              children: /* @__PURE__ */ e(ue, { className: "h-3.5 w-3.5" })
             }
           )
         ] })
       ] }),
-      l && /* @__PURE__ */ e("div", { className: "bg-muted/30 px-4 pb-3", children: /* @__PURE__ */ e(
-        ue,
+      d && /* @__PURE__ */ e("div", { className: "bg-muted/30 px-4 pb-3", children: /* @__PURE__ */ e(
+        he,
         {
           placeholder: "Search...",
           value: N,
-          onChange: (w) => S(w.target.value),
+          onChange: (w) => C(w.target.value),
           className: "h-8 border-muted-foreground/20 bg-background text-sm focus-visible:border-muted-foreground/40 focus-visible:ring-0 focus-visible:ring-offset-0",
           autoFocus: !0
         }
       ) })
     ] }),
-    /* @__PURE__ */ e("div", { className: "flex flex-1 flex-col overflow-auto px-2 py-2", children: D ? /* @__PURE__ */ e(At, { searchQuery: N }) : /* @__PURE__ */ e(
-      Rt,
+    /* @__PURE__ */ e("div", { className: "flex flex-1 flex-col overflow-auto px-2 py-2", children: g ? /* @__PURE__ */ e(Ot, { searchQuery: N }) : /* @__PURE__ */ e(
+      It,
       {
         searchQuery: N,
         onLoadDashboard: X,
         onEditDashboard: H,
-        onDashboardItemClick: i
+        onDashboardItemClick: r
       }
     ) }),
-    h && /* @__PURE__ */ e(Ue, { children: /* @__PURE__ */ e("div", { className: "border-t border-border px-4 py-2", children: /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
+    p && /* @__PURE__ */ e(Ue, { children: /* @__PURE__ */ e("div", { className: "border-t border-border px-4 py-2", children: /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ a(je, { children: [
         /* @__PURE__ */ e(Me, { asChild: !0, children: /* @__PURE__ */ e("div", { className: "flex h-6 w-6 cursor-default items-center justify-center rounded-full bg-primary/10", children: /* @__PURE__ */ e("span", { className: "text-xs font-medium text-primary", children: W }) }) }),
         /* @__PURE__ */ e(Fe, { side: "top", className: "max-w-xs", children: /* @__PURE__ */ a("div", { className: "space-y-1", children: [
           /* @__PURE__ */ e("div", { className: "font-medium", children: F }),
-          R && /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground", children: R }),
-          h.role && /* @__PURE__ */ a("div", { className: "text-xs text-muted-foreground", children: [
+          P && /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground", children: P }),
+          p.role && /* @__PURE__ */ a("div", { className: "text-xs text-muted-foreground", children: [
             "Role: ",
-            Ct(h.role.replace(/_/g, " "))
+            yt(p.role.replace(/_/g, " "))
           ] })
         ] }) })
       ] }),
       /* @__PURE__ */ e("span", { className: "truncate text-xs text-muted-foreground", children: F })
     ] }) }) }),
-    D ? /* @__PURE__ */ e(
-      It,
+    g ? /* @__PURE__ */ e(
+      Ut,
       {
-        open: x,
-        onOpenChange: m,
-        onSubmit: v,
-        isCreating: y
+        open: D,
+        onOpenChange: i,
+        onSubmit: S,
+        isCreating: v
       }
     ) : /* @__PURE__ */ e(
-      vt,
+      Ct,
       {
-        open: x,
-        onOpenChange: m,
+        open: D,
+        onOpenChange: i,
         onSubmit: Z,
         isCreating: I
       }