@atlashub/smartstack 3.29.0 → 3.31.0

package/dist/chunks/{PermissionDetailPage-C1iuWv0G.js → PermissionDetailPage-BIG78-1-.js}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),h=require("react-router-dom"),A=require("react-i18next"),v=require("./index-vXiLh35n.js"),a=require("lucide-react"),b={"*":e.jsx(a.Shield,{className:"h-4 w-4"}),Read:e.jsx(a.Eye,{className:"h-4 w-4"}),Create:e.jsx(a.Plus,{className:"h-4 w-4"}),Update:e.jsx(a.Edit,{className:"h-4 w-4"}),Delete:e.jsx(a.Trash2,{className:"h-4 w-4"}),Assign:e.jsx(a.UserPlus,{className:"h-4 w-4"}),Execute:e.jsx(a.Play,{className:"h-4 w-4"})},g={"*":"bg-[var(--accent-bg)] text-[var(--accent-text)] border-[var(--accent-border)]",Read:"bg-[var(--info-bg)] text-[var(--info-text)] border-[var(--info-border)]",Create:"bg-[var(--success-bg)] text-[var(--success-text)] border-[var(--success-border)]",Update:"bg-[var(--warning-bg)] text-[var(--warning-text)] border-[var(--warning-border)]",Delete:"bg-[var(--error-bg)] text-[var(--error-text)] border-[var(--error-border)]",Assign:"bg-[var(--accent-bg)] text-[var(--accent-text)] border-[var(--accent-border)]",Execute:"bg-[var(--warning-bg)] text-[var(--warning-text)] border-[var(--warning-border)]"},P={Context:"bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-300",Application:"bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-300",Module:"bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-300",Section:"bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-300",Resource:"bg-orange-100 text-orange-800 dark:bg-orange-900/30 dark:text-orange-300"};function G(){const{t:s}=A.useTranslation(["admin","common"]),{id:d}=h.useParams(),n=h.useNavigate(),[t,j]=i.useState(null),[N,o]=i.useState(!0),[x,y]=i.useState(null),[f,m]=i.useState(!1),[l,w]=i.useState("roles"),p=i.useCallback(async()=>{if(d)try{o(!0);const r=await v.adminApi.permissions.getById(d);j(r)}catch(r){console.error("Failed to load permission:",r),y(s("admin:permissionDetail.errors.loadFailed","Failed to load permission"))}finally{o(!1)}},[d,s]);i.useEffect(()=>{p()},[p]);const k=async()=>{t?.path&&(await navigator.clipboard.writeText(t.path),m(!0),setTimeout(()=>m(!1),2e3))};if(N)return e.jsx("div",{className:"flex items-center justify-center min-h-[400px]",children:e.jsx(a.Loader2,{className:"h-8 w-8 animate-spin text-[var(--color-accent-500)]"})});if(x||!t)return e.jsx("div",{className:"p-6",children:e.jsxs("div",{className:"bg-[var(--error-bg)] border border-[var(--error-border)] rounded-lg p-4",children:[e.jsx("p",{className:"text-[var(--error-text)]",children:x||s("admin:permissionDetail.errors.notFound","Permission not found")}),e.jsx("button",{onClick:()=>n("/administration/permissions/permissions"),className:"mt-4 text-sm text-[var(--color-accent-500)] hover:underline",children:s("common:buttons.back")})]})});const u=t.action||"*",S=g[u]||g["*"],C=b[u]||b["*"],D=P[t.level]||"bg-gray-100 text-gray-800 dark:bg-gray-800 dark:text-gray-200";return e.jsxs("div",{className:"p-6 space-y-6",children:[e.jsx(v.Breadcrumb,{items:[{label:s("admin:header.title"),href:"/administration"},{label:s("admin:permissions.title","Permissions"),href:"/administration/permissions/permissions"},{label:t?.path||"Detail"}]}),e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx("button",{onClick:()=>n("/administration/permissions/permissions"),className:"p-2 hover:bg-[var(--bg-hover)] rounded-lg transition-colors",children:e.jsx(a.ArrowLeft,{className:"h-5 w-5 text-[var(--text-secondary)]"})}),e.jsxs("div",{className:"flex-1",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(a.Lock,{className:"h-6 w-6 text-[var(--color-accent-500)]"}),e.jsx("h1",{className:"text-2xl font-bold text-[var(--text-primary)]",children:s("admin:permissionDetail.title","Permission Detail")})]}),e.jsxs("div",{className:"flex items-center gap-2 mt-2",children:[e.jsx("code",{className:"px-3 py-1.5 bg-[var(--bg-tertiary)] border border-[var(--border-color)] rounded-lg text-sm font-mono text-[var(--text-primary)]",children:t.path}),e.jsx("button",{onClick:k,className:"p-1.5 hover:bg-[var(--bg-hover)] rounded transition-colors",title:s("common:buttons.copy"),children:f?e.jsx(a.CheckCircle,{className:"h-4 w-4 text-[var(--success-text)]"}):e.jsx(a.Copy,{className:"h-4 w-4 text-[var(--text-muted)]"})})]})]})]}),e.jsxs("div",{className:"bg-[var(--bg-card)] border border-[var(--border-color)] rounded-[var(--radius-card)] p-6",children:[e.jsxs("h2",{className:"text-lg font-semibold text-[var(--text-primary)] mb-4 flex items-center gap-2",children:[e.jsx(a.Info,{className:"h-5 w-5 text-[var(--color-accent-500)]"}),s("admin:permissionDetail.info","Information")]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",children:[e.jsxs("div",{className:"space-y-1",children:[e.jsx("label",{className:"text-xs font-medium text-[var(--text-muted)] uppercase tracking-wide",children:s("admin:permissions.level","Level")}),e.jsx("div",{children:e.jsxs("span",{className:`inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-medium ${D}`,children:[e.jsx(a.Layers,{className:"h-3 w-3"}),t.level]})})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsx("label",{className:"text-xs font-medium text-[var(--text-muted)] uppercase tracking-wide",children:s("admin:permissions.action","Action")}),e.jsx("div",{children:e.jsxs("span",{className:`inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-medium border ${S}`,children:[C,t.action||s("admin:permissions.wildcard","Wildcard (*)")]})})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsx("label",{className:"text-xs font-medium text-[var(--text-muted)] uppercase tracking-wide",children:s("admin:permissions.type","Type")}),e.jsx("div",{children:t.isWildcard?e.jsxs("span",{className:"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-medium bg-[var(--accent-bg)] text-[var(--accent-text)] border border-[var(--accent-border)]",children:[e.jsx(a.Shield,{className:"h-3 w-3"}),s("admin:permissions.wildcardType","Wildcard")]}):e.jsx("span",{className:"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-medium bg-[var(--bg-secondary)] text-[var(--text-secondary)] border border-[var(--border-color)]",children:s("admin:permissions.specificType","Specific")})})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsx("label",{className:"text-xs font-medium text-[var(--text-muted)] uppercase tracking-wide",children:s("admin:permissions.createdAt","Created")}),e.jsxs("div",{className:"flex items-center gap-1.5 text-sm text-[var(--text-secondary)]",children:[e.jsx(a.Calendar,{className:"h-4 w-4"}),new Date(t.createdAt).toLocaleDateString()]})]}),t.description&&e.jsxs("div",{className:"space-y-1 md:col-span-2",children:[e.jsx("label",{className:"text-xs font-medium text-[var(--text-muted)] uppercase tracking-wide",children:s("admin:permissions.description","Description")}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)]",children:t.description})]})]})]}),e.jsx("div",{className:"border-b border-[var(--border-color)]",children:e.jsx("div",{className:"flex gap-1",children:[{id:"roles",label:s("admin:permissionDetail.tabs.roles","Rôles"),count:t.roles.length,icon:e.jsx(a.Shield,{className:"w-4 h-4"})},{id:"entraGroups",label:s("admin:permissionDetail.tabs.entraGroups","Groupes AAD"),count:t.entraGroups?.length??0,icon:e.jsx(a.Building2,{className:"w-4 h-4"})},{id:"users",label:s("admin:permissionDetail.tabs.users","Utilisateurs"),count:t.users.length,icon:e.jsx(a.Users,{className:"w-4 h-4"})}].map(r=>e.jsxs("button",{onClick:()=>w(r.id),className:`flex items-center gap-2 px-4 py-3 text-sm font-medium border-b-2 transition-colors ${l===r.id?"border-[var(--color-accent-500)] text-[var(--color-accent-500)]":"border-transparent text-[var(--text-secondary)] hover:text-[var(--text-primary)] hover:border-[var(--border-color)]"}`,children:[r.icon,r.label,e.jsx("span",{className:`px-2 py-0.5 text-xs rounded-full ${l===r.id?"bg-[var(--color-accent-500)]/10 text-[var(--color-accent-500)]":"bg-[var(--bg-tertiary)] text-[var(--text-tertiary)]"}`,children:r.count})]},r.id))})}),e.jsxs("div",{className:"min-h-[400px]",children:[l==="roles"&&e.jsx("div",{className:"bg-[var(--bg-card)] border border-[var(--border-color)] rounded-[var(--radius-card)] p-6",children:t.roles.length===0?e.jsxs("div",{className:"text-center py-8 text-[var(--text-muted)]",children:[e.jsx(a.Shield,{className:"h-12 w-12 mx-auto mb-3 opacity-30"}),e.jsx("p",{children:s("admin:permissionDetail.noRoles","No roles have this permission")})]}):e.jsx("div",{className:"rounded-[var(--radius-card)] border border-[var(--border-color)] overflow-hidden",children:e.jsxs("table",{className:"w-full",children:[e.jsx("thead",{className:"bg-[var(--bg-secondary)]",children:e.jsxs("tr",{children:[e.jsx("th",{className:"px-4 py-3 text-left text-sm font-medium text-[var(--text-secondary)]",children:s("admin:roles.name","Nom")}),e.jsx("th",{className:"px-4 py-3 text-left text-sm font-medium text-[var(--text-secondary)]",children:s("common:type","Type")})]})}),e.jsx("tbody",{className:"divide-y divide-[var(--border-color)]",children:t.roles.map(r=>e.jsxs("tr",{onClick:()=>n(`/administration/permissions/roles/${r.id}`),className:"hover:bg-[var(--bg-hover)] cursor-pointer transition-colors",children:[e.jsx("td",{className:"px-4 py-3",children:e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"w-8 h-8 rounded-full flex items-center justify-center bg-[var(--color-accent-500)]/10 text-[var(--color-accent-500)]",children:e.jsx(a.Shield,{className:"w-4 h-4"})}),e.jsx("span",{className:"font-medium text-[var(--text-primary)]",children:r.name})]})}),e.jsx("td",{className:"px-4 py-3",children:r.isSystem?e.jsxs("span",{className:"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-medium bg-[var(--info-bg)] text-[var(--info-text)] border border-[var(--info-border)]",children:[e.jsx(a.Lock,{className:"h-3 w-3"}),s("admin:roles.system","Système")]}):e.jsx("span",{className:"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-medium bg-[var(--bg-secondary)] text-[var(--text-secondary)] border border-[var(--border-color)]",children:s("admin:roles.custom","Personnalisé")})})]},r.id))})]})})}),l==="entraGroups"&&e.jsx("div",{className:"bg-[var(--bg-card)] border border-[var(--border-color)] rounded-[var(--radius-card)] p-6",children:!t.entraGroups||t.entraGroups.length===0?e.jsxs("div",{className:"text-center py-8 text-[var(--text-muted)]",children:[e.jsx(a.Building2,{className:"h-12 w-12 mx-auto mb-3 opacity-30"}),e.jsx("p",{children:s("admin:permissionDetail.noEntraGroups","Aucun groupe AAD n'a cette permission")})]}):e.jsx("div",{className:"rounded-[var(--radius-card)] border border-[var(--border-color)] overflow-hidden",children:e.jsxs("table",{className:"w-full",children:[e.jsx("thead",{className:"bg-[var(--bg-secondary)]",children:e.jsxs("tr",{children:[e.jsx("th",{className:"px-4 py-3 text-left text-sm font-medium text-[var(--text-secondary)]",children:s("entra:groups.groupName","Nom du groupe")}),e.jsx("th",{className:"px-4 py-3 text-left text-sm font-medium text-[var(--text-secondary)]",children:s("common:type","Type")}),e.jsx("th",{className:"px-4 py-3 text-left text-sm font-medium text-[var(--text-secondary)]",children:s("entra:groups.members","Membres")}),e.jsx("th",{className:"px-4 py-3 text-left text-sm font-medium text-[var(--text-secondary)]",children:s("admin:permissionDetail.viaRoles","Via Rôles")})]})}),e.jsx("tbody",{className:"divide-y divide-[var(--border-color)]",children:t.entraGroups.map(r=>e.jsxs("tr",{onClick:()=>n(`/administration/entra/groups/${r.id}`),className:"hover:bg-[var(--bg-hover)] cursor-pointer transition-colors",children:[e.jsx("td",{className:"px-4 py-3",children:e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:`w-8 h-8 rounded-full flex items-center justify-center ${r.isSecurityGroup?"bg-blue-500/10 text-blue-500":"bg-purple-500/10 text-purple-500"}`,children:r.isSecurityGroup?e.jsx(a.Shield,{className:"w-4 h-4"}):e.jsx(a.Building2,{className:"w-4 h-4"})}),e.jsx("span",{className:"font-medium text-[var(--text-primary)]",children:r.displayName})]})}),e.jsx("td",{className:"px-4 py-3",children:e.jsx("span",{className:`px-2 py-1 text-xs rounded-[var(--radius-badge)] ${r.isSecurityGroup?"bg-blue-500/10 text-blue-500":"bg-purple-500/10 text-purple-500"}`,children:r.isSecurityGroup?s("entra:groups.securityGroup","Sécurité"):s("entra:groups.distributionGroup","Distribution")})}),e.jsx("td",{className:"px-4 py-3 text-sm text-[var(--text-secondary)]",children:e.jsxs("span",{className:"flex items-center gap-1",children:[e.jsx(a.Users,{className:"w-4 h-4"}),r.memberCount]})}),e.jsx("td",{className:"px-4 py-3",children:e.jsx("div",{className:"flex flex-wrap gap-1",children:r.roleNames.map(c=>e.jsxs("span",{className:"inline-flex items-center gap-1 px-2 py-0.5 bg-[var(--bg-tertiary)] rounded text-xs text-[var(--text-secondary)]",children:[e.jsx(a.Shield,{className:"h-2.5 w-2.5"}),c]},c))})})]},r.id))})]})})}),l==="users"&&e.jsx("div",{className:"bg-[var(--bg-card)] border border-[var(--border-color)] rounded-[var(--radius-card)] p-6",children:t.users.length===0?e.jsxs("div",{className:"text-center py-8 text-[var(--text-muted)]",children:[e.jsx(a.Users,{className:"h-12 w-12 mx-auto mb-3 opacity-30"}),e.jsx("p",{children:s("admin:permissionDetail.noUsers","No users have this permission")})]}):e.jsx("div",{className:"rounded-[var(--radius-card)] border border-[var(--border-color)] overflow-hidden",children:e.jsxs("table",{className:"w-full",children:[e.jsx("thead",{className:"bg-[var(--bg-secondary)]",children:e.jsxs("tr",{children:[e.jsx("th",{className:"px-4 py-3 text-left text-sm font-medium text-[var(--text-secondary)]",children:s("admin:users.name","Name")}),e.jsx("th",{className:"px-4 py-3 text-left text-sm font-medium text-[var(--text-secondary)]",children:s("admin:users.email","Email")}),e.jsx("th",{className:"px-4 py-3 text-left text-sm font-medium text-[var(--text-secondary)]",children:s("admin:permissionDetail.viaRoles","Via Roles")})]})}),e.jsx("tbody",{className:"divide-y divide-[var(--border-color)]",children:t.users.map(r=>e.jsxs("tr",{onClick:()=>n(`/administration/users/${r.id}`),className:"hover:bg-[var(--bg-hover)] cursor-pointer transition-colors",children:[e.jsx("td",{className:"px-4 py-3",children:e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"h-8 w-8 rounded-full bg-[var(--color-accent-100)] dark:bg-[var(--color-accent-900)] flex items-center justify-center",children:e.jsxs("span",{className:"text-sm font-medium text-[var(--color-accent-700)] dark:text-[var(--color-accent-300)]",children:[r.firstName.charAt(0),r.lastName.charAt(0)]})}),e.jsxs("span",{className:"font-medium text-[var(--text-primary)]",children:[r.firstName," ",r.lastName]})]})}),e.jsx("td",{className:"px-4 py-3 text-sm text-[var(--text-secondary)]",children:r.email}),e.jsx("td",{className:"px-4 py-3",children:e.jsx("div",{className:"flex flex-wrap gap-1",children:r.roleNames.map(c=>e.jsxs("span",{className:"inline-flex items-center gap-1 px-2 py-0.5 bg-[var(--bg-tertiary)] rounded text-xs text-[var(--text-secondary)]",children:[e.jsx(a.Shield,{className:"h-2.5 w-2.5"}),c]},c))})})]},r.id))})]})})})]})]})}exports.PermissionDetailPage=G;
-//# sourceMappingURL=PermissionDetailPage-C1iuWv0G.js.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),h=require("react-router-dom"),A=require("react-i18next"),v=require("./index-DK5czlkn.js"),a=require("lucide-react"),b={"*":e.jsx(a.Shield,{className:"h-4 w-4"}),Read:e.jsx(a.Eye,{className:"h-4 w-4"}),Create:e.jsx(a.Plus,{className:"h-4 w-4"}),Update:e.jsx(a.Edit,{className:"h-4 w-4"}),Delete:e.jsx(a.Trash2,{className:"h-4 w-4"}),Assign:e.jsx(a.UserPlus,{className:"h-4 w-4"}),Execute:e.jsx(a.Play,{className:"h-4 w-4"})},g={"*":"bg-[var(--accent-bg)] text-[var(--accent-text)] border-[var(--accent-border)]",Read:"bg-[var(--info-bg)] text-[var(--info-text)] border-[var(--info-border)]",Create:"bg-[var(--success-bg)] text-[var(--success-text)] border-[var(--success-border)]",Update:"bg-[var(--warning-bg)] text-[var(--warning-text)] border-[var(--warning-border)]",Delete:"bg-[var(--error-bg)] text-[var(--error-text)] border-[var(--error-border)]",Assign:"bg-[var(--accent-bg)] text-[var(--accent-text)] border-[var(--accent-border)]",Execute:"bg-[var(--warning-bg)] text-[var(--warning-text)] border-[var(--warning-border)]"},P={Context:"bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-300",Application:"bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-300",Module:"bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-300",Section:"bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-300",Resource:"bg-orange-100 text-orange-800 dark:bg-orange-900/30 dark:text-orange-300"};function G(){const{t:s}=A.useTranslation(["admin","common"]),{id:d}=h.useParams(),n=h.useNavigate(),[t,j]=i.useState(null),[N,o]=i.useState(!0),[x,y]=i.useState(null),[f,m]=i.useState(!1),[l,w]=i.useState("roles"),p=i.useCallback(async()=>{if(d)try{o(!0);const r=await v.adminApi.permissions.getById(d);j(r)}catch(r){console.error("Failed to load permission:",r),y(s("admin:permissionDetail.errors.loadFailed","Failed to load permission"))}finally{o(!1)}},[d,s]);i.useEffect(()=>{p()},[p]);const k=async()=>{t?.path&&(await navigator.clipboard.writeText(t.path),m(!0),setTimeout(()=>m(!1),2e3))};if(N)return e.jsx("div",{className:"flex items-center justify-center min-h-[400px]",children:e.jsx(a.Loader2,{className:"h-8 w-8 animate-spin text-[var(--color-accent-500)]"})});if(x||!t)return e.jsx("div",{className:"p-6",children:e.jsxs("div",{className:"bg-[var(--error-bg)] border border-[var(--error-border)] rounded-lg p-4",children:[e.jsx("p",{className:"text-[var(--error-text)]",children:x||s("admin:permissionDetail.errors.notFound","Permission not found")}),e.jsx("button",{onClick:()=>n("/administration/permissions/permissions"),className:"mt-4 text-sm text-[var(--color-accent-500)] hover:underline",children:s("common:buttons.back")})]})});const u=t.action||"*",S=g[u]||g["*"],C=b[u]||b["*"],D=P[t.level]||"bg-gray-100 text-gray-800 dark:bg-gray-800 dark:text-gray-200";return e.jsxs("div",{className:"p-6 space-y-6",children:[e.jsx(v.Breadcrumb,{items:[{label:s("admin:header.title"),href:"/administration"},{label:s("admin:permissions.title","Permissions"),href:"/administration/permissions/permissions"},{label:t?.path||"Detail"}]}),e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx("button",{onClick:()=>n("/administration/permissions/permissions"),className:"p-2 hover:bg-[var(--bg-hover)] rounded-lg transition-colors",children:e.jsx(a.ArrowLeft,{className:"h-5 w-5 text-[var(--text-secondary)]"})}),e.jsxs("div",{className:"flex-1",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(a.Lock,{className:"h-6 w-6 text-[var(--color-accent-500)]"}),e.jsx("h1",{className:"text-2xl font-bold text-[var(--text-primary)]",children:s("admin:permissionDetail.title","Permission Detail")})]}),e.jsxs("div",{className:"flex items-center gap-2 mt-2",children:[e.jsx("code",{className:"px-3 py-1.5 bg-[var(--bg-tertiary)] border border-[var(--border-color)] rounded-lg text-sm font-mono text-[var(--text-primary)]",children:t.path}),e.jsx("button",{onClick:k,className:"p-1.5 hover:bg-[var(--bg-hover)] rounded transition-colors",title:s("common:buttons.copy"),children:f?e.jsx(a.CheckCircle,{className:"h-4 w-4 text-[var(--success-text)]"}):e.jsx(a.Copy,{className:"h-4 w-4 text-[var(--text-muted)]"})})]})]})]}),e.jsxs("div",{className:"bg-[var(--bg-card)] border border-[var(--border-color)] rounded-[var(--radius-card)] p-6",children:[e.jsxs("h2",{className:"text-lg font-semibold text-[var(--text-primary)] mb-4 flex items-center gap-2",children:[e.jsx(a.Info,{className:"h-5 w-5 text-[var(--color-accent-500)]"}),s("admin:permissionDetail.info","Information")]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",children:[e.jsxs("div",{className:"space-y-1",children:[e.jsx("label",{className:"text-xs font-medium text-[var(--text-muted)] uppercase tracking-wide",children:s("admin:permissions.level","Level")}),e.jsx("div",{children:e.jsxs("span",{className:`inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-medium ${D}`,children:[e.jsx(a.Layers,{className:"h-3 w-3"}),t.level]})})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsx("label",{className:"text-xs font-medium text-[var(--text-muted)] uppercase tracking-wide",children:s("admin:permissions.action","Action")}),e.jsx("div",{children:e.jsxs("span",{className:`inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-medium border ${S}`,children:[C,t.action||s("admin:permissions.wildcard","Wildcard (*)")]})})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsx("label",{className:"text-xs font-medium text-[var(--text-muted)] uppercase tracking-wide",children:s("admin:permissions.type","Type")}),e.jsx("div",{children:t.isWildcard?e.jsxs("span",{className:"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-medium bg-[var(--accent-bg)] text-[var(--accent-text)] border border-[var(--accent-border)]",children:[e.jsx(a.Shield,{className:"h-3 w-3"}),s("admin:permissions.wildcardType","Wildcard")]}):e.jsx("span",{className:"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-medium bg-[var(--bg-secondary)] text-[var(--text-secondary)] border border-[var(--border-color)]",children:s("admin:permissions.specificType","Specific")})})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsx("label",{className:"text-xs font-medium text-[var(--text-muted)] uppercase tracking-wide",children:s("admin:permissions.createdAt","Created")}),e.jsxs("div",{className:"flex items-center gap-1.5 text-sm text-[var(--text-secondary)]",children:[e.jsx(a.Calendar,{className:"h-4 w-4"}),new Date(t.createdAt).toLocaleDateString()]})]}),t.description&&e.jsxs("div",{className:"space-y-1 md:col-span-2",children:[e.jsx("label",{className:"text-xs font-medium text-[var(--text-muted)] uppercase tracking-wide",children:s("admin:permissions.description","Description")}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)]",children:t.description})]})]})]}),e.jsx("div",{className:"border-b border-[var(--border-color)]",children:e.jsx("div",{className:"flex gap-1",children:[{id:"roles",label:s("admin:permissionDetail.tabs.roles","Rôles"),count:t.roles.length,icon:e.jsx(a.Shield,{className:"w-4 h-4"})},{id:"entraGroups",label:s("admin:permissionDetail.tabs.entraGroups","Groupes AAD"),count:t.entraGroups?.length??0,icon:e.jsx(a.Building2,{className:"w-4 h-4"})},{id:"users",label:s("admin:permissionDetail.tabs.users","Utilisateurs"),count:t.users.length,icon:e.jsx(a.Users,{className:"w-4 h-4"})}].map(r=>e.jsxs("button",{onClick:()=>w(r.id),className:`flex items-center gap-2 px-4 py-3 text-sm font-medium border-b-2 transition-colors ${l===r.id?"border-[var(--color-accent-500)] text-[var(--color-accent-500)]":"border-transparent text-[var(--text-secondary)] hover:text-[var(--text-primary)] hover:border-[var(--border-color)]"}`,children:[r.icon,r.label,e.jsx("span",{className:`px-2 py-0.5 text-xs rounded-full ${l===r.id?"bg-[var(--color-accent-500)]/10 text-[var(--color-accent-500)]":"bg-[var(--bg-tertiary)] text-[var(--text-tertiary)]"}`,children:r.count})]},r.id))})}),e.jsxs("div",{className:"min-h-[400px]",children:[l==="roles"&&e.jsx("div",{className:"bg-[var(--bg-card)] border border-[var(--border-color)] rounded-[var(--radius-card)] p-6",children:t.roles.length===0?e.jsxs("div",{className:"text-center py-8 text-[var(--text-muted)]",children:[e.jsx(a.Shield,{className:"h-12 w-12 mx-auto mb-3 opacity-30"}),e.jsx("p",{children:s("admin:permissionDetail.noRoles","No roles have this permission")})]}):e.jsx("div",{className:"rounded-[var(--radius-card)] border border-[var(--border-color)] overflow-hidden",children:e.jsxs("table",{className:"w-full",children:[e.jsx("thead",{className:"bg-[var(--bg-secondary)]",children:e.jsxs("tr",{children:[e.jsx("th",{className:"px-4 py-3 text-left text-sm font-medium text-[var(--text-secondary)]",children:s("admin:roles.name","Nom")}),e.jsx("th",{className:"px-4 py-3 text-left text-sm font-medium text-[var(--text-secondary)]",children:s("common:type","Type")})]})}),e.jsx("tbody",{className:"divide-y divide-[var(--border-color)]",children:t.roles.map(r=>e.jsxs("tr",{onClick:()=>n(`/administration/permissions/roles/${r.id}`),className:"hover:bg-[var(--bg-hover)] cursor-pointer transition-colors",children:[e.jsx("td",{className:"px-4 py-3",children:e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"w-8 h-8 rounded-full flex items-center justify-center bg-[var(--color-accent-500)]/10 text-[var(--color-accent-500)]",children:e.jsx(a.Shield,{className:"w-4 h-4"})}),e.jsx("span",{className:"font-medium text-[var(--text-primary)]",children:r.name})]})}),e.jsx("td",{className:"px-4 py-3",children:r.isSystem?e.jsxs("span",{className:"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-medium bg-[var(--info-bg)] text-[var(--info-text)] border border-[var(--info-border)]",children:[e.jsx(a.Lock,{className:"h-3 w-3"}),s("admin:roles.system","Système")]}):e.jsx("span",{className:"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-medium bg-[var(--bg-secondary)] text-[var(--text-secondary)] border border-[var(--border-color)]",children:s("admin:roles.custom","Personnalisé")})})]},r.id))})]})})}),l==="entraGroups"&&e.jsx("div",{className:"bg-[var(--bg-card)] border border-[var(--border-color)] rounded-[var(--radius-card)] p-6",children:!t.entraGroups||t.entraGroups.length===0?e.jsxs("div",{className:"text-center py-8 text-[var(--text-muted)]",children:[e.jsx(a.Building2,{className:"h-12 w-12 mx-auto mb-3 opacity-30"}),e.jsx("p",{children:s("admin:permissionDetail.noEntraGroups","Aucun groupe AAD n'a cette permission")})]}):e.jsx("div",{className:"rounded-[var(--radius-card)] border border-[var(--border-color)] overflow-hidden",children:e.jsxs("table",{className:"w-full",children:[e.jsx("thead",{className:"bg-[var(--bg-secondary)]",children:e.jsxs("tr",{children:[e.jsx("th",{className:"px-4 py-3 text-left text-sm font-medium text-[var(--text-secondary)]",children:s("entra:groups.groupName","Nom du groupe")}),e.jsx("th",{className:"px-4 py-3 text-left text-sm font-medium text-[var(--text-secondary)]",children:s("common:type","Type")}),e.jsx("th",{className:"px-4 py-3 text-left text-sm font-medium text-[var(--text-secondary)]",children:s("entra:groups.members","Membres")}),e.jsx("th",{className:"px-4 py-3 text-left text-sm font-medium text-[var(--text-secondary)]",children:s("admin:permissionDetail.viaRoles","Via Rôles")})]})}),e.jsx("tbody",{className:"divide-y divide-[var(--border-color)]",children:t.entraGroups.map(r=>e.jsxs("tr",{onClick:()=>n(`/administration/entra/groups/${r.id}`),className:"hover:bg-[var(--bg-hover)] cursor-pointer transition-colors",children:[e.jsx("td",{className:"px-4 py-3",children:e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:`w-8 h-8 rounded-full flex items-center justify-center ${r.isSecurityGroup?"bg-blue-500/10 text-blue-500":"bg-purple-500/10 text-purple-500"}`,children:r.isSecurityGroup?e.jsx(a.Shield,{className:"w-4 h-4"}):e.jsx(a.Building2,{className:"w-4 h-4"})}),e.jsx("span",{className:"font-medium text-[var(--text-primary)]",children:r.displayName})]})}),e.jsx("td",{className:"px-4 py-3",children:e.jsx("span",{className:`px-2 py-1 text-xs rounded-[var(--radius-badge)] ${r.isSecurityGroup?"bg-blue-500/10 text-blue-500":"bg-purple-500/10 text-purple-500"}`,children:r.isSecurityGroup?s("entra:groups.securityGroup","Sécurité"):s("entra:groups.distributionGroup","Distribution")})}),e.jsx("td",{className:"px-4 py-3 text-sm text-[var(--text-secondary)]",children:e.jsxs("span",{className:"flex items-center gap-1",children:[e.jsx(a.Users,{className:"w-4 h-4"}),r.memberCount]})}),e.jsx("td",{className:"px-4 py-3",children:e.jsx("div",{className:"flex flex-wrap gap-1",children:r.roleNames.map(c=>e.jsxs("span",{className:"inline-flex items-center gap-1 px-2 py-0.5 bg-[var(--bg-tertiary)] rounded text-xs text-[var(--text-secondary)]",children:[e.jsx(a.Shield,{className:"h-2.5 w-2.5"}),c]},c))})})]},r.id))})]})})}),l==="users"&&e.jsx("div",{className:"bg-[var(--bg-card)] border border-[var(--border-color)] rounded-[var(--radius-card)] p-6",children:t.users.length===0?e.jsxs("div",{className:"text-center py-8 text-[var(--text-muted)]",children:[e.jsx(a.Users,{className:"h-12 w-12 mx-auto mb-3 opacity-30"}),e.jsx("p",{children:s("admin:permissionDetail.noUsers","No users have this permission")})]}):e.jsx("div",{className:"rounded-[var(--radius-card)] border border-[var(--border-color)] overflow-hidden",children:e.jsxs("table",{className:"w-full",children:[e.jsx("thead",{className:"bg-[var(--bg-secondary)]",children:e.jsxs("tr",{children:[e.jsx("th",{className:"px-4 py-3 text-left text-sm font-medium text-[var(--text-secondary)]",children:s("admin:users.name","Name")}),e.jsx("th",{className:"px-4 py-3 text-left text-sm font-medium text-[var(--text-secondary)]",children:s("admin:users.email","Email")}),e.jsx("th",{className:"px-4 py-3 text-left text-sm font-medium text-[var(--text-secondary)]",children:s("admin:permissionDetail.viaRoles","Via Roles")})]})}),e.jsx("tbody",{className:"divide-y divide-[var(--border-color)]",children:t.users.map(r=>e.jsxs("tr",{onClick:()=>n(`/administration/users/${r.id}`),className:"hover:bg-[var(--bg-hover)] cursor-pointer transition-colors",children:[e.jsx("td",{className:"px-4 py-3",children:e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"h-8 w-8 rounded-full bg-[var(--color-accent-100)] dark:bg-[var(--color-accent-900)] flex items-center justify-center",children:e.jsxs("span",{className:"text-sm font-medium text-[var(--color-accent-700)] dark:text-[var(--color-accent-300)]",children:[r.firstName.charAt(0),r.lastName.charAt(0)]})}),e.jsxs("span",{className:"font-medium text-[var(--text-primary)]",children:[r.firstName," ",r.lastName]})]})}),e.jsx("td",{className:"px-4 py-3 text-sm text-[var(--text-secondary)]",children:r.email}),e.jsx("td",{className:"px-4 py-3",children:e.jsx("div",{className:"flex flex-wrap gap-1",children:r.roleNames.map(c=>e.jsxs("span",{className:"inline-flex items-center gap-1 px-2 py-0.5 bg-[var(--bg-tertiary)] rounded text-xs text-[var(--text-secondary)]",children:[e.jsx(a.Shield,{className:"h-2.5 w-2.5"}),c]},c))})})]},r.id))})]})})})]})]})}exports.PermissionDetailPage=G;
+//# sourceMappingURL=PermissionDetailPage-BIG78-1-.js.map

package/dist/chunks/{PermissionDetailPage-C1iuWv0G.js.map → PermissionDetailPage-BIG78-1-.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PermissionDetailPage-C1iuWv0G.js","sources":["../../src/pages/platform/administration/permissions/PermissionDetailPage.tsx"],"sourcesContent":["import { useState, useEffect, useCallback, type ReactNode } from 'react';\r\nimport type { ReactElement } from 'react';\r\nimport { useParams, useNavigate } from 'react-router-dom';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { Breadcrumb } from '@/components/ui/Breadcrumb';\r\nimport {\r\n  ArrowLeft,\r\n  Shield,\r\n  Users,\r\n  Loader2,\r\n  Lock,\r\n  Eye,\r\n  Plus,\r\n  Edit,\r\n  Trash2,\r\n  UserPlus,\r\n  Play,\r\n  Layers,\r\n  Calendar,\r\n  Copy,\r\n  CheckCircle,\r\n  Info,\r\n  Building2\r\n} from 'lucide-react';\r\nimport {\r\n  adminApi,\r\n  type PermissionDetailDto,\r\n} from '@/services/api/adminApi';\r\n\r\ntype TabId = 'roles' | 'entraGroups' | 'users';\r\n\r\nconst ACTION_ICONS: Record<string, React.ReactNode> = {\r\n  '*': <Shield className=\"h-4 w-4\" />,\r\n  Read: <Eye className=\"h-4 w-4\" />,\r\n  Create: <Plus className=\"h-4 w-4\" />,\r\n  Update: <Edit className=\"h-4 w-4\" />,\r\n  Delete: <Trash2 className=\"h-4 w-4\" />,\r\n  Assign: <UserPlus className=\"h-4 w-4\" />,\r\n  Execute: <Play className=\"h-4 w-4\" />,\r\n};\r\n\r\nconst ACTION_COLORS: Record<string, string> = {\r\n  '*': 'bg-[var(--accent-bg)] text-[var(--accent-text)] border-[var(--accent-border)]',\r\n  Read: 'bg-[var(--info-bg)] text-[var(--info-text)] border-[var(--info-border)]',\r\n  Create: 'bg-[var(--success-bg)] text-[var(--success-text)] border-[var(--success-border)]',\r\n  Update: 'bg-[var(--warning-bg)] text-[var(--warning-text)] border-[var(--warning-border)]',\r\n  Delete: 'bg-[var(--error-bg)] text-[var(--error-text)] border-[var(--error-border)]',\r\n  Assign: 'bg-[var(--accent-bg)] text-[var(--accent-text)] border-[var(--accent-border)]',\r\n  Execute: 'bg-[var(--warning-bg)] text-[var(--warning-text)] border-[var(--warning-border)]',\r\n};\r\n\r\nconst LEVEL_COLORS: Record<string, string> = {\r\n  Context: 'bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-300',\r\n  Application: 'bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-300',\r\n  Module: 'bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-300',\r\n  Section: 'bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-300',\r\n  Resource: 'bg-orange-100 text-orange-800 dark:bg-orange-900/30 dark:text-orange-300',\r\n};\r\n\r\nexport function PermissionDetailPage(): ReactElement {\r\n  const { t } = useTranslation(['admin', 'common']);\r\n  const { id: permissionId } = useParams<{ id: string }>();\r\n  const navigate = useNavigate();\r\n\r\n  const [permission, setPermission] = useState<PermissionDetailDto | null>(null);\r\n  const [loading, setLoading] = useState(true);\r\n  const [error, setError] = useState<string | null>(null);\r\n  const [copied, setCopied] = useState(false);\r\n  const [activeTab, setActiveTab] = useState<TabId>('roles');\r\n\r\n  const loadPermission = useCallback(async () => {\r\n    if (!permissionId) return;\r\n    try {\r\n      setLoading(true);\r\n      const data = await adminApi.permissions.getById(permissionId);\r\n      setPermission(data);\r\n    } catch (err) {\r\n      console.error('Failed to load permission:', err);\r\n      setError(t('admin:permissionDetail.errors.loadFailed', 'Failed to load permission'));\r\n    } finally {\r\n      setLoading(false);\r\n    }\r\n  }, [permissionId, t]);\r\n\r\n  useEffect(() => {\r\n    loadPermission();\r\n  }, [loadPermission]);\r\n\r\n  const handleCopyPath = async () => {\r\n    if (permission?.path) {\r\n      await navigator.clipboard.writeText(permission.path);\r\n      setCopied(true);\r\n      setTimeout(() => setCopied(false), 2000);\r\n    }\r\n  };\r\n\r\n  if (loading) {\r\n    return (\r\n      <div className=\"flex items-center justify-center min-h-[400px]\">\r\n        <Loader2 className=\"h-8 w-8 animate-spin text-[var(--color-accent-500)]\" />\r\n      </div>\r\n    );\r\n  }\r\n\r\n  if (error || !permission) {\r\n    return (\r\n      <div className=\"p-6\">\r\n        <div className=\"bg-[var(--error-bg)] border border-[var(--error-border)] rounded-lg p-4\">\r\n          <p className=\"text-[var(--error-text)]\">{error || t('admin:permissionDetail.errors.notFound', 'Permission not found')}</p>\r\n          <button\r\n            onClick={() => navigate('/administration/permissions/permissions')}\r\n            className=\"mt-4 text-sm text-[var(--color-accent-500)] hover:underline\"\r\n          >\r\n            {t('common:buttons.back')}\r\n          </button>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  const actionKey = permission.action || '*';\r\n  const actionColor = ACTION_COLORS[actionKey] || ACTION_COLORS['*'];\r\n  const actionIcon = ACTION_ICONS[actionKey] || ACTION_ICONS['*'];\r\n  const levelColor = LEVEL_COLORS[permission.level] || 'bg-gray-100 text-gray-800 dark:bg-gray-800 dark:text-gray-200';\r\n\r\n  return (\r\n    <div className=\"p-6 space-y-6\">\r\n      <Breadcrumb\r\n        items={[\r\n          { label: t('admin:header.title'), href: '/administration' },\r\n          { label: t('admin:permissions.title', 'Permissions'), href: '/administration/permissions/permissions' },\r\n          { label: permission?.path || 'Detail' }\r\n        ]}\r\n      />\r\n\r\n      {/* Header */}\r\n      <div className=\"flex items-center gap-4\">\r\n        <button\r\n          onClick={() => navigate('/administration/permissions/permissions')}\r\n          className=\"p-2 hover:bg-[var(--bg-hover)] rounded-lg transition-colors\"\r\n        >\r\n          <ArrowLeft className=\"h-5 w-5 text-[var(--text-secondary)]\" />\r\n        </button>\r\n        <div className=\"flex-1\">\r\n          <div className=\"flex items-center gap-3\">\r\n            <Lock className=\"h-6 w-6 text-[var(--color-accent-500)]\" />\r\n            <h1 className=\"text-2xl font-bold text-[var(--text-primary)]\">\r\n              {t('admin:permissionDetail.title', 'Permission Detail')}\r\n            </h1>\r\n          </div>\r\n          <div className=\"flex items-center gap-2 mt-2\">\r\n            <code className=\"px-3 py-1.5 bg-[var(--bg-tertiary)] border border-[var(--border-color)] rounded-lg text-sm font-mono text-[var(--text-primary)]\">\r\n              {permission.path}\r\n            </code>\r\n            <button\r\n              onClick={handleCopyPath}\r\n              className=\"p-1.5 hover:bg-[var(--bg-hover)] rounded transition-colors\"\r\n              title={t('common:buttons.copy')}\r\n            >\r\n              {copied ? (\r\n                <CheckCircle className=\"h-4 w-4 text-[var(--success-text)]\" />\r\n              ) : (\r\n                <Copy className=\"h-4 w-4 text-[var(--text-muted)]\" />\r\n              )}\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      {/* Permission Info Card */}\r\n      <div className=\"bg-[var(--bg-card)] border border-[var(--border-color)] rounded-[var(--radius-card)] p-6\">\r\n        <h2 className=\"text-lg font-semibold text-[var(--text-primary)] mb-4 flex items-center gap-2\">\r\n          <Info className=\"h-5 w-5 text-[var(--color-accent-500)]\" />\r\n          {t('admin:permissionDetail.info', 'Information')}\r\n        </h2>\r\n\r\n        <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4\">\r\n          {/* Level */}\r\n          <div className=\"space-y-1\">\r\n            <label className=\"text-xs font-medium text-[var(--text-muted)] uppercase tracking-wide\">\r\n              {t('admin:permissions.level', 'Level')}\r\n            </label>\r\n            <div>\r\n              <span className={`inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-medium ${levelColor}`}>\r\n                <Layers className=\"h-3 w-3\" />\r\n                {permission.level}\r\n              </span>\r\n            </div>\r\n          </div>\r\n\r\n          {/* Action */}\r\n          <div className=\"space-y-1\">\r\n            <label className=\"text-xs font-medium text-[var(--text-muted)] uppercase tracking-wide\">\r\n              {t('admin:permissions.action', 'Action')}\r\n            </label>\r\n            <div>\r\n              <span className={`inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-medium border ${actionColor}`}>\r\n                {actionIcon}\r\n                {permission.action || t('admin:permissions.wildcard', 'Wildcard (*)')}\r\n              </span>\r\n            </div>\r\n          </div>\r\n\r\n          {/* Wildcard */}\r\n          <div className=\"space-y-1\">\r\n            <label className=\"text-xs font-medium text-[var(--text-muted)] uppercase tracking-wide\">\r\n              {t('admin:permissions.type', 'Type')}\r\n            </label>\r\n            <div>\r\n              {permission.isWildcard ? (\r\n                <span className=\"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-medium bg-[var(--accent-bg)] text-[var(--accent-text)] border border-[var(--accent-border)]\">\r\n                  <Shield className=\"h-3 w-3\" />\r\n                  {t('admin:permissions.wildcardType', 'Wildcard')}\r\n                </span>\r\n              ) : (\r\n                <span className=\"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-medium bg-[var(--bg-secondary)] text-[var(--text-secondary)] border border-[var(--border-color)]\">\r\n                  {t('admin:permissions.specificType', 'Specific')}\r\n                </span>\r\n              )}\r\n            </div>\r\n          </div>\r\n\r\n          {/* Created At */}\r\n          <div className=\"space-y-1\">\r\n            <label className=\"text-xs font-medium text-[var(--text-muted)] uppercase tracking-wide\">\r\n              {t('admin:permissions.createdAt', 'Created')}\r\n            </label>\r\n            <div className=\"flex items-center gap-1.5 text-sm text-[var(--text-secondary)]\">\r\n              <Calendar className=\"h-4 w-4\" />\r\n              {new Date(permission.createdAt).toLocaleDateString()}\r\n            </div>\r\n          </div>\r\n\r\n          {/* Description */}\r\n          {permission.description && (\r\n            <div className=\"space-y-1 md:col-span-2\">\r\n              <label className=\"text-xs font-medium text-[var(--text-muted)] uppercase tracking-wide\">\r\n                {t('admin:permissions.description', 'Description')}\r\n              </label>\r\n              <p className=\"text-sm text-[var(--text-secondary)]\">{permission.description}</p>\r\n            </div>\r\n          )}\r\n        </div>\r\n      </div>\r\n\r\n      {/* Tabs */}\r\n      <div className=\"border-b border-[var(--border-color)]\">\r\n        <div className=\"flex gap-1\">\r\n          {([\r\n            { id: 'roles', label: t('admin:permissionDetail.tabs.roles', 'Rôles'), count: permission.roles.length, icon: <Shield className=\"w-4 h-4\" /> },\r\n            { id: 'entraGroups', label: t('admin:permissionDetail.tabs.entraGroups', 'Groupes AAD'), count: permission.entraGroups?.length ?? 0, icon: <Building2 className=\"w-4 h-4\" /> },\r\n            { id: 'users', label: t('admin:permissionDetail.tabs.users', 'Utilisateurs'), count: permission.users.length, icon: <Users className=\"w-4 h-4\" /> },\r\n          ] satisfies Array<{ id: TabId; label: string; count: number; icon: ReactNode }>).map((tab) => (\r\n            <button\r\n              key={tab.id}\r\n              onClick={() => setActiveTab(tab.id)}\r\n              className={`flex items-center gap-2 px-4 py-3 text-sm font-medium border-b-2 transition-colors ${\r\n                activeTab === tab.id\r\n                  ? 'border-[var(--color-accent-500)] text-[var(--color-accent-500)]'\r\n                  : 'border-transparent text-[var(--text-secondary)] hover:text-[var(--text-primary)] hover:border-[var(--border-color)]'\r\n              }`}\r\n            >\r\n              {tab.icon}\r\n              {tab.label}\r\n              <span className={`px-2 py-0.5 text-xs rounded-full ${\r\n                activeTab === tab.id\r\n                  ? 'bg-[var(--color-accent-500)]/10 text-[var(--color-accent-500)]'\r\n                  : 'bg-[var(--bg-tertiary)] text-[var(--text-tertiary)]'\r\n              }`}>\r\n                {tab.count}\r\n              </span>\r\n            </button>\r\n          ))}\r\n        </div>\r\n      </div>\r\n\r\n      {/* Tab Content */}\r\n      <div className=\"min-h-[400px]\">\r\n        {/* Roles Tab */}\r\n        {activeTab === 'roles' && (\r\n          <div className=\"bg-[var(--bg-card)] border border-[var(--border-color)] rounded-[var(--radius-card)] p-6\">\r\n            {permission.roles.length === 0 ? (\r\n              <div className=\"text-center py-8 text-[var(--text-muted)]\">\r\n                <Shield className=\"h-12 w-12 mx-auto mb-3 opacity-30\" />\r\n                <p>{t('admin:permissionDetail.noRoles', 'No roles have this permission')}</p>\r\n              </div>\r\n            ) : (\r\n              <div className=\"rounded-[var(--radius-card)] border border-[var(--border-color)] overflow-hidden\">\r\n                <table className=\"w-full\">\r\n                  <thead className=\"bg-[var(--bg-secondary)]\">\r\n                    <tr>\r\n                      <th className=\"px-4 py-3 text-left text-sm font-medium text-[var(--text-secondary)]\">\r\n                        {t('admin:roles.name', 'Nom')}\r\n                      </th>\r\n                      <th className=\"px-4 py-3 text-left text-sm font-medium text-[var(--text-secondary)]\">\r\n                        {t('common:type', 'Type')}\r\n                      </th>\r\n                    </tr>\r\n                  </thead>\r\n                  <tbody className=\"divide-y divide-[var(--border-color)]\">\r\n                    {permission.roles.map((role) => (\r\n                      <tr\r\n                        key={role.id}\r\n                        onClick={() => navigate(`/administration/permissions/roles/${role.id}`)}\r\n                        className=\"hover:bg-[var(--bg-hover)] cursor-pointer transition-colors\"\r\n                      >\r\n                        <td className=\"px-4 py-3\">\r\n                          <div className=\"flex items-center gap-3\">\r\n                            <div className=\"w-8 h-8 rounded-full flex items-center justify-center bg-[var(--color-accent-500)]/10 text-[var(--color-accent-500)]\">\r\n                              <Shield className=\"w-4 h-4\" />\r\n                            </div>\r\n                            <span className=\"font-medium text-[var(--text-primary)]\">{role.name}</span>\r\n                          </div>\r\n                        </td>\r\n                        <td className=\"px-4 py-3\">\r\n                          {role.isSystem ? (\r\n                            <span className=\"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-medium bg-[var(--info-bg)] text-[var(--info-text)] border border-[var(--info-border)]\">\r\n                              <Lock className=\"h-3 w-3\" />\r\n                              {t('admin:roles.system', 'Système')}\r\n                            </span>\r\n                          ) : (\r\n                            <span className=\"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-medium bg-[var(--bg-secondary)] text-[var(--text-secondary)] border border-[var(--border-color)]\">\r\n                              {t('admin:roles.custom', 'Personnalisé')}\r\n                            </span>\r\n                          )}\r\n                        </td>\r\n                      </tr>\r\n                    ))}\r\n                  </tbody>\r\n                </table>\r\n              </div>\r\n            )}\r\n          </div>\r\n        )}\r\n\r\n        {/* Entra Groups Tab */}\r\n        {activeTab === 'entraGroups' && (\r\n          <div className=\"bg-[var(--bg-card)] border border-[var(--border-color)] rounded-[var(--radius-card)] p-6\">\r\n            {(!permission.entraGroups || permission.entraGroups.length === 0) ? (\r\n              <div className=\"text-center py-8 text-[var(--text-muted)]\">\r\n                <Building2 className=\"h-12 w-12 mx-auto mb-3 opacity-30\" />\r\n                <p>{t('admin:permissionDetail.noEntraGroups', 'Aucun groupe AAD n\\'a cette permission')}</p>\r\n              </div>\r\n            ) : (\r\n              <div className=\"rounded-[var(--radius-card)] border border-[var(--border-color)] overflow-hidden\">\r\n                <table className=\"w-full\">\r\n                  <thead className=\"bg-[var(--bg-secondary)]\">\r\n                    <tr>\r\n                      <th className=\"px-4 py-3 text-left text-sm font-medium text-[var(--text-secondary)]\">\r\n                        {t('entra:groups.groupName', 'Nom du groupe')}\r\n                      </th>\r\n                      <th className=\"px-4 py-3 text-left text-sm font-medium text-[var(--text-secondary)]\">\r\n                        {t('common:type', 'Type')}\r\n                      </th>\r\n                      <th className=\"px-4 py-3 text-left text-sm font-medium text-[var(--text-secondary)]\">\r\n                        {t('entra:groups.members', 'Membres')}\r\n                      </th>\r\n                      <th className=\"px-4 py-3 text-left text-sm font-medium text-[var(--text-secondary)]\">\r\n                        {t('admin:permissionDetail.viaRoles', 'Via Rôles')}\r\n                      </th>\r\n                    </tr>\r\n                  </thead>\r\n                  <tbody className=\"divide-y divide-[var(--border-color)]\">\r\n                    {permission.entraGroups.map((group) => (\r\n                      <tr\r\n                        key={group.id}\r\n                        onClick={() => navigate(`/administration/entra/groups/${group.id}`)}\r\n                        className=\"hover:bg-[var(--bg-hover)] cursor-pointer transition-colors\"\r\n                      >\r\n                        <td className=\"px-4 py-3\">\r\n                          <div className=\"flex items-center gap-3\">\r\n                            <div className={`w-8 h-8 rounded-full flex items-center justify-center ${\r\n                              group.isSecurityGroup\r\n                                ? 'bg-blue-500/10 text-blue-500'\r\n                                : 'bg-purple-500/10 text-purple-500'\r\n                            }`}>\r\n                              {group.isSecurityGroup ? (\r\n                                <Shield className=\"w-4 h-4\" />\r\n                              ) : (\r\n                                <Building2 className=\"w-4 h-4\" />\r\n                              )}\r\n                            </div>\r\n                            <span className=\"font-medium text-[var(--text-primary)]\">{group.displayName}</span>\r\n                          </div>\r\n                        </td>\r\n                        <td className=\"px-4 py-3\">\r\n                          <span className={`px-2 py-1 text-xs rounded-[var(--radius-badge)] ${\r\n                            group.isSecurityGroup\r\n                              ? 'bg-blue-500/10 text-blue-500'\r\n                              : 'bg-purple-500/10 text-purple-500'\r\n                          }`}>\r\n                            {group.isSecurityGroup ? t('entra:groups.securityGroup', 'Sécurité') : t('entra:groups.distributionGroup', 'Distribution')}\r\n                          </span>\r\n                        </td>\r\n                        <td className=\"px-4 py-3 text-sm text-[var(--text-secondary)]\">\r\n                          <span className=\"flex items-center gap-1\">\r\n                            <Users className=\"w-4 h-4\" />\r\n                            {group.memberCount}\r\n                          </span>\r\n                        </td>\r\n                        <td className=\"px-4 py-3\">\r\n                          <div className=\"flex flex-wrap gap-1\">\r\n                            {group.roleNames.map((roleName) => (\r\n                              <span\r\n                                key={roleName}\r\n                                className=\"inline-flex items-center gap-1 px-2 py-0.5 bg-[var(--bg-tertiary)] rounded text-xs text-[var(--text-secondary)]\"\r\n                              >\r\n                                <Shield className=\"h-2.5 w-2.5\" />\r\n                                {roleName}\r\n                              </span>\r\n                            ))}\r\n                          </div>\r\n                        </td>\r\n                      </tr>\r\n                    ))}\r\n                  </tbody>\r\n                </table>\r\n              </div>\r\n            )}\r\n          </div>\r\n        )}\r\n\r\n        {/* Users Tab */}\r\n        {activeTab === 'users' && (\r\n          <div className=\"bg-[var(--bg-card)] border border-[var(--border-color)] rounded-[var(--radius-card)] p-6\">\r\n            {permission.users.length === 0 ? (\r\n              <div className=\"text-center py-8 text-[var(--text-muted)]\">\r\n                <Users className=\"h-12 w-12 mx-auto mb-3 opacity-30\" />\r\n                <p>{t('admin:permissionDetail.noUsers', 'No users have this permission')}</p>\r\n              </div>\r\n            ) : (\r\n              <div className=\"rounded-[var(--radius-card)] border border-[var(--border-color)] overflow-hidden\">\r\n                <table className=\"w-full\">\r\n                  <thead className=\"bg-[var(--bg-secondary)]\">\r\n                    <tr>\r\n                      <th className=\"px-4 py-3 text-left text-sm font-medium text-[var(--text-secondary)]\">\r\n                        {t('admin:users.name', 'Name')}\r\n                      </th>\r\n                      <th className=\"px-4 py-3 text-left text-sm font-medium text-[var(--text-secondary)]\">\r\n                        {t('admin:users.email', 'Email')}\r\n                      </th>\r\n                      <th className=\"px-4 py-3 text-left text-sm font-medium text-[var(--text-secondary)]\">\r\n                        {t('admin:permissionDetail.viaRoles', 'Via Roles')}\r\n                      </th>\r\n                    </tr>\r\n                  </thead>\r\n                  <tbody className=\"divide-y divide-[var(--border-color)]\">\r\n                    {permission.users.map((user) => (\r\n                      <tr\r\n                        key={user.id}\r\n                        onClick={() => navigate(`/administration/users/${user.id}`)}\r\n                        className=\"hover:bg-[var(--bg-hover)] cursor-pointer transition-colors\"\r\n                      >\r\n                        <td className=\"px-4 py-3\">\r\n                          <div className=\"flex items-center gap-3\">\r\n                            <div className=\"h-8 w-8 rounded-full bg-[var(--color-accent-100)] dark:bg-[var(--color-accent-900)] flex items-center justify-center\">\r\n                              <span className=\"text-sm font-medium text-[var(--color-accent-700)] dark:text-[var(--color-accent-300)]\">\r\n                                {user.firstName.charAt(0)}{user.lastName.charAt(0)}\r\n                              </span>\r\n                            </div>\r\n                            <span className=\"font-medium text-[var(--text-primary)]\">\r\n                              {user.firstName} {user.lastName}\r\n                            </span>\r\n                          </div>\r\n                        </td>\r\n                        <td className=\"px-4 py-3 text-sm text-[var(--text-secondary)]\">\r\n                          {user.email}\r\n                        </td>\r\n                        <td className=\"px-4 py-3\">\r\n                          <div className=\"flex flex-wrap gap-1\">\r\n                            {user.roleNames.map((roleName) => (\r\n                              <span\r\n                                key={roleName}\r\n                                className=\"inline-flex items-center gap-1 px-2 py-0.5 bg-[var(--bg-tertiary)] rounded text-xs text-[var(--text-secondary)]\"\r\n                              >\r\n                                <Shield className=\"h-2.5 w-2.5\" />\r\n                                {roleName}\r\n                              </span>\r\n                            ))}\r\n                          </div>\r\n                        </td>\r\n                      </tr>\r\n                    ))}\r\n                  </tbody>\r\n                </table>\r\n              </div>\r\n            )}\r\n          </div>\r\n        )}\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["ACTION_ICONS","jsx","Shield","Eye","Plus","Edit","Trash2","UserPlus","Play","ACTION_COLORS","LEVEL_COLORS","PermissionDetailPage","t","useTranslation","permissionId","useParams","navigate","useNavigate","permission","setPermission","useState","loading","setLoading","error","setError","copied","setCopied","activeTab","setActiveTab","loadPermission","useCallback","data","adminApi","err","useEffect","handleCopyPath","Loader2","jsxs","actionKey","actionColor","actionIcon","levelColor","Breadcrumb","ArrowLeft","Lock","CheckCircle","Copy","Info","Layers","Calendar","Building2","Users","tab","role","group","roleName","user"],"mappings":"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"}
+{"version":3,"file":"PermissionDetailPage-BIG78-1-.js","sources":["../../src/pages/platform/administration/permissions/PermissionDetailPage.tsx"],"sourcesContent":["import { useState, useEffect, useCallback, type ReactNode } from 'react';\r\nimport type { ReactElement } from 'react';\r\nimport { useParams, useNavigate } from 'react-router-dom';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { Breadcrumb } from '@/components/ui/Breadcrumb';\r\nimport {\r\n  ArrowLeft,\r\n  Shield,\r\n  Users,\r\n  Loader2,\r\n  Lock,\r\n  Eye,\r\n  Plus,\r\n  Edit,\r\n  Trash2,\r\n  UserPlus,\r\n  Play,\r\n  Layers,\r\n  Calendar,\r\n  Copy,\r\n  CheckCircle,\r\n  Info,\r\n  Building2\r\n} from 'lucide-react';\r\nimport {\r\n  adminApi,\r\n  type PermissionDetailDto,\r\n} from '@/services/api/adminApi';\r\n\r\ntype TabId = 'roles' | 'entraGroups' | 'users';\r\n\r\nconst ACTION_ICONS: Record<string, React.ReactNode> = {\r\n  '*': <Shield className=\"h-4 w-4\" />,\r\n  Read: <Eye className=\"h-4 w-4\" />,\r\n  Create: <Plus className=\"h-4 w-4\" />,\r\n  Update: <Edit className=\"h-4 w-4\" />,\r\n  Delete: <Trash2 className=\"h-4 w-4\" />,\r\n  Assign: <UserPlus className=\"h-4 w-4\" />,\r\n  Execute: <Play className=\"h-4 w-4\" />,\r\n};\r\n\r\nconst ACTION_COLORS: Record<string, string> = {\r\n  '*': 'bg-[var(--accent-bg)] text-[var(--accent-text)] border-[var(--accent-border)]',\r\n  Read: 'bg-[var(--info-bg)] text-[var(--info-text)] border-[var(--info-border)]',\r\n  Create: 'bg-[var(--success-bg)] text-[var(--success-text)] border-[var(--success-border)]',\r\n  Update: 'bg-[var(--warning-bg)] text-[var(--warning-text)] border-[var(--warning-border)]',\r\n  Delete: 'bg-[var(--error-bg)] text-[var(--error-text)] border-[var(--error-border)]',\r\n  Assign: 'bg-[var(--accent-bg)] text-[var(--accent-text)] border-[var(--accent-border)]',\r\n  Execute: 'bg-[var(--warning-bg)] text-[var(--warning-text)] border-[var(--warning-border)]',\r\n};\r\n\r\nconst LEVEL_COLORS: Record<string, string> = {\r\n  Context: 'bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-300',\r\n  Application: 'bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-300',\r\n  Module: 'bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-300',\r\n  Section: 'bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-300',\r\n  Resource: 'bg-orange-100 text-orange-800 dark:bg-orange-900/30 dark:text-orange-300',\r\n};\r\n\r\nexport function PermissionDetailPage(): ReactElement {\r\n  const { t } = useTranslation(['admin', 'common']);\r\n  const { id: permissionId } = useParams<{ id: string }>();\r\n  const navigate = useNavigate();\r\n\r\n  const [permission, setPermission] = useState<PermissionDetailDto | null>(null);\r\n  const [loading, setLoading] = useState(true);\r\n  const [error, setError] = useState<string | null>(null);\r\n  const [copied, setCopied] = useState(false);\r\n  const [activeTab, setActiveTab] = useState<TabId>('roles');\r\n\r\n  const loadPermission = useCallback(async () => {\r\n    if (!permissionId) return;\r\n    try {\r\n      setLoading(true);\r\n      const data = await adminApi.permissions.getById(permissionId);\r\n      setPermission(data);\r\n    } catch (err) {\r\n      console.error('Failed to load permission:', err);\r\n      setError(t('admin:permissionDetail.errors.loadFailed', 'Failed to load permission'));\r\n    } finally {\r\n      setLoading(false);\r\n    }\r\n  }, [permissionId, t]);\r\n\r\n  useEffect(() => {\r\n    loadPermission();\r\n  }, [loadPermission]);\r\n\r\n  const handleCopyPath = async () => {\r\n    if (permission?.path) {\r\n      await navigator.clipboard.writeText(permission.path);\r\n      setCopied(true);\r\n      setTimeout(() => setCopied(false), 2000);\r\n    }\r\n  };\r\n\r\n  if (loading) {\r\n    return (\r\n      <div className=\"flex items-center justify-center min-h-[400px]\">\r\n        <Loader2 className=\"h-8 w-8 animate-spin text-[var(--color-accent-500)]\" />\r\n      </div>\r\n    );\r\n  }\r\n\r\n  if (error || !permission) {\r\n    return (\r\n      <div className=\"p-6\">\r\n        <div className=\"bg-[var(--error-bg)] border border-[var(--error-border)] rounded-lg p-4\">\r\n          <p className=\"text-[var(--error-text)]\">{error || t('admin:permissionDetail.errors.notFound', 'Permission not found')}</p>\r\n          <button\r\n            onClick={() => navigate('/administration/permissions/permissions')}\r\n            className=\"mt-4 text-sm text-[var(--color-accent-500)] hover:underline\"\r\n          >\r\n            {t('common:buttons.back')}\r\n          </button>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  const actionKey = permission.action || '*';\r\n  const actionColor = ACTION_COLORS[actionKey] || ACTION_COLORS['*'];\r\n  const actionIcon = ACTION_ICONS[actionKey] || ACTION_ICONS['*'];\r\n  const levelColor = LEVEL_COLORS[permission.level] || 'bg-gray-100 text-gray-800 dark:bg-gray-800 dark:text-gray-200';\r\n\r\n  return (\r\n    <div className=\"p-6 space-y-6\">\r\n      <Breadcrumb\r\n        items={[\r\n          { label: t('admin:header.title'), href: '/administration' },\r\n          { label: t('admin:permissions.title', 'Permissions'), href: '/administration/permissions/permissions' },\r\n          { label: permission?.path || 'Detail' }\r\n        ]}\r\n      />\r\n\r\n      {/* Header */}\r\n      <div className=\"flex items-center gap-4\">\r\n        <button\r\n          onClick={() => navigate('/administration/permissions/permissions')}\r\n          className=\"p-2 hover:bg-[var(--bg-hover)] rounded-lg transition-colors\"\r\n        >\r\n          <ArrowLeft className=\"h-5 w-5 text-[var(--text-secondary)]\" />\r\n        </button>\r\n        <div className=\"flex-1\">\r\n          <div className=\"flex items-center gap-3\">\r\n            <Lock className=\"h-6 w-6 text-[var(--color-accent-500)]\" />\r\n            <h1 className=\"text-2xl font-bold text-[var(--text-primary)]\">\r\n              {t('admin:permissionDetail.title', 'Permission Detail')}\r\n            </h1>\r\n          </div>\r\n          <div className=\"flex items-center gap-2 mt-2\">\r\n            <code className=\"px-3 py-1.5 bg-[var(--bg-tertiary)] border border-[var(--border-color)] rounded-lg text-sm font-mono text-[var(--text-primary)]\">\r\n              {permission.path}\r\n            </code>\r\n            <button\r\n              onClick={handleCopyPath}\r\n              className=\"p-1.5 hover:bg-[var(--bg-hover)] rounded transition-colors\"\r\n              title={t('common:buttons.copy')}\r\n            >\r\n              {copied ? (\r\n                <CheckCircle className=\"h-4 w-4 text-[var(--success-text)]\" />\r\n              ) : (\r\n                <Copy className=\"h-4 w-4 text-[var(--text-muted)]\" />\r\n              )}\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      {/* Permission Info Card */}\r\n      <div className=\"bg-[var(--bg-card)] border border-[var(--border-color)] rounded-[var(--radius-card)] p-6\">\r\n        <h2 className=\"text-lg font-semibold text-[var(--text-primary)] mb-4 flex items-center gap-2\">\r\n          <Info className=\"h-5 w-5 text-[var(--color-accent-500)]\" />\r\n          {t('admin:permissionDetail.info', 'Information')}\r\n        </h2>\r\n\r\n        <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4\">\r\n          {/* Level */}\r\n          <div className=\"space-y-1\">\r\n            <label className=\"text-xs font-medium text-[var(--text-muted)] uppercase tracking-wide\">\r\n              {t('admin:permissions.level', 'Level')}\r\n            </label>\r\n            <div>\r\n              <span className={`inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-medium ${levelColor}`}>\r\n                <Layers className=\"h-3 w-3\" />\r\n                {permission.level}\r\n              </span>\r\n            </div>\r\n          </div>\r\n\r\n          {/* Action */}\r\n          <div className=\"space-y-1\">\r\n            <label className=\"text-xs font-medium text-[var(--text-muted)] uppercase tracking-wide\">\r\n              {t('admin:permissions.action', 'Action')}\r\n            </label>\r\n            <div>\r\n              <span className={`inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-medium border ${actionColor}`}>\r\n                {actionIcon}\r\n                {permission.action || t('admin:permissions.wildcard', 'Wildcard (*)')}\r\n              </span>\r\n            </div>\r\n          </div>\r\n\r\n          {/* Wildcard */}\r\n          <div className=\"space-y-1\">\r\n            <label className=\"text-xs font-medium text-[var(--text-muted)] uppercase tracking-wide\">\r\n              {t('admin:permissions.type', 'Type')}\r\n            </label>\r\n            <div>\r\n              {permission.isWildcard ? (\r\n                <span className=\"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-medium bg-[var(--accent-bg)] text-[var(--accent-text)] border border-[var(--accent-border)]\">\r\n                  <Shield className=\"h-3 w-3\" />\r\n                  {t('admin:permissions.wildcardType', 'Wildcard')}\r\n                </span>\r\n              ) : (\r\n                <span className=\"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-medium bg-[var(--bg-secondary)] text-[var(--text-secondary)] border border-[var(--border-color)]\">\r\n                  {t('admin:permissions.specificType', 'Specific')}\r\n                </span>\r\n              )}\r\n            </div>\r\n          </div>\r\n\r\n          {/* Created At */}\r\n          <div className=\"space-y-1\">\r\n            <label className=\"text-xs font-medium text-[var(--text-muted)] uppercase tracking-wide\">\r\n              {t('admin:permissions.createdAt', 'Created')}\r\n            </label>\r\n            <div className=\"flex items-center gap-1.5 text-sm text-[var(--text-secondary)]\">\r\n              <Calendar className=\"h-4 w-4\" />\r\n              {new Date(permission.createdAt).toLocaleDateString()}\r\n            </div>\r\n          </div>\r\n\r\n          {/* Description */}\r\n          {permission.description && (\r\n            <div className=\"space-y-1 md:col-span-2\">\r\n              <label className=\"text-xs font-medium text-[var(--text-muted)] uppercase tracking-wide\">\r\n                {t('admin:permissions.description', 'Description')}\r\n              </label>\r\n              <p className=\"text-sm text-[var(--text-secondary)]\">{permission.description}</p>\r\n            </div>\r\n          )}\r\n        </div>\r\n      </div>\r\n\r\n      {/* Tabs */}\r\n      <div className=\"border-b border-[var(--border-color)]\">\r\n        <div className=\"flex gap-1\">\r\n          {([\r\n            { id: 'roles', label: t('admin:permissionDetail.tabs.roles', 'Rôles'), count: permission.roles.length, icon: <Shield className=\"w-4 h-4\" /> },\r\n            { id: 'entraGroups', label: t('admin:permissionDetail.tabs.entraGroups', 'Groupes AAD'), count: permission.entraGroups?.length ?? 0, icon: <Building2 className=\"w-4 h-4\" /> },\r\n            { id: 'users', label: t('admin:permissionDetail.tabs.users', 'Utilisateurs'), count: permission.users.length, icon: <Users className=\"w-4 h-4\" /> },\r\n          ] satisfies Array<{ id: TabId; label: string; count: number; icon: ReactNode }>).map((tab) => (\r\n            <button\r\n              key={tab.id}\r\n              onClick={() => setActiveTab(tab.id)}\r\n              className={`flex items-center gap-2 px-4 py-3 text-sm font-medium border-b-2 transition-colors ${\r\n                activeTab === tab.id\r\n                  ? 'border-[var(--color-accent-500)] text-[var(--color-accent-500)]'\r\n                  : 'border-transparent text-[var(--text-secondary)] hover:text-[var(--text-primary)] hover:border-[var(--border-color)]'\r\n              }`}\r\n            >\r\n              {tab.icon}\r\n              {tab.label}\r\n              <span className={`px-2 py-0.5 text-xs rounded-full ${\r\n                activeTab === tab.id\r\n                  ? 'bg-[var(--color-accent-500)]/10 text-[var(--color-accent-500)]'\r\n                  : 'bg-[var(--bg-tertiary)] text-[var(--text-tertiary)]'\r\n              }`}>\r\n                {tab.count}\r\n              </span>\r\n            </button>\r\n          ))}\r\n        </div>\r\n      </div>\r\n\r\n      {/* Tab Content */}\r\n      <div className=\"min-h-[400px]\">\r\n        {/* Roles Tab */}\r\n        {activeTab === 'roles' && (\r\n          <div className=\"bg-[var(--bg-card)] border border-[var(--border-color)] rounded-[var(--radius-card)] p-6\">\r\n            {permission.roles.length === 0 ? (\r\n              <div className=\"text-center py-8 text-[var(--text-muted)]\">\r\n                <Shield className=\"h-12 w-12 mx-auto mb-3 opacity-30\" />\r\n                <p>{t('admin:permissionDetail.noRoles', 'No roles have this permission')}</p>\r\n              </div>\r\n            ) : (\r\n              <div className=\"rounded-[var(--radius-card)] border border-[var(--border-color)] overflow-hidden\">\r\n                <table className=\"w-full\">\r\n                  <thead className=\"bg-[var(--bg-secondary)]\">\r\n                    <tr>\r\n                      <th className=\"px-4 py-3 text-left text-sm font-medium text-[var(--text-secondary)]\">\r\n                        {t('admin:roles.name', 'Nom')}\r\n                      </th>\r\n                      <th className=\"px-4 py-3 text-left text-sm font-medium text-[var(--text-secondary)]\">\r\n                        {t('common:type', 'Type')}\r\n                      </th>\r\n                    </tr>\r\n                  </thead>\r\n                  <tbody className=\"divide-y divide-[var(--border-color)]\">\r\n                    {permission.roles.map((role) => (\r\n                      <tr\r\n                        key={role.id}\r\n                        onClick={() => navigate(`/administration/permissions/roles/${role.id}`)}\r\n                        className=\"hover:bg-[var(--bg-hover)] cursor-pointer transition-colors\"\r\n                      >\r\n                        <td className=\"px-4 py-3\">\r\n                          <div className=\"flex items-center gap-3\">\r\n                            <div className=\"w-8 h-8 rounded-full flex items-center justify-center bg-[var(--color-accent-500)]/10 text-[var(--color-accent-500)]\">\r\n                              <Shield className=\"w-4 h-4\" />\r\n                            </div>\r\n                            <span className=\"font-medium text-[var(--text-primary)]\">{role.name}</span>\r\n                          </div>\r\n                        </td>\r\n                        <td className=\"px-4 py-3\">\r\n                          {role.isSystem ? (\r\n                            <span className=\"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-medium bg-[var(--info-bg)] text-[var(--info-text)] border border-[var(--info-border)]\">\r\n                              <Lock className=\"h-3 w-3\" />\r\n                              {t('admin:roles.system', 'Système')}\r\n                            </span>\r\n                          ) : (\r\n                            <span className=\"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-medium bg-[var(--bg-secondary)] text-[var(--text-secondary)] border border-[var(--border-color)]\">\r\n                              {t('admin:roles.custom', 'Personnalisé')}\r\n                            </span>\r\n                          )}\r\n                        </td>\r\n                      </tr>\r\n                    ))}\r\n                  </tbody>\r\n                </table>\r\n              </div>\r\n            )}\r\n          </div>\r\n        )}\r\n\r\n        {/* Entra Groups Tab */}\r\n        {activeTab === 'entraGroups' && (\r\n          <div className=\"bg-[var(--bg-card)] border border-[var(--border-color)] rounded-[var(--radius-card)] p-6\">\r\n            {(!permission.entraGroups || permission.entraGroups.length === 0) ? (\r\n              <div className=\"text-center py-8 text-[var(--text-muted)]\">\r\n                <Building2 className=\"h-12 w-12 mx-auto mb-3 opacity-30\" />\r\n                <p>{t('admin:permissionDetail.noEntraGroups', 'Aucun groupe AAD n\\'a cette permission')}</p>\r\n              </div>\r\n            ) : (\r\n              <div className=\"rounded-[var(--radius-card)] border border-[var(--border-color)] overflow-hidden\">\r\n                <table className=\"w-full\">\r\n                  <thead className=\"bg-[var(--bg-secondary)]\">\r\n                    <tr>\r\n                      <th className=\"px-4 py-3 text-left text-sm font-medium text-[var(--text-secondary)]\">\r\n                        {t('entra:groups.groupName', 'Nom du groupe')}\r\n                      </th>\r\n                      <th className=\"px-4 py-3 text-left text-sm font-medium text-[var(--text-secondary)]\">\r\n                        {t('common:type', 'Type')}\r\n                      </th>\r\n                      <th className=\"px-4 py-3 text-left text-sm font-medium text-[var(--text-secondary)]\">\r\n                        {t('entra:groups.members', 'Membres')}\r\n                      </th>\r\n                      <th className=\"px-4 py-3 text-left text-sm font-medium text-[var(--text-secondary)]\">\r\n                        {t('admin:permissionDetail.viaRoles', 'Via Rôles')}\r\n                      </th>\r\n                    </tr>\r\n                  </thead>\r\n                  <tbody className=\"divide-y divide-[var(--border-color)]\">\r\n                    {permission.entraGroups.map((group) => (\r\n                      <tr\r\n                        key={group.id}\r\n                        onClick={() => navigate(`/administration/entra/groups/${group.id}`)}\r\n                        className=\"hover:bg-[var(--bg-hover)] cursor-pointer transition-colors\"\r\n                      >\r\n                        <td className=\"px-4 py-3\">\r\n                          <div className=\"flex items-center gap-3\">\r\n                            <div className={`w-8 h-8 rounded-full flex items-center justify-center ${\r\n                              group.isSecurityGroup\r\n                                ? 'bg-blue-500/10 text-blue-500'\r\n                                : 'bg-purple-500/10 text-purple-500'\r\n                            }`}>\r\n                              {group.isSecurityGroup ? (\r\n                                <Shield className=\"w-4 h-4\" />\r\n                              ) : (\r\n                                <Building2 className=\"w-4 h-4\" />\r\n                              )}\r\n                            </div>\r\n                            <span className=\"font-medium text-[var(--text-primary)]\">{group.displayName}</span>\r\n                          </div>\r\n                        </td>\r\n                        <td className=\"px-4 py-3\">\r\n                          <span className={`px-2 py-1 text-xs rounded-[var(--radius-badge)] ${\r\n                            group.isSecurityGroup\r\n                              ? 'bg-blue-500/10 text-blue-500'\r\n                              : 'bg-purple-500/10 text-purple-500'\r\n                          }`}>\r\n                            {group.isSecurityGroup ? t('entra:groups.securityGroup', 'Sécurité') : t('entra:groups.distributionGroup', 'Distribution')}\r\n                          </span>\r\n                        </td>\r\n                        <td className=\"px-4 py-3 text-sm text-[var(--text-secondary)]\">\r\n                          <span className=\"flex items-center gap-1\">\r\n                            <Users className=\"w-4 h-4\" />\r\n                            {group.memberCount}\r\n                          </span>\r\n                        </td>\r\n                        <td className=\"px-4 py-3\">\r\n                          <div className=\"flex flex-wrap gap-1\">\r\n                            {group.roleNames.map((roleName) => (\r\n                              <span\r\n                                key={roleName}\r\n                                className=\"inline-flex items-center gap-1 px-2 py-0.5 bg-[var(--bg-tertiary)] rounded text-xs text-[var(--text-secondary)]\"\r\n                              >\r\n                                <Shield className=\"h-2.5 w-2.5\" />\r\n                                {roleName}\r\n                              </span>\r\n                            ))}\r\n                          </div>\r\n                        </td>\r\n                      </tr>\r\n                    ))}\r\n                  </tbody>\r\n                </table>\r\n              </div>\r\n            )}\r\n          </div>\r\n        )}\r\n\r\n        {/* Users Tab */}\r\n        {activeTab === 'users' && (\r\n          <div className=\"bg-[var(--bg-card)] border border-[var(--border-color)] rounded-[var(--radius-card)] p-6\">\r\n            {permission.users.length === 0 ? (\r\n              <div className=\"text-center py-8 text-[var(--text-muted)]\">\r\n                <Users className=\"h-12 w-12 mx-auto mb-3 opacity-30\" />\r\n                <p>{t('admin:permissionDetail.noUsers', 'No users have this permission')}</p>\r\n              </div>\r\n            ) : (\r\n              <div className=\"rounded-[var(--radius-card)] border border-[var(--border-color)] overflow-hidden\">\r\n                <table className=\"w-full\">\r\n                  <thead className=\"bg-[var(--bg-secondary)]\">\r\n                    <tr>\r\n                      <th className=\"px-4 py-3 text-left text-sm font-medium text-[var(--text-secondary)]\">\r\n                        {t('admin:users.name', 'Name')}\r\n                      </th>\r\n                      <th className=\"px-4 py-3 text-left text-sm font-medium text-[var(--text-secondary)]\">\r\n                        {t('admin:users.email', 'Email')}\r\n                      </th>\r\n                      <th className=\"px-4 py-3 text-left text-sm font-medium text-[var(--text-secondary)]\">\r\n                        {t('admin:permissionDetail.viaRoles', 'Via Roles')}\r\n                      </th>\r\n                    </tr>\r\n                  </thead>\r\n                  <tbody className=\"divide-y divide-[var(--border-color)]\">\r\n                    {permission.users.map((user) => (\r\n                      <tr\r\n                        key={user.id}\r\n                        onClick={() => navigate(`/administration/users/${user.id}`)}\r\n                        className=\"hover:bg-[var(--bg-hover)] cursor-pointer transition-colors\"\r\n                      >\r\n                        <td className=\"px-4 py-3\">\r\n                          <div className=\"flex items-center gap-3\">\r\n                            <div className=\"h-8 w-8 rounded-full bg-[var(--color-accent-100)] dark:bg-[var(--color-accent-900)] flex items-center justify-center\">\r\n                              <span className=\"text-sm font-medium text-[var(--color-accent-700)] dark:text-[var(--color-accent-300)]\">\r\n                                {user.firstName.charAt(0)}{user.lastName.charAt(0)}\r\n                              </span>\r\n                            </div>\r\n                            <span className=\"font-medium text-[var(--text-primary)]\">\r\n                              {user.firstName} {user.lastName}\r\n                            </span>\r\n                          </div>\r\n                        </td>\r\n                        <td className=\"px-4 py-3 text-sm text-[var(--text-secondary)]\">\r\n                          {user.email}\r\n                        </td>\r\n                        <td className=\"px-4 py-3\">\r\n                          <div className=\"flex flex-wrap gap-1\">\r\n                            {user.roleNames.map((roleName) => (\r\n                              <span\r\n                                key={roleName}\r\n                                className=\"inline-flex items-center gap-1 px-2 py-0.5 bg-[var(--bg-tertiary)] rounded text-xs text-[var(--text-secondary)]\"\r\n                              >\r\n                                <Shield className=\"h-2.5 w-2.5\" />\r\n                                {roleName}\r\n                              </span>\r\n                            ))}\r\n                          </div>\r\n                        </td>\r\n                      </tr>\r\n                    ))}\r\n                  </tbody>\r\n                </table>\r\n              </div>\r\n            )}\r\n          </div>\r\n        )}\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["ACTION_ICONS","jsx","Shield","Eye","Plus","Edit","Trash2","UserPlus","Play","ACTION_COLORS","LEVEL_COLORS","PermissionDetailPage","t","useTranslation","permissionId","useParams","navigate","useNavigate","permission","setPermission","useState","loading","setLoading","error","setError","copied","setCopied","activeTab","setActiveTab","loadPermission","useCallback","data","adminApi","err","useEffect","handleCopyPath","Loader2","jsxs","actionKey","actionColor","actionIcon","levelColor","Breadcrumb","ArrowLeft","Lock","CheckCircle","Copy","Info","Layers","Calendar","Building2","Users","tab","role","group","roleName","user"],"mappings":"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"}

package/dist/chunks/{PermissionDetailPage-Ds4Jt1os.js → PermissionDetailPage-CvPqugYu.js}

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as r } from "react/jsx-runtime";
 import { useState as d, useCallback as T, useEffect as L } from "react";
 import { useParams as R, useNavigate as E } from "react-router-dom";
 import { useTranslation as $ } from "react-i18next";
-import { k as I, B as O } from "./index-DA5VyW0k.js";
+import { k as I, B as O } from "./index-CpY95_ro.js";
 import { Loader2 as j, ArrowLeft as U, Lock as g, CheckCircle as B, Copy as F, Info as V, Layers as W, Shield as i, Calendar as _, Building2 as m, Users as p, Play as M, UserPlus as K, Trash2 as q, Edit as z, Plus as H, Eye as J } from "lucide-react";
 const N = {
   "*": /* @__PURE__ */ e(i, { className: "h-4 w-4" }),
@@ -275,4 +275,4 @@ function te() {
 export {
   te as PermissionDetailPage
 };
-//# sourceMappingURL=PermissionDetailPage-Ds4Jt1os.js.map
+//# sourceMappingURL=PermissionDetailPage-CvPqugYu.js.map

package/dist/chunks/{PermissionDetailPage-Ds4Jt1os.js.map → PermissionDetailPage-CvPqugYu.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PermissionDetailPage-Ds4Jt1os.js","sources":["../../src/pages/platform/administration/permissions/PermissionDetailPage.tsx"],"sourcesContent":["import { useState, useEffect, useCallback, type ReactNode } from 'react';\r\nimport type { ReactElement } from 'react';\r\nimport { useParams, useNavigate } from 'react-router-dom';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { Breadcrumb } from '@/components/ui/Breadcrumb';\r\nimport {\r\n  ArrowLeft,\r\n  Shield,\r\n  Users,\r\n  Loader2,\r\n  Lock,\r\n  Eye,\r\n  Plus,\r\n  Edit,\r\n  Trash2,\r\n  UserPlus,\r\n  Play,\r\n  Layers,\r\n  Calendar,\r\n  Copy,\r\n  CheckCircle,\r\n  Info,\r\n  Building2\r\n} from 'lucide-react';\r\nimport {\r\n  adminApi,\r\n  type PermissionDetailDto,\r\n} from '@/services/api/adminApi';\r\n\r\ntype TabId = 'roles' | 'entraGroups' | 'users';\r\n\r\nconst ACTION_ICONS: Record<string, React.ReactNode> = {\r\n  '*': <Shield className=\"h-4 w-4\" />,\r\n  Read: <Eye className=\"h-4 w-4\" />,\r\n  Create: <Plus className=\"h-4 w-4\" />,\r\n  Update: <Edit className=\"h-4 w-4\" />,\r\n  Delete: <Trash2 className=\"h-4 w-4\" />,\r\n  Assign: <UserPlus className=\"h-4 w-4\" />,\r\n  Execute: <Play className=\"h-4 w-4\" />,\r\n};\r\n\r\nconst ACTION_COLORS: Record<string, string> = {\r\n  '*': 'bg-[var(--accent-bg)] text-[var(--accent-text)] border-[var(--accent-border)]',\r\n  Read: 'bg-[var(--info-bg)] text-[var(--info-text)] border-[var(--info-border)]',\r\n  Create: 'bg-[var(--success-bg)] text-[var(--success-text)] border-[var(--success-border)]',\r\n  Update: 'bg-[var(--warning-bg)] text-[var(--warning-text)] border-[var(--warning-border)]',\r\n  Delete: 'bg-[var(--error-bg)] text-[var(--error-text)] border-[var(--error-border)]',\r\n  Assign: 'bg-[var(--accent-bg)] text-[var(--accent-text)] border-[var(--accent-border)]',\r\n  Execute: 'bg-[var(--warning-bg)] text-[var(--warning-text)] border-[var(--warning-border)]',\r\n};\r\n\r\nconst LEVEL_COLORS: Record<string, string> = {\r\n  Context: 'bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-300',\r\n  Application: 'bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-300',\r\n  Module: 'bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-300',\r\n  Section: 'bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-300',\r\n  Resource: 'bg-orange-100 text-orange-800 dark:bg-orange-900/30 dark:text-orange-300',\r\n};\r\n\r\nexport function PermissionDetailPage(): ReactElement {\r\n  const { t } = useTranslation(['admin', 'common']);\r\n  const { id: permissionId } = useParams<{ id: string }>();\r\n  const navigate = useNavigate();\r\n\r\n  const [permission, setPermission] = useState<PermissionDetailDto | null>(null);\r\n  const [loading, setLoading] = useState(true);\r\n  const [error, setError] = useState<string | null>(null);\r\n  const [copied, setCopied] = useState(false);\r\n  const [activeTab, setActiveTab] = useState<TabId>('roles');\r\n\r\n  const loadPermission = useCallback(async () => {\r\n    if (!permissionId) return;\r\n    try {\r\n      setLoading(true);\r\n      const data = await adminApi.permissions.getById(permissionId);\r\n      setPermission(data);\r\n    } catch (err) {\r\n      console.error('Failed to load permission:', err);\r\n      setError(t('admin:permissionDetail.errors.loadFailed', 'Failed to load permission'));\r\n    } finally {\r\n      setLoading(false);\r\n    }\r\n  }, [permissionId, t]);\r\n\r\n  useEffect(() => {\r\n    loadPermission();\r\n  }, [loadPermission]);\r\n\r\n  const handleCopyPath = async () => {\r\n    if (permission?.path) {\r\n      await navigator.clipboard.writeText(permission.path);\r\n      setCopied(true);\r\n      setTimeout(() => setCopied(false), 2000);\r\n    }\r\n  };\r\n\r\n  if (loading) {\r\n    return (\r\n      <div className=\"flex items-center justify-center min-h-[400px]\">\r\n        <Loader2 className=\"h-8 w-8 animate-spin text-[var(--color-accent-500)]\" />\r\n      </div>\r\n    );\r\n  }\r\n\r\n  if (error || !permission) {\r\n    return (\r\n      <div className=\"p-6\">\r\n        <div className=\"bg-[var(--error-bg)] border border-[var(--error-border)] rounded-lg p-4\">\r\n          <p className=\"text-[var(--error-text)]\">{error || t('admin:permissionDetail.errors.notFound', 'Permission not found')}</p>\r\n          <button\r\n            onClick={() => navigate('/administration/permissions/permissions')}\r\n            className=\"mt-4 text-sm text-[var(--color-accent-500)] hover:underline\"\r\n          >\r\n            {t('common:buttons.back')}\r\n          </button>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  const actionKey = permission.action || '*';\r\n  const actionColor = ACTION_COLORS[actionKey] || ACTION_COLORS['*'];\r\n  const actionIcon = ACTION_ICONS[actionKey] || ACTION_ICONS['*'];\r\n  const levelColor = LEVEL_COLORS[permission.level] || 'bg-gray-100 text-gray-800 dark:bg-gray-800 dark:text-gray-200';\r\n\r\n  return (\r\n    <div className=\"p-6 space-y-6\">\r\n      <Breadcrumb\r\n        items={[\r\n          { label: t('admin:header.title'), href: '/administration' },\r\n          { label: t('admin:permissions.title', 'Permissions'), href: '/administration/permissions/permissions' },\r\n          { label: permission?.path || 'Detail' }\r\n        ]}\r\n      />\r\n\r\n      {/* Header */}\r\n      <div className=\"flex items-center gap-4\">\r\n        <button\r\n          onClick={() => navigate('/administration/permissions/permissions')}\r\n          className=\"p-2 hover:bg-[var(--bg-hover)] rounded-lg transition-colors\"\r\n        >\r\n          <ArrowLeft className=\"h-5 w-5 text-[var(--text-secondary)]\" />\r\n        </button>\r\n        <div className=\"flex-1\">\r\n          <div className=\"flex items-center gap-3\">\r\n            <Lock className=\"h-6 w-6 text-[var(--color-accent-500)]\" />\r\n            <h1 className=\"text-2xl font-bold text-[var(--text-primary)]\">\r\n              {t('admin:permissionDetail.title', 'Permission Detail')}\r\n            </h1>\r\n          </div>\r\n          <div className=\"flex items-center gap-2 mt-2\">\r\n            <code className=\"px-3 py-1.5 bg-[var(--bg-tertiary)] border border-[var(--border-color)] rounded-lg text-sm font-mono text-[var(--text-primary)]\">\r\n              {permission.path}\r\n            </code>\r\n            <button\r\n              onClick={handleCopyPath}\r\n              className=\"p-1.5 hover:bg-[var(--bg-hover)] rounded transition-colors\"\r\n              title={t('common:buttons.copy')}\r\n            >\r\n              {copied ? (\r\n                <CheckCircle className=\"h-4 w-4 text-[var(--success-text)]\" />\r\n              ) : (\r\n                <Copy className=\"h-4 w-4 text-[var(--text-muted)]\" />\r\n              )}\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      {/* Permission Info Card */}\r\n      <div className=\"bg-[var(--bg-card)] border border-[var(--border-color)] rounded-[var(--radius-card)] p-6\">\r\n        <h2 className=\"text-lg font-semibold text-[var(--text-primary)] mb-4 flex items-center gap-2\">\r\n          <Info className=\"h-5 w-5 text-[var(--color-accent-500)]\" />\r\n          {t('admin:permissionDetail.info', 'Information')}\r\n        </h2>\r\n\r\n        <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4\">\r\n          {/* Level */}\r\n          <div className=\"space-y-1\">\r\n            <label className=\"text-xs font-medium text-[var(--text-muted)] uppercase tracking-wide\">\r\n              {t('admin:permissions.level', 'Level')}\r\n            </label>\r\n            <div>\r\n              <span className={`inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-medium ${levelColor}`}>\r\n                <Layers className=\"h-3 w-3\" />\r\n                {permission.level}\r\n              </span>\r\n            </div>\r\n          </div>\r\n\r\n          {/* Action */}\r\n          <div className=\"space-y-1\">\r\n            <label className=\"text-xs font-medium text-[var(--text-muted)] uppercase tracking-wide\">\r\n              {t('admin:permissions.action', 'Action')}\r\n            </label>\r\n            <div>\r\n              <span className={`inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-medium border ${actionColor}`}>\r\n                {actionIcon}\r\n                {permission.action || t('admin:permissions.wildcard', 'Wildcard (*)')}\r\n              </span>\r\n            </div>\r\n          </div>\r\n\r\n          {/* Wildcard */}\r\n          <div className=\"space-y-1\">\r\n            <label className=\"text-xs font-medium text-[var(--text-muted)] uppercase tracking-wide\">\r\n              {t('admin:permissions.type', 'Type')}\r\n            </label>\r\n            <div>\r\n              {permission.isWildcard ? (\r\n                <span className=\"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-medium bg-[var(--accent-bg)] text-[var(--accent-text)] border border-[var(--accent-border)]\">\r\n                  <Shield className=\"h-3 w-3\" />\r\n                  {t('admin:permissions.wildcardType', 'Wildcard')}\r\n                </span>\r\n              ) : (\r\n                <span className=\"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-medium bg-[var(--bg-secondary)] text-[var(--text-secondary)] border border-[var(--border-color)]\">\r\n                  {t('admin:permissions.specificType', 'Specific')}\r\n                </span>\r\n              )}\r\n            </div>\r\n          </div>\r\n\r\n          {/* Created At */}\r\n          <div className=\"space-y-1\">\r\n            <label className=\"text-xs font-medium text-[var(--text-muted)] uppercase tracking-wide\">\r\n              {t('admin:permissions.createdAt', 'Created')}\r\n            </label>\r\n            <div className=\"flex items-center gap-1.5 text-sm text-[var(--text-secondary)]\">\r\n              <Calendar className=\"h-4 w-4\" />\r\n              {new Date(permission.createdAt).toLocaleDateString()}\r\n            </div>\r\n          </div>\r\n\r\n          {/* Description */}\r\n          {permission.description && (\r\n            <div className=\"space-y-1 md:col-span-2\">\r\n              <label className=\"text-xs font-medium text-[var(--text-muted)] uppercase tracking-wide\">\r\n                {t('admin:permissions.description', 'Description')}\r\n              </label>\r\n              <p className=\"text-sm text-[var(--text-secondary)]\">{permission.description}</p>\r\n            </div>\r\n          )}\r\n        </div>\r\n      </div>\r\n\r\n      {/* Tabs */}\r\n      <div className=\"border-b border-[var(--border-color)]\">\r\n        <div className=\"flex gap-1\">\r\n          {([\r\n            { id: 'roles', label: t('admin:permissionDetail.tabs.roles', 'Rôles'), count: permission.roles.length, icon: <Shield className=\"w-4 h-4\" /> },\r\n            { id: 'entraGroups', label: t('admin:permissionDetail.tabs.entraGroups', 'Groupes AAD'), count: permission.entraGroups?.length ?? 0, icon: <Building2 className=\"w-4 h-4\" /> },\r\n            { id: 'users', label: t('admin:permissionDetail.tabs.users', 'Utilisateurs'), count: permission.users.length, icon: <Users className=\"w-4 h-4\" /> },\r\n          ] satisfies Array<{ id: TabId; label: string; count: number; icon: ReactNode }>).map((tab) => (\r\n            <button\r\n              key={tab.id}\r\n              onClick={() => setActiveTab(tab.id)}\r\n              className={`flex items-center gap-2 px-4 py-3 text-sm font-medium border-b-2 transition-colors ${\r\n                activeTab === tab.id\r\n                  ? 'border-[var(--color-accent-500)] text-[var(--color-accent-500)]'\r\n                  : 'border-transparent text-[var(--text-secondary)] hover:text-[var(--text-primary)] hover:border-[var(--border-color)]'\r\n              }`}\r\n            >\r\n              {tab.icon}\r\n              {tab.label}\r\n              <span className={`px-2 py-0.5 text-xs rounded-full ${\r\n                activeTab === tab.id\r\n                  ? 'bg-[var(--color-accent-500)]/10 text-[var(--color-accent-500)]'\r\n                  : 'bg-[var(--bg-tertiary)] text-[var(--text-tertiary)]'\r\n              }`}>\r\n                {tab.count}\r\n              </span>\r\n            </button>\r\n          ))}\r\n        </div>\r\n      </div>\r\n\r\n      {/* Tab Content */}\r\n      <div className=\"min-h-[400px]\">\r\n        {/* Roles Tab */}\r\n        {activeTab === 'roles' && (\r\n          <div className=\"bg-[var(--bg-card)] border border-[var(--border-color)] rounded-[var(--radius-card)] p-6\">\r\n            {permission.roles.length === 0 ? (\r\n              <div className=\"text-center py-8 text-[var(--text-muted)]\">\r\n                <Shield className=\"h-12 w-12 mx-auto mb-3 opacity-30\" />\r\n                <p>{t('admin:permissionDetail.noRoles', 'No roles have this permission')}</p>\r\n              </div>\r\n            ) : (\r\n              <div className=\"rounded-[var(--radius-card)] border border-[var(--border-color)] overflow-hidden\">\r\n                <table className=\"w-full\">\r\n                  <thead className=\"bg-[var(--bg-secondary)]\">\r\n                    <tr>\r\n                      <th className=\"px-4 py-3 text-left text-sm font-medium text-[var(--text-secondary)]\">\r\n                        {t('admin:roles.name', 'Nom')}\r\n                      </th>\r\n                      <th className=\"px-4 py-3 text-left text-sm font-medium text-[var(--text-secondary)]\">\r\n                        {t('common:type', 'Type')}\r\n                      </th>\r\n                    </tr>\r\n                  </thead>\r\n                  <tbody className=\"divide-y divide-[var(--border-color)]\">\r\n                    {permission.roles.map((role) => (\r\n                      <tr\r\n                        key={role.id}\r\n                        onClick={() => navigate(`/administration/permissions/roles/${role.id}`)}\r\n                        className=\"hover:bg-[var(--bg-hover)] cursor-pointer transition-colors\"\r\n                      >\r\n                        <td className=\"px-4 py-3\">\r\n                          <div className=\"flex items-center gap-3\">\r\n                            <div className=\"w-8 h-8 rounded-full flex items-center justify-center bg-[var(--color-accent-500)]/10 text-[var(--color-accent-500)]\">\r\n                              <Shield className=\"w-4 h-4\" />\r\n                            </div>\r\n                            <span className=\"font-medium text-[var(--text-primary)]\">{role.name}</span>\r\n                          </div>\r\n                        </td>\r\n                        <td className=\"px-4 py-3\">\r\n                          {role.isSystem ? (\r\n                            <span className=\"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-medium bg-[var(--info-bg)] text-[var(--info-text)] border border-[var(--info-border)]\">\r\n                              <Lock className=\"h-3 w-3\" />\r\n                              {t('admin:roles.system', 'Système')}\r\n                            </span>\r\n                          ) : (\r\n                            <span className=\"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-medium bg-[var(--bg-secondary)] text-[var(--text-secondary)] border border-[var(--border-color)]\">\r\n                              {t('admin:roles.custom', 'Personnalisé')}\r\n                            </span>\r\n                          )}\r\n                        </td>\r\n                      </tr>\r\n                    ))}\r\n                  </tbody>\r\n                </table>\r\n              </div>\r\n            )}\r\n          </div>\r\n        )}\r\n\r\n        {/* Entra Groups Tab */}\r\n        {activeTab === 'entraGroups' && (\r\n          <div className=\"bg-[var(--bg-card)] border border-[var(--border-color)] rounded-[var(--radius-card)] p-6\">\r\n            {(!permission.entraGroups || permission.entraGroups.length === 0) ? (\r\n              <div className=\"text-center py-8 text-[var(--text-muted)]\">\r\n                <Building2 className=\"h-12 w-12 mx-auto mb-3 opacity-30\" />\r\n                <p>{t('admin:permissionDetail.noEntraGroups', 'Aucun groupe AAD n\\'a cette permission')}</p>\r\n              </div>\r\n            ) : (\r\n              <div className=\"rounded-[var(--radius-card)] border border-[var(--border-color)] overflow-hidden\">\r\n                <table className=\"w-full\">\r\n                  <thead className=\"bg-[var(--bg-secondary)]\">\r\n                    <tr>\r\n                      <th className=\"px-4 py-3 text-left text-sm font-medium text-[var(--text-secondary)]\">\r\n                        {t('entra:groups.groupName', 'Nom du groupe')}\r\n                      </th>\r\n                      <th className=\"px-4 py-3 text-left text-sm font-medium text-[var(--text-secondary)]\">\r\n                        {t('common:type', 'Type')}\r\n                      </th>\r\n                      <th className=\"px-4 py-3 text-left text-sm font-medium text-[var(--text-secondary)]\">\r\n                        {t('entra:groups.members', 'Membres')}\r\n                      </th>\r\n                      <th className=\"px-4 py-3 text-left text-sm font-medium text-[var(--text-secondary)]\">\r\n                        {t('admin:permissionDetail.viaRoles', 'Via Rôles')}\r\n                      </th>\r\n                    </tr>\r\n                  </thead>\r\n                  <tbody className=\"divide-y divide-[var(--border-color)]\">\r\n                    {permission.entraGroups.map((group) => (\r\n                      <tr\r\n                        key={group.id}\r\n                        onClick={() => navigate(`/administration/entra/groups/${group.id}`)}\r\n                        className=\"hover:bg-[var(--bg-hover)] cursor-pointer transition-colors\"\r\n                      >\r\n                        <td className=\"px-4 py-3\">\r\n                          <div className=\"flex items-center gap-3\">\r\n                            <div className={`w-8 h-8 rounded-full flex items-center justify-center ${\r\n                              group.isSecurityGroup\r\n                                ? 'bg-blue-500/10 text-blue-500'\r\n                                : 'bg-purple-500/10 text-purple-500'\r\n                            }`}>\r\n                              {group.isSecurityGroup ? (\r\n                                <Shield className=\"w-4 h-4\" />\r\n                              ) : (\r\n                                <Building2 className=\"w-4 h-4\" />\r\n                              )}\r\n                            </div>\r\n                            <span className=\"font-medium text-[var(--text-primary)]\">{group.displayName}</span>\r\n                          </div>\r\n                        </td>\r\n                        <td className=\"px-4 py-3\">\r\n                          <span className={`px-2 py-1 text-xs rounded-[var(--radius-badge)] ${\r\n                            group.isSecurityGroup\r\n                              ? 'bg-blue-500/10 text-blue-500'\r\n                              : 'bg-purple-500/10 text-purple-500'\r\n                          }`}>\r\n                            {group.isSecurityGroup ? t('entra:groups.securityGroup', 'Sécurité') : t('entra:groups.distributionGroup', 'Distribution')}\r\n                          </span>\r\n                        </td>\r\n                        <td className=\"px-4 py-3 text-sm text-[var(--text-secondary)]\">\r\n                          <span className=\"flex items-center gap-1\">\r\n                            <Users className=\"w-4 h-4\" />\r\n                            {group.memberCount}\r\n                          </span>\r\n                        </td>\r\n                        <td className=\"px-4 py-3\">\r\n                          <div className=\"flex flex-wrap gap-1\">\r\n                            {group.roleNames.map((roleName) => (\r\n                              <span\r\n                                key={roleName}\r\n                                className=\"inline-flex items-center gap-1 px-2 py-0.5 bg-[var(--bg-tertiary)] rounded text-xs text-[var(--text-secondary)]\"\r\n                              >\r\n                                <Shield className=\"h-2.5 w-2.5\" />\r\n                                {roleName}\r\n                              </span>\r\n                            ))}\r\n                          </div>\r\n                        </td>\r\n                      </tr>\r\n                    ))}\r\n                  </tbody>\r\n                </table>\r\n              </div>\r\n            )}\r\n          </div>\r\n        )}\r\n\r\n        {/* Users Tab */}\r\n        {activeTab === 'users' && (\r\n          <div className=\"bg-[var(--bg-card)] border border-[var(--border-color)] rounded-[var(--radius-card)] p-6\">\r\n            {permission.users.length === 0 ? (\r\n              <div className=\"text-center py-8 text-[var(--text-muted)]\">\r\n                <Users className=\"h-12 w-12 mx-auto mb-3 opacity-30\" />\r\n                <p>{t('admin:permissionDetail.noUsers', 'No users have this permission')}</p>\r\n              </div>\r\n            ) : (\r\n              <div className=\"rounded-[var(--radius-card)] border border-[var(--border-color)] overflow-hidden\">\r\n                <table className=\"w-full\">\r\n                  <thead className=\"bg-[var(--bg-secondary)]\">\r\n                    <tr>\r\n                      <th className=\"px-4 py-3 text-left text-sm font-medium text-[var(--text-secondary)]\">\r\n                        {t('admin:users.name', 'Name')}\r\n                      </th>\r\n                      <th className=\"px-4 py-3 text-left text-sm font-medium text-[var(--text-secondary)]\">\r\n                        {t('admin:users.email', 'Email')}\r\n                      </th>\r\n                      <th className=\"px-4 py-3 text-left text-sm font-medium text-[var(--text-secondary)]\">\r\n                        {t('admin:permissionDetail.viaRoles', 'Via Roles')}\r\n                      </th>\r\n                    </tr>\r\n                  </thead>\r\n                  <tbody className=\"divide-y divide-[var(--border-color)]\">\r\n                    {permission.users.map((user) => (\r\n                      <tr\r\n                        key={user.id}\r\n                        onClick={() => navigate(`/administration/users/${user.id}`)}\r\n                        className=\"hover:bg-[var(--bg-hover)] cursor-pointer transition-colors\"\r\n                      >\r\n                        <td className=\"px-4 py-3\">\r\n                          <div className=\"flex items-center gap-3\">\r\n                            <div className=\"h-8 w-8 rounded-full bg-[var(--color-accent-100)] dark:bg-[var(--color-accent-900)] flex items-center justify-center\">\r\n                              <span className=\"text-sm font-medium text-[var(--color-accent-700)] dark:text-[var(--color-accent-300)]\">\r\n                                {user.firstName.charAt(0)}{user.lastName.charAt(0)}\r\n                              </span>\r\n                            </div>\r\n                            <span className=\"font-medium text-[var(--text-primary)]\">\r\n                              {user.firstName} {user.lastName}\r\n                            </span>\r\n                          </div>\r\n                        </td>\r\n                        <td className=\"px-4 py-3 text-sm text-[var(--text-secondary)]\">\r\n                          {user.email}\r\n                        </td>\r\n                        <td className=\"px-4 py-3\">\r\n                          <div className=\"flex flex-wrap gap-1\">\r\n                            {user.roleNames.map((roleName) => (\r\n                              <span\r\n                                key={roleName}\r\n                                className=\"inline-flex items-center gap-1 px-2 py-0.5 bg-[var(--bg-tertiary)] rounded text-xs text-[var(--text-secondary)]\"\r\n                              >\r\n                                <Shield className=\"h-2.5 w-2.5\" />\r\n                                {roleName}\r\n                              </span>\r\n                            ))}\r\n                          </div>\r\n                        </td>\r\n                      </tr>\r\n                    ))}\r\n                  </tbody>\r\n                </table>\r\n              </div>\r\n            )}\r\n          </div>\r\n        )}\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["ACTION_ICONS","jsx","Shield","Eye","Plus","Edit","Trash2","UserPlus","Play","ACTION_COLORS","LEVEL_COLORS","PermissionDetailPage","t","useTranslation","permissionId","useParams","navigate","useNavigate","permission","setPermission","useState","loading","setLoading","error","setError","copied","setCopied","activeTab","setActiveTab","loadPermission","useCallback","data","adminApi","err","useEffect","handleCopyPath","Loader2","jsxs","actionKey","actionColor","actionIcon","levelColor","Breadcrumb","ArrowLeft","Lock","CheckCircle","Copy","Info","Layers","Calendar","Building2","Users","tab","role","group","roleName","user"],"mappings":"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"}
+{"version":3,"file":"PermissionDetailPage-CvPqugYu.js","sources":["../../src/pages/platform/administration/permissions/PermissionDetailPage.tsx"],"sourcesContent":["import { useState, useEffect, useCallback, type ReactNode } from 'react';\r\nimport type { ReactElement } from 'react';\r\nimport { useParams, useNavigate } from 'react-router-dom';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { Breadcrumb } from '@/components/ui/Breadcrumb';\r\nimport {\r\n  ArrowLeft,\r\n  Shield,\r\n  Users,\r\n  Loader2,\r\n  Lock,\r\n  Eye,\r\n  Plus,\r\n  Edit,\r\n  Trash2,\r\n  UserPlus,\r\n  Play,\r\n  Layers,\r\n  Calendar,\r\n  Copy,\r\n  CheckCircle,\r\n  Info,\r\n  Building2\r\n} from 'lucide-react';\r\nimport {\r\n  adminApi,\r\n  type PermissionDetailDto,\r\n} from '@/services/api/adminApi';\r\n\r\ntype TabId = 'roles' | 'entraGroups' | 'users';\r\n\r\nconst ACTION_ICONS: Record<string, React.ReactNode> = {\r\n  '*': <Shield className=\"h-4 w-4\" />,\r\n  Read: <Eye className=\"h-4 w-4\" />,\r\n  Create: <Plus className=\"h-4 w-4\" />,\r\n  Update: <Edit className=\"h-4 w-4\" />,\r\n  Delete: <Trash2 className=\"h-4 w-4\" />,\r\n  Assign: <UserPlus className=\"h-4 w-4\" />,\r\n  Execute: <Play className=\"h-4 w-4\" />,\r\n};\r\n\r\nconst ACTION_COLORS: Record<string, string> = {\r\n  '*': 'bg-[var(--accent-bg)] text-[var(--accent-text)] border-[var(--accent-border)]',\r\n  Read: 'bg-[var(--info-bg)] text-[var(--info-text)] border-[var(--info-border)]',\r\n  Create: 'bg-[var(--success-bg)] text-[var(--success-text)] border-[var(--success-border)]',\r\n  Update: 'bg-[var(--warning-bg)] text-[var(--warning-text)] border-[var(--warning-border)]',\r\n  Delete: 'bg-[var(--error-bg)] text-[var(--error-text)] border-[var(--error-border)]',\r\n  Assign: 'bg-[var(--accent-bg)] text-[var(--accent-text)] border-[var(--accent-border)]',\r\n  Execute: 'bg-[var(--warning-bg)] text-[var(--warning-text)] border-[var(--warning-border)]',\r\n};\r\n\r\nconst LEVEL_COLORS: Record<string, string> = {\r\n  Context: 'bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-300',\r\n  Application: 'bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-300',\r\n  Module: 'bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-300',\r\n  Section: 'bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-300',\r\n  Resource: 'bg-orange-100 text-orange-800 dark:bg-orange-900/30 dark:text-orange-300',\r\n};\r\n\r\nexport function PermissionDetailPage(): ReactElement {\r\n  const { t } = useTranslation(['admin', 'common']);\r\n  const { id: permissionId } = useParams<{ id: string }>();\r\n  const navigate = useNavigate();\r\n\r\n  const [permission, setPermission] = useState<PermissionDetailDto | null>(null);\r\n  const [loading, setLoading] = useState(true);\r\n  const [error, setError] = useState<string | null>(null);\r\n  const [copied, setCopied] = useState(false);\r\n  const [activeTab, setActiveTab] = useState<TabId>('roles');\r\n\r\n  const loadPermission = useCallback(async () => {\r\n    if (!permissionId) return;\r\n    try {\r\n      setLoading(true);\r\n      const data = await adminApi.permissions.getById(permissionId);\r\n      setPermission(data);\r\n    } catch (err) {\r\n      console.error('Failed to load permission:', err);\r\n      setError(t('admin:permissionDetail.errors.loadFailed', 'Failed to load permission'));\r\n    } finally {\r\n      setLoading(false);\r\n    }\r\n  }, [permissionId, t]);\r\n\r\n  useEffect(() => {\r\n    loadPermission();\r\n  }, [loadPermission]);\r\n\r\n  const handleCopyPath = async () => {\r\n    if (permission?.path) {\r\n      await navigator.clipboard.writeText(permission.path);\r\n      setCopied(true);\r\n      setTimeout(() => setCopied(false), 2000);\r\n    }\r\n  };\r\n\r\n  if (loading) {\r\n    return (\r\n      <div className=\"flex items-center justify-center min-h-[400px]\">\r\n        <Loader2 className=\"h-8 w-8 animate-spin text-[var(--color-accent-500)]\" />\r\n      </div>\r\n    );\r\n  }\r\n\r\n  if (error || !permission) {\r\n    return (\r\n      <div className=\"p-6\">\r\n        <div className=\"bg-[var(--error-bg)] border border-[var(--error-border)] rounded-lg p-4\">\r\n          <p className=\"text-[var(--error-text)]\">{error || t('admin:permissionDetail.errors.notFound', 'Permission not found')}</p>\r\n          <button\r\n            onClick={() => navigate('/administration/permissions/permissions')}\r\n            className=\"mt-4 text-sm text-[var(--color-accent-500)] hover:underline\"\r\n          >\r\n            {t('common:buttons.back')}\r\n          </button>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  const actionKey = permission.action || '*';\r\n  const actionColor = ACTION_COLORS[actionKey] || ACTION_COLORS['*'];\r\n  const actionIcon = ACTION_ICONS[actionKey] || ACTION_ICONS['*'];\r\n  const levelColor = LEVEL_COLORS[permission.level] || 'bg-gray-100 text-gray-800 dark:bg-gray-800 dark:text-gray-200';\r\n\r\n  return (\r\n    <div className=\"p-6 space-y-6\">\r\n      <Breadcrumb\r\n        items={[\r\n          { label: t('admin:header.title'), href: '/administration' },\r\n          { label: t('admin:permissions.title', 'Permissions'), href: '/administration/permissions/permissions' },\r\n          { label: permission?.path || 'Detail' }\r\n        ]}\r\n      />\r\n\r\n      {/* Header */}\r\n      <div className=\"flex items-center gap-4\">\r\n        <button\r\n          onClick={() => navigate('/administration/permissions/permissions')}\r\n          className=\"p-2 hover:bg-[var(--bg-hover)] rounded-lg transition-colors\"\r\n        >\r\n          <ArrowLeft className=\"h-5 w-5 text-[var(--text-secondary)]\" />\r\n        </button>\r\n        <div className=\"flex-1\">\r\n          <div className=\"flex items-center gap-3\">\r\n            <Lock className=\"h-6 w-6 text-[var(--color-accent-500)]\" />\r\n            <h1 className=\"text-2xl font-bold text-[var(--text-primary)]\">\r\n              {t('admin:permissionDetail.title', 'Permission Detail')}\r\n            </h1>\r\n          </div>\r\n          <div className=\"flex items-center gap-2 mt-2\">\r\n            <code className=\"px-3 py-1.5 bg-[var(--bg-tertiary)] border border-[var(--border-color)] rounded-lg text-sm font-mono text-[var(--text-primary)]\">\r\n              {permission.path}\r\n            </code>\r\n            <button\r\n              onClick={handleCopyPath}\r\n              className=\"p-1.5 hover:bg-[var(--bg-hover)] rounded transition-colors\"\r\n              title={t('common:buttons.copy')}\r\n            >\r\n              {copied ? (\r\n                <CheckCircle className=\"h-4 w-4 text-[var(--success-text)]\" />\r\n              ) : (\r\n                <Copy className=\"h-4 w-4 text-[var(--text-muted)]\" />\r\n              )}\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      {/* Permission Info Card */}\r\n      <div className=\"bg-[var(--bg-card)] border border-[var(--border-color)] rounded-[var(--radius-card)] p-6\">\r\n        <h2 className=\"text-lg font-semibold text-[var(--text-primary)] mb-4 flex items-center gap-2\">\r\n          <Info className=\"h-5 w-5 text-[var(--color-accent-500)]\" />\r\n          {t('admin:permissionDetail.info', 'Information')}\r\n        </h2>\r\n\r\n        <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4\">\r\n          {/* Level */}\r\n          <div className=\"space-y-1\">\r\n            <label className=\"text-xs font-medium text-[var(--text-muted)] uppercase tracking-wide\">\r\n              {t('admin:permissions.level', 'Level')}\r\n            </label>\r\n            <div>\r\n              <span className={`inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-medium ${levelColor}`}>\r\n                <Layers className=\"h-3 w-3\" />\r\n                {permission.level}\r\n              </span>\r\n            </div>\r\n          </div>\r\n\r\n          {/* Action */}\r\n          <div className=\"space-y-1\">\r\n            <label className=\"text-xs font-medium text-[var(--text-muted)] uppercase tracking-wide\">\r\n              {t('admin:permissions.action', 'Action')}\r\n            </label>\r\n            <div>\r\n              <span className={`inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-medium border ${actionColor}`}>\r\n                {actionIcon}\r\n                {permission.action || t('admin:permissions.wildcard', 'Wildcard (*)')}\r\n              </span>\r\n            </div>\r\n          </div>\r\n\r\n          {/* Wildcard */}\r\n          <div className=\"space-y-1\">\r\n            <label className=\"text-xs font-medium text-[var(--text-muted)] uppercase tracking-wide\">\r\n              {t('admin:permissions.type', 'Type')}\r\n            </label>\r\n            <div>\r\n              {permission.isWildcard ? (\r\n                <span className=\"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-medium bg-[var(--accent-bg)] text-[var(--accent-text)] border border-[var(--accent-border)]\">\r\n                  <Shield className=\"h-3 w-3\" />\r\n                  {t('admin:permissions.wildcardType', 'Wildcard')}\r\n                </span>\r\n              ) : (\r\n                <span className=\"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-medium bg-[var(--bg-secondary)] text-[var(--text-secondary)] border border-[var(--border-color)]\">\r\n                  {t('admin:permissions.specificType', 'Specific')}\r\n                </span>\r\n              )}\r\n            </div>\r\n          </div>\r\n\r\n          {/* Created At */}\r\n          <div className=\"space-y-1\">\r\n            <label className=\"text-xs font-medium text-[var(--text-muted)] uppercase tracking-wide\">\r\n              {t('admin:permissions.createdAt', 'Created')}\r\n            </label>\r\n            <div className=\"flex items-center gap-1.5 text-sm text-[var(--text-secondary)]\">\r\n              <Calendar className=\"h-4 w-4\" />\r\n              {new Date(permission.createdAt).toLocaleDateString()}\r\n            </div>\r\n          </div>\r\n\r\n          {/* Description */}\r\n          {permission.description && (\r\n            <div className=\"space-y-1 md:col-span-2\">\r\n              <label className=\"text-xs font-medium text-[var(--text-muted)] uppercase tracking-wide\">\r\n                {t('admin:permissions.description', 'Description')}\r\n              </label>\r\n              <p className=\"text-sm text-[var(--text-secondary)]\">{permission.description}</p>\r\n            </div>\r\n          )}\r\n        </div>\r\n      </div>\r\n\r\n      {/* Tabs */}\r\n      <div className=\"border-b border-[var(--border-color)]\">\r\n        <div className=\"flex gap-1\">\r\n          {([\r\n            { id: 'roles', label: t('admin:permissionDetail.tabs.roles', 'Rôles'), count: permission.roles.length, icon: <Shield className=\"w-4 h-4\" /> },\r\n            { id: 'entraGroups', label: t('admin:permissionDetail.tabs.entraGroups', 'Groupes AAD'), count: permission.entraGroups?.length ?? 0, icon: <Building2 className=\"w-4 h-4\" /> },\r\n            { id: 'users', label: t('admin:permissionDetail.tabs.users', 'Utilisateurs'), count: permission.users.length, icon: <Users className=\"w-4 h-4\" /> },\r\n          ] satisfies Array<{ id: TabId; label: string; count: number; icon: ReactNode }>).map((tab) => (\r\n            <button\r\n              key={tab.id}\r\n              onClick={() => setActiveTab(tab.id)}\r\n              className={`flex items-center gap-2 px-4 py-3 text-sm font-medium border-b-2 transition-colors ${\r\n                activeTab === tab.id\r\n                  ? 'border-[var(--color-accent-500)] text-[var(--color-accent-500)]'\r\n                  : 'border-transparent text-[var(--text-secondary)] hover:text-[var(--text-primary)] hover:border-[var(--border-color)]'\r\n              }`}\r\n            >\r\n              {tab.icon}\r\n              {tab.label}\r\n              <span className={`px-2 py-0.5 text-xs rounded-full ${\r\n                activeTab === tab.id\r\n                  ? 'bg-[var(--color-accent-500)]/10 text-[var(--color-accent-500)]'\r\n                  : 'bg-[var(--bg-tertiary)] text-[var(--text-tertiary)]'\r\n              }`}>\r\n                {tab.count}\r\n              </span>\r\n            </button>\r\n          ))}\r\n        </div>\r\n      </div>\r\n\r\n      {/* Tab Content */}\r\n      <div className=\"min-h-[400px]\">\r\n        {/* Roles Tab */}\r\n        {activeTab === 'roles' && (\r\n          <div className=\"bg-[var(--bg-card)] border border-[var(--border-color)] rounded-[var(--radius-card)] p-6\">\r\n            {permission.roles.length === 0 ? (\r\n              <div className=\"text-center py-8 text-[var(--text-muted)]\">\r\n                <Shield className=\"h-12 w-12 mx-auto mb-3 opacity-30\" />\r\n                <p>{t('admin:permissionDetail.noRoles', 'No roles have this permission')}</p>\r\n              </div>\r\n            ) : (\r\n              <div className=\"rounded-[var(--radius-card)] border border-[var(--border-color)] overflow-hidden\">\r\n                <table className=\"w-full\">\r\n                  <thead className=\"bg-[var(--bg-secondary)]\">\r\n                    <tr>\r\n                      <th className=\"px-4 py-3 text-left text-sm font-medium text-[var(--text-secondary)]\">\r\n                        {t('admin:roles.name', 'Nom')}\r\n                      </th>\r\n                      <th className=\"px-4 py-3 text-left text-sm font-medium text-[var(--text-secondary)]\">\r\n                        {t('common:type', 'Type')}\r\n                      </th>\r\n                    </tr>\r\n                  </thead>\r\n                  <tbody className=\"divide-y divide-[var(--border-color)]\">\r\n                    {permission.roles.map((role) => (\r\n                      <tr\r\n                        key={role.id}\r\n                        onClick={() => navigate(`/administration/permissions/roles/${role.id}`)}\r\n                        className=\"hover:bg-[var(--bg-hover)] cursor-pointer transition-colors\"\r\n                      >\r\n                        <td className=\"px-4 py-3\">\r\n                          <div className=\"flex items-center gap-3\">\r\n                            <div className=\"w-8 h-8 rounded-full flex items-center justify-center bg-[var(--color-accent-500)]/10 text-[var(--color-accent-500)]\">\r\n                              <Shield className=\"w-4 h-4\" />\r\n                            </div>\r\n                            <span className=\"font-medium text-[var(--text-primary)]\">{role.name}</span>\r\n                          </div>\r\n                        </td>\r\n                        <td className=\"px-4 py-3\">\r\n                          {role.isSystem ? (\r\n                            <span className=\"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-medium bg-[var(--info-bg)] text-[var(--info-text)] border border-[var(--info-border)]\">\r\n                              <Lock className=\"h-3 w-3\" />\r\n                              {t('admin:roles.system', 'Système')}\r\n                            </span>\r\n                          ) : (\r\n                            <span className=\"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-medium bg-[var(--bg-secondary)] text-[var(--text-secondary)] border border-[var(--border-color)]\">\r\n                              {t('admin:roles.custom', 'Personnalisé')}\r\n                            </span>\r\n                          )}\r\n                        </td>\r\n                      </tr>\r\n                    ))}\r\n                  </tbody>\r\n                </table>\r\n              </div>\r\n            )}\r\n          </div>\r\n        )}\r\n\r\n        {/* Entra Groups Tab */}\r\n        {activeTab === 'entraGroups' && (\r\n          <div className=\"bg-[var(--bg-card)] border border-[var(--border-color)] rounded-[var(--radius-card)] p-6\">\r\n            {(!permission.entraGroups || permission.entraGroups.length === 0) ? (\r\n              <div className=\"text-center py-8 text-[var(--text-muted)]\">\r\n                <Building2 className=\"h-12 w-12 mx-auto mb-3 opacity-30\" />\r\n                <p>{t('admin:permissionDetail.noEntraGroups', 'Aucun groupe AAD n\\'a cette permission')}</p>\r\n              </div>\r\n            ) : (\r\n              <div className=\"rounded-[var(--radius-card)] border border-[var(--border-color)] overflow-hidden\">\r\n                <table className=\"w-full\">\r\n                  <thead className=\"bg-[var(--bg-secondary)]\">\r\n                    <tr>\r\n                      <th className=\"px-4 py-3 text-left text-sm font-medium text-[var(--text-secondary)]\">\r\n                        {t('entra:groups.groupName', 'Nom du groupe')}\r\n                      </th>\r\n                      <th className=\"px-4 py-3 text-left text-sm font-medium text-[var(--text-secondary)]\">\r\n                        {t('common:type', 'Type')}\r\n                      </th>\r\n                      <th className=\"px-4 py-3 text-left text-sm font-medium text-[var(--text-secondary)]\">\r\n                        {t('entra:groups.members', 'Membres')}\r\n                      </th>\r\n                      <th className=\"px-4 py-3 text-left text-sm font-medium text-[var(--text-secondary)]\">\r\n                        {t('admin:permissionDetail.viaRoles', 'Via Rôles')}\r\n                      </th>\r\n                    </tr>\r\n                  </thead>\r\n                  <tbody className=\"divide-y divide-[var(--border-color)]\">\r\n                    {permission.entraGroups.map((group) => (\r\n                      <tr\r\n                        key={group.id}\r\n                        onClick={() => navigate(`/administration/entra/groups/${group.id}`)}\r\n                        className=\"hover:bg-[var(--bg-hover)] cursor-pointer transition-colors\"\r\n                      >\r\n                        <td className=\"px-4 py-3\">\r\n                          <div className=\"flex items-center gap-3\">\r\n                            <div className={`w-8 h-8 rounded-full flex items-center justify-center ${\r\n                              group.isSecurityGroup\r\n                                ? 'bg-blue-500/10 text-blue-500'\r\n                                : 'bg-purple-500/10 text-purple-500'\r\n                            }`}>\r\n                              {group.isSecurityGroup ? (\r\n                                <Shield className=\"w-4 h-4\" />\r\n                              ) : (\r\n                                <Building2 className=\"w-4 h-4\" />\r\n                              )}\r\n                            </div>\r\n                            <span className=\"font-medium text-[var(--text-primary)]\">{group.displayName}</span>\r\n                          </div>\r\n                        </td>\r\n                        <td className=\"px-4 py-3\">\r\n                          <span className={`px-2 py-1 text-xs rounded-[var(--radius-badge)] ${\r\n                            group.isSecurityGroup\r\n                              ? 'bg-blue-500/10 text-blue-500'\r\n                              : 'bg-purple-500/10 text-purple-500'\r\n                          }`}>\r\n                            {group.isSecurityGroup ? t('entra:groups.securityGroup', 'Sécurité') : t('entra:groups.distributionGroup', 'Distribution')}\r\n                          </span>\r\n                        </td>\r\n                        <td className=\"px-4 py-3 text-sm text-[var(--text-secondary)]\">\r\n                          <span className=\"flex items-center gap-1\">\r\n                            <Users className=\"w-4 h-4\" />\r\n                            {group.memberCount}\r\n                          </span>\r\n                        </td>\r\n                        <td className=\"px-4 py-3\">\r\n                          <div className=\"flex flex-wrap gap-1\">\r\n                            {group.roleNames.map((roleName) => (\r\n                              <span\r\n                                key={roleName}\r\n                                className=\"inline-flex items-center gap-1 px-2 py-0.5 bg-[var(--bg-tertiary)] rounded text-xs text-[var(--text-secondary)]\"\r\n                              >\r\n                                <Shield className=\"h-2.5 w-2.5\" />\r\n                                {roleName}\r\n                              </span>\r\n                            ))}\r\n                          </div>\r\n                        </td>\r\n                      </tr>\r\n                    ))}\r\n                  </tbody>\r\n                </table>\r\n              </div>\r\n            )}\r\n          </div>\r\n        )}\r\n\r\n        {/* Users Tab */}\r\n        {activeTab === 'users' && (\r\n          <div className=\"bg-[var(--bg-card)] border border-[var(--border-color)] rounded-[var(--radius-card)] p-6\">\r\n            {permission.users.length === 0 ? (\r\n              <div className=\"text-center py-8 text-[var(--text-muted)]\">\r\n                <Users className=\"h-12 w-12 mx-auto mb-3 opacity-30\" />\r\n                <p>{t('admin:permissionDetail.noUsers', 'No users have this permission')}</p>\r\n              </div>\r\n            ) : (\r\n              <div className=\"rounded-[var(--radius-card)] border border-[var(--border-color)] overflow-hidden\">\r\n                <table className=\"w-full\">\r\n                  <thead className=\"bg-[var(--bg-secondary)]\">\r\n                    <tr>\r\n                      <th className=\"px-4 py-3 text-left text-sm font-medium text-[var(--text-secondary)]\">\r\n                        {t('admin:users.name', 'Name')}\r\n                      </th>\r\n                      <th className=\"px-4 py-3 text-left text-sm font-medium text-[var(--text-secondary)]\">\r\n                        {t('admin:users.email', 'Email')}\r\n                      </th>\r\n                      <th className=\"px-4 py-3 text-left text-sm font-medium text-[var(--text-secondary)]\">\r\n                        {t('admin:permissionDetail.viaRoles', 'Via Roles')}\r\n                      </th>\r\n                    </tr>\r\n                  </thead>\r\n                  <tbody className=\"divide-y divide-[var(--border-color)]\">\r\n                    {permission.users.map((user) => (\r\n                      <tr\r\n                        key={user.id}\r\n                        onClick={() => navigate(`/administration/users/${user.id}`)}\r\n                        className=\"hover:bg-[var(--bg-hover)] cursor-pointer transition-colors\"\r\n                      >\r\n                        <td className=\"px-4 py-3\">\r\n                          <div className=\"flex items-center gap-3\">\r\n                            <div className=\"h-8 w-8 rounded-full bg-[var(--color-accent-100)] dark:bg-[var(--color-accent-900)] flex items-center justify-center\">\r\n                              <span className=\"text-sm font-medium text-[var(--color-accent-700)] dark:text-[var(--color-accent-300)]\">\r\n                                {user.firstName.charAt(0)}{user.lastName.charAt(0)}\r\n                              </span>\r\n                            </div>\r\n                            <span className=\"font-medium text-[var(--text-primary)]\">\r\n                              {user.firstName} {user.lastName}\r\n                            </span>\r\n                          </div>\r\n                        </td>\r\n                        <td className=\"px-4 py-3 text-sm text-[var(--text-secondary)]\">\r\n                          {user.email}\r\n                        </td>\r\n                        <td className=\"px-4 py-3\">\r\n                          <div className=\"flex flex-wrap gap-1\">\r\n                            {user.roleNames.map((roleName) => (\r\n                              <span\r\n                                key={roleName}\r\n                                className=\"inline-flex items-center gap-1 px-2 py-0.5 bg-[var(--bg-tertiary)] rounded text-xs text-[var(--text-secondary)]\"\r\n                              >\r\n                                <Shield className=\"h-2.5 w-2.5\" />\r\n                                {roleName}\r\n                              </span>\r\n                            ))}\r\n                          </div>\r\n                        </td>\r\n                      </tr>\r\n                    ))}\r\n                  </tbody>\r\n                </table>\r\n              </div>\r\n            )}\r\n          </div>\r\n        )}\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["ACTION_ICONS","jsx","Shield","Eye","Plus","Edit","Trash2","UserPlus","Play","ACTION_COLORS","LEVEL_COLORS","PermissionDetailPage","t","useTranslation","permissionId","useParams","navigate","useNavigate","permission","setPermission","useState","loading","setLoading","error","setError","copied","setCopied","activeTab","setActiveTab","loadPermission","useCallback","data","adminApi","err","useEffect","handleCopyPath","Loader2","jsxs","actionKey","actionColor","actionIcon","levelColor","Breadcrumb","ArrowLeft","Lock","CheckCircle","Copy","Info","Layers","Calendar","Building2","Users","tab","role","group","roleName","user"],"mappings":"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"}

package/dist/chunks/{PermissionsPage-BGI2nxCn.js → PermissionsPage-CDSuc8vw.js}

@@ -3,7 +3,7 @@ import { useState as m, useCallback as B, useEffect as R } from "react";
 import { useTranslation as G } from "react-i18next";
 import { useNavigate as W } from "react-router-dom";
 import { Shield as g, FolderTree as q, List as z, LayoutGrid as S, Layers as j, FileCode as C, Search as H, Loader2 as w, ChevronDown as L, ChevronRight as P, Sparkles as J, ExternalLink as K } from "lucide-react";
-import { k, B as O } from "./index-DA5VyW0k.js";
+import { k, B as O } from "./index-CpY95_ro.js";
 function Q({ app: t, expandedNodes: i, toggleNode: o, t: l }) {
   return /* @__PURE__ */ r("div", { children: [
     /* @__PURE__ */ r(
@@ -293,4 +293,4 @@ function ie() {
 export {
   ie as PermissionsPage
 };
-//# sourceMappingURL=PermissionsPage-BGI2nxCn.js.map
+//# sourceMappingURL=PermissionsPage-CDSuc8vw.js.map