@atlashub/smartstack 3.11.0 → 3.15.0

package/dist/index-C9BaizLE.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("react"),m=require("react-router-dom"),h=require("react-i18next"),t=require("lucide-react"),p=[{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}],d={total:127,active:98,inactive:29,entra:45},b={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"},v={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"},u=[{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"}],g=[{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 c({name:r,size:l="md"}){const n=r.split(" ").map(i=>i[0]).join("").toUpperCase().slice(0,2),s=l==="sm"?"w-7 h-7 text-[10px]":l==="lg"?"w-10 h-10 text-sm":"w-8 h-8 text-xs";return e.jsx("div",{className:`${s} rounded-full bg-[var(--color-primary-600)] text-white font-semibold flex items-center justify-center flex-shrink-0`,children:n})}function a({children:r}){return e.jsxs("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:[e.jsx(t.Info,{className:"h-3.5 w-3.5 flex-shrink-0 mt-0.5"}),e.jsx("span",{children:r})]})}function j(){const{t:r}=h.useTranslation("docsAdministrationUsers"),[l,n]=x.useState(!1);return e.jsxs("div",{className:"space-y-8 max-w-5xl mx-auto px-4 py-6",children:[e.jsxs(m.Link,{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:[e.jsx(t.ArrowLeft,{className:"h-4 w-4"}),r("nav.backToAdmin")]}),e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-3 mb-3",children:[e.jsx("div",{className:"p-2 rounded-lg bg-[var(--color-primary-600)]/10",children:e.jsx(t.Users,{className:"h-6 w-6 text-[var(--color-primary-600)]"})}),e.jsxs("div",{children:[e.jsx("h1",{className:"text-2xl font-bold text-[var(--text-primary)]",children:r("title")}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)] mt-0.5",children:r("subtitle")})]})]}),e.jsxs("div",{className:"flex flex-wrap gap-3 text-sm text-[var(--text-secondary)]",children:[e.jsxs("span",{children:["8 ",r("header.businessRules")]}),e.jsx("span",{children:"·"}),e.jsxs("span",{children:["23 ",r("header.apiEndpoints")]}),e.jsx("span",{children:"·"}),e.jsxs("span",{children:["2 ",r("header.statuses")]})]})]}),e.jsxs("section",{children:[e.jsxs("h2",{className:"text-lg font-semibold text-[var(--text-primary)] mb-3 flex items-center gap-2",children:[e.jsx("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"}),r("sections.businessValue")]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs("div",{className:"p-4 rounded-lg bg-red-50 border border-red-200 dark:bg-red-950/20 dark:border-red-800",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx(t.Target,{className:"h-4 w-4 text-red-600"}),e.jsx("h3",{className:"text-sm font-semibold text-red-800 dark:text-red-300",children:r("value.problemTitle")})]}),e.jsx("p",{className:"text-xs text-red-700 dark:text-red-400",children:r("value.problem")})]}),e.jsxs("div",{className:"p-4 rounded-lg bg-green-50 border border-green-200 dark:bg-green-950/20 dark:border-green-800",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx(t.Lightbulb,{className:"h-4 w-4 text-green-600"}),e.jsx("h3",{className:"text-sm font-semibold text-green-800 dark:text-green-300",children:r("value.solutionTitle")})]}),e.jsx("p",{className:"text-xs text-green-700 dark:text-green-400",children:r("value.solution")})]})]})]}),e.jsxs("section",{children:[e.jsxs("h2",{className:"text-lg font-semibold text-[var(--text-primary)] mb-3 flex items-center gap-2",children:[e.jsx("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"}),r("sections.access")]}),e.jsxs("div",{className:"border border-[var(--border-color)] rounded-lg p-4 bg-[var(--bg-card)] space-y-3",children:[e.jsxs("div",{children:[e.jsx("div",{className:"text-xs font-medium text-[var(--text-secondary)] mb-2",children:r("access.navigation")}),e.jsxs("div",{className:"flex flex-wrap items-center gap-2 text-sm",children:[e.jsx("span",{className:"px-2 py-0.5 rounded bg-purple-500/10 text-purple-700 font-medium",children:"Platform"}),e.jsx(t.ChevronRight,{className:"h-3.5 w-3.5 text-[var(--text-muted)]"}),e.jsx("span",{className:"px-2 py-0.5 rounded bg-blue-500/10 text-blue-700 font-medium",children:"Administration"}),e.jsx(t.ChevronRight,{className:"h-3.5 w-3.5 text-[var(--text-muted)]"}),e.jsx("span",{className:"px-2 py-0.5 rounded bg-[var(--color-primary-600)]/10 text-[var(--color-primary-700)] font-medium",children:r("access.module")})]})]}),e.jsxs("div",{className:"flex flex-wrap gap-3 text-xs",children:[e.jsx("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"}),e.jsx("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"})]})]})]}),e.jsxs("section",{children:[e.jsxs("h2",{className:"text-lg font-semibold text-[var(--text-primary)] mb-3 flex items-center gap-2",children:[e.jsx("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"}),r("sections.overview")]}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)] mb-4",children:r("overview.desc")}),e.jsxs("div",{className:"border border-[var(--border-color)] rounded-lg overflow-hidden bg-[var(--bg-card)] shadow-sm",children:[e.jsxs("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:[e.jsxs("div",{children:[e.jsxs("h3",{className:"text-sm font-bold flex items-center gap-2 text-[var(--text-primary)]",children:[e.jsx(t.Users,{className:"h-4 w-4"}),r("overview.pageTitle")]}),e.jsx("p",{className:"text-xs text-[var(--text-secondary)] mt-0.5",children:r("overview.pageSubtitle")})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("div",{className:"flex items-center gap-0.5 p-0.5 border border-[var(--border-color)] bg-[var(--bg-primary)] rounded-lg",children:[e.jsx("button",{className:"p-1.5 rounded-md bg-[var(--color-primary-600)] text-white",children:e.jsx(t.LayoutList,{className:"w-3.5 h-3.5"})}),e.jsx("button",{className:"p-1.5 rounded-md text-[var(--text-secondary)]",children:e.jsx(t.LayoutGrid,{className:"w-3.5 h-3.5"})}),e.jsx("button",{className:"p-1.5 rounded-md text-[var(--text-secondary)]",children:e.jsx(t.Columns,{className:"w-3.5 h-3.5"})})]}),e.jsxs("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:[e.jsx(t.Plus,{className:"w-3.5 h-3.5"}),r("overview.addButton")]})]})]}),e.jsx(a,{children:r("annotations.header")}),e.jsx("div",{className:"px-4 pt-3 pb-1",children:e.jsxs("div",{className:"grid grid-cols-4 gap-3",children:[e.jsxs("div",{className:"p-3 rounded-lg border bg-[var(--info-bg)] border-[var(--info-border)]",children:[e.jsx("div",{className:"text-xs text-[var(--info-text)] opacity-80 mb-1",children:r("overview.total")}),e.jsx("div",{className:"text-2xl font-bold text-[var(--info-text)]",children:d.total})]}),e.jsxs("div",{className:"p-3 rounded-lg border bg-[var(--success-bg)] border-[var(--success-border)]",children:[e.jsx("div",{className:"text-xs text-[var(--success-text)] opacity-80 mb-1",children:r("overview.active")}),e.jsx("div",{className:"text-2xl font-bold text-[var(--success-text)]",children:d.active})]}),e.jsxs("div",{className:"p-3 rounded-lg border bg-[var(--bg-secondary)] border-[var(--border-color)]",children:[e.jsx("div",{className:"text-xs text-[var(--text-secondary)] opacity-80 mb-1",children:r("overview.inactive")}),e.jsx("div",{className:"text-2xl font-bold text-[var(--text-primary)]",children:d.inactive})]}),e.jsxs("div",{className:"p-3 rounded-lg border bg-blue-500/10 border-blue-500/20",children:[e.jsx("div",{className:"text-xs text-blue-700 opacity-80 mb-1",children:r("overview.entraSync")}),e.jsx("div",{className:"text-2xl font-bold text-blue-700",children:d.entra})]})]})}),e.jsx(a,{children:r("annotations.kpis")}),e.jsxs("div",{className:"px-4 pt-3 pb-1 flex items-center gap-2 flex-wrap",children:[e.jsxs("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:[e.jsx(t.Search,{className:"w-3.5 h-3.5 flex-shrink-0"}),e.jsx("span",{children:r("overview.searchPlaceholder")})]}),e.jsxs("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:[e.jsx(t.Filter,{className:"w-3.5 h-3.5"}),r("overview.filters"),e.jsx(t.ChevronDown,{className:"w-3 h-3 ml-0.5"})]}),e.jsxs("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:[e.jsx(t.ArrowUpDown,{className:"w-3.5 h-3.5"}),r("overview.sortBy")]})]}),e.jsx(a,{children:r("annotations.searchBar")}),e.jsxs("div",{className:"px-4 pt-2 pb-1 flex items-center gap-2 flex-wrap",children:[e.jsxs("div",{className:"flex items-center gap-1.5 text-xs",children:[e.jsxs("span",{className:"text-[var(--text-secondary)]",children:[r("overview.filterStatus")," :"]}),["filterAll","filterActive","filterInactive"].map((s,i)=>e.jsx("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:r(`overview.${s}`)},s))]}),e.jsxs("div",{className:"flex items-center gap-1.5 text-xs ml-3",children:[e.jsxs("span",{className:"text-[var(--text-secondary)]",children:[r("overview.filterSource")," :"]}),["filterAll","filterEntra","filterLocal"].map((s,i)=>e.jsx("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:r(`overview.${s}`)},s))]})]}),e.jsx(a,{children:r("annotations.filterPanel")}),e.jsx("div",{className:"px-4 pt-3 pb-1 overflow-x-auto",children:e.jsxs("table",{className:"w-full text-xs",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"bg-[var(--bg-secondary)]",children:[e.jsx("th",{className:"w-8 px-2 py-2",children:e.jsx("input",{type:"checkbox",className:"w-3.5 h-3.5 rounded"})}),e.jsx("th",{className:"text-left px-3 py-2 text-[var(--text-tertiary)] uppercase tracking-wider font-semibold",children:r("overview.colName")}),e.jsx("th",{className:"text-left px-3 py-2 text-[var(--text-tertiary)] uppercase tracking-wider font-semibold hidden md:table-cell",children:r("overview.colEmail")}),e.jsx("th",{className:"text-left px-3 py-2 text-[var(--text-tertiary)] uppercase tracking-wider font-semibold hidden lg:table-cell",children:r("overview.colRole")}),e.jsx("th",{className:"text-left px-3 py-2 text-[var(--text-tertiary)] uppercase tracking-wider font-semibold",children:r("overview.colStatus")}),e.jsx("th",{className:"text-left px-3 py-2 text-[var(--text-tertiary)] uppercase tracking-wider font-semibold hidden xl:table-cell",children:r("overview.colSource")}),e.jsx("th",{className:"text-left px-3 py-2 text-[var(--text-tertiary)] uppercase tracking-wider font-semibold hidden xl:table-cell",children:r("overview.colGroup")}),e.jsx("th",{className:"w-28 px-3 py-2"})]})}),e.jsx("tbody",{className:"divide-y divide-[var(--border-color)]",children:p.map(s=>e.jsxs("tr",{className:"hover:bg-[var(--bg-hover)] transition-colors cursor-pointer",children:[e.jsx("td",{className:"px-2 py-2.5",children:e.jsx("input",{type:"checkbox",className:"w-3.5 h-3.5 rounded"})}),e.jsx("td",{className:"px-3 py-2.5",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("div",{className:"relative",children:[e.jsx(c,{name:s.fullName}),s.entra&&e.jsx("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:e.jsx(t.Cloud,{className:"w-2 h-2 text-white"})})]}),e.jsxs("div",{children:[e.jsx("p",{className:"font-medium text-[var(--text-primary)] truncate max-w-32",children:s.fullName}),s.entra&&e.jsxs("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:[e.jsx(t.Cloud,{className:"w-2 h-2"})," AAD"]})]})]})}),e.jsx("td",{className:"px-3 py-2.5 hidden md:table-cell",children:e.jsxs("div",{className:"flex items-center gap-1.5 text-[var(--text-secondary)]",children:[e.jsx(t.Mail,{className:"w-3 h-3 text-[var(--text-tertiary)] flex-shrink-0"}),e.jsx("span",{className:"truncate max-w-40",children:s.email})]})}),e.jsx("td",{className:"px-3 py-2.5 hidden lg:table-cell",children:e.jsx("div",{className:"flex flex-wrap gap-1",children:s.roles.length>0?s.roles.slice(0,2).map(i=>e.jsxs("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:[e.jsx(t.Shield,{className:"w-2.5 h-2.5"})," ",i]},i)):e.jsx("span",{className:"text-[var(--text-tertiary)] italic",children:r("overview.noRole")})})}),e.jsx("td",{className:"px-3 py-2.5",children:e.jsx("span",{className:`inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-[10px] font-medium ${s.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:s.isActive?r("overview.statusActive"):r("overview.statusInactive")})}),e.jsx("td",{className:"px-3 py-2.5 hidden xl:table-cell",children:e.jsx("span",{className:`inline-flex items-center px-1.5 py-0.5 rounded text-[10px] font-medium ${b[s.source]}`,children:r(`overview.source${s.source}`)})}),e.jsx("td",{className:"px-3 py-2.5 hidden xl:table-cell",children:s.group?e.jsxs("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:[e.jsx(t.Users,{className:"w-2.5 h-2.5"})," ",s.group]}):e.jsx("span",{className:"text-[var(--text-tertiary)]",children:"—"})}),e.jsx("td",{className:"px-3 py-2.5",children:e.jsxs("div",{className:"flex items-center justify-end gap-0.5",children:[e.jsx("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:r("overview.actionView"),children:e.jsx(t.Eye,{className:"w-3.5 h-3.5"})}),e.jsx("button",{className:"p-1.5 rounded-lg text-[var(--text-tertiary)] hover:text-[var(--info-text)] hover:bg-[var(--info-bg)] transition-all",title:r("overview.actionEdit"),children:e.jsx(t.Edit2,{className:"w-3.5 h-3.5"})}),e.jsx("button",{className:`p-1.5 rounded-lg transition-all ${s.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:s.isActive?e.jsx(t.UserX,{className:"w-3.5 h-3.5"}):e.jsx(t.UserCheck,{className:"w-3.5 h-3.5"})}),s.id!=="1"&&e.jsx("button",{className:"p-1.5 rounded-lg text-[var(--text-tertiary)] hover:text-[var(--error-text)] hover:bg-[var(--error-bg)] transition-all",title:r("overview.actionDelete"),children:e.jsx(t.Trash2,{className:"w-3.5 h-3.5"})})]})})]},s.id))})]})}),e.jsx(a,{children:r("annotations.tableCols")}),e.jsx("div",{className:"px-4 pb-1",children:e.jsx(a,{children:r("annotations.avatarCell")})}),e.jsx("div",{className:"px-4 pb-1",children:e.jsx(a,{children:r("annotations.roleBadge")})}),e.jsx("div",{className:"px-4 pb-1",children:e.jsx(a,{children:r("annotations.statusBadge")})}),e.jsx("div",{className:"px-4 pb-1",children:e.jsx(a,{children:r("annotations.sourceBadge")})}),e.jsx("div",{className:"px-4 pb-1",children:e.jsx(a,{children:r("annotations.groupChip")})}),e.jsx("div",{className:"px-4 pb-1",children:e.jsx(a,{children:r("annotations.actionButtons")})}),e.jsxs("div",{className:"px-4 py-3 border-t border-[var(--border-color)] flex items-center justify-between",children:[e.jsx("span",{className:"text-xs text-[var(--text-secondary)]",children:"1–5 / 127"}),e.jsx("div",{className:"flex items-center gap-1",children:[1,2,3,"...",26].map((s,i)=>e.jsx("button",{className:`w-7 h-7 text-xs rounded flex items-center justify-center ${s===1?"bg-[var(--color-primary-600)] text-white":"text-[var(--text-secondary)] hover:bg-[var(--bg-hover)]"}`,children:s},i))})]}),e.jsx("div",{className:"px-4 pb-3",children:e.jsx(a,{children:r("annotations.pagination")})})]})]}),e.jsxs("section",{children:[e.jsxs("h2",{className:"text-lg font-semibold text-[var(--text-primary)] mb-3 flex items-center gap-2",children:[e.jsx("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"}),r("sections.createForm")]}),e.jsxs("div",{className:"border border-[var(--border-color)] rounded-lg overflow-hidden bg-[var(--bg-card)] shadow-sm",children:[e.jsxs("div",{className:"px-5 py-4 border-b border-[var(--border-color)] bg-[var(--bg-secondary)] flex items-center justify-between",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"text-sm font-bold text-[var(--text-primary)]",children:r("createForm.title")}),e.jsx("p",{className:"text-xs text-[var(--text-secondary)] mt-0.5",children:r("createForm.subtitle")})]}),e.jsx("button",{className:"p-1.5 rounded-lg text-[var(--text-tertiary)] hover:bg-[var(--bg-hover)]",children:e.jsx(t.MoreHorizontal,{className:"w-4 h-4"})})]}),e.jsxs("div",{className:"p-5 space-y-4",children:[e.jsxs("div",{children:[e.jsxs("label",{className:"block text-xs font-medium text-[var(--text-secondary)] mb-1.5",children:[r("createForm.labelEmail")," *"]}),e.jsxs("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:[e.jsx(t.Mail,{className:"w-3.5 h-3.5 flex-shrink-0"}),e.jsx("span",{children:r("createForm.placeholderEmail")})]}),e.jsx(a,{children:r("formAnnotations.email")})]}),e.jsxs("div",{children:[e.jsxs("label",{className:"block text-xs font-medium text-[var(--text-secondary)] mb-1.5",children:[r("createForm.labelPassword")," *"]}),e.jsxs("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:[e.jsx(t.Key,{className:"w-3.5 h-3.5 flex-shrink-0"}),e.jsx("span",{children:r("createForm.placeholderPassword")})]}),e.jsx(a,{children:r("formAnnotations.password")})]}),e.jsxs("div",{className:"grid grid-cols-2 gap-3",children:[e.jsxs("div",{children:[e.jsxs("label",{className:"block text-xs font-medium text-[var(--text-secondary)] mb-1.5",children:[r("createForm.labelFirstName")," *"]}),e.jsx("div",{className:"px-3 py-2 rounded-lg border border-[var(--border-color)] bg-[var(--bg-primary)] text-xs text-[var(--text-tertiary)]",children:r("createForm.placeholderFirstName")})]}),e.jsxs("div",{children:[e.jsxs("label",{className:"block text-xs font-medium text-[var(--text-secondary)] mb-1.5",children:[r("createForm.labelLastName")," *"]}),e.jsx("div",{className:"px-3 py-2 rounded-lg border border-[var(--border-color)] bg-[var(--bg-primary)] text-xs text-[var(--text-tertiary)]",children:r("createForm.placeholderLastName")})]})]}),e.jsx(a,{children:r("formAnnotations.name")}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-xs font-medium text-[var(--text-secondary)] mb-1.5",children:r("createForm.labelRoles")}),e.jsx("div",{className:"space-y-1.5",children:["roleAdmin","roleSupport","roleViewer","roleManager"].map((s,i)=>e.jsxs("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:[e.jsx("input",{type:"checkbox",defaultChecked:i===0,className:"w-3.5 h-3.5 rounded"}),e.jsx(t.Shield,{className:"w-3 h-3 text-[var(--text-tertiary)]"}),r(`createForm.${s}`)]},s))}),e.jsx(a,{children:r("formAnnotations.roles")})]}),e.jsxs("div",{className:"flex items-center justify-end gap-2 pt-2 border-t border-[var(--border-color)]",children:[e.jsx("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:r("createForm.cancelButton")}),e.jsxs("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:[e.jsx(t.Plus,{className:"w-3.5 h-3.5"}),r("createForm.submitButton")]})]})]})]})]}),e.jsxs("section",{children:[e.jsxs("h2",{className:"text-lg font-semibold text-[var(--text-primary)] mb-3 flex items-center gap-2",children:[e.jsx("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"}),r("sections.detailView")]}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)] mb-4",children:r("detailView.desc")}),e.jsxs("div",{className:"border border-[var(--border-color)] rounded-lg overflow-hidden bg-[var(--bg-card)] shadow-sm",children:[e.jsx("div",{className:"px-5 py-4 border-b border-[var(--border-color)] bg-[var(--bg-secondary)]",children:e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsxs("div",{className:"relative",children:[e.jsx(c,{name:"Alice Martin",size:"lg"}),e.jsx("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:e.jsx(t.Cloud,{className:"w-2.5 h-2.5 text-white"})})]}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsxs("div",{className:"flex items-center gap-2 flex-wrap",children:[e.jsx("h3",{className:"text-sm font-bold text-[var(--text-primary)]",children:"Alice Martin"}),e.jsxs("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:[e.jsx(t.Cloud,{className:"w-2 h-2"})," AAD"]}),e.jsx("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"})]}),e.jsxs("p",{className:"text-xs text-[var(--text-secondary)] mt-0.5 flex items-center gap-1",children:[e.jsx(t.Mail,{className:"w-3 h-3"})," alice.martin@acme.com"]}),e.jsx("div",{className:"flex items-center gap-1 mt-1.5",children:e.jsxs("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:[e.jsx(t.Shield,{className:"w-2.5 h-2.5"})," Administrateur"]})})]}),e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsxs("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:[e.jsx(t.Edit2,{className:"w-3 h-3"})," Modifier"]}),e.jsxs("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:[e.jsx(t.Key,{className:"w-3 h-3"})," MDP"]}),e.jsxs("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:[e.jsx(t.UserX,{className:"w-3 h-3"})," Désactiver"]})]})]})}),e.jsx(a,{children:r("detailAnnotations.header")}),e.jsx("div",{className:"border-b border-[var(--border-color)] bg-[var(--bg-card)] px-4",children:e.jsx("div",{className:"flex items-center gap-0 overflow-x-auto",children:["info","security","roles","sessions","activity","history","groups","tenants","applications"].map((s,i)=>e.jsxs("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:[s==="info"&&e.jsx(t.Users,{className:"w-3 h-3"}),s==="security"&&e.jsx(t.Lock,{className:"w-3 h-3"}),s==="roles"&&e.jsx(t.Shield,{className:"w-3 h-3"}),s==="sessions"&&e.jsx(t.Monitor,{className:"w-3 h-3"}),s==="activity"&&e.jsx(t.Activity,{className:"w-3 h-3"}),s==="history"&&e.jsx(t.History,{className:"w-3 h-3"}),s==="groups"&&e.jsx(t.Users,{className:"w-3 h-3"}),s==="tenants"&&e.jsx(t.LayoutGrid,{className:"w-3 h-3"}),s==="applications"&&e.jsx(t.Zap,{className:"w-3 h-3"}),r(`detailView.tabs.${s}`)]},s))})}),e.jsx(a,{children:r("detailAnnotations.tabs")}),e.jsxs("div",{className:"p-4",children:[e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[e.jsxs("div",{className:"p-3 rounded-lg border border-[var(--border-color)] bg-[var(--bg-secondary)]",children:[e.jsx("h4",{className:"text-xs font-semibold text-[var(--text-primary)] mb-2",children:r("detailView.infoSection")}),e.jsxs("div",{className:"space-y-1.5 text-xs text-[var(--text-secondary)]",children:[e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{className:"text-[var(--text-tertiary)]",children:r("detailView.lastLogin")}),e.jsx("span",{children:"02/03/2026 09:14"})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{className:"text-[var(--text-tertiary)]",children:r("detailView.memberSince")}),e.jsx("span",{children:"12/01/2025"})]})]})]}),e.jsxs("div",{className:"p-3 rounded-lg border border-[var(--border-color)] bg-[var(--bg-secondary)]",children:[e.jsx("h4",{className:"text-xs font-semibold text-[var(--text-primary)] mb-2",children:r("detailView.orgSection")}),e.jsxs("div",{className:"space-y-1.5 text-xs text-[var(--text-secondary)]",children:[e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{className:"text-[var(--text-tertiary)]",children:r("detailView.department")}),e.jsx("span",{children:"IT"})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{className:"text-[var(--text-tertiary)]",children:r("detailView.jobTitle")}),e.jsx("span",{children:"Lead Dev"})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{className:"text-[var(--text-tertiary)]",children:r("detailView.company")}),e.jsx("span",{children:"Acme Corp"})]})]})]}),e.jsxs("div",{className:"p-3 rounded-lg border border-[var(--border-color)] bg-[var(--bg-secondary)]",children:[e.jsx("h4",{className:"text-xs font-semibold text-[var(--text-primary)] mb-2",children:r("detailView.contactSection")}),e.jsxs("div",{className:"space-y-1.5 text-xs text-[var(--text-secondary)]",children:[e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx(t.Smartphone,{className:"w-3 h-3 text-[var(--text-tertiary)]"}),e.jsx("span",{children:"+41 79 123 45 67"})]}),e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx(t.Mail,{className:"w-3 h-3 text-[var(--text-tertiary)]"}),e.jsx("span",{children:"alice.martin@acme.com"})]})]})]})]}),e.jsx(a,{children:r("detailAnnotations.infoTab")}),e.jsx("div",{className:"mt-2",children:e.jsx(a,{children:r("detailAnnotations.securityTab")})}),e.jsx("div",{className:"mt-2",children:e.jsx(a,{children:r("detailAnnotations.rolesTab")})}),e.jsx("div",{className:"mt-2",children:e.jsx(a,{children:r("detailAnnotations.sessionsTab")})}),e.jsx("div",{className:"mt-2",children:e.jsx(a,{children:r("detailAnnotations.historyTab")})})]})]})]}),e.jsxs("section",{children:[e.jsxs("h2",{className:"text-lg font-semibold text-[var(--text-primary)] mb-3 flex items-center gap-2",children:[e.jsx("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"}),r("sections.useCases")]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:["uc1","uc2","uc3"].map(s=>e.jsxs("div",{className:"border border-[var(--border-color)] rounded-lg p-4 bg-[var(--bg-card)]",children:[e.jsxs("div",{className:"flex items-start gap-2 mb-3",children:[e.jsx("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:s.slice(2)}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-sm font-semibold text-[var(--text-primary)]",children:r(`useCases.${s}.title`)}),e.jsx("p",{className:"text-xs text-[var(--text-secondary)] mt-0.5",children:r(`useCases.${s}.role`)})]})]}),e.jsx("ol",{className:"space-y-1.5",children:r(`useCases.${s}.steps`,{returnObjects:!0}).map((i,o)=>e.jsxs("li",{className:"flex items-start gap-2 text-xs text-[var(--text-secondary)]",children:[e.jsx("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}),e.jsx("span",{children:i})]},o))})]},s))})]}),e.jsxs("section",{children:[e.jsxs("h2",{className:"text-lg font-semibold text-[var(--text-primary)] mb-3 flex items-center gap-2",children:[e.jsx("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"}),r("sections.features")]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-3",children:["f1","f2","f3","f4","f5"].map(s=>e.jsxs("div",{className:"border border-[var(--border-color)] rounded-lg p-4 bg-[var(--bg-card)]",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx("div",{className:"w-6 h-6 rounded-lg bg-[var(--color-primary-600)]/10 flex items-center justify-center",children:e.jsx(t.Zap,{className:"w-3.5 h-3.5 text-[var(--color-primary-600)]"})}),e.jsx("h3",{className:"text-sm font-semibold text-[var(--text-primary)]",children:r(`features.${s}.title`)})]}),e.jsx("p",{className:"text-xs text-[var(--text-secondary)] mb-2",children:r(`features.${s}.desc`)}),e.jsx("div",{className:"px-3 py-2 rounded-md bg-[var(--bg-secondary)] border border-[var(--border-color)]",children:e.jsx("p",{className:"text-xs text-[var(--text-tertiary)] italic",children:r(`features.${s}.example`)})})]},s))})]}),e.jsxs("section",{children:[e.jsxs("h2",{className:"text-lg font-semibold text-[var(--text-primary)] mb-3 flex items-center gap-2",children:[e.jsx("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"}),r("sections.faq")]}),e.jsx("div",{className:"space-y-3",children:["q1","q2","q3","q4","q5"].map(s=>e.jsxs("div",{className:"border border-[var(--border-color)] rounded-lg p-4 bg-[var(--bg-card)]",children:[e.jsxs("div",{className:"flex items-start gap-2 mb-2",children:[e.jsx(t.HelpCircle,{className:"w-4 h-4 text-[var(--color-primary-600)] flex-shrink-0 mt-0.5"}),e.jsx("h3",{className:"text-sm font-semibold text-[var(--text-primary)]",children:r(`faq.${s}`)})]}),e.jsx("p",{className:"text-xs text-[var(--text-secondary)] ml-6",children:r(`faq.${s.replace("q","a")}`)})]},s))})]}),e.jsxs("section",{children:[e.jsxs("h2",{className:"text-lg font-semibold text-[var(--text-primary)] mb-3 flex items-center gap-2",children:[e.jsx("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"}),r("sections.techRef")]}),e.jsxs("button",{onClick:()=>n(s=>!s),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:[e.jsx(t.ChevronDown,{className:`w-4 h-4 transition-transform ${l?"rotate-180":""}`}),r(l?"techRef.hideBtn":"techRef.showBtn")]}),l&&e.jsxs("div",{className:"mt-3 space-y-4",children:[e.jsxs("div",{className:"border border-[var(--border-color)] rounded-lg overflow-hidden bg-[var(--bg-card)]",children:[e.jsx("div",{className:"px-4 py-3 border-b border-[var(--border-color)] bg-[var(--bg-secondary)]",children:e.jsxs("h3",{className:"text-xs font-semibold text-[var(--text-primary)] flex items-center gap-2",children:[e.jsx(t.Shield,{className:"w-3.5 h-3.5 text-[var(--color-primary-600)]"}),r("techRef.rulesTitle")]})}),e.jsx("div",{className:"divide-y divide-[var(--border-color)]",children:g.map(s=>e.jsxs("div",{className:"px-4 py-2.5 flex items-start gap-3",children:[e.jsx("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:s.id}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("p",{className:"text-xs text-[var(--text-secondary)]",children:r(s.key)}),e.jsx("span",{className:"text-[10px] text-[var(--text-tertiary)]",children:s.category})]})]},s.id))})]}),e.jsxs("div",{className:"border border-[var(--border-color)] rounded-lg overflow-hidden bg-[var(--bg-card)]",children:[e.jsx("div",{className:"px-4 py-3 border-b border-[var(--border-color)] bg-[var(--bg-secondary)]",children:e.jsxs("h3",{className:"text-xs font-semibold text-[var(--text-primary)] flex items-center gap-2",children:[e.jsx(t.CheckCircle,{className:"w-3.5 h-3.5 text-[var(--color-primary-600)]"}),r("techRef.endpointsTitle")]})}),e.jsx("div",{className:"divide-y divide-[var(--border-color)]",children:u.map((s,i)=>e.jsxs("div",{className:"px-4 py-2 flex items-center gap-3 flex-wrap",children:[e.jsx("span",{className:`text-[10px] font-bold px-1.5 py-0.5 rounded border font-mono w-14 text-center flex-shrink-0 ${v[s.method]}`,children:s.method}),e.jsx("span",{className:"text-xs font-mono text-[var(--text-primary)] flex-1 truncate",children:s.path}),e.jsx("span",{className:"text-[10px] text-[var(--text-tertiary)] font-mono hidden md:inline",children:s.permission})]},i))})]})]})]})]})}exports.default=j;
-//# sourceMappingURL=index-C9BaizLE.cjs.map

package/dist/index-C9BaizLE.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-C9BaizLE.cjs","sources":["../src/pages/docs/business/platform/administration/users/index.tsx"],"sourcesContent":["import { useState } from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport { useTranslation } from 'react-i18next';\r\nimport {\r\n  ArrowLeft,\r\n  Users,\r\n  Mail,\r\n  Shield,\r\n  Eye,\r\n  Edit2,\r\n  Trash2,\r\n  UserCheck,\r\n  UserX,\r\n  Cloud,\r\n  Search,\r\n  Filter,\r\n  Plus,\r\n  ChevronRight,\r\n  Info,\r\n  Target,\r\n  Lightbulb,\r\n  CheckCircle,\r\n  MoreHorizontal,\r\n  Key,\r\n  Activity,\r\n  History,\r\n  Lock,\r\n  Smartphone,\r\n  Monitor,\r\n  HelpCircle,\r\n  Zap,\r\n  LayoutGrid,\r\n  LayoutList,\r\n  Columns,\r\n  ArrowUpDown,\r\n  ChevronDown,\r\n} from 'lucide-react';\r\n\r\n// ── Mock data matching actual UsersPage ──────────────────────────────────────\r\n\r\ntype MockSource = 'Direct' | 'Group' | 'Both';\r\ninterface MockUser {\r\n  id: string;\r\n  fullName: string;\r\n  email: string;\r\n  roles: string[];\r\n  isActive: boolean;\r\n  source: MockSource;\r\n  group: string | null;\r\n  entra: boolean;\r\n}\r\n\r\nconst mockUsers: MockUser[] = [\r\n  { id: '1', fullName: 'Alice Martin', email: 'alice.martin@acme.com', roles: ['Administrateur'], isActive: true, source: 'Direct', group: 'Acme Corp', entra: true },\r\n  { id: '2', fullName: 'Bob Dupont', email: 'bob.dupont@techcorp.com', roles: ['Agent Support', 'Viewer'], isActive: true, source: 'Group', group: 'TechVision', entra: false },\r\n  { id: '3', fullName: 'Charlie Klein', email: 'charlie.klein@example.com', roles: ['Viewer'], isActive: false, source: 'Direct', group: null, entra: true },\r\n  { id: '4', fullName: 'Diana Braun', email: 'diana.braun@company.com', roles: ['Manager'], isActive: true, source: 'Both', group: 'DataCorp', entra: false },\r\n  { id: '5', fullName: 'Eve Laurent', email: 'eve.laurent@startup.io', roles: [], isActive: false, source: 'Direct', group: null, entra: false },\r\n];\r\n\r\nconst mockStats = { total: 127, active: 98, inactive: 29, entra: 45 };\r\n\r\nconst sourceColors: Record<MockSource, string> = {\r\n  Direct: 'bg-blue-100 dark:bg-blue-900/30 text-blue-700 dark:text-blue-300',\r\n  Group: 'bg-purple-100 dark:bg-purple-900/30 text-purple-700 dark:text-purple-300',\r\n  Both: 'bg-green-100 dark:bg-green-900/30 text-green-700 dark:text-green-300',\r\n};\r\n\r\nconst methodColors: Record<string, string> = {\r\n  GET: 'bg-blue-500/10 text-blue-700 border-blue-500/20',\r\n  POST: 'bg-green-500/10 text-green-700 border-green-500/20',\r\n  PUT: 'bg-orange-500/10 text-orange-700 border-orange-500/20',\r\n  PATCH: 'bg-yellow-500/10 text-yellow-700 border-yellow-500/20',\r\n  DELETE: 'bg-red-500/10 text-red-700 border-red-500/20',\r\n};\r\n\r\nconst apiEndpoints = [\r\n  { method: 'GET' as const, path: '/api/administration/users', handler: 'GetUsers', permission: 'administration.users.read' },\r\n  { method: 'GET' as const, path: '/api/administration/users/{id}', handler: 'GetUser', permission: 'administration.users.read' },\r\n  { method: 'POST' as const, path: '/api/administration/users', handler: 'CreateUser', permission: 'administration.users.create' },\r\n  { method: 'PUT' as const, path: '/api/administration/users/{id}', handler: 'UpdateUser', permission: 'administration.users.update' },\r\n  { method: 'DELETE' as const, path: '/api/administration/users/{id}', handler: 'DeleteUser', permission: 'administration.users.delete' },\r\n  { method: 'PATCH' as const, path: '/api/administration/users/{id}/activate', handler: 'ActivateUser', permission: 'administration.users.update' },\r\n  { method: 'PATCH' as const, path: '/api/administration/users/{id}/deactivate', handler: 'DeactivateUser', permission: 'administration.users.update' },\r\n  { method: 'POST' as const, path: '/api/administration/users/{id}/unlock', handler: 'UnlockAccount', permission: 'administration.users.update' },\r\n  { method: 'POST' as const, path: '/api/administration/users/{id}/send-password-reset', handler: 'SendPasswordResetLink', permission: 'administration.users.reset-password' },\r\n  { method: 'POST' as const, path: '/api/administration/users/{id}/reset-password-direct', handler: 'ResetPasswordDirect', permission: 'administration.users.reset-password-direct' },\r\n  { method: 'POST' as const, path: '/api/administration/users/{id}/clear-failed-attempts', handler: 'ClearFailedAttempts', permission: 'administration.users.update' },\r\n  { method: 'GET' as const, path: '/api/administration/users/{id}/sessions', handler: 'GetUserSessions', permission: 'administration.users.view-sessions' },\r\n  { method: 'POST' as const, path: '/api/administration/users/{id}/sessions/end-all', handler: 'EndAllUserSessions', permission: 'administration.users.manage-sessions' },\r\n  { method: 'DELETE' as const, path: '/api/administration/users/{id}/sessions/{sessionId}', handler: 'EndUserSession', permission: 'administration.users.manage-sessions' },\r\n  { method: 'GET' as const, path: '/api/administration/users/{id}/activity', handler: 'GetUserActivity', permission: 'administration.users.read' },\r\n  { method: 'GET' as const, path: '/api/administration/users/{id}/history', handler: 'GetUserHistory', permission: 'administration.users.read' },\r\n  { method: 'POST' as const, path: '/api/administration/users/{id}/history/{historyId}/restore', handler: 'RestoreFromHistory', permission: 'administration.users.update' },\r\n  { method: 'GET' as const, path: '/api/administration/users/{id}/consolidated-roles', handler: 'GetUserConsolidatedRoles', permission: 'administration.users.read' },\r\n  { method: 'GET' as const, path: '/api/administration/users/{id}/application-access', handler: 'GetUserApplicationAccess', permission: 'administration.users.read' },\r\n  { method: 'GET' as const, path: '/api/administration/users/{id}/groups', handler: 'GetUserGroups', permission: 'administration.users.read' },\r\n  { method: 'GET' as const, path: '/api/administration/users/{id}/tenants', handler: 'GetUserTenants', permission: 'administration.users.read' },\r\n  { method: 'POST' as const, path: '/api/administration/users/{id}/custom-role', handler: 'CreateUserCustomRole', permission: 'administration.users.update' },\r\n  { method: 'DELETE' as const, path: '/api/administration/users/{id}/custom-role', handler: 'DeleteUserCustomRole', permission: 'administration.users.update' },\r\n];\r\n\r\nconst businessRules = [\r\n  { id: 'BR-001', category: 'Validation', key: 'techRef.rules.br001' },\r\n  { id: 'BR-002', category: 'Validation', key: 'techRef.rules.br002' },\r\n  { id: 'BR-003', category: 'Sécurité', key: 'techRef.rules.br003' },\r\n  { id: 'BR-004', category: 'Cycle de vie', key: 'techRef.rules.br004' },\r\n  { id: 'BR-005', category: 'Sécurité', key: 'techRef.rules.br005' },\r\n  { id: 'BR-006', category: 'Intégration', key: 'techRef.rules.br006' },\r\n  { id: 'BR-007', category: 'Sécurité', key: 'techRef.rules.br007' },\r\n  { id: 'BR-008', category: 'Audit', key: 'techRef.rules.br008' },\r\n];\r\n\r\n// ── Avatar helper ─────────────────────────────────────────────────────────────\r\n\r\nfunction MockAvatar({ name, size = 'md' }: { name: string; size?: 'sm' | 'md' | 'lg' }) {\r\n  const initials = name.split(' ').map(n => n[0]).join('').toUpperCase().slice(0, 2);\r\n  const sizeClass = size === 'sm' ? 'w-7 h-7 text-[10px]' : size === 'lg' ? 'w-10 h-10 text-sm' : 'w-8 h-8 text-xs';\r\n  return (\r\n    <div className={`${sizeClass} rounded-full bg-[var(--color-primary-600)] text-white font-semibold flex items-center justify-center flex-shrink-0`}>\r\n      {initials}\r\n    </div>\r\n  );\r\n}\r\n\r\n// ── Annotation helper ─────────────────────────────────────────────────────────\r\n\r\nfunction Annotation({ children }: { children: React.ReactNode }) {\r\n  return (\r\n    <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\">\r\n      <Info className=\"h-3.5 w-3.5 flex-shrink-0 mt-0.5\" />\r\n      <span>{children}</span>\r\n    </div>\r\n  );\r\n}\r\n\r\n// ── Component ─────────────────────────────────────────────────────────────────\r\n\r\nexport default function UsersDocPage() {\r\n  const { t } = useTranslation('docsAdministrationUsers');\r\n  const [showTechRef, setShowTechRef] = useState(false);\r\n\r\n  return (\r\n    <div className=\"space-y-8 max-w-5xl mx-auto px-4 py-6\">\r\n\r\n      {/* Back link */}\r\n      <Link\r\n        to=\"/docs/business/platform\"\r\n        className=\"inline-flex items-center gap-1.5 text-sm text-[var(--color-accent-500)] hover:text-[var(--color-accent-600)] transition-colors\"\r\n      >\r\n        <ArrowLeft className=\"h-4 w-4\" />\r\n        {t('nav.backToAdmin')}\r\n      </Link>\r\n\r\n      {/* Header */}\r\n      <div>\r\n        <div className=\"flex items-center gap-3 mb-3\">\r\n          <div className=\"p-2 rounded-lg bg-[var(--color-primary-600)]/10\">\r\n            <Users className=\"h-6 w-6 text-[var(--color-primary-600)]\" />\r\n          </div>\r\n          <div>\r\n            <h1 className=\"text-2xl font-bold text-[var(--text-primary)]\">{t('title')}</h1>\r\n            <p className=\"text-sm text-[var(--text-secondary)] mt-0.5\">{t('subtitle')}</p>\r\n          </div>\r\n        </div>\r\n        <div className=\"flex flex-wrap gap-3 text-sm text-[var(--text-secondary)]\">\r\n          <span>8 {t('header.businessRules')}</span>\r\n          <span>·</span>\r\n          <span>23 {t('header.apiEndpoints')}</span>\r\n          <span>·</span>\r\n          <span>2 {t('header.statuses')}</span>\r\n        </div>\r\n      </div>\r\n\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      {/* SECTION 1: BUSINESS VALUE                                           */}\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      <section>\r\n        <h2 className=\"text-lg font-semibold text-[var(--text-primary)] mb-3 flex items-center gap-2\">\r\n          <span className=\"w-7 h-7 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-xs font-bold\">1</span>\r\n          {t('sections.businessValue')}\r\n        </h2>\r\n        <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n          <div className=\"p-4 rounded-lg bg-red-50 border border-red-200 dark:bg-red-950/20 dark:border-red-800\">\r\n            <div className=\"flex items-center gap-2 mb-2\">\r\n              <Target className=\"h-4 w-4 text-red-600\" />\r\n              <h3 className=\"text-sm font-semibold text-red-800 dark:text-red-300\">{t('value.problemTitle')}</h3>\r\n            </div>\r\n            <p className=\"text-xs text-red-700 dark:text-red-400\">{t('value.problem')}</p>\r\n          </div>\r\n          <div className=\"p-4 rounded-lg bg-green-50 border border-green-200 dark:bg-green-950/20 dark:border-green-800\">\r\n            <div className=\"flex items-center gap-2 mb-2\">\r\n              <Lightbulb className=\"h-4 w-4 text-green-600\" />\r\n              <h3 className=\"text-sm font-semibold text-green-800 dark:text-green-300\">{t('value.solutionTitle')}</h3>\r\n            </div>\r\n            <p className=\"text-xs text-green-700 dark:text-green-400\">{t('value.solution')}</p>\r\n          </div>\r\n        </div>\r\n      </section>\r\n\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      {/* SECTION 2: ACCESS                                                   */}\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      <section>\r\n        <h2 className=\"text-lg font-semibold text-[var(--text-primary)] mb-3 flex items-center gap-2\">\r\n          <span className=\"w-7 h-7 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-xs font-bold\">2</span>\r\n          {t('sections.access')}\r\n        </h2>\r\n        <div className=\"border border-[var(--border-color)] rounded-lg p-4 bg-[var(--bg-card)] space-y-3\">\r\n          <div>\r\n            <div className=\"text-xs font-medium text-[var(--text-secondary)] mb-2\">{t('access.navigation')}</div>\r\n            <div className=\"flex flex-wrap items-center gap-2 text-sm\">\r\n              <span className=\"px-2 py-0.5 rounded bg-purple-500/10 text-purple-700 font-medium\">Platform</span>\r\n              <ChevronRight className=\"h-3.5 w-3.5 text-[var(--text-muted)]\" />\r\n              <span className=\"px-2 py-0.5 rounded bg-blue-500/10 text-blue-700 font-medium\">Administration</span>\r\n              <ChevronRight className=\"h-3.5 w-3.5 text-[var(--text-muted)]\" />\r\n              <span className=\"px-2 py-0.5 rounded bg-[var(--color-primary-600)]/10 text-[var(--color-primary-700)] font-medium\">{t('access.module')}</span>\r\n            </div>\r\n          </div>\r\n          <div className=\"flex flex-wrap gap-3 text-xs\">\r\n            <div className=\"px-3 py-1.5 rounded-full bg-[var(--bg-secondary)] border border-[var(--border-color)] font-mono text-[var(--text-secondary)]\">\r\n              /administration/users/list\r\n            </div>\r\n            <div className=\"px-3 py-1.5 rounded-full bg-blue-500/10 border border-blue-500/20 text-blue-700 font-mono\">\r\n              administration.users.read\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </section>\r\n\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      {/* SECTION 3: INTERFACE OVERVIEW — LIST PAGE                          */}\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      <section>\r\n        <h2 className=\"text-lg font-semibold text-[var(--text-primary)] mb-3 flex items-center gap-2\">\r\n          <span className=\"w-7 h-7 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-xs font-bold\">3</span>\r\n          {t('sections.overview')}\r\n        </h2>\r\n        <p className=\"text-sm text-[var(--text-secondary)] mb-4\">{t('overview.desc')}</p>\r\n\r\n        <div className=\"border border-[var(--border-color)] rounded-lg overflow-hidden bg-[var(--bg-card)] shadow-sm\">\r\n\r\n          {/* ── Page header ── */}\r\n          <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\">\r\n            <div>\r\n              <h3 className=\"text-sm font-bold flex items-center gap-2 text-[var(--text-primary)]\">\r\n                <Users className=\"h-4 w-4\" />\r\n                {t('overview.pageTitle')}\r\n              </h3>\r\n              <p className=\"text-xs text-[var(--text-secondary)] mt-0.5\">{t('overview.pageSubtitle')}</p>\r\n            </div>\r\n            <div className=\"flex items-center gap-2\">\r\n              {/* View toggles */}\r\n              <div className=\"flex items-center gap-0.5 p-0.5 border border-[var(--border-color)] bg-[var(--bg-primary)] rounded-lg\">\r\n                <button className=\"p-1.5 rounded-md bg-[var(--color-primary-600)] text-white\">\r\n                  <LayoutList className=\"w-3.5 h-3.5\" />\r\n                </button>\r\n                <button className=\"p-1.5 rounded-md text-[var(--text-secondary)]\">\r\n                  <LayoutGrid className=\"w-3.5 h-3.5\" />\r\n                </button>\r\n                <button className=\"p-1.5 rounded-md text-[var(--text-secondary)]\">\r\n                  <Columns className=\"w-3.5 h-3.5\" />\r\n                </button>\r\n              </div>\r\n              {/* Add button */}\r\n              <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\">\r\n                <Plus className=\"w-3.5 h-3.5\" />\r\n                {t('overview.addButton')}\r\n              </button>\r\n            </div>\r\n          </div>\r\n          <Annotation>{t('annotations.header')}</Annotation>\r\n\r\n          {/* ── KPI stats ── */}\r\n          <div className=\"px-4 pt-3 pb-1\">\r\n            <div className=\"grid grid-cols-4 gap-3\">\r\n              <div className=\"p-3 rounded-lg border bg-[var(--info-bg)] border-[var(--info-border)]\">\r\n                <div className=\"text-xs text-[var(--info-text)] opacity-80 mb-1\">{t('overview.total')}</div>\r\n                <div className=\"text-2xl font-bold text-[var(--info-text)]\">{mockStats.total}</div>\r\n              </div>\r\n              <div className=\"p-3 rounded-lg border bg-[var(--success-bg)] border-[var(--success-border)]\">\r\n                <div className=\"text-xs text-[var(--success-text)] opacity-80 mb-1\">{t('overview.active')}</div>\r\n                <div className=\"text-2xl font-bold text-[var(--success-text)]\">{mockStats.active}</div>\r\n              </div>\r\n              <div className=\"p-3 rounded-lg border bg-[var(--bg-secondary)] border-[var(--border-color)]\">\r\n                <div className=\"text-xs text-[var(--text-secondary)] opacity-80 mb-1\">{t('overview.inactive')}</div>\r\n                <div className=\"text-2xl font-bold text-[var(--text-primary)]\">{mockStats.inactive}</div>\r\n              </div>\r\n              <div className=\"p-3 rounded-lg border bg-blue-500/10 border-blue-500/20\">\r\n                <div className=\"text-xs text-blue-700 opacity-80 mb-1\">{t('overview.entraSync')}</div>\r\n                <div className=\"text-2xl font-bold text-blue-700\">{mockStats.entra}</div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <Annotation>{t('annotations.kpis')}</Annotation>\r\n\r\n          {/* ── Search & Filter bar ── */}\r\n          <div className=\"px-4 pt-3 pb-1 flex items-center gap-2 flex-wrap\">\r\n            <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)]\">\r\n              <Search className=\"w-3.5 h-3.5 flex-shrink-0\" />\r\n              <span>{t('overview.searchPlaceholder')}</span>\r\n            </div>\r\n            <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)]\">\r\n              <Filter className=\"w-3.5 h-3.5\" />\r\n              {t('overview.filters')}\r\n              <ChevronDown className=\"w-3 h-3 ml-0.5\" />\r\n            </button>\r\n            <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)]\">\r\n              <ArrowUpDown className=\"w-3.5 h-3.5\" />\r\n              {t('overview.sortBy')}\r\n            </button>\r\n          </div>\r\n          <Annotation>{t('annotations.searchBar')}</Annotation>\r\n\r\n          {/* ── Filter chips (expanded) ── */}\r\n          <div className=\"px-4 pt-2 pb-1 flex items-center gap-2 flex-wrap\">\r\n            <div className=\"flex items-center gap-1.5 text-xs\">\r\n              <span className=\"text-[var(--text-secondary)]\">{t('overview.filterStatus')} :</span>\r\n              {['filterAll', 'filterActive', 'filterInactive'].map((k, i) => (\r\n                <button key={k} 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)]'}`}>\r\n                  {t(`overview.${k}`)}\r\n                </button>\r\n              ))}\r\n            </div>\r\n            <div className=\"flex items-center gap-1.5 text-xs ml-3\">\r\n              <span className=\"text-[var(--text-secondary)]\">{t('overview.filterSource')} :</span>\r\n              {['filterAll', 'filterEntra', 'filterLocal'].map((k, i) => (\r\n                <button key={k} 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)]'}`}>\r\n                  {t(`overview.${k}`)}\r\n                </button>\r\n              ))}\r\n            </div>\r\n          </div>\r\n          <Annotation>{t('annotations.filterPanel')}</Annotation>\r\n\r\n          {/* ── Table ── */}\r\n          <div className=\"px-4 pt-3 pb-1 overflow-x-auto\">\r\n            <table className=\"w-full text-xs\">\r\n              <thead>\r\n                <tr className=\"bg-[var(--bg-secondary)]\">\r\n                  <th className=\"w-8 px-2 py-2\"><input type=\"checkbox\" className=\"w-3.5 h-3.5 rounded\" /></th>\r\n                  <th className=\"text-left px-3 py-2 text-[var(--text-tertiary)] uppercase tracking-wider font-semibold\">{t('overview.colName')}</th>\r\n                  <th className=\"text-left px-3 py-2 text-[var(--text-tertiary)] uppercase tracking-wider font-semibold hidden md:table-cell\">{t('overview.colEmail')}</th>\r\n                  <th className=\"text-left px-3 py-2 text-[var(--text-tertiary)] uppercase tracking-wider font-semibold hidden lg:table-cell\">{t('overview.colRole')}</th>\r\n                  <th className=\"text-left px-3 py-2 text-[var(--text-tertiary)] uppercase tracking-wider font-semibold\">{t('overview.colStatus')}</th>\r\n                  <th className=\"text-left px-3 py-2 text-[var(--text-tertiary)] uppercase tracking-wider font-semibold hidden xl:table-cell\">{t('overview.colSource')}</th>\r\n                  <th className=\"text-left px-3 py-2 text-[var(--text-tertiary)] uppercase tracking-wider font-semibold hidden xl:table-cell\">{t('overview.colGroup')}</th>\r\n                  <th className=\"w-28 px-3 py-2\"></th>\r\n                </tr>\r\n              </thead>\r\n              <tbody className=\"divide-y divide-[var(--border-color)]\">\r\n                {mockUsers.map(user => (\r\n                  <tr key={user.id} className=\"hover:bg-[var(--bg-hover)] transition-colors cursor-pointer\">\r\n                    <td className=\"px-2 py-2.5\"><input type=\"checkbox\" className=\"w-3.5 h-3.5 rounded\" /></td>\r\n                    {/* Name cell */}\r\n                    <td className=\"px-3 py-2.5\">\r\n                      <div className=\"flex items-center gap-2\">\r\n                        <div className=\"relative\">\r\n                          <MockAvatar name={user.fullName} />\r\n                          {user.entra && (\r\n                            <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)]\">\r\n                              <Cloud className=\"w-2 h-2 text-white\" />\r\n                            </div>\r\n                          )}\r\n                        </div>\r\n                        <div>\r\n                          <p className=\"font-medium text-[var(--text-primary)] truncate max-w-32\">{user.fullName}</p>\r\n                          {user.entra && (\r\n                            <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\">\r\n                              <Cloud className=\"w-2 h-2\" /> AAD\r\n                            </span>\r\n                          )}\r\n                        </div>\r\n                      </div>\r\n                    </td>\r\n                    {/* Email */}\r\n                    <td className=\"px-3 py-2.5 hidden md:table-cell\">\r\n                      <div className=\"flex items-center gap-1.5 text-[var(--text-secondary)]\">\r\n                        <Mail className=\"w-3 h-3 text-[var(--text-tertiary)] flex-shrink-0\" />\r\n                        <span className=\"truncate max-w-40\">{user.email}</span>\r\n                      </div>\r\n                    </td>\r\n                    {/* Roles */}\r\n                    <td className=\"px-3 py-2.5 hidden lg:table-cell\">\r\n                      <div className=\"flex flex-wrap gap-1\">\r\n                        {user.roles.length > 0 ? user.roles.slice(0, 2).map(role => (\r\n                          <span key={role} className={`inline-flex items-center gap-1 px-1.5 py-0.5 rounded text-[10px] font-medium ${role.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)]'}`}>\r\n                            <Shield className=\"w-2.5 h-2.5\" /> {role}\r\n                          </span>\r\n                        )) : (\r\n                          <span className=\"text-[var(--text-tertiary)] italic\">{t('overview.noRole')}</span>\r\n                        )}\r\n                      </div>\r\n                    </td>\r\n                    {/* Status */}\r\n                    <td className=\"px-3 py-2.5\">\r\n                      <span className={`inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-[10px] font-medium ${user.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'}`}>\r\n                        {user.isActive ? t('overview.statusActive') : t('overview.statusInactive')}\r\n                      </span>\r\n                    </td>\r\n                    {/* Source */}\r\n                    <td className=\"px-3 py-2.5 hidden xl:table-cell\">\r\n                      <span className={`inline-flex items-center px-1.5 py-0.5 rounded text-[10px] font-medium ${sourceColors[user.source]}`}>\r\n                        {t(`overview.source${user.source}`)}\r\n                      </span>\r\n                    </td>\r\n                    {/* Group */}\r\n                    <td className=\"px-3 py-2.5 hidden xl:table-cell\">\r\n                      {user.group ? (\r\n                        <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)]\">\r\n                          <Users className=\"w-2.5 h-2.5\" /> {user.group}\r\n                        </button>\r\n                      ) : (\r\n                        <span className=\"text-[var(--text-tertiary)]\">—</span>\r\n                      )}\r\n                    </td>\r\n                    {/* Actions */}\r\n                    <td className=\"px-3 py-2.5\">\r\n                      <div className=\"flex items-center justify-end gap-0.5\">\r\n                        <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')}>\r\n                          <Eye className=\"w-3.5 h-3.5\" />\r\n                        </button>\r\n                        <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')}>\r\n                          <Edit2 className=\"w-3.5 h-3.5\" />\r\n                        </button>\r\n                        <button className={`p-1.5 rounded-lg transition-all ${user.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)]'}`}>\r\n                          {user.isActive ? <UserX className=\"w-3.5 h-3.5\" /> : <UserCheck className=\"w-3.5 h-3.5\" />}\r\n                        </button>\r\n                        {user.id !== '1' && (\r\n                          <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')}>\r\n                            <Trash2 className=\"w-3.5 h-3.5\" />\r\n                          </button>\r\n                        )}\r\n                      </div>\r\n                    </td>\r\n                  </tr>\r\n                ))}\r\n              </tbody>\r\n            </table>\r\n          </div>\r\n          <Annotation>{t('annotations.tableCols')}</Annotation>\r\n\r\n          {/* Avatar + roles annotations */}\r\n          <div className=\"px-4 pb-1\">\r\n            <Annotation>{t('annotations.avatarCell')}</Annotation>\r\n          </div>\r\n          <div className=\"px-4 pb-1\">\r\n            <Annotation>{t('annotations.roleBadge')}</Annotation>\r\n          </div>\r\n          <div className=\"px-4 pb-1\">\r\n            <Annotation>{t('annotations.statusBadge')}</Annotation>\r\n          </div>\r\n          <div className=\"px-4 pb-1\">\r\n            <Annotation>{t('annotations.sourceBadge')}</Annotation>\r\n          </div>\r\n          <div className=\"px-4 pb-1\">\r\n            <Annotation>{t('annotations.groupChip')}</Annotation>\r\n          </div>\r\n          <div className=\"px-4 pb-1\">\r\n            <Annotation>{t('annotations.actionButtons')}</Annotation>\r\n          </div>\r\n\r\n          {/* Pagination */}\r\n          <div className=\"px-4 py-3 border-t border-[var(--border-color)] flex items-center justify-between\">\r\n            <span className=\"text-xs text-[var(--text-secondary)]\">1–5 / 127</span>\r\n            <div className=\"flex items-center gap-1\">\r\n              {[1, 2, 3, '...', 26].map((p, i) => (\r\n                <button key={i} className={`w-7 h-7 text-xs rounded flex items-center justify-center ${p === 1 ? 'bg-[var(--color-primary-600)] text-white' : 'text-[var(--text-secondary)] hover:bg-[var(--bg-hover)]'}`}>\r\n                  {p}\r\n                </button>\r\n              ))}\r\n            </div>\r\n          </div>\r\n          <div className=\"px-4 pb-3\">\r\n            <Annotation>{t('annotations.pagination')}</Annotation>\r\n          </div>\r\n        </div>\r\n      </section>\r\n\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      {/* SECTION 4: CREATE FORM                                             */}\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      <section>\r\n        <h2 className=\"text-lg font-semibold text-[var(--text-primary)] mb-3 flex items-center gap-2\">\r\n          <span className=\"w-7 h-7 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-xs font-bold\">4</span>\r\n          {t('sections.createForm')}\r\n        </h2>\r\n\r\n        <div className=\"border border-[var(--border-color)] rounded-lg overflow-hidden bg-[var(--bg-card)] shadow-sm\">\r\n          {/* Modal header */}\r\n          <div className=\"px-5 py-4 border-b border-[var(--border-color)] bg-[var(--bg-secondary)] flex items-center justify-between\">\r\n            <div>\r\n              <h3 className=\"text-sm font-bold text-[var(--text-primary)]\">{t('createForm.title')}</h3>\r\n              <p className=\"text-xs text-[var(--text-secondary)] mt-0.5\">{t('createForm.subtitle')}</p>\r\n            </div>\r\n            <button className=\"p-1.5 rounded-lg text-[var(--text-tertiary)] hover:bg-[var(--bg-hover)]\">\r\n              <MoreHorizontal className=\"w-4 h-4\" />\r\n            </button>\r\n          </div>\r\n\r\n          <div className=\"p-5 space-y-4\">\r\n            {/* Email */}\r\n            <div>\r\n              <label className=\"block text-xs font-medium text-[var(--text-secondary)] mb-1.5\">{t('createForm.labelEmail')} *</label>\r\n              <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)]\">\r\n                <Mail className=\"w-3.5 h-3.5 flex-shrink-0\" />\r\n                <span>{t('createForm.placeholderEmail')}</span>\r\n              </div>\r\n              <Annotation>{t('formAnnotations.email')}</Annotation>\r\n            </div>\r\n\r\n            {/* Password */}\r\n            <div>\r\n              <label className=\"block text-xs font-medium text-[var(--text-secondary)] mb-1.5\">{t('createForm.labelPassword')} *</label>\r\n              <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)]\">\r\n                <Key className=\"w-3.5 h-3.5 flex-shrink-0\" />\r\n                <span>{t('createForm.placeholderPassword')}</span>\r\n              </div>\r\n              <Annotation>{t('formAnnotations.password')}</Annotation>\r\n            </div>\r\n\r\n            {/* First/Last name */}\r\n            <div className=\"grid grid-cols-2 gap-3\">\r\n              <div>\r\n                <label className=\"block text-xs font-medium text-[var(--text-secondary)] mb-1.5\">{t('createForm.labelFirstName')} *</label>\r\n                <div className=\"px-3 py-2 rounded-lg border border-[var(--border-color)] bg-[var(--bg-primary)] text-xs text-[var(--text-tertiary)]\">\r\n                  {t('createForm.placeholderFirstName')}\r\n                </div>\r\n              </div>\r\n              <div>\r\n                <label className=\"block text-xs font-medium text-[var(--text-secondary)] mb-1.5\">{t('createForm.labelLastName')} *</label>\r\n                <div className=\"px-3 py-2 rounded-lg border border-[var(--border-color)] bg-[var(--bg-primary)] text-xs text-[var(--text-tertiary)]\">\r\n                  {t('createForm.placeholderLastName')}\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <Annotation>{t('formAnnotations.name')}</Annotation>\r\n\r\n            {/* Roles */}\r\n            <div>\r\n              <label className=\"block text-xs font-medium text-[var(--text-secondary)] mb-1.5\">{t('createForm.labelRoles')}</label>\r\n              <div className=\"space-y-1.5\">\r\n                {(['roleAdmin', 'roleSupport', 'roleViewer', 'roleManager'] as const).map((k, i) => (\r\n                  <label key={k} 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)]\">\r\n                    <input type=\"checkbox\" defaultChecked={i === 0} className=\"w-3.5 h-3.5 rounded\" />\r\n                    <Shield className=\"w-3 h-3 text-[var(--text-tertiary)]\" />\r\n                    {t(`createForm.${k}`)}\r\n                  </label>\r\n                ))}\r\n              </div>\r\n              <Annotation>{t('formAnnotations.roles')}</Annotation>\r\n            </div>\r\n\r\n            {/* Actions */}\r\n            <div className=\"flex items-center justify-end gap-2 pt-2 border-t border-[var(--border-color)]\">\r\n              <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)]\">\r\n                {t('createForm.cancelButton')}\r\n              </button>\r\n              <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\">\r\n                <Plus className=\"w-3.5 h-3.5\" />\r\n                {t('createForm.submitButton')}\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </section>\r\n\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      {/* SECTION 5: DETAIL VIEW                                             */}\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      <section>\r\n        <h2 className=\"text-lg font-semibold text-[var(--text-primary)] mb-3 flex items-center gap-2\">\r\n          <span className=\"w-7 h-7 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-xs font-bold\">5</span>\r\n          {t('sections.detailView')}\r\n        </h2>\r\n        <p className=\"text-sm text-[var(--text-secondary)] mb-4\">{t('detailView.desc')}</p>\r\n\r\n        <div className=\"border border-[var(--border-color)] rounded-lg overflow-hidden bg-[var(--bg-card)] shadow-sm\">\r\n          {/* Detail header */}\r\n          <div className=\"px-5 py-4 border-b border-[var(--border-color)] bg-[var(--bg-secondary)]\">\r\n            <div className=\"flex items-center gap-4\">\r\n              <div className=\"relative\">\r\n                <MockAvatar name=\"Alice Martin\" size=\"lg\" />\r\n                <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)]\">\r\n                  <Cloud className=\"w-2.5 h-2.5 text-white\" />\r\n                </div>\r\n              </div>\r\n              <div className=\"flex-1 min-w-0\">\r\n                <div className=\"flex items-center gap-2 flex-wrap\">\r\n                  <h3 className=\"text-sm font-bold text-[var(--text-primary)]\">Alice Martin</h3>\r\n                  <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\"><Cloud className=\"w-2 h-2\" /> AAD</span>\r\n                  <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\">Actif</span>\r\n                </div>\r\n                <p className=\"text-xs text-[var(--text-secondary)] mt-0.5 flex items-center gap-1\"><Mail className=\"w-3 h-3\" /> alice.martin@acme.com</p>\r\n                <div className=\"flex items-center gap-1 mt-1.5\">\r\n                  <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)]\"><Shield className=\"w-2.5 h-2.5\" /> Administrateur</span>\r\n                </div>\r\n              </div>\r\n              <div className=\"flex items-center gap-1.5\">\r\n                <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)]\">\r\n                  <Edit2 className=\"w-3 h-3\" /> Modifier\r\n                </button>\r\n                <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)]\">\r\n                  <Key className=\"w-3 h-3\" /> MDP\r\n                </button>\r\n                <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\">\r\n                  <UserX className=\"w-3 h-3\" /> Désactiver\r\n                </button>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <Annotation>{t('detailAnnotations.header')}</Annotation>\r\n\r\n          {/* Tabs */}\r\n          <div className=\"border-b border-[var(--border-color)] bg-[var(--bg-card)] px-4\">\r\n            <div className=\"flex items-center gap-0 overflow-x-auto\">\r\n              {(['info', 'security', 'roles', 'sessions', 'activity', 'history', 'groups', 'tenants', 'applications'] as const).map((tab, i) => (\r\n                <button\r\n                  key={tab}\r\n                  className={`px-3 py-2.5 text-xs font-medium border-b-2 flex items-center gap-1.5 flex-shrink-0 transition-colors ${\r\n                    i === 0\r\n                      ? 'border-[var(--color-primary-600)] text-[var(--color-primary-600)]'\r\n                      : 'border-transparent text-[var(--text-secondary)] hover:text-[var(--text-primary)]'\r\n                  }`}\r\n                >\r\n                  {tab === 'info' && <Users className=\"w-3 h-3\" />}\r\n                  {tab === 'security' && <Lock className=\"w-3 h-3\" />}\r\n                  {tab === 'roles' && <Shield className=\"w-3 h-3\" />}\r\n                  {tab === 'sessions' && <Monitor className=\"w-3 h-3\" />}\r\n                  {tab === 'activity' && <Activity className=\"w-3 h-3\" />}\r\n                  {tab === 'history' && <History className=\"w-3 h-3\" />}\r\n                  {tab === 'groups' && <Users className=\"w-3 h-3\" />}\r\n                  {tab === 'tenants' && <LayoutGrid className=\"w-3 h-3\" />}\r\n                  {tab === 'applications' && <Zap className=\"w-3 h-3\" />}\r\n                  {t(`detailView.tabs.${tab}`)}\r\n                </button>\r\n              ))}\r\n            </div>\r\n          </div>\r\n          <Annotation>{t('detailAnnotations.tabs')}</Annotation>\r\n\r\n          {/* Info tab content preview */}\r\n          <div className=\"p-4\">\r\n            <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\r\n              {/* Profile */}\r\n              <div className=\"p-3 rounded-lg border border-[var(--border-color)] bg-[var(--bg-secondary)]\">\r\n                <h4 className=\"text-xs font-semibold text-[var(--text-primary)] mb-2\">{t('detailView.infoSection')}</h4>\r\n                <div className=\"space-y-1.5 text-xs text-[var(--text-secondary)]\">\r\n                  <div className=\"flex justify-between\"><span className=\"text-[var(--text-tertiary)]\">{t('detailView.lastLogin')}</span><span>02/03/2026 09:14</span></div>\r\n                  <div className=\"flex justify-between\"><span className=\"text-[var(--text-tertiary)]\">{t('detailView.memberSince')}</span><span>12/01/2025</span></div>\r\n                </div>\r\n              </div>\r\n              {/* Organization */}\r\n              <div className=\"p-3 rounded-lg border border-[var(--border-color)] bg-[var(--bg-secondary)]\">\r\n                <h4 className=\"text-xs font-semibold text-[var(--text-primary)] mb-2\">{t('detailView.orgSection')}</h4>\r\n                <div className=\"space-y-1.5 text-xs text-[var(--text-secondary)]\">\r\n                  <div className=\"flex justify-between\"><span className=\"text-[var(--text-tertiary)]\">{t('detailView.department')}</span><span>IT</span></div>\r\n                  <div className=\"flex justify-between\"><span className=\"text-[var(--text-tertiary)]\">{t('detailView.jobTitle')}</span><span>Lead Dev</span></div>\r\n                  <div className=\"flex justify-between\"><span className=\"text-[var(--text-tertiary)]\">{t('detailView.company')}</span><span>Acme Corp</span></div>\r\n                </div>\r\n              </div>\r\n              {/* Contact */}\r\n              <div className=\"p-3 rounded-lg border border-[var(--border-color)] bg-[var(--bg-secondary)]\">\r\n                <h4 className=\"text-xs font-semibold text-[var(--text-primary)] mb-2\">{t('detailView.contactSection')}</h4>\r\n                <div className=\"space-y-1.5 text-xs text-[var(--text-secondary)]\">\r\n                  <div className=\"flex items-center gap-1.5\"><Smartphone className=\"w-3 h-3 text-[var(--text-tertiary)]\" /><span>+41 79 123 45 67</span></div>\r\n                  <div className=\"flex items-center gap-1.5\"><Mail className=\"w-3 h-3 text-[var(--text-tertiary)]\" /><span>alice.martin@acme.com</span></div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <Annotation>{t('detailAnnotations.infoTab')}</Annotation>\r\n            <div className=\"mt-2\"><Annotation>{t('detailAnnotations.securityTab')}</Annotation></div>\r\n            <div className=\"mt-2\"><Annotation>{t('detailAnnotations.rolesTab')}</Annotation></div>\r\n            <div className=\"mt-2\"><Annotation>{t('detailAnnotations.sessionsTab')}</Annotation></div>\r\n            <div className=\"mt-2\"><Annotation>{t('detailAnnotations.historyTab')}</Annotation></div>\r\n          </div>\r\n        </div>\r\n      </section>\r\n\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      {/* SECTION 6: USE CASES                                               */}\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      <section>\r\n        <h2 className=\"text-lg font-semibold text-[var(--text-primary)] mb-3 flex items-center gap-2\">\r\n          <span className=\"w-7 h-7 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-xs font-bold\">6</span>\r\n          {t('sections.useCases')}\r\n        </h2>\r\n        <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\r\n          {(['uc1', 'uc2', 'uc3'] as const).map(uc => (\r\n            <div key={uc} className=\"border border-[var(--border-color)] rounded-lg p-4 bg-[var(--bg-card)]\">\r\n              <div className=\"flex items-start gap-2 mb-3\">\r\n                <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\">\r\n                  {uc.slice(2)}\r\n                </div>\r\n                <div>\r\n                  <h3 className=\"text-sm font-semibold text-[var(--text-primary)]\">{t(`useCases.${uc}.title`)}</h3>\r\n                  <p className=\"text-xs text-[var(--text-secondary)] mt-0.5\">{t(`useCases.${uc}.role`)}</p>\r\n                </div>\r\n              </div>\r\n              <ol className=\"space-y-1.5\">\r\n                {(t(`useCases.${uc}.steps`, { returnObjects: true }) as string[]).map((step, i) => (\r\n                  <li key={i} className=\"flex items-start gap-2 text-xs text-[var(--text-secondary)]\">\r\n                    <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\">{i + 1}</span>\r\n                    <span>{step}</span>\r\n                  </li>\r\n                ))}\r\n              </ol>\r\n            </div>\r\n          ))}\r\n        </div>\r\n      </section>\r\n\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      {/* SECTION 7: FEATURES                                                */}\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      <section>\r\n        <h2 className=\"text-lg font-semibold text-[var(--text-primary)] mb-3 flex items-center gap-2\">\r\n          <span className=\"w-7 h-7 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-xs font-bold\">7</span>\r\n          {t('sections.features')}\r\n        </h2>\r\n        <div className=\"grid grid-cols-1 md:grid-cols-2 gap-3\">\r\n          {(['f1', 'f2', 'f3', 'f4', 'f5'] as const).map(f => (\r\n            <div key={f} className=\"border border-[var(--border-color)] rounded-lg p-4 bg-[var(--bg-card)]\">\r\n              <div className=\"flex items-center gap-2 mb-2\">\r\n                <div className=\"w-6 h-6 rounded-lg bg-[var(--color-primary-600)]/10 flex items-center justify-center\">\r\n                  <Zap className=\"w-3.5 h-3.5 text-[var(--color-primary-600)]\" />\r\n                </div>\r\n                <h3 className=\"text-sm font-semibold text-[var(--text-primary)]\">{t(`features.${f}.title`)}</h3>\r\n              </div>\r\n              <p className=\"text-xs text-[var(--text-secondary)] mb-2\">{t(`features.${f}.desc`)}</p>\r\n              <div className=\"px-3 py-2 rounded-md bg-[var(--bg-secondary)] border border-[var(--border-color)]\">\r\n                <p className=\"text-xs text-[var(--text-tertiary)] italic\">{t(`features.${f}.example`)}</p>\r\n              </div>\r\n            </div>\r\n          ))}\r\n        </div>\r\n      </section>\r\n\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      {/* SECTION 8: FAQ                                                     */}\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      <section>\r\n        <h2 className=\"text-lg font-semibold text-[var(--text-primary)] mb-3 flex items-center gap-2\">\r\n          <span className=\"w-7 h-7 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-xs font-bold\">8</span>\r\n          {t('sections.faq')}\r\n        </h2>\r\n        <div className=\"space-y-3\">\r\n          {(['q1', 'q2', 'q3', 'q4', 'q5'] as const).map(q => (\r\n            <div key={q} className=\"border border-[var(--border-color)] rounded-lg p-4 bg-[var(--bg-card)]\">\r\n              <div className=\"flex items-start gap-2 mb-2\">\r\n                <HelpCircle className=\"w-4 h-4 text-[var(--color-primary-600)] flex-shrink-0 mt-0.5\" />\r\n                <h3 className=\"text-sm font-semibold text-[var(--text-primary)]\">{t(`faq.${q}`)}</h3>\r\n              </div>\r\n              <p className=\"text-xs text-[var(--text-secondary)] ml-6\">{t(`faq.${q.replace('q', 'a')}`)}</p>\r\n            </div>\r\n          ))}\r\n        </div>\r\n      </section>\r\n\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      {/* SECTION 9: TECHNICAL REFERENCE                                     */}\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      <section>\r\n        <h2 className=\"text-lg font-semibold text-[var(--text-primary)] mb-3 flex items-center gap-2\">\r\n          <span className=\"w-7 h-7 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-xs font-bold\">9</span>\r\n          {t('sections.techRef')}\r\n        </h2>\r\n\r\n        <button\r\n          onClick={() => setShowTechRef(v => !v)}\r\n          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\"\r\n        >\r\n          <ChevronDown className={`w-4 h-4 transition-transform ${showTechRef ? 'rotate-180' : ''}`} />\r\n          {showTechRef ? t('techRef.hideBtn') : t('techRef.showBtn')}\r\n        </button>\r\n\r\n        {showTechRef && (\r\n          <div className=\"mt-3 space-y-4\">\r\n            {/* Business rules */}\r\n            <div className=\"border border-[var(--border-color)] rounded-lg overflow-hidden bg-[var(--bg-card)]\">\r\n              <div className=\"px-4 py-3 border-b border-[var(--border-color)] bg-[var(--bg-secondary)]\">\r\n                <h3 className=\"text-xs font-semibold text-[var(--text-primary)] flex items-center gap-2\">\r\n                  <Shield className=\"w-3.5 h-3.5 text-[var(--color-primary-600)]\" />\r\n                  {t('techRef.rulesTitle')}\r\n                </h3>\r\n              </div>\r\n              <div className=\"divide-y divide-[var(--border-color)]\">\r\n                {businessRules.map(rule => (\r\n                  <div key={rule.id} className=\"px-4 py-2.5 flex items-start gap-3\">\r\n                    <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\">{rule.id}</span>\r\n                    <div className=\"flex-1 min-w-0\">\r\n                      <p className=\"text-xs text-[var(--text-secondary)]\">{t(rule.key)}</p>\r\n                      <span className=\"text-[10px] text-[var(--text-tertiary)]\">{rule.category}</span>\r\n                    </div>\r\n                  </div>\r\n                ))}\r\n              </div>\r\n            </div>\r\n\r\n            {/* API Endpoints */}\r\n            <div className=\"border border-[var(--border-color)] rounded-lg overflow-hidden bg-[var(--bg-card)]\">\r\n              <div className=\"px-4 py-3 border-b border-[var(--border-color)] bg-[var(--bg-secondary)]\">\r\n                <h3 className=\"text-xs font-semibold text-[var(--text-primary)] flex items-center gap-2\">\r\n                  <CheckCircle className=\"w-3.5 h-3.5 text-[var(--color-primary-600)]\" />\r\n                  {t('techRef.endpointsTitle')}\r\n                </h3>\r\n              </div>\r\n              <div className=\"divide-y divide-[var(--border-color)]\">\r\n                {apiEndpoints.map((ep, i) => (\r\n                  <div key={i} className=\"px-4 py-2 flex items-center gap-3 flex-wrap\">\r\n                    <span className={`text-[10px] font-bold px-1.5 py-0.5 rounded border font-mono w-14 text-center flex-shrink-0 ${methodColors[ep.method]}`}>\r\n                      {ep.method}\r\n                    </span>\r\n                    <span className=\"text-xs font-mono text-[var(--text-primary)] flex-1 truncate\">{ep.path}</span>\r\n                    <span className=\"text-[10px] text-[var(--text-tertiary)] font-mono hidden md:inline\">{ep.permission}</span>\r\n                  </div>\r\n                ))}\r\n              </div>\r\n            </div>\r\n          </div>\r\n        )}\r\n      </section>\r\n\r\n    </div>\r\n  );\r\n}\r\n"],"names":["mockUsers","mockStats","sourceColors","methodColors","apiEndpoints","businessRules","MockAvatar","name","size","initials","n","sizeClass","Annotation","children","jsxs","jsx","Info","UsersDocPage","t","useTranslation","showTechRef","setShowTechRef","useState","Link","ArrowLeft","Users","Target","Lightbulb","ChevronRight","LayoutList","LayoutGrid","Columns","Plus","Search","Filter","ChevronDown","ArrowUpDown","k","user","Cloud","Mail","role","Shield","Eye","Edit2","UserX","UserCheck","Trash2","p","MoreHorizontal","Key","tab","Lock","Monitor","Activity","History","Zap","Smartphone","uc","step","i","f","q","HelpCircle","v","rule","CheckCircle","ep"],"mappings":"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"}

package/dist/index-CBOLnJkG.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-CBOLnJkG.cjs","sources":["../src/pages/docs/business/platform/administration/tenants/organisations/index.tsx"],"sourcesContent":["import { Link } from 'react-router-dom';\r\nimport { useTranslation } from 'react-i18next';\r\nimport {\r\n  ArrowLeft,\r\n  Building,\r\n  Building2,\r\n  Target,\r\n  Lightbulb,\r\n  Users,\r\n  Search,\r\n  Clock,\r\n  Info,\r\n  MapPin,\r\n  Globe,\r\n  Hash,\r\n  Check,\r\n  X,\r\n  Flag,\r\n  ShieldCheck,\r\n  ChevronDown,\r\n} from 'lucide-react';\r\n\r\n// ── Mock data matching actual OrganisationsListPage ──────────────────────────\r\n\r\ntype MockVerificationStatus = 'Verified' | 'Pending' | 'Rejected';\r\n\r\nconst mockOrganisations: Array<{\r\n  name: string;\r\n  legalName: string;\r\n  country: string;\r\n  identifier: string;\r\n  identifierType: string;\r\n  status: MockVerificationStatus;\r\n  created: string;\r\n}> = [\r\n  { name: 'Acme Corp SA', legalName: 'Acme Corporation SA', country: 'CH', identifier: 'CHE-123.456.789', identifierType: 'UID_CHE', status: 'Verified', created: '2024-01-15' },\r\n  { name: 'TechVision GmbH', legalName: 'TechVision GmbH', country: 'DE', identifier: 'HRB 12345', identifierType: 'HRB', status: 'Verified', created: '2024-02-20' },\r\n  { name: 'InnoSuisse Sàrl', legalName: 'InnoSuisse Sàrl', country: 'CH', identifier: 'CHE-987.654.321', identifierType: 'UID_CHE', status: 'Pending', created: '2024-03-01' },\r\n  { name: 'DataCorp SAS', legalName: 'DataCorp SAS', country: 'FR', identifier: '123456789', identifierType: 'SIREN', status: 'Rejected', created: '2024-02-10' },\r\n  { name: 'AlphaNet BV', legalName: 'AlphaNet BV', country: 'NL', identifier: '12345678', identifierType: 'KVK', status: 'Pending', created: '2024-03-05' },\r\n];\r\n\r\nconst apiEndpoints = [\r\n  { method: 'GET' as const, path: '/api/administration/tenants/organisations', handler: 'GetOrganisations', permission: 'administration.tenants.organisations.view' },\r\n  { method: 'GET' as const, path: '/api/administration/tenants/organisations/available', handler: 'GetAvailableOrganisations', permission: 'administration.tenants.organisations.view' },\r\n  { method: 'GET' as const, path: '/api/administration/tenants/organisations/pending-verification', handler: 'GetPendingVerification', permission: 'administration.tenants.organisations.view' },\r\n  { method: 'GET' as const, path: '/api/administration/tenants/organisations/check-identifier', handler: 'CheckBusinessIdentifier', permission: '—' },\r\n  { method: 'GET' as const, path: '/api/administration/tenants/organisations/lookup', handler: 'LookupCompany (Zefix)', permission: '—' },\r\n  { method: 'GET' as const, path: '/api/administration/tenants/organisations/{id}', handler: 'GetOrganisation', permission: 'administration.tenants.organisations.view' },\r\n  { method: 'POST' as const, path: '/api/administration/tenants/organisations', handler: 'CreateOrganisation', permission: 'administration.tenants.organisations.create' },\r\n  { method: 'PUT' as const, path: '/api/administration/tenants/organisations/{id}/contact', handler: 'UpdateContactInfo', permission: 'administration.tenants.organisations.update' },\r\n  { method: 'PUT' as const, path: '/api/administration/tenants/organisations/{id}/address', handler: 'UpdateAddress', permission: 'administration.tenants.organisations.update' },\r\n  { method: 'POST' as const, path: '/api/administration/tenants/organisations/{id}/verify', handler: 'VerifyOrganisation', permission: 'administration.tenants.organisations.verify' },\r\n  { method: 'POST' as const, path: '/api/administration/tenants/organisations/{id}/reject', handler: 'RejectOrganisation', permission: 'administration.tenants.organisations.verify' },\r\n];\r\n\r\nconst statusConfig: Record<MockVerificationStatus, { bg: string; text: string; border: string }> = {\r\n  Verified: { bg: 'bg-green-500/10', text: 'text-green-700', border: 'border-green-500/20' },\r\n  Pending: { bg: 'bg-amber-500/10', text: 'text-amber-700', border: 'border-amber-500/20' },\r\n  Rejected: { bg: 'bg-red-500/10', text: 'text-red-700', border: 'border-red-500/20' },\r\n};\r\n\r\nconst StatusIcon = ({ status }: { status: MockVerificationStatus }) => {\r\n  if (status === 'Verified') return <Check className=\"w-3 h-3\" />;\r\n  if (status === 'Rejected') return <X className=\"w-3 h-3\" />;\r\n  return <Clock className=\"w-3 h-3\" />;\r\n};\r\n\r\n// ── Annotation helper ─────────────────────────────────────────────────────────\r\n\r\nfunction Annotation({ text }: { text: string }) {\r\n  return (\r\n    <div className=\"flex items-start gap-2 p-2.5 rounded-lg bg-blue-500/5 border border-blue-500/15 text-sm text-blue-700 dark:text-blue-400\">\r\n      <Info className=\"w-4 h-4 mt-0.5 flex-shrink-0\" />\r\n      <span>{text}</span>\r\n    </div>\r\n  );\r\n}\r\n\r\n// ── Component ─────────────────────────────────────────────────────────────────\r\n\r\nexport default function OrganisationsDocPage() {\r\n  const { t } = useTranslation('docsAdministrationTenantsOrganisations');\r\n\r\n  return (\r\n    <div className=\"space-y-8\">\r\n      {/* Back Navigation */}\r\n      <Link\r\n        to=\"/docs/business/administration/tenants\"\r\n        className=\"inline-flex items-center gap-2 text-[var(--text-secondary)] hover:text-[var(--color-primary-600)] transition-colors\"\r\n      >\r\n        <ArrowLeft className=\"w-4 h-4\" />\r\n        {t('nav.backToTenants')}\r\n      </Link>\r\n\r\n      {/* Header */}\r\n      <div>\r\n        <h1 className=\"text-3xl font-bold mb-4 flex items-center gap-3\">\r\n          <Building className=\"w-8 h-8 text-[var(--color-primary-600)]\" />\r\n          {t('title')}\r\n        </h1>\r\n        <p className=\"text-xl text-[var(--color-primary-600)] font-medium mb-2\">\r\n          {t('valueProposition')}\r\n        </p>\r\n        <p className=\"text-lg text-[var(--text-secondary)]\">\r\n          {t('subtitle')}\r\n        </p>\r\n        <div className=\"flex gap-4 mt-3 text-sm text-[var(--text-secondary)]\">\r\n          <span>6 {t('header.businessRules')}</span>\r\n          <span>{apiEndpoints.length} {t('header.apiEndpoints')}</span>\r\n          <span>3 {t('header.verificationStatuses')}</span>\r\n        </div>\r\n      </div>\r\n\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      {/* SECTION 1: BUSINESS VALUE                                           */}\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      <section id=\"valeur\" className=\"scroll-mt-4\">\r\n        <h2 className=\"text-2xl font-bold mb-4 flex items-center gap-2\">\r\n          <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm\">1</span>\r\n          {t('sections.businessValue')}\r\n        </h2>\r\n\r\n        <div className=\"card p-6\">\r\n          <div className=\"mb-6\">\r\n            <h3 className=\"font-semibold mb-3 flex items-center gap-2\">\r\n              <Target className=\"w-5 h-5 text-red-500\" />\r\n              {t('sections.problem')}\r\n            </h3>\r\n            <p className=\"text-[var(--text-secondary)]\">{t('problem')}</p>\r\n          </div>\r\n\r\n          <div className=\"p-4 rounded-lg bg-green-500/10 border border-green-500/20\">\r\n            <h3 className=\"font-semibold mb-2 flex items-center gap-2 text-green-700\">\r\n              <Lightbulb className=\"w-5 h-5\" />\r\n              {t('sections.solution')}\r\n            </h3>\r\n            <p className=\"text-[var(--text-secondary)]\">{t('solution')}</p>\r\n          </div>\r\n        </div>\r\n      </section>\r\n\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      {/* SECTION 2: ACCESS                                                   */}\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      <section id=\"acces\" className=\"scroll-mt-4\">\r\n        <h2 className=\"text-2xl font-bold mb-4 flex items-center gap-2\">\r\n          <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm\">2</span>\r\n          {t('sections.access')}\r\n        </h2>\r\n\r\n        <div className=\"card p-6 space-y-4\">\r\n          <div>\r\n            <div className=\"text-sm font-medium text-[var(--text-secondary)] mb-2\">{t('access.navigation')}</div>\r\n            <div className=\"flex items-center gap-2 text-sm flex-wrap\">\r\n              <span className=\"px-3 py-1.5 rounded-lg bg-purple-500/10 text-purple-600 font-medium\">Platform</span>\r\n              <span className=\"text-[var(--text-tertiary)]\">›</span>\r\n              <span className=\"px-3 py-1.5 rounded-lg bg-blue-500/10 text-blue-600 font-medium\">Administration</span>\r\n              <span className=\"text-[var(--text-tertiary)]\">›</span>\r\n              <span className=\"px-3 py-1.5 rounded-lg bg-green-500/10 text-green-600 font-medium\">Tenants</span>\r\n              <span className=\"text-[var(--text-tertiary)]\">›</span>\r\n              <span className=\"px-3 py-1.5 rounded-lg bg-orange-500/10 text-orange-600 font-medium\">Organisations</span>\r\n            </div>\r\n          </div>\r\n          <div>\r\n            <div className=\"text-sm font-medium text-[var(--text-secondary)] mb-1\">URL</div>\r\n            <code className=\"text-sm px-3 py-1.5 bg-[var(--bg-secondary)] rounded-lg\">/administration/tenants/organisations</code>\r\n          </div>\r\n          <div>\r\n            <div className=\"text-sm font-medium text-[var(--text-secondary)] mb-1\">{t('access.permission')}</div>\r\n            <code className=\"text-sm px-3 py-1.5 bg-[var(--bg-secondary)] rounded-lg\">administration.tenants.organisations.read</code>\r\n          </div>\r\n        </div>\r\n      </section>\r\n\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      {/* SECTION 3: INTERFACE OVERVIEW - MOCK UI                             */}\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      <section id=\"interface\" className=\"scroll-mt-4\">\r\n        <h2 className=\"text-2xl font-bold mb-4 flex items-center gap-2\">\r\n          <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm\">3</span>\r\n          {t('sections.interface')}\r\n        </h2>\r\n\r\n        <p className=\"text-[var(--text-secondary)] mb-4\">{t('interface.desc')}</p>\r\n\r\n        <div className=\"card overflow-hidden mb-4\">\r\n          {/* Page header */}\r\n          <div className=\"p-4 border-b border-[var(--border-color)] bg-[var(--bg-secondary)]\">\r\n            <div className=\"flex items-center gap-2 text-xs text-[var(--text-secondary)] mb-3\">\r\n              <span>Administration</span>\r\n              <span>›</span>\r\n              <span>Tenants</span>\r\n              <span>›</span>\r\n              <span className=\"text-[var(--text-primary)]\">{t('title')}</span>\r\n            </div>\r\n            <div className=\"flex items-center justify-between\">\r\n              <div className=\"flex items-center gap-3\">\r\n                <Building className=\"w-6 h-6 text-[var(--color-primary-600)]\" />\r\n                <div>\r\n                  <h3 className=\"text-lg font-semibold\">{t('title')}</h3>\r\n                  <p className=\"text-sm text-[var(--text-secondary)]\">{t('subtitle')}</p>\r\n                </div>\r\n              </div>\r\n              <button className=\"px-4 py-2 rounded-lg bg-[var(--color-primary-600)] text-white text-sm font-medium flex items-center gap-2 opacity-80\">\r\n                <Building className=\"w-4 h-4\" />\r\n                {t('interface.createButton')}\r\n              </button>\r\n            </div>\r\n          </div>\r\n\r\n          {/* Search/Filter toolbar */}\r\n          <div className=\"px-4 py-3\">\r\n            <div className=\"flex items-center gap-3\">\r\n              <div className=\"flex items-center gap-2 flex-1 px-3 py-1.5 bg-[var(--bg-primary)] border border-[var(--border-color)] rounded-lg\">\r\n                <Search className=\"w-4 h-4 text-[var(--text-tertiary)]\" />\r\n                <span className=\"text-sm text-[var(--text-tertiary)]\">{t('interface.searchPlaceholder')}</span>\r\n              </div>\r\n              <div className=\"flex gap-2\">\r\n                {(['All', 'Pending', 'Verified', 'Rejected'] as const).map((status, i) => (\r\n                  <button\r\n                    key={status}\r\n                    className={`px-3 py-1.5 rounded-lg text-sm ${\r\n                      i === 0\r\n                        ? 'bg-[var(--color-primary-600)] text-white'\r\n                        : 'bg-[var(--bg-secondary)] text-[var(--text-secondary)]'\r\n                    }`}\r\n                  >\r\n                    {status === 'All' ? t('interface.statusAll') : t(`interface.status.${status.toLowerCase()}`)}\r\n                  </button>\r\n                ))}\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          {/* Table */}\r\n          <div className=\"px-4 pb-4\">\r\n            <div className=\"border border-[var(--border-color)] rounded-lg overflow-hidden\">\r\n              <table className=\"w-full text-sm\">\r\n                <thead className=\"bg-[var(--bg-secondary)]\">\r\n                  <tr>\r\n                    <th className=\"text-left px-4 py-3 text-xs font-semibold text-[var(--text-tertiary)] uppercase tracking-wider\">{t('interface.columns.name')}</th>\r\n                    <th className=\"text-left px-4 py-3 text-xs font-semibold text-[var(--text-tertiary)] uppercase tracking-wider hidden md:table-cell\">{t('interface.columns.country')}</th>\r\n                    <th className=\"text-left px-4 py-3 text-xs font-semibold text-[var(--text-tertiary)] uppercase tracking-wider hidden md:table-cell\">{t('interface.columns.identifier')}</th>\r\n                    <th className=\"text-left px-4 py-3 text-xs font-semibold text-[var(--text-tertiary)] uppercase tracking-wider\">{t('interface.columns.verificationStatus')}</th>\r\n                    <th className=\"text-left px-4 py-3 text-xs font-semibold text-[var(--text-tertiary)] uppercase tracking-wider hidden lg:table-cell\">{t('interface.columns.created')}</th>\r\n                    <th className=\"w-12 px-4 py-3\"></th>\r\n                  </tr>\r\n                </thead>\r\n                <tbody className=\"divide-y divide-[var(--border-color)]\">\r\n                  {mockOrganisations.map((org) => {\r\n                    const sc = statusConfig[org.status];\r\n                    return (\r\n                      <tr key={org.identifier} className=\"hover:bg-[var(--bg-hover)] transition-colors\">\r\n                        <td className=\"px-4 py-3\">\r\n                          <div className=\"flex items-center gap-3\">\r\n                            <div className=\"w-9 h-9 rounded-lg bg-[var(--bg-tertiary)] flex items-center justify-center\">\r\n                              <Building2 className=\"w-4 h-4 text-[var(--text-secondary)]\" />\r\n                            </div>\r\n                            <div>\r\n                              <div className=\"font-medium text-[var(--text-primary)]\">{org.name}</div>\r\n                              {org.legalName !== org.name && (\r\n                                <div className=\"text-xs text-[var(--text-tertiary)]\">{org.legalName}</div>\r\n                              )}\r\n                            </div>\r\n                          </div>\r\n                        </td>\r\n                        <td className=\"px-4 py-3 hidden md:table-cell\">\r\n                          <span className=\"inline-flex items-center gap-1.5 text-sm\">\r\n                            <Flag className=\"w-3.5 h-3.5 text-[var(--text-secondary)]\" />\r\n                            {org.country}\r\n                          </span>\r\n                        </td>\r\n                        <td className=\"px-4 py-3 hidden md:table-cell\">\r\n                          <span className=\"font-mono text-xs text-[var(--text-primary)]\">{org.identifier}</span>\r\n                        </td>\r\n                        <td className=\"px-4 py-3\">\r\n                          <span className={`inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-xs font-medium border ${sc.bg} ${sc.text} ${sc.border}`}>\r\n                            <StatusIcon status={org.status} />\r\n                            {t(`interface.status.${org.status.toLowerCase()}`)}\r\n                          </span>\r\n                        </td>\r\n                        <td className=\"px-4 py-3 hidden lg:table-cell text-[var(--text-secondary)]\">\r\n                          {org.created}\r\n                        </td>\r\n                        <td className=\"px-4 py-3\">\r\n                          <button className=\"inline-flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium rounded-lg bg-[var(--info-bg)] text-[var(--info-text)] border border-[var(--info-border)] opacity-80\">\r\n                            <Building className=\"w-3.5 h-3.5\" />\r\n                            {t('interface.createTenantButton')}\r\n                          </button>\r\n                        </td>\r\n                      </tr>\r\n                    );\r\n                  })}\r\n                </tbody>\r\n              </table>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        {/* Annotations */}\r\n        <div className=\"space-y-2\">\r\n          <Annotation text={t('interface.annotations.header')} />\r\n          <Annotation text={t('interface.annotations.search')} />\r\n          <Annotation text={t('interface.annotations.filters')} />\r\n          <Annotation text={t('interface.annotations.nameCol')} />\r\n          <Annotation text={t('interface.annotations.countryCol')} />\r\n          <Annotation text={t('interface.annotations.identifierCol')} />\r\n          <Annotation text={t('interface.annotations.statusCol')} />\r\n          <Annotation text={t('interface.annotations.actionsCol')} />\r\n        </div>\r\n      </section>\r\n\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      {/* SECTION 4: CREATE FORM - MOCK UI                                    */}\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      <section id=\"creation\" className=\"scroll-mt-4\">\r\n        <h2 className=\"text-2xl font-bold mb-4 flex items-center gap-2\">\r\n          <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm\">4</span>\r\n          {t('sections.createForm')}\r\n        </h2>\r\n\r\n        <p className=\"text-[var(--text-secondary)] mb-4\">{t('form.desc')}</p>\r\n\r\n        <div className=\"card p-6 space-y-4\">\r\n          {/* Organisation name */}\r\n          <div>\r\n            <label className=\"block text-sm font-medium text-[var(--text-secondary)] mb-1\">\r\n              {t('form.nameLabel')} *\r\n            </label>\r\n            <input readOnly value=\"Acme Corp SA\" className=\"w-full px-3 py-2 text-sm border border-[var(--border-color)] rounded-lg bg-[var(--bg-primary)]\" />\r\n          </div>\r\n\r\n          {/* Country selector */}\r\n          <div>\r\n            <label className=\"block text-sm font-medium text-[var(--text-secondary)] mb-1\">\r\n              <Flag className=\"w-3.5 h-3.5 inline mr-1\" />\r\n              {t('form.countryLabel')} *\r\n            </label>\r\n            <div className=\"relative\">\r\n              <select className=\"w-full appearance-none px-3 py-2 text-sm border border-[var(--border-color)] rounded-lg bg-[var(--bg-primary)] pr-8\">\r\n                <option>Switzerland (CH)</option>\r\n                <option>France (FR)</option>\r\n                <option>Germany (DE)</option>\r\n                <option>Belgium (BE)</option>\r\n                <option>Netherlands (NL)</option>\r\n                <option>Spain (ES)</option>\r\n                <option>Italy (IT)</option>\r\n                <option>United Kingdom (GB)</option>\r\n              </select>\r\n              <ChevronDown className=\"absolute right-2 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--text-tertiary)] pointer-events-none\" />\r\n            </div>\r\n          </div>\r\n\r\n          {/* Business identifier with Zefix lookup */}\r\n          <div>\r\n            <label className=\"block text-sm font-medium text-[var(--text-secondary)] mb-1\">\r\n              <Hash className=\"w-3.5 h-3.5 inline mr-1\" />\r\n              UID_CHE *\r\n            </label>\r\n            <div className=\"flex gap-2\">\r\n              <input readOnly value=\"CHE-123.456.789\" className=\"flex-1 px-3 py-2 text-sm border border-[var(--border-color)] rounded-lg bg-[var(--bg-primary)] font-mono\" />\r\n              <button className=\"px-3 py-2 rounded-lg bg-[var(--color-primary-600)] text-white text-xs flex items-center gap-1 opacity-80\">\r\n                <Search className=\"w-3 h-3\" />\r\n                Zefix\r\n              </button>\r\n            </div>\r\n            <p className=\"text-xs text-green-600 mt-1 flex items-center gap-1\">\r\n              <Check className=\"w-3 h-3\" />\r\n              {t('form.annotations.zefix')}\r\n            </p>\r\n          </div>\r\n\r\n          {/* Address */}\r\n          <div className=\"border border-[var(--border-color)] rounded-lg p-4 space-y-3 bg-[var(--bg-secondary)]\">\r\n            <div className=\"text-xs font-semibold text-[var(--text-secondary)] flex items-center gap-1\">\r\n              <MapPin className=\"w-3 h-3\" />\r\n              {t('form.addressLabel')} *\r\n            </div>\r\n            <input readOnly value=\"Route de la Paix 42\" className=\"w-full px-2 py-1.5 text-xs border border-[var(--border-color)] rounded bg-[var(--bg-primary)]\" />\r\n            <div className=\"grid grid-cols-3 gap-2\">\r\n              <input readOnly value=\"1000\" className=\"w-full px-2 py-1.5 text-xs border border-[var(--border-color)] rounded bg-[var(--bg-primary)]\" />\r\n              <div className=\"col-span-2\">\r\n                <input readOnly value=\"Lausanne\" className=\"w-full px-2 py-1.5 text-xs border border-[var(--border-color)] rounded bg-[var(--bg-primary)]\" />\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          {/* VAT */}\r\n          <div>\r\n            <label className=\"block text-sm font-medium text-[var(--text-secondary)] mb-1\">\r\n              {t('form.vatLabel')}\r\n            </label>\r\n            <input readOnly value=\"CHE-123.456.789 MWST\" className=\"w-full px-3 py-2 text-sm border border-[var(--border-color)] rounded-lg bg-[var(--bg-primary)] font-mono\" />\r\n          </div>\r\n\r\n          <div className=\"flex gap-3 pt-2\">\r\n            <button className=\"px-4 py-2 bg-[var(--color-primary-600)] text-white rounded-lg text-sm font-medium opacity-80\">\r\n              {t('interface.createButton')}\r\n            </button>\r\n            <button className=\"px-4 py-2 border border-[var(--border-color)] rounded-lg text-sm opacity-80\">\r\n              Cancel\r\n            </button>\r\n          </div>\r\n        </div>\r\n\r\n        {/* Annotations */}\r\n        <div className=\"space-y-2 mt-4\">\r\n          <Annotation text={t('form.annotations.country')} />\r\n          <Annotation text={t('form.annotations.identifier')} />\r\n          <Annotation text={t('form.annotations.zefix')} />\r\n          <Annotation text={t('form.annotations.address')} />\r\n          <Annotation text={t('form.annotations.vat')} />\r\n        </div>\r\n      </section>\r\n\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      {/* SECTION 5: DETAIL VIEW - MOCK UI                                    */}\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      <section id=\"detail\" className=\"scroll-mt-4\">\r\n        <h2 className=\"text-2xl font-bold mb-4 flex items-center gap-2\">\r\n          <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm\">5</span>\r\n          {t('sections.detailView')}\r\n        </h2>\r\n\r\n        <p className=\"text-[var(--text-secondary)] mb-4\">{t('detail.desc')}</p>\r\n\r\n        <div className=\"card overflow-hidden\">\r\n          {/* Header */}\r\n          <div className=\"p-4 border-b border-[var(--border-color)] flex items-center justify-between\">\r\n            <div className=\"flex items-center gap-3\">\r\n              <ArrowLeft className=\"w-5 h-5 text-[var(--text-secondary)]\" />\r\n              <Building2 className=\"w-6 h-6 text-[var(--color-primary-600)]\" />\r\n              <div>\r\n                <h3 className=\"text-lg font-semibold text-[var(--text-primary)]\">Acme Corp SA</h3>\r\n                <p className=\"text-sm text-[var(--text-secondary)] font-mono\">CHE-123.456.789</p>\r\n              </div>\r\n            </div>\r\n            <span className=\"px-3 py-1.5 rounded-lg text-sm font-medium bg-amber-500/10 text-amber-700\">\r\n              {t('interface.status.pending')}\r\n            </span>\r\n          </div>\r\n\r\n          {/* Tabs */}\r\n          <div className=\"border-b border-[var(--border-color)] flex\">\r\n            {(['info', 'contact', 'address'] as const).map((tab, i) => (\r\n              <button\r\n                key={tab}\r\n                className={`px-4 py-3 text-sm font-medium border-b-2 whitespace-nowrap ${\r\n                  i === 0\r\n                    ? 'border-[var(--color-primary-600)] text-[var(--color-primary-600)]'\r\n                    : 'border-transparent text-[var(--text-secondary)]'\r\n                }`}\r\n              >\r\n                {t(`detail.tabs.${tab}`)}\r\n              </button>\r\n            ))}\r\n          </div>\r\n\r\n          {/* Info tab preview */}\r\n          <div className=\"p-4 space-y-4\">\r\n            <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n              <div className=\"p-3 rounded-lg bg-[var(--bg-secondary)]\">\r\n                <div className=\"text-xs text-[var(--text-secondary)] mb-1\">{t('detail.infoFields.name')}</div>\r\n                <div className=\"font-medium text-[var(--text-primary)]\">Acme Corp SA</div>\r\n              </div>\r\n              <div className=\"p-3 rounded-lg bg-[var(--bg-secondary)]\">\r\n                <div className=\"text-xs text-[var(--text-secondary)] mb-1\">{t('detail.infoFields.legalName')}</div>\r\n                <div className=\"font-medium text-[var(--text-primary)]\">Acme Corporation SA</div>\r\n              </div>\r\n              <div className=\"p-3 rounded-lg bg-[var(--bg-secondary)]\">\r\n                <div className=\"text-xs text-[var(--text-secondary)] mb-1\">{t('detail.infoFields.country')}</div>\r\n                <div className=\"flex items-center gap-2\">\r\n                  <Flag className=\"w-4 h-4 text-[var(--text-secondary)]\" />\r\n                  <span className=\"font-medium\">CH</span>\r\n                </div>\r\n              </div>\r\n              <div className=\"p-3 rounded-lg bg-[var(--bg-secondary)]\">\r\n                <div className=\"text-xs text-[var(--text-secondary)] mb-1\">UID_CHE</div>\r\n                <div className=\"font-mono text-[var(--text-primary)]\">CHE-123.456.789</div>\r\n              </div>\r\n              <div className=\"p-3 rounded-lg bg-[var(--bg-secondary)]\">\r\n                <div className=\"text-xs text-[var(--text-secondary)] mb-1\">{t('detail.infoFields.vatNumber')}</div>\r\n                <div className=\"font-mono text-[var(--text-primary)]\">CHE-123.456.789 MWST</div>\r\n              </div>\r\n            </div>\r\n            {/* Verify/Reject actions — shown in info tab when status ≠ Verified */}\r\n            <div className=\"flex gap-2 pt-2 border-t border-[var(--border-color)]\">\r\n              <button className=\"flex items-center gap-2 px-4 py-2 rounded-lg bg-[var(--success-bg)] text-[var(--success-text)] text-sm opacity-80\">\r\n                <Check className=\"w-4 h-4\" />\r\n                {t('detail.actions.verify')}\r\n              </button>\r\n              <button className=\"flex items-center gap-2 px-4 py-2 rounded-lg bg-[var(--error-bg)] text-[var(--error-text)] text-sm opacity-80\">\r\n                <X className=\"w-4 h-4\" />\r\n                {t('detail.actions.reject')}\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        {/* Annotations */}\r\n        <div className=\"space-y-2 mt-4\">\r\n          <Annotation text={t('detail.annotations.header')} />\r\n          <Annotation text={t('detail.annotations.tabs')} />\r\n          <Annotation text={t('detail.annotations.actions')} />\r\n          <Annotation text={t('detail.annotations.tenantLink')} />\r\n        </div>\r\n      </section>\r\n\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      {/* SECTION 6: USE CASES                                                */}\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      <section id=\"cas-usage\" className=\"scroll-mt-4\">\r\n        <h2 className=\"text-2xl font-bold mb-4 flex items-center gap-2\">\r\n          <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm\">6</span>\r\n          {t('sections.useCases')}\r\n        </h2>\r\n\r\n        <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\r\n          {[1, 2, 3].map((i) => (\r\n            <div key={i} className=\"card p-6\">\r\n              <div className=\"flex items-center gap-3 mb-4\">\r\n                <div className={`w-12 h-12 rounded-full flex items-center justify-center ${\r\n                  i === 1 ? 'bg-blue-500/10' : i === 2 ? 'bg-amber-500/10' : 'bg-purple-500/10'\r\n                }`}>\r\n                  <Users className={`w-6 h-6 ${i === 1 ? 'text-blue-600' : i === 2 ? 'text-amber-600' : 'text-purple-600'}`} />\r\n                </div>\r\n                <div>\r\n                  <div className=\"font-semibold\">{t(`useCases.${i}.persona`)}</div>\r\n                  <div className=\"text-sm text-[var(--text-secondary)]\">{t(`useCases.${i}.role`)}</div>\r\n                </div>\r\n              </div>\r\n              <div className=\"space-y-3 text-sm\">\r\n                <div>\r\n                  <span className=\"font-medium text-[var(--text-secondary)]\">{t('useCases.situationLabel')} </span>\r\n                  <span>{t(`useCases.${i}.situation`)}</span>\r\n                </div>\r\n                <div>\r\n                  <span className=\"font-medium text-green-600\">{t('useCases.withFeatureLabel')} </span>\r\n                  <span>{t(`useCases.${i}.withFeature`)}</span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          ))}\r\n        </div>\r\n      </section>\r\n\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      {/* SECTION 7: FEATURES                                                 */}\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      <section id=\"fonctionnalites\" className=\"scroll-mt-4\">\r\n        <h2 className=\"text-2xl font-bold mb-4 flex items-center gap-2\">\r\n          <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm\">7</span>\r\n          {t('sections.features')}\r\n        </h2>\r\n\r\n        <div className=\"space-y-4\">\r\n          {[1, 2, 3, 4, 5].map((i) => {\r\n            const icons = [Globe, Search, ShieldCheck, MapPin, Building];\r\n            const Icon = icons[i - 1];\r\n            return (\r\n              <div key={i} className=\"card p-6\">\r\n                <div className=\"flex items-start gap-4\">\r\n                  <div className=\"w-12 h-12 rounded-lg bg-[var(--color-primary-600)]/10 flex items-center justify-center flex-shrink-0\">\r\n                    <Icon className=\"w-6 h-6 text-[var(--color-primary-600)]\" />\r\n                  </div>\r\n                  <div className=\"flex-1\">\r\n                    <h3 className=\"font-semibold mb-2\">{t(`features.${i}.title`)}</h3>\r\n                    <p className=\"text-[var(--text-secondary)] mb-3\">{t(`features.${i}.description`)}</p>\r\n                    <div className=\"p-3 rounded-lg bg-[var(--bg-secondary)] text-sm\">\r\n                      <span className=\"font-medium text-[var(--color-primary-600)]\">{t('features.exampleLabel')} </span>\r\n                      {t(`features.${i}.example`)}\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            );\r\n          })}\r\n        </div>\r\n      </section>\r\n\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      {/* SECTION 8: FAQ                                                      */}\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      <section id=\"faq\" className=\"scroll-mt-4\">\r\n        <h2 className=\"text-2xl font-bold mb-4 flex items-center gap-2\">\r\n          <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm\">8</span>\r\n          {t('sections.faq')}\r\n        </h2>\r\n\r\n        <div className=\"space-y-4\">\r\n          {[1, 2, 3, 4, 5].map((i) => (\r\n            <div key={i} className=\"card p-4\">\r\n              <h3 className=\"font-medium mb-2\">{t(`faq.${i}.question`)}</h3>\r\n              <p className=\"text-sm text-[var(--text-secondary)]\">{t(`faq.${i}.answer`)}</p>\r\n            </div>\r\n          ))}\r\n        </div>\r\n      </section>\r\n\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      {/* SECTION 9: TECHNICAL REFERENCE (collapsible)                        */}\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      <section id=\"reference\" className=\"scroll-mt-4\">\r\n        <details className=\"card\">\r\n          <summary className=\"p-4 cursor-pointer hover:bg-[var(--bg-secondary)] rounded-lg font-semibold flex items-center gap-2\">\r\n            <span className=\"w-8 h-8 rounded-full bg-gray-500/10 text-gray-600 flex items-center justify-center text-sm\">9</span>\r\n            {t('sections.technicalRef')}\r\n          </summary>\r\n          <div className=\"p-4 pt-0 space-y-6\">\r\n            {/* Business Rules */}\r\n            <div>\r\n              <h3 className=\"font-semibold mb-3\">{t('techRef.businessRules')}</h3>\r\n              <div className=\"space-y-2\">\r\n                {[\r\n                  { id: 'BR-001', category: 'Validation' },\r\n                  { id: 'BR-002', category: 'Config' },\r\n                  { id: 'BR-003', category: 'Lifecycle' },\r\n                  { id: 'BR-004', category: 'Zefix' },\r\n                  { id: 'BR-005', category: 'Formatting' },\r\n                  { id: 'BR-006', category: 'Linking' },\r\n                ].map((rule) => (\r\n                  <div key={rule.id} className=\"p-3 rounded-lg bg-[var(--bg-secondary)]\">\r\n                    <div className=\"flex items-center gap-2 mb-1\">\r\n                      <span className=\"text-xs font-mono text-[var(--color-primary-600)]\">{rule.id}</span>\r\n                      <span className=\"text-xs px-2 py-0.5 rounded bg-[var(--color-primary-600)]/10\">{rule.category}</span>\r\n                    </div>\r\n                    <p className=\"text-xs text-[var(--text-secondary)] mt-1\">{t(`techRef.rules.${rule.id}`)}</p>\r\n                  </div>\r\n                ))}\r\n              </div>\r\n            </div>\r\n\r\n            {/* API Endpoints */}\r\n            <div>\r\n              <h3 className=\"font-semibold mb-3\">{t('techRef.apiEndpoints')}</h3>\r\n              <div className=\"overflow-x-auto\">\r\n                <table className=\"w-full text-sm\">\r\n                  <thead>\r\n                    <tr className=\"bg-[var(--bg-secondary)]\">\r\n                      <th className=\"text-left py-2 px-3\">Method</th>\r\n                      <th className=\"text-left py-2 px-3\">Endpoint</th>\r\n                      <th className=\"text-left py-2 px-3\">Handler</th>\r\n                    </tr>\r\n                  </thead>\r\n                  <tbody>\r\n                    {apiEndpoints.map((ep, i) => (\r\n                      <tr key={i} className=\"border-b border-[var(--border-color)]\">\r\n                        <td className=\"py-2 px-3\">\r\n                          <span className={`px-2 py-0.5 rounded text-xs font-medium ${\r\n                            ep.method === 'GET' ? 'bg-blue-500/10 text-blue-600' :\r\n                            ep.method === 'POST' ? 'bg-green-500/10 text-green-600' :\r\n                            ep.method === 'PUT' ? 'bg-orange-500/10 text-orange-600' :\r\n                            'bg-red-500/10 text-red-600'\r\n                          }`}>{ep.method}</span>\r\n                        </td>\r\n                        <td className=\"py-2 px-3 font-mono text-xs\">{ep.path}</td>\r\n                        <td className=\"py-2 px-3 text-[var(--text-secondary)]\">{ep.handler}</td>\r\n                      </tr>\r\n                    ))}\r\n                  </tbody>\r\n                </table>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </details>\r\n      </section>\r\n\r\n      {/* Navigation */}\r\n      <div className=\"flex justify-between pt-6 border-t border-[var(--border-color)]\">\r\n        <Link\r\n          to=\"/docs/business/administration/tenants\"\r\n          className=\"flex items-center gap-2 text-[var(--text-secondary)] hover:text-[var(--color-primary-600)]\"\r\n        >\r\n          <ArrowLeft className=\"w-4 h-4\" />\r\n          {t('nav.backToTenants')}\r\n        </Link>\r\n        <Link\r\n          to=\"/docs/business/administration/tenants/personal\"\r\n          className=\"flex items-center gap-2 text-[var(--color-primary-600)] hover:underline\"\r\n        >\r\n          {t('nav.toPersonal')}\r\n          <ArrowLeft className=\"w-4 h-4 rotate-180\" />\r\n        </Link>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["mockOrganisations","apiEndpoints","statusConfig","StatusIcon","status","jsx","Check","X","Clock","Annotation","text","jsxs","Info","OrganisationsDocPage","t","useTranslation","Link","ArrowLeft","Building","Target","Lightbulb","Search","i","org","sc","Building2","Flag","ChevronDown","Hash","MapPin","tab","Users","Icon","Globe","ShieldCheck","rule","ep"],"mappings":"wMA0BMA,EAQD,CACH,CAAE,KAAM,eAAgB,UAAW,sBAAuB,QAAS,KAAM,WAAY,kBAAmB,eAAgB,UAAW,OAAQ,WAAY,QAAS,YAAA,EAChK,CAAE,KAAM,kBAAmB,UAAW,kBAAmB,QAAS,KAAM,WAAY,YAAa,eAAgB,MAAO,OAAQ,WAAY,QAAS,YAAA,EACrJ,CAAE,KAAM,kBAAmB,UAAW,kBAAmB,QAAS,KAAM,WAAY,kBAAmB,eAAgB,UAAW,OAAQ,UAAW,QAAS,YAAA,EAC9J,CAAE,KAAM,eAAgB,UAAW,eAAgB,QAAS,KAAM,WAAY,YAAa,eAAgB,QAAS,OAAQ,WAAY,QAAS,YAAA,EACjJ,CAAE,KAAM,cAAe,UAAW,cAAe,QAAS,KAAM,WAAY,WAAY,eAAgB,MAAO,OAAQ,UAAW,QAAS,YAAA,CAC7I,EAEMC,EAAe,CACnB,CAAE,OAAQ,MAAgB,KAAM,4CAA6C,QAAS,mBAAoB,WAAY,2CAAA,EACtH,CAAE,OAAQ,MAAgB,KAAM,sDAAuD,QAAS,4BAA6B,WAAY,2CAAA,EACzI,CAAE,OAAQ,MAAgB,KAAM,iEAAkE,QAAS,yBAA0B,WAAY,2CAAA,EACjJ,CAAE,OAAQ,MAAgB,KAAM,6DAA8D,QAAS,0BAA2B,WAAY,GAAA,EAC9I,CAAE,OAAQ,MAAgB,KAAM,mDAAoD,QAAS,wBAAyB,WAAY,GAAA,EAClI,CAAE,OAAQ,MAAgB,KAAM,iDAAkD,QAAS,kBAAmB,WAAY,2CAAA,EAC1H,CAAE,OAAQ,OAAiB,KAAM,4CAA6C,QAAS,qBAAsB,WAAY,6CAAA,EACzH,CAAE,OAAQ,MAAgB,KAAM,yDAA0D,QAAS,oBAAqB,WAAY,6CAAA,EACpI,CAAE,OAAQ,MAAgB,KAAM,yDAA0D,QAAS,gBAAiB,WAAY,6CAAA,EAChI,CAAE,OAAQ,OAAiB,KAAM,wDAAyD,QAAS,qBAAsB,WAAY,6CAAA,EACrI,CAAE,OAAQ,OAAiB,KAAM,wDAAyD,QAAS,qBAAsB,WAAY,6CAAA,CACvI,EAEMC,EAA6F,CACjG,SAAU,CAAE,GAAI,kBAAmB,KAAM,iBAAkB,OAAQ,qBAAA,EACnE,QAAS,CAAE,GAAI,kBAAmB,KAAM,iBAAkB,OAAQ,qBAAA,EAClE,SAAU,CAAE,GAAI,gBAAiB,KAAM,eAAgB,OAAQ,mBAAA,CACjE,EAEMC,EAAa,CAAC,CAAE,OAAAC,KAChBA,IAAW,WAAmBC,EAAAA,IAACC,EAAAA,MAAA,CAAM,UAAU,UAAU,EACzDF,IAAW,WAAmBC,EAAAA,IAACE,EAAAA,EAAA,CAAE,UAAU,UAAU,EAClDF,EAAAA,IAACG,EAAAA,MAAA,CAAM,UAAU,SAAA,CAAU,EAKpC,SAASC,EAAW,CAAE,KAAAC,GAA0B,CAC9C,OACEC,EAAAA,KAAC,MAAA,CAAI,UAAU,2HACb,SAAA,CAAAN,EAAAA,IAACO,EAAAA,KAAA,CAAK,UAAU,8BAAA,CAA+B,EAC/CP,EAAAA,IAAC,QAAM,SAAAK,CAAA,CAAK,CAAA,EACd,CAEJ,CAIA,SAAwBG,GAAuB,CAC7C,KAAM,CAAE,EAAAC,CAAA,EAAMC,EAAAA,eAAe,wCAAwC,EAErE,OACEJ,EAAAA,KAAC,MAAA,CAAI,UAAU,YAEb,SAAA,CAAAA,EAAAA,KAACK,EAAAA,KAAA,CACC,GAAG,wCACH,UAAU,sHAEV,SAAA,CAAAX,EAAAA,IAACY,EAAAA,UAAA,CAAU,UAAU,SAAA,CAAU,EAC9BH,EAAE,mBAAmB,CAAA,CAAA,CAAA,SAIvB,MAAA,CACC,SAAA,CAAAH,EAAAA,KAAC,KAAA,CAAG,UAAU,kDACZ,SAAA,CAAAN,EAAAA,IAACa,EAAAA,SAAA,CAAS,UAAU,yCAAA,CAA0C,EAC7DJ,EAAE,OAAO,CAAA,EACZ,QACC,IAAA,CAAE,UAAU,2DACV,SAAAA,EAAE,kBAAkB,EACvB,QACC,IAAA,CAAE,UAAU,uCACV,SAAAA,EAAE,UAAU,EACf,EACAH,EAAAA,KAAC,MAAA,CAAI,UAAU,uDACb,SAAA,CAAAA,OAAC,OAAA,CAAK,SAAA,CAAA,KAAGG,EAAE,sBAAsB,CAAA,EAAE,SAClC,OAAA,CAAM,SAAA,CAAAb,EAAa,OAAO,IAAEa,EAAE,qBAAqB,CAAA,EAAE,SACrD,OAAA,CAAK,SAAA,CAAA,KAAGA,EAAE,6BAA6B,CAAA,CAAA,CAAE,CAAA,CAAA,CAC5C,CAAA,EACF,EAKAH,EAAAA,KAAC,UAAA,CAAQ,GAAG,SAAS,UAAU,cAC7B,SAAA,CAAAA,EAAAA,KAAC,KAAA,CAAG,UAAU,kDACZ,SAAA,CAAAN,EAAAA,IAAC,OAAA,CAAK,UAAU,yGAAyG,SAAA,IAAC,EACzHS,EAAE,wBAAwB,CAAA,EAC7B,EAEAH,EAAAA,KAAC,MAAA,CAAI,UAAU,WACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,OACb,SAAA,CAAAA,EAAAA,KAAC,KAAA,CAAG,UAAU,6CACZ,SAAA,CAAAN,EAAAA,IAACc,EAAAA,OAAA,CAAO,UAAU,sBAAA,CAAuB,EACxCL,EAAE,kBAAkB,CAAA,EACvB,QACC,IAAA,CAAE,UAAU,+BAAgC,SAAAA,EAAE,SAAS,CAAA,CAAE,CAAA,EAC5D,EAEAH,EAAAA,KAAC,MAAA,CAAI,UAAU,4DACb,SAAA,CAAAA,EAAAA,KAAC,KAAA,CAAG,UAAU,4DACZ,SAAA,CAAAN,EAAAA,IAACe,EAAAA,UAAA,CAAU,UAAU,SAAA,CAAU,EAC9BN,EAAE,mBAAmB,CAAA,EACxB,QACC,IAAA,CAAE,UAAU,+BAAgC,SAAAA,EAAE,UAAU,CAAA,CAAE,CAAA,CAAA,CAC7D,CAAA,CAAA,CACF,CAAA,EACF,EAKAH,EAAAA,KAAC,UAAA,CAAQ,GAAG,QAAQ,UAAU,cAC5B,SAAA,CAAAA,EAAAA,KAAC,KAAA,CAAG,UAAU,kDACZ,SAAA,CAAAN,EAAAA,IAAC,OAAA,CAAK,UAAU,yGAAyG,SAAA,IAAC,EACzHS,EAAE,iBAAiB,CAAA,EACtB,EAEAH,EAAAA,KAAC,MAAA,CAAI,UAAU,qBACb,SAAA,CAAAA,OAAC,MAAA,CACC,SAAA,CAAAN,MAAC,MAAA,CAAI,UAAU,wDAAyD,SAAAS,EAAE,mBAAmB,EAAE,EAC/FH,EAAAA,KAAC,MAAA,CAAI,UAAU,4CACb,SAAA,CAAAN,EAAAA,IAAC,OAAA,CAAK,UAAU,sEAAsE,SAAA,WAAQ,EAC9FA,EAAAA,IAAC,OAAA,CAAK,UAAU,8BAA8B,SAAA,IAAC,EAC/CA,EAAAA,IAAC,OAAA,CAAK,UAAU,kEAAkE,SAAA,iBAAc,EAChGA,EAAAA,IAAC,OAAA,CAAK,UAAU,8BAA8B,SAAA,IAAC,EAC/CA,EAAAA,IAAC,OAAA,CAAK,UAAU,oEAAoE,SAAA,UAAO,EAC3FA,EAAAA,IAAC,OAAA,CAAK,UAAU,8BAA8B,SAAA,IAAC,EAC/CA,EAAAA,IAAC,OAAA,CAAK,UAAU,sEAAsE,SAAA,eAAA,CAAa,CAAA,CAAA,CACrG,CAAA,EACF,SACC,MAAA,CACC,SAAA,CAAAA,EAAAA,IAAC,MAAA,CAAI,UAAU,wDAAwD,SAAA,MAAG,EAC1EA,EAAAA,IAAC,OAAA,CAAK,UAAU,0DAA0D,SAAA,uCAAA,CAAqC,CAAA,EACjH,SACC,MAAA,CACC,SAAA,CAAAA,MAAC,MAAA,CAAI,UAAU,wDAAyD,SAAAS,EAAE,mBAAmB,EAAE,EAC/FT,EAAAA,IAAC,OAAA,CAAK,UAAU,0DAA0D,SAAA,2CAAA,CAAyC,CAAA,CAAA,CACrH,CAAA,CAAA,CACF,CAAA,EACF,EAKAM,EAAAA,KAAC,UAAA,CAAQ,GAAG,YAAY,UAAU,cAChC,SAAA,CAAAA,EAAAA,KAAC,KAAA,CAAG,UAAU,kDACZ,SAAA,CAAAN,EAAAA,IAAC,OAAA,CAAK,UAAU,yGAAyG,SAAA,IAAC,EACzHS,EAAE,oBAAoB,CAAA,EACzB,QAEC,IAAA,CAAE,UAAU,oCAAqC,SAAAA,EAAE,gBAAgB,EAAE,EAEtEH,EAAAA,KAAC,MAAA,CAAI,UAAU,4BAEb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,qEACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,oEACb,SAAA,CAAAN,EAAAA,IAAC,QAAK,SAAA,gBAAA,CAAc,EACpBA,EAAAA,IAAC,QAAK,SAAA,GAAA,CAAC,EACPA,EAAAA,IAAC,QAAK,SAAA,SAAA,CAAO,EACbA,EAAAA,IAAC,QAAK,SAAA,GAAA,CAAC,QACN,OAAA,CAAK,UAAU,6BAA8B,SAAAS,EAAE,OAAO,CAAA,CAAE,CAAA,EAC3D,EACAH,EAAAA,KAAC,MAAA,CAAI,UAAU,oCACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAN,EAAAA,IAACa,EAAAA,SAAA,CAAS,UAAU,yCAAA,CAA0C,SAC7D,MAAA,CACC,SAAA,CAAAb,MAAC,KAAA,CAAG,UAAU,wBAAyB,SAAAS,EAAE,OAAO,EAAE,QACjD,IAAA,CAAE,UAAU,uCAAwC,SAAAA,EAAE,UAAU,CAAA,CAAE,CAAA,CAAA,CACrE,CAAA,EACF,EACAH,EAAAA,KAAC,SAAA,CAAO,UAAU,uHAChB,SAAA,CAAAN,EAAAA,IAACa,EAAAA,SAAA,CAAS,UAAU,SAAA,CAAU,EAC7BJ,EAAE,wBAAwB,CAAA,CAAA,CAC7B,CAAA,CAAA,CACF,CAAA,EACF,QAGC,MAAA,CAAI,UAAU,YACb,SAAAH,EAAAA,KAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,mHACb,SAAA,CAAAN,EAAAA,IAACgB,EAAAA,OAAA,CAAO,UAAU,qCAAA,CAAsC,QACvD,OAAA,CAAK,UAAU,sCAAuC,SAAAP,EAAE,6BAA6B,CAAA,CAAE,CAAA,EAC1F,EACAT,EAAAA,IAAC,MAAA,CAAI,UAAU,aACX,SAAA,CAAC,MAAO,UAAW,WAAY,UAAU,EAAY,IAAI,CAACD,EAAQkB,IAClEjB,EAAAA,IAAC,SAAA,CAEC,UAAW,kCACTiB,IAAM,EACF,2CACA,uDACN,GAEC,SAAmBR,EAAnBV,IAAW,MAAU,sBAA2B,oBAAoBA,EAAO,YAAA,CAAa,EAA9C,CAAgD,EAPtFA,CAAA,CASR,CAAA,CACH,CAAA,CAAA,CACF,CAAA,CACF,EAGAC,EAAAA,IAAC,MAAA,CAAI,UAAU,YACb,SAAAA,EAAAA,IAAC,MAAA,CAAI,UAAU,iEACb,SAAAM,OAAC,QAAA,CAAM,UAAU,iBACf,SAAA,CAAAN,MAAC,QAAA,CAAM,UAAU,2BACf,SAAAM,EAAAA,KAAC,KAAA,CACC,SAAA,CAAAN,MAAC,KAAA,CAAG,UAAU,iGAAkG,SAAAS,EAAE,wBAAwB,EAAE,QAC3I,KAAA,CAAG,UAAU,sHAAuH,SAAAA,EAAE,2BAA2B,EAAE,QACnK,KAAA,CAAG,UAAU,sHAAuH,SAAAA,EAAE,8BAA8B,EAAE,QACtK,KAAA,CAAG,UAAU,iGAAkG,SAAAA,EAAE,sCAAsC,EAAE,QACzJ,KAAA,CAAG,UAAU,sHAAuH,SAAAA,EAAE,2BAA2B,EAAE,EACpKT,EAAAA,IAAC,KAAA,CAAG,UAAU,gBAAA,CAAiB,CAAA,CAAA,CACjC,CAAA,CACF,QACC,QAAA,CAAM,UAAU,wCACd,SAAAL,EAAkB,IAAKuB,GAAQ,CAC9B,MAAMC,EAAKtB,EAAaqB,EAAI,MAAM,EAClC,OACEZ,EAAAA,KAAC,KAAA,CAAwB,UAAU,+CACjC,SAAA,CAAAN,EAAAA,IAAC,MAAG,UAAU,YACZ,SAAAM,EAAAA,KAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAN,EAAAA,IAAC,OAAI,UAAU,8EACb,eAACoB,EAAAA,UAAA,CAAU,UAAU,uCAAuC,CAAA,CAC9D,SACC,MAAA,CACC,SAAA,CAAApB,EAAAA,IAAC,MAAA,CAAI,UAAU,yCAA0C,SAAAkB,EAAI,KAAK,EACjEA,EAAI,YAAcA,EAAI,YACpB,MAAA,CAAI,UAAU,sCAAuC,SAAAA,EAAI,SAAA,CAAU,CAAA,CAAA,CAExE,CAAA,CAAA,CACF,CAAA,CACF,QACC,KAAA,CAAG,UAAU,iCACZ,SAAAZ,EAAAA,KAAC,OAAA,CAAK,UAAU,2CACd,SAAA,CAAAN,EAAAA,IAACqB,EAAAA,KAAA,CAAK,UAAU,0CAAA,CAA2C,EAC1DH,EAAI,OAAA,CAAA,CACP,CAAA,CACF,EACAlB,EAAAA,IAAC,KAAA,CAAG,UAAU,iCACZ,SAAAA,EAAAA,IAAC,QAAK,UAAU,+CAAgD,SAAAkB,EAAI,UAAA,CAAW,CAAA,CACjF,QACC,KAAA,CAAG,UAAU,YACZ,SAAAZ,OAAC,QAAK,UAAW,sFAAsFa,EAAG,EAAE,IAAIA,EAAG,IAAI,IAAIA,EAAG,MAAM,GAClI,SAAA,CAAAnB,EAAAA,IAACF,EAAA,CAAW,OAAQoB,EAAI,MAAA,CAAQ,EAC/BT,EAAE,oBAAoBS,EAAI,OAAO,YAAA,CAAa,EAAE,CAAA,CAAA,CACnD,CAAA,CACF,EACAlB,EAAAA,IAAC,KAAA,CAAG,UAAU,8DACX,WAAI,QACP,QACC,KAAA,CAAG,UAAU,YACZ,SAAAM,EAAAA,KAAC,SAAA,CAAO,UAAU,wKAChB,SAAA,CAAAN,EAAAA,IAACa,EAAAA,SAAA,CAAS,UAAU,aAAA,CAAc,EACjCJ,EAAE,8BAA8B,CAAA,CAAA,CACnC,CAAA,CACF,CAAA,CAAA,EArCOS,EAAI,UAsCb,CAEJ,CAAC,CAAA,CACH,CAAA,CAAA,CACF,EACF,CAAA,CACF,CAAA,EACF,EAGAZ,EAAAA,KAAC,MAAA,CAAI,UAAU,YACb,SAAA,CAAAN,EAAAA,IAACI,EAAA,CAAW,KAAMK,EAAE,8BAA8B,CAAA,CAAG,EACrDT,EAAAA,IAACI,EAAA,CAAW,KAAMK,EAAE,8BAA8B,CAAA,CAAG,EACrDT,EAAAA,IAACI,EAAA,CAAW,KAAMK,EAAE,+BAA+B,CAAA,CAAG,EACtDT,EAAAA,IAACI,EAAA,CAAW,KAAMK,EAAE,+BAA+B,CAAA,CAAG,EACtDT,EAAAA,IAACI,EAAA,CAAW,KAAMK,EAAE,kCAAkC,CAAA,CAAG,EACzDT,EAAAA,IAACI,EAAA,CAAW,KAAMK,EAAE,qCAAqC,CAAA,CAAG,EAC5DT,EAAAA,IAACI,EAAA,CAAW,KAAMK,EAAE,iCAAiC,CAAA,CAAG,EACxDT,EAAAA,IAACI,EAAA,CAAW,KAAMK,EAAE,kCAAkC,CAAA,CAAG,CAAA,CAAA,CAC3D,CAAA,EACF,EAKAH,EAAAA,KAAC,UAAA,CAAQ,GAAG,WAAW,UAAU,cAC/B,SAAA,CAAAA,EAAAA,KAAC,KAAA,CAAG,UAAU,kDACZ,SAAA,CAAAN,EAAAA,IAAC,OAAA,CAAK,UAAU,yGAAyG,SAAA,IAAC,EACzHS,EAAE,qBAAqB,CAAA,EAC1B,QAEC,IAAA,CAAE,UAAU,oCAAqC,SAAAA,EAAE,WAAW,EAAE,EAEjEH,EAAAA,KAAC,MAAA,CAAI,UAAU,qBAEb,SAAA,CAAAA,OAAC,MAAA,CACC,SAAA,CAAAA,EAAAA,KAAC,QAAA,CAAM,UAAU,8DACd,SAAA,CAAAG,EAAE,gBAAgB,EAAE,IAAA,EACvB,QACC,QAAA,CAAM,SAAQ,GAAC,MAAM,eAAe,UAAU,gGAAA,CAAiG,CAAA,EAClJ,SAGC,MAAA,CACC,SAAA,CAAAH,EAAAA,KAAC,QAAA,CAAM,UAAU,8DACf,SAAA,CAAAN,EAAAA,IAACqB,EAAAA,KAAA,CAAK,UAAU,yBAAA,CAA0B,EACzCZ,EAAE,mBAAmB,EAAE,IAAA,EAC1B,EACAH,EAAAA,KAAC,MAAA,CAAI,UAAU,WACb,SAAA,CAAAA,EAAAA,KAAC,SAAA,CAAO,UAAU,sHAChB,SAAA,CAAAN,EAAAA,IAAC,UAAO,SAAA,kBAAA,CAAgB,EACxBA,EAAAA,IAAC,UAAO,SAAA,aAAA,CAAW,EACnBA,EAAAA,IAAC,UAAO,SAAA,cAAA,CAAY,EACpBA,EAAAA,IAAC,UAAO,SAAA,cAAA,CAAY,EACpBA,EAAAA,IAAC,UAAO,SAAA,kBAAA,CAAgB,EACxBA,EAAAA,IAAC,UAAO,SAAA,YAAA,CAAU,EAClBA,EAAAA,IAAC,UAAO,SAAA,YAAA,CAAU,EAClBA,EAAAA,IAAC,UAAO,SAAA,qBAAA,CAAmB,CAAA,EAC7B,EACAA,EAAAA,IAACsB,EAAAA,YAAA,CAAY,UAAU,mGAAA,CAAoG,CAAA,CAAA,CAC7H,CAAA,EACF,SAGC,MAAA,CACC,SAAA,CAAAhB,EAAAA,KAAC,QAAA,CAAM,UAAU,8DACf,SAAA,CAAAN,EAAAA,IAACuB,EAAAA,KAAA,CAAK,UAAU,yBAAA,CAA0B,EAAE,WAAA,EAE9C,EACAjB,EAAAA,KAAC,MAAA,CAAI,UAAU,aACb,SAAA,CAAAN,MAAC,SAAM,SAAQ,GAAC,MAAM,kBAAkB,UAAU,2GAA2G,EAC7JM,EAAAA,KAAC,SAAA,CAAO,UAAU,2GAChB,SAAA,CAAAN,EAAAA,IAACgB,EAAAA,OAAA,CAAO,UAAU,SAAA,CAAU,EAAE,OAAA,CAAA,CAEhC,CAAA,EACF,EACAV,EAAAA,KAAC,IAAA,CAAE,UAAU,sDACX,SAAA,CAAAN,EAAAA,IAACC,EAAAA,MAAA,CAAM,UAAU,SAAA,CAAU,EAC1BQ,EAAE,wBAAwB,CAAA,CAAA,CAC7B,CAAA,EACF,EAGAH,EAAAA,KAAC,MAAA,CAAI,UAAU,wFACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,6EACb,SAAA,CAAAN,EAAAA,IAACwB,EAAAA,OAAA,CAAO,UAAU,SAAA,CAAU,EAC3Bf,EAAE,mBAAmB,EAAE,IAAA,EAC1B,QACC,QAAA,CAAM,SAAQ,GAAC,MAAM,sBAAsB,UAAU,gGAAgG,EACtJH,EAAAA,KAAC,MAAA,CAAI,UAAU,yBACb,SAAA,CAAAN,MAAC,SAAM,SAAQ,GAAC,MAAM,OAAO,UAAU,gGAAgG,EACvIA,EAAAA,IAAC,MAAA,CAAI,UAAU,aACb,SAAAA,EAAAA,IAAC,QAAA,CAAM,SAAQ,GAAC,MAAM,WAAW,UAAU,+FAAA,CAAgG,CAAA,CAC7I,CAAA,CAAA,CACF,CAAA,EACF,SAGC,MAAA,CACC,SAAA,CAAAA,MAAC,QAAA,CAAM,UAAU,8DACd,SAAAS,EAAE,eAAe,EACpB,QACC,QAAA,CAAM,SAAQ,GAAC,MAAM,uBAAuB,UAAU,0GAAA,CAA2G,CAAA,EACpK,EAEAH,EAAAA,KAAC,MAAA,CAAI,UAAU,kBACb,SAAA,CAAAN,MAAC,SAAA,CAAO,UAAU,+FACf,SAAAS,EAAE,wBAAwB,EAC7B,EACAT,EAAAA,IAAC,SAAA,CAAO,UAAU,8EAA8E,SAAA,QAAA,CAEhG,CAAA,CAAA,CACF,CAAA,EACF,EAGAM,EAAAA,KAAC,MAAA,CAAI,UAAU,iBACb,SAAA,CAAAN,EAAAA,IAACI,EAAA,CAAW,KAAMK,EAAE,0BAA0B,CAAA,CAAG,EACjDT,EAAAA,IAACI,EAAA,CAAW,KAAMK,EAAE,6BAA6B,CAAA,CAAG,EACpDT,EAAAA,IAACI,EAAA,CAAW,KAAMK,EAAE,wBAAwB,CAAA,CAAG,EAC/CT,EAAAA,IAACI,EAAA,CAAW,KAAMK,EAAE,0BAA0B,CAAA,CAAG,EACjDT,EAAAA,IAACI,EAAA,CAAW,KAAMK,EAAE,sBAAsB,CAAA,CAAG,CAAA,CAAA,CAC/C,CAAA,EACF,EAKAH,EAAAA,KAAC,UAAA,CAAQ,GAAG,SAAS,UAAU,cAC7B,SAAA,CAAAA,EAAAA,KAAC,KAAA,CAAG,UAAU,kDACZ,SAAA,CAAAN,EAAAA,IAAC,OAAA,CAAK,UAAU,yGAAyG,SAAA,IAAC,EACzHS,EAAE,qBAAqB,CAAA,EAC1B,QAEC,IAAA,CAAE,UAAU,oCAAqC,SAAAA,EAAE,aAAa,EAAE,EAEnEH,EAAAA,KAAC,MAAA,CAAI,UAAU,uBAEb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,8EACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAN,EAAAA,IAACY,EAAAA,UAAA,CAAU,UAAU,sCAAA,CAAuC,EAC5DZ,EAAAA,IAACoB,EAAAA,UAAA,CAAU,UAAU,yCAAA,CAA0C,SAC9D,MAAA,CACC,SAAA,CAAApB,EAAAA,IAAC,KAAA,CAAG,UAAU,mDAAmD,SAAA,eAAY,EAC7EA,EAAAA,IAAC,IAAA,CAAE,UAAU,iDAAiD,SAAA,iBAAA,CAAe,CAAA,CAAA,CAC/E,CAAA,EACF,QACC,OAAA,CAAK,UAAU,4EACb,SAAAS,EAAE,0BAA0B,CAAA,CAC/B,CAAA,EACF,EAGAT,EAAAA,IAAC,MAAA,CAAI,UAAU,6CACX,SAAA,CAAC,OAAQ,UAAW,SAAS,EAAY,IAAI,CAACyB,EAAKR,IACnDjB,EAAAA,IAAC,SAAA,CAEC,UAAW,8DACTiB,IAAM,EACF,oEACA,iDACN,GAEC,SAAAR,EAAE,eAAegB,CAAG,EAAE,CAAA,EAPlBA,CAAA,CASR,EACH,EAGAnB,EAAAA,KAAC,MAAA,CAAI,UAAU,gBACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,wCACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,0CACb,SAAA,CAAAN,MAAC,MAAA,CAAI,UAAU,4CAA6C,SAAAS,EAAE,wBAAwB,EAAE,EACxFT,EAAAA,IAAC,MAAA,CAAI,UAAU,yCAAyC,SAAA,cAAA,CAAY,CAAA,EACtE,EACAM,EAAAA,KAAC,MAAA,CAAI,UAAU,0CACb,SAAA,CAAAN,MAAC,MAAA,CAAI,UAAU,4CAA6C,SAAAS,EAAE,6BAA6B,EAAE,EAC7FT,EAAAA,IAAC,MAAA,CAAI,UAAU,yCAAyC,SAAA,qBAAA,CAAmB,CAAA,EAC7E,EACAM,EAAAA,KAAC,MAAA,CAAI,UAAU,0CACb,SAAA,CAAAN,MAAC,MAAA,CAAI,UAAU,4CAA6C,SAAAS,EAAE,2BAA2B,EAAE,EAC3FH,EAAAA,KAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAN,EAAAA,IAACqB,EAAAA,KAAA,CAAK,UAAU,sCAAA,CAAuC,EACvDrB,EAAAA,IAAC,OAAA,CAAK,UAAU,cAAc,SAAA,IAAA,CAAE,CAAA,CAAA,CAClC,CAAA,EACF,EACAM,EAAAA,KAAC,MAAA,CAAI,UAAU,0CACb,SAAA,CAAAN,EAAAA,IAAC,MAAA,CAAI,UAAU,4CAA4C,SAAA,UAAO,EAClEA,EAAAA,IAAC,MAAA,CAAI,UAAU,uCAAuC,SAAA,iBAAA,CAAe,CAAA,EACvE,EACAM,EAAAA,KAAC,MAAA,CAAI,UAAU,0CACb,SAAA,CAAAN,MAAC,MAAA,CAAI,UAAU,4CAA6C,SAAAS,EAAE,6BAA6B,EAAE,EAC7FT,EAAAA,IAAC,MAAA,CAAI,UAAU,uCAAuC,SAAA,sBAAA,CAAoB,CAAA,CAAA,CAC5E,CAAA,EACF,EAEAM,EAAAA,KAAC,MAAA,CAAI,UAAU,wDACb,SAAA,CAAAA,EAAAA,KAAC,SAAA,CAAO,UAAU,oHAChB,SAAA,CAAAN,EAAAA,IAACC,EAAAA,MAAA,CAAM,UAAU,SAAA,CAAU,EAC1BQ,EAAE,uBAAuB,CAAA,EAC5B,EACAH,EAAAA,KAAC,SAAA,CAAO,UAAU,gHAChB,SAAA,CAAAN,EAAAA,IAACE,EAAAA,EAAA,CAAE,UAAU,SAAA,CAAU,EACtBO,EAAE,uBAAuB,CAAA,CAAA,CAC5B,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,EACF,EAGAH,EAAAA,KAAC,MAAA,CAAI,UAAU,iBACb,SAAA,CAAAN,EAAAA,IAACI,EAAA,CAAW,KAAMK,EAAE,2BAA2B,CAAA,CAAG,EAClDT,EAAAA,IAACI,EAAA,CAAW,KAAMK,EAAE,yBAAyB,CAAA,CAAG,EAChDT,EAAAA,IAACI,EAAA,CAAW,KAAMK,EAAE,4BAA4B,CAAA,CAAG,EACnDT,EAAAA,IAACI,EAAA,CAAW,KAAMK,EAAE,+BAA+B,CAAA,CAAG,CAAA,CAAA,CACxD,CAAA,EACF,EAKAH,EAAAA,KAAC,UAAA,CAAQ,GAAG,YAAY,UAAU,cAChC,SAAA,CAAAA,EAAAA,KAAC,KAAA,CAAG,UAAU,kDACZ,SAAA,CAAAN,EAAAA,IAAC,OAAA,CAAK,UAAU,yGAAyG,SAAA,IAAC,EACzHS,EAAE,mBAAmB,CAAA,EACxB,EAEAT,EAAAA,IAAC,MAAA,CAAI,UAAU,wCACZ,UAAC,EAAG,EAAG,CAAC,EAAE,IAAKiB,GACdX,EAAAA,KAAC,MAAA,CAAY,UAAU,WACrB,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,+BACb,SAAA,CAAAN,EAAAA,IAAC,MAAA,CAAI,UAAW,2DACdiB,IAAM,EAAI,iBAAmBA,IAAM,EAAI,kBAAoB,kBAC7D,GACE,eAACS,EAAAA,MAAA,CAAM,UAAW,WAAWT,IAAM,EAAI,gBAAkBA,IAAM,EAAI,iBAAmB,iBAAiB,EAAA,CAAI,CAAA,CAC7G,SACC,MAAA,CACC,SAAA,CAAAjB,EAAAA,IAAC,OAAI,UAAU,gBAAiB,WAAE,YAAYiB,CAAC,UAAU,CAAA,CAAE,EAC3DjB,EAAAA,IAAC,OAAI,UAAU,uCAAwC,WAAE,YAAYiB,CAAC,OAAO,CAAA,CAAE,CAAA,CAAA,CACjF,CAAA,EACF,EACAX,EAAAA,KAAC,MAAA,CAAI,UAAU,oBACb,SAAA,CAAAA,OAAC,MAAA,CACC,SAAA,CAAAA,EAAAA,KAAC,OAAA,CAAK,UAAU,2CAA4C,SAAA,CAAAG,EAAE,yBAAyB,EAAE,GAAA,EAAC,QACzF,OAAA,CAAM,SAAAA,EAAE,YAAYQ,CAAC,YAAY,CAAA,CAAE,CAAA,EACtC,SACC,MAAA,CACC,SAAA,CAAAX,EAAAA,KAAC,OAAA,CAAK,UAAU,6BAA8B,SAAA,CAAAG,EAAE,2BAA2B,EAAE,GAAA,EAAC,QAC7E,OAAA,CAAM,SAAAA,EAAE,YAAYQ,CAAC,cAAc,CAAA,CAAE,CAAA,CAAA,CACxC,CAAA,CAAA,CACF,CAAA,CAAA,EArBQA,CAsBV,CACD,CAAA,CACH,CAAA,EACF,EAKAX,EAAAA,KAAC,UAAA,CAAQ,GAAG,kBAAkB,UAAU,cACtC,SAAA,CAAAA,EAAAA,KAAC,KAAA,CAAG,UAAU,kDACZ,SAAA,CAAAN,EAAAA,IAAC,OAAA,CAAK,UAAU,yGAAyG,SAAA,IAAC,EACzHS,EAAE,mBAAmB,CAAA,EACxB,EAEAT,EAAAA,IAAC,MAAA,CAAI,UAAU,YACZ,SAAA,CAAC,EAAG,EAAG,EAAG,EAAG,CAAC,EAAE,IAAKiB,GAAM,CAE1B,MAAMU,EADQ,CAACC,EAAAA,MAAOZ,EAAAA,OAAQa,EAAAA,YAAaL,EAAAA,OAAQX,UAAQ,EACxCI,EAAI,CAAC,EACxB,aACG,MAAA,CAAY,UAAU,WACrB,SAAAX,EAAAA,KAAC,MAAA,CAAI,UAAU,yBACb,SAAA,CAAAN,EAAAA,IAAC,OAAI,UAAU,uGACb,eAAC2B,EAAA,CAAK,UAAU,0CAA0C,CAAA,CAC5D,EACArB,EAAAA,KAAC,MAAA,CAAI,UAAU,SACb,SAAA,CAAAN,EAAAA,IAAC,MAAG,UAAU,qBAAsB,WAAE,YAAYiB,CAAC,QAAQ,CAAA,CAAE,EAC7DjB,EAAAA,IAAC,KAAE,UAAU,oCAAqC,WAAE,YAAYiB,CAAC,cAAc,CAAA,CAAE,EACjFX,EAAAA,KAAC,MAAA,CAAI,UAAU,kDACb,SAAA,CAAAA,EAAAA,KAAC,OAAA,CAAK,UAAU,8CAA+C,SAAA,CAAAG,EAAE,uBAAuB,EAAE,GAAA,EAAC,EAC1FA,EAAE,YAAYQ,CAAC,UAAU,CAAA,CAAA,CAC5B,CAAA,CAAA,CACF,CAAA,CAAA,CACF,GAbQA,CAcV,CAEJ,CAAC,CAAA,CACH,CAAA,EACF,EAKAX,EAAAA,KAAC,UAAA,CAAQ,GAAG,MAAM,UAAU,cAC1B,SAAA,CAAAA,EAAAA,KAAC,KAAA,CAAG,UAAU,kDACZ,SAAA,CAAAN,EAAAA,IAAC,OAAA,CAAK,UAAU,yGAAyG,SAAA,IAAC,EACzHS,EAAE,cAAc,CAAA,EACnB,QAEC,MAAA,CAAI,UAAU,YACZ,SAAA,CAAC,EAAG,EAAG,EAAG,EAAG,CAAC,EAAE,IAAKQ,GACpBX,EAAAA,KAAC,MAAA,CAAY,UAAU,WACrB,SAAA,CAAAN,EAAAA,IAAC,MAAG,UAAU,mBAAoB,WAAE,OAAOiB,CAAC,WAAW,CAAA,CAAE,EACzDjB,EAAAA,IAAC,KAAE,UAAU,uCAAwC,WAAE,OAAOiB,CAAC,SAAS,CAAA,CAAE,CAAA,CAAA,EAFlEA,CAGV,CACD,CAAA,CACH,CAAA,EACF,EAKAjB,EAAAA,IAAC,WAAQ,GAAG,YAAY,UAAU,cAChC,SAAAM,EAAAA,KAAC,UAAA,CAAQ,UAAU,OACjB,SAAA,CAAAA,EAAAA,KAAC,UAAA,CAAQ,UAAU,qGACjB,SAAA,CAAAN,EAAAA,IAAC,OAAA,CAAK,UAAU,6FAA6F,SAAA,IAAC,EAC7GS,EAAE,uBAAuB,CAAA,EAC5B,EACAH,EAAAA,KAAC,MAAA,CAAI,UAAU,qBAEb,SAAA,CAAAA,OAAC,MAAA,CACC,SAAA,CAAAN,MAAC,KAAA,CAAG,UAAU,qBAAsB,SAAAS,EAAE,uBAAuB,EAAE,EAC/DT,EAAAA,IAAC,MAAA,CAAI,UAAU,YACZ,SAAA,CACC,CAAE,GAAI,SAAU,SAAU,YAAA,EAC1B,CAAE,GAAI,SAAU,SAAU,QAAA,EAC1B,CAAE,GAAI,SAAU,SAAU,WAAA,EAC1B,CAAE,GAAI,SAAU,SAAU,OAAA,EAC1B,CAAE,GAAI,SAAU,SAAU,YAAA,EAC1B,CAAE,GAAI,SAAU,SAAU,SAAA,CAAU,EACpC,IAAK8B,GACLxB,EAAAA,KAAC,MAAA,CAAkB,UAAU,0CAC3B,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,+BACb,SAAA,CAAAN,EAAAA,IAAC,OAAA,CAAK,UAAU,oDAAqD,SAAA8B,EAAK,GAAG,EAC7E9B,EAAAA,IAAC,OAAA,CAAK,UAAU,+DAAgE,WAAK,QAAA,CAAS,CAAA,EAChG,EACAA,EAAAA,IAAC,KAAE,UAAU,4CAA6C,WAAE,iBAAiB8B,EAAK,EAAE,EAAE,CAAA,CAAE,CAAA,GALhFA,EAAK,EAMf,CACD,CAAA,CACH,CAAA,EACF,SAGC,MAAA,CACC,SAAA,CAAA9B,MAAC,KAAA,CAAG,UAAU,qBAAsB,SAAAS,EAAE,sBAAsB,EAAE,QAC7D,MAAA,CAAI,UAAU,kBACb,SAAAH,EAAAA,KAAC,QAAA,CAAM,UAAU,iBACf,SAAA,CAAAN,MAAC,QAAA,CACC,SAAAM,EAAAA,KAAC,KAAA,CAAG,UAAU,2BACZ,SAAA,CAAAN,EAAAA,IAAC,KAAA,CAAG,UAAU,sBAAsB,SAAA,SAAM,EAC1CA,EAAAA,IAAC,KAAA,CAAG,UAAU,sBAAsB,SAAA,WAAQ,EAC5CA,EAAAA,IAAC,KAAA,CAAG,UAAU,sBAAsB,SAAA,SAAA,CAAO,CAAA,CAAA,CAC7C,CAAA,CACF,EACAA,EAAAA,IAAC,QAAA,CACE,SAAAJ,EAAa,IAAI,CAACmC,EAAId,IACrBX,EAAAA,KAAC,KAAA,CAAW,UAAU,wCACpB,SAAA,CAAAN,EAAAA,IAAC,KAAA,CAAG,UAAU,YACZ,SAAAA,EAAAA,IAAC,QAAK,UAAW,2CACf+B,EAAG,SAAW,MAAQ,+BACtBA,EAAG,SAAW,OAAS,iCACvBA,EAAG,SAAW,MAAQ,mCACtB,4BACF,GAAK,SAAAA,EAAG,MAAA,CAAO,CAAA,CACjB,EACA/B,EAAAA,IAAC,KAAA,CAAG,UAAU,8BAA+B,WAAG,KAAK,EACrDA,EAAAA,IAAC,KAAA,CAAG,UAAU,yCAA0C,WAAG,OAAA,CAAQ,CAAA,CAAA,EAV5DiB,CAWT,CACD,CAAA,CACH,CAAA,CAAA,CACF,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CACF,EAGAX,EAAAA,KAAC,MAAA,CAAI,UAAU,kEACb,SAAA,CAAAA,EAAAA,KAACK,EAAAA,KAAA,CACC,GAAG,wCACH,UAAU,6FAEV,SAAA,CAAAX,EAAAA,IAACY,EAAAA,UAAA,CAAU,UAAU,SAAA,CAAU,EAC9BH,EAAE,mBAAmB,CAAA,CAAA,CAAA,EAExBH,EAAAA,KAACK,EAAAA,KAAA,CACC,GAAG,iDACH,UAAU,0EAET,SAAA,CAAAF,EAAE,gBAAgB,EACnBT,EAAAA,IAACY,EAAAA,UAAA,CAAU,UAAU,oBAAA,CAAqB,CAAA,CAAA,CAAA,CAC5C,CAAA,CACF,CAAA,EACF,CAEJ"}