import { jsxs as r, jsx as e } from "react/jsx-runtime";
import { useState as k } from "react";
import { Link as h } from "react-router-dom";
import { useTranslation as A } from "react-i18next";
import { ArrowLeft as T, Users as c, ChevronRight as v, UserCog as C, Plus as R, Search as j, Filter as S, RotateCcw as E, LayoutList as M, LayoutGrid as p, Columns as U, ChevronDown as b, Cloud as d, Mail as m, Shield as n, Eye as $, Edit2 as u, UserX as g, UserCheck as G, Trash2 as B, MoreHorizontal as D, CheckCircle as f, Key as P, Lock as V, Monitor as L, Activity as O, History as H, Zap as y, Smartphone as q, HelpCircle as I, Info as z } from "lucide-react";
const F = [
  { id: "1", fullName: "Alice Martin", email: "alice.martin@acme.com", roles: ["Administrateur"], isActive: !0, source: "Direct", group: "Acme Corp", entra: !0 },
  { id: "2", fullName: "Bob Dupont", email: "bob.dupont@techcorp.com", roles: ["Agent Support", "Viewer"], isActive: !0, source: "Group", group: "TechVision", entra: !1 },
  { id: "3", fullName: "Charlie Klein", email: "charlie.klein@example.com", roles: ["Viewer"], isActive: !1, source: "Direct", group: null, entra: !0 },
  { id: "4", fullName: "Diana Braun", email: "diana.braun@company.com", roles: ["Manager"], isActive: !0, source: "Both", group: "DataCorp", entra: !1 },
  { id: "5", fullName: "Eve Laurent", email: "eve.laurent@startup.io", roles: [], isActive: !1, source: "Direct", group: null, entra: !1 }
], N = { total: 127, online: 38 }, K = {
  Direct: "bg-[var(--info-bg)] text-[var(--info-text)]",
  Group: "bg-[var(--info-bg)]/50 text-[var(--info-text)]",
  Both: "bg-[var(--success-bg)] text-[var(--success-text)]"
}, W = {
  GET: "bg-[var(--info-bg)] text-[var(--info-text)] border-[var(--info-border)]",
  POST: "bg-[var(--success-bg)] text-[var(--success-text)] border-[var(--success-border)]",
  PUT: "bg-[var(--warning-bg)] text-[var(--warning-text)] border-[var(--warning-border)]",
  PATCH: "bg-[var(--warning-bg)] text-[var(--warning-text)] border-[var(--warning-border)]",
  DELETE: "bg-[var(--error-bg)] text-[var(--error-text)] border-[var(--error-border)]"
}, X = [
  { method: "GET", path: "/api/administration/users", handler: "GetUsers", permission: "administration.users.read" },
  { method: "GET", path: "/api/administration/users/{id}", handler: "GetUser", permission: "administration.users.read" },
  { method: "POST", path: "/api/administration/users", handler: "CreateUser", permission: "administration.users.create" },
  { method: "PUT", path: "/api/administration/users/{id}", handler: "UpdateUser", permission: "administration.users.update" },
  { method: "DELETE", path: "/api/administration/users/{id}", handler: "DeleteUser", permission: "administration.users.delete" },
  { method: "PATCH", path: "/api/administration/users/{id}/activate", handler: "ActivateUser", permission: "administration.users.update" },
  { method: "PATCH", path: "/api/administration/users/{id}/deactivate", handler: "DeactivateUser", permission: "administration.users.update" },
  { method: "POST", path: "/api/administration/users/{id}/unlock", handler: "UnlockAccount", permission: "administration.users.update" },
  { method: "POST", path: "/api/administration/users/{id}/send-password-reset", handler: "SendPasswordResetLink", permission: "administration.users.reset-password" },
  { method: "POST", path: "/api/administration/users/{id}/reset-password-direct", handler: "ResetPasswordDirect", permission: "administration.users.reset-password-direct" },
  { method: "POST", path: "/api/administration/users/{id}/clear-failed-attempts", handler: "ClearFailedAttempts", permission: "administration.users.update" },
  { method: "GET", path: "/api/administration/users/{id}/sessions", handler: "GetUserSessions", permission: "administration.users.view-sessions" },
  { method: "POST", path: "/api/administration/users/{id}/sessions/end-all", handler: "EndAllUserSessions", permission: "administration.users.manage-sessions" },
  { method: "DELETE", path: "/api/administration/users/{id}/sessions/{sessionId}", handler: "EndUserSession", permission: "administration.users.manage-sessions" },
  { method: "GET", path: "/api/administration/users/{id}/activity", handler: "GetUserActivity", permission: "administration.users.read" },
  { method: "GET", path: "/api/administration/users/{id}/history", handler: "GetUserHistory", permission: "administration.users.read" },
  { method: "POST", path: "/api/administration/users/{id}/history/{historyId}/restore", handler: "RestoreFromHistory", permission: "administration.users.update" },
  { method: "GET", path: "/api/administration/users/{id}/consolidated-roles", handler: "GetUserConsolidatedRoles", permission: "administration.users.read" },
  { method: "GET", path: "/api/administration/users/{id}/application-access", handler: "GetUserApplicationAccess", permission: "administration.users.read" },
  { method: "GET", path: "/api/administration/users/{id}/groups", handler: "GetUserGroups", permission: "administration.users.read" },
  { method: "GET", path: "/api/administration/users/{id}/tenants", handler: "GetUserTenants", permission: "administration.users.read" },
  { method: "POST", path: "/api/administration/users/{id}/custom-role", handler: "CreateUserCustomRole", permission: "administration.users.update" },
  { method: "DELETE", path: "/api/administration/users/{id}/custom-role", handler: "DeleteUserCustomRole", permission: "administration.users.update" }
], Z = [
  { id: "BR-001", category: "Validation", key: "techRef.rules.br001" },
  { id: "BR-002", category: "Validation", key: "techRef.rules.br002" },
  { id: "BR-003", category: "Sécurité", key: "techRef.rules.br003" },
  { id: "BR-004", category: "Cycle de vie", key: "techRef.rules.br004" },
  { id: "BR-005", category: "Sécurité", key: "techRef.rules.br005" },
  { id: "BR-006", category: "Intégration", key: "techRef.rules.br006" },
  { id: "BR-007", category: "Sécurité", key: "techRef.rules.br007" },
  { id: "BR-008", category: "Audit", key: "techRef.rules.br008" }
];
function w({ name: t, size: l = "md" }) {
  const x = t.split(" ").map((o) => o.at(0)).join("").toUpperCase().slice(0, 2), i = { sm: "w-7 h-7 text-[10px]", lg: "w-10 h-10 text-sm", md: "w-8 h-8 text-xs" }[l];
  return /* @__PURE__ */ e("div", { className: `${i} rounded-full bg-[var(--color-accent-600)] text-white font-semibold flex items-center justify-center flex-shrink-0`, children: x });
}
function s({ children: t }) {
  return /* @__PURE__ */ r("div", { className: "mt-3 flex items-start gap-2 px-3 py-2 rounded-md border-l-2 border-[var(--color-accent-500)] bg-[var(--bg-secondary)] text-xs text-[var(--text-secondary)]", children: [
    /* @__PURE__ */ e(z, { className: "h-3.5 w-3.5 flex-shrink-0 mt-0.5 text-[var(--color-accent-600)]" }),
    /* @__PURE__ */ e("span", { children: t })
  ] });
}
function re() {
  const { t } = A("docsAdministrationUsers"), [l, x] = k(!1);
  return /* @__PURE__ */ r("div", { className: "space-y-8 max-w-5xl mx-auto px-4 py-6", children: [
    /* @__PURE__ */ r(
      h,
      {
        to: "/docs/business/platform",
        className: "inline-flex items-center gap-1.5 text-sm text-[var(--color-accent-500)] hover:text-[var(--color-accent-600)] transition-colors",
        children: [
          /* @__PURE__ */ e(T, { className: "h-4 w-4" }),
          t("nav.backToAdmin")
        ]
      }
    ),
    /* @__PURE__ */ r("div", { children: [
      /* @__PURE__ */ r("div", { className: "flex items-center gap-3 mb-3", children: [
        /* @__PURE__ */ e("div", { className: "p-2 rounded-lg bg-[var(--color-accent-600)]/10", children: /* @__PURE__ */ e(c, { className: "h-6 w-6 text-[var(--color-accent-600)]" }) }),
        /* @__PURE__ */ r("div", { className: "min-w-0", children: [
          /* @__PURE__ */ e("h1", { className: "text-2xl font-bold text-[var(--text-primary)]", children: t("title") }),
          /* @__PURE__ */ e("p", { className: "text-xl text-[var(--color-accent-600)] font-medium mt-1", children: t("summary") }),
          /* @__PURE__ */ e("p", { className: "text-sm text-[var(--text-secondary)] mt-1", children: t("subtitle") })
        ] })
      ] }),
      /* @__PURE__ */ r("div", { className: "flex flex-wrap gap-3 text-sm text-[var(--text-secondary)]", children: [
        /* @__PURE__ */ r("span", { children: [
          "8 ",
          t("header.businessRules")
        ] }),
        /* @__PURE__ */ e("span", { children: "·" }),
        /* @__PURE__ */ r("span", { children: [
          "23 ",
          t("header.apiEndpoints")
        ] }),
        /* @__PURE__ */ e("span", { children: "·" }),
        /* @__PURE__ */ r("span", { children: [
          "2 ",
          t("header.statuses")
        ] })
      ] })
    ] }),
    /* @__PURE__ */ r("section", { children: [
      /* @__PURE__ */ r("h2", { className: "text-lg font-semibold text-[var(--text-primary)] mb-3 flex items-center gap-2", children: [
        /* @__PURE__ */ e("span", { className: "w-7 h-7 rounded-full bg-[var(--color-accent-600)] text-white flex items-center justify-center text-xs font-bold", children: "1" }),
        t("sections.objective")
      ] }),
      /* @__PURE__ */ e("div", { className: "p-4 bg-[var(--bg-card)] border border-[var(--border-color)] rounded-[var(--radius-card)]", children: /* @__PURE__ */ e("p", { className: "text-sm text-[var(--text-secondary)] leading-relaxed", children: t("objective") }) })
    ] }),
    /* @__PURE__ */ r("section", { children: [
      /* @__PURE__ */ r("h2", { className: "text-lg font-semibold text-[var(--text-primary)] mb-3 flex items-center gap-2", children: [
        /* @__PURE__ */ e("span", { className: "w-7 h-7 rounded-full bg-[var(--color-accent-600)] text-white flex items-center justify-center text-xs font-bold", children: "2" }),
        t("sections.access")
      ] }),
      /* @__PURE__ */ r("div", { className: "border border-[var(--border-color)] rounded-lg p-4 bg-[var(--bg-card)] space-y-3", children: [
        /* @__PURE__ */ r("div", { children: [
          /* @__PURE__ */ e("div", { className: "text-xs font-medium text-[var(--text-secondary)] mb-2", children: t("access.navigation") }),
          /* @__PURE__ */ r("div", { className: "flex flex-wrap items-center gap-2 text-sm", children: [
            /* @__PURE__ */ e("span", { className: "px-2 py-0.5 rounded bg-[var(--bg-secondary)] text-[var(--text-secondary)] border border-[var(--border-color)] font-medium", children: "Platform" }),
            /* @__PURE__ */ e(v, { className: "h-3.5 w-3.5 text-[var(--text-muted)]" }),
            /* @__PURE__ */ e("span", { className: "px-2 py-0.5 rounded bg-[var(--bg-secondary)] text-[var(--text-secondary)] border border-[var(--border-color)] font-medium", children: "Administration" }),
            /* @__PURE__ */ e(v, { className: "h-3.5 w-3.5 text-[var(--text-muted)]" }),
            /* @__PURE__ */ e("span", { className: "px-2 py-0.5 rounded bg-[var(--color-accent-600)]/10 text-[var(--color-accent-700)] border border-[var(--color-accent-500)]/20 font-medium", children: t("access.module") })
          ] })
        ] }),
        /* @__PURE__ */ r("div", { className: "flex flex-wrap gap-3 text-xs min-w-0", children: [
          /* @__PURE__ */ e("div", { className: "min-w-0 px-3 py-1.5 rounded-full bg-[var(--bg-secondary)] border border-[var(--border-color)] font-mono text-[var(--text-secondary)] break-all", children: "/administration/users/list" }),
          /* @__PURE__ */ e("div", { className: "min-w-0 px-3 py-1.5 rounded-full bg-[var(--color-accent-600)]/10 border border-[var(--color-accent-500)]/20 text-[var(--color-accent-700)] font-mono break-all", children: "administration.users.read" })
        ] })
      ] })
    ] }),
    /* @__PURE__ */ r("section", { children: [
      /* @__PURE__ */ r("h2", { className: "text-lg font-semibold text-[var(--text-primary)] mb-3 flex items-center gap-2", children: [
        /* @__PURE__ */ e("span", { className: "w-7 h-7 rounded-full bg-[var(--color-accent-600)] text-white flex items-center justify-center text-xs font-bold", children: "3" }),
        t("sections.overview")
      ] }),
      /* @__PURE__ */ e("p", { className: "text-sm text-[var(--text-secondary)] mb-4", children: t("overview.desc") }),
      /* @__PURE__ */ r("div", { className: "border border-[var(--border-color)] rounded-lg overflow-hidden bg-[var(--bg-card)] shadow-sm", children: [
        /* @__PURE__ */ r("div", { className: "px-4 py-3 border-b border-[var(--border-color)] bg-[var(--bg-secondary)] flex items-center justify-between flex-wrap gap-2", children: [
          /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
            /* @__PURE__ */ e("div", { className: "p-1.5 rounded-lg bg-[var(--color-accent-600)]/10", children: /* @__PURE__ */ e(C, { className: "h-4 w-4 text-[var(--color-accent-600)]" }) }),
            /* @__PURE__ */ r("div", { children: [
              /* @__PURE__ */ e("h3", { className: "text-sm font-bold text-[var(--text-primary)]", children: t("overview.pageTitle") }),
              /* @__PURE__ */ r("p", { className: "text-xs text-[var(--text-secondary)] mt-0.5", children: [
                N.total,
                " ",
                t("overview.usersWord"),
                " · ",
                N.online,
                " ",
                t("overview.onlineWord")
              ] })
            ] })
          ] }),
          /* @__PURE__ */ r("button", { className: "flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg bg-[var(--color-accent-600)] text-white", children: [
            /* @__PURE__ */ e(R, { className: "w-3.5 h-3.5" }),
            t("overview.createButton")
          ] })
        ] }),
        /* @__PURE__ */ e(s, { children: t("annotations.header") }),
        /* @__PURE__ */ r("div", { className: "px-4 pt-3 pb-1 flex items-center gap-2 flex-wrap", children: [
          /* @__PURE__ */ r("div", { className: "flex-1 min-w-48 flex items-center gap-2 px-3 py-2 rounded-lg border border-[var(--border-color)] bg-[var(--bg-primary)] text-xs text-[var(--text-tertiary)]", children: [
            /* @__PURE__ */ e(j, { className: "w-3.5 h-3.5 flex-shrink-0" }),
            /* @__PURE__ */ e("span", { children: t("overview.searchPlaceholder") })
          ] }),
          /* @__PURE__ */ r("button", { className: "relative flex items-center gap-1.5 px-3 py-2 text-xs font-medium rounded-lg border border-[var(--border-color)] text-[var(--text-secondary)] bg-[var(--bg-primary)]", children: [
            /* @__PURE__ */ e(S, { className: "w-3.5 h-3.5" }),
            t("overview.filtersBtn"),
            /* @__PURE__ */ e("span", { className: "absolute -top-1.5 -right-1.5 w-4 h-4 rounded-full bg-[var(--color-accent-600)] text-white text-[10px] flex items-center justify-center", children: "2" })
          ] }),
          /* @__PURE__ */ e("button", { className: "flex items-center gap-1.5 px-2 py-2 text-xs rounded-lg text-[var(--text-tertiary)] hover:text-[var(--text-primary)] hover:bg-[var(--bg-hover)]", title: t("overview.resetFilters"), children: /* @__PURE__ */ e(E, { className: "w-3.5 h-3.5" }) }),
          /* @__PURE__ */ r("div", { className: "ml-auto flex items-center gap-0.5 p-0.5 border border-[var(--border-color)] bg-[var(--bg-primary)] rounded-lg", children: [
            /* @__PURE__ */ r("button", { className: "px-2 py-1 rounded-md bg-[var(--color-accent-600)] text-white text-[10px] font-medium flex items-center gap-1", children: [
              /* @__PURE__ */ e(M, { className: "w-3 h-3" }),
              " ",
              t("overview.viewTable")
            ] }),
            /* @__PURE__ */ r("button", { className: "px-2 py-1 rounded-md text-[var(--text-secondary)] text-[10px] font-medium flex items-center gap-1", children: [
              /* @__PURE__ */ e(p, { className: "w-3 h-3" }),
              " ",
              t("overview.viewCards")
            ] }),
            /* @__PURE__ */ r("button", { className: "px-2 py-1 rounded-md text-[var(--text-secondary)] text-[10px] font-medium flex items-center gap-1", children: [
              /* @__PURE__ */ e(U, { className: "w-3 h-3" }),
              " ",
              t("overview.viewKanban")
            ] })
          ] })
        ] }),
        /* @__PURE__ */ e(s, { children: t("annotations.toolbar") }),
        /* @__PURE__ */ e("div", { className: "px-4 pt-3 pb-1", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-2 lg:grid-cols-5 gap-3 pt-3 border-t border-[var(--border-color)]", children: [
          { label: t("overview.filterStatus"), value: t("overview.filterStatusAll") },
          { label: t("overview.filterRole"), value: t("overview.filterRoleAll") },
          { label: t("overview.filterSource"), value: t("overview.filterSourceAll") },
          { label: t("overview.filterType"), value: t("overview.filterTypeAll") },
          { label: t("overview.sortBy"), value: t("overview.sortName") }
        ].map((a) => /* @__PURE__ */ r("div", { children: [
          /* @__PURE__ */ e("label", { className: "block text-[10px] font-medium text-[var(--text-tertiary)] mb-1", children: a.label }),
          /* @__PURE__ */ r("div", { className: "relative flex items-center px-2 py-1.5 rounded border border-[var(--border-color)] bg-[var(--bg-primary)] text-[11px] text-[var(--text-secondary)]", children: [
            /* @__PURE__ */ e("span", { className: "flex-1 truncate", children: a.value }),
            /* @__PURE__ */ e(b, { className: "w-3 h-3 text-[var(--text-tertiary)] flex-shrink-0" })
          ] })
        ] }, a.label)) }) }),
        /* @__PURE__ */ e(s, { children: t("annotations.filterPanel") }),
        /* @__PURE__ */ e("div", { className: "px-4 pt-3 pb-1 overflow-x-auto", children: /* @__PURE__ */ r("table", { className: "w-full text-xs", children: [
          /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ r("tr", { className: "bg-[var(--bg-secondary)]", children: [
            /* @__PURE__ */ e("th", { className: "w-8 px-2 py-2", children: /* @__PURE__ */ e("input", { type: "checkbox", className: "w-3.5 h-3.5 rounded" }) }),
            /* @__PURE__ */ e("th", { className: "text-left px-3 py-2 text-[var(--text-tertiary)] uppercase tracking-wider font-semibold", children: t("overview.colName") }),
            /* @__PURE__ */ e("th", { className: "text-left px-3 py-2 text-[var(--text-tertiary)] uppercase tracking-wider font-semibold hidden md:table-cell", children: t("overview.colEmail") }),
            /* @__PURE__ */ e("th", { className: "text-left px-3 py-2 text-[var(--text-tertiary)] uppercase tracking-wider font-semibold hidden lg:table-cell", children: t("overview.colRole") }),
            /* @__PURE__ */ e("th", { className: "text-left px-3 py-2 text-[var(--text-tertiary)] uppercase tracking-wider font-semibold", children: t("overview.colStatus") }),
            /* @__PURE__ */ e("th", { className: "text-left px-3 py-2 text-[var(--text-tertiary)] uppercase tracking-wider font-semibold hidden xl:table-cell", children: t("overview.colSource") }),
            /* @__PURE__ */ e("th", { className: "text-left px-3 py-2 text-[var(--text-tertiary)] uppercase tracking-wider font-semibold hidden xl:table-cell", children: t("overview.colGroup") }),
            /* @__PURE__ */ e("th", { className: "w-28 px-3 py-2" })
          ] }) }),
          /* @__PURE__ */ e("tbody", { className: "divide-y divide-[var(--border-color)]", children: F.map((a) => /* @__PURE__ */ r("tr", { className: "hover:bg-[var(--bg-hover)] transition-colors cursor-pointer", children: [
            /* @__PURE__ */ e("td", { className: "px-2 py-2.5", children: /* @__PURE__ */ e("input", { type: "checkbox", className: "w-3.5 h-3.5 rounded" }) }),
            /* @__PURE__ */ e("td", { className: "px-3 py-2.5", children: /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
              /* @__PURE__ */ r("div", { className: "relative", children: [
                /* @__PURE__ */ e(w, { name: a.fullName }),
                a.entra && /* @__PURE__ */ e("div", { className: "absolute -bottom-0.5 -right-0.5 w-3.5 h-3.5 rounded-full bg-[var(--color-accent-600)] flex items-center justify-center ring-1 ring-[var(--bg-card)]", children: /* @__PURE__ */ e(d, { className: "w-2 h-2 text-white" }) })
              ] }),
              /* @__PURE__ */ r("div", { children: [
                /* @__PURE__ */ e("p", { className: "font-medium text-[var(--text-primary)] truncate max-w-32", children: a.fullName }),
                a.entra && /* @__PURE__ */ r("span", { className: "inline-flex items-center gap-0.5 px-1 py-0 rounded text-[9px] font-medium bg-[var(--color-accent-600)]/15 text-[var(--color-accent-700)]", children: [
                  /* @__PURE__ */ e(d, { className: "w-2 h-2" }),
                  " AAD"
                ] })
              ] })
            ] }) }),
            /* @__PURE__ */ e("td", { className: "px-3 py-2.5 hidden md:table-cell", children: /* @__PURE__ */ r("div", { className: "flex items-center gap-1.5 text-[var(--text-secondary)]", children: [
              /* @__PURE__ */ e(m, { className: "w-3 h-3 text-[var(--text-tertiary)] flex-shrink-0" }),
              /* @__PURE__ */ e("span", { className: "truncate max-w-40", children: a.email })
            ] }) }),
            /* @__PURE__ */ e("td", { className: "px-3 py-2.5 hidden lg:table-cell", children: /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-1", children: a.roles.length > 0 ? a.roles.slice(0, 2).map((i) => /* @__PURE__ */ r("span", { className: `inline-flex items-center gap-1 px-1.5 py-0.5 rounded text-[10px] font-medium ${i.toLowerCase().includes("admin") ? "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: [
              /* @__PURE__ */ e(n, { className: "w-2.5 h-2.5" }),
              " ",
              i
            ] }, i)) : /* @__PURE__ */ e("span", { className: "text-[var(--text-tertiary)] italic", children: t("overview.noRole") }) }) }),
            /* @__PURE__ */ e("td", { className: "px-3 py-2.5", children: /* @__PURE__ */ e("span", { className: `inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-[10px] font-medium ${a.isActive ? "bg-[var(--success-bg)] text-[var(--success-text)]" : "bg-[var(--bg-secondary)] text-[var(--text-tertiary)] border border-[var(--border-color)]"}`, children: a.isActive ? t("overview.statusActive") : t("overview.statusInactive") }) }),
            /* @__PURE__ */ e("td", { className: "px-3 py-2.5 hidden xl:table-cell", children: /* @__PURE__ */ e("span", { className: `inline-flex items-center px-1.5 py-0.5 rounded text-[10px] font-medium ${K[a.source]}`, children: t(`overview.source${a.source}`) }) }),
            /* @__PURE__ */ e("td", { className: "px-3 py-2.5 hidden xl:table-cell", children: a.group ? /* @__PURE__ */ r("button", { className: "inline-flex items-center gap-1 px-1.5 py-0.5 rounded text-[10px] font-medium bg-[var(--bg-secondary)] hover:bg-[var(--bg-hover)] text-[var(--text-secondary)]", children: [
              /* @__PURE__ */ e(c, { className: "w-2.5 h-2.5" }),
              " ",
              a.group
            ] }) : /* @__PURE__ */ e("span", { className: "text-[var(--text-tertiary)]", children: "—" }) }),
            /* @__PURE__ */ e("td", { className: "px-3 py-2.5", children: /* @__PURE__ */ r("div", { className: "flex items-center justify-end gap-0.5", children: [
              /* @__PURE__ */ e("button", { className: "p-1.5 rounded-lg text-[var(--text-tertiary)] hover:text-[var(--color-accent-600)] hover:bg-[var(--accent-bg)] transition-all", title: t("overview.actionView"), children: /* @__PURE__ */ e($, { className: "w-3.5 h-3.5" }) }),
              /* @__PURE__ */ e("button", { className: "p-1.5 rounded-lg text-[var(--text-tertiary)] hover:text-[var(--info-text)] hover:bg-[var(--info-bg)] transition-all", title: t("overview.actionEdit"), children: /* @__PURE__ */ e(u, { className: "w-3.5 h-3.5" }) }),
              /* @__PURE__ */ e("button", { className: `p-1.5 rounded-lg transition-all ${a.isActive ? "text-[var(--text-tertiary)] hover:text-[var(--warning-text)] hover:bg-[var(--warning-bg)]" : "text-[var(--text-tertiary)] hover:text-[var(--success-text)] hover:bg-[var(--success-bg)]"}`, children: a.isActive ? /* @__PURE__ */ e(g, { className: "w-3.5 h-3.5" }) : /* @__PURE__ */ e(G, { className: "w-3.5 h-3.5" }) }),
              a.id !== "1" && /* @__PURE__ */ e("button", { className: "p-1.5 rounded-lg text-[var(--text-tertiary)] hover:text-[var(--error-text)] hover:bg-[var(--error-bg)] transition-all", title: t("overview.actionDelete"), children: /* @__PURE__ */ e(B, { className: "w-3.5 h-3.5" }) })
            ] }) })
          ] }, a.id)) })
        ] }) }),
        /* @__PURE__ */ e(s, { children: t("annotations.tableCols") }),
        /* @__PURE__ */ r("div", { className: "px-4 pb-1 space-y-2", children: [
          /* @__PURE__ */ e(s, { children: t("annotations.avatarCell") }),
          /* @__PURE__ */ e(s, { children: t("annotations.roleBadge") }),
          /* @__PURE__ */ e(s, { children: t("annotations.statusBadge") }),
          /* @__PURE__ */ e(s, { children: t("annotations.sourceBadge") }),
          /* @__PURE__ */ e(s, { children: t("annotations.groupChip") }),
          /* @__PURE__ */ e(s, { children: t("annotations.actionButtons") })
        ] }),
        /* @__PURE__ */ r("div", { className: "px-4 py-3 border-t border-[var(--border-color)] flex items-center justify-between", children: [
          /* @__PURE__ */ e("span", { className: "text-xs text-[var(--text-secondary)]", children: "1–5 / 127" }),
          /* @__PURE__ */ e("div", { className: "flex items-center gap-1", children: [1, 2, 3, "...", 26].map((a, i) => /* @__PURE__ */ e("button", { className: `w-7 h-7 text-xs rounded flex items-center justify-center ${a === 1 ? "bg-[var(--color-accent-600)] text-white" : "text-[var(--text-secondary)] hover:bg-[var(--bg-hover)]"}`, children: a }, `page-${a}-${i}`)) })
        ] }),
        /* @__PURE__ */ e("div", { className: "px-4 pb-3", children: /* @__PURE__ */ e(s, { children: t("annotations.pagination") }) })
      ] })
    ] }),
    /* @__PURE__ */ r("section", { children: [
      /* @__PURE__ */ r("h2", { className: "text-lg font-semibold text-[var(--text-primary)] mb-3 flex items-center gap-2", children: [
        /* @__PURE__ */ e("span", { className: "w-7 h-7 rounded-full bg-[var(--color-accent-600)] text-white flex items-center justify-center text-xs font-bold", children: "4" }),
        t("sections.editModal")
      ] }),
      /* @__PURE__ */ r("div", { className: "mb-4 px-4 py-3 rounded-md border-l-2 border-[var(--color-accent-500)] bg-[var(--bg-secondary)] text-sm text-[var(--text-secondary)]", children: [
        /* @__PURE__ */ e("span", { className: "font-medium text-[var(--text-primary)]", children: t("editModal.noticeTitle") }),
        " ",
        t("editModal.notice"),
        " ",
        /* @__PURE__ */ e(h, { to: "/docs/business/administration/users/create", className: "text-[var(--color-accent-600)] hover:underline", children: t("editModal.noticeLink") }),
        "."
      ] }),
      /* @__PURE__ */ e("p", { className: "text-sm text-[var(--text-secondary)] mb-4", children: t("editModal.desc") }),
      /* @__PURE__ */ r("div", { className: "border border-[var(--border-color)] rounded-lg overflow-hidden bg-[var(--bg-card)] shadow-sm", children: [
        /* @__PURE__ */ r("div", { className: "px-5 py-4 border-b border-[var(--border-color)] bg-[var(--bg-secondary)] flex items-center justify-between", children: [
          /* @__PURE__ */ r("div", { children: [
            /* @__PURE__ */ e("h3", { className: "text-sm font-bold text-[var(--text-primary)]", children: t("editModal.title") }),
            /* @__PURE__ */ e("p", { className: "text-xs text-[var(--text-secondary)] mt-0.5", children: t("editModal.subtitle") })
          ] }),
          /* @__PURE__ */ e("button", { className: "p-1.5 rounded-lg text-[var(--text-tertiary)] hover:bg-[var(--bg-hover)]", "aria-label": t("editModal.close"), children: /* @__PURE__ */ e(D, { className: "w-4 h-4" }) })
        ] }),
        /* @__PURE__ */ r("div", { className: "p-5 space-y-4", children: [
          /* @__PURE__ */ r("div", { className: "grid grid-cols-2 gap-3", children: [
            /* @__PURE__ */ r("div", { children: [
              /* @__PURE__ */ r("label", { className: "block text-xs font-medium text-[var(--text-secondary)] mb-1.5", children: [
                t("editModal.labelFirstName"),
                " *"
              ] }),
              /* @__PURE__ */ e("div", { className: "px-3 py-2 rounded-lg border border-[var(--border-color)] bg-[var(--bg-primary)] text-xs text-[var(--text-primary)]", children: "Alice" })
            ] }),
            /* @__PURE__ */ r("div", { children: [
              /* @__PURE__ */ r("label", { className: "block text-xs font-medium text-[var(--text-secondary)] mb-1.5", children: [
                t("editModal.labelLastName"),
                " *"
              ] }),
              /* @__PURE__ */ e("div", { className: "px-3 py-2 rounded-lg border border-[var(--border-color)] bg-[var(--bg-primary)] text-xs text-[var(--text-primary)]", children: "Martin" })
            ] })
          ] }),
          /* @__PURE__ */ e(s, { children: t("editModalAnnotations.name") }),
          /* @__PURE__ */ r("div", { children: [
            /* @__PURE__ */ r("label", { className: "block text-xs font-medium text-[var(--text-secondary)] mb-1.5", children: [
              t("editModal.labelEmail"),
              " *"
            ] }),
            /* @__PURE__ */ r("div", { className: "flex items-center gap-2 px-3 py-2 rounded-lg border border-[var(--border-color)] bg-[var(--bg-primary)] text-xs text-[var(--text-primary)] min-w-0", children: [
              /* @__PURE__ */ e(m, { className: "w-3.5 h-3.5 flex-shrink-0 text-[var(--text-tertiary)]" }),
              /* @__PURE__ */ e("span", { className: "break-all", children: "alice.martin@acme.com" })
            ] }),
            /* @__PURE__ */ e(s, { children: t("editModalAnnotations.email") })
          ] }),
          /* @__PURE__ */ r("div", { children: [
            /* @__PURE__ */ e("label", { className: "block text-xs font-medium text-[var(--text-secondary)] mb-1.5", children: t("editModal.labelRoles") }),
            /* @__PURE__ */ e("div", { className: "space-y-1.5 max-h-40 overflow-y-auto p-2 border border-[var(--border-color)] rounded-lg bg-[var(--bg-secondary)]", children: ["roleAdmin", "roleSupport", "roleViewer", "roleManager"].map((a, i) => /* @__PURE__ */ r("label", { className: "flex items-center gap-2.5 px-3 py-2 rounded-lg text-xs text-[var(--text-secondary)] cursor-pointer hover:bg-[var(--bg-hover)]", children: [
              /* @__PURE__ */ e("input", { type: "checkbox", defaultChecked: i === 0, className: "w-3.5 h-3.5 rounded" }),
              /* @__PURE__ */ e(n, { className: "w-3 h-3 text-[var(--text-tertiary)]" }),
              t(`editModal.${a}`)
            ] }, a)) }),
            /* @__PURE__ */ e(s, { children: t("editModalAnnotations.roles") })
          ] }),
          /* @__PURE__ */ r("div", { className: "flex items-center justify-end gap-2 pt-2 border-t border-[var(--border-color)]", children: [
            /* @__PURE__ */ e("button", { className: "px-4 py-2 text-xs font-medium rounded-lg border border-[var(--border-color)] text-[var(--text-secondary)] hover:bg-[var(--bg-hover)]", children: t("editModal.cancelButton") }),
            /* @__PURE__ */ r("button", { className: "flex items-center gap-1.5 px-4 py-2 text-xs font-medium rounded-lg bg-[var(--color-accent-600)] text-white", children: [
              /* @__PURE__ */ e(f, { className: "w-3.5 h-3.5" }),
              t("editModal.saveButton")
            ] })
          ] })
        ] })
      ] })
    ] }),
    /* @__PURE__ */ r("section", { children: [
      /* @__PURE__ */ r("h2", { className: "text-lg font-semibold text-[var(--text-primary)] mb-3 flex items-center gap-2", children: [
        /* @__PURE__ */ e("span", { className: "w-7 h-7 rounded-full bg-[var(--color-accent-600)] text-white flex items-center justify-center text-xs font-bold", children: "5" }),
        t("sections.detailView")
      ] }),
      /* @__PURE__ */ r("div", { className: "mb-4 px-4 py-3 rounded-md border-l-2 border-[var(--color-accent-500)] bg-[var(--bg-secondary)] text-sm text-[var(--text-secondary)]", children: [
        /* @__PURE__ */ e("span", { className: "font-medium text-[var(--text-primary)]", children: t("detailView.noticeTitle") }),
        " ",
        t("detailView.notice"),
        " ",
        /* @__PURE__ */ e(h, { to: "/docs/business/administration/users/detail", className: "text-[var(--color-accent-600)] hover:underline", children: t("detailView.noticeLink") }),
        "."
      ] }),
      /* @__PURE__ */ e("p", { className: "text-sm text-[var(--text-secondary)] mb-4", children: t("detailView.desc") }),
      /* @__PURE__ */ r("div", { className: "border border-[var(--border-color)] rounded-lg overflow-hidden bg-[var(--bg-card)] shadow-sm", children: [
        /* @__PURE__ */ e("div", { className: "px-5 py-4 border-b border-[var(--border-color)] bg-[var(--bg-secondary)]", children: /* @__PURE__ */ r("div", { className: "flex items-center gap-4", children: [
          /* @__PURE__ */ r("div", { className: "relative", children: [
            /* @__PURE__ */ e(w, { name: "Alice Martin", size: "lg" }),
            /* @__PURE__ */ e("div", { className: "absolute -bottom-0.5 -right-0.5 w-4 h-4 rounded-full bg-[var(--color-accent-600)] flex items-center justify-center ring-2 ring-[var(--bg-card)]", children: /* @__PURE__ */ e(d, { className: "w-2.5 h-2.5 text-white" }) })
          ] }),
          /* @__PURE__ */ r("div", { className: "flex-1 min-w-0", children: [
            /* @__PURE__ */ r("div", { className: "flex items-center gap-2 flex-wrap", children: [
              /* @__PURE__ */ e("h3", { className: "text-sm font-bold text-[var(--text-primary)]", children: "Alice Martin" }),
              /* @__PURE__ */ r("span", { className: "inline-flex items-center gap-0.5 px-1.5 py-0 rounded text-[9px] font-medium bg-[var(--color-accent-600)]/15 text-[var(--color-accent-700)]", children: [
                /* @__PURE__ */ e(d, { className: "w-2 h-2" }),
                " AAD"
              ] }),
              /* @__PURE__ */ e("span", { className: "inline-flex items-center gap-1 px-1.5 py-0.5 rounded text-[10px] font-medium bg-[var(--success-bg)] text-[var(--success-text)]", children: "Actif" })
            ] }),
            /* @__PURE__ */ r("p", { className: "text-xs text-[var(--text-secondary)] mt-0.5 flex items-center gap-1", children: [
              /* @__PURE__ */ e(m, { className: "w-3 h-3" }),
              " alice.martin@acme.com"
            ] }),
            /* @__PURE__ */ e("div", { className: "flex items-center gap-1 mt-1.5", children: /* @__PURE__ */ r("span", { className: "inline-flex items-center gap-1 px-1.5 py-0.5 rounded text-[10px] font-medium bg-[var(--color-accent-600)]/10 text-[var(--color-accent-700)]", children: [
              /* @__PURE__ */ e(n, { className: "w-2.5 h-2.5" }),
              " Administrateur"
            ] }) })
          ] }),
          /* @__PURE__ */ r("div", { className: "flex items-center gap-1.5", children: [
            /* @__PURE__ */ r("button", { className: "flex items-center gap-1 px-2.5 py-1.5 text-xs font-medium rounded-lg border border-[var(--border-color)] text-[var(--text-secondary)] hover:bg-[var(--bg-hover)]", children: [
              /* @__PURE__ */ e(u, { className: "w-3 h-3" }),
              " Modifier"
            ] }),
            /* @__PURE__ */ r("button", { className: "flex items-center gap-1 px-2.5 py-1.5 text-xs font-medium rounded-lg border border-[var(--border-color)] text-[var(--text-secondary)] hover:bg-[var(--bg-hover)]", children: [
              /* @__PURE__ */ e(P, { className: "w-3 h-3" }),
              " MDP"
            ] }),
            /* @__PURE__ */ r("button", { className: "flex items-center gap-1 px-2.5 py-1.5 text-xs font-medium rounded-lg border border-[var(--warning-border)] text-[var(--warning-text)] hover:bg-[var(--warning-bg)]", children: [
              /* @__PURE__ */ e(g, { className: "w-3 h-3" }),
              " Désactiver"
            ] })
          ] })
        ] }) }),
        /* @__PURE__ */ e(s, { children: t("detailAnnotations.header") }),
        /* @__PURE__ */ e("div", { className: "border-b border-[var(--border-color)] bg-[var(--bg-card)] px-4", children: /* @__PURE__ */ e("div", { className: "flex items-center gap-0 overflow-x-auto", children: ["info", "security", "roles", "sessions", "activity", "history", "groups", "tenants", "applications"].map((a, i) => /* @__PURE__ */ r(
          "button",
          {
            className: `px-3 py-2.5 text-xs font-medium border-b-2 flex items-center gap-1.5 flex-shrink-0 transition-colors ${i === 0 ? "border-[var(--color-accent-600)] text-[var(--color-accent-600)]" : "border-transparent text-[var(--text-secondary)] hover:text-[var(--text-primary)]"}`,
            children: [
              a === "info" && /* @__PURE__ */ e(c, { className: "w-3 h-3" }),
              a === "security" && /* @__PURE__ */ e(V, { className: "w-3 h-3" }),
              a === "roles" && /* @__PURE__ */ e(n, { className: "w-3 h-3" }),
              a === "sessions" && /* @__PURE__ */ e(L, { className: "w-3 h-3" }),
              a === "activity" && /* @__PURE__ */ e(O, { className: "w-3 h-3" }),
              a === "history" && /* @__PURE__ */ e(H, { className: "w-3 h-3" }),
              a === "groups" && /* @__PURE__ */ e(c, { className: "w-3 h-3" }),
              a === "tenants" && /* @__PURE__ */ e(p, { className: "w-3 h-3" }),
              a === "applications" && /* @__PURE__ */ e(y, { className: "w-3 h-3" }),
              t(`detailView.tabs.${a}`)
            ]
          },
          a
        )) }) }),
        /* @__PURE__ */ e(s, { children: t("detailAnnotations.tabs") }),
        /* @__PURE__ */ r("div", { className: "p-4", children: [
          /* @__PURE__ */ r("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [
            /* @__PURE__ */ r("div", { className: "p-3 rounded-lg border border-[var(--border-color)] bg-[var(--bg-secondary)]", children: [
              /* @__PURE__ */ e("h4", { className: "text-xs font-semibold text-[var(--text-primary)] mb-2", children: t("detailView.infoSection") }),
              /* @__PURE__ */ r("div", { className: "space-y-1.5 text-xs text-[var(--text-secondary)]", children: [
                /* @__PURE__ */ r("div", { className: "flex justify-between", children: [
                  /* @__PURE__ */ e("span", { className: "text-[var(--text-tertiary)]", children: t("detailView.lastLogin") }),
                  /* @__PURE__ */ e("span", { children: "02/03/2026 09:14" })
                ] }),
                /* @__PURE__ */ r("div", { className: "flex justify-between", children: [
                  /* @__PURE__ */ e("span", { className: "text-[var(--text-tertiary)]", children: t("detailView.memberSince") }),
                  /* @__PURE__ */ e("span", { children: "12/01/2025" })
                ] })
              ] })
            ] }),
            /* @__PURE__ */ r("div", { className: "p-3 rounded-lg border border-[var(--border-color)] bg-[var(--bg-secondary)]", children: [
              /* @__PURE__ */ e("h4", { className: "text-xs font-semibold text-[var(--text-primary)] mb-2", children: t("detailView.orgSection") }),
              /* @__PURE__ */ r("div", { className: "space-y-1.5 text-xs text-[var(--text-secondary)]", children: [
                /* @__PURE__ */ r("div", { className: "flex justify-between", children: [
                  /* @__PURE__ */ e("span", { className: "text-[var(--text-tertiary)]", children: t("detailView.department") }),
                  /* @__PURE__ */ e("span", { children: "IT" })
                ] }),
                /* @__PURE__ */ r("div", { className: "flex justify-between", children: [
                  /* @__PURE__ */ e("span", { className: "text-[var(--text-tertiary)]", children: t("detailView.jobTitle") }),
                  /* @__PURE__ */ e("span", { children: "Lead Dev" })
                ] }),
                /* @__PURE__ */ r("div", { className: "flex justify-between", children: [
                  /* @__PURE__ */ e("span", { className: "text-[var(--text-tertiary)]", children: t("detailView.company") }),
                  /* @__PURE__ */ e("span", { children: "Acme Corp" })
                ] })
              ] })
            ] }),
            /* @__PURE__ */ r("div", { className: "p-3 rounded-lg border border-[var(--border-color)] bg-[var(--bg-secondary)]", children: [
              /* @__PURE__ */ e("h4", { className: "text-xs font-semibold text-[var(--text-primary)] mb-2", children: t("detailView.contactSection") }),
              /* @__PURE__ */ r("div", { className: "space-y-1.5 text-xs text-[var(--text-secondary)]", children: [
                /* @__PURE__ */ r("div", { className: "flex items-center gap-1.5", children: [
                  /* @__PURE__ */ e(q, { className: "w-3 h-3 text-[var(--text-tertiary)]" }),
                  /* @__PURE__ */ e("span", { children: "+41 79 123 45 67" })
                ] }),
                /* @__PURE__ */ r("div", { className: "flex items-center gap-1.5", children: [
                  /* @__PURE__ */ e(m, { className: "w-3 h-3 text-[var(--text-tertiary)]" }),
                  /* @__PURE__ */ e("span", { children: "alice.martin@acme.com" })
                ] })
              ] })
            ] })
          ] }),
          /* @__PURE__ */ e(s, { children: t("detailAnnotations.infoTab") }),
          /* @__PURE__ */ e("div", { className: "mt-2", children: /* @__PURE__ */ e(s, { children: t("detailAnnotations.securityTab") }) }),
          /* @__PURE__ */ e("div", { className: "mt-2", children: /* @__PURE__ */ e(s, { children: t("detailAnnotations.rolesTab") }) }),
          /* @__PURE__ */ e("div", { className: "mt-2", children: /* @__PURE__ */ e(s, { children: t("detailAnnotations.sessionsTab") }) }),
          /* @__PURE__ */ e("div", { className: "mt-2", children: /* @__PURE__ */ e(s, { children: t("detailAnnotations.historyTab") }) })
        ] })
      ] })
    ] }),
    /* @__PURE__ */ r("section", { children: [
      /* @__PURE__ */ r("h2", { className: "text-lg font-semibold text-[var(--text-primary)] mb-3 flex items-center gap-2", children: [
        /* @__PURE__ */ e("span", { className: "w-7 h-7 rounded-full bg-[var(--color-accent-600)] text-white flex items-center justify-center text-xs font-bold", children: "6" }),
        t("sections.useCases")
      ] }),
      /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: ["uc1", "uc2", "uc3"].map((a) => /* @__PURE__ */ r("div", { className: "border border-[var(--border-color)] rounded-lg p-4 bg-[var(--bg-card)]", children: [
        /* @__PURE__ */ r("div", { className: "flex items-start gap-2 mb-3", children: [
          /* @__PURE__ */ e("div", { className: "w-6 h-6 rounded-full bg-[var(--color-accent-600)]/10 text-[var(--color-accent-600)] flex items-center justify-center text-xs font-bold flex-shrink-0", children: a.slice(2) }),
          /* @__PURE__ */ r("div", { children: [
            /* @__PURE__ */ e("h3", { className: "text-sm font-semibold text-[var(--text-primary)]", children: t(`useCases.${a}.title`) }),
            /* @__PURE__ */ e("p", { className: "text-xs text-[var(--text-secondary)] mt-0.5", children: t(`useCases.${a}.role`) })
          ] })
        ] }),
        /* @__PURE__ */ e("ol", { className: "space-y-1.5", children: t(`useCases.${a}.steps`, { returnObjects: !0 }).map((i, o) => /* @__PURE__ */ r("li", { className: "flex items-start gap-2 text-xs text-[var(--text-secondary)]", children: [
          /* @__PURE__ */ e("span", { className: "w-4 h-4 rounded-full bg-[var(--bg-secondary)] text-[var(--text-tertiary)] flex items-center justify-center text-[10px] font-medium flex-shrink-0 mt-0.5", children: o + 1 }),
          /* @__PURE__ */ e("span", { children: i })
        ] }, `step-${o}`)) })
      ] }, a)) })
    ] }),
    /* @__PURE__ */ r("section", { children: [
      /* @__PURE__ */ r("h2", { className: "text-lg font-semibold text-[var(--text-primary)] mb-3 flex items-center gap-2", children: [
        /* @__PURE__ */ e("span", { className: "w-7 h-7 rounded-full bg-[var(--color-accent-600)] text-white flex items-center justify-center text-xs font-bold", children: "7" }),
        t("sections.features")
      ] }),
      /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3", children: ["f1", "f2", "f3", "f4", "f5"].map((a) => /* @__PURE__ */ r("div", { className: "border border-[var(--border-color)] rounded-lg p-4 bg-[var(--bg-card)]", children: [
        /* @__PURE__ */ r("div", { className: "flex items-center gap-2 mb-2", children: [
          /* @__PURE__ */ e("div", { className: "w-6 h-6 rounded-lg bg-[var(--color-accent-600)]/10 flex items-center justify-center", children: /* @__PURE__ */ e(y, { className: "w-3.5 h-3.5 text-[var(--color-accent-600)]" }) }),
          /* @__PURE__ */ e("h3", { className: "text-sm font-semibold text-[var(--text-primary)]", children: t(`features.${a}.title`) })
        ] }),
        /* @__PURE__ */ e("p", { className: "text-xs text-[var(--text-secondary)] mb-2", children: t(`features.${a}.desc`) }),
        /* @__PURE__ */ e("div", { className: "px-3 py-2 rounded-md bg-[var(--bg-secondary)] border border-[var(--border-color)]", children: /* @__PURE__ */ e("p", { className: "text-xs text-[var(--text-tertiary)] italic", children: t(`features.${a}.example`) }) })
      ] }, a)) })
    ] }),
    /* @__PURE__ */ r("section", { children: [
      /* @__PURE__ */ r("h2", { className: "text-lg font-semibold text-[var(--text-primary)] mb-3 flex items-center gap-2", children: [
        /* @__PURE__ */ e("span", { className: "w-7 h-7 rounded-full bg-[var(--color-accent-600)] text-white flex items-center justify-center text-xs font-bold", children: "8" }),
        t("sections.faq")
      ] }),
      /* @__PURE__ */ e("div", { className: "space-y-3", children: ["q1", "q2", "q3", "q4", "q5"].map((a) => /* @__PURE__ */ r("div", { className: "border border-[var(--border-color)] rounded-lg p-4 bg-[var(--bg-card)]", children: [
        /* @__PURE__ */ r("div", { className: "flex items-start gap-2 mb-2", children: [
          /* @__PURE__ */ e(I, { className: "w-4 h-4 text-[var(--color-accent-600)] flex-shrink-0 mt-0.5" }),
          /* @__PURE__ */ e("h3", { className: "text-sm font-semibold text-[var(--text-primary)]", children: t(`faq.${a}`) })
        ] }),
        /* @__PURE__ */ e("p", { className: "text-xs text-[var(--text-secondary)] ml-6", children: t(`faq.${a.replace("q", "a")}`) })
      ] }, a)) })
    ] }),
    /* @__PURE__ */ r("section", { children: [
      /* @__PURE__ */ r("h2", { className: "text-lg font-semibold text-[var(--text-primary)] mb-3 flex items-center gap-2", children: [
        /* @__PURE__ */ e("span", { className: "w-7 h-7 rounded-full bg-[var(--color-accent-600)] text-white flex items-center justify-center text-xs font-bold", children: "9" }),
        t("sections.techRef")
      ] }),
      /* @__PURE__ */ r(
        "button",
        {
          onClick: () => x((a) => !a),
          className: "flex items-center gap-2 px-4 py-2.5 text-sm font-medium rounded-[var(--radius-card)] border border-[var(--border-color)] bg-[var(--bg-card)] text-[var(--text-secondary)] hover:bg-[var(--bg-hover)] transition-colors w-full",
          children: [
            /* @__PURE__ */ e(b, { className: `w-4 h-4 transition-transform ${l ? "rotate-180" : ""}` }),
            t(l ? "techRef.hideBtn" : "techRef.showBtn")
          ]
        }
      ),
      l && /* @__PURE__ */ r("div", { className: "mt-3 space-y-4", children: [
        /* @__PURE__ */ r("div", { className: "border border-[var(--border-color)] rounded-lg overflow-hidden bg-[var(--bg-card)]", children: [
          /* @__PURE__ */ e("div", { className: "px-4 py-3 border-b border-[var(--border-color)] bg-[var(--bg-secondary)]", children: /* @__PURE__ */ r("h3", { className: "text-xs font-semibold text-[var(--text-primary)] flex items-center gap-2", children: [
            /* @__PURE__ */ e(n, { className: "w-3.5 h-3.5 text-[var(--color-accent-600)]" }),
            t("techRef.rulesTitle")
          ] }) }),
          /* @__PURE__ */ e("div", { className: "divide-y divide-[var(--border-color)]", children: Z.map((a) => /* @__PURE__ */ r("div", { className: "px-4 py-2.5 flex items-start gap-3", children: [
            /* @__PURE__ */ e("span", { className: "text-[10px] font-mono font-bold text-[var(--color-accent-600)] bg-[var(--color-accent-600)]/10 px-1.5 py-0.5 rounded flex-shrink-0 mt-0.5 break-all", children: a.id }),
            /* @__PURE__ */ r("div", { className: "flex-1 min-w-0", children: [
              /* @__PURE__ */ e("p", { className: "text-xs text-[var(--text-secondary)]", children: t(a.key) }),
              /* @__PURE__ */ e("span", { className: "text-[10px] text-[var(--text-tertiary)]", children: a.category })
            ] })
          ] }, a.id)) })
        ] }),
        /* @__PURE__ */ r("div", { className: "border border-[var(--border-color)] rounded-lg overflow-hidden bg-[var(--bg-card)]", children: [
          /* @__PURE__ */ e("div", { className: "px-4 py-3 border-b border-[var(--border-color)] bg-[var(--bg-secondary)]", children: /* @__PURE__ */ r("h3", { className: "text-xs font-semibold text-[var(--text-primary)] flex items-center gap-2", children: [
            /* @__PURE__ */ e(f, { className: "w-3.5 h-3.5 text-[var(--color-accent-600)]" }),
            t("techRef.endpointsTitle")
          ] }) }),
          /* @__PURE__ */ e("div", { className: "divide-y divide-[var(--border-color)]", children: X.map((a, i) => /* @__PURE__ */ r("div", { className: "px-4 py-2 flex items-center gap-3 flex-wrap min-w-0", children: [
            /* @__PURE__ */ e("span", { className: `text-[10px] font-bold px-1.5 py-0.5 rounded border font-mono w-14 text-center flex-shrink-0 break-all ${W[a.method]}`, children: a.method }),
            /* @__PURE__ */ e("span", { className: "text-xs font-mono text-[var(--text-primary)] flex-1 min-w-0 break-all", children: a.path }),
            /* @__PURE__ */ e("span", { className: "text-[10px] text-[var(--text-tertiary)] font-mono min-w-0 break-all hidden md:inline", children: a.permission })
          ] }, `ep-${a.method}-${i}`)) })
        ] })
      ] })
    ] })
  ] });
}
export {
  re as default
};
//# sourceMappingURL=index-DuwVJX65.js.map
