import { jsxs as r, jsx as e } from "react/jsx-runtime";
import { Link as p } from "react-router-dom";
import { useTranslation as y } from "react-i18next";
import { ArrowLeft as d, Users as i, Plus as x, Search as w, Filter as T, Cloud as o, LayoutGrid as C, List as E, Shield as c, Building2 as h, CloudOff as m, CornerDownRight as b, GitBranch as v, ChevronDown as R, Trash2 as g, Check as k, Network as G, Info as $ } from "lucide-react";
const f = [
  { 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" }
], N = [
  { 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: a }) {
  return /* @__PURE__ */ r("div", { className: "flex items-start gap-2 p-2.5 rounded-lg border-l-2 border-[var(--color-accent-500)] bg-[var(--bg-secondary)] text-sm text-[var(--text-secondary)]", children: [
    /* @__PURE__ */ e($, { className: "w-4 h-4 mt-0.5 flex-shrink-0 text-[var(--color-accent-600)]" }),
    /* @__PURE__ */ e("span", { children: a })
  ] });
}
function P() {
  const { t: a } = y("docsAdministrationUsersGroups");
  return /* @__PURE__ */ r("div", { className: "space-y-8", children: [
    /* @__PURE__ */ r(
      p,
      {
        to: "/docs/business/administration/users",
        className: "inline-flex items-center gap-2 text-[var(--text-secondary)] hover:text-[var(--color-accent-600)] transition-colors",
        children: [
          /* @__PURE__ */ e(d, { className: "w-4 h-4" }),
          a("nav.backToUsers")
        ]
      }
    ),
    /* @__PURE__ */ r("div", { children: [
      /* @__PURE__ */ r("h1", { className: "text-3xl font-bold mb-4 flex items-center gap-3", children: [
        /* @__PURE__ */ e(i, { className: "w-8 h-8 text-[var(--color-accent-600)]" }),
        a("title")
      ] }),
      /* @__PURE__ */ e("p", { className: "text-xl text-[var(--color-accent-600)] font-medium mb-2", children: a("summary") }),
      /* @__PURE__ */ e("p", { className: "text-lg text-[var(--text-secondary)]", children: a("subtitle") }),
      /* @__PURE__ */ r("div", { className: "flex gap-4 mt-3 text-sm text-[var(--text-secondary)]", children: [
        /* @__PURE__ */ r("span", { children: [
          "8 ",
          a("header.businessRules")
        ] }),
        /* @__PURE__ */ r("span", { children: [
          N.length,
          " ",
          a("header.apiEndpoints")
        ] }),
        /* @__PURE__ */ r("span", { children: [
          "2 ",
          a("header.groupTypes")
        ] })
      ] })
    ] }),
    /* @__PURE__ */ r("section", { id: "objectif", className: "scroll-mt-4", children: [
      /* @__PURE__ */ r("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-accent-600)] text-white flex items-center justify-center text-sm", children: "1" }),
        a("sections.objective")
      ] }),
      /* @__PURE__ */ e("div", { className: "p-6 bg-[var(--bg-card)] border border-[var(--border-color)] rounded-[var(--radius-card)]", children: /* @__PURE__ */ e("p", { className: "text-[var(--text-secondary)] leading-relaxed", children: a("objective") }) })
    ] }),
    /* @__PURE__ */ r("section", { id: "acces", className: "scroll-mt-4", children: [
      /* @__PURE__ */ r("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-accent-600)] text-white flex items-center justify-center text-sm", children: "2" }),
        a("sections.access")
      ] }),
      /* @__PURE__ */ r("div", { className: "p-6 bg-[var(--bg-card)] border border-[var(--border-color)] rounded-[var(--radius-card)] space-y-4", children: [
        /* @__PURE__ */ r("div", { children: [
          /* @__PURE__ */ e("div", { className: "text-sm font-medium text-[var(--text-secondary)] mb-2", children: a("access.navigation") }),
          /* @__PURE__ */ r("div", { className: "flex items-center gap-2 text-sm flex-wrap", children: [
            /* @__PURE__ */ e("span", { className: "px-3 py-1.5 rounded-lg bg-[var(--bg-secondary)] text-[var(--text-secondary)] border border-[var(--border-color)] 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-[var(--bg-secondary)] text-[var(--text-secondary)] border border-[var(--border-color)] 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-[var(--bg-secondary)] text-[var(--text-secondary)] border border-[var(--border-color)] 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-[var(--color-accent-600)]/10 text-[var(--color-accent-700)] border border-[var(--color-accent-500)]/20 font-medium", children: "Groups" })
          ] })
        ] }),
        /* @__PURE__ */ r("div", { className: "min-w-0", 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 break-all min-w-0 inline-block", children: "/administration/users/groups" })
        ] }),
        /* @__PURE__ */ r("div", { className: "min-w-0", children: [
          /* @__PURE__ */ e("div", { className: "text-sm font-medium text-[var(--text-secondary)] mb-1", children: a("access.permission") }),
          /* @__PURE__ */ e("code", { className: "text-sm px-3 py-1.5 bg-[var(--bg-secondary)] rounded-lg break-all min-w-0 inline-block", children: "administration.users.groups.read" })
        ] })
      ] })
    ] }),
    /* @__PURE__ */ r("section", { id: "interface", className: "scroll-mt-4", children: [
      /* @__PURE__ */ r("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-accent-600)] text-white flex items-center justify-center text-sm", children: "3" }),
        a("sections.interface")
      ] }),
      /* @__PURE__ */ e("p", { className: "text-[var(--text-secondary)] mb-4", children: a("interface.desc") }),
      /* @__PURE__ */ r("div", { className: "overflow-hidden mb-4 bg-[var(--bg-card)] border border-[var(--border-color)] rounded-[var(--radius-card)]", children: [
        /* @__PURE__ */ r("div", { className: "p-4 border-b border-[var(--border-color)] bg-[var(--bg-secondary)]", children: [
          /* @__PURE__ */ r("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: a("title") })
          ] }),
          /* @__PURE__ */ r("div", { className: "flex items-center justify-between", children: [
            /* @__PURE__ */ r("div", { className: "flex items-center gap-3", children: [
              /* @__PURE__ */ e("div", { className: "p-2 rounded-lg bg-[var(--color-accent-600)]/10", children: /* @__PURE__ */ e(i, { className: "w-6 h-6 text-[var(--color-accent-600)]" }) }),
              /* @__PURE__ */ r("div", { children: [
                /* @__PURE__ */ e("h3", { className: "text-lg font-semibold", children: a("title") }),
                /* @__PURE__ */ r("p", { className: "text-sm text-[var(--text-secondary)]", children: [
                  "5 ",
                  a("interface.groupsCount", { defaultValue: "groupes" })
                ] })
              ] })
            ] }),
            /* @__PURE__ */ r("button", { className: "px-4 py-2 rounded-lg bg-[var(--color-accent-600)] text-white text-sm font-medium flex items-center gap-2 opacity-80", children: [
              /* @__PURE__ */ e(x, { className: "w-4 h-4" }),
              a("interface.createButton")
            ] })
          ] })
        ] }),
        /* @__PURE__ */ e("div", { className: "px-4 py-3 border-b border-[var(--border-color)]", children: /* @__PURE__ */ r("div", { className: "flex flex-col sm:flex-row gap-3", children: [
          /* @__PURE__ */ r("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(w, { className: "w-4 h-4 text-[var(--text-tertiary)]" }),
            /* @__PURE__ */ e("span", { className: "text-sm text-[var(--text-tertiary)]", children: a("interface.searchPlaceholder") })
          ] }),
          /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
            /* @__PURE__ */ e(T, { className: "w-4 h-4 text-[var(--text-tertiary)]" }),
            /* @__PURE__ */ r("select", { className: "px-3 py-2 rounded-lg border border-[var(--border-color)] bg-[var(--bg-primary)] text-sm", children: [
              /* @__PURE__ */ e("option", { children: a("interface.types.all") }),
              /* @__PURE__ */ e("option", { children: a("interface.types.security") }),
              /* @__PURE__ */ e("option", { children: a("interface.types.distribution") })
            ] })
          ] }),
          /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
            /* @__PURE__ */ e(o, { className: "w-4 h-4 text-[var(--text-tertiary)]" }),
            /* @__PURE__ */ r("select", { className: "px-3 py-2 rounded-lg border border-[var(--border-color)] bg-[var(--bg-primary)] text-sm", children: [
              /* @__PURE__ */ e("option", { children: a("interface.sync.all") }),
              /* @__PURE__ */ e("option", { children: a("interface.sync.local") }),
              /* @__PURE__ */ e("option", { children: a("interface.sync.entra") })
            ] })
          ] }),
          /* @__PURE__ */ r("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-accent-600)] text-white transition-colors", children: /* @__PURE__ */ e(C, { className: "w-4 h-4" }) }),
            /* @__PURE__ */ e("button", { className: "p-2 rounded-lg text-[var(--text-tertiary)] transition-colors", children: /* @__PURE__ */ e(E, { className: "w-4 h-4" }) })
          ] })
        ] }) }),
        /* @__PURE__ */ e("div", { className: "p-4 grid grid-cols-1 lg:grid-cols-2 gap-4", children: f.slice(0, 4).map((t) => /* @__PURE__ */ e(
          "div",
          {
            className: "rounded-lg border border-[var(--border-color)] bg-[var(--bg-primary)] overflow-hidden hover:border-[var(--color-accent-600)] transition-colors cursor-pointer",
            children: /* @__PURE__ */ r("div", { className: "p-4", children: [
              /* @__PURE__ */ r("div", { className: "flex items-start justify-between gap-4", children: [
                /* @__PURE__ */ r("div", { className: "flex items-start gap-3 min-w-0", children: [
                  /* @__PURE__ */ e("div", { className: `p-2.5 rounded-lg flex-shrink-0 ${t.type === "security" ? "bg-[var(--color-accent-600)]/10 text-[var(--color-accent-700)]" : "bg-[var(--bg-secondary)] text-[var(--text-secondary)] border border-[var(--border-color)]"}`, children: t.type === "security" ? /* @__PURE__ */ e(c, { className: "w-5 h-5" }) : /* @__PURE__ */ e(h, { className: "w-5 h-5" }) }),
                  /* @__PURE__ */ r("div", { className: "min-w-0", children: [
                    /* @__PURE__ */ r("div", { className: "flex items-center gap-2 flex-wrap mb-1", children: [
                      /* @__PURE__ */ e("span", { className: "font-semibold text-[var(--text-primary)]", children: t.name }),
                      /* @__PURE__ */ e("span", { className: `px-2 py-0.5 text-xs rounded-full border ${t.type === "security" ? "bg-[var(--color-accent-600)]/10 text-[var(--color-accent-700)] border-[var(--color-accent-500)]/20" : "bg-[var(--bg-secondary)] text-[var(--text-secondary)] border-[var(--border-color)]"}`, children: a(`interface.types.${t.type}`) }),
                      t.source === "entra" ? /* @__PURE__ */ r("span", { className: "px-2 py-0.5 text-xs rounded-full bg-[var(--color-accent-600)]/10 text-[var(--color-accent-700)] border border-[var(--color-accent-500)]/20 flex items-center gap-1", children: [
                        /* @__PURE__ */ e(o, { className: "w-3 h-3" }),
                        "Entra"
                      ] }) : /* @__PURE__ */ r("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" }),
                        a("interface.sync.local")
                      ] }),
                      t.parentName && /* @__PURE__ */ r("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" }),
                        t.parentName
                      ] }),
                      t.childCount > 0 && /* @__PURE__ */ r("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(v, { className: "w-3 h-3" }),
                        t.childCount
                      ] })
                    ] }),
                    /* @__PURE__ */ e("p", { className: "text-sm text-[var(--text-secondary)] line-clamp-1", children: t.description }),
                    /* @__PURE__ */ r("div", { className: "flex items-center gap-1 mt-2 text-sm text-[var(--text-tertiary)]", children: [
                      /* @__PURE__ */ e(i, { className: "w-4 h-4" }),
                      /* @__PURE__ */ r("span", { children: [
                        t.memberCount,
                        " membres"
                      ] }),
                      /* @__PURE__ */ e(R, { className: "w-3 h-3 ml-1" })
                    ] })
                  ] })
                ] }),
                /* @__PURE__ */ r("div", { className: "flex flex-col gap-2 flex-shrink-0", children: [
                  /* @__PURE__ */ r("button", { className: "inline-flex items-center gap-1 px-3 py-1.5 text-xs font-medium rounded-lg bg-[var(--color-accent-600)] text-white opacity-80", children: [
                    /* @__PURE__ */ e(x, { 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" }) })
                ] })
              ] }),
              t.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: t.roles.map((n) => /* @__PURE__ */ r("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(c, { className: "w-3.5 h-3.5 text-[var(--color-accent-600)]" }),
                n
              ] }, n)) }) })
            ] })
          },
          t.name
        )) })
      ] }),
      /* @__PURE__ */ r("div", { className: "space-y-2", children: [
        /* @__PURE__ */ e(s, { text: a("interface.annotations.header") }),
        /* @__PURE__ */ e(s, { text: a("interface.annotations.search") }),
        /* @__PURE__ */ e(s, { text: a("interface.annotations.filterType") }),
        /* @__PURE__ */ e(s, { text: a("interface.annotations.filterSync") }),
        /* @__PURE__ */ e(s, { text: a("interface.annotations.viewToggle") }),
        /* @__PURE__ */ e(s, { text: a("interface.annotations.cardName") }),
        /* @__PURE__ */ e(s, { text: a("interface.annotations.cardMembers") }),
        /* @__PURE__ */ e(s, { text: a("interface.annotations.cardRoles") }),
        /* @__PURE__ */ e(s, { text: a("interface.annotations.cardActions") })
      ] })
    ] }),
    /* @__PURE__ */ r("section", { id: "table-view", className: "scroll-mt-4", children: [
      /* @__PURE__ */ e("p", { className: "text-[var(--text-secondary)] mb-4 font-medium", children: a("interface.tableViewDesc", { defaultValue: "Vue Tableau — affichage hiérarchique avec indentation des sous-groupes" }) }),
      /* @__PURE__ */ e("div", { className: "overflow-hidden mb-4 bg-[var(--bg-card)] border border-[var(--border-color)] rounded-[var(--radius-card)]", children: /* @__PURE__ */ e("div", { className: "overflow-x-auto", children: /* @__PURE__ */ r("table", { className: "w-full text-sm", children: [
        /* @__PURE__ */ e("thead", { className: "bg-[var(--bg-secondary)]", children: /* @__PURE__ */ r("tr", { children: [
          /* @__PURE__ */ e("th", { className: "text-left px-4 py-3 text-xs font-semibold text-[var(--text-tertiary)] uppercase tracking-wider", children: a("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: a("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: a("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: a("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: a("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: a("interface.columns.roles") }),
          /* @__PURE__ */ e("th", { className: "w-20 px-4 py-3" })
        ] }) }),
        /* @__PURE__ */ e("tbody", { className: "divide-y divide-[var(--border-color)]", children: f.map((t, n) => {
          const l = t.parentName !== null;
          return /* @__PURE__ */ r("tr", { className: `hover:bg-[var(--bg-hover)] transition-colors ${n % 2 === 0 ? "" : "bg-[var(--bg-secondary)]/30"}`, children: [
            /* @__PURE__ */ e("td", { className: "px-4 py-3", children: /* @__PURE__ */ r("div", { className: "flex items-center gap-3", style: { paddingLeft: l ? "24px" : "0" }, children: [
              l && /* @__PURE__ */ e(b, { 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 ${t.type === "security" ? "bg-[var(--color-accent-600)]/10 text-[var(--color-accent-700)]" : "bg-[var(--bg-secondary)] text-[var(--text-secondary)] border border-[var(--border-color)]"}`, children: t.type === "security" ? /* @__PURE__ */ e(c, { className: "w-4 h-4" }) : /* @__PURE__ */ e(h, { className: "w-4 h-4" }) }),
              /* @__PURE__ */ e("div", { children: /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
                /* @__PURE__ */ e("span", { className: "font-medium text-[var(--text-primary)] hover:text-[var(--color-accent-600)]", children: t.name }),
                t.childCount > 0 && /* @__PURE__ */ r("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(v, { className: "w-3 h-3" }),
                  t.childCount
                ] })
              ] }) })
            ] }) }),
            /* @__PURE__ */ e("td", { className: "px-4 py-3 hidden md:table-cell text-sm text-[var(--text-secondary)]", children: t.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 border ${t.type === "security" ? "bg-[var(--color-accent-600)]/10 text-[var(--color-accent-700)] border-[var(--color-accent-500)]/20" : "bg-[var(--bg-secondary)] text-[var(--text-secondary)] border-[var(--border-color)]"}`, children: a(`interface.types.${t.type}`) }) }),
            /* @__PURE__ */ e("td", { className: "px-4 py-3 hidden md:table-cell", children: t.source === "entra" ? /* @__PURE__ */ r("span", { className: "flex items-center gap-1 text-sm text-[var(--color-accent-700)]", children: [
              /* @__PURE__ */ e(o, { className: "w-4 h-4" }),
              "Entra"
            ] }) : /* @__PURE__ */ r("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__ */ r("span", { className: "flex items-center gap-1", children: [
              /* @__PURE__ */ e(i, { className: "w-4 h-4" }),
              t.memberCount
            ] }) }),
            /* @__PURE__ */ e("td", { className: "px-4 py-3 hidden lg:table-cell", children: /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-1", children: t.roles.slice(0, 2).map((u) => /* @__PURE__ */ e("span", { className: "px-2 py-0.5 text-xs rounded bg-[var(--color-accent-600)]/10 text-[var(--color-accent-600)]", children: u }, u)) }) }),
            /* @__PURE__ */ e("td", { className: "px-4 py-3", children: /* @__PURE__ */ r("div", { className: "flex items-center gap-1", children: [
              /* @__PURE__ */ e("button", { className: "p-1.5 rounded text-[var(--text-tertiary)] hover:text-[var(--color-accent-600)] hover:bg-[var(--bg-hover)] opacity-80", children: /* @__PURE__ */ e(x, { 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" }) })
            ] }) })
          ] }, t.name);
        }) })
      ] }) }) }),
      /* @__PURE__ */ e("div", { className: "space-y-2", children: /* @__PURE__ */ e(s, { text: a("interface.annotations.tableHierarchy") }) })
    ] }),
    /* @__PURE__ */ r("section", { id: "creation", className: "scroll-mt-4", children: [
      /* @__PURE__ */ r("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-accent-600)] text-white flex items-center justify-center text-sm", children: "4" }),
        a("sections.createForm")
      ] }),
      /* @__PURE__ */ e("p", { className: "text-[var(--text-secondary)] mb-4", children: a("form.desc") }),
      /* @__PURE__ */ r("div", { className: "overflow-hidden mb-4 bg-[var(--bg-card)] border border-[var(--border-color)] rounded-[var(--radius-card)]", children: [
        /* @__PURE__ */ r("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: a("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__ */ r("div", { className: "p-6 space-y-4", children: [
          /* @__PURE__ */ r("div", { children: [
            /* @__PURE__ */ r("label", { className: "block text-sm font-medium text-[var(--text-secondary)] mb-1", children: [
              a("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__ */ r("div", { children: [
            /* @__PURE__ */ e("label", { className: "block text-sm font-medium text-[var(--text-secondary)] mb-1", children: a("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__ */ r("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-accent-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: a("form.securityGroupLabel") })
          ] }),
          /* @__PURE__ */ r("div", { children: [
            /* @__PURE__ */ e("label", { className: "block text-sm font-medium text-[var(--text-secondary)] mb-1", children: a("form.parentGroupLabel") }),
            /* @__PURE__ */ r("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: a("form.noParent") }),
              /* @__PURE__ */ e("option", { selected: !0, children: "IT Security" }),
              /* @__PURE__ */ e("option", { children: "All Staff" }),
              /* @__PURE__ */ e("option", { children: "HR Department" })
            ] })
          ] }),
          /* @__PURE__ */ r("div", { className: "flex gap-3 pt-2", children: [
            /* @__PURE__ */ r("button", { className: "flex items-center gap-2 px-4 py-2 bg-[var(--color-accent-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__ */ r("div", { className: "space-y-2", children: [
        /* @__PURE__ */ e(s, { text: a("form.annotations.name") }),
        /* @__PURE__ */ e(s, { text: a("form.annotations.description") }),
        /* @__PURE__ */ e(s, { text: a("form.annotations.securityToggle") }),
        /* @__PURE__ */ e(s, { text: a("form.annotations.parent") })
      ] })
    ] }),
    /* @__PURE__ */ r("section", { id: "detail", className: "scroll-mt-4", children: [
      /* @__PURE__ */ r("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-accent-600)] text-white flex items-center justify-center text-sm", children: "5" }),
        a("sections.detailView")
      ] }),
      /* @__PURE__ */ e("p", { className: "text-[var(--text-secondary)] mb-4", children: a("detail.desc") }),
      /* @__PURE__ */ r("div", { className: "overflow-hidden mb-4 bg-[var(--bg-card)] border border-[var(--border-color)] rounded-[var(--radius-card)]", children: [
        /* @__PURE__ */ r("div", { className: "p-4 border-b border-[var(--border-color)] flex items-center justify-between bg-[var(--bg-secondary)]", children: [
          /* @__PURE__ */ r("div", { className: "flex items-center gap-3", children: [
            /* @__PURE__ */ e(d, { className: "w-5 h-5 text-[var(--text-secondary)]" }),
            /* @__PURE__ */ e("div", { className: "p-2 rounded-lg bg-[var(--color-accent-600)]/10 text-[var(--color-accent-700)]", children: /* @__PURE__ */ e(c, { className: "w-6 h-6" }) }),
            /* @__PURE__ */ r("div", { children: [
              /* @__PURE__ */ e("h3", { className: "text-lg font-semibold text-[var(--text-primary)]", children: "IT Security" }),
              /* @__PURE__ */ r("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-[var(--color-accent-600)]/10 text-[var(--color-accent-700)] text-xs", children: a("interface.types.security") }),
                /* @__PURE__ */ r("span", { className: "flex items-center gap-1 text-xs text-[var(--text-tertiary)]", children: [
                  /* @__PURE__ */ e(m, { className: "w-3 h-3" }),
                  "Local"
                ] })
              ] })
            ] })
          ] }),
          /* @__PURE__ */ r("div", { className: "flex gap-2", children: [
            /* @__PURE__ */ e("button", { className: "px-3 py-1.5 text-xs rounded-lg bg-[var(--color-accent-600)] text-white opacity-80", children: a("detail.actions.addMember") }),
            /* @__PURE__ */ e("button", { className: "px-3 py-1.5 text-xs rounded-lg bg-[var(--color-accent-600)] text-white opacity-80", children: a("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((t, n) => /* @__PURE__ */ e(
          "button",
          {
            className: `px-4 py-3 text-sm font-medium border-b-2 whitespace-nowrap ${n === 0 ? "border-[var(--color-accent-600)] text-[var(--color-accent-600)]" : "border-transparent text-[var(--text-secondary)]"}`,
            children: a(`detail.tabs.${t}`)
          },
          t
        )) }),
        /* @__PURE__ */ r("div", { className: "p-4", children: [
          /* @__PURE__ */ r("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
            /* @__PURE__ */ r("div", { className: "p-3 rounded-lg bg-[var(--bg-secondary)]", children: [
              /* @__PURE__ */ e("div", { className: "text-xs text-[var(--text-secondary)] mb-1", children: a("detail.infoFields.name") }),
              /* @__PURE__ */ e("div", { className: "font-medium text-[var(--text-primary)]", children: "IT Security" })
            ] }),
            /* @__PURE__ */ r("div", { className: "p-3 rounded-lg bg-[var(--bg-secondary)]", children: [
              /* @__PURE__ */ e("div", { className: "text-xs text-[var(--text-secondary)] mb-1", children: a("detail.infoFields.type") }),
              /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
                /* @__PURE__ */ e(c, { className: "w-4 h-4 text-[var(--color-accent-600)]" }),
                /* @__PURE__ */ e("span", { className: "font-medium text-[var(--color-accent-700)]", children: a("interface.types.security") })
              ] })
            ] }),
            /* @__PURE__ */ r("div", { className: "p-3 rounded-lg bg-[var(--bg-secondary)]", children: [
              /* @__PURE__ */ e("div", { className: "text-xs text-[var(--text-secondary)] mb-1", children: a("detail.infoFields.source") }),
              /* @__PURE__ */ r("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__ */ r("div", { className: "p-3 rounded-lg bg-[var(--bg-secondary)]", children: [
              /* @__PURE__ */ e("div", { className: "text-xs text-[var(--text-secondary)] mb-1", children: a("detail.infoFields.createdAt") }),
              /* @__PURE__ */ e("div", { className: "font-medium text-[var(--text-primary)]", children: "10 jan. 2024" })
            ] }),
            /* @__PURE__ */ r("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: a("detail.infoFields.description") }),
              /* @__PURE__ */ e("div", { className: "font-medium text-[var(--text-primary)]", children: "Gestion des accès infrastructure et sécurité" })
            ] })
          ] }),
          /* @__PURE__ */ r("div", { className: "mt-4 pt-4 border-t border-[var(--border-color)]", children: [
            /* @__PURE__ */ r("div", { className: "text-sm font-medium text-[var(--text-secondary)] mb-3 flex items-center gap-2", children: [
              /* @__PURE__ */ e(G, { className: "w-4 h-4" }),
              "Hiérarchie"
            ] }),
            /* @__PURE__ */ r("div", { className: "space-y-2", children: [
              /* @__PURE__ */ r("div", { className: "flex items-center gap-3 p-2 rounded-lg bg-[var(--color-accent-600)]/5 border border-[var(--color-accent-600)]/20", children: [
                /* @__PURE__ */ e(c, { className: "w-4 h-4 text-[var(--color-accent-600)]" }),
                /* @__PURE__ */ e("span", { className: "text-sm font-semibold text-[var(--color-accent-600)]", children: "IT Security" }),
                /* @__PURE__ */ e("span", { className: "text-xs px-1.5 py-0.5 rounded bg-[var(--color-accent-600)]/10 text-[var(--color-accent-600)]", children: "actuel" })
              ] }),
              /* @__PURE__ */ r("div", { className: "ml-6 flex items-center gap-3 p-2 rounded-lg bg-[var(--bg-secondary)]", children: [
                /* @__PURE__ */ e(b, { className: "w-4 h-4 text-[var(--text-tertiary)]" }),
                /* @__PURE__ */ e(c, { className: "w-4 h-4 text-[var(--color-accent-600)]" }),
                /* @__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__ */ r("div", { className: "space-y-2", children: [
        /* @__PURE__ */ e(s, { text: a("detail.annotations.header") }),
        /* @__PURE__ */ e(s, { text: a("detail.annotations.tabs") }),
        /* @__PURE__ */ e(s, { text: a("detail.annotations.membersTab") }),
        /* @__PURE__ */ e(s, { text: a("detail.annotations.rolesTab") }),
        /* @__PURE__ */ e(s, { text: a("detail.annotations.hierarchyTab") })
      ] })
    ] }),
    /* @__PURE__ */ r("section", { id: "cas-usage", className: "scroll-mt-4", children: [
      /* @__PURE__ */ r("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-accent-600)] text-white flex items-center justify-center text-sm", children: "6" }),
        a("sections.useCases")
      ] }),
      /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [1, 2, 3].map((t) => {
        const n = { 1: "var(--dataviz-cat-1)", 2: "var(--dataviz-cat-2)", 3: "var(--dataviz-cat-3)" }[t];
        return /* @__PURE__ */ r("div", { className: "p-6 bg-[var(--bg-card)] border border-[var(--border-color)] rounded-[var(--radius-card)]", children: [
          /* @__PURE__ */ r("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", style: { backgroundColor: `color-mix(in oklab, ${n} 10%, transparent)` }, children: /* @__PURE__ */ e(i, { className: "w-6 h-6", style: { color: n } }) }),
            /* @__PURE__ */ r("div", { children: [
              /* @__PURE__ */ e("div", { className: "font-semibold", children: a(`useCases.${t}.persona`) }),
              /* @__PURE__ */ e("div", { className: "text-sm text-[var(--text-secondary)]", children: a(`useCases.${t}.role`) })
            ] })
          ] }),
          /* @__PURE__ */ r("div", { className: "space-y-3 text-sm", children: [
            /* @__PURE__ */ r("div", { children: [
              /* @__PURE__ */ r("span", { className: "font-medium text-[var(--text-secondary)]", children: [
                a("useCases.situationLabel"),
                " "
              ] }),
              /* @__PURE__ */ e("span", { children: a(`useCases.${t}.situation`) })
            ] }),
            /* @__PURE__ */ r("div", { children: [
              /* @__PURE__ */ r("span", { className: "font-medium text-[var(--color-accent-600)]", children: [
                a("useCases.withFeatureLabel"),
                " "
              ] }),
              /* @__PURE__ */ e("span", { children: a(`useCases.${t}.withFeature`) })
            ] })
          ] })
        ] }, `usecase-${t}`);
      }) })
    ] }),
    /* @__PURE__ */ r("section", { id: "fonctionnalites", className: "scroll-mt-4", children: [
      /* @__PURE__ */ r("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-accent-600)] text-white flex items-center justify-center text-sm", children: "7" }),
        a("sections.features")
      ] }),
      /* @__PURE__ */ e("div", { className: "space-y-4", children: [1, 2, 3, 4, 5].map((t) => {
        const l = [v, o, c, i, h][t - 1];
        return /* @__PURE__ */ e("div", { className: "p-6 bg-[var(--bg-card)] border border-[var(--border-color)] rounded-[var(--radius-card)]", children: /* @__PURE__ */ r("div", { className: "flex items-start gap-4", children: [
          /* @__PURE__ */ e("div", { className: "w-12 h-12 rounded-lg bg-[var(--color-accent-600)]/10 flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ e(l, { className: "w-6 h-6 text-[var(--color-accent-600)]" }) }),
          /* @__PURE__ */ r("div", { className: "flex-1", children: [
            /* @__PURE__ */ e("h3", { className: "font-semibold mb-2", children: a(`features.${t}.title`) }),
            /* @__PURE__ */ e("p", { className: "text-[var(--text-secondary)] mb-3", children: a(`features.${t}.description`) }),
            /* @__PURE__ */ r("div", { className: "p-3 rounded-lg bg-[var(--bg-secondary)] text-sm", children: [
              /* @__PURE__ */ r("span", { className: "font-medium text-[var(--color-accent-600)]", children: [
                a("features.exampleLabel"),
                " "
              ] }),
              a(`features.${t}.example`)
            ] })
          ] })
        ] }) }, `feature-${t}`);
      }) })
    ] }),
    /* @__PURE__ */ r("section", { id: "faq", className: "scroll-mt-4", children: [
      /* @__PURE__ */ r("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-accent-600)] text-white flex items-center justify-center text-sm", children: "8" }),
        a("sections.faq")
      ] }),
      /* @__PURE__ */ e("div", { className: "space-y-4", children: [1, 2, 3, 4, 5].map((t) => /* @__PURE__ */ r("div", { className: "p-4 bg-[var(--bg-card)] border border-[var(--border-color)] rounded-[var(--radius-card)]", children: [
        /* @__PURE__ */ e("h3", { className: "font-medium mb-2", children: a(`faq.${t}.question`) }),
        /* @__PURE__ */ e("p", { className: "text-sm text-[var(--text-secondary)]", children: a(`faq.${t}.answer`) })
      ] }, `faq-${t}`)) })
    ] }),
    /* @__PURE__ */ e("section", { id: "reference", className: "scroll-mt-4", children: /* @__PURE__ */ r("details", { className: "bg-[var(--bg-card)] border border-[var(--border-color)] rounded-[var(--radius-card)]", children: [
      /* @__PURE__ */ r("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-[var(--bg-secondary)] text-[var(--text-secondary)] border border-[var(--border-color)] flex items-center justify-center text-sm", children: "9" }),
        a("sections.technicalRef")
      ] }),
      /* @__PURE__ */ r("div", { className: "p-4 pt-0 space-y-6", children: [
        /* @__PURE__ */ r("div", { children: [
          /* @__PURE__ */ e("h3", { className: "font-semibold mb-3", children: a("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((t) => /* @__PURE__ */ r("div", { className: "p-3 rounded-lg bg-[var(--bg-secondary)]", children: [
            /* @__PURE__ */ r("div", { className: "flex items-center gap-2 mb-1 min-w-0", children: [
              /* @__PURE__ */ e("span", { className: "text-xs font-mono text-[var(--color-accent-600)] break-all", children: t.id }),
              /* @__PURE__ */ e("span", { className: "text-xs px-2 py-0.5 rounded bg-[var(--color-accent-600)]/10 text-[var(--color-accent-700)]", children: t.category })
            ] }),
            /* @__PURE__ */ e("p", { className: "text-xs text-[var(--text-secondary)] mt-1", children: a(`techRef.rules.${t.id}`) })
          ] }, t.id)) })
        ] }),
        /* @__PURE__ */ r("div", { children: [
          /* @__PURE__ */ e("h3", { className: "font-semibold mb-3", children: a("techRef.apiEndpoints") }),
          /* @__PURE__ */ e("div", { className: "overflow-x-auto", children: /* @__PURE__ */ r("table", { className: "w-full text-sm", children: [
            /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ r("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: N.map((t, n) => /* @__PURE__ */ r("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 border ${t.method === "GET" ? "bg-[var(--info-bg)] text-[var(--info-text)] border-[var(--info-border)]" : t.method === "POST" ? "bg-[var(--success-bg)] text-[var(--success-text)] border-[var(--success-border)]" : t.method === "PUT" || t.method === "PATCH" ? "bg-[var(--warning-bg)] text-[var(--warning-text)] border-[var(--warning-border)]" : "bg-[var(--error-bg)] text-[var(--error-text)] border-[var(--error-border)]"}`, children: t.method }) }),
              /* @__PURE__ */ e("td", { className: "py-2 px-3 min-w-0", children: /* @__PURE__ */ e("span", { className: "font-mono text-xs break-all", children: t.path }) }),
              /* @__PURE__ */ e("td", { className: "py-2 px-3 text-[var(--text-secondary)]", children: t.handler })
            ] }, `${t.method}-${t.path}-${n}`)) })
          ] }) })
        ] })
      ] })
    ] }) }),
    /* @__PURE__ */ r("div", { className: "flex justify-between pt-6 border-t border-[var(--border-color)]", children: [
      /* @__PURE__ */ r(
        p,
        {
          to: "/docs/business/administration/users",
          className: "flex items-center gap-2 text-[var(--text-secondary)] hover:text-[var(--color-accent-600)]",
          children: [
            /* @__PURE__ */ e(d, { className: "w-4 h-4" }),
            a("nav.backToUsers")
          ]
        }
      ),
      /* @__PURE__ */ r(
        p,
        {
          to: "/docs/business/administration/permissions",
          className: "flex items-center gap-2 text-[var(--color-accent-600)] hover:underline",
          children: [
            a("nav.toPermissions"),
            /* @__PURE__ */ e(d, { className: "w-4 h-4 rotate-180" })
          ]
        }
      )
    ] })
  ] });
}
export {
  P as default
};
//# sourceMappingURL=index-BNqnmjer.js.map
