import { jsxs as r, jsx as e } from "react/jsx-runtime";
import { useState as k } from "react";
import { Link as A } from "react-router-dom";
import { useTranslation as T } from "react-i18next";
import { ArrowLeft as C, Users as d, Target as R, Lightbulb as E, ChevronRight as h, LayoutList as S, LayoutGrid as b, Columns as j, Plus as v, Search as U, Filter as $, ChevronDown as u, ArrowUpDown as D, Cloud as c, Mail as m, Shield as n, Eye as G, Edit2 as g, UserX as f, UserCheck as P, Trash2 as B, MoreHorizontal as F, Key as y, Lock as L, Monitor as V, Activity as M, History as O, Zap as N, Smartphone as H, HelpCircle as q, CheckCircle as I, Info as z } from "lucide-react";
const K = [
  { 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 }
], x = { total: 127, active: 98, inactive: 29, entra: 45 }, X = {
  Direct: "bg-blue-100 dark:bg-blue-900/30 text-blue-700 dark:text-blue-300",
  Group: "bg-purple-100 dark:bg-purple-900/30 text-purple-700 dark:text-purple-300",
  Both: "bg-green-100 dark:bg-green-900/30 text-green-700 dark:text-green-300"
}, Z = {
  GET: "bg-blue-500/10 text-blue-700 border-blue-500/20",
  POST: "bg-green-500/10 text-green-700 border-green-500/20",
  PUT: "bg-orange-500/10 text-orange-700 border-orange-500/20",
  PATCH: "bg-yellow-500/10 text-yellow-700 border-yellow-500/20",
  DELETE: "bg-red-500/10 text-red-700 border-red-500/20"
}, J = [
  { 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" }
], Q = [
  { 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 p = 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-primary-600)] text-white font-semibold flex items-center justify-center flex-shrink-0`, children: p });
}
function s({ children: t }) {
  return /* @__PURE__ */ r("div", { className: "mt-3 flex items-start gap-2 px-3 py-2 rounded-md bg-blue-50 border border-blue-200 text-xs text-blue-800 dark:bg-blue-950/30 dark:border-blue-800 dark:text-blue-300", children: [
    /* @__PURE__ */ e(z, { className: "h-3.5 w-3.5 flex-shrink-0 mt-0.5" }),
    /* @__PURE__ */ e("span", { children: t })
  ] });
}
function te() {
  const { t } = T("docsAdministrationUsers"), [l, p] = k(!1);
  return /* @__PURE__ */ r("div", { className: "space-y-8 max-w-5xl mx-auto px-4 py-6", children: [
    /* @__PURE__ */ r(
      A,
      {
        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(C, { 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-primary-600)]/10", children: /* @__PURE__ */ e(d, { className: "h-6 w-6 text-[var(--color-primary-600)]" }) }),
        /* @__PURE__ */ r("div", { children: [
          /* @__PURE__ */ e("h1", { className: "text-2xl font-bold text-[var(--text-primary)]", children: t("title") }),
          /* @__PURE__ */ e("p", { className: "text-sm text-[var(--text-secondary)] mt-0.5", 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-primary-600)] text-white flex items-center justify-center text-xs font-bold", children: "1" }),
        t("sections.businessValue")
      ] }),
      /* @__PURE__ */ r("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
        /* @__PURE__ */ r("div", { className: "p-4 rounded-lg bg-red-50 border border-red-200 dark:bg-red-950/20 dark:border-red-800", children: [
          /* @__PURE__ */ r("div", { className: "flex items-center gap-2 mb-2", children: [
            /* @__PURE__ */ e(R, { className: "h-4 w-4 text-red-600" }),
            /* @__PURE__ */ e("h3", { className: "text-sm font-semibold text-red-800 dark:text-red-300", children: t("value.problemTitle") })
          ] }),
          /* @__PURE__ */ e("p", { className: "text-xs text-red-700 dark:text-red-400", children: t("value.problem") })
        ] }),
        /* @__PURE__ */ r("div", { className: "p-4 rounded-lg bg-green-50 border border-green-200 dark:bg-green-950/20 dark:border-green-800", children: [
          /* @__PURE__ */ r("div", { className: "flex items-center gap-2 mb-2", children: [
            /* @__PURE__ */ e(E, { className: "h-4 w-4 text-green-600" }),
            /* @__PURE__ */ e("h3", { className: "text-sm font-semibold text-green-800 dark:text-green-300", children: t("value.solutionTitle") })
          ] }),
          /* @__PURE__ */ e("p", { className: "text-xs text-green-700 dark:text-green-400", children: t("value.solution") })
        ] })
      ] })
    ] }),
    /* @__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-primary-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-purple-500/10 text-purple-700 font-medium", children: "Platform" }),
            /* @__PURE__ */ e(h, { className: "h-3.5 w-3.5 text-[var(--text-muted)]" }),
            /* @__PURE__ */ e("span", { className: "px-2 py-0.5 rounded bg-blue-500/10 text-blue-700 font-medium", children: "Administration" }),
            /* @__PURE__ */ e(h, { className: "h-3.5 w-3.5 text-[var(--text-muted)]" }),
            /* @__PURE__ */ e("span", { className: "px-2 py-0.5 rounded bg-[var(--color-primary-600)]/10 text-[var(--color-primary-700)] font-medium", children: t("access.module") })
          ] })
        ] }),
        /* @__PURE__ */ r("div", { className: "flex flex-wrap gap-3 text-xs", children: [
          /* @__PURE__ */ e("div", { className: "px-3 py-1.5 rounded-full bg-[var(--bg-secondary)] border border-[var(--border-color)] font-mono text-[var(--text-secondary)]", children: "/administration/users/list" }),
          /* @__PURE__ */ e("div", { className: "px-3 py-1.5 rounded-full bg-blue-500/10 border border-blue-500/20 text-blue-700 font-mono", 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-primary-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", { children: [
            /* @__PURE__ */ r("h3", { className: "text-sm font-bold flex items-center gap-2 text-[var(--text-primary)]", children: [
              /* @__PURE__ */ e(d, { className: "h-4 w-4" }),
              t("overview.pageTitle")
            ] }),
            /* @__PURE__ */ e("p", { className: "text-xs text-[var(--text-secondary)] mt-0.5", children: t("overview.pageSubtitle") })
          ] }),
          /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
            /* @__PURE__ */ r("div", { className: "flex items-center gap-0.5 p-0.5 border border-[var(--border-color)] bg-[var(--bg-primary)] rounded-lg", children: [
              /* @__PURE__ */ e("button", { className: "p-1.5 rounded-md bg-[var(--color-primary-600)] text-white", children: /* @__PURE__ */ e(S, { className: "w-3.5 h-3.5" }) }),
              /* @__PURE__ */ e("button", { className: "p-1.5 rounded-md text-[var(--text-secondary)]", children: /* @__PURE__ */ e(b, { className: "w-3.5 h-3.5" }) }),
              /* @__PURE__ */ e("button", { className: "p-1.5 rounded-md text-[var(--text-secondary)]", children: /* @__PURE__ */ e(j, { className: "w-3.5 h-3.5" }) })
            ] }),
            /* @__PURE__ */ r("button", { className: "flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg bg-[var(--color-primary-600)] text-white", children: [
              /* @__PURE__ */ e(v, { className: "w-3.5 h-3.5" }),
              t("overview.addButton")
            ] })
          ] })
        ] }),
        /* @__PURE__ */ e(s, { children: t("annotations.header") }),
        /* @__PURE__ */ e("div", { className: "px-4 pt-3 pb-1", children: /* @__PURE__ */ r("div", { className: "grid grid-cols-4 gap-3", children: [
          /* @__PURE__ */ r("div", { className: "p-3 rounded-lg border bg-[var(--info-bg)] border-[var(--info-border)]", children: [
            /* @__PURE__ */ e("div", { className: "text-xs text-[var(--info-text)] opacity-80 mb-1", children: t("overview.total") }),
            /* @__PURE__ */ e("div", { className: "text-2xl font-bold text-[var(--info-text)]", children: x.total })
          ] }),
          /* @__PURE__ */ r("div", { className: "p-3 rounded-lg border bg-[var(--success-bg)] border-[var(--success-border)]", children: [
            /* @__PURE__ */ e("div", { className: "text-xs text-[var(--success-text)] opacity-80 mb-1", children: t("overview.active") }),
            /* @__PURE__ */ e("div", { className: "text-2xl font-bold text-[var(--success-text)]", children: x.active })
          ] }),
          /* @__PURE__ */ r("div", { className: "p-3 rounded-lg border bg-[var(--bg-secondary)] border-[var(--border-color)]", children: [
            /* @__PURE__ */ e("div", { className: "text-xs text-[var(--text-secondary)] opacity-80 mb-1", children: t("overview.inactive") }),
            /* @__PURE__ */ e("div", { className: "text-2xl font-bold text-[var(--text-primary)]", children: x.inactive })
          ] }),
          /* @__PURE__ */ r("div", { className: "p-3 rounded-lg border bg-blue-500/10 border-blue-500/20", children: [
            /* @__PURE__ */ e("div", { className: "text-xs text-blue-700 opacity-80 mb-1", children: t("overview.entraSync") }),
            /* @__PURE__ */ e("div", { className: "text-2xl font-bold text-blue-700", children: x.entra })
          ] })
        ] }) }),
        /* @__PURE__ */ e(s, { children: t("annotations.kpis") }),
        /* @__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(U, { className: "w-3.5 h-3.5 flex-shrink-0" }),
            /* @__PURE__ */ e("span", { children: t("overview.searchPlaceholder") })
          ] }),
          /* @__PURE__ */ r("button", { className: "flex items-center gap-1.5 px-3 py-2 text-xs border border-[var(--border-color)] rounded-lg text-[var(--text-secondary)] bg-[var(--bg-primary)]", children: [
            /* @__PURE__ */ e($, { className: "w-3.5 h-3.5" }),
            t("overview.filters"),
            /* @__PURE__ */ e(u, { className: "w-3 h-3 ml-0.5" })
          ] }),
          /* @__PURE__ */ r("button", { className: "flex items-center gap-1.5 px-3 py-2 text-xs border border-[var(--border-color)] rounded-lg text-[var(--text-secondary)] bg-[var(--bg-primary)]", children: [
            /* @__PURE__ */ e(D, { className: "w-3.5 h-3.5" }),
            t("overview.sortBy")
          ] })
        ] }),
        /* @__PURE__ */ e(s, { children: t("annotations.searchBar") }),
        /* @__PURE__ */ r("div", { className: "px-4 pt-2 pb-1 flex items-center gap-2 flex-wrap", children: [
          /* @__PURE__ */ r("div", { className: "flex items-center gap-1.5 text-xs", children: [
            /* @__PURE__ */ r("span", { className: "text-[var(--text-secondary)]", children: [
              t("overview.filterStatus"),
              " :"
            ] }),
            ["filterAll", "filterActive", "filterInactive"].map((a, i) => /* @__PURE__ */ e("button", { className: `px-2 py-0.5 rounded-full text-xs font-medium border ${i === 0 ? "bg-[var(--color-primary-600)] text-white border-[var(--color-primary-600)]" : "border-[var(--border-color)] text-[var(--text-secondary)]"}`, children: t(`overview.${a}`) }, a))
          ] }),
          /* @__PURE__ */ r("div", { className: "flex items-center gap-1.5 text-xs ml-3", children: [
            /* @__PURE__ */ r("span", { className: "text-[var(--text-secondary)]", children: [
              t("overview.filterSource"),
              " :"
            ] }),
            ["filterAll", "filterEntra", "filterLocal"].map((a, i) => /* @__PURE__ */ e("button", { className: `px-2 py-0.5 rounded-full text-xs font-medium border ${i === 0 ? "bg-[var(--color-primary-600)] text-white border-[var(--color-primary-600)]" : "border-[var(--border-color)] text-[var(--text-secondary)]"}`, children: t(`overview.${a}`) }, a))
          ] })
        ] }),
        /* @__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: K.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-blue-500 flex items-center justify-center ring-1 ring-[var(--bg-card)]", children: /* @__PURE__ */ e(c, { 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-blue-100 dark:bg-blue-900/30 text-blue-600", children: [
                  /* @__PURE__ */ e(c, { 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-primary-600)]/10 text-[var(--color-primary-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-green-100 dark:bg-green-900/30 text-green-700 dark:text-green-400" : "bg-gray-100 dark:bg-gray-800 text-gray-600 dark:text-gray-400"}`, 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 ${X[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(d, { 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-primary-600)] hover:bg-[var(--accent-bg)] transition-all", title: t("overview.actionView"), children: /* @__PURE__ */ e(G, { 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(g, { 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(f, { className: "w-3.5 h-3.5" }) : /* @__PURE__ */ e(P, { 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__ */ e("div", { className: "px-4 pb-1", children: /* @__PURE__ */ e(s, { children: t("annotations.avatarCell") }) }),
        /* @__PURE__ */ e("div", { className: "px-4 pb-1", children: /* @__PURE__ */ e(s, { children: t("annotations.roleBadge") }) }),
        /* @__PURE__ */ e("div", { className: "px-4 pb-1", children: /* @__PURE__ */ e(s, { children: t("annotations.statusBadge") }) }),
        /* @__PURE__ */ e("div", { className: "px-4 pb-1", children: /* @__PURE__ */ e(s, { children: t("annotations.sourceBadge") }) }),
        /* @__PURE__ */ e("div", { className: "px-4 pb-1", children: /* @__PURE__ */ e(s, { children: t("annotations.groupChip") }) }),
        /* @__PURE__ */ e("div", { className: "px-4 pb-1", children: /* @__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-primary-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-primary-600)] text-white flex items-center justify-center text-xs font-bold", children: "4" }),
        t("sections.createForm")
      ] }),
      /* @__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("createForm.title") }),
            /* @__PURE__ */ e("p", { className: "text-xs text-[var(--text-secondary)] mt-0.5", children: t("createForm.subtitle") })
          ] }),
          /* @__PURE__ */ e("button", { className: "p-1.5 rounded-lg text-[var(--text-tertiary)] hover:bg-[var(--bg-hover)]", children: /* @__PURE__ */ e(F, { className: "w-4 h-4" }) })
        ] }),
        /* @__PURE__ */ r("div", { className: "p-5 space-y-4", children: [
          /* @__PURE__ */ r("div", { children: [
            /* @__PURE__ */ r("label", { className: "block text-xs font-medium text-[var(--text-secondary)] mb-1.5", children: [
              t("createForm.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-tertiary)]", children: [
              /* @__PURE__ */ e(m, { className: "w-3.5 h-3.5 flex-shrink-0" }),
              /* @__PURE__ */ e("span", { children: t("createForm.placeholderEmail") })
            ] }),
            /* @__PURE__ */ e(s, { children: t("formAnnotations.email") })
          ] }),
          /* @__PURE__ */ r("div", { children: [
            /* @__PURE__ */ r("label", { className: "block text-xs font-medium text-[var(--text-secondary)] mb-1.5", children: [
              t("createForm.labelPassword"),
              " *"
            ] }),
            /* @__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-tertiary)]", children: [
              /* @__PURE__ */ e(y, { className: "w-3.5 h-3.5 flex-shrink-0" }),
              /* @__PURE__ */ e("span", { children: t("createForm.placeholderPassword") })
            ] }),
            /* @__PURE__ */ e(s, { children: t("formAnnotations.password") })
          ] }),
          /* @__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("createForm.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-tertiary)]", children: t("createForm.placeholderFirstName") })
            ] }),
            /* @__PURE__ */ r("div", { children: [
              /* @__PURE__ */ r("label", { className: "block text-xs font-medium text-[var(--text-secondary)] mb-1.5", children: [
                t("createForm.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-tertiary)]", children: t("createForm.placeholderLastName") })
            ] })
          ] }),
          /* @__PURE__ */ e(s, { children: t("formAnnotations.name") }),
          /* @__PURE__ */ r("div", { children: [
            /* @__PURE__ */ e("label", { className: "block text-xs font-medium text-[var(--text-secondary)] mb-1.5", children: t("createForm.labelRoles") }),
            /* @__PURE__ */ e("div", { className: "space-y-1.5", children: ["roleAdmin", "roleSupport", "roleViewer", "roleManager"].map((a, i) => /* @__PURE__ */ r("label", { className: "flex items-center gap-2.5 px-3 py-2 rounded-lg border border-[var(--border-color)] bg-[var(--bg-primary)] 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(`createForm.${a}`)
            ] }, a)) }),
            /* @__PURE__ */ e(s, { children: t("formAnnotations.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("createForm.cancelButton") }),
            /* @__PURE__ */ r("button", { className: "flex items-center gap-1.5 px-4 py-2 text-xs font-medium rounded-lg bg-[var(--color-primary-600)] text-white", children: [
              /* @__PURE__ */ e(v, { className: "w-3.5 h-3.5" }),
              t("createForm.submitButton")
            ] })
          ] })
        ] })
      ] })
    ] }),
    /* @__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-primary-600)] text-white flex items-center justify-center text-xs font-bold", children: "5" }),
        t("sections.detailView")
      ] }),
      /* @__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-blue-500 flex items-center justify-center ring-2 ring-[var(--bg-card)]", children: /* @__PURE__ */ e(c, { 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-blue-100 dark:bg-blue-900/30 text-blue-600", children: [
                /* @__PURE__ */ e(c, { 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-green-100 dark:bg-green-900/30 text-green-700", 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-primary-600)]/10 text-[var(--color-primary-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(g, { 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(y, { 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-orange-300 text-orange-600 hover:bg-orange-50", children: [
              /* @__PURE__ */ e(f, { 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-primary-600)] text-[var(--color-primary-600)]" : "border-transparent text-[var(--text-secondary)] hover:text-[var(--text-primary)]"}`,
            children: [
              a === "info" && /* @__PURE__ */ e(d, { className: "w-3 h-3" }),
              a === "security" && /* @__PURE__ */ e(L, { className: "w-3 h-3" }),
              a === "roles" && /* @__PURE__ */ e(n, { className: "w-3 h-3" }),
              a === "sessions" && /* @__PURE__ */ e(V, { className: "w-3 h-3" }),
              a === "activity" && /* @__PURE__ */ e(M, { className: "w-3 h-3" }),
              a === "history" && /* @__PURE__ */ e(O, { className: "w-3 h-3" }),
              a === "groups" && /* @__PURE__ */ e(d, { className: "w-3 h-3" }),
              a === "tenants" && /* @__PURE__ */ e(b, { className: "w-3 h-3" }),
              a === "applications" && /* @__PURE__ */ e(N, { 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(H, { 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-primary-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-primary-600)]/10 text-[var(--color-primary-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-primary-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-primary-600)]/10 flex items-center justify-center", children: /* @__PURE__ */ e(N, { className: "w-3.5 h-3.5 text-[var(--color-primary-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-primary-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(q, { className: "w-4 h-4 text-[var(--color-primary-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-primary-600)] text-white flex items-center justify-center text-xs font-bold", children: "9" }),
        t("sections.techRef")
      ] }),
      /* @__PURE__ */ r(
        "button",
        {
          onClick: () => p((a) => !a),
          className: "flex items-center gap-2 px-4 py-2.5 text-sm font-medium rounded-lg 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(u, { 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-primary-600)]" }),
            t("techRef.rulesTitle")
          ] }) }),
          /* @__PURE__ */ e("div", { className: "divide-y divide-[var(--border-color)]", children: Q.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-primary-600)] bg-[var(--color-primary-600)]/10 px-1.5 py-0.5 rounded flex-shrink-0 mt-0.5", 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(I, { className: "w-3.5 h-3.5 text-[var(--color-primary-600)]" }),
            t("techRef.endpointsTitle")
          ] }) }),
          /* @__PURE__ */ e("div", { className: "divide-y divide-[var(--border-color)]", children: J.map((a, i) => /* @__PURE__ */ r("div", { className: "px-4 py-2 flex items-center gap-3 flex-wrap", 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 ${Z[a.method]}`, children: a.method }),
            /* @__PURE__ */ e("span", { className: "text-xs font-mono text-[var(--text-primary)] flex-1 truncate", children: a.path }),
            /* @__PURE__ */ e("span", { className: "text-[10px] text-[var(--text-tertiary)] font-mono hidden md:inline", children: a.permission })
          ] }, `ep-${a.method}-${i}`)) })
        ] })
      ] })
    ] })
  ] });
}
export {
  te as default
};
//# sourceMappingURL=index-CID51vRa.js.map
