@wso2/am-core-ui 0.0.18 → 0.0.19

package/dist/index-KRsV2L4V.js

@@ -0,0 +1,1564 @@
+import { Plus as Le, Users as nt, Trash as we, Link2 as xt, Check as Pt, Copy as It, ArrowLeft as Rt, Shield as it, Folder as st, Settings as Nt } from "@wso2/oxygen-ui-icons-react";
+import { jsx as t, Fragment as H, jsxs as s } from "react/jsx-runtime";
+import { useParams as fe, useNavigate as xe, generatePath as q, Link as ut, Route as le, Navigate as je, Routes as pt, useLocation as At, matchPath as Ut } from "react-router-dom";
+import { c as Ie } from "react/compiler-runtime";
+import { q as Ve, bF as gt, bG as Dt, G as at, g as he, r as Ke, A as Qe, bH as kt, bI as Gt, t as Et, bJ as Lt, bK as Tt, bL as _t, bM as ft, bN as bt, bO as vt, bP as zt, bQ as Ft, bR as Wt, bS as Mt, bT as Ot, bU as Bt, bV as Vt, bW as $t, bX as Ht, bY as Xt, bZ as qt, b_ as jt, b$ as Yt, c0 as Jt, c1 as Kt, c2 as Qt, c3 as Zt, c4 as er, bv as tr, P as rr } from "./index-B_Z0MwXk.js";
+import { useState as R, useMemo as _, useEffect as $e, useRef as yt, useCallback as Ye } from "react";
+import { ListingTable as n, Stack as ae, Skeleton as Se, Alert as ne, Button as X, Avatar as Ze, Typography as B, Tooltip as De, IconButton as ke, TablePagination as et, Form as S, TextField as ce, Box as L, Collapse as tt, Tabs as ot, Tab as Ee, Autocomplete as Oe, Chip as Je, createFilterOptions as nr, Checkbox as ht, CircularProgress as ir, Card as sr, List as ar, ListItemButton as or, ListItemIcon as lr, ListItemText as cr, ListSubheader as dr, Divider as hr } from "@wso2/oxygen-ui";
+import "@tanstack/react-query";
+import { o as rt, s as ye } from "./schemas-DFScWdSL.js";
+const lt = (e) => {
+  const r = Ie(5), {
+    rows: d,
+    columns: c
+  } = e, l = d === void 0 ? 5 : d, a = c === void 0 ? 2 : c;
+  let m;
+  r[0] !== l ? (m = Array.from({
+    length: l
+  }), r[0] = l, r[1] = m) : m = r[1];
+  let o;
+  return r[2] !== a || r[3] !== m ? (o = /* @__PURE__ */ t(H, { children: m.map((f, g) => /* @__PURE__ */ s(n.Row, { variant: "table", children: [
+    /* @__PURE__ */ t(n.Cell, { children: /* @__PURE__ */ s(ae, { direction: "row", alignItems: "center", spacing: 2, children: [
+      /* @__PURE__ */ t(Se, { variant: "circular", width: 28, height: 28 }),
+      /* @__PURE__ */ t(Se, { variant: "text", width: "40%" })
+    ] }) }),
+    a > 1 && /* @__PURE__ */ t(n.Cell, { children: /* @__PURE__ */ t(Se, { variant: "text", width: "70%" }) }),
+    /* @__PURE__ */ t(n.Cell, { align: "center", width: "80px" })
+  ] }, g)) }), r[2] = a, r[3] = m, r[4] = o) : o = r[4], o;
+}, mr = {
+  width: 28,
+  height: 28,
+  fontSize: 12
+}, ur = () => {
+  const {
+    orgId: e
+  } = fe(), r = xe(), d = Ve.featureFlags?.enableUserManagement === !0, [c, l] = R(0), [a, m] = R(10), [o, f] = R(""), {
+    data: g,
+    isLoading: i,
+    error: w
+  } = gt({
+    orgName: e
+  }, {
+    offset: c * a,
+    limit: a
+  }), {
+    mutateAsync: p
+  } = Dt(), {
+    addConfirmation: I
+  } = at(), P = _(() => g?.users ?? [], [g]), y = g?.total ?? 0;
+  $e(() => {
+    if (P.length === 0 && y > 0) {
+      const b = Math.max(0, Math.ceil(y / a) - 1);
+      c !== b && l(b);
+    }
+  }, [P.length, y, c, a]);
+  const N = he.children.org.children.settings.children.identities, U = e ? q(N.children.users.path + "/invite", {
+    orgId: e
+  }) : "#", F = e ? q(N.children.users.path + "/add", {
+    orgId: e
+  }) : "#", T = (b) => e ? q(N.children.users.path + "/:userId", {
+    orgId: e,
+    userId: b
+  }) : "#", C = (b) => String(b.attributes?.username ?? ""), u = _(() => {
+    if (!o) return P;
+    const b = o.toLowerCase();
+    return P.filter((M) => C(M).toLowerCase().includes(b));
+  }, [P, o]), A = (b) => {
+    I({
+      title: "Delete User",
+      description: `Are you sure you want to delete "${C(b)}"? This action cannot be undone.`,
+      confirmButtonText: "Delete",
+      confirmButtonColor: "error",
+      confirmButtonIcon: /* @__PURE__ */ t(we, { size: 16 }),
+      onConfirm: () => p({
+        orgName: e,
+        userId: b.id
+      })
+    });
+  };
+  return /* @__PURE__ */ s(H, { children: [
+    w != null && /* @__PURE__ */ t(ne, { severity: "error", sx: {
+      mb: 2
+    }, children: "Failed to load users" }),
+    /* @__PURE__ */ t(n.Provider, { searchValue: o, onSearchChange: f, children: /* @__PURE__ */ s(n.Container, { children: [
+      /* @__PURE__ */ t(n.Toolbar, { showSearch: !0, searchPlaceholder: "Search users...", actions: /* @__PURE__ */ s(ae, { direction: "row", spacing: 1, children: [
+        /* @__PURE__ */ t(X, { variant: "outlined", startIcon: /* @__PURE__ */ t(Le, {}), onClick: () => r(F), disabled: !d, children: "Add User" }),
+        /* @__PURE__ */ t(X, { variant: "contained", startIcon: /* @__PURE__ */ t(Le, {}), onClick: () => r(U), disabled: !d, children: "Invite User" })
+      ] }) }),
+      !i && y === 0 ? /* @__PURE__ */ t(n.EmptyState, { illustration: /* @__PURE__ */ t(nt, { size: 64 }), title: "No users yet", description: 'Click "Add User" to create one or "Invite User" to invite someone.' }) : !i && u.length === 0 ? /* @__PURE__ */ t(n.EmptyState, { illustration: /* @__PURE__ */ t(nt, { size: 64 }), title: "No users found", description: `No users match "${o}". Try a different search term.` }) : /* @__PURE__ */ s(n, { variant: "table", children: [
+        /* @__PURE__ */ t(n.Head, { children: /* @__PURE__ */ s(n.Row, { children: [
+          /* @__PURE__ */ t(n.Cell, { children: "Username" }),
+          /* @__PURE__ */ t(n.Cell, { children: "User ID" }),
+          /* @__PURE__ */ t(n.Cell, { align: "center", width: "80px" })
+        ] }) }),
+        /* @__PURE__ */ s(n.Body, { children: [
+          i && /* @__PURE__ */ t(lt, { rows: a }),
+          !i && u.map((b) => {
+            const M = C(b);
+            return /* @__PURE__ */ s(n.Row, { variant: "table", hover: !0, clickable: !0, onClick: () => r(T(b.id)), children: [
+              /* @__PURE__ */ t(n.Cell, { children: /* @__PURE__ */ t(n.CellIcon, { icon: /* @__PURE__ */ t(Ze, { sx: mr, children: M.charAt(0).toUpperCase() || "U" }), primary: M }) }),
+              /* @__PURE__ */ t(n.Cell, { children: /* @__PURE__ */ t(B, { variant: "body2", color: "text.secondary", noWrap: !0, children: b.id }) }),
+              /* @__PURE__ */ t(n.Cell, { align: "center", children: /* @__PURE__ */ t(n.RowActions, { visibility: "hover", children: /* @__PURE__ */ t(De, { title: "Delete user", children: /* @__PURE__ */ t(ke, { size: "small", color: "error", onClick: (j) => {
+                j.stopPropagation(), A(b);
+              }, children: /* @__PURE__ */ t(we, { size: 16 }) }) }) }) })
+            ] }, b.id);
+          })
+        ] })
+      ] }),
+      !i && y >= 5 && /* @__PURE__ */ t(et, { component: "div", count: y, page: c, rowsPerPage: a, onPageChange: (b, M) => l(M), onRowsPerPageChange: (b) => {
+        m(parseInt(b.target.value, 10)), l(0);
+      }, rowsPerPageOptions: [5, 10, 25, 50] })
+    ] }) })
+  ] });
+}, pr = rt({
+  name: ye().trim().min(1, "Name is required").max(50, "Name must be at most 50 characters"),
+  description: ye().trim().optional()
+}), gr = rt({
+  name: ye().trim().min(1, "Name is required").max(50, "Name must be at most 50 characters"),
+  description: ye().trim().optional()
+}), fr = rt({
+  username: ye().trim().min(1, "Username is required").max(100, "Username must be at most 100 characters").regex(/^\S+$/, "Username cannot contain spaces"),
+  password: ye().min(1, "Password is required").min(8, "Password must be at least 8 characters"),
+  firstName: ye().trim().optional(),
+  lastName: ye().trim().optional(),
+  email: ye().trim().optional().refine((e) => !e || ye().email().safeParse(e).success, {
+    message: "Enter a valid email address"
+  })
+}), br = rt({
+  email: ye().trim().min(1, "Email is required").email("Enter a valid email address")
+}), vr = () => {
+  const e = Ie(40), {
+    orgId: r
+  } = fe(), d = xe();
+  let c;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (c = {
+    email: ""
+  }, e[0] = c) : c = e[0];
+  const [l, a] = R(c), [m, o] = R(), [f, g] = R(!1), {
+    errors: i,
+    validateField: w,
+    validateForm: p,
+    clearErrors: I,
+    setFieldError: P
+  } = Ke(br), {
+    checkDirty: y,
+    resetDirty: N
+  } = Qe(l);
+  let U;
+  e[1] === Symbol.for("react.memo_cache_sentinel") ? (U = {}, e[1] = U) : U = e[1];
+  const [F, T] = R(U), {
+    mutateAsync: C,
+    isPending: u,
+    error: A
+  } = kt();
+  let b;
+  e[2] !== r ? (b = r ? q(he.children.org.children.settings.children.identities.children.users.path, {
+    orgId: r
+  }) : "#", e[2] = r, e[3] = b) : b = e[3];
+  const M = b;
+  let j;
+  e[4] !== y || e[5] !== l || e[6] !== P || e[7] !== w ? (j = (J, ie) => {
+    const de = {
+      ...l,
+      [J]: ie
+    };
+    a(de), y(de), P(J, w(J, ie));
+  }, e[4] = y, e[5] = l, e[6] = P, e[7] = w, e[8] = j) : j = e[8];
+  const V = j;
+  let Y;
+  e[9] !== i || e[10] !== l || e[11] !== C || e[12] !== r || e[13] !== p ? (Y = async () => {
+    if (!p(l)) {
+      T(i);
+      return;
+    }
+    T({});
+    try {
+      const J = await C({
+        params: {
+          orgName: r
+        },
+        body: {
+          email: l.email.trim()
+        }
+      });
+      o(J.inviteLink);
+    } catch {
+    }
+  }, e[9] = i, e[10] = l, e[11] = C, e[12] = r, e[13] = p, e[14] = Y) : Y = e[14];
+  const W = Y;
+  let Z;
+  e[15] !== I || e[16] !== N ? (Z = () => {
+    o(void 0), a({
+      email: ""
+    }), N(), I(), T({});
+  }, e[15] = I, e[16] = N, e[17] = Z) : Z = e[17];
+  const ee = Z;
+  let $;
+  e[18] !== m ? ($ = async () => {
+    m && (await navigator.clipboard.writeText(m), g(!0), setTimeout(() => g(!1), 2e3));
+  }, e[18] = m, e[19] = $) : $ = e[19];
+  const D = $;
+  let k;
+  e[20] !== F ? (k = Object.values(F), e[20] = F, e[21] = k) : k = e[21];
+  const te = k;
+  let O;
+  e[22] !== A ? (O = A != null && /* @__PURE__ */ t(ne, { severity: "error", children: A?.message ?? "Failed to send invitation" }), e[22] = A, e[23] = O) : O = e[23];
+  let G;
+  e[24] !== f || e[25] !== i || e[26] !== l.email || e[27] !== D || e[28] !== V || e[29] !== ee || e[30] !== W || e[31] !== m || e[32] !== u || e[33] !== d || e[34] !== te || e[35] !== M ? (G = m == null ? /* @__PURE__ */ s(H, { children: [
+    /* @__PURE__ */ t(S.Stack, { spacing: 3, children: /* @__PURE__ */ s(S.Section, { children: [
+      /* @__PURE__ */ t(S.Subheader, { children: "Invite Details" }),
+      /* @__PURE__ */ t(S.Stack, { spacing: 2, children: /* @__PURE__ */ t(S.ElementWrapper, { label: "Email Address", name: "email", children: /* @__PURE__ */ t(ce, { id: "email", type: "email", value: l.email, onChange: (J) => V("email", J.target.value), placeholder: "user@example.com", autoComplete: "off", error: !!i.email, helperText: i.email, fullWidth: !0 }) }) })
+    ] }) }),
+    /* @__PURE__ */ s(L, { display: "flex", flexDirection: "column", gap: 3, children: [
+      /* @__PURE__ */ t(tt, { in: te.length > 0, timeout: "auto", unmountOnExit: !0, children: /* @__PURE__ */ t(ne, { severity: "error", children: te.map(yr) }) }),
+      /* @__PURE__ */ s(L, { display: "flex", flexDirection: "row", gap: 1, alignItems: "center", children: [
+        /* @__PURE__ */ t(X, { variant: "outlined", color: "primary", onClick: () => d(M), disabled: u, children: "Cancel" }),
+        /* @__PURE__ */ t(X, { variant: "contained", color: "primary", startIcon: /* @__PURE__ */ t(xt, { size: 16 }), onClick: W, disabled: u || !l.email.trim(), children: "Get Invitation Link" })
+      ] })
+    ] })
+  ] }) : /* @__PURE__ */ t(S.Stack, { spacing: 3, children: /* @__PURE__ */ s(S.Section, { children: [
+    /* @__PURE__ */ t(S.Subheader, { children: "Invitation Created" }),
+    /* @__PURE__ */ s(S.Stack, { spacing: 2, children: [
+      /* @__PURE__ */ s(ne, { severity: "success", children: [
+        "An invitation has been created for",
+        " ",
+        /* @__PURE__ */ t("strong", { children: l.email }),
+        ". Share the link below with the user to complete registration."
+      ] }),
+      /* @__PURE__ */ s(L, { children: [
+        /* @__PURE__ */ t(B, { variant: "body2", color: "text.secondary", mb: 1, children: "Invite Link" }),
+        /* @__PURE__ */ s(L, { display: "flex", flexDirection: "row", gap: 1, alignItems: "center", children: [
+          /* @__PURE__ */ t(ce, { fullWidth: !0, value: m, InputProps: {
+            readOnly: !0
+          } }),
+          /* @__PURE__ */ t(De, { title: f ? "Copied!" : "Copy link", children: /* @__PURE__ */ t(ke, { onClick: D, size: "small", children: f ? /* @__PURE__ */ t(Pt, { size: 16 }) : /* @__PURE__ */ t(It, { size: 16 }) }) })
+        ] })
+      ] }),
+      /* @__PURE__ */ s(L, { display: "flex", flexDirection: "row", gap: 1, alignItems: "center", justifyContent: "flex-end", children: [
+        /* @__PURE__ */ t(X, { variant: "outlined", color: "primary", onClick: ee, children: "Invite Another" }),
+        /* @__PURE__ */ t(X, { variant: "contained", color: "primary", onClick: () => d(M), children: "Done" })
+      ] })
+    ] })
+  ] }) }), e[24] = f, e[25] = i, e[26] = l.email, e[27] = D, e[28] = V, e[29] = ee, e[30] = W, e[31] = m, e[32] = u, e[33] = d, e[34] = te, e[35] = M, e[36] = G) : G = e[36];
+  let re;
+  return e[37] !== O || e[38] !== G ? (re = /* @__PURE__ */ t(H, { children: /* @__PURE__ */ s(L, { display: "flex", flexDirection: "column", gap: 2, children: [
+    O,
+    G
+  ] }) }), e[37] = O, e[38] = G, e[39] = re) : re = e[39], re;
+};
+function yr(e, r) {
+  return /* @__PURE__ */ t(L, { children: e }, r);
+}
+const Cr = () => {
+  const e = Ie(99), {
+    orgId: r
+  } = fe(), d = xe(), c = he.children.org.children.settings.children.identities;
+  let l;
+  e[0] !== r ? (l = r ? q(c.children.users.path, {
+    orgId: r
+  }) : "#", e[0] = r, e[1] = l) : l = e[1];
+  const a = l, {
+    mutateAsync: m,
+    isPending: o,
+    error: f
+  } = Gt();
+  let g;
+  e[2] === Symbol.for("react.memo_cache_sentinel") ? (g = {
+    username: "",
+    password: "",
+    firstName: "",
+    lastName: "",
+    email: ""
+  }, e[2] = g) : g = e[2];
+  const [i, w] = R(g), {
+    errors: p,
+    validateField: I,
+    validateForm: P,
+    clearErrors: y,
+    setFieldError: N
+  } = Ke(fr), {
+    checkDirty: U,
+    resetDirty: F
+  } = Qe(i);
+  let T;
+  e[3] === Symbol.for("react.memo_cache_sentinel") ? (T = {}, e[3] = T) : T = e[3];
+  const [C, u] = R(T);
+  let A;
+  e[4] !== U || e[5] !== i || e[6] !== N || e[7] !== I ? (A = (K, He) => {
+    const Xe = {
+      ...i,
+      [K]: He
+    };
+    w(Xe), U(Xe), N(K, I(K, He));
+  }, e[4] = U, e[5] = i, e[6] = N, e[7] = I, e[8] = A) : A = e[8];
+  const b = A;
+  let M;
+  e[9] !== y || e[10] !== m || e[11] !== p || e[12] !== i || e[13] !== d || e[14] !== r || e[15] !== F || e[16] !== a || e[17] !== P ? (M = async () => {
+    if (!P(i)) {
+      u(p);
+      return;
+    }
+    u({});
+    const K = {
+      username: i.username,
+      password: i.password
+    };
+    i.firstName && (K.given_name = i.firstName), i.lastName && (K.family_name = i.lastName), i.email && (K.email = i.email);
+    try {
+      await m({
+        params: {
+          orgName: r
+        },
+        body: {
+          type: "engineer",
+          attributes: K
+        }
+      }), F(), y(), d(a);
+    } catch {
+    }
+  }, e[9] = y, e[10] = m, e[11] = p, e[12] = i, e[13] = d, e[14] = r, e[15] = F, e[16] = a, e[17] = P, e[18] = M) : M = e[18];
+  const j = M;
+  let V;
+  e[19] !== C ? (V = Object.values(C), e[19] = C, e[20] = V) : V = e[20];
+  const Y = V;
+  let W;
+  e[21] !== f ? (W = f != null && /* @__PURE__ */ t(ne, { severity: "error", children: f?.message ?? "Failed to create user" }), e[21] = f, e[22] = W) : W = e[22];
+  let Z;
+  e[23] === Symbol.for("react.memo_cache_sentinel") ? (Z = /* @__PURE__ */ t(S.Subheader, { children: "User Details" }), e[23] = Z) : Z = e[23];
+  let ee;
+  e[24] !== b ? (ee = (K) => b("username", K.target.value), e[24] = b, e[25] = ee) : ee = e[25];
+  const $ = !!p.username;
+  let D;
+  e[26] !== p.username || e[27] !== i.username || e[28] !== o || e[29] !== ee || e[30] !== $ ? (D = /* @__PURE__ */ t(S.ElementWrapper, { label: "Username", name: "username", children: /* @__PURE__ */ t(ce, { id: "username", value: i.username, onChange: ee, placeholder: "jane.doe", autoComplete: "off", disabled: o, error: $, helperText: p.username, fullWidth: !0 }) }), e[26] = p.username, e[27] = i.username, e[28] = o, e[29] = ee, e[30] = $, e[31] = D) : D = e[31];
+  let k;
+  e[32] !== b ? (k = (K) => b("password", K.target.value), e[32] = b, e[33] = k) : k = e[33];
+  const te = !!p.password;
+  let O;
+  e[34] !== p.password || e[35] !== i.password || e[36] !== o || e[37] !== k || e[38] !== te ? (O = /* @__PURE__ */ t(S.ElementWrapper, { label: "Password", name: "password", children: /* @__PURE__ */ t(Et, { id: "password", type: "password", showPasswordToggle: !0, value: i.password, onChange: k, autoComplete: "new-password", disabled: o, error: te, helperText: p.password, fullWidth: !0 }) }), e[34] = p.password, e[35] = i.password, e[36] = o, e[37] = k, e[38] = te, e[39] = O) : O = e[39];
+  let G;
+  e[40] !== b ? (G = (K) => b("firstName", K.target.value), e[40] = b, e[41] = G) : G = e[41];
+  const re = !!p.firstName;
+  let J;
+  e[42] !== p.firstName || e[43] !== i.firstName || e[44] !== o || e[45] !== G || e[46] !== re ? (J = /* @__PURE__ */ t(S.ElementWrapper, { label: "First Name (optional)", name: "firstName", children: /* @__PURE__ */ t(ce, { id: "firstName", value: i.firstName, onChange: G, disabled: o, error: re, helperText: p.firstName, fullWidth: !0 }) }), e[42] = p.firstName, e[43] = i.firstName, e[44] = o, e[45] = G, e[46] = re, e[47] = J) : J = e[47];
+  let ie;
+  e[48] !== b ? (ie = (K) => b("lastName", K.target.value), e[48] = b, e[49] = ie) : ie = e[49];
+  const de = !!p.lastName;
+  let se;
+  e[50] !== p.lastName || e[51] !== i.lastName || e[52] !== o || e[53] !== ie || e[54] !== de ? (se = /* @__PURE__ */ t(S.ElementWrapper, { label: "Last Name (optional)", name: "lastName", children: /* @__PURE__ */ t(ce, { id: "lastName", value: i.lastName, onChange: ie, disabled: o, error: de, helperText: p.lastName, fullWidth: !0 }) }), e[50] = p.lastName, e[51] = i.lastName, e[52] = o, e[53] = ie, e[54] = de, e[55] = se) : se = e[55];
+  let oe;
+  e[56] !== b ? (oe = (K) => b("email", K.target.value), e[56] = b, e[57] = oe) : oe = e[57];
+  const ue = !!p.email;
+  let be;
+  e[58] !== p.email || e[59] !== i.email || e[60] !== o || e[61] !== oe || e[62] !== ue ? (be = /* @__PURE__ */ t(S.ElementWrapper, { label: "Email Address (optional)", name: "email", children: /* @__PURE__ */ t(ce, { id: "email", type: "email", value: i.email, onChange: oe, placeholder: "user@example.com", disabled: o, error: ue, helperText: p.email, fullWidth: !0 }) }), e[58] = p.email, e[59] = i.email, e[60] = o, e[61] = oe, e[62] = ue, e[63] = be) : be = e[63];
+  let me;
+  e[64] !== D || e[65] !== O || e[66] !== J || e[67] !== se || e[68] !== be ? (me = /* @__PURE__ */ t(S.Stack, { spacing: 3, children: /* @__PURE__ */ s(S.Section, { children: [
+    Z,
+    /* @__PURE__ */ s(S.Stack, { spacing: 2, children: [
+      D,
+      O,
+      J,
+      se,
+      be
+    ] })
+  ] }) }), e[64] = D, e[65] = O, e[66] = J, e[67] = se, e[68] = be, e[69] = me) : me = e[69];
+  const x = Y.length > 0;
+  let E;
+  e[70] !== Y ? (E = /* @__PURE__ */ t(ne, { severity: "error", children: Y.map(Sr) }), e[70] = Y, e[71] = E) : E = e[71];
+  let Q;
+  e[72] !== x || e[73] !== E ? (Q = /* @__PURE__ */ t(tt, { in: x, timeout: "auto", unmountOnExit: !0, children: E }), e[72] = x, e[73] = E, e[74] = Q) : Q = e[74];
+  let ve;
+  e[75] !== d || e[76] !== a ? (ve = () => d(a), e[75] = d, e[76] = a, e[77] = ve) : ve = e[77];
+  let Re;
+  e[78] !== o || e[79] !== ve ? (Re = /* @__PURE__ */ t(X, { variant: "outlined", color: "primary", onClick: ve, disabled: o, children: "Cancel" }), e[78] = o, e[79] = ve, e[80] = Re) : Re = e[80];
+  let Te;
+  e[81] === Symbol.for("react.memo_cache_sentinel") ? (Te = /* @__PURE__ */ t(Le, { size: 16 }), e[81] = Te) : Te = e[81];
+  let pe;
+  e[82] !== i.password || e[83] !== i.username || e[84] !== o ? (pe = o || !i.username.trim() || !i.password, e[82] = i.password, e[83] = i.username, e[84] = o, e[85] = pe) : pe = e[85];
+  let Pe;
+  e[86] !== j || e[87] !== pe ? (Pe = /* @__PURE__ */ t(X, { variant: "contained", color: "primary", startIcon: Te, onClick: j, disabled: pe, children: "Create User" }), e[86] = j, e[87] = pe, e[88] = Pe) : Pe = e[88];
+  let Ne;
+  e[89] !== Re || e[90] !== Pe ? (Ne = /* @__PURE__ */ s(L, { display: "flex", flexDirection: "row", gap: 1, alignItems: "center", children: [
+    Re,
+    Pe
+  ] }), e[89] = Re, e[90] = Pe, e[91] = Ne) : Ne = e[91];
+  let Ae;
+  e[92] !== Q || e[93] !== Ne ? (Ae = /* @__PURE__ */ s(L, { display: "flex", flexDirection: "column", gap: 3, children: [
+    Q,
+    Ne
+  ] }), e[92] = Q, e[93] = Ne, e[94] = Ae) : Ae = e[94];
+  let _e;
+  return e[95] !== me || e[96] !== Ae || e[97] !== W ? (_e = /* @__PURE__ */ t(H, { children: /* @__PURE__ */ s(L, { display: "flex", flexDirection: "column", gap: 2, children: [
+    W,
+    me,
+    Ae
+  ] }) }), e[95] = me, e[96] = Ae, e[97] = W, e[98] = _e) : _e = e[98], _e;
+};
+function Sr(e, r) {
+  return /* @__PURE__ */ t(L, { children: e }, r);
+}
+const Fe = (e) => {
+  const r = Ie(5), {
+    to: d,
+    label: c
+  } = e;
+  let l, a;
+  r[0] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ t(Rt, { size: 16 }), a = {
+    mb: 2
+  }, r[0] = l, r[1] = a) : (l = r[0], a = r[1]);
+  let m;
+  return r[2] !== c || r[3] !== d ? (m = /* @__PURE__ */ t(X, { component: ut, to: d, variant: "text", startIcon: l, sx: a, children: c }), r[2] = c, r[3] = d, r[4] = m) : m = r[4], m;
+}, ct = (e) => {
+  const r = Ie(9), {
+    tabs: d
+  } = e, c = d === void 0 ? 2 : d;
+  let l;
+  r[0] === Symbol.for("react.memo_cache_sentinel") ? (l = {
+    borderBottom: 1,
+    borderColor: "divider",
+    pb: 1.5
+  }, r[0] = l) : l = r[0];
+  let a;
+  r[1] !== c ? (a = /* @__PURE__ */ t(ae, { direction: "row", spacing: 3, sx: l, children: Array.from({
+    length: c
+  }).map(wr) }), r[1] = c, r[2] = a) : a = r[2];
+  let m, o, f;
+  r[3] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ t(Se, { variant: "text", width: "30%", height: 28 }), o = /* @__PURE__ */ t(Se, { variant: "text", width: "55%" }), f = /* @__PURE__ */ t(Se, { variant: "rounded", height: 40 }), r[3] = m, r[4] = o, r[5] = f) : (m = r[3], o = r[4], f = r[5]);
+  let g;
+  r[6] === Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ s(ae, { spacing: 1, children: [
+    /* @__PURE__ */ t(Se, { variant: "rounded", height: 56 }),
+    /* @__PURE__ */ t(Se, { variant: "rounded", height: 56 }),
+    /* @__PURE__ */ t(Se, { variant: "rounded", height: 56 })
+  ] }), r[6] = g) : g = r[6];
+  let i;
+  return r[7] !== a ? (i = /* @__PURE__ */ s(S.Section, { children: [
+    a,
+    m,
+    o,
+    f,
+    g
+  ] }), r[7] = a, r[8] = i) : i = r[8], i;
+};
+function wr(e, r) {
+  return /* @__PURE__ */ t(Se, { variant: "text", width: 72 }, r);
+}
+const xr = {
+  width: 48,
+  height: 48,
+  fontSize: 20
+}, Pr = {
+  flex: 1,
+  minWidth: 0
+}, Ir = {
+  fontFamily: "monospace"
+}, dt = (e) => {
+  const r = Ie(19), {
+    fallback: d,
+    name: c,
+    subtitle: l,
+    id: a,
+    badge: m
+  } = e;
+  let o;
+  r[0] !== d || r[1] !== c ? (o = c.charAt(0).toUpperCase() || d, r[0] = d, r[1] = c, r[2] = o) : o = r[2];
+  let f;
+  r[3] !== o ? (f = /* @__PURE__ */ t(Ze, { sx: xr, children: o }), r[3] = o, r[4] = f) : f = r[4];
+  let g;
+  r[5] !== m || r[6] !== c ? (g = m ? /* @__PURE__ */ s(ae, { direction: "row", alignItems: "center", spacing: 1, children: [
+    /* @__PURE__ */ t(B, { variant: "h6", noWrap: !0, children: c }),
+    m
+  ] }) : /* @__PURE__ */ t(B, { variant: "h6", noWrap: !0, children: c }), r[5] = m, r[6] = c, r[7] = g) : g = r[7];
+  let i;
+  r[8] !== l ? (i = l && /* @__PURE__ */ t(B, { variant: "body2", color: "text.secondary", noWrap: !0, children: l }), r[8] = l, r[9] = i) : i = r[9];
+  let w;
+  r[10] !== a ? (w = /* @__PURE__ */ t(B, { variant: "caption", color: "text.disabled", sx: Ir, children: a }), r[10] = a, r[11] = w) : w = r[11];
+  let p;
+  r[12] !== g || r[13] !== i || r[14] !== w ? (p = /* @__PURE__ */ s(L, { sx: Pr, children: [
+    g,
+    i,
+    w
+  ] }), r[12] = g, r[13] = i, r[14] = w, r[15] = p) : p = r[15];
+  let I;
+  return r[16] !== f || r[17] !== p ? (I = /* @__PURE__ */ t(S.Section, { children: /* @__PURE__ */ s(ae, { direction: "row", alignItems: "center", spacing: 2, children: [
+    f,
+    p
+  ] }) }), r[16] = f, r[17] = p, r[18] = I) : I = r[18], I;
+}, Rr = () => {
+  const {
+    orgId: e,
+    userId: r
+  } = fe(), d = xe(), [c, l] = R("groups"), {
+    data: a,
+    isLoading: m
+  } = Lt({
+    orgName: e,
+    userId: r ?? ""
+  }), {
+    data: o,
+    isLoading: f
+  } = Tt({
+    orgName: e,
+    userId: r ?? ""
+  }), {
+    data: g,
+    isLoading: i
+  } = _t({
+    orgName: e,
+    userId: r ?? ""
+  }), {
+    data: w,
+    isLoading: p
+  } = ft({
+    orgName: e
+  }), {
+    mutateAsync: I
+  } = bt(), {
+    mutateAsync: P
+  } = vt(), y = _(() => w?.groups ?? [], [w]), N = _(() => o?.groups ?? [], [o]), [U, F] = R([]), [T, C] = R(!1), [u, A] = R(), [b, M] = R(!1), j = yt(!1);
+  $e(() => {
+    j.current || F(N);
+  }, [N]);
+  const V = _(() => {
+    const D = new Set(N.map((k) => k.id));
+    return D.size !== U.length || U.some((k) => !D.has(k.id));
+  }, [N, U]), Y = e ? q(he.children.org.children.settings.children.identities.children.users.path, {
+    orgId: e
+  }) : "#", W = String(a?.attributes?.username ?? r ?? ""), Z = async () => {
+    if (!(!e || !r)) {
+      A(void 0), M(!1), C(!0);
+      try {
+        const D = new Set(N.map((G) => G.id)), k = new Set(U.map((G) => G.id)), te = U.filter((G) => !D.has(G.id)), O = N.filter((G) => !k.has(G.id));
+        for (const G of te)
+          await I({
+            params: {
+              orgName: e,
+              groupId: G.id
+            },
+            body: {
+              userIds: [r]
+            }
+          });
+        for (const G of O)
+          await P({
+            params: {
+              orgName: e,
+              groupId: G.id
+            },
+            body: {
+              userIds: [r]
+            }
+          });
+        M(!0), j.current = !1;
+      } catch {
+        A("Failed to update group memberships. Please try again.");
+      } finally {
+        C(!1);
+      }
+    }
+  };
+  if (m || f || p || i)
+    return /* @__PURE__ */ s(H, { children: [
+      /* @__PURE__ */ t(Fe, { to: Y, label: "Users" }),
+      /* @__PURE__ */ t(ct, { tabs: 2 })
+    ] });
+  const $ = g?.roles ?? [];
+  return /* @__PURE__ */ s(H, { children: [
+    /* @__PURE__ */ t(Fe, { to: Y, label: "Users" }),
+    /* @__PURE__ */ s(ae, { spacing: 3, children: [
+      /* @__PURE__ */ t(dt, { fallback: "U", name: W, subtitle: a?.attributes?.email || void 0, id: r ?? "" }),
+      u != null && /* @__PURE__ */ t(ne, { severity: "error", children: u }),
+      b && /* @__PURE__ */ t(ne, { severity: "success", children: "User updated successfully." }),
+      /* @__PURE__ */ s(S.Section, { children: [
+        /* @__PURE__ */ s(ot, { value: c, onChange: (D, k) => l(k), sx: {
+          borderBottom: 1,
+          borderColor: "divider"
+        }, children: [
+          /* @__PURE__ */ t(Ee, { label: "Groups", value: "groups" }),
+          /* @__PURE__ */ t(Ee, { label: "Roles", value: "roles" })
+        ] }),
+        c === "groups" && /* @__PURE__ */ s(H, { children: [
+          /* @__PURE__ */ t(S.Header, { children: "Group Memberships" }),
+          /* @__PURE__ */ t(B, { variant: "body2", color: "text.secondary", children: "Search and select groups to assign this user to." }),
+          /* @__PURE__ */ s(S.Stack, { spacing: 2, sx: {
+            mt: 1
+          }, children: [
+            /* @__PURE__ */ t(S.ElementWrapper, { label: "Groups", name: "groups", children: /* @__PURE__ */ t(Oe, { id: "groups", multiple: !0, options: y, value: U, onChange: (D, k) => {
+              j.current = !0, F(k);
+            }, getOptionLabel: (D) => D.name, isOptionEqualToValue: (D, k) => D.id === k.id, renderTags: () => null, renderInput: (D) => /* @__PURE__ */ t(ce, { ...D, placeholder: "Search groups..." }), noOptionsText: "No groups found" }) }),
+            U.length > 0 && /* @__PURE__ */ t(ae, { direction: "row", flexWrap: "wrap", gap: 1, children: U.map((D) => /* @__PURE__ */ t(Je, { label: D.name, size: "small", onDelete: () => {
+              j.current = !0, F((k) => k.filter((te) => te.id !== D.id));
+            } }, D.id)) })
+          ] })
+        ] }),
+        c === "roles" && /* @__PURE__ */ s(H, { children: [
+          /* @__PURE__ */ t(S.Header, { children: "Assigned Roles" }),
+          /* @__PURE__ */ t(B, { variant: "body2", color: "text.secondary", children: "Roles directly assigned to this user. To modify role assignments, use the Roles page." }),
+          /* @__PURE__ */ t(L, { sx: {
+            mt: 1
+          }, children: $.length === 0 ? /* @__PURE__ */ t(B, { variant: "body2", color: "text.secondary", children: "No roles assigned to this user." }) : /* @__PURE__ */ t(ae, { direction: "row", flexWrap: "wrap", gap: 1, children: $.map((D) => /* @__PURE__ */ t(Je, { label: D.name, size: "small" }, D.id)) }) })
+        ] })
+      ] }),
+      c === "groups" && V && /* @__PURE__ */ s(ae, { direction: "row", spacing: 1, children: [
+        /* @__PURE__ */ t(X, { variant: "outlined", onClick: () => d(Y), disabled: T, children: "Cancel" }),
+        /* @__PURE__ */ t(X, { variant: "contained", onClick: Z, disabled: T, children: T ? "Saving..." : "Save Changes" })
+      ] })
+    ] })
+  ] });
+}, Nr = {
+  width: 28,
+  height: 28,
+  fontSize: 12
+}, Ar = () => {
+  const {
+    orgId: e
+  } = fe(), r = xe(), d = Ve.featureFlags?.enableUserManagement === !0, [c, l] = R(0), [a, m] = R(10), [o, f] = R(""), {
+    data: g,
+    isLoading: i,
+    error: w
+  } = zt({
+    orgName: e
+  }, {
+    offset: c * a,
+    limit: a
+  }), {
+    mutateAsync: p
+  } = Ft(), {
+    addConfirmation: I
+  } = at(), P = _(() => g?.roles ?? [], [g]), y = g?.total ?? 0;
+  $e(() => {
+    if (P.length === 0 && y > 0) {
+      const u = Math.max(0, Math.ceil(y / a) - 1);
+      c !== u && l(u);
+    }
+  }, [P.length, y, c, a]);
+  const N = he.children.org.children.settings.children.identities.children.roles.path, U = e ? q(N + "/create", {
+    orgId: e
+  }) : "#", F = (u) => e ? q(N + "/:roleId", {
+    orgId: e,
+    roleId: u
+  }) : "#", T = _(() => {
+    if (!o) return P;
+    const u = o.toLowerCase();
+    return P.filter((A) => A.name.toLowerCase().includes(u) || (A.description ?? "").toLowerCase().includes(u));
+  }, [P, o]), C = (u) => {
+    I({
+      title: "Delete Role",
+      description: `Are you sure you want to delete "${u.name}"? This action cannot be undone.`,
+      confirmButtonText: "Delete",
+      confirmButtonColor: "error",
+      confirmButtonIcon: /* @__PURE__ */ t(we, { size: 16 }),
+      onConfirm: () => p({
+        orgName: e,
+        roleId: u.id
+      })
+    });
+  };
+  return /* @__PURE__ */ s(H, { children: [
+    w != null && /* @__PURE__ */ t(ne, { severity: "error", sx: {
+      mb: 2
+    }, children: "Failed to load roles" }),
+    /* @__PURE__ */ t(n.Provider, { searchValue: o, onSearchChange: f, children: /* @__PURE__ */ s(n.Container, { children: [
+      /* @__PURE__ */ t(n.Toolbar, { showSearch: !0, searchPlaceholder: "Search roles...", actions: /* @__PURE__ */ t(X, { variant: "contained", startIcon: /* @__PURE__ */ t(Le, {}), onClick: () => r(U), disabled: !d, children: "Create Role" }) }),
+      !i && y === 0 ? /* @__PURE__ */ t(n.EmptyState, { illustration: /* @__PURE__ */ t(it, { size: 64 }), title: "No roles yet", description: 'Click "Create Role" to add one.' }) : !i && T.length === 0 ? /* @__PURE__ */ t(n.EmptyState, { illustration: /* @__PURE__ */ t(it, { size: 64 }), title: "No roles found", description: `No roles match "${o}". Try a different search term.` }) : /* @__PURE__ */ s(n, { variant: "table", children: [
+        /* @__PURE__ */ t(n.Head, { children: /* @__PURE__ */ s(n.Row, { children: [
+          /* @__PURE__ */ t(n.Cell, { children: "Name" }),
+          /* @__PURE__ */ t(n.Cell, { align: "center", width: "80px" })
+        ] }) }),
+        /* @__PURE__ */ s(n.Body, { children: [
+          i && /* @__PURE__ */ t(lt, { rows: a, columns: 1 }),
+          !i && T.map((u) => /* @__PURE__ */ s(n.Row, { variant: "table", hover: !0, clickable: !0, onClick: () => r(F(u.id)), children: [
+            /* @__PURE__ */ t(n.Cell, { children: /* @__PURE__ */ t(n.CellIcon, { icon: /* @__PURE__ */ t(Ze, { sx: Nr, children: u.name.charAt(0).toUpperCase() || "R" }), primary: u.name, secondary: u.description ?? void 0 }) }),
+            /* @__PURE__ */ t(n.Cell, { align: "center", children: /* @__PURE__ */ t(n.RowActions, { visibility: "hover", children: !u.isReadOnly && /* @__PURE__ */ t(De, { title: "Delete role", children: /* @__PURE__ */ t(ke, { size: "small", color: "error", onClick: (A) => {
+              A.stopPropagation(), C(u);
+            }, children: /* @__PURE__ */ t(we, { size: 16 }) }) }) }) })
+          ] }, u.id))
+        ] })
+      ] }),
+      !i && y >= 5 && /* @__PURE__ */ t(et, { component: "div", count: y, page: c, rowsPerPage: a, onPageChange: (u, A) => l(A), onRowsPerPageChange: (u) => {
+        m(parseInt(u.target.value, 10)), l(0);
+      }, rowsPerPageOptions: [5, 10, 25, 50] })
+    ] }) })
+  ] });
+}, Ur = () => {
+  const {
+    orgId: e
+  } = fe(), r = xe(), [d, c] = R({
+    name: "",
+    description: ""
+  }), {
+    errors: l,
+    validateField: a,
+    validateForm: m,
+    clearErrors: o,
+    setFieldError: f
+  } = Ke(pr), {
+    checkDirty: g,
+    resetDirty: i
+  } = Qe(d), [w, p] = R({}), {
+    mutateAsync: I,
+    isPending: P,
+    error: y
+  } = Wt(), N = e ? q(he.children.org.children.settings.children.identities.children.roles.path, {
+    orgId: e
+  }) : "#", U = Ye((C, u) => {
+    const A = {
+      ...d,
+      [C]: u
+    };
+    c(A), g(A), f(C, a(C, u));
+  }, [d, g, a, f]), F = Ye(async () => {
+    if (!m(d)) {
+      p(l);
+      return;
+    }
+    p({});
+    try {
+      const C = await I({
+        params: {
+          orgName: e
+        },
+        body: {
+          name: d.name.trim(),
+          description: d.description?.trim() || void 0
+        }
+      });
+      i(), o(), r(q(he.children.org.children.settings.children.identities.children.roles.children.detail.path, {
+        orgId: e,
+        roleId: C.id
+      }));
+    } catch {
+    }
+  }, [d, m, l, I, e, i, o, r]), T = Object.values(w);
+  return /* @__PURE__ */ t(H, { children: /* @__PURE__ */ s(L, { display: "flex", flexDirection: "column", gap: 2, children: [
+    y != null && /* @__PURE__ */ t(ne, { severity: "error", children: y?.message ?? "Failed to create role" }),
+    /* @__PURE__ */ t(S.Stack, { spacing: 3, children: /* @__PURE__ */ s(S.Section, { children: [
+      /* @__PURE__ */ t(S.Subheader, { children: "Role Details" }),
+      /* @__PURE__ */ s(S.Stack, { spacing: 2, children: [
+        /* @__PURE__ */ t(S.ElementWrapper, { label: "Name", name: "name", children: /* @__PURE__ */ t(ce, { id: "name", value: d.name, onChange: (C) => U("name", C.target.value), placeholder: "admin", autoComplete: "off", error: !!l.name, helperText: l.name, fullWidth: !0 }) }),
+        /* @__PURE__ */ t(S.ElementWrapper, { label: "Description (optional)", name: "description", children: /* @__PURE__ */ t(ce, { id: "description", value: d.description, onChange: (C) => U("description", C.target.value), placeholder: "Describe the role's purpose and permissions", multiline: !0, minRows: 2, maxRows: 6, error: !!l.description, helperText: l.description, fullWidth: !0 }) })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ s(L, { display: "flex", flexDirection: "column", gap: 3, children: [
+      /* @__PURE__ */ t(tt, { in: T.length > 0, timeout: "auto", unmountOnExit: !0, children: /* @__PURE__ */ t(ne, { severity: "error", children: T.map((C, u) => /* @__PURE__ */ t(L, { children: C }, u)) }) }),
+      /* @__PURE__ */ s(L, { display: "flex", flexDirection: "row", gap: 1, alignItems: "center", children: [
+        /* @__PURE__ */ t(X, { variant: "outlined", color: "primary", onClick: () => r(N), children: "Cancel" }),
+        /* @__PURE__ */ t(X, { variant: "contained", color: "primary", startIcon: /* @__PURE__ */ t(Le, { size: 16 }), onClick: F, disabled: P || !d.name.trim(), children: "Create Role" })
+      ] })
+    ] })
+  ] }) });
+}, qe = (e) => e.actionName || e.name.split(":")[1] || e.name, Be = (e) => e.resourceName || e.name.split(":")[0], Dr = (e) => {
+  const r = /* @__PURE__ */ new Map();
+  for (const d of e) {
+    const c = Be(d);
+    r.has(c) || r.set(c, []), r.get(c).push(d);
+  }
+  return [...r.entries()].sort(([d], [c]) => d.localeCompare(c)).map(([d, c]) => ({
+    resource: d,
+    permissions: c
+  }));
+}, kr = nr({
+  stringify: (e) => {
+    const r = Be(e), d = qe(e);
+    return `${r} ${d}`;
+  }
+}), Gr = () => {
+  const {
+    orgId: e,
+    roleId: r
+  } = fe(), d = xe(), [c, l] = R("permissions"), [a, m] = R(!1), [o, f] = R(), [g, i] = R(!1), {
+    data: w,
+    isLoading: p
+  } = Mt({
+    orgName: e,
+    roleId: r ?? ""
+  }), I = w?.isReadOnly ?? !1, {
+    data: P,
+    isLoading: y
+  } = Ot({
+    orgName: e,
+    roleId: r ?? ""
+  }), {
+    data: N,
+    isLoading: U
+  } = Bt({
+    orgName: e
+  }), {
+    data: F,
+    isLoading: T
+  } = ft({
+    orgName: e
+  }), {
+    data: C,
+    isLoading: u
+  } = Vt({
+    orgName: e
+  }), {
+    mutateAsync: A
+  } = $t(), {
+    mutateAsync: b
+  } = Ht(), {
+    mutateAsync: M
+  } = Xt(), {
+    mutateAsync: j
+  } = qt(), V = _(() => P?.users ?? [], [P]), Y = _(() => P?.groups ?? [], [P]), W = _(() => w?.permissions?.flatMap((h) => h.permissions) ?? [], [w]), Z = _(() => N?.users ?? [], [N]), ee = _(() => F?.groups ?? [], [F]), $ = _(() => C?.permissions ?? [], [C]), D = C?.resourceServerId ?? "", [k, te] = R([]), [O, G] = R(/* @__PURE__ */ new Set()), [re, J] = R([]), [ie, de] = R(/* @__PURE__ */ new Set()), [se, oe] = R([]), ue = yt(!1);
+  $e(() => {
+    if (!ue.current && $.length > 0) {
+      const h = new Set(W);
+      oe($.filter((v) => h.has(v.name)));
+    }
+  }, [W, $]);
+  const be = e ? q(he.children.org.children.settings.children.identities.children.roles.path, {
+    orgId: e
+  }) : "#", me = _(() => [...V.filter((v) => !O.has(v.id)), ...k], [V, k, O]), x = _(() => [...Y.filter((v) => !ie.has(v.id)), ...re], [Y, re, ie]), E = _(() => new Set(me.map((h) => h.id)), [me]), Q = _(() => new Set(x.map((h) => h.id)), [x]), ve = _(() => Z.filter((h) => !E.has(h.id)), [Z, E]), Re = _(() => ee.filter((h) => !Q.has(h.id)), [ee, Q]), Te = _(() => Dr($), [$]), pe = _(() => new Set(se.map((h) => h.name)), [se]), Pe = (h) => String(h.attributes?.username ?? h.id ?? ""), Ne = (h, v) => {
+    v && (O.has(v.id) ? G((z) => {
+      const Ce = new Set(z);
+      return Ce.delete(v.id), Ce;
+    }) : te((z) => [...z, v]));
+  }, Ae = (h) => {
+    k.find((v) => v.id === h) ? te((v) => v.filter((z) => z.id !== h)) : G((v) => /* @__PURE__ */ new Set([...v, h]));
+  }, _e = (h, v) => {
+    v && (ie.has(v.id) ? de((z) => {
+      const Ce = new Set(z);
+      return Ce.delete(v.id), Ce;
+    }) : J((z) => [...z, v]));
+  }, K = (h) => {
+    re.find((v) => v.id === h) ? J((v) => v.filter((z) => z.id !== h)) : de((v) => /* @__PURE__ */ new Set([...v, h]));
+  }, He = (h, v) => {
+    ue.current = !0, oe(v);
+  }, Xe = (h) => {
+    ue.current = !0, oe((v) => v.filter((z) => z.name !== h));
+  }, Ct = async () => {
+    if (!(!e || !r)) {
+      f(void 0), i(!1), m(!0);
+      try {
+        const h = {
+          orgName: e,
+          roleId: r
+        }, v = k.map((Ge) => Ge.id), z = [...O];
+        v.length > 0 && await A({
+          params: h,
+          body: {
+            userIds: v
+          }
+        }), z.length > 0 && await b({
+          params: h,
+          body: {
+            userIds: z
+          }
+        });
+        const Ce = re.map((Ge) => Ge.id), We = [...ie];
+        if (Ce.length > 0 && await A({
+          params: h,
+          body: {
+            groupIds: Ce
+          }
+        }), We.length > 0 && await b({
+          params: h,
+          body: {
+            groupIds: We
+          }
+        }), ue.current && D && !I) {
+          const Ge = new Set(W), ge = new Set(se.map((Me) => Me.name)), ze = [...ge].filter((Me) => !Ge.has(Me)), Ue = [...Ge].filter((Me) => !ge.has(Me));
+          ze.length > 0 && await M({
+            params: h,
+            body: {
+              resourceServerId: D,
+              permissions: ze
+            }
+          }), Ue.length > 0 && await j({
+            params: h,
+            body: {
+              resourceServerId: D,
+              permissions: Ue
+            }
+          });
+        }
+        i(!0), te([]), G(/* @__PURE__ */ new Set()), J([]), de(/* @__PURE__ */ new Set()), ue.current = !1;
+      } catch {
+        f("Failed to update role. Please try again.");
+      } finally {
+        m(!1);
+      }
+    }
+  }, St = p || y || U || T || u, wt = _(() => {
+    if (I) return !1;
+    const h = new Set(W);
+    return h.size !== se.length || se.some((v) => !h.has(v.name));
+  }, [I, W, se]) || k.length > 0 || O.size > 0 || re.length > 0 || ie.size > 0;
+  return St ? /* @__PURE__ */ s(H, { children: [
+    /* @__PURE__ */ t(Fe, { to: be, label: "Roles" }),
+    /* @__PURE__ */ t(ct, { tabs: 3 })
+  ] }) : /* @__PURE__ */ s(H, { children: [
+    /* @__PURE__ */ t(Fe, { to: be, label: "Roles" }),
+    /* @__PURE__ */ s(ae, { spacing: 3, children: [
+      /* @__PURE__ */ t(dt, { fallback: "R", name: w?.name ?? "", subtitle: w?.description, id: r ?? "", badge: I ? /* @__PURE__ */ t(Je, { label: "Read-only", size: "small" }) : void 0 }),
+      o != null && /* @__PURE__ */ t(ne, { severity: "error", children: o }),
+      g && /* @__PURE__ */ t(ne, { severity: "success", children: "Role updated successfully." }),
+      /* @__PURE__ */ s(S.Section, { children: [
+        /* @__PURE__ */ s(ot, { value: c, onChange: (h, v) => l(v), sx: {
+          borderBottom: 1,
+          borderColor: "divider"
+        }, children: [
+          /* @__PURE__ */ t(Ee, { label: "Permissions", value: "permissions" }),
+          /* @__PURE__ */ t(Ee, { label: "Users", value: "users" }),
+          /* @__PURE__ */ t(Ee, { label: "Groups", value: "groups" })
+        ] }),
+        c === "permissions" && /* @__PURE__ */ s(H, { children: [
+          /* @__PURE__ */ t(S.Header, { children: "Permissions" }),
+          /* @__PURE__ */ t(B, { variant: "body2", color: "text.secondary", children: I ? "Permissions for predefined roles cannot be modified." : "Search and select permissions to assign to this role." }),
+          /* @__PURE__ */ s(L, { sx: {
+            mt: 1
+          }, children: [
+            !I && /* @__PURE__ */ t(S.ElementWrapper, { label: "Add permissions", name: "addPermissions", children: /* @__PURE__ */ t(Oe, { id: "addPermissions", multiple: !0, disableCloseOnSelect: !0, options: $, value: se, onChange: He, getOptionLabel: (h) => qe(h), groupBy: (h) => Be(h), filterOptions: kr, isOptionEqualToValue: (h, v) => h.name === v.name, renderTags: () => null, renderGroup: (h) => {
+              const v = $.filter((ge) => Be(ge) === h.group), z = v.every((ge) => pe.has(ge.name)), Ce = v.some((ge) => pe.has(ge.name)), We = (ge) => {
+                if (ge.stopPropagation(), ue.current = !0, z)
+                  oe((ze) => ze.filter((Ue) => Be(Ue) !== h.group));
+                else {
+                  const ze = v.filter((Ue) => !pe.has(Ue.name));
+                  oe((Ue) => [...Ue, ...ze]);
+                }
+              };
+              return /* @__PURE__ */ s("li", { children: [
+                /* @__PURE__ */ s(L, { sx: {
+                  display: "flex",
+                  alignItems: "center",
+                  px: 1,
+                  py: 0.25,
+                  cursor: "pointer",
+                  userSelect: "none",
+                  "&:hover": {
+                    bgcolor: "action.hover"
+                  }
+                }, onClick: We, children: [
+                  /* @__PURE__ */ t(ht, { checked: z, indeterminate: Ce && !z, size: "small", sx: {
+                    mr: 0.5,
+                    p: 0.5
+                  }, onClick: (ge) => ge.stopPropagation(), onChange: We }),
+                  /* @__PURE__ */ t(B, { variant: "caption", fontWeight: 700, sx: {
+                    textTransform: "uppercase",
+                    letterSpacing: 0.5
+                  }, children: h.group })
+                ] }),
+                /* @__PURE__ */ t("ul", { style: {
+                  padding: 0
+                }, children: h.children })
+              ] }, h.key);
+            }, renderOption: (h, v, {
+              selected: z
+            }) => /* @__PURE__ */ s("li", { ...h, children: [
+              /* @__PURE__ */ t(ht, { checked: z, size: "small", sx: {
+                mr: 1
+              } }),
+              qe(v)
+            ] }), renderInput: (h) => /* @__PURE__ */ t(ce, { ...h, placeholder: "Search by resource or action..." }), noOptionsText: "No permissions available", sx: {
+              mb: 3
+            } }) }),
+            se.length === 0 ? /* @__PURE__ */ t(B, { variant: "body2", color: "text.secondary", children: "No permissions assigned yet." }) : /* @__PURE__ */ t(ae, { spacing: 2, children: Te.filter(({
+              permissions: h
+            }) => h.some((v) => pe.has(v.name))).map(({
+              resource: h,
+              permissions: v
+            }) => /* @__PURE__ */ s(L, { children: [
+              /* @__PURE__ */ t(B, { variant: "caption", fontWeight: 600, color: "text.secondary", sx: {
+                textTransform: "uppercase",
+                letterSpacing: 0.5
+              }, children: h }),
+              /* @__PURE__ */ t(ae, { direction: "row", flexWrap: "wrap", gap: 1, mt: 0.5, children: v.filter((z) => pe.has(z.name)).map((z) => /* @__PURE__ */ t(Je, { label: qe(z), size: "small", onDelete: I ? void 0 : () => Xe(z.name) }, z.name)) })
+            ] }, h)) })
+          ] })
+        ] }),
+        c === "users" && /* @__PURE__ */ s(H, { children: [
+          /* @__PURE__ */ t(S.Header, { children: "Assigned Users" }),
+          /* @__PURE__ */ t(B, { variant: "body2", color: "text.secondary", children: "Search and add users to this role." }),
+          /* @__PURE__ */ t(L, { sx: {
+            mt: 1,
+            mb: 2
+          }, children: /* @__PURE__ */ t(S.ElementWrapper, { label: "Add User", name: "addUser", children: /* @__PURE__ */ t(Oe, { id: "addUser", options: ve, getOptionLabel: (h) => Pe(h), onChange: Ne, value: null, renderInput: (h) => /* @__PURE__ */ t(ce, { ...h, placeholder: "Search users..." }), noOptionsText: "No users available" }) }) }),
+          me.length === 0 ? /* @__PURE__ */ t(B, { variant: "body2", color: "text.secondary", children: "No users assigned yet. Search and add users above." }) : /* @__PURE__ */ t(n.Container, { children: /* @__PURE__ */ s(n, { children: [
+            /* @__PURE__ */ t(n.Head, { children: /* @__PURE__ */ s(n.Row, { children: [
+              /* @__PURE__ */ t(n.Cell, { children: "Username" }),
+              /* @__PURE__ */ t(n.Cell, { children: "User ID" }),
+              /* @__PURE__ */ t(n.Cell, {})
+            ] }) }),
+            /* @__PURE__ */ t(n.Body, { children: me.map((h) => /* @__PURE__ */ s(n.Row, { children: [
+              /* @__PURE__ */ t(n.Cell, { children: Pe(h) }),
+              /* @__PURE__ */ t(n.Cell, { children: h.id }),
+              /* @__PURE__ */ t(n.Cell, { align: "right", children: /* @__PURE__ */ t(De, { title: "Remove from role", children: /* @__PURE__ */ t(ke, { size: "small", onClick: () => Ae(h.id), children: /* @__PURE__ */ t(we, { size: 16 }) }) }) })
+            ] }, h.id)) })
+          ] }) })
+        ] }),
+        c === "groups" && /* @__PURE__ */ s(H, { children: [
+          /* @__PURE__ */ t(S.Header, { children: "Assigned Groups" }),
+          /* @__PURE__ */ t(B, { variant: "body2", color: "text.secondary", children: "Search and add groups to this role." }),
+          /* @__PURE__ */ t(L, { sx: {
+            mt: 1,
+            mb: 2
+          }, children: /* @__PURE__ */ t(S.ElementWrapper, { label: "Add Group", name: "addGroup", children: /* @__PURE__ */ t(Oe, { id: "addGroup", options: Re, getOptionLabel: (h) => h.name, onChange: _e, value: null, renderInput: (h) => /* @__PURE__ */ t(ce, { ...h, placeholder: "Search groups..." }), noOptionsText: "No groups available" }) }) }),
+          x.length === 0 ? /* @__PURE__ */ t(B, { variant: "body2", color: "text.secondary", children: "No groups assigned yet. Search and add groups above." }) : /* @__PURE__ */ t(n.Container, { children: /* @__PURE__ */ s(n, { children: [
+            /* @__PURE__ */ t(n.Head, { children: /* @__PURE__ */ s(n.Row, { children: [
+              /* @__PURE__ */ t(n.Cell, { children: "Name" }),
+              /* @__PURE__ */ t(n.Cell, { children: "Description" }),
+              /* @__PURE__ */ t(n.Cell, {})
+            ] }) }),
+            /* @__PURE__ */ t(n.Body, { children: x.map((h) => /* @__PURE__ */ s(n.Row, { children: [
+              /* @__PURE__ */ t(n.Cell, { children: h.name }),
+              /* @__PURE__ */ t(n.Cell, { children: h.description ?? "-" }),
+              /* @__PURE__ */ t(n.Cell, { align: "right", children: /* @__PURE__ */ t(De, { title: "Remove from role", children: /* @__PURE__ */ t(ke, { size: "small", onClick: () => K(h.id), children: /* @__PURE__ */ t(we, { size: 16 }) }) }) })
+            ] }, h.id)) })
+          ] }) })
+        ] })
+      ] }),
+      wt && /* @__PURE__ */ s(ae, { direction: "row", spacing: 1, children: [
+        /* @__PURE__ */ t(X, { variant: "outlined", onClick: () => d(be), disabled: a, children: "Cancel" }),
+        /* @__PURE__ */ t(X, { variant: "contained", onClick: Ct, disabled: a, children: a ? "Saving..." : "Save Changes" })
+      ] })
+    ] })
+  ] });
+}, Er = {
+  width: 28,
+  height: 28,
+  fontSize: 12
+}, Lr = () => {
+  const {
+    orgId: e
+  } = fe(), r = xe(), d = Ve.featureFlags?.enableUserManagement === !0, [c, l] = R(0), [a, m] = R(10), [o, f] = R(""), {
+    data: g,
+    isLoading: i,
+    error: w
+  } = jt({
+    orgName: e
+  }, {
+    offset: c * a,
+    limit: a
+  }), {
+    mutateAsync: p
+  } = Yt(), {
+    addConfirmation: I
+  } = at(), P = _(() => g?.groups ?? [], [g]), y = g?.total ?? 0;
+  $e(() => {
+    if (P.length === 0 && y > 0) {
+      const u = Math.max(0, Math.ceil(y / a) - 1);
+      c !== u && l(u);
+    }
+  }, [P.length, y, c, a]);
+  const N = he.children.org.children.settings.children.identities, U = e ? q(N.children.groups.path + "/create", {
+    orgId: e
+  }) : "#", F = (u) => e ? q(N.children.groups.path + "/:groupId", {
+    orgId: e,
+    groupId: u
+  }) : "#", T = _(() => {
+    if (!o) return P;
+    const u = o.toLowerCase();
+    return P.filter((A) => A.name.toLowerCase().includes(u) || (A.description ?? "").toLowerCase().includes(u));
+  }, [P, o]), C = (u) => {
+    I({
+      title: "Delete Group",
+      description: `Are you sure you want to delete "${u.name}"? This action cannot be undone.`,
+      confirmButtonText: "Delete",
+      confirmButtonColor: "error",
+      confirmButtonIcon: /* @__PURE__ */ t(we, { size: 16 }),
+      onConfirm: () => p({
+        orgName: e,
+        groupId: u.id
+      })
+    });
+  };
+  return /* @__PURE__ */ s(H, { children: [
+    w != null && /* @__PURE__ */ t(ne, { severity: "error", sx: {
+      mb: 2
+    }, children: "Failed to load groups" }),
+    /* @__PURE__ */ t(n.Provider, { searchValue: o, onSearchChange: f, children: /* @__PURE__ */ s(n.Container, { children: [
+      /* @__PURE__ */ t(n.Toolbar, { showSearch: !0, searchPlaceholder: "Search groups...", actions: /* @__PURE__ */ t(X, { variant: "contained", startIcon: /* @__PURE__ */ t(Le, {}), onClick: () => r(U), disabled: !d, children: "Create Group" }) }),
+      !i && y === 0 ? /* @__PURE__ */ t(n.EmptyState, { illustration: /* @__PURE__ */ t(st, { size: 64 }), title: "No groups yet", description: 'Click "Create Group" to add one.' }) : !i && T.length === 0 ? /* @__PURE__ */ t(n.EmptyState, { illustration: /* @__PURE__ */ t(st, { size: 64 }), title: "No groups found", description: `No groups match "${o}". Try a different search term.` }) : /* @__PURE__ */ s(n, { variant: "table", children: [
+        /* @__PURE__ */ t(n.Head, { children: /* @__PURE__ */ s(n.Row, { children: [
+          /* @__PURE__ */ t(n.Cell, { children: "Name" }),
+          /* @__PURE__ */ t(n.Cell, { align: "center", width: "80px" })
+        ] }) }),
+        /* @__PURE__ */ s(n.Body, { children: [
+          i && /* @__PURE__ */ t(lt, { rows: a, columns: 1 }),
+          !i && T.map((u) => /* @__PURE__ */ s(n.Row, { variant: "table", hover: !0, clickable: !0, onClick: () => r(F(u.id)), children: [
+            /* @__PURE__ */ t(n.Cell, { children: /* @__PURE__ */ t(n.CellIcon, { icon: /* @__PURE__ */ t(Ze, { sx: Er, children: u.name.charAt(0).toUpperCase() || "G" }), primary: u.name, secondary: u.description ?? void 0 }) }),
+            /* @__PURE__ */ t(n.Cell, { align: "center", children: /* @__PURE__ */ t(n.RowActions, { visibility: "hover", children: /* @__PURE__ */ t(De, { title: "Delete group", children: /* @__PURE__ */ t(ke, { size: "small", color: "error", onClick: (A) => {
+              A.stopPropagation(), C(u);
+            }, children: /* @__PURE__ */ t(we, { size: 16 }) }) }) }) })
+          ] }, u.id))
+        ] })
+      ] }),
+      !i && y >= 5 && /* @__PURE__ */ t(et, { component: "div", count: y, page: c, rowsPerPage: a, onPageChange: (u, A) => l(A), onRowsPerPageChange: (u) => {
+        m(parseInt(u.target.value, 10)), l(0);
+      }, rowsPerPageOptions: [5, 10, 25, 50] })
+    ] }) })
+  ] });
+}, Tr = () => {
+  const {
+    orgId: e
+  } = fe(), r = xe(), [d, c] = R({
+    name: "",
+    description: ""
+  }), {
+    errors: l,
+    validateField: a,
+    validateForm: m,
+    clearErrors: o,
+    setFieldError: f
+  } = Ke(gr), {
+    checkDirty: g,
+    resetDirty: i
+  } = Qe(d), [w, p] = R({}), {
+    mutateAsync: I,
+    isPending: P,
+    error: y
+  } = Jt(), N = e ? q(he.children.org.children.settings.children.identities.children.groups.path, {
+    orgId: e
+  }) : "#", U = Ye((C, u) => {
+    const A = {
+      ...d,
+      [C]: u
+    };
+    c(A), g(A), f(C, a(C, u));
+  }, [d, g, a, f]), F = Ye(async () => {
+    if (!m(d)) {
+      p(l);
+      return;
+    }
+    p({});
+    try {
+      const C = await I({
+        params: {
+          orgName: e
+        },
+        body: {
+          name: d.name.trim(),
+          description: d.description?.trim() || void 0
+        }
+      });
+      i(), o(), r(q(he.children.org.children.settings.children.identities.children.groups.children.detail.path, {
+        orgId: e,
+        groupId: C.id
+      }));
+    } catch {
+    }
+  }, [d, m, l, I, e, i, o, r]), T = Object.values(w);
+  return /* @__PURE__ */ t(H, { children: /* @__PURE__ */ s(L, { display: "flex", flexDirection: "column", gap: 2, children: [
+    y != null && /* @__PURE__ */ t(ne, { severity: "error", children: y?.message ?? "Failed to create group" }),
+    /* @__PURE__ */ t(S.Stack, { spacing: 3, children: /* @__PURE__ */ s(S.Section, { children: [
+      /* @__PURE__ */ t(S.Subheader, { children: "Group Details" }),
+      /* @__PURE__ */ s(S.Stack, { spacing: 2, children: [
+        /* @__PURE__ */ t(S.ElementWrapper, { label: "Name", name: "name", children: /* @__PURE__ */ t(ce, { id: "name", value: d.name, onChange: (C) => U("name", C.target.value), placeholder: "engineering", autoComplete: "off", error: !!l.name, helperText: l.name, fullWidth: !0 }) }),
+        /* @__PURE__ */ t(S.ElementWrapper, { label: "Description (optional)", name: "description", children: /* @__PURE__ */ t(ce, { id: "description", value: d.description, onChange: (C) => U("description", C.target.value), placeholder: "Describe the group's purpose", multiline: !0, minRows: 2, maxRows: 6, error: !!l.description, helperText: l.description, fullWidth: !0 }) })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ s(L, { display: "flex", flexDirection: "column", gap: 3, children: [
+      /* @__PURE__ */ t(tt, { in: T.length > 0, timeout: "auto", unmountOnExit: !0, children: /* @__PURE__ */ t(ne, { severity: "error", children: T.map((C, u) => /* @__PURE__ */ t(L, { children: C }, u)) }) }),
+      /* @__PURE__ */ s(L, { display: "flex", flexDirection: "row", gap: 1, alignItems: "center", children: [
+        /* @__PURE__ */ t(X, { variant: "outlined", color: "primary", onClick: () => r(N), children: "Cancel" }),
+        /* @__PURE__ */ t(X, { variant: "contained", color: "primary", startIcon: /* @__PURE__ */ t(Le, { size: 16 }), onClick: F, disabled: P || !d.name.trim(), children: "Create Group" })
+      ] })
+    ] })
+  ] }) });
+}, _r = () => {
+  const {
+    orgId: e,
+    groupId: r
+  } = fe(), d = xe(), [c, l] = R("users"), [a, m] = R(0), [o, f] = R(10), {
+    data: g,
+    isLoading: i
+  } = Kt({
+    orgName: e,
+    groupId: r ?? ""
+  }), {
+    data: w,
+    isLoading: p
+  } = Qt({
+    orgName: e,
+    groupId: r ?? ""
+  }, {
+    offset: a * o,
+    limit: o
+  }), {
+    data: I,
+    isLoading: P
+  } = Zt({
+    orgName: e,
+    groupId: r ?? ""
+  }), {
+    data: y,
+    isLoading: N,
+    isError: U
+  } = er({
+    orgName: e,
+    groupId: r ?? ""
+  }), {
+    data: F,
+    isLoading: T
+  } = gt({
+    orgName: e
+  }, {
+    offset: 0,
+    limit: 100
+  }), {
+    mutateAsync: C
+  } = bt(), {
+    mutateAsync: u
+  } = vt(), A = _(() => w?.users ?? [], [w]), b = _(() => new Set(I?.memberIds ?? []), [I]), M = _(() => y?.roles ?? [], [y]), j = _(() => F?.users ?? [], [F]), [V, Y] = R([]), [W, Z] = R(/* @__PURE__ */ new Set()), [ee, $] = R(!1), [D, k] = R(), [te, O] = R(!1), G = e ? q(he.children.org.children.settings.children.identities.children.groups.path, {
+    orgId: e
+  }) : "#", re = w?.total ?? 0, J = _(() => A.filter((x) => !W.has(x.id)), [A, W]), ie = _(() => {
+    const x = /* @__PURE__ */ new Set([...[...b].filter((E) => !W.has(E)), ...V.map((E) => E.id)]);
+    return j.filter((E) => !x.has(E.id));
+  }, [j, b, V, W]), de = (x) => String(x.attributes?.username ?? x.id ?? ""), se = (x, E) => {
+    E && (W.has(E.id) ? Z((Q) => {
+      const ve = new Set(Q);
+      return ve.delete(E.id), ve;
+    }) : Y((Q) => [...Q, E]));
+  }, oe = (x) => {
+    V.find((E) => E.id === x) ? Y((E) => E.filter((Q) => Q.id !== x)) : Z((E) => /* @__PURE__ */ new Set([...E, x]));
+  }, ue = async () => {
+    if (!(!e || !r)) {
+      k(void 0), O(!1), $(!0);
+      try {
+        const x = V.filter((Q) => !b.has(Q.id)).map((Q) => Q.id), E = [...W];
+        x.length > 0 && await C({
+          params: {
+            orgName: e,
+            groupId: r
+          },
+          body: {
+            userIds: x
+          }
+        }), E.length > 0 && await u({
+          params: {
+            orgName: e,
+            groupId: r
+          },
+          body: {
+            userIds: E
+          }
+        }), O(!0), Y([]), Z(/* @__PURE__ */ new Set());
+      } catch {
+        k("Failed to update group members. Please try again.");
+      } finally {
+        $(!1);
+      }
+    }
+  };
+  if (i || p || P || T)
+    return /* @__PURE__ */ s(H, { children: [
+      /* @__PURE__ */ t(Fe, { to: G, label: "Groups" }),
+      /* @__PURE__ */ t(ct, { tabs: 2 })
+    ] });
+  const me = V.length > 0 || W.size > 0;
+  return /* @__PURE__ */ s(H, { children: [
+    /* @__PURE__ */ t(Fe, { to: G, label: "Groups" }),
+    /* @__PURE__ */ s(ae, { spacing: 3, children: [
+      /* @__PURE__ */ t(dt, { fallback: "G", name: g?.name ?? "", subtitle: g?.description, id: r ?? "" }),
+      D != null && /* @__PURE__ */ t(ne, { severity: "error", children: D }),
+      te && /* @__PURE__ */ t(ne, { severity: "success", children: "Group updated successfully." }),
+      /* @__PURE__ */ s(S.Section, { children: [
+        /* @__PURE__ */ s(ot, { value: c, onChange: (x, E) => l(E), sx: {
+          borderBottom: 1,
+          borderColor: "divider"
+        }, children: [
+          /* @__PURE__ */ t(Ee, { label: "Users", value: "users" }),
+          /* @__PURE__ */ t(Ee, { label: "Roles", value: "roles" })
+        ] }),
+        c === "users" && /* @__PURE__ */ s(H, { children: [
+          /* @__PURE__ */ t(S.Header, { children: "Users" }),
+          /* @__PURE__ */ t(B, { variant: "body2", color: "text.secondary", children: "Search and add users to this group." }),
+          /* @__PURE__ */ t(L, { sx: {
+            mt: 1
+          }, children: /* @__PURE__ */ t(S.ElementWrapper, { label: "Add User", name: "addUser", children: /* @__PURE__ */ t(Oe, { id: "addUser", options: ie, getOptionLabel: (x) => de(x), onChange: se, value: null, renderInput: (x) => /* @__PURE__ */ t(ce, { ...x, placeholder: "Search users..." }), noOptionsText: "No users available" }) }) }),
+          V.length > 0 && /* @__PURE__ */ s(L, { mb: 2, children: [
+            /* @__PURE__ */ t(B, { variant: "body2", fontWeight: 500, mb: 1, children: "Pending additions (unsaved)" }),
+            /* @__PURE__ */ t(n.Container, { children: /* @__PURE__ */ s(n, { children: [
+              /* @__PURE__ */ t(n.Head, { children: /* @__PURE__ */ s(n.Row, { children: [
+                /* @__PURE__ */ t(n.Cell, { children: "Username" }),
+                /* @__PURE__ */ t(n.Cell, { children: "User ID" }),
+                /* @__PURE__ */ t(n.Cell, {})
+              ] }) }),
+              /* @__PURE__ */ t(n.Body, { children: V.map((x) => /* @__PURE__ */ s(n.Row, { children: [
+                /* @__PURE__ */ t(n.Cell, { children: de(x) }),
+                /* @__PURE__ */ t(n.Cell, { children: x.id }),
+                /* @__PURE__ */ t(n.Cell, { align: "right", children: /* @__PURE__ */ t(De, { title: "Remove from group", children: /* @__PURE__ */ t(ke, { size: "small", onClick: () => oe(x.id), children: /* @__PURE__ */ t(we, { size: 16 }) }) }) })
+              ] }, x.id)) })
+            ] }) })
+          ] }),
+          re === 0 && V.length === 0 ? /* @__PURE__ */ t(B, { variant: "body2", color: "text.secondary", children: "No members yet. Search and add users above." }) : re > 0 ? /* @__PURE__ */ s(n.Container, { children: [
+            /* @__PURE__ */ s(n, { children: [
+              /* @__PURE__ */ t(n.Head, { children: /* @__PURE__ */ s(n.Row, { children: [
+                /* @__PURE__ */ t(n.Cell, { children: "Username" }),
+                /* @__PURE__ */ t(n.Cell, { children: "User ID" }),
+                /* @__PURE__ */ t(n.Cell, {})
+              ] }) }),
+              /* @__PURE__ */ t(n.Body, { children: J.map((x) => /* @__PURE__ */ s(n.Row, { children: [
+                /* @__PURE__ */ t(n.Cell, { children: de(x) }),
+                /* @__PURE__ */ t(n.Cell, { children: x.id }),
+                /* @__PURE__ */ t(n.Cell, { align: "right", children: /* @__PURE__ */ t(De, { title: "Remove from group", children: /* @__PURE__ */ t(ke, { size: "small", onClick: () => oe(x.id), children: /* @__PURE__ */ t(we, { size: 16 }) }) }) })
+              ] }, x.id)) })
+            ] }),
+            /* @__PURE__ */ t(et, { component: "div", count: re, page: a, rowsPerPage: o, onPageChange: (x, E) => m(E), onRowsPerPageChange: (x) => {
+              f(parseInt(x.target.value, 10)), m(0);
+            }, rowsPerPageOptions: [5, 10, 25, 50] })
+          ] }) : null
+        ] }),
+        c === "roles" && /* @__PURE__ */ s(H, { children: [
+          /* @__PURE__ */ t(S.Header, { children: "Assigned Roles" }),
+          /* @__PURE__ */ t(B, { variant: "body2", color: "text.secondary", children: "Roles currently assigned to this group. Manage role assignments from the Roles page." }),
+          /* @__PURE__ */ t(L, { sx: {
+            mt: 1
+          }, children: N ? /* @__PURE__ */ t(ir, { size: 20 }) : U ? /* @__PURE__ */ t(B, { variant: "body2", color: "error", children: "Failed to load roles. Please try again." }) : M.length === 0 ? /* @__PURE__ */ t(B, { variant: "body2", color: "text.secondary", children: "No roles assigned to this group." }) : /* @__PURE__ */ t(n.Container, { children: /* @__PURE__ */ s(n, { children: [
+            /* @__PURE__ */ t(n.Head, { children: /* @__PURE__ */ s(n.Row, { children: [
+              /* @__PURE__ */ t(n.Cell, { children: "Name" }),
+              /* @__PURE__ */ t(n.Cell, { children: "Description" })
+            ] }) }),
+            /* @__PURE__ */ t(n.Body, { children: M.map((x) => /* @__PURE__ */ s(n.Row, { children: [
+              /* @__PURE__ */ t(n.Cell, { children: x.name }),
+              /* @__PURE__ */ t(n.Cell, { children: x.description ?? "-" })
+            ] }, x.id)) })
+          ] }) }) })
+        ] })
+      ] }),
+      me && /* @__PURE__ */ s(ae, { direction: "row", spacing: 1, children: [
+        /* @__PURE__ */ t(X, { variant: "outlined", onClick: () => d(G), disabled: ee, children: "Cancel" }),
+        /* @__PURE__ */ t(X, { variant: "contained", onClick: ue, disabled: ee, children: ee ? "Saving..." : "Save Changes" })
+      ] })
+    ] })
+  ] });
+}, zr = () => {
+  const e = Ie(21), {
+    orgId: r
+  } = fe(), d = he.children.org.children.settings.children.identities;
+  let c;
+  e[0] !== r ? (c = q(d.children.users.path, {
+    orgId: r
+  }), e[0] = r, e[1] = c) : c = e[1];
+  let l;
+  e[2] !== c ? (l = /* @__PURE__ */ t(le, { index: !0, element: /* @__PURE__ */ t(je, { to: c, replace: !0 }) }), e[2] = c, e[3] = l) : l = e[3];
+  let a;
+  e[4] === Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ t(le, { path: "users/invite", element: /* @__PURE__ */ t(vr, {}) }), e[4] = a) : a = e[4];
+  let m;
+  e[5] === Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ t(le, { path: "users/add", element: /* @__PURE__ */ t(Cr, {}) }), e[5] = m) : m = e[5];
+  let o;
+  e[6] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ t(le, { path: "users/:userId", element: /* @__PURE__ */ t(Rr, {}) }), e[6] = o) : o = e[6];
+  let f;
+  e[7] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ t(le, { path: "users/*", element: /* @__PURE__ */ t(ur, {}) }), e[7] = f) : f = e[7];
+  let g;
+  e[8] === Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ t(le, { path: "roles/create", element: /* @__PURE__ */ t(Ur, {}) }), e[8] = g) : g = e[8];
+  let i;
+  e[9] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ t(le, { path: "roles/:roleId", element: /* @__PURE__ */ t(Gr, {}) }), e[9] = i) : i = e[9];
+  let w;
+  e[10] === Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ t(le, { path: "roles/*", element: /* @__PURE__ */ t(Ar, {}) }), e[10] = w) : w = e[10];
+  let p;
+  e[11] === Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ t(le, { path: "groups/create", element: /* @__PURE__ */ t(Tr, {}) }), e[11] = p) : p = e[11];
+  let I;
+  e[12] === Symbol.for("react.memo_cache_sentinel") ? (I = /* @__PURE__ */ t(le, { path: "groups/:groupId", element: /* @__PURE__ */ t(_r, {}) }), e[12] = I) : I = e[12];
+  let P;
+  e[13] === Symbol.for("react.memo_cache_sentinel") ? (P = /* @__PURE__ */ t(le, { path: "groups/*", element: /* @__PURE__ */ t(Lr, {}) }), e[13] = P) : P = e[13];
+  let y;
+  e[14] !== r ? (y = q(d.children.users.path, {
+    orgId: r
+  }), e[14] = r, e[15] = y) : y = e[15];
+  let N;
+  e[16] !== y ? (N = /* @__PURE__ */ t(le, { path: "*", element: /* @__PURE__ */ t(je, { to: y, replace: !0 }) }), e[16] = y, e[17] = N) : N = e[17];
+  let U;
+  return e[18] !== l || e[19] !== N ? (U = /* @__PURE__ */ s(pt, { children: [
+    l,
+    a,
+    m,
+    o,
+    f,
+    g,
+    i,
+    w,
+    p,
+    I,
+    P,
+    N
+  ] }), e[18] = l, e[19] = N, e[20] = U) : U = e[20], U;
+}, Fr = he.children.org.children.settings;
+function Wr() {
+  const e = Ie(8), {
+    userInfo: r
+  } = tr();
+  r?.scope;
+  let d;
+  e: {
+    if (Ve.disableAuth || !Ve.rbacEnabled) {
+      let i;
+      e[0] === Symbol.for("react.memo_cache_sentinel") ? (i = {
+        users: !0,
+        roles: !0,
+        groups: !0
+      }, e[0] = i) : i = e[0], d = i;
+      break e;
+    }
+    const c = r?.scope;
+    if (!c) {
+      let i;
+      e[1] === Symbol.for("react.memo_cache_sentinel") ? (i = {
+        users: !1,
+        roles: !1,
+        groups: !1
+      }, e[1] = i) : i = e[1], d = i;
+      break e;
+    }
+    let l;
+    e[2] !== c ? (l = new Set(c.split(" ").filter(Boolean)), e[2] = c, e[3] = l) : l = e[3];
+    const a = l, m = a.has("amp:org:invite-member") || a.has("amp:org:remove-member"), o = a.has("amp:role:read") || a.has("amp:role:create") || a.has("amp:role:update") || a.has("amp:role:delete"), f = a.has("amp:group:read") || a.has("amp:group:create") || a.has("amp:group:update") || a.has("amp:group:delete");
+    let g;
+    e[4] !== m || e[5] !== o || e[6] !== f ? (g = {
+      users: m,
+      roles: o,
+      groups: f
+    }, e[4] = m, e[5] = o, e[6] = f, e[7] = g) : g = e[7], d = g;
+  }
+  return d;
+}
+const Mr = {
+  minWidth: 36,
+  color: "primary.main"
+}, Or = {
+  minWidth: 36,
+  color: "inherit"
+}, Br = {
+  color: "text.secondary"
+}, Vr = {
+  color: "inherit"
+}, $r = (e) => {
+  const r = Ie(7), {
+    children: d
+  } = e, {
+    orgId: c
+  } = fe(), {
+    pathname: l
+  } = At(), a = Wr(), m = Fr.children.identities.children;
+  let o;
+  if (r[0] !== d || r[1] !== a.groups || r[2] !== a.roles || r[3] !== a.users || r[4] !== c || r[5] !== l) {
+    const f = [];
+    a.users && f.push({
+      label: "Users",
+      href: q(m.users.path, {
+        orgId: c
+      }),
+      wildPath: m.users.wildPath,
+      icon: t(nt, {
+        size: 18
+      })
+    }), a.groups && f.push({
+      label: "Groups",
+      href: q(m.groups.path, {
+        orgId: c
+      }),
+      wildPath: m.groups.wildPath,
+      icon: t(st, {
+        size: 18
+      })
+    }), a.roles && f.push({
+      label: "Roles",
+      href: q(m.roles.path, {
+        orgId: c
+      }),
+      wildPath: m.roles.wildPath,
+      icon: t(it, {
+        size: 18
+      })
+    });
+    const g = f.length > 0 ? [{
+      title: "User Management",
+      items: f
+    }] : [];
+    o = t(rr, {
+      title: "Settings",
+      disableIcon: !0,
+      children: s(sr, {
+        sx: {
+          display: "flex",
+          overflow: "hidden",
+          minHeight: "calc(70vh - 64px)"
+        },
+        children: [t(L, {
+          component: "nav",
+          sx: {
+            width: 200,
+            flexShrink: 0,
+            overflowY: "auto",
+            p: 2
+          },
+          children: g.map((i) => t(ar, {
+            subheader: t(dr, {
+              disableGutters: !0,
+              disableSticky: !0,
+              children: t(B, {
+                variant: "overline",
+                children: i.title
+              })
+            }),
+            children: i.items.map((w) => {
+              const p = !!Ut(w.wildPath, l);
+              return t(ut, {
+                to: w.href,
+                style: {
+                  textDecoration: "none",
+                  color: "inherit"
+                },
+                children: s(or, {
+                  selected: p,
+                  children: [t(lr, {
+                    sx: p ? Mr : Or,
+                    children: w.icon
+                  }), t(cr, {
+                    primary: w.label,
+                    sx: p ? Br : Vr
+                  })]
+                })
+              }, w.label);
+            })
+          }, i.title))
+        }), t(hr, {
+          orientation: "vertical",
+          flexItem: !0
+        }), t(L, {
+          sx: {
+            flex: 1,
+            minWidth: 0,
+            overflowY: "auto",
+            p: 3
+          },
+          children: d
+        })]
+      })
+    }), r[0] = d, r[1] = a.groups, r[2] = a.roles, r[3] = a.users, r[4] = c, r[5] = l, r[6] = o;
+  } else
+    o = r[6];
+  return o;
+}, mt = () => t($r, {
+  children: s(pt, {
+    children: [t(le, {
+      index: !0,
+      element: t(je, {
+        to: "identities/users",
+        replace: !0
+      })
+    }), t(le, {
+      path: "identities/*",
+      element: t(zr, {})
+    }), t(le, {
+      path: "*",
+      element: t(je, {
+        to: "identities/users",
+        replace: !0
+      })
+    })]
+  })
+}), tn = {
+  title: "Settings",
+  description: "Manage IDP settings and appearance",
+  icon: Nt,
+  path: "/settings",
+  component: mt,
+  levels: {
+    organization: mt
+  }
+};
+export {
+  mt as SettingsOrganization,
+  tn as metaData
+};