import { jsxs as t, jsx as e } from "react/jsx-runtime";
import { Link as p } from "react-router-dom";
import { useTranslation as N } from "react-i18next";
import { ArrowLeft as c, Users as l, Target as w, Lightbulb as T, Plus as h, Search as C, Filter as E, Cloud as o, LayoutGrid as R, List as G, Shield as n, Building2 as x, CloudOff as m, CornerDownRight as u, GitBranch as b, ChevronDown as $, Trash2 as g, Check as k, Network as A, Info as L } from "lucide-react";
const y = [
  { name: "IT Security", description: "Gestion des accès infrastructure et sécurité", type: "security", source: "local", memberCount: 8, roles: ["Admin", "IT Admin"], childCount: 2, parentName: null, createdAt: "2024-01-10" },
  { name: "DevOps Team", description: "Équipe déploiement et intégration continue", type: "security", source: "local", memberCount: 6, roles: ["DevOps Engineer"], childCount: 0, parentName: "IT Security", createdAt: "2024-01-15" },
  { name: "All Staff", description: "Tous les collaborateurs de l'entreprise", type: "security", source: "entra", memberCount: 42, roles: ["User"], childCount: 0, parentName: null, createdAt: "2024-02-01" },
  { name: "HR Department", description: "Ressources humaines et gestion des talents", type: "distribution", source: "local", memberCount: 15, roles: ["HR Manager"], childCount: 0, parentName: null, createdAt: "2024-01-20" },
  { name: "Finance Department", description: "Comptabilité, contrôle de gestion et audit", type: "distribution", source: "entra", memberCount: 12, roles: ["Finance User"], childCount: 0, parentName: null, createdAt: "2024-02-10" }
], f = [
  { method: "GET", path: "/api/administration/users/groups", handler: "GetGroups", permission: "administration.users.groups.read" },
  { method: "GET", path: "/api/administration/users/groups/{id}", handler: "GetGroup", permission: "administration.users.groups.read" },
  { method: "POST", path: "/api/administration/users/groups", handler: "CreateGroup", permission: "administration.users.groups.create" },
  { method: "PUT", path: "/api/administration/users/groups/{id}", handler: "UpdateGroup", permission: "administration.users.groups.update" },
  { method: "DELETE", path: "/api/administration/users/groups/{id}", handler: "DeleteGroup", permission: "administration.users.groups.delete" },
  { method: "POST", path: "/api/administration/users/groups/{id}/activate", handler: "ActivateGroup", permission: "administration.users.groups.update" },
  { method: "POST", path: "/api/administration/users/groups/{id}/deactivate", handler: "DeactivateGroup", permission: "administration.users.groups.update" },
  { method: "POST", path: "/api/administration/users/groups/{id}/link-entra", handler: "LinkToEntra", permission: "administration.users.groups.update" },
  { method: "DELETE", path: "/api/administration/users/groups/{id}/link-entra", handler: "UnlinkFromEntra", permission: "administration.users.groups.update" },
  { method: "GET", path: "/api/administration/users/groups/{id}/members", handler: "GetMembers", permission: "administration.users.groups.read" },
  { method: "POST", path: "/api/administration/users/groups/{id}/members", handler: "AddMember", permission: "administration.users.groups.update" },
  { method: "DELETE", path: "/api/administration/users/groups/{id}/members/{userId}", handler: "RemoveMember", permission: "administration.users.groups.update" },
  { method: "GET", path: "/api/administration/users/groups/{id}/roles", handler: "GetRoles", permission: "administration.users.groups.read" },
  { method: "POST", path: "/api/administration/users/groups/{id}/roles", handler: "AssignRole", permission: "administration.users.groups.assign" },
  { method: "DELETE", path: "/api/administration/users/groups/{id}/roles/{roleId}", handler: "RemoveRole", permission: "administration.users.groups.assign" },
  { method: "PATCH", path: "/api/administration/users/groups/{id}/roles/{roleId}/inheritable", handler: "SetRoleInheritable", permission: "administration.users.groups.assign" },
  { method: "GET", path: "/api/administration/users/groups/{id}/children", handler: "GetChildren", permission: "administration.users.groups.read" },
  { method: "PUT", path: "/api/administration/users/groups/{id}/parent", handler: "SetParent", permission: "administration.users.groups.update" },
  { method: "GET", path: "/api/administration/users/groups/{id}/tenants", handler: "GetTenants", permission: "administration.users.groups.read" },
  { method: "POST", path: "/api/administration/users/groups/{id}/tenants", handler: "AddToTenant", permission: "administration.users.groups.assign" },
  { method: "DELETE", path: "/api/administration/users/groups/{id}/tenants/{tenantId}", handler: "RemoveFromTenant", permission: "administration.users.groups.assign" },
  { method: "GET", path: "/api/administration/users/groups/{id}/custom-role", handler: "GetCustomRole", permission: "administration.users.groups.read" },
  { method: "POST", path: "/api/administration/users/groups/{id}/custom-role", handler: "CreateCustomRole", permission: "administration.users.groups.create" },
  { method: "DELETE", path: "/api/administration/users/groups/{id}/custom-role", handler: "DeleteCustomRole", permission: "administration.users.groups.delete" },
  { method: "GET", path: "/api/administration/users/groups/{id}/application-access", handler: "GetApplicationAccess", permission: "administration.users.groups.read" }
];
function s({ text: r }) {
  return /* @__PURE__ */ t("div", { className: "flex items-start gap-2 p-2.5 rounded-lg bg-blue-500/5 border border-blue-500/15 text-sm text-blue-700 dark:text-blue-400", children: [
    /* @__PURE__ */ e(L, { className: "w-4 h-4 mt-0.5 flex-shrink-0" }),
    /* @__PURE__ */ e("span", { children: r })
  ] });
}
function O() {
  const { t: r } = N("docsAdministrationUsersGroups");
  return /* @__PURE__ */ t("div", { className: "space-y-8", children: [
    /* @__PURE__ */ t(
      p,
      {
        to: "/docs/business/administration/users",
        className: "inline-flex items-center gap-2 text-[var(--text-secondary)] hover:text-[var(--color-primary-600)] transition-colors",
        children: [
          /* @__PURE__ */ e(c, { className: "w-4 h-4" }),
          r("nav.backToUsers")
        ]
      }
    ),
    /* @__PURE__ */ t("div", { children: [
      /* @__PURE__ */ t("h1", { className: "text-3xl font-bold mb-4 flex items-center gap-3", children: [
        /* @__PURE__ */ e(l, { className: "w-8 h-8 text-[var(--color-primary-600)]" }),
        r("title")
      ] }),
      /* @__PURE__ */ e("p", { className: "text-xl text-[var(--color-primary-600)] font-medium mb-2", children: r("valueProposition") }),
      /* @__PURE__ */ e("p", { className: "text-lg text-[var(--text-secondary)]", children: r("subtitle") }),
      /* @__PURE__ */ t("div", { className: "flex gap-4 mt-3 text-sm text-[var(--text-secondary)]", children: [
        /* @__PURE__ */ t("span", { children: [
          "8 ",
          r("header.businessRules")
        ] }),
        /* @__PURE__ */ t("span", { children: [
          f.length,
          " ",
          r("header.apiEndpoints")
        ] }),
        /* @__PURE__ */ t("span", { children: [
          "2 ",
          r("header.groupTypes")
        ] })
      ] })
    ] }),
    /* @__PURE__ */ t("section", { id: "valeur", className: "scroll-mt-4", children: [
      /* @__PURE__ */ t("h2", { className: "text-2xl font-bold mb-4 flex items-center gap-2", children: [
        /* @__PURE__ */ e("span", { className: "w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm", children: "1" }),
        r("sections.businessValue")
      ] }),
      /* @__PURE__ */ t("div", { className: "card p-6", children: [
        /* @__PURE__ */ t("div", { className: "mb-6", children: [
          /* @__PURE__ */ t("h3", { className: "font-semibold mb-3 flex items-center gap-2", children: [
            /* @__PURE__ */ e(w, { className: "w-5 h-5 text-red-500" }),
            r("sections.problem")
          ] }),
          /* @__PURE__ */ e("p", { className: "text-[var(--text-secondary)]", children: r("problem") })
        ] }),
        /* @__PURE__ */ t("div", { className: "p-4 rounded-lg bg-green-500/10 border border-green-500/20", children: [
          /* @__PURE__ */ t("h3", { className: "font-semibold mb-2 flex items-center gap-2 text-green-700", children: [
            /* @__PURE__ */ e(T, { className: "w-5 h-5" }),
            r("sections.solution")
          ] }),
          /* @__PURE__ */ e("p", { className: "text-[var(--text-secondary)]", children: r("solution") })
        ] })
      ] })
    ] }),
    /* @__PURE__ */ t("section", { id: "acces", className: "scroll-mt-4", children: [
      /* @__PURE__ */ t("h2", { className: "text-2xl font-bold mb-4 flex items-center gap-2", children: [
        /* @__PURE__ */ e("span", { className: "w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm", children: "2" }),
        r("sections.access")
      ] }),
      /* @__PURE__ */ t("div", { className: "card p-6 space-y-4", children: [
        /* @__PURE__ */ t("div", { children: [
          /* @__PURE__ */ e("div", { className: "text-sm font-medium text-[var(--text-secondary)] mb-2", children: r("access.navigation") }),
          /* @__PURE__ */ t("div", { className: "flex items-center gap-2 text-sm flex-wrap", children: [
            /* @__PURE__ */ e("span", { className: "px-3 py-1.5 rounded-lg bg-purple-500/10 text-purple-600 font-medium", children: "Platform" }),
            /* @__PURE__ */ e("span", { className: "text-[var(--text-tertiary)]", children: "›" }),
            /* @__PURE__ */ e("span", { className: "px-3 py-1.5 rounded-lg bg-blue-500/10 text-blue-600 font-medium", children: "Administration" }),
            /* @__PURE__ */ e("span", { className: "text-[var(--text-tertiary)]", children: "›" }),
            /* @__PURE__ */ e("span", { className: "px-3 py-1.5 rounded-lg bg-green-500/10 text-green-600 font-medium", children: "Users" }),
            /* @__PURE__ */ e("span", { className: "text-[var(--text-tertiary)]", children: "›" }),
            /* @__PURE__ */ e("span", { className: "px-3 py-1.5 rounded-lg bg-orange-500/10 text-orange-600 font-medium", children: "Groups" })
          ] })
        ] }),
        /* @__PURE__ */ t("div", { children: [
          /* @__PURE__ */ e("div", { className: "text-sm font-medium text-[var(--text-secondary)] mb-1", children: "URL" }),
          /* @__PURE__ */ e("code", { className: "text-sm px-3 py-1.5 bg-[var(--bg-secondary)] rounded-lg", children: "/administration/users/groups" })
        ] }),
        /* @__PURE__ */ t("div", { children: [
          /* @__PURE__ */ e("div", { className: "text-sm font-medium text-[var(--text-secondary)] mb-1", children: r("access.permission") }),
          /* @__PURE__ */ e("code", { className: "text-sm px-3 py-1.5 bg-[var(--bg-secondary)] rounded-lg", children: "administration.users.groups.read" })
        ] })
      ] })
    ] }),
    /* @__PURE__ */ t("section", { id: "interface", className: "scroll-mt-4", children: [
      /* @__PURE__ */ t("h2", { className: "text-2xl font-bold mb-4 flex items-center gap-2", children: [
        /* @__PURE__ */ e("span", { className: "w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm", children: "3" }),
        r("sections.interface")
      ] }),
      /* @__PURE__ */ e("p", { className: "text-[var(--text-secondary)] mb-4", children: r("interface.desc") }),
      /* @__PURE__ */ t("div", { className: "card overflow-hidden mb-4", children: [
        /* @__PURE__ */ t("div", { className: "p-4 border-b border-[var(--border-color)] bg-[var(--bg-secondary)]", children: [
          /* @__PURE__ */ t("div", { className: "flex items-center gap-2 text-xs text-[var(--text-secondary)] mb-3", children: [
            /* @__PURE__ */ e("span", { children: "Administration" }),
            /* @__PURE__ */ e("span", { children: "›" }),
            /* @__PURE__ */ e("span", { children: "Users" }),
            /* @__PURE__ */ e("span", { children: "›" }),
            /* @__PURE__ */ e("span", { className: "text-[var(--text-primary)]", children: r("title") })
          ] }),
          /* @__PURE__ */ t("div", { className: "flex items-center justify-between", children: [
            /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: [
              /* @__PURE__ */ e("div", { className: "p-2 rounded-lg bg-[var(--color-primary-600)]/10", children: /* @__PURE__ */ e(l, { className: "w-6 h-6 text-[var(--color-primary-600)]" }) }),
              /* @__PURE__ */ t("div", { children: [
                /* @__PURE__ */ e("h3", { className: "text-lg font-semibold", children: r("title") }),
                /* @__PURE__ */ t("p", { className: "text-sm text-[var(--text-secondary)]", children: [
                  "5 ",
                  r("interface.groupsCount", { defaultValue: "groupes" })
                ] })
              ] })
            ] }),
            /* @__PURE__ */ t("button", { className: "px-4 py-2 rounded-lg bg-[var(--color-primary-600)] text-white text-sm font-medium flex items-center gap-2 opacity-80", children: [
              /* @__PURE__ */ e(h, { className: "w-4 h-4" }),
              r("interface.createButton")
            ] })
          ] })
        ] }),
        /* @__PURE__ */ e("div", { className: "px-4 py-3 border-b border-[var(--border-color)]", children: /* @__PURE__ */ t("div", { className: "flex flex-col sm:flex-row gap-3", children: [
          /* @__PURE__ */ t("div", { className: "flex items-center gap-2 flex-1 px-3 py-2 bg-[var(--bg-primary)] border border-[var(--border-color)] rounded-lg", children: [
            /* @__PURE__ */ e(C, { className: "w-4 h-4 text-[var(--text-tertiary)]" }),
            /* @__PURE__ */ e("span", { className: "text-sm text-[var(--text-tertiary)]", children: r("interface.searchPlaceholder") })
          ] }),
          /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
            /* @__PURE__ */ e(E, { className: "w-4 h-4 text-[var(--text-tertiary)]" }),
            /* @__PURE__ */ t("select", { className: "px-3 py-2 rounded-lg border border-[var(--border-color)] bg-[var(--bg-primary)] text-sm", children: [
              /* @__PURE__ */ e("option", { children: r("interface.types.all") }),
              /* @__PURE__ */ e("option", { children: r("interface.types.security") }),
              /* @__PURE__ */ e("option", { children: r("interface.types.distribution") })
            ] })
          ] }),
          /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
            /* @__PURE__ */ e(o, { className: "w-4 h-4 text-[var(--text-tertiary)]" }),
            /* @__PURE__ */ t("select", { className: "px-3 py-2 rounded-lg border border-[var(--border-color)] bg-[var(--bg-primary)] text-sm", children: [
              /* @__PURE__ */ e("option", { children: r("interface.sync.all") }),
              /* @__PURE__ */ e("option", { children: r("interface.sync.local") }),
              /* @__PURE__ */ e("option", { children: r("interface.sync.entra") })
            ] })
          ] }),
          /* @__PURE__ */ t("div", { className: "flex items-center gap-1 p-1 rounded-lg bg-[var(--bg-secondary)] border border-[var(--border-color)]", children: [
            /* @__PURE__ */ e("button", { className: "p-2 rounded-lg bg-[var(--color-primary-600)] text-white transition-colors", children: /* @__PURE__ */ e(R, { className: "w-4 h-4" }) }),
            /* @__PURE__ */ e("button", { className: "p-2 rounded-lg text-[var(--text-tertiary)] transition-colors", children: /* @__PURE__ */ e(G, { className: "w-4 h-4" }) })
          ] })
        ] }) }),
        /* @__PURE__ */ e("div", { className: "p-4 grid grid-cols-1 lg:grid-cols-2 gap-4", children: y.slice(0, 4).map((a) => /* @__PURE__ */ e(
          "div",
          {
            className: "rounded-lg border border-[var(--border-color)] bg-[var(--bg-primary)] overflow-hidden hover:border-[var(--color-primary-600)] transition-colors cursor-pointer",
            children: /* @__PURE__ */ t("div", { className: "p-4", children: [
              /* @__PURE__ */ t("div", { className: "flex items-start justify-between gap-4", children: [
                /* @__PURE__ */ t("div", { className: "flex items-start gap-3 min-w-0", children: [
                  /* @__PURE__ */ e("div", { className: `p-2.5 rounded-lg flex-shrink-0 ${a.type === "security" ? "bg-blue-500/10 text-blue-500" : "bg-purple-500/10 text-purple-500"}`, children: a.type === "security" ? /* @__PURE__ */ e(n, { className: "w-5 h-5" }) : /* @__PURE__ */ e(x, { className: "w-5 h-5" }) }),
                  /* @__PURE__ */ t("div", { className: "min-w-0", children: [
                    /* @__PURE__ */ t("div", { className: "flex items-center gap-2 flex-wrap mb-1", children: [
                      /* @__PURE__ */ e("span", { className: "font-semibold text-[var(--text-primary)]", children: a.name }),
                      /* @__PURE__ */ e("span", { className: `px-2 py-0.5 text-xs rounded-full border ${a.type === "security" ? "bg-blue-500/10 text-blue-600 border-blue-500/20" : "bg-purple-500/10 text-purple-600 border-purple-500/20"}`, children: r(`interface.types.${a.type}`) }),
                      a.source === "entra" ? /* @__PURE__ */ t("span", { className: "px-2 py-0.5 text-xs rounded-full bg-blue-500/10 text-blue-500 border border-blue-500/20 flex items-center gap-1", children: [
                        /* @__PURE__ */ e(o, { className: "w-3 h-3" }),
                        "Entra"
                      ] }) : /* @__PURE__ */ t("span", { className: "px-2 py-0.5 text-xs rounded-full bg-[var(--bg-tertiary)] text-[var(--text-tertiary)] border border-[var(--border-color)] flex items-center gap-1", children: [
                        /* @__PURE__ */ e(m, { className: "w-3 h-3" }),
                        r("interface.sync.local")
                      ] }),
                      a.parentName && /* @__PURE__ */ t("span", { className: "px-2 py-0.5 text-xs rounded-full bg-[var(--bg-tertiary)] text-[var(--text-tertiary)] border border-[var(--border-color)] flex items-center gap-1", children: [
                        /* @__PURE__ */ e(u, { className: "w-3 h-3" }),
                        a.parentName
                      ] }),
                      a.childCount > 0 && /* @__PURE__ */ t("span", { className: "px-2 py-0.5 text-xs rounded-full bg-[var(--bg-tertiary)] text-[var(--text-tertiary)] border border-[var(--border-color)] flex items-center gap-1", children: [
                        /* @__PURE__ */ e(b, { className: "w-3 h-3" }),
                        a.childCount
                      ] })
                    ] }),
                    /* @__PURE__ */ e("p", { className: "text-sm text-[var(--text-secondary)] line-clamp-1", children: a.description }),
                    /* @__PURE__ */ t("div", { className: "flex items-center gap-1 mt-2 text-sm text-[var(--text-tertiary)]", children: [
                      /* @__PURE__ */ e(l, { className: "w-4 h-4" }),
                      /* @__PURE__ */ t("span", { children: [
                        a.memberCount,
                        " membres"
                      ] }),
                      /* @__PURE__ */ e($, { className: "w-3 h-3 ml-1" })
                    ] })
                  ] })
                ] }),
                /* @__PURE__ */ t("div", { className: "flex flex-col gap-2 flex-shrink-0", children: [
                  /* @__PURE__ */ t("button", { className: "inline-flex items-center gap-1 px-3 py-1.5 text-xs font-medium rounded-lg bg-[var(--color-primary-600)] text-white opacity-80", children: [
                    /* @__PURE__ */ e(h, { className: "w-3.5 h-3.5" }),
                    "Rôle"
                  ] }),
                  /* @__PURE__ */ e("button", { className: "inline-flex items-center gap-1 px-3 py-1.5 text-xs font-medium rounded-lg border border-[var(--error-border)] text-[var(--error-text)] opacity-80", children: /* @__PURE__ */ e(g, { className: "w-3.5 h-3.5" }) })
                ] })
              ] }),
              a.roles.length > 0 && /* @__PURE__ */ e("div", { className: "mt-3 pt-3 border-t border-[var(--border-color)]", children: /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-2", children: a.roles.map((i) => /* @__PURE__ */ t("span", { className: "inline-flex items-center gap-1.5 px-2.5 py-1 rounded-lg bg-[var(--bg-secondary)] border border-[var(--border-color)] text-xs", children: [
                /* @__PURE__ */ e(n, { className: "w-3.5 h-3.5 text-[var(--color-primary-600)]" }),
                i
              ] }, i)) }) })
            ] })
          },
          a.name
        )) })
      ] }),
      /* @__PURE__ */ t("div", { className: "space-y-2", children: [
        /* @__PURE__ */ e(s, { text: r("interface.annotations.header") }),
        /* @__PURE__ */ e(s, { text: r("interface.annotations.search") }),
        /* @__PURE__ */ e(s, { text: r("interface.annotations.filterType") }),
        /* @__PURE__ */ e(s, { text: r("interface.annotations.filterSync") }),
        /* @__PURE__ */ e(s, { text: r("interface.annotations.viewToggle") }),
        /* @__PURE__ */ e(s, { text: r("interface.annotations.cardName") }),
        /* @__PURE__ */ e(s, { text: r("interface.annotations.cardMembers") }),
        /* @__PURE__ */ e(s, { text: r("interface.annotations.cardRoles") }),
        /* @__PURE__ */ e(s, { text: r("interface.annotations.cardActions") })
      ] })
    ] }),
    /* @__PURE__ */ t("section", { id: "table-view", className: "scroll-mt-4", children: [
      /* @__PURE__ */ e("p", { className: "text-[var(--text-secondary)] mb-4 font-medium", children: r("interface.tableViewDesc", { defaultValue: "Vue Tableau — affichage hiérarchique avec indentation des sous-groupes" }) }),
      /* @__PURE__ */ e("div", { className: "card overflow-hidden mb-4", children: /* @__PURE__ */ e("div", { className: "overflow-x-auto", children: /* @__PURE__ */ t("table", { className: "w-full text-sm", children: [
        /* @__PURE__ */ e("thead", { className: "bg-[var(--bg-secondary)]", children: /* @__PURE__ */ t("tr", { children: [
          /* @__PURE__ */ e("th", { className: "text-left px-4 py-3 text-xs font-semibold text-[var(--text-tertiary)] uppercase tracking-wider", children: r("interface.columns.name") }),
          /* @__PURE__ */ e("th", { className: "text-left px-4 py-3 text-xs font-semibold text-[var(--text-tertiary)] uppercase tracking-wider hidden md:table-cell", children: r("interface.columns.parent") }),
          /* @__PURE__ */ e("th", { className: "text-left px-4 py-3 text-xs font-semibold text-[var(--text-tertiary)] uppercase tracking-wider", children: r("interface.columns.type") }),
          /* @__PURE__ */ e("th", { className: "text-left px-4 py-3 text-xs font-semibold text-[var(--text-tertiary)] uppercase tracking-wider hidden md:table-cell", children: r("interface.columns.source") }),
          /* @__PURE__ */ e("th", { className: "text-left px-4 py-3 text-xs font-semibold text-[var(--text-tertiary)] uppercase tracking-wider", children: r("interface.columns.members") }),
          /* @__PURE__ */ e("th", { className: "text-left px-4 py-3 text-xs font-semibold text-[var(--text-tertiary)] uppercase tracking-wider hidden lg:table-cell", children: r("interface.columns.roles") }),
          /* @__PURE__ */ e("th", { className: "w-20 px-4 py-3" })
        ] }) }),
        /* @__PURE__ */ e("tbody", { className: "divide-y divide-[var(--border-color)]", children: y.map((a, i) => {
          const d = a.parentName !== null;
          return /* @__PURE__ */ t("tr", { className: `hover:bg-[var(--bg-hover)] transition-colors ${i % 2 === 0 ? "" : "bg-[var(--bg-secondary)]/30"}`, children: [
            /* @__PURE__ */ e("td", { className: "px-4 py-3", children: /* @__PURE__ */ t("div", { className: "flex items-center gap-3", style: { paddingLeft: d ? "24px" : "0" }, children: [
              d && /* @__PURE__ */ e(u, { className: "w-4 h-4 text-[var(--text-tertiary)] flex-shrink-0" }),
              /* @__PURE__ */ e("div", { className: `w-8 h-8 rounded-full flex items-center justify-center flex-shrink-0 ${a.type === "security" ? "bg-blue-500/10 text-blue-500" : "bg-purple-500/10 text-purple-500"}`, children: a.type === "security" ? /* @__PURE__ */ e(n, { className: "w-4 h-4" }) : /* @__PURE__ */ e(x, { className: "w-4 h-4" }) }),
              /* @__PURE__ */ e("div", { children: /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
                /* @__PURE__ */ e("span", { className: "font-medium text-[var(--text-primary)] hover:text-[var(--color-primary-600)]", children: a.name }),
                a.childCount > 0 && /* @__PURE__ */ t("span", { className: "flex items-center gap-0.5 px-1.5 py-0.5 text-xs rounded bg-[var(--bg-tertiary)] text-[var(--text-tertiary)]", children: [
                  /* @__PURE__ */ e(b, { className: "w-3 h-3" }),
                  a.childCount
                ] })
              ] }) })
            ] }) }),
            /* @__PURE__ */ e("td", { className: "px-4 py-3 hidden md:table-cell text-sm text-[var(--text-secondary)]", children: a.parentName ?? /* @__PURE__ */ e("span", { className: "text-[var(--text-tertiary)]", children: "—" }) }),
            /* @__PURE__ */ e("td", { className: "px-4 py-3", children: /* @__PURE__ */ e("span", { className: `px-2 py-0.5 text-xs rounded-full ${a.type === "security" ? "bg-blue-500/10 text-blue-500" : "bg-purple-500/10 text-purple-500"}`, children: r(`interface.types.${a.type}`) }) }),
            /* @__PURE__ */ e("td", { className: "px-4 py-3 hidden md:table-cell", children: a.source === "entra" ? /* @__PURE__ */ t("span", { className: "flex items-center gap-1 text-sm text-blue-500", children: [
              /* @__PURE__ */ e(o, { className: "w-4 h-4" }),
              "Entra"
            ] }) : /* @__PURE__ */ t("span", { className: "flex items-center gap-1 text-sm text-[var(--text-tertiary)]", children: [
              /* @__PURE__ */ e(m, { className: "w-4 h-4" }),
              "Local"
            ] }) }),
            /* @__PURE__ */ e("td", { className: "px-4 py-3 text-sm text-[var(--text-secondary)]", children: /* @__PURE__ */ t("span", { className: "flex items-center gap-1", children: [
              /* @__PURE__ */ e(l, { className: "w-4 h-4" }),
              a.memberCount
            ] }) }),
            /* @__PURE__ */ e("td", { className: "px-4 py-3 hidden lg:table-cell", children: /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-1", children: a.roles.slice(0, 2).map((v) => /* @__PURE__ */ e("span", { className: "px-2 py-0.5 text-xs rounded bg-[var(--color-primary-600)]/10 text-[var(--color-primary-600)]", children: v }, v)) }) }),
            /* @__PURE__ */ e("td", { className: "px-4 py-3", children: /* @__PURE__ */ t("div", { className: "flex items-center gap-1", children: [
              /* @__PURE__ */ e("button", { className: "p-1.5 rounded text-[var(--text-tertiary)] hover:text-[var(--color-primary-600)] hover:bg-[var(--bg-hover)] opacity-80", children: /* @__PURE__ */ e(h, { className: "w-4 h-4" }) }),
              /* @__PURE__ */ e("button", { className: "p-1.5 rounded text-[var(--text-tertiary)] hover:text-[var(--error-text)] hover:bg-[var(--error-bg)] opacity-80", children: /* @__PURE__ */ e(g, { className: "w-4 h-4" }) })
            ] }) })
          ] }, a.name);
        }) })
      ] }) }) }),
      /* @__PURE__ */ e("div", { className: "space-y-2", children: /* @__PURE__ */ e(s, { text: r("interface.annotations.tableHierarchy") }) })
    ] }),
    /* @__PURE__ */ t("section", { id: "creation", className: "scroll-mt-4", children: [
      /* @__PURE__ */ t("h2", { className: "text-2xl font-bold mb-4 flex items-center gap-2", children: [
        /* @__PURE__ */ e("span", { className: "w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm", children: "4" }),
        r("sections.createForm")
      ] }),
      /* @__PURE__ */ e("p", { className: "text-[var(--text-secondary)] mb-4", children: r("form.desc") }),
      /* @__PURE__ */ t("div", { className: "card overflow-hidden mb-4", children: [
        /* @__PURE__ */ t("div", { className: "flex items-center justify-between p-4 border-b border-[var(--border-color)] bg-[var(--bg-secondary)]", children: [
          /* @__PURE__ */ e("h3", { className: "text-lg font-semibold", children: r("form.modalTitle", { defaultValue: "Créer un groupe" }) }),
          /* @__PURE__ */ e("button", { className: "p-1.5 rounded hover:bg-[var(--bg-hover)] text-[var(--text-tertiary)] opacity-60", children: "✕" })
        ] }),
        /* @__PURE__ */ t("div", { className: "p-6 space-y-4", children: [
          /* @__PURE__ */ t("div", { children: [
            /* @__PURE__ */ t("label", { className: "block text-sm font-medium text-[var(--text-secondary)] mb-1", children: [
              r("form.nameLabel"),
              " *"
            ] }),
            /* @__PURE__ */ e(
              "input",
              {
                readOnly: !0,
                value: "DevOps Team",
                className: "w-full px-3 py-2 text-sm border border-[var(--border-color)] rounded-lg bg-[var(--bg-primary)]"
              }
            )
          ] }),
          /* @__PURE__ */ t("div", { children: [
            /* @__PURE__ */ e("label", { className: "block text-sm font-medium text-[var(--text-secondary)] mb-1", children: r("form.descriptionLabel") }),
            /* @__PURE__ */ e(
              "textarea",
              {
                readOnly: !0,
                value: "Équipe déploiement et intégration continue",
                rows: 2,
                className: "w-full px-3 py-2 text-sm border border-[var(--border-color)] rounded-lg bg-[var(--bg-primary)] resize-none"
              }
            )
          ] }),
          /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: [
            /* @__PURE__ */ e("div", { className: "relative inline-flex h-6 w-11 items-center rounded-full bg-[var(--color-primary-600)]", children: /* @__PURE__ */ e("span", { className: "inline-block h-4 w-4 transform rounded-full bg-white translate-x-6" }) }),
            /* @__PURE__ */ e("span", { className: "text-sm font-medium text-[var(--text-primary)]", children: r("form.securityGroupLabel") })
          ] }),
          /* @__PURE__ */ t("div", { children: [
            /* @__PURE__ */ e("label", { className: "block text-sm font-medium text-[var(--text-secondary)] mb-1", children: r("form.parentGroupLabel") }),
            /* @__PURE__ */ t("select", { className: "w-full px-3 py-2 text-sm border border-[var(--border-color)] rounded-lg bg-[var(--bg-primary)]", children: [
              /* @__PURE__ */ e("option", { children: r("form.noParent") }),
              /* @__PURE__ */ e("option", { selected: !0, children: "IT Security" }),
              /* @__PURE__ */ e("option", { children: "All Staff" }),
              /* @__PURE__ */ e("option", { children: "HR Department" })
            ] })
          ] }),
          /* @__PURE__ */ t("div", { className: "flex gap-3 pt-2", children: [
            /* @__PURE__ */ t("button", { className: "flex items-center gap-2 px-4 py-2 bg-[var(--color-primary-600)] text-white rounded-lg text-sm font-medium opacity-80", children: [
              /* @__PURE__ */ e(k, { className: "w-4 h-4" }),
              "Créer"
            ] }),
            /* @__PURE__ */ e("button", { className: "px-4 py-2 border border-[var(--border-color)] rounded-lg text-sm opacity-80", children: "Annuler" })
          ] })
        ] })
      ] }),
      /* @__PURE__ */ t("div", { className: "space-y-2", children: [
        /* @__PURE__ */ e(s, { text: r("form.annotations.name") }),
        /* @__PURE__ */ e(s, { text: r("form.annotations.description") }),
        /* @__PURE__ */ e(s, { text: r("form.annotations.securityToggle") }),
        /* @__PURE__ */ e(s, { text: r("form.annotations.parent") })
      ] })
    ] }),
    /* @__PURE__ */ t("section", { id: "detail", className: "scroll-mt-4", children: [
      /* @__PURE__ */ t("h2", { className: "text-2xl font-bold mb-4 flex items-center gap-2", children: [
        /* @__PURE__ */ e("span", { className: "w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm", children: "5" }),
        r("sections.detailView")
      ] }),
      /* @__PURE__ */ e("p", { className: "text-[var(--text-secondary)] mb-4", children: r("detail.desc") }),
      /* @__PURE__ */ t("div", { className: "card overflow-hidden mb-4", children: [
        /* @__PURE__ */ t("div", { className: "p-4 border-b border-[var(--border-color)] flex items-center justify-between bg-[var(--bg-secondary)]", children: [
          /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: [
            /* @__PURE__ */ e(c, { className: "w-5 h-5 text-[var(--text-secondary)]" }),
            /* @__PURE__ */ e("div", { className: "p-2 rounded-lg bg-blue-500/10 text-blue-500", children: /* @__PURE__ */ e(n, { className: "w-6 h-6" }) }),
            /* @__PURE__ */ t("div", { children: [
              /* @__PURE__ */ e("h3", { className: "text-lg font-semibold text-[var(--text-primary)]", children: "IT Security" }),
              /* @__PURE__ */ t("div", { className: "flex items-center gap-2 text-sm text-[var(--text-secondary)]", children: [
                /* @__PURE__ */ e("span", { className: "px-2 py-0.5 rounded-full bg-blue-500/10 text-blue-500 text-xs", children: r("interface.types.security") }),
                /* @__PURE__ */ t("span", { className: "flex items-center gap-1 text-xs text-[var(--text-tertiary)]", children: [
                  /* @__PURE__ */ e(m, { className: "w-3 h-3" }),
                  "Local"
                ] })
              ] })
            ] })
          ] }),
          /* @__PURE__ */ t("div", { className: "flex gap-2", children: [
            /* @__PURE__ */ e("button", { className: "px-3 py-1.5 text-xs rounded-lg bg-[var(--color-primary-600)] text-white opacity-80", children: r("detail.actions.addMember") }),
            /* @__PURE__ */ e("button", { className: "px-3 py-1.5 text-xs rounded-lg bg-[var(--color-primary-600)] text-white opacity-80", children: r("detail.actions.assignRole") })
          ] })
        ] }),
        /* @__PURE__ */ e("div", { className: "border-b border-[var(--border-color)] flex overflow-x-auto", children: ["info", "members", "roles", "hierarchy", "tenants", "applications", "permissions"].map((a, i) => /* @__PURE__ */ e(
          "button",
          {
            className: `px-4 py-3 text-sm font-medium border-b-2 whitespace-nowrap ${i === 0 ? "border-[var(--color-primary-600)] text-[var(--color-primary-600)]" : "border-transparent text-[var(--text-secondary)]"}`,
            children: r(`detail.tabs.${a}`)
          },
          a
        )) }),
        /* @__PURE__ */ t("div", { className: "p-4", children: [
          /* @__PURE__ */ t("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
            /* @__PURE__ */ t("div", { className: "p-3 rounded-lg bg-[var(--bg-secondary)]", children: [
              /* @__PURE__ */ e("div", { className: "text-xs text-[var(--text-secondary)] mb-1", children: r("detail.infoFields.name") }),
              /* @__PURE__ */ e("div", { className: "font-medium text-[var(--text-primary)]", children: "IT Security" })
            ] }),
            /* @__PURE__ */ t("div", { className: "p-3 rounded-lg bg-[var(--bg-secondary)]", children: [
              /* @__PURE__ */ e("div", { className: "text-xs text-[var(--text-secondary)] mb-1", children: r("detail.infoFields.type") }),
              /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
                /* @__PURE__ */ e(n, { className: "w-4 h-4 text-blue-500" }),
                /* @__PURE__ */ e("span", { className: "font-medium text-blue-500", children: r("interface.types.security") })
              ] })
            ] }),
            /* @__PURE__ */ t("div", { className: "p-3 rounded-lg bg-[var(--bg-secondary)]", children: [
              /* @__PURE__ */ e("div", { className: "text-xs text-[var(--text-secondary)] mb-1", children: r("detail.infoFields.source") }),
              /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
                /* @__PURE__ */ e(m, { className: "w-4 h-4 text-[var(--text-tertiary)]" }),
                /* @__PURE__ */ e("span", { className: "font-medium", children: "Local" })
              ] })
            ] }),
            /* @__PURE__ */ t("div", { className: "p-3 rounded-lg bg-[var(--bg-secondary)]", children: [
              /* @__PURE__ */ e("div", { className: "text-xs text-[var(--text-secondary)] mb-1", children: r("detail.infoFields.createdAt") }),
              /* @__PURE__ */ e("div", { className: "font-medium text-[var(--text-primary)]", children: "10 jan. 2024" })
            ] }),
            /* @__PURE__ */ t("div", { className: "p-3 rounded-lg bg-[var(--bg-secondary)] md:col-span-2", children: [
              /* @__PURE__ */ e("div", { className: "text-xs text-[var(--text-secondary)] mb-1", children: r("detail.infoFields.description") }),
              /* @__PURE__ */ e("div", { className: "font-medium text-[var(--text-primary)]", children: "Gestion des accès infrastructure et sécurité" })
            ] })
          ] }),
          /* @__PURE__ */ t("div", { className: "mt-4 pt-4 border-t border-[var(--border-color)]", children: [
            /* @__PURE__ */ t("div", { className: "text-sm font-medium text-[var(--text-secondary)] mb-3 flex items-center gap-2", children: [
              /* @__PURE__ */ e(A, { className: "w-4 h-4" }),
              "Hiérarchie"
            ] }),
            /* @__PURE__ */ t("div", { className: "space-y-2", children: [
              /* @__PURE__ */ t("div", { className: "flex items-center gap-3 p-2 rounded-lg bg-[var(--color-primary-600)]/5 border border-[var(--color-primary-600)]/20", children: [
                /* @__PURE__ */ e(n, { className: "w-4 h-4 text-[var(--color-primary-600)]" }),
                /* @__PURE__ */ e("span", { className: "text-sm font-semibold text-[var(--color-primary-600)]", children: "IT Security" }),
                /* @__PURE__ */ e("span", { className: "text-xs px-1.5 py-0.5 rounded bg-[var(--color-primary-600)]/10 text-[var(--color-primary-600)]", children: "actuel" })
              ] }),
              /* @__PURE__ */ t("div", { className: "ml-6 flex items-center gap-3 p-2 rounded-lg bg-[var(--bg-secondary)]", children: [
                /* @__PURE__ */ e(u, { className: "w-4 h-4 text-[var(--text-tertiary)]" }),
                /* @__PURE__ */ e(n, { className: "w-4 h-4 text-blue-500" }),
                /* @__PURE__ */ e("span", { className: "text-sm text-[var(--text-primary)]", children: "DevOps Team" }),
                /* @__PURE__ */ e("span", { className: "text-xs text-[var(--text-tertiary)]", children: "6 membres" })
              ] })
            ] })
          ] })
        ] })
      ] }),
      /* @__PURE__ */ t("div", { className: "space-y-2", children: [
        /* @__PURE__ */ e(s, { text: r("detail.annotations.header") }),
        /* @__PURE__ */ e(s, { text: r("detail.annotations.tabs") }),
        /* @__PURE__ */ e(s, { text: r("detail.annotations.membersTab") }),
        /* @__PURE__ */ e(s, { text: r("detail.annotations.rolesTab") }),
        /* @__PURE__ */ e(s, { text: r("detail.annotations.hierarchyTab") })
      ] })
    ] }),
    /* @__PURE__ */ t("section", { id: "cas-usage", className: "scroll-mt-4", children: [
      /* @__PURE__ */ t("h2", { className: "text-2xl font-bold mb-4 flex items-center gap-2", children: [
        /* @__PURE__ */ e("span", { className: "w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm", children: "6" }),
        r("sections.useCases")
      ] }),
      /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [1, 2, 3].map((a) => /* @__PURE__ */ t("div", { className: "card p-6", children: [
        /* @__PURE__ */ t("div", { className: "flex items-center gap-3 mb-4", children: [
          /* @__PURE__ */ e("div", { className: `w-12 h-12 rounded-full flex items-center justify-center ${{ 1: "bg-blue-500/10", 2: "bg-amber-500/10", 3: "bg-purple-500/10" }[a]}`, children: /* @__PURE__ */ e(l, { className: `w-6 h-6 ${{ 1: "text-blue-600", 2: "text-amber-600", 3: "text-purple-600" }[a]}` }) }),
          /* @__PURE__ */ t("div", { children: [
            /* @__PURE__ */ e("div", { className: "font-semibold", children: r(`useCases.${a}.persona`) }),
            /* @__PURE__ */ e("div", { className: "text-sm text-[var(--text-secondary)]", children: r(`useCases.${a}.role`) })
          ] })
        ] }),
        /* @__PURE__ */ t("div", { className: "space-y-3 text-sm", children: [
          /* @__PURE__ */ t("div", { children: [
            /* @__PURE__ */ t("span", { className: "font-medium text-[var(--text-secondary)]", children: [
              r("useCases.situationLabel"),
              " "
            ] }),
            /* @__PURE__ */ e("span", { children: r(`useCases.${a}.situation`) })
          ] }),
          /* @__PURE__ */ t("div", { children: [
            /* @__PURE__ */ t("span", { className: "font-medium text-green-600", children: [
              r("useCases.withFeatureLabel"),
              " "
            ] }),
            /* @__PURE__ */ e("span", { children: r(`useCases.${a}.withFeature`) })
          ] })
        ] })
      ] }, `usecase-${a}`)) })
    ] }),
    /* @__PURE__ */ t("section", { id: "fonctionnalites", className: "scroll-mt-4", children: [
      /* @__PURE__ */ t("h2", { className: "text-2xl font-bold mb-4 flex items-center gap-2", children: [
        /* @__PURE__ */ e("span", { className: "w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm", children: "7" }),
        r("sections.features")
      ] }),
      /* @__PURE__ */ e("div", { className: "space-y-4", children: [1, 2, 3, 4, 5].map((a) => {
        const d = [b, o, n, l, x][a - 1];
        return /* @__PURE__ */ e("div", { className: "card p-6", children: /* @__PURE__ */ t("div", { className: "flex items-start gap-4", children: [
          /* @__PURE__ */ e("div", { className: "w-12 h-12 rounded-lg bg-[var(--color-primary-600)]/10 flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ e(d, { className: "w-6 h-6 text-[var(--color-primary-600)]" }) }),
          /* @__PURE__ */ t("div", { className: "flex-1", children: [
            /* @__PURE__ */ e("h3", { className: "font-semibold mb-2", children: r(`features.${a}.title`) }),
            /* @__PURE__ */ e("p", { className: "text-[var(--text-secondary)] mb-3", children: r(`features.${a}.description`) }),
            /* @__PURE__ */ t("div", { className: "p-3 rounded-lg bg-[var(--bg-secondary)] text-sm", children: [
              /* @__PURE__ */ t("span", { className: "font-medium text-[var(--color-primary-600)]", children: [
                r("features.exampleLabel"),
                " "
              ] }),
              r(`features.${a}.example`)
            ] })
          ] })
        ] }) }, `feature-${a}`);
      }) })
    ] }),
    /* @__PURE__ */ t("section", { id: "faq", className: "scroll-mt-4", children: [
      /* @__PURE__ */ t("h2", { className: "text-2xl font-bold mb-4 flex items-center gap-2", children: [
        /* @__PURE__ */ e("span", { className: "w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm", children: "8" }),
        r("sections.faq")
      ] }),
      /* @__PURE__ */ e("div", { className: "space-y-4", children: [1, 2, 3, 4, 5].map((a) => /* @__PURE__ */ t("div", { className: "card p-4", children: [
        /* @__PURE__ */ e("h3", { className: "font-medium mb-2", children: r(`faq.${a}.question`) }),
        /* @__PURE__ */ e("p", { className: "text-sm text-[var(--text-secondary)]", children: r(`faq.${a}.answer`) })
      ] }, `faq-${a}`)) })
    ] }),
    /* @__PURE__ */ e("section", { id: "reference", className: "scroll-mt-4", children: /* @__PURE__ */ t("details", { className: "card", children: [
      /* @__PURE__ */ t("summary", { className: "p-4 cursor-pointer hover:bg-[var(--bg-secondary)] rounded-lg font-semibold flex items-center gap-2", children: [
        /* @__PURE__ */ e("span", { className: "w-8 h-8 rounded-full bg-gray-500/10 text-gray-600 flex items-center justify-center text-sm", children: "9" }),
        r("sections.technicalRef")
      ] }),
      /* @__PURE__ */ t("div", { className: "p-4 pt-0 space-y-6", children: [
        /* @__PURE__ */ t("div", { children: [
          /* @__PURE__ */ e("h3", { className: "font-semibold mb-3", children: r("techRef.businessRules") }),
          /* @__PURE__ */ e("div", { className: "space-y-2", children: [
            { id: "BR-001", category: "Validation" },
            { id: "BR-002", category: "Hierarchy" },
            { id: "BR-003", category: "Entra Sync" },
            { id: "BR-004", category: "Realtime" },
            { id: "BR-005", category: "Inheritance" },
            { id: "BR-006", category: "Custom Role" },
            { id: "BR-007", category: "Lifecycle" },
            { id: "BR-008", category: "Security" }
          ].map((a) => /* @__PURE__ */ t("div", { className: "p-3 rounded-lg bg-[var(--bg-secondary)]", children: [
            /* @__PURE__ */ t("div", { className: "flex items-center gap-2 mb-1", children: [
              /* @__PURE__ */ e("span", { className: "text-xs font-mono text-[var(--color-primary-600)]", children: a.id }),
              /* @__PURE__ */ e("span", { className: "text-xs px-2 py-0.5 rounded bg-[var(--color-primary-600)]/10", children: a.category })
            ] }),
            /* @__PURE__ */ e("p", { className: "text-xs text-[var(--text-secondary)] mt-1", children: r(`techRef.rules.${a.id}`) })
          ] }, a.id)) })
        ] }),
        /* @__PURE__ */ t("div", { children: [
          /* @__PURE__ */ e("h3", { className: "font-semibold mb-3", children: r("techRef.apiEndpoints") }),
          /* @__PURE__ */ e("div", { className: "overflow-x-auto", children: /* @__PURE__ */ t("table", { className: "w-full text-sm", children: [
            /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ t("tr", { className: "bg-[var(--bg-secondary)]", children: [
              /* @__PURE__ */ e("th", { className: "text-left py-2 px-3", children: "Method" }),
              /* @__PURE__ */ e("th", { className: "text-left py-2 px-3", children: "Endpoint" }),
              /* @__PURE__ */ e("th", { className: "text-left py-2 px-3", children: "Handler" })
            ] }) }),
            /* @__PURE__ */ e("tbody", { children: f.map((a, i) => /* @__PURE__ */ t("tr", { className: "border-b border-[var(--border-color)]", children: [
              /* @__PURE__ */ e("td", { className: "py-2 px-3", children: /* @__PURE__ */ e("span", { className: `px-2 py-0.5 rounded text-xs font-medium ${a.method === "GET" ? "bg-blue-500/10 text-blue-600" : a.method === "POST" ? "bg-green-500/10 text-green-600" : a.method === "PUT" ? "bg-orange-500/10 text-orange-600" : a.method === "PATCH" ? "bg-amber-500/10 text-amber-600" : "bg-red-500/10 text-red-600"}`, children: a.method }) }),
              /* @__PURE__ */ e("td", { className: "py-2 px-3 font-mono text-xs", children: a.path }),
              /* @__PURE__ */ e("td", { className: "py-2 px-3 text-[var(--text-secondary)]", children: a.handler })
            ] }, `${a.method}-${a.path}-${i}`)) })
          ] }) })
        ] })
      ] })
    ] }) }),
    /* @__PURE__ */ t("div", { className: "flex justify-between pt-6 border-t border-[var(--border-color)]", children: [
      /* @__PURE__ */ t(
        p,
        {
          to: "/docs/business/administration/users",
          className: "flex items-center gap-2 text-[var(--text-secondary)] hover:text-[var(--color-primary-600)]",
          children: [
            /* @__PURE__ */ e(c, { className: "w-4 h-4" }),
            r("nav.backToUsers")
          ]
        }
      ),
      /* @__PURE__ */ t(
        p,
        {
          to: "/docs/business/administration/permissions",
          className: "flex items-center gap-2 text-[var(--color-primary-600)] hover:underline",
          children: [
            r("nav.toPermissions"),
            /* @__PURE__ */ e(c, { className: "w-4 h-4 rotate-180" })
          ]
        }
      )
    ] })
  ] });
}
export {
  O as default
};
//# sourceMappingURL=index-vUb_gIjC.js.map
