react-semaphor 0.1.102 → 0.1.103

package/dist/chunks/{dashboard-controls-BcI9OPvx.js → dashboard-controls-DAzaYym5.js}

@@ -1,17 +1,17 @@
-import { jsxs as n, jsx as e, Fragment as E } from "react/jsx-runtime";
-import { b as J, bp as Ns, bq as ys, u as y, aC as Ce, aD as Se, B as k, aF as Me, aG as W, br as ke, a8 as Ve, aj as R, ao as oe, bs as ws, aU as Le, ap as ie, aq as le, ar as ce, as as Pe, at as te, bt as Q, ax as Qe, I as V, bu as xs, aW as Ds, bv as Cs, bw as qe, bx as He, c as X, by as Be, bz as Ss, bA as Ms, bB as ks, bC as Ls, bD as Ps, ah as C, z as ze, ad as de, bE as ue, bF as Ke, av as As, bG as Is, ac as H, aR as _, bH as Es, bI as Fs, bJ as Ts, bK as We, bL as Je, bM as re, bN as ne, bj as be, aM as ve, bO as Ne, aX as Xe, bP as ye, aw as Ye, a$ as Ze, bQ as Gs, b3 as Rs, b4 as Os, b5 as Us, b6 as qs, b7 as zs, b8 as _s, b9 as $s, ba as js, bR as Vs, aO as Qs, be as Hs, bS as Bs, bT as Ks, aa as _e, aA as se, bU as Ws, R as fe, bV as Js, bW as Xs, bX as Ys, bY as Zs, y as ea, bZ as sa, b_ as aa, b$ as ta, c0 as ra, v as na } from "./index-DLEb3N-R.js";
+import { jsxs as r, jsx as e, Fragment as E } from "react/jsx-runtime";
+import { b as J, bp as vs, bq as Ns, u as y, aC as Ce, aD as Se, B as k, aF as Me, aG as W, br as ke, a8 as Ve, aj as R, ao as oe, bs as ys, aU as Le, ap as ie, aq as le, ar as ce, as as Pe, at as te, bt as Q, ax as Qe, I as V, bu as ws, aW as xs, bv as Ds, bw as qe, bx as He, c as X, by as Be, bz as Cs, bA as Ss, bB as Ms, bC as ks, bD as Ls, ah as C, z as ze, ad as de, bE as ue, bF as Ke, av as Ps, bG as As, ac as H, aR as $, bH as Is, bI as Es, bJ as Fs, bK as We, bL as Je, bM as re, bN as ne, bj as be, aM as ve, bO as Ne, aX as Xe, bP as ye, aw as Ye, a$ as Ze, bQ as Ts, b3 as Gs, b4 as Rs, b5 as Os, b6 as Us, b7 as qs, b8 as zs, b9 as $s, ba as js, bR as _s, aO as Vs, be as Qs, bS as Hs, bT as Bs, aa as $e, aA as se, bU as Ks, R as fe, bV as Ws, bW as Js, bX as Xs, bY as Ys, y as Zs, bZ as ea, b_ as sa, b$ as aa, c0 as ta, v as ra } from "./index-CPOSsRox.js";
 import * as S from "react";
-import { useState as w, useMemo as ae, useEffect as oa } from "react";
+import { useState as w, useMemo as ae, useEffect as na } from "react";
 import "react-dom";
-import { g as we, A as ia, V as la, S as ca } from "./schedule-dashboard-fjtSpUVj.js";
-import { S as $e } from "./editor-action-buttons-D74G-fOO.js";
+import { g as we, A as oa, V as ia, S as la } from "./schedule-dashboard-CUvbs5p8.js";
+import { S as je } from "./editor-action-buttons-Bw5bnTxX.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 da = J("Glasses", [
+const ca = J("Glasses", [
   ["circle", { cx: "6", cy: "15", r: "4", key: "vux9w4" }],
   ["circle", { cx: "18", cy: "15", r: "4", key: "18o8ve" }],
   ["path", { d: "M14 15a2 2 0 0 0-2-2 2 2 0 0 0-2 2", key: "1ag4bs" }],
@@ -24,7 +24,7 @@ const da = J("Glasses", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ua = J("Menu", [
+const da = J("Menu", [
   ["line", { x1: "4", x2: "20", y1: "12", y2: "12", key: "1e0a9i" }],
   ["line", { x1: "4", x2: "20", y1: "6", y2: "6", key: "1owob3" }],
   ["line", { x1: "4", x2: "20", y1: "18", y2: "18", key: "yk5zj1" }]
@@ -35,7 +35,7 @@ const ua = J("Menu", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ma = J("Moon", [
+const ua = J("Moon", [
   ["path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z", key: "a7tn18" }]
 ]);
 /**
@@ -44,7 +44,7 @@ const ma = J("Moon", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ha = J("ShieldX", [
+const ma = J("ShieldX", [
   [
     "path",
     {
@@ -61,7 +61,7 @@ const ha = J("ShieldX", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const pa = J("Sun", [
+const ha = J("Sun", [
   ["circle", { cx: "12", cy: "12", r: "4", key: "4exip2" }],
   ["path", { d: "M12 2v2", key: "tus03m" }],
   ["path", { d: "M12 20v2", key: "1lh1kg" }],
@@ -72,22 +72,22 @@ const pa = J("Sun", [
   ["path", { d: "m6.34 17.66-1.41 1.41", key: "1m8zz5" }],
   ["path", { d: "m19.07 4.93-1.41 1.41", key: "1shlcs" }]
 ]);
-var ga = Ns();
-function fa() {
-  const { setTheme: s } = ys(), r = y(
+var pa = vs();
+function ga() {
+  const { setTheme: s } = Ns(), n = y(
     (a) => a.actions.setDashboardTheme
   );
-  return /* @__PURE__ */ n(Ce, { children: [
-    /* @__PURE__ */ e(Se, { asChild: !0, children: /* @__PURE__ */ n(k, { className: "h-7 p-2", variant: "ghost", size: "sm", children: [
+  return /* @__PURE__ */ r(Ce, { children: [
+    /* @__PURE__ */ e(Se, { asChild: !0, children: /* @__PURE__ */ r(k, { className: "h-7 p-2", variant: "ghost", size: "sm", children: [
       /* @__PURE__ */ e(
-        pa,
+        ha,
         {
           strokeWidth: 1.5,
           className: "h-4 w-4 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0"
         }
       ),
       /* @__PURE__ */ e(
-        ma,
+        ua,
         {
           strokeWidth: 1.5,
           className: "absolute h-4 w-4 rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100"
@@ -95,12 +95,12 @@ function fa() {
       ),
       /* @__PURE__ */ e("span", { className: "sr-only", children: "Toggle theme" })
     ] }) }),
-    /* @__PURE__ */ n(Me, { align: "end", children: [
+    /* @__PURE__ */ r(Me, { align: "end", children: [
       /* @__PURE__ */ e(
         W,
         {
           onClick: () => {
-            s("light"), r("light");
+            s("light"), n("light");
           },
           children: "Light"
         }
@@ -109,7 +109,7 @@ function fa() {
         W,
         {
           onClick: () => {
-            s("dark"), r("dark");
+            s("dark"), n("dark");
           },
           children: "Dark"
         }
@@ -118,7 +118,7 @@ function fa() {
         W,
         {
           onClick: () => {
-            s("system"), r("system");
+            s("system"), n("system");
           },
           children: "System"
         }
@@ -126,21 +126,21 @@ function fa() {
     ] })
   ] });
 }
-async function ba(s, r, a, t, i) {
+async function fa(s, n, a, t, i) {
   if (!i)
     return null;
   const o = JSON.stringify(a), l = `${s}/v1/lens`;
   return await ke(l, i, {
-    name: r,
+    name: n,
     template: o,
     filterValues: t,
     operation: "create"
   });
 }
-async function xe(s, r, a) {
+async function xe(s, n, a) {
   if (!a)
     return null;
-  const { id: t, template: i, filterValues: o, isDefault: l, shared: m } = r, h = `${s}/v1/lens`;
+  const { id: t, template: i, filterValues: o, isDefault: l, shared: m } = n, h = `${s}/v1/lens`;
   return await ke(h, a, {
     lensId: t,
     template: i,
@@ -150,22 +150,22 @@ async function xe(s, r, a) {
     operation: "update"
   });
 }
-async function va(s, r, a) {
+async function ba(s, n, a) {
   if (!a)
     return null;
   const t = `${s}/v1/lens`;
   return await ke(t, a, {
     operation: "delete",
-    lensId: r
+    lensId: n
   });
 }
-function Na() {
-  const [s, r] = w(""), [a, t] = w(!1), i = y((M) => M.lenses), { setLenses: o, setSelectedLensId: l } = Ve(), [m, h] = w(!1), [f, u] = w(!1), c = y((M) => M.dashboard), p = y((M) => M.filterValues), { authToken: b, tokenProps: v } = R();
+function va() {
+  const [s, n] = w(""), [a, t] = w(!1), i = y((M) => M.lenses), { setLenses: o, setSelectedLensId: l } = Ve(), [m, h] = w(!1), [f, u] = w(!1), c = y((M) => M.dashboard), p = y((M) => M.filterValues), { authToken: b, tokenProps: v } = R();
   async function x() {
     h(!0);
     const M = we(
       c
-    ), P = await ba(
+    ), P = await fa(
       v.apiServiceUrl,
       s,
       M,
@@ -174,8 +174,8 @@ function Na() {
     );
     P && (o([...i || [], P]), l(P.id), u(!1)), h(!1);
   }
-  return /* @__PURE__ */ n(oe, { open: f, onOpenChange: u, children: [
-    /* @__PURE__ */ e(ws, { asChild: !0, children: /* @__PURE__ */ n(
+  return /* @__PURE__ */ r(oe, { open: f, onOpenChange: u, children: [
+    /* @__PURE__ */ e(ys, { asChild: !0, children: /* @__PURE__ */ r(
       k,
       {
         variant: "secondary",
@@ -187,19 +187,19 @@ function Na() {
         ]
       }
     ) }),
-    /* @__PURE__ */ n(ie, { className: "sm:max-w-[425px]", children: [
-      /* @__PURE__ */ n(le, { children: [
+    /* @__PURE__ */ r(ie, { className: "sm:max-w-[425px]", children: [
+      /* @__PURE__ */ r(le, { children: [
         /* @__PURE__ */ e(ce, { children: "Create Lens" }),
         /* @__PURE__ */ e(Pe, { children: "Lenses are private by default and are only visible to you." })
       ] }),
-      /* @__PURE__ */ e("div", { className: "grid gap-4 py-4", children: /* @__PURE__ */ n("div", { className: "grid grid-cols-8 items-center gap-4", children: [
+      /* @__PURE__ */ e("div", { className: "grid gap-4 py-4", children: /* @__PURE__ */ r("div", { className: "grid grid-cols-8 items-center gap-4", children: [
         /* @__PURE__ */ e(te, { className: "text-right", children: "Name" }),
         /* @__PURE__ */ e(
           Q,
           {
             value: s,
             onChange: (M) => {
-              r(M.target.value);
+              n(M.target.value);
             },
             id: "name",
             className: "col-span-7 focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0"
@@ -221,13 +221,13 @@ function Na() {
     ] })
   ] });
 }
-function ya() {
-  const [s, r] = w(!1), a = y((c) => c.lenses), t = y((c) => c.selectedLensId), { setLenses: i, setSelectedLensId: o } = Ve(), { authToken: l, tokenProps: m } = R();
+function Na() {
+  const [s, n] = w(!1), a = y((c) => c.lenses), t = y((c) => c.selectedLensId), { setLenses: i, setSelectedLensId: o } = Ve(), { authToken: l, tokenProps: m } = R();
   async function h(c) {
     o(c);
   }
   async function f(c) {
-    if (await va(m.apiServiceUrl, c, l == null ? void 0 : l.accessToken)) {
+    if (await ba(m.apiServiceUrl, c, l == null ? void 0 : l.accessToken)) {
       const b = a == null ? void 0 : a.filter((v) => v.id !== c);
       i(b || []), o("original");
     }
@@ -255,26 +255,26 @@ function ya() {
       await xe(m.apiServiceUrl, x, l == null ? void 0 : l.accessToken);
     }
   }
-  return /* @__PURE__ */ n(Ce, { open: s, onOpenChange: r, children: [
-    /* @__PURE__ */ e(Se, { asChild: !0, children: /* @__PURE__ */ e(V, { tooltip: "Lenses", className: "h-7 p-2", children: /* @__PURE__ */ e(da, { className: "h-4 w-4" }) }) }),
-    /* @__PURE__ */ n(Me, { align: "end", className: "w-60", children: [
-      /* @__PURE__ */ e(xs, { className: "px-3", children: "Lenses" }),
-      /* @__PURE__ */ e(Ds, {}),
-      /* @__PURE__ */ n(
-        Cs,
+  return /* @__PURE__ */ r(Ce, { open: s, onOpenChange: n, children: [
+    /* @__PURE__ */ e(Se, { asChild: !0, children: /* @__PURE__ */ e(V, { tooltip: "Lenses", className: "h-7 p-2", children: /* @__PURE__ */ e(ca, { className: "h-4 w-4" }) }) }),
+    /* @__PURE__ */ r(Me, { align: "end", className: "w-60", children: [
+      /* @__PURE__ */ e(ws, { className: "px-3", children: "Lenses" }),
+      /* @__PURE__ */ e(xs, {}),
+      /* @__PURE__ */ r(
+        Ds,
         {
           value: t,
           onValueChange: h,
           children: [
             /* @__PURE__ */ e(qe, { value: "original", children: "Original" }),
-            a == null ? void 0 : a.map((c) => /* @__PURE__ */ n(
+            a == null ? void 0 : a.map((c) => /* @__PURE__ */ r(
               qe,
               {
                 className: "group flex justify-between gap-2",
                 value: c.id,
                 children: [
                   /* @__PURE__ */ e("p", { children: c.name }),
-                  /* @__PURE__ */ n("span", { className: "flex items-center gap-3", children: [
+                  /* @__PURE__ */ r("span", { className: "flex items-center gap-3", children: [
                     /* @__PURE__ */ e(
                       He,
                       {
@@ -312,10 +312,10 @@ function ya() {
     ] })
   ] });
 }
-function wa({
+function ya({
   iconClassName: s
 }) {
-  const [r, a] = w(!1), [t, i] = w(""), [o, l] = w(!1), m = y((c) => c.isDownloadingPdf), { tokenProps: h } = R();
+  const [n, a] = w(!1), [t, i] = w(""), [o, l] = w(!1), m = y((c) => c.isDownloadingPdf), { tokenProps: h } = R();
   async function f() {
     const c = C.loading(
       "Generating PDF... may take up to 60 seconds"
@@ -346,8 +346,8 @@ function wa({
       C.dismiss(c), C.error("Failed to download protected PDF. Please try again."), console.error("Protected PDF download error:", p);
     }
   }
-  return /* @__PURE__ */ n(E, { children: [
-    /* @__PURE__ */ n(Ce, { modal: !1, children: [
+  return /* @__PURE__ */ r(E, { children: [
+    /* @__PURE__ */ r(Ce, { modal: !1, children: [
       /* @__PURE__ */ e(Se, { asChild: !0, children: /* @__PURE__ */ e(
         k,
         {
@@ -355,16 +355,16 @@ function wa({
           size: "sm",
           className: "h-7 p-2",
           disabled: m,
-          children: /* @__PURE__ */ e(Ss, { className: X("size-4", s) })
+          children: /* @__PURE__ */ e(Cs, { className: X("size-4", s) })
         }
       ) }),
-      /* @__PURE__ */ n(Me, { align: "end", children: [
-        /* @__PURE__ */ n(W, { onClick: f, children: [
-          /* @__PURE__ */ e(Ms, { className: "mr-2 h-4 w-4" }),
+      /* @__PURE__ */ r(Me, { align: "end", children: [
+        /* @__PURE__ */ r(W, { onClick: f, children: [
+          /* @__PURE__ */ e(Ss, { className: "mr-2 h-4 w-4" }),
           "Download PDF"
         ] }),
-        /* @__PURE__ */ n(W, { onClick: () => a(!0), children: [
-          /* @__PURE__ */ e(ks, { className: "mr-2 h-4 w-4" }),
+        /* @__PURE__ */ r(W, { onClick: () => a(!0), children: [
+          /* @__PURE__ */ e(Ms, { className: "mr-2 h-4 w-4" }),
           "Download Protected PDF"
         ] })
       ] })
@@ -372,16 +372,16 @@ function wa({
     /* @__PURE__ */ e(
       oe,
       {
-        open: r,
+        open: n,
         onOpenChange: a,
-        children: /* @__PURE__ */ n(ie, { className: "sm:max-w-[425px]", children: [
-          /* @__PURE__ */ n(le, { children: [
+        children: /* @__PURE__ */ r(ie, { className: "sm:max-w-[425px]", children: [
+          /* @__PURE__ */ r(le, { children: [
             /* @__PURE__ */ e(ce, { children: "Download Protected PDF" }),
             /* @__PURE__ */ e(Pe, { children: "Enter a password to protect your PDF. The PDF will be encrypted and require this password to open." })
           ] }),
-          /* @__PURE__ */ e("div", { className: "grid gap-4 py-4", children: /* @__PURE__ */ n("div", { className: "grid gap-2", children: [
+          /* @__PURE__ */ e("div", { className: "grid gap-4 py-4", children: /* @__PURE__ */ r("div", { className: "grid gap-2", children: [
             /* @__PURE__ */ e(te, { htmlFor: "password", children: "Password" }),
-            /* @__PURE__ */ n("div", { className: "relative", children: [
+            /* @__PURE__ */ r("div", { className: "relative", children: [
               /* @__PURE__ */ e(
                 Q,
                 {
@@ -404,12 +404,12 @@ function wa({
                   size: "sm",
                   className: "absolute right-0 top-0 h-full px-3 py-2 hover:bg-transparent",
                   onClick: () => l(!o),
-                  children: o ? /* @__PURE__ */ e(Ls, { className: "h-4 w-4 text-muted-foreground" }) : /* @__PURE__ */ e(Ps, { className: "h-4 w-4 text-muted-foreground" })
+                  children: o ? /* @__PURE__ */ e(ks, { className: "h-4 w-4 text-muted-foreground" }) : /* @__PURE__ */ e(Ls, { className: "h-4 w-4 text-muted-foreground" })
                 }
               )
             ] })
           ] }) }),
-          /* @__PURE__ */ n(Qe, { children: [
+          /* @__PURE__ */ r(Qe, { children: [
             /* @__PURE__ */ e(
               k,
               {
@@ -425,29 +425,29 @@ function wa({
     )
   ] });
 }
-const xa = async (s, r, a) => {
+const wa = async (s, n, a) => {
   const t = `${s}/management/v1/groups`;
-  return await Ke(t, r, a);
-}, Da = async (s, r, a) => {
+  return await Ke(t, n, a);
+}, xa = async (s, n, a) => {
   const t = `${s}/management/v1/groups/${a}`, i = await fetch(t, {
     method: "DELETE",
     headers: {
-      Authorization: `Bearer ${r}`
+      Authorization: `Bearer ${n}`
     }
   });
   if (!i.ok) {
     const o = await i.text();
     throw new Error(o || "Failed to delete group");
   }
-}, Ca = async (s, r, a, t) => {
+}, Da = async (s, n, a, t) => {
   const i = `${s}/management/v1/groups/${a}/members`;
-  return await Ke(i, r, t);
-}, Sa = async (s, r, a, t) => {
+  return await Ke(i, n, t);
+}, Ca = async (s, n, a, t) => {
   const i = `${s}/management/v1/groups/${a}/members`, o = await fetch(i, {
     method: "DELETE",
     headers: {
       "Content-Type": "application/json",
-      Authorization: `Bearer ${r}`
+      Authorization: `Bearer ${n}`
     },
     body: JSON.stringify(t)
   });
@@ -456,10 +456,10 @@ const xa = async (s, r, a) => {
     throw new Error(l || "Failed to remove group members");
   }
 };
-function Ma() {
-  const { authToken: s, tokenProps: r } = R(), a = de();
+function Sa() {
+  const { authToken: s, tokenProps: n } = R(), a = de();
   return ue({
-    mutationFn: (t) => xa(r.apiServiceUrl, (s == null ? void 0 : s.accessToken) || "", t),
+    mutationFn: (t) => wa(n.apiServiceUrl, (s == null ? void 0 : s.accessToken) || "", t),
     onSuccess: () => {
       a.invalidateQueries({ queryKey: ["groups"] }), C.success("Group created successfully");
     },
@@ -470,10 +470,10 @@ function Ma() {
     }
   });
 }
-function ka() {
-  const { authToken: s, tokenProps: r } = R(), a = de();
+function Ma() {
+  const { authToken: s, tokenProps: n } = R(), a = de();
   return ue({
-    mutationFn: (t) => Da(r.apiServiceUrl, (s == null ? void 0 : s.accessToken) || "", t),
+    mutationFn: (t) => xa(n.apiServiceUrl, (s == null ? void 0 : s.accessToken) || "", t),
     onSuccess: (t, i) => {
       a.invalidateQueries({ queryKey: ["groups"] }), a.removeQueries({ queryKey: ["group", i] }), C.success("Group deleted successfully");
     },
@@ -484,13 +484,13 @@ function ka() {
     }
   });
 }
-function La() {
-  const { authToken: s, tokenProps: r } = R(), a = de();
+function ka() {
+  const { authToken: s, tokenProps: n } = R(), a = de();
   return ue({
     mutationFn: ({
       groupId: t,
       data: i
-    }) => Ca(r.apiServiceUrl, (s == null ? void 0 : s.accessToken) || "", t, i),
+    }) => Da(n.apiServiceUrl, (s == null ? void 0 : s.accessToken) || "", t, i),
     onSuccess: (t, i) => {
       a.invalidateQueries({ queryKey: ["group", i.groupId] }), a.invalidateQueries({
         queryKey: ["group-members", i.groupId]
@@ -503,13 +503,13 @@ function La() {
     }
   });
 }
-function Pa() {
-  const { authToken: s, tokenProps: r } = R(), a = de();
+function La() {
+  const { authToken: s, tokenProps: n } = R(), a = de();
   return ue({
     mutationFn: ({
       groupId: t,
       data: i
-    }) => Sa(r.apiServiceUrl, (s == null ? void 0 : s.accessToken) || "", t, i),
+    }) => Ca(n.apiServiceUrl, (s == null ? void 0 : s.accessToken) || "", t, i),
     onSuccess: (t, i) => {
       a.invalidateQueries({ queryKey: ["group", i.groupId] }), a.invalidateQueries({
         queryKey: ["group-members", i.groupId]
@@ -522,22 +522,22 @@ function Pa() {
     }
   });
 }
-function Aa({
+function Pa({
   onSuccess: s,
-  tenantId: r,
+  tenantId: n,
   isTenantUser: a
 }) {
-  const [t, i] = w(""), [o, l] = w(""), [m, h] = w({}), f = Ma(), u = () => {
+  const [t, i] = w(""), [o, l] = w(""), [m, h] = w({}), f = Sa(), u = () => {
     const p = {};
     return t.trim() ? t.length < 3 ? p.name = "Group name must be at least 3 characters" : t.length > 50 && (p.name = "Group name must be less than 50 characters") : p.name = "Group name is required", o && o.length > 200 && (p.description = "Description must be less than 200 characters"), h(p), Object.keys(p).length === 0;
   };
-  return /* @__PURE__ */ n("form", { onSubmit: async (p) => {
+  return /* @__PURE__ */ r("form", { onSubmit: async (p) => {
     if (p.preventDefault(), !u()) return;
     const b = {
       name: t.trim(),
       description: o.trim() || void 0,
       type: a ? "TENANT_GROUP" : "ORG_GROUP",
-      ...a && r ? { tenantId: r } : {}
+      ...a && n ? { tenantId: n } : {}
     };
     try {
       await f.mutateAsync(b), i(""), l(""), h({}), s();
@@ -545,9 +545,9 @@ function Aa({
       console.error("Failed to create group:", v);
     }
   }, className: "space-y-6", children: [
-    /* @__PURE__ */ n("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ n("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ n(te, { htmlFor: "group-name", children: [
+    /* @__PURE__ */ r("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ r("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ r(te, { htmlFor: "group-name", children: [
           "Group Name ",
           /* @__PURE__ */ e("span", { className: "text-destructive", children: "*" })
         ] }),
@@ -566,13 +566,13 @@ function Aa({
         ),
         m.name && /* @__PURE__ */ e("p", { className: "text-sm text-destructive", children: m.name })
       ] }),
-      /* @__PURE__ */ n("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ n(te, { htmlFor: "group-description", children: [
+      /* @__PURE__ */ r("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ r(te, { htmlFor: "group-description", children: [
           "Description",
           /* @__PURE__ */ e("span", { className: "ml-2 text-xs text-muted-foreground", children: "(optional)" })
         ] }),
         /* @__PURE__ */ e(
-          As,
+          Ps,
           {
             id: "group-description",
             placeholder: "Describe the purpose of this group...",
@@ -586,17 +586,17 @@ function Aa({
           }
         ),
         m.description && /* @__PURE__ */ e("p", { className: "text-sm text-destructive", children: m.description }),
-        /* @__PURE__ */ n("p", { className: "text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ r("p", { className: "text-xs text-muted-foreground", children: [
           o.length,
           "/200 characters"
         ] })
       ] }),
-      /* @__PURE__ */ e("div", { className: "rounded-lg border bg-muted/50 p-4", children: /* @__PURE__ */ n("div", { className: "flex gap-3", children: [
-        /* @__PURE__ */ e(Is, { className: "h-4 w-4 mt-0.5 text-muted-foreground" }),
+      /* @__PURE__ */ e("div", { className: "rounded-lg border bg-muted/50 p-4", children: /* @__PURE__ */ r("div", { className: "flex gap-3", children: [
+        /* @__PURE__ */ e(As, { className: "h-4 w-4 mt-0.5 text-muted-foreground" }),
         /* @__PURE__ */ e("div", { className: "text-sm text-muted-foreground", children: "This group will be accessible to users in your workspace. You can add members after creating the group." })
       ] }) })
     ] }),
-    /* @__PURE__ */ n("div", { className: "flex justify-end gap-3", children: [
+    /* @__PURE__ */ r("div", { className: "flex justify-end gap-3", children: [
       /* @__PURE__ */ e(
         k,
         {
@@ -614,11 +614,11 @@ function Aa({
         {
           type: "submit",
           disabled: f.isPending || !t.trim(),
-          children: f.isPending ? /* @__PURE__ */ n(E, { children: [
+          children: f.isPending ? /* @__PURE__ */ r(E, { children: [
             /* @__PURE__ */ e(H, { className: "mr-2 h-4 w-4 animate-spin" }),
             "Creating..."
-          ] }) : /* @__PURE__ */ n(E, { children: [
-            /* @__PURE__ */ e(_, { className: "mr-2 h-4 w-4" }),
+          ] }) : /* @__PURE__ */ r(E, { children: [
+            /* @__PURE__ */ e($, { className: "mr-2 h-4 w-4" }),
             "Create Group"
           ] })
         }
@@ -626,7 +626,7 @@ function Aa({
     ] })
   ] });
 }
-function Ia(s, r = []) {
+function Aa(s, n = []) {
   let a = [];
   function t(o, l) {
     const m = S.createContext(l), h = a.length;
@@ -656,11 +656,11 @@ function Ia(s, r = []) {
       );
     };
   };
-  return i.scopeName = s, [t, Ea(i, ...r)];
+  return i.scopeName = s, [t, Ia(i, ...n)];
 }
-function Ea(...s) {
-  const r = s[0];
-  if (s.length === 1) return r;
+function Ia(...s) {
+  const n = s[0];
+  if (s.length === 1) return n;
   const a = () => {
     const t = s.map((i) => ({
       useScope: i(),
@@ -671,22 +671,22 @@ function Ea(...s) {
         const c = h(o)[`__scope${f}`];
         return { ...m, ...c };
       }, {});
-      return S.useMemo(() => ({ [`__scope${r.scopeName}`]: l }), [l]);
+      return S.useMemo(() => ({ [`__scope${n.scopeName}`]: l }), [l]);
     };
   };
-  return a.scopeName = r.scopeName, a;
+  return a.scopeName = n.scopeName, a;
 }
-function Fa(s) {
-  const r = S.useRef(s);
+function Ea(s) {
+  const n = S.useRef(s);
   return S.useEffect(() => {
-    r.current = s;
+    n.current = s;
   }), S.useMemo(() => (...a) => {
     var t;
-    return (t = r.current) == null ? void 0 : t.call(r, ...a);
+    return (t = n.current) == null ? void 0 : t.call(n, ...a);
   }, []);
 }
 var De = globalThis != null && globalThis.document ? S.useLayoutEffect : () => {
-}, Ta = [
+}, Fa = [
   "a",
   "button",
   "div",
@@ -704,85 +704,85 @@ var De = globalThis != null && globalThis.document ? S.useLayoutEffect : () => {
   "span",
   "svg",
   "ul"
-], Ae = Ta.reduce((s, r) => {
-  const a = Es(`Primitive.${r}`), t = S.forwardRef((i, o) => {
-    const { asChild: l, ...m } = i, h = l ? a : r;
+], Ae = Fa.reduce((s, n) => {
+  const a = Is(`Primitive.${n}`), t = S.forwardRef((i, o) => {
+    const { asChild: l, ...m } = i, h = l ? a : n;
     return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ e(h, { ...m, ref: o });
   });
-  return t.displayName = `Primitive.${r}`, { ...s, [r]: t };
+  return t.displayName = `Primitive.${n}`, { ...s, [n]: t };
 }, {});
-function Ga() {
-  return ga.useSyncExternalStore(
-    Ra,
+function Ta() {
+  return pa.useSyncExternalStore(
+    Ga,
     () => !0,
     () => !1
   );
 }
-function Ra() {
+function Ga() {
   return () => {
   };
 }
-var Ie = "Avatar", [Oa] = Ia(Ie), [Ua, es] = Oa(Ie), ss = S.forwardRef(
-  (s, r) => {
+var Ie = "Avatar", [Ra] = Aa(Ie), [Oa, es] = Ra(Ie), ss = S.forwardRef(
+  (s, n) => {
     const { __scopeAvatar: a, ...t } = s, [i, o] = S.useState("idle");
     return /* @__PURE__ */ e(
-      Ua,
+      Oa,
       {
         scope: a,
         imageLoadingStatus: i,
         onImageLoadingStatusChange: o,
-        children: /* @__PURE__ */ e(Ae.span, { ...t, ref: r })
+        children: /* @__PURE__ */ e(Ae.span, { ...t, ref: n })
       }
     );
   }
 );
 ss.displayName = Ie;
 var as = "AvatarImage", ts = S.forwardRef(
-  (s, r) => {
+  (s, n) => {
     const { __scopeAvatar: a, src: t, onLoadingStatusChange: i = () => {
-    }, ...o } = s, l = es(as, a), m = qa(t, o), h = Fa((f) => {
+    }, ...o } = s, l = es(as, a), m = Ua(t, o), h = Ea((f) => {
       i(f), l.onImageLoadingStatusChange(f);
     });
     return De(() => {
       m !== "idle" && h(m);
-    }, [m, h]), m === "loaded" ? /* @__PURE__ */ e(Ae.img, { ...o, ref: r, src: t }) : null;
+    }, [m, h]), m === "loaded" ? /* @__PURE__ */ e(Ae.img, { ...o, ref: n, src: t }) : null;
   }
 );
 ts.displayName = as;
 var rs = "AvatarFallback", ns = S.forwardRef(
-  (s, r) => {
+  (s, n) => {
     const { __scopeAvatar: a, delayMs: t, ...i } = s, o = es(rs, a), [l, m] = S.useState(t === void 0);
     return S.useEffect(() => {
       if (t !== void 0) {
         const h = window.setTimeout(() => m(!0), t);
         return () => window.clearTimeout(h);
       }
-    }, [t]), l && o.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ e(Ae.span, { ...i, ref: r }) : null;
+    }, [t]), l && o.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ e(Ae.span, { ...i, ref: n }) : null;
   }
 );
 ns.displayName = rs;
-function je(s, r) {
-  return s ? r ? (s.src !== r && (s.src = r), s.complete && s.naturalWidth > 0 ? "loaded" : "loading") : "error" : "idle";
+function _e(s, n) {
+  return s ? n ? (s.src !== n && (s.src = n), s.complete && s.naturalWidth > 0 ? "loaded" : "loading") : "error" : "idle";
 }
-function qa(s, { referrerPolicy: r, crossOrigin: a }) {
-  const t = Ga(), i = S.useRef(null), o = t ? (i.current || (i.current = new window.Image()), i.current) : null, [l, m] = S.useState(
-    () => je(o, s)
+function Ua(s, { referrerPolicy: n, crossOrigin: a }) {
+  const t = Ta(), i = S.useRef(null), o = t ? (i.current || (i.current = new window.Image()), i.current) : null, [l, m] = S.useState(
+    () => _e(o, s)
   );
   return De(() => {
-    m(je(o, s));
+    m(_e(o, s));
   }, [o, s]), De(() => {
     const h = (c) => () => {
       m(c);
     };
     if (!o) return;
     const f = h("loaded"), u = h("error");
-    return o.addEventListener("load", f), o.addEventListener("error", u), r && (o.referrerPolicy = r), typeof a == "string" && (o.crossOrigin = a), () => {
+    return o.addEventListener("load", f), o.addEventListener("error", u), n && (o.referrerPolicy = n), typeof a == "string" && (o.crossOrigin = a), () => {
       o.removeEventListener("load", f), o.removeEventListener("error", u);
     };
-  }, [o, a, r]), l;
+  }, [o, a, n]), l;
 }
 var os = ss, is = ts, ls = ns;
-const Ee = S.forwardRef(({ className: s, ...r }, a) => /* @__PURE__ */ e(
+const Ee = S.forwardRef(({ className: s, ...n }, a) => /* @__PURE__ */ e(
   os,
   {
     ref: a,
@@ -790,20 +790,20 @@ const Ee = S.forwardRef(({ className: s, ...r }, a) => /* @__PURE__ */ e(
       "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
       s
     ),
-    ...r
+    ...n
   }
 ));
 Ee.displayName = os.displayName;
-const za = S.forwardRef(({ className: s, ...r }, a) => /* @__PURE__ */ e(
+const qa = S.forwardRef(({ className: s, ...n }, a) => /* @__PURE__ */ e(
   is,
   {
     ref: a,
     className: X("aspect-square h-full w-full", s),
-    ...r
+    ...n
   }
 ));
-za.displayName = is.displayName;
-const Fe = S.forwardRef(({ className: s, ...r }, a) => /* @__PURE__ */ e(
+qa.displayName = is.displayName;
+const Fe = S.forwardRef(({ className: s, ...n }, a) => /* @__PURE__ */ e(
   ls,
   {
     ref: a,
@@ -811,22 +811,22 @@ const Fe = S.forwardRef(({ className: s, ...r }, a) => /* @__PURE__ */ e(
       "flex h-full w-full items-center justify-center rounded-full bg-muted",
       s
     ),
-    ...r
+    ...n
   }
 ));
 Fe.displayName = ls.displayName;
-function _a({
+function za({
   open: s,
-  onOpenChange: r,
+  onOpenChange: n,
   group: a,
   onUpdate: t
 }) {
-  const [i, o] = w("members"), [l, m] = w(""), [h, f] = w([]), [u, c] = w([]), { data: p, isLoading: b, refetch: v } = Fs(a.id), x = a.type === "TENANT_GROUP" ? "tenant" : "organization", { users: M, isLoading: P } = Ts({
+  const [i, o] = w("members"), [l, m] = w(""), [h, f] = w([]), [u, c] = w([]), { data: p, isLoading: b, refetch: v } = Es(a.id), x = a.type === "TENANT_GROUP" ? "tenant" : "organization", { users: M, isLoading: P } = Fs({
     type: x,
     tenantId: a.tenantId || void 0,
     active: !0,
     limit: 100
-  }), O = La(), G = Pa(), A = (p == null ? void 0 : p.members) || [], $ = ae(() => new Set(A.map((g) => g.userId)), [A]), N = ae(() => M.filter((g) => !$.has(g.id)), [M, $]), F = ae(() => {
+  }), O = ka(), G = La(), A = (p == null ? void 0 : p.members) || [], j = ae(() => new Set(A.map((g) => g.userId)), [A]), N = ae(() => M.filter((g) => !j.has(g.id)), [M, j]), T = ae(() => {
     if (!l) return N;
     const g = l.toLowerCase();
     return N.filter(
@@ -878,29 +878,29 @@ function _a({
       (L) => L.includes(g) ? L.filter((I) => I !== g) : [...L, g]
     );
   };
-  return /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(oe, { open: s, onOpenChange: r, children: /* @__PURE__ */ n(ie, { className: "max-w-3xl max-h-[80vh]", "aria-describedby": "group-members-description", children: [
-    /* @__PURE__ */ n(le, { children: [
+  return /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(oe, { open: s, onOpenChange: n, children: /* @__PURE__ */ r(ie, { className: "max-w-3xl max-h-[80vh]", "aria-describedby": "group-members-description", children: [
+    /* @__PURE__ */ r(le, { children: [
       /* @__PURE__ */ e(ce, { children: a.name }),
-      /* @__PURE__ */ e("div", { className: "flex items-center gap-2 mt-1", children: /* @__PURE__ */ n("p", { className: "text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ e("div", { className: "flex items-center gap-2 mt-1", children: /* @__PURE__ */ r("p", { className: "text-sm text-muted-foreground", children: [
         A.length,
         " ",
         A.length === 1 ? "member" : "members"
       ] }) }),
-      /* @__PURE__ */ n("p", { id: "group-members-description", className: "sr-only", children: [
+      /* @__PURE__ */ r("p", { id: "group-members-description", className: "sr-only", children: [
         "Add or remove members from the ",
         a.name,
         " group"
       ] })
     ] }),
-    /* @__PURE__ */ n(We, { value: i, onValueChange: (g) => {
+    /* @__PURE__ */ r(We, { value: i, onValueChange: (g) => {
       o(g), m(""), c([]);
     }, className: "mt-4", children: [
-      /* @__PURE__ */ n(Je, { className: "grid w-full grid-cols-2", children: [
+      /* @__PURE__ */ r(Je, { className: "grid w-full grid-cols-2", children: [
         /* @__PURE__ */ e(re, { value: "members", children: "Current Members" }),
         /* @__PURE__ */ e(re, { value: "add", children: "Add Members" })
       ] }),
-      /* @__PURE__ */ n(ne, { value: "members", className: "mt-4 space-y-4", children: [
-        /* @__PURE__ */ n("div", { className: "relative", children: [
+      /* @__PURE__ */ r(ne, { value: "members", className: "mt-4 space-y-4", children: [
+        /* @__PURE__ */ r("div", { className: "relative", children: [
           /* @__PURE__ */ e(be, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
           /* @__PURE__ */ e(
             Q,
@@ -912,8 +912,8 @@ function _a({
             }
           )
         ] }),
-        /* @__PURE__ */ e(ve, { className: u.length > 0 ? "h-[300px]" : "h-[350px]", children: b ? /* @__PURE__ */ e("div", { className: "space-y-2", children: [1, 2, 3].map((g) => /* @__PURE__ */ e(Ne, { className: "h-16 w-full" }, g)) }) : D.length === 0 ? /* @__PURE__ */ n("div", { className: "flex flex-col items-center justify-center py-12 text-muted-foreground", children: [
-          /* @__PURE__ */ e(_, { className: "h-12 w-12 mb-3 opacity-50" }),
+        /* @__PURE__ */ e(ve, { className: u.length > 0 ? "h-[300px]" : "h-[350px]", children: b ? /* @__PURE__ */ e("div", { className: "space-y-2", children: [1, 2, 3].map((g) => /* @__PURE__ */ e(Ne, { className: "h-16 w-full" }, g)) }) : D.length === 0 ? /* @__PURE__ */ r("div", { className: "flex flex-col items-center justify-center py-12 text-muted-foreground", children: [
+          /* @__PURE__ */ e($, { className: "h-12 w-12 mb-3 opacity-50" }),
           /* @__PURE__ */ e("p", { className: "text-sm font-medium", children: l ? "No members found" : "No members yet" }),
           /* @__PURE__ */ e("p", { className: "text-xs mt-1", children: l ? "Try a different search" : 'Switch to the "Add Members" tab to add people to this group' })
         ] }) : /* @__PURE__ */ e("div", { className: "space-y-2", children: D.map((g) => /* @__PURE__ */ e(
@@ -925,8 +925,8 @@ function _a({
           },
           g.id
         )) }) }),
-        u.length > 0 && /* @__PURE__ */ n("div", { className: "flex items-center justify-between pt-4 border-t", children: [
-          /* @__PURE__ */ n("span", { className: "text-sm text-muted-foreground", children: [
+        u.length > 0 && /* @__PURE__ */ r("div", { className: "flex items-center justify-between pt-4 border-t", children: [
+          /* @__PURE__ */ r("span", { className: "text-sm text-muted-foreground", children: [
             u.length,
             " member",
             u.length !== 1 ? "s" : "",
@@ -939,10 +939,10 @@ function _a({
               size: "sm",
               onClick: me,
               disabled: G.isPending,
-              children: G.isPending ? /* @__PURE__ */ n(E, { children: [
+              children: G.isPending ? /* @__PURE__ */ r(E, { children: [
                 /* @__PURE__ */ e(H, { className: "mr-2 h-4 w-4 animate-spin" }),
                 "Removing..."
-              ] }) : /* @__PURE__ */ n(E, { children: [
+              ] }) : /* @__PURE__ */ r(E, { children: [
                 /* @__PURE__ */ e(Xe, { className: "mr-2 h-4 w-4" }),
                 "Remove Selected"
               ] })
@@ -950,8 +950,8 @@ function _a({
           )
         ] })
       ] }),
-      /* @__PURE__ */ n(ne, { value: "add", className: "mt-4 space-y-4", children: [
-        /* @__PURE__ */ n("div", { className: "relative", children: [
+      /* @__PURE__ */ r(ne, { value: "add", className: "mt-4 space-y-4", children: [
+        /* @__PURE__ */ r("div", { className: "relative", children: [
           /* @__PURE__ */ e(be, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
           /* @__PURE__ */ e(
             Q,
@@ -963,11 +963,11 @@ function _a({
             }
           )
         ] }),
-        /* @__PURE__ */ e(ve, { className: "h-[300px]", children: P ? /* @__PURE__ */ e("div", { className: "space-y-2", children: [1, 2, 3].map((g) => /* @__PURE__ */ e(Ne, { className: "h-16 w-full" }, g)) }) : F.length === 0 ? /* @__PURE__ */ n("div", { className: "flex flex-col items-center justify-center py-12 text-muted-foreground", children: [
+        /* @__PURE__ */ e(ve, { className: "h-[300px]", children: P ? /* @__PURE__ */ e("div", { className: "space-y-2", children: [1, 2, 3].map((g) => /* @__PURE__ */ e(Ne, { className: "h-16 w-full" }, g)) }) : T.length === 0 ? /* @__PURE__ */ r("div", { className: "flex flex-col items-center justify-center py-12 text-muted-foreground", children: [
           /* @__PURE__ */ e(ye, { className: "h-12 w-12 mb-3 opacity-50" }),
           /* @__PURE__ */ e("p", { className: "text-sm font-medium", children: "No available users" }),
           /* @__PURE__ */ e("p", { className: "text-xs mt-1", children: l ? "Try a different search" : "All eligible users are already members" })
-        ] }) : /* @__PURE__ */ e("div", { className: "space-y-2", children: F.map((g) => /* @__PURE__ */ e(
+        ] }) : /* @__PURE__ */ e("div", { className: "space-y-2", children: T.map((g) => /* @__PURE__ */ e(
           ja,
           {
             user: g,
@@ -976,8 +976,8 @@ function _a({
           },
           g.id
         )) }) }),
-        h.length > 0 && /* @__PURE__ */ n("div", { className: "flex items-center justify-between pt-4 border-t", children: [
-          /* @__PURE__ */ n("span", { className: "text-sm text-muted-foreground", children: [
+        h.length > 0 && /* @__PURE__ */ r("div", { className: "flex items-center justify-between pt-4 border-t", children: [
+          /* @__PURE__ */ r("span", { className: "text-sm text-muted-foreground", children: [
             h.length,
             " user",
             h.length !== 1 ? "s" : "",
@@ -988,10 +988,10 @@ function _a({
             {
               onClick: U,
               disabled: O.isPending,
-              children: O.isPending ? /* @__PURE__ */ n(E, { children: [
+              children: O.isPending ? /* @__PURE__ */ r(E, { children: [
                 /* @__PURE__ */ e(H, { className: "mr-2 h-4 w-4 animate-spin" }),
                 "Adding..."
-              ] }) : /* @__PURE__ */ n(E, { children: [
+              ] }) : /* @__PURE__ */ r(E, { children: [
                 /* @__PURE__ */ e(ye, { className: "mr-2 h-4 w-4" }),
                 "Add Members"
               ] })
@@ -1004,20 +1004,20 @@ function _a({
 }
 function $a({
   member: s,
-  selected: r,
+  selected: n,
   onToggle: a
 }) {
   var i, o, l, m;
   const t = ((o = (i = s.user) == null ? void 0 : i.name) == null ? void 0 : o.split(" ").map((h) => h[0]).join("").toUpperCase()) || "?";
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ r(
     "div",
     {
       className: "flex items-center gap-3 p-3 rounded-lg border bg-card hover:bg-muted/50 cursor-pointer",
       onClick: a,
       children: [
-        /* @__PURE__ */ e(Ye, { checked: r }),
+        /* @__PURE__ */ e(Ye, { checked: n }),
         /* @__PURE__ */ e(Ee, { className: "h-8 w-8", children: /* @__PURE__ */ e(Fe, { className: "text-xs", children: t }) }),
-        /* @__PURE__ */ n("div", { className: "flex-1", children: [
+        /* @__PURE__ */ r("div", { className: "flex-1", children: [
           /* @__PURE__ */ e("p", { className: "text-sm font-medium", children: ((l = s.user) == null ? void 0 : l.name) || "Unknown User" }),
           /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: (m = s.user) == null ? void 0 : m.email })
         ] })
@@ -1027,20 +1027,20 @@ function $a({
 }
 function ja({
   user: s,
-  selected: r,
+  selected: n,
   onToggle: a
 }) {
   var i;
   const t = ((i = s.name) == null ? void 0 : i.split(" ").map((o) => o[0]).join("").toUpperCase()) || "?";
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ r(
     "div",
     {
       className: "flex items-center gap-3 p-3 rounded-lg border bg-card hover:bg-muted/50 cursor-pointer",
       onClick: a,
       children: [
-        /* @__PURE__ */ e(Ye, { checked: r }),
+        /* @__PURE__ */ e(Ye, { checked: n }),
         /* @__PURE__ */ e(Ee, { className: "h-8 w-8", children: /* @__PURE__ */ e(Fe, { className: "text-xs", children: t }) }),
-        /* @__PURE__ */ n("div", { className: "flex-1", children: [
+        /* @__PURE__ */ r("div", { className: "flex-1", children: [
           /* @__PURE__ */ e("p", { className: "text-sm font-medium", children: s.name }),
           /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: s.email })
         ] })
@@ -1048,11 +1048,11 @@ function ja({
     }
   );
 }
-function Va({
+function _a({
   open: s,
-  onOpenChange: r
+  onOpenChange: n
 }) {
-  const [a, t] = w("groups"), [i, o] = w(""), [l, m] = w(null), [h, f] = w(!1), [u, c] = w(null), { tokenProps: p } = R(), { currentUser: b } = Ze(), v = ka(), x = (b == null ? void 0 : b.type) === "tenant", M = p == null ? void 0 : p.tenantId, { groups: P, isLoading: O, refetch: G } = Gs({
+  const [a, t] = w("groups"), [i, o] = w(""), [l, m] = w(null), [h, f] = w(!1), [u, c] = w(null), { tokenProps: p } = R(), { currentUser: b } = Ze(), v = Ma(), x = (b == null ? void 0 : b.type) === "tenant", M = p == null ? void 0 : p.tenantId, { groups: P, isLoading: O, refetch: G } = Ts({
     type: x ? "TENANT_GROUP" : "all",
     tenantId: x ? M : void 0,
     includeMembers: !1
@@ -1061,7 +1061,7 @@ function Va({
       var U;
       return D.name.toLowerCase().includes(i.toLowerCase()) || ((U = D.description) == null ? void 0 : U.toLowerCase().includes(i.toLowerCase()));
     }
-  ), $ = async () => {
+  ), j = async () => {
     if (u)
       try {
         await v.mutateAsync(u.id), c(null), G();
@@ -1070,31 +1070,31 @@ function Va({
       }
   }, N = (D) => {
     m(D), f(!0);
-  }, F = () => {
+  }, T = () => {
     t("groups"), G();
   };
-  return /* @__PURE__ */ n(E, { children: [
-    /* @__PURE__ */ e(oe, { open: s, onOpenChange: r, children: /* @__PURE__ */ n(ie, { className: "max-w-4xl max-h-[80vh]", children: [
-      /* @__PURE__ */ n(le, { children: [
-        /* @__PURE__ */ n(ce, { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ e(_, { className: "h-5 w-5" }),
+  return /* @__PURE__ */ r(E, { children: [
+    /* @__PURE__ */ e(oe, { open: s, onOpenChange: n, children: /* @__PURE__ */ r(ie, { className: "max-w-4xl max-h-[80vh]", children: [
+      /* @__PURE__ */ r(le, { children: [
+        /* @__PURE__ */ r(ce, { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ e($, { className: "h-5 w-5" }),
           "Group Management"
         ] }),
         /* @__PURE__ */ e(Pe, { children: "Manage your groups, create new groups, and control group membership" })
       ] }),
-      /* @__PURE__ */ n(We, { value: a, onValueChange: t, className: "mt-4", children: [
-        /* @__PURE__ */ n(Je, { className: "grid w-full grid-cols-2", children: [
-          /* @__PURE__ */ n(re, { value: "groups", className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ e(_, { className: "h-4 w-4" }),
+      /* @__PURE__ */ r(We, { value: a, onValueChange: t, className: "mt-4", children: [
+        /* @__PURE__ */ r(Je, { className: "grid w-full grid-cols-2", children: [
+          /* @__PURE__ */ r(re, { value: "groups", className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ e($, { className: "h-4 w-4" }),
             "Groups"
           ] }),
-          /* @__PURE__ */ n(re, { value: "create", className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ r(re, { value: "create", className: "flex items-center gap-2", children: [
             /* @__PURE__ */ e(Le, { className: "h-4 w-4" }),
             "Create Group"
           ] })
         ] }),
-        /* @__PURE__ */ e(ne, { value: "groups", className: "mt-4", children: /* @__PURE__ */ n("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ n("div", { className: "relative", children: [
+        /* @__PURE__ */ e(ne, { value: "groups", className: "mt-4", children: /* @__PURE__ */ r("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ r("div", { className: "relative", children: [
             /* @__PURE__ */ e(be, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
             /* @__PURE__ */ e(
               Q,
@@ -1106,12 +1106,12 @@ function Va({
               }
             )
           ] }),
-          /* @__PURE__ */ e(ve, { className: "h-[400px]", children: O ? /* @__PURE__ */ e("div", { className: "space-y-3", children: [1, 2, 3].map((D) => /* @__PURE__ */ e(Ne, { className: "h-24 w-full" }, D)) }) : A.length === 0 ? /* @__PURE__ */ n("div", { className: "flex flex-col items-center justify-center py-12 text-muted-foreground", children: [
-            /* @__PURE__ */ e(_, { className: "h-12 w-12 mb-3 opacity-50" }),
+          /* @__PURE__ */ e(ve, { className: "h-[400px]", children: O ? /* @__PURE__ */ e("div", { className: "space-y-3", children: [1, 2, 3].map((D) => /* @__PURE__ */ e(Ne, { className: "h-24 w-full" }, D)) }) : A.length === 0 ? /* @__PURE__ */ r("div", { className: "flex flex-col items-center justify-center py-12 text-muted-foreground", children: [
+            /* @__PURE__ */ e($, { className: "h-12 w-12 mb-3 opacity-50" }),
             /* @__PURE__ */ e("p", { className: "text-sm font-medium", children: "No groups found" }),
             /* @__PURE__ */ e("p", { className: "text-xs mt-1", children: i ? "Try a different search" : "Create your first group to get started" })
           ] }) : /* @__PURE__ */ e("div", { className: "space-y-3", children: A.map((D) => /* @__PURE__ */ e(
-            Qa,
+            Va,
             {
               group: D,
               onManageMembers: () => N(D),
@@ -1122,9 +1122,9 @@ function Va({
           )) }) })
         ] }) }),
         /* @__PURE__ */ e(ne, { value: "create", className: "mt-4", children: /* @__PURE__ */ e(
-          Aa,
+          Pa,
           {
-            onSuccess: F,
+            onSuccess: T,
             tenantId: M,
             isTenantUser: x
           }
@@ -1132,7 +1132,7 @@ function Va({
       ] })
     ] }) }),
     l && /* @__PURE__ */ e(
-      _a,
+      za,
       {
         open: h,
         onOpenChange: f,
@@ -1141,28 +1141,28 @@ function Va({
       }
     ),
     /* @__PURE__ */ e(
-      Rs,
+      Gs,
       {
         open: !!u,
         onOpenChange: () => c(null),
-        children: /* @__PURE__ */ n(Os, { children: [
-          /* @__PURE__ */ n(Us, { children: [
-            /* @__PURE__ */ e(qs, { children: "Delete Group" }),
-            /* @__PURE__ */ n(zs, { children: [
+        children: /* @__PURE__ */ r(Rs, { children: [
+          /* @__PURE__ */ r(Os, { children: [
+            /* @__PURE__ */ e(Us, { children: "Delete Group" }),
+            /* @__PURE__ */ r(qs, { children: [
               'Are you sure you want to delete "',
               u == null ? void 0 : u.name,
               '"? This action cannot be undone and will remove all members from the group.'
             ] })
           ] }),
-          /* @__PURE__ */ n(_s, { children: [
+          /* @__PURE__ */ r(zs, { children: [
             /* @__PURE__ */ e($s, { children: "Cancel" }),
             /* @__PURE__ */ e(
               js,
               {
-                onClick: $,
+                onClick: j,
                 disabled: v.isPending,
                 className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-                children: v.isPending ? /* @__PURE__ */ n(E, { children: [
+                children: v.isPending ? /* @__PURE__ */ r(E, { children: [
                   /* @__PURE__ */ e(H, { className: "mr-2 h-4 w-4 animate-spin" }),
                   "Deleting..."
                 ] }) : "Delete Group"
@@ -1174,39 +1174,39 @@ function Va({
     )
   ] });
 }
-function Qa({
+function Va({
   group: s,
-  onManageMembers: r,
+  onManageMembers: n,
   onDelete: a,
   currentUserId: t
 }) {
   const i = s.createdBy === t;
-  return /* @__PURE__ */ e("div", { className: "rounded-lg border bg-card p-4 transition-colors hover:bg-muted/50", children: /* @__PURE__ */ n("div", { className: "flex items-start justify-between gap-3", children: [
-    /* @__PURE__ */ n("div", { className: "flex-1 space-y-2", children: [
-      /* @__PURE__ */ n("div", { children: [
+  return /* @__PURE__ */ e("div", { className: "rounded-lg border bg-card p-4 transition-colors hover:bg-muted/50", children: /* @__PURE__ */ r("div", { className: "flex items-start justify-between gap-3", children: [
+    /* @__PURE__ */ r("div", { className: "flex-1 space-y-2", children: [
+      /* @__PURE__ */ r("div", { children: [
         /* @__PURE__ */ e("h4", { className: "font-medium", children: s.name }),
         s.description && /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground mt-1", children: s.description })
       ] }),
-      /* @__PURE__ */ n("div", { className: "flex flex-wrap items-center gap-3 text-xs text-muted-foreground", children: [
-        /* @__PURE__ */ n("span", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ e(_, { className: "h-3 w-3" }),
+      /* @__PURE__ */ r("div", { className: "flex flex-wrap items-center gap-3 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ r("span", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ e($, { className: "h-3 w-3" }),
           s.memberCount,
           " ",
           s.memberCount === 1 ? "member" : "members"
         ] }),
-        /* @__PURE__ */ n("span", { children: [
+        /* @__PURE__ */ r("span", { children: [
           "Created ",
-          Vs(new Date(s.createdAt), "MMM d, yyyy")
+          _s(new Date(s.createdAt), "MMM d, yyyy")
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ n("div", { className: "flex items-center gap-1", children: [
+    /* @__PURE__ */ r("div", { className: "flex items-center gap-1", children: [
       /* @__PURE__ */ e(
         k,
         {
           variant: "ghost",
           size: "sm",
-          onClick: r,
+          onClick: n,
           title: "Manage members",
           children: /* @__PURE__ */ e(ye, { className: "h-4 w-4" })
         }
@@ -1229,9 +1229,9 @@ function Ya() {
   var Re, Oe, Ue;
   const {
     authToken: s,
-    tokenProps: r,
+    tokenProps: n,
     id: a
-  } = R(), { isLocalDev: t } = Qs(), { permissions: i } = Hs(), o = Bs(), { isLoading: l } = Ks();
+  } = R(), { isLocalDev: t } = Vs(), { permissions: i } = Qs(), o = Hs(), { isLoading: l } = Bs();
   y((d) => d.theme);
   const m = y((d) => d.lenses), h = y((d) => d.selectedLensId), f = m == null ? void 0 : m.find((d) => d.id === h), u = y((d) => d.dashboard);
   y((d) => d.selectedSheetId);
@@ -1239,15 +1239,15 @@ function Ya() {
     (d) => d.isDashboardEditing
   ), { setDashboardTitle: p } = y((d) => d.actions), [b, v] = w(!1), [x, M] = w(!1), [P, O] = w(!1), G = y((d) => d.isDashboardPanelOpen), A = y(
     (d) => d.actions.setIsDashboardPanelOpen
-  ), $ = y((d) => d.filterValues), N = y((d) => d.isVisualEditing);
-  _e((d) => d.card);
-  const F = se(
+  ), j = y((d) => d.filterValues), N = y((d) => d.isVisualEditing);
+  $e((d) => d.card);
+  const T = se(
     (d) => d.selectedDashboard
   ), D = se(
     (d) => d.initialDashboard
   );
-  se((d) => d.selectedVisual), y((d) => d.selectedFrameId), _e((d) => d.frame);
-  const U = F ? (Oe = F == null ? void 0 : F.permissions) == null ? void 0 : Oe.canEdit : (Re = D == null ? void 0 : D.permissions) == null ? void 0 : Re.canEdit, me = y((d) => d.showFilters), he = y(
+  se((d) => d.selectedVisual), y((d) => d.selectedFrameId), $e((d) => d.frame);
+  const U = T ? (Oe = T == null ? void 0 : T.permissions) == null ? void 0 : Oe.canEdit : (Re = D == null ? void 0 : D.permissions) == null ? void 0 : Re.canEdit, me = y((d) => d.showFilters), he = y(
     (d) => d.showDashboardJSON
   ), B = y((d) => d.onSaveFunction), g = y(
     (d) => d.actions.setShowFilters
@@ -1255,10 +1255,10 @@ function Ya() {
     (d) => d.actions
   ), { setInitialDashboard: q, clearSelectedDashboard: Y } = se(
     (d) => d.actions
-  ), { resources: z } = Ws(fe.DASHBOARD), { currentUser: cs } = Ze(), ds = Js(cs), j = F || D, Te = j ? {
-    id: j.id,
-    title: (u == null ? void 0 : u.title) || j.title || "Dashboard"
-  } : null, { handleAddNewFrame: us } = Xs(), [pe, ge] = w(!1), Z = Ys(fe.DASHBOARD), ms = async (d, T) => {
+  ), { resources: z } = Ks(fe.DASHBOARD), { currentUser: cs } = Ze(), ds = Ws(cs), _ = T || D, Te = _ ? {
+    id: _.id,
+    title: (u == null ? void 0 : u.title) || _.title || "Dashboard"
+  } : null, { handleAddNewFrame: us } = Js(), [pe, ge] = w(!1), Z = Xs(fe.DASHBOARD), ms = async (d, F) => {
     if (!(u != null && u.id)) {
       console.log("No dashboard ID found");
       return;
@@ -1266,7 +1266,7 @@ function Ya() {
     console.log("Updating dashboard title:", {
       dashboardId: u.id,
       newTitle: d,
-      previousTitle: T
+      previousTitle: F
     }), Z.mutate(
       {
         resourceId: u.id,
@@ -1277,23 +1277,23 @@ function Ya() {
           console.log("Dashboard title updated successfully"), C.success("Dashboard title updated");
         },
         onError: (K) => {
-          console.error("Failed to update dashboard title:", K), C.error("Failed to update dashboard title"), p(T);
+          console.error("Failed to update dashboard title:", K), C.error("Failed to update dashboard title"), p(F);
         }
       }
     );
   };
-  oa(() => {
+  na(() => {
     if (z && z.length > 0) {
       const d = u == null ? void 0 : u.id;
       if (d) {
-        const T = z.find(
+        const F = z.find(
           (K) => K.id === d
         );
-        T && q(T);
+        F && q(F);
       }
     }
   }, [z, u == null ? void 0 : u.id, q]);
-  const ee = r.orgUserId || r.tenantId, hs = c && !N && ee && U, ps = () => {
+  const ee = n.orgUserId || n.tenantId, hs = c && !N && ee && U, ps = () => {
     L(!0);
   };
   async function gs() {
@@ -1301,13 +1301,13 @@ function Ya() {
       u
     );
     ge(!0);
-    const T = {
+    const F = {
       template: d
     };
     Z.mutate(
       {
         resourceId: d.id,
-        data: T
+        data: F
       },
       {
         onSuccess: () => {
@@ -1323,13 +1323,13 @@ function Ya() {
     if (v(!0), !h || !f) return;
     const d = we(
       u
-    ), T = JSON.stringify(d), K = {
+    ), F = JSON.stringify(d), K = {
       ...f,
-      template: T,
-      filterValues: $
+      template: F,
+      filterValues: j
     };
     await xe(
-      r.apiServiceUrl,
+      n.apiServiceUrl,
       K,
       s == null ? void 0 : s.accessToken
     ), C.success("Lens saved"), B == null || B(d), v(!1);
@@ -1341,15 +1341,15 @@ function Ya() {
     dashboardId: u == null ? void 0 : u.id,
     currentLensName: f == null ? void 0 : f.name
   });
-  const bs = r.orgUserId || r.tenantId && r.endUserId && r.endUserEmail, vs = F && !(r != null && r.dashboard_id) && !a;
-  return /* @__PURE__ */ n(
+  const bs = n.orgUserId || n.tenantId && n.endUserId && n.endUserEmail;
+  return /* @__PURE__ */ r(
     "div",
     {
       className: "flex h-11 items-center justify-between gap-2 border-b px-4 py-2",
       role: "dashboard-controls",
       children: [
-        /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
-          bs && /* @__PURE__ */ n(E, { children: [
+        /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
+          bs && /* @__PURE__ */ r(E, { children: [
             /* @__PURE__ */ e(
               V,
               {
@@ -1359,10 +1359,10 @@ function Ya() {
                   A(!G);
                 },
                 className: "h-7 p-2",
-                children: /* @__PURE__ */ e(ua, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ e(da, { className: "h-4 w-4" })
               }
             ),
-            vs && !N && /* @__PURE__ */ e(
+            o && !N && /* @__PURE__ */ e(
               V,
               {
                 "aria-label": "Dashboard Hub",
@@ -1373,11 +1373,11 @@ function Ya() {
               }
             )
           ] }),
-          !N && o && (l ? /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
+          !N && o && (l ? /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ e(H, { className: "h-3 w-3 animate-spin text-muted-foreground" }),
             /* @__PURE__ */ e("span", { className: "text-sm text-muted-foreground", children: "Loading..." })
           ] }) : /* @__PURE__ */ e(
-            Zs,
+            Ys,
             {
               value: Ge || "Untitled Dashboard",
               onSave: (d) => {
@@ -1386,8 +1386,8 @@ function Ya() {
                   canEditDashboard: U,
                   dashboardId: u == null ? void 0 : u.id
                 });
-                const T = (u == null ? void 0 : u.title) || "";
-                p(d), ms(d, T);
+                const F = (u == null ? void 0 : u.title) || "";
+                p(d), ms(d, F);
               },
               isEditable: U && !f,
               displayClassName: "text-sm font-medium",
@@ -1397,38 +1397,38 @@ function Ya() {
             }
           ))
         ] }),
-        /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
-          N && /* @__PURE__ */ n(E, { children: [
-            /* @__PURE__ */ e(ia, { className: "mr-2" }),
-            /* @__PURE__ */ e(la, { className: "h-7" })
+        /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
+          N && /* @__PURE__ */ r(E, { children: [
+            /* @__PURE__ */ e(oa, { className: "mr-2" }),
+            /* @__PURE__ */ e(ia, { className: "h-7" })
           ] }),
           t && !N && /* @__PURE__ */ e(
             V,
             {
               tooltip: "Invalidate Token",
-              onClick: () => ea(r.apiServiceUrl),
+              onClick: () => Zs(n.apiServiceUrl),
               className: "h-7 p-2",
-              children: /* @__PURE__ */ e(ha, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ e(ma, { className: "h-4 w-4" })
             }
           ),
-          !N && o && /* @__PURE__ */ e(wa, {}),
-          !N && o && /* @__PURE__ */ e(ca, {}),
+          !N && o && /* @__PURE__ */ e(ya, {}),
+          !N && o && /* @__PURE__ */ e(la, {}),
           !N && o && ds && /* @__PURE__ */ e(
             V,
             {
               tooltip: "Manage Groups",
               onClick: () => O(!0),
               className: "h-7 p-2",
-              children: /* @__PURE__ */ e(_, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ e($, { className: "h-4 w-4" })
             }
           ),
-          !N && o && ((Ue = j == null ? void 0 : j.permissions) == null ? void 0 : Ue.canShare) && /* @__PURE__ */ e(
+          !N && o && ((Ue = _ == null ? void 0 : _.permissions) == null ? void 0 : Ue.canShare) && /* @__PURE__ */ e(
             V,
             {
               tooltip: "Share Dashboard",
               onClick: () => M(!0),
               className: "h-7 p-2",
-              children: /* @__PURE__ */ e(sa, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ e(ea, { className: "h-4 w-4" })
             }
           ),
           !me && !N && c && i.canUseFilters && o && /* @__PURE__ */ e(
@@ -1438,12 +1438,12 @@ function Ya() {
               variant: "outline",
               onClick: () => g(!0),
               size: "sm",
-              children: /* @__PURE__ */ e(aa, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ e(sa, { className: "h-4 w-4" })
             }
           ),
-          c && !N && ee && t && o && /* @__PURE__ */ e(Na, {}),
-          !N && ee && t && o && /* @__PURE__ */ e(ya, {}),
-          c && !N && ee && f && t && o && /* @__PURE__ */ n(
+          c && !N && ee && t && o && /* @__PURE__ */ e(va, {}),
+          !N && ee && t && o && /* @__PURE__ */ e(Na, {}),
+          c && !N && ee && f && t && o && /* @__PURE__ */ r(
             k,
             {
               className: "h-7 p-2",
@@ -1452,12 +1452,12 @@ function Ya() {
               onClick: fs,
               size: "sm",
               children: [
-                /* @__PURE__ */ e($e, { className: "mr-2 h-4 w-4" }),
+                /* @__PURE__ */ e(je, { className: "mr-2 h-4 w-4" }),
                 "Save Lens"
               ]
             }
           ),
-          c && !N && o && /* @__PURE__ */ n(
+          c && !N && o && /* @__PURE__ */ r(
             k,
             {
               variant: "outline",
@@ -1471,7 +1471,7 @@ function Ya() {
               ]
             }
           ),
-          !N && !c && i.canEdit && o && /* @__PURE__ */ n(
+          !N && !c && i.canEdit && o && /* @__PURE__ */ r(
             k,
             {
               variant: "outline",
@@ -1479,12 +1479,12 @@ function Ya() {
               onClick: ps,
               size: "sm",
               children: [
-                /* @__PURE__ */ e(ta, { className: "mr-2 h-4 w-4" }),
+                /* @__PURE__ */ e(aa, { className: "mr-2 h-4 w-4" }),
                 "Edit"
               ]
             }
           ),
-          hs && o && /* @__PURE__ */ n(
+          hs && o && /* @__PURE__ */ r(
             k,
             {
               className: "h-7 p-2",
@@ -1492,7 +1492,7 @@ function Ya() {
               onClick: gs,
               size: "sm",
               children: [
-                pe ? /* @__PURE__ */ e(H, { className: "mr-2 h-4 w-4 animate-spin" }) : /* @__PURE__ */ e($e, { className: "mr-2 h-4 w-4" }),
+                pe ? /* @__PURE__ */ e(H, { className: "mr-2 h-4 w-4 animate-spin" }) : /* @__PURE__ */ e(je, { className: "mr-2 h-4 w-4" }),
                 pe ? "Saving..." : "Save"
               ]
             }
@@ -1504,11 +1504,11 @@ function Ya() {
               onClick: () => I(!he),
               size: "sm",
               variant: "ghost",
-              children: /* @__PURE__ */ e(ra, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ e(ta, { className: "h-4 w-4" })
             }
           ) }),
-          !N && t && /* @__PURE__ */ e(fa, {}),
-          c && !N && o && /* @__PURE__ */ n(
+          !N && t && /* @__PURE__ */ e(ga, {}),
+          c && !N && o && /* @__PURE__ */ r(
             k,
             {
               variant: "outline",
@@ -1523,7 +1523,7 @@ function Ya() {
             }
           ),
           x && Te && /* @__PURE__ */ e(
-            na,
+            ra,
             {
               resource: Te,
               resourceType: fe.DASHBOARD,
@@ -1531,7 +1531,7 @@ function Ya() {
             }
           ),
           /* @__PURE__ */ e(
-            Va,
+            _a,
             {
               open: P,
               onOpenChange: O