@atlashub/smartstack 3.11.0 → 3.15.0

package/dist/{index-DwATtWun.js → index-vUb_gIjC.js}

@@ -1,7 +1,7 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
 import { Link as p } from "react-router-dom";
 import { useTranslation as N } from "react-i18next";
-import { ArrowLeft as c, Users as l, Target as w, Lightbulb as T, Plus as h, Search as C, Filter as E, Cloud as o, LayoutGrid as R, List as G, Shield as n, Building2 as x, CloudOff as m, CornerDownRight as u, GitBranch as b, ChevronDown as k, Trash2 as g, Check as A, Network as L, Info as S } from "lucide-react";
+import { ArrowLeft as c, Users as l, Target as w, Lightbulb as T, Plus as h, Search as C, Filter as E, Cloud as o, LayoutGrid as R, List as G, Shield as n, Building2 as x, CloudOff as m, CornerDownRight as u, GitBranch as b, ChevronDown as $, Trash2 as g, Check as k, Network as A, Info as L } from "lucide-react";
 const y = [
   { name: "IT Security", description: "Gestion des accès infrastructure et sécurité", type: "security", source: "local", memberCount: 8, roles: ["Admin", "IT Admin"], childCount: 2, parentName: null, createdAt: "2024-01-10" },
   { name: "DevOps Team", description: "Équipe déploiement et intégration continue", type: "security", source: "local", memberCount: 6, roles: ["DevOps Engineer"], childCount: 0, parentName: "IT Security", createdAt: "2024-01-15" },
@@ -37,7 +37,7 @@ const y = [
 ];
 function s({ text: r }) {
   return /* @__PURE__ */ t("div", { className: "flex items-start gap-2 p-2.5 rounded-lg bg-blue-500/5 border border-blue-500/15 text-sm text-blue-700 dark:text-blue-400", children: [
-    /* @__PURE__ */ e(S, { className: "w-4 h-4 mt-0.5 flex-shrink-0" }),
+    /* @__PURE__ */ e(L, { className: "w-4 h-4 mt-0.5 flex-shrink-0" }),
     /* @__PURE__ */ e("span", { children: r })
   ] });
 }
@@ -221,7 +221,7 @@ function O() {
                         a.memberCount,
                         " membres"
                       ] }),
-                      /* @__PURE__ */ e(k, { className: "w-3 h-3 ml-1" })
+                      /* @__PURE__ */ e($, { className: "w-3 h-3 ml-1" })
                     ] })
                   ] })
                 ] }),
@@ -356,7 +356,7 @@ function O() {
           ] }),
           /* @__PURE__ */ t("div", { className: "flex gap-3 pt-2", children: [
             /* @__PURE__ */ t("button", { className: "flex items-center gap-2 px-4 py-2 bg-[var(--color-primary-600)] text-white rounded-lg text-sm font-medium opacity-80", children: [
-              /* @__PURE__ */ e(A, { className: "w-4 h-4" }),
+              /* @__PURE__ */ e(k, { className: "w-4 h-4" }),
               "Créer"
             ] }),
             /* @__PURE__ */ e("button", { className: "px-4 py-2 border border-[var(--border-color)] rounded-lg text-sm opacity-80", children: "Annuler" })
@@ -436,7 +436,7 @@ function O() {
           ] }),
           /* @__PURE__ */ t("div", { className: "mt-4 pt-4 border-t border-[var(--border-color)]", children: [
             /* @__PURE__ */ t("div", { className: "text-sm font-medium text-[var(--text-secondary)] mb-3 flex items-center gap-2", children: [
-              /* @__PURE__ */ e(L, { className: "w-4 h-4" }),
+              /* @__PURE__ */ e(A, { className: "w-4 h-4" }),
               "Hiérarchie"
             ] }),
             /* @__PURE__ */ t("div", { className: "space-y-2", children: [
@@ -470,7 +470,7 @@ function O() {
       ] }),
       /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [1, 2, 3].map((a) => /* @__PURE__ */ t("div", { className: "card p-6", children: [
         /* @__PURE__ */ t("div", { className: "flex items-center gap-3 mb-4", children: [
-          /* @__PURE__ */ e("div", { className: `w-12 h-12 rounded-full flex items-center justify-center ${a === 1 ? "bg-blue-500/10" : a === 2 ? "bg-amber-500/10" : "bg-purple-500/10"}`, children: /* @__PURE__ */ e(l, { className: `w-6 h-6 ${a === 1 ? "text-blue-600" : a === 2 ? "text-amber-600" : "text-purple-600"}` }) }),
+          /* @__PURE__ */ e("div", { className: `w-12 h-12 rounded-full flex items-center justify-center ${{ 1: "bg-blue-500/10", 2: "bg-amber-500/10", 3: "bg-purple-500/10" }[a]}`, children: /* @__PURE__ */ e(l, { className: `w-6 h-6 ${{ 1: "text-blue-600", 2: "text-amber-600", 3: "text-purple-600" }[a]}` }) }),
           /* @__PURE__ */ t("div", { children: [
             /* @__PURE__ */ e("div", { className: "font-semibold", children: r(`useCases.${a}.persona`) }),
             /* @__PURE__ */ e("div", { className: "text-sm text-[var(--text-secondary)]", children: r(`useCases.${a}.role`) })
@@ -492,7 +492,7 @@ function O() {
             /* @__PURE__ */ e("span", { children: r(`useCases.${a}.withFeature`) })
           ] })
         ] })
-      ] }, a)) })
+      ] }, `usecase-${a}`)) })
     ] }),
     /* @__PURE__ */ t("section", { id: "fonctionnalites", className: "scroll-mt-4", children: [
       /* @__PURE__ */ t("h2", { className: "text-2xl font-bold mb-4 flex items-center gap-2", children: [
@@ -514,7 +514,7 @@ function O() {
               r(`features.${a}.example`)
             ] })
           ] })
-        ] }) }, a);
+        ] }) }, `feature-${a}`);
       }) })
     ] }),
     /* @__PURE__ */ t("section", { id: "faq", className: "scroll-mt-4", children: [
@@ -525,7 +525,7 @@ function O() {
       /* @__PURE__ */ e("div", { className: "space-y-4", children: [1, 2, 3, 4, 5].map((a) => /* @__PURE__ */ t("div", { className: "card p-4", children: [
         /* @__PURE__ */ e("h3", { className: "font-medium mb-2", children: r(`faq.${a}.question`) }),
         /* @__PURE__ */ e("p", { className: "text-sm text-[var(--text-secondary)]", children: r(`faq.${a}.answer`) })
-      ] }, a)) })
+      ] }, `faq-${a}`)) })
     ] }),
     /* @__PURE__ */ e("section", { id: "reference", className: "scroll-mt-4", children: /* @__PURE__ */ t("details", { className: "card", children: [
       /* @__PURE__ */ t("summary", { className: "p-4 cursor-pointer hover:bg-[var(--bg-secondary)] rounded-lg font-semibold flex items-center gap-2", children: [
@@ -564,7 +564,7 @@ function O() {
               /* @__PURE__ */ e("td", { className: "py-2 px-3", children: /* @__PURE__ */ e("span", { className: `px-2 py-0.5 rounded text-xs font-medium ${a.method === "GET" ? "bg-blue-500/10 text-blue-600" : a.method === "POST" ? "bg-green-500/10 text-green-600" : a.method === "PUT" ? "bg-orange-500/10 text-orange-600" : a.method === "PATCH" ? "bg-amber-500/10 text-amber-600" : "bg-red-500/10 text-red-600"}`, children: a.method }) }),
               /* @__PURE__ */ e("td", { className: "py-2 px-3 font-mono text-xs", children: a.path }),
               /* @__PURE__ */ e("td", { className: "py-2 px-3 text-[var(--text-secondary)]", children: a.handler })
-            ] }, i)) })
+            ] }, `${a.method}-${a.path}-${i}`)) })
           ] }) })
         ] })
       ] })
@@ -598,4 +598,4 @@ function O() {
 export {
   O as default
 };
-//# sourceMappingURL=index-DwATtWun.js.map
+//# sourceMappingURL=index-vUb_gIjC.js.map

package/dist/index-vUb_gIjC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-vUb_gIjC.js","sources":["../src/pages/docs/business/platform/administration/users/groups/index.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport { useTranslation } from 'react-i18next';\r\nimport {\r\n  ArrowLeft,\r\n  Users,\r\n  Shield,\r\n  Target,\r\n  Lightbulb,\r\n  Search,\r\n  Info,\r\n  Cloud,\r\n  CloudOff,\r\n  GitBranch,\r\n  CornerDownRight,\r\n  Plus,\r\n  Trash2,\r\n  Filter,\r\n  LayoutGrid,\r\n  List,\r\n  Check,\r\n  ChevronDown,\r\n  Building2,\r\n  Network,\r\n} from 'lucide-react';\r\n\r\n// ── Mock data matching actual UsersGroupsPage ─────────────────────────────────\r\n\r\ntype MockGroupType = 'security' | 'distribution';\r\ntype MockSyncSource = 'local' | 'entra';\r\n\r\ninterface MockGroup {\r\n  name: string;\r\n  description: string;\r\n  type: MockGroupType;\r\n  source: MockSyncSource;\r\n  memberCount: number;\r\n  roles: string[];\r\n  childCount: number;\r\n  parentName: string | null;\r\n  createdAt: string;\r\n}\r\n\r\nconst mockGroups: MockGroup[] = [\r\n  { name: 'IT Security', description: 'Gestion des accès infrastructure et sécurité', type: 'security', source: 'local', memberCount: 8, roles: ['Admin', 'IT Admin'], childCount: 2, parentName: null, createdAt: '2024-01-10' },\r\n  { name: 'DevOps Team', description: 'Équipe déploiement et intégration continue', type: 'security', source: 'local', memberCount: 6, roles: ['DevOps Engineer'], childCount: 0, parentName: 'IT Security', createdAt: '2024-01-15' },\r\n  { name: 'All Staff', description: 'Tous les collaborateurs de l\\'entreprise', type: 'security', source: 'entra', memberCount: 42, roles: ['User'], childCount: 0, parentName: null, createdAt: '2024-02-01' },\r\n  { name: 'HR Department', description: 'Ressources humaines et gestion des talents', type: 'distribution', source: 'local', memberCount: 15, roles: ['HR Manager'], childCount: 0, parentName: null, createdAt: '2024-01-20' },\r\n  { name: 'Finance Department', description: 'Comptabilité, contrôle de gestion et audit', type: 'distribution', source: 'entra', memberCount: 12, roles: ['Finance User'], childCount: 0, parentName: null, createdAt: '2024-02-10' },\r\n];\r\n\r\nconst apiEndpoints = [\r\n  { method: 'GET' as const, path: '/api/administration/users/groups', handler: 'GetGroups', permission: 'administration.users.groups.read' },\r\n  { method: 'GET' as const, path: '/api/administration/users/groups/{id}', handler: 'GetGroup', permission: 'administration.users.groups.read' },\r\n  { method: 'POST' as const, path: '/api/administration/users/groups', handler: 'CreateGroup', permission: 'administration.users.groups.create' },\r\n  { method: 'PUT' as const, path: '/api/administration/users/groups/{id}', handler: 'UpdateGroup', permission: 'administration.users.groups.update' },\r\n  { method: 'DELETE' as const, path: '/api/administration/users/groups/{id}', handler: 'DeleteGroup', permission: 'administration.users.groups.delete' },\r\n  { method: 'POST' as const, path: '/api/administration/users/groups/{id}/activate', handler: 'ActivateGroup', permission: 'administration.users.groups.update' },\r\n  { method: 'POST' as const, path: '/api/administration/users/groups/{id}/deactivate', handler: 'DeactivateGroup', permission: 'administration.users.groups.update' },\r\n  { method: 'POST' as const, path: '/api/administration/users/groups/{id}/link-entra', handler: 'LinkToEntra', permission: 'administration.users.groups.update' },\r\n  { method: 'DELETE' as const, path: '/api/administration/users/groups/{id}/link-entra', handler: 'UnlinkFromEntra', permission: 'administration.users.groups.update' },\r\n  { method: 'GET' as const, path: '/api/administration/users/groups/{id}/members', handler: 'GetMembers', permission: 'administration.users.groups.read' },\r\n  { method: 'POST' as const, path: '/api/administration/users/groups/{id}/members', handler: 'AddMember', permission: 'administration.users.groups.update' },\r\n  { method: 'DELETE' as const, path: '/api/administration/users/groups/{id}/members/{userId}', handler: 'RemoveMember', permission: 'administration.users.groups.update' },\r\n  { method: 'GET' as const, path: '/api/administration/users/groups/{id}/roles', handler: 'GetRoles', permission: 'administration.users.groups.read' },\r\n  { method: 'POST' as const, path: '/api/administration/users/groups/{id}/roles', handler: 'AssignRole', permission: 'administration.users.groups.assign' },\r\n  { method: 'DELETE' as const, path: '/api/administration/users/groups/{id}/roles/{roleId}', handler: 'RemoveRole', permission: 'administration.users.groups.assign' },\r\n  { method: 'PATCH' as const, path: '/api/administration/users/groups/{id}/roles/{roleId}/inheritable', handler: 'SetRoleInheritable', permission: 'administration.users.groups.assign' },\r\n  { method: 'GET' as const, path: '/api/administration/users/groups/{id}/children', handler: 'GetChildren', permission: 'administration.users.groups.read' },\r\n  { method: 'PUT' as const, path: '/api/administration/users/groups/{id}/parent', handler: 'SetParent', permission: 'administration.users.groups.update' },\r\n  { method: 'GET' as const, path: '/api/administration/users/groups/{id}/tenants', handler: 'GetTenants', permission: 'administration.users.groups.read' },\r\n  { method: 'POST' as const, path: '/api/administration/users/groups/{id}/tenants', handler: 'AddToTenant', permission: 'administration.users.groups.assign' },\r\n  { method: 'DELETE' as const, path: '/api/administration/users/groups/{id}/tenants/{tenantId}', handler: 'RemoveFromTenant', permission: 'administration.users.groups.assign' },\r\n  { method: 'GET' as const, path: '/api/administration/users/groups/{id}/custom-role', handler: 'GetCustomRole', permission: 'administration.users.groups.read' },\r\n  { method: 'POST' as const, path: '/api/administration/users/groups/{id}/custom-role', handler: 'CreateCustomRole', permission: 'administration.users.groups.create' },\r\n  { method: 'DELETE' as const, path: '/api/administration/users/groups/{id}/custom-role', handler: 'DeleteCustomRole', permission: 'administration.users.groups.delete' },\r\n  { method: 'GET' as const, path: '/api/administration/users/groups/{id}/application-access', handler: 'GetApplicationAccess', permission: 'administration.users.groups.read' },\r\n];\r\n\r\n// ── Annotation helper ─────────────────────────────────────────────────────────\r\n\r\nfunction Annotation({ text }: { text: string }) {\r\n  return (\r\n    <div className=\"flex items-start gap-2 p-2.5 rounded-lg bg-blue-500/5 border border-blue-500/15 text-sm text-blue-700 dark:text-blue-400\">\r\n      <Info className=\"w-4 h-4 mt-0.5 flex-shrink-0\" />\r\n      <span>{text}</span>\r\n    </div>\r\n  );\r\n}\r\n\r\n// ── Component ─────────────────────────────────────────────────────────────────\r\n\r\nexport default function GroupsDocPage(): ReactElement {\r\n  const { t } = useTranslation('docsAdministrationUsersGroups');\r\n\r\n  return (\r\n    <div className=\"space-y-8\">\r\n      {/* Back Navigation */}\r\n      <Link\r\n        to=\"/docs/business/administration/users\"\r\n        className=\"inline-flex items-center gap-2 text-[var(--text-secondary)] hover:text-[var(--color-primary-600)] transition-colors\"\r\n      >\r\n        <ArrowLeft className=\"w-4 h-4\" />\r\n        {t('nav.backToUsers')}\r\n      </Link>\r\n\r\n      {/* Header */}\r\n      <div>\r\n        <h1 className=\"text-3xl font-bold mb-4 flex items-center gap-3\">\r\n          <Users className=\"w-8 h-8 text-[var(--color-primary-600)]\" />\r\n          {t('title')}\r\n        </h1>\r\n        <p className=\"text-xl text-[var(--color-primary-600)] font-medium mb-2\">\r\n          {t('valueProposition')}\r\n        </p>\r\n        <p className=\"text-lg text-[var(--text-secondary)]\">\r\n          {t('subtitle')}\r\n        </p>\r\n        <div className=\"flex gap-4 mt-3 text-sm text-[var(--text-secondary)]\">\r\n          <span>8 {t('header.businessRules')}</span>\r\n          <span>{apiEndpoints.length} {t('header.apiEndpoints')}</span>\r\n          <span>2 {t('header.groupTypes')}</span>\r\n        </div>\r\n      </div>\r\n\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      {/* SECTION 1: BUSINESS VALUE                                           */}\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      <section id=\"valeur\" className=\"scroll-mt-4\">\r\n        <h2 className=\"text-2xl font-bold mb-4 flex items-center gap-2\">\r\n          <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm\">1</span>\r\n          {t('sections.businessValue')}\r\n        </h2>\r\n\r\n        <div className=\"card p-6\">\r\n          <div className=\"mb-6\">\r\n            <h3 className=\"font-semibold mb-3 flex items-center gap-2\">\r\n              <Target className=\"w-5 h-5 text-red-500\" />\r\n              {t('sections.problem')}\r\n            </h3>\r\n            <p className=\"text-[var(--text-secondary)]\">{t('problem')}</p>\r\n          </div>\r\n\r\n          <div className=\"p-4 rounded-lg bg-green-500/10 border border-green-500/20\">\r\n            <h3 className=\"font-semibold mb-2 flex items-center gap-2 text-green-700\">\r\n              <Lightbulb className=\"w-5 h-5\" />\r\n              {t('sections.solution')}\r\n            </h3>\r\n            <p className=\"text-[var(--text-secondary)]\">{t('solution')}</p>\r\n          </div>\r\n        </div>\r\n      </section>\r\n\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      {/* SECTION 2: ACCESS                                                   */}\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      <section id=\"acces\" className=\"scroll-mt-4\">\r\n        <h2 className=\"text-2xl font-bold mb-4 flex items-center gap-2\">\r\n          <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm\">2</span>\r\n          {t('sections.access')}\r\n        </h2>\r\n\r\n        <div className=\"card p-6 space-y-4\">\r\n          <div>\r\n            <div className=\"text-sm font-medium text-[var(--text-secondary)] mb-2\">{t('access.navigation')}</div>\r\n            <div className=\"flex items-center gap-2 text-sm flex-wrap\">\r\n              <span className=\"px-3 py-1.5 rounded-lg bg-purple-500/10 text-purple-600 font-medium\">Platform</span>\r\n              <span className=\"text-[var(--text-tertiary)]\">›</span>\r\n              <span className=\"px-3 py-1.5 rounded-lg bg-blue-500/10 text-blue-600 font-medium\">Administration</span>\r\n              <span className=\"text-[var(--text-tertiary)]\">›</span>\r\n              <span className=\"px-3 py-1.5 rounded-lg bg-green-500/10 text-green-600 font-medium\">Users</span>\r\n              <span className=\"text-[var(--text-tertiary)]\">›</span>\r\n              <span className=\"px-3 py-1.5 rounded-lg bg-orange-500/10 text-orange-600 font-medium\">Groups</span>\r\n            </div>\r\n          </div>\r\n          <div>\r\n            <div className=\"text-sm font-medium text-[var(--text-secondary)] mb-1\">URL</div>\r\n            <code className=\"text-sm px-3 py-1.5 bg-[var(--bg-secondary)] rounded-lg\">/administration/users/groups</code>\r\n          </div>\r\n          <div>\r\n            <div className=\"text-sm font-medium text-[var(--text-secondary)] mb-1\">{t('access.permission')}</div>\r\n            <code className=\"text-sm px-3 py-1.5 bg-[var(--bg-secondary)] rounded-lg\">administration.users.groups.read</code>\r\n          </div>\r\n        </div>\r\n      </section>\r\n\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      {/* SECTION 3: INTERFACE OVERVIEW — MOCK UI (LIST)                       */}\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      <section id=\"interface\" className=\"scroll-mt-4\">\r\n        <h2 className=\"text-2xl font-bold mb-4 flex items-center gap-2\">\r\n          <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm\">3</span>\r\n          {t('sections.interface')}\r\n        </h2>\r\n\r\n        <p className=\"text-[var(--text-secondary)] mb-4\">{t('interface.desc')}</p>\r\n\r\n        <div className=\"card overflow-hidden mb-4\">\r\n          {/* Page header */}\r\n          <div className=\"p-4 border-b border-[var(--border-color)] bg-[var(--bg-secondary)]\">\r\n            <div className=\"flex items-center gap-2 text-xs text-[var(--text-secondary)] mb-3\">\r\n              <span>Administration</span>\r\n              <span>›</span>\r\n              <span>Users</span>\r\n              <span>›</span>\r\n              <span className=\"text-[var(--text-primary)]\">{t('title')}</span>\r\n            </div>\r\n            <div className=\"flex items-center justify-between\">\r\n              <div className=\"flex items-center gap-3\">\r\n                <div className=\"p-2 rounded-lg bg-[var(--color-primary-600)]/10\">\r\n                  <Users className=\"w-6 h-6 text-[var(--color-primary-600)]\" />\r\n                </div>\r\n                <div>\r\n                  <h3 className=\"text-lg font-semibold\">{t('title')}</h3>\r\n                  <p className=\"text-sm text-[var(--text-secondary)]\">5 {t('interface.groupsCount', { defaultValue: 'groupes' })}</p>\r\n                </div>\r\n              </div>\r\n              <button className=\"px-4 py-2 rounded-lg bg-[var(--color-primary-600)] text-white text-sm font-medium flex items-center gap-2 opacity-80\">\r\n                <Plus className=\"w-4 h-4\" />\r\n                {t('interface.createButton')}\r\n              </button>\r\n            </div>\r\n          </div>\r\n\r\n          {/* Search & Filters toolbar */}\r\n          <div className=\"px-4 py-3 border-b border-[var(--border-color)]\">\r\n            <div className=\"flex flex-col sm:flex-row gap-3\">\r\n              <div className=\"flex items-center gap-2 flex-1 px-3 py-2 bg-[var(--bg-primary)] border border-[var(--border-color)] rounded-lg\">\r\n                <Search className=\"w-4 h-4 text-[var(--text-tertiary)]\" />\r\n                <span className=\"text-sm text-[var(--text-tertiary)]\">{t('interface.searchPlaceholder')}</span>\r\n              </div>\r\n              <div className=\"flex items-center gap-2\">\r\n                <Filter className=\"w-4 h-4 text-[var(--text-tertiary)]\" />\r\n                <select className=\"px-3 py-2 rounded-lg border border-[var(--border-color)] bg-[var(--bg-primary)] text-sm\">\r\n                  <option>{t('interface.types.all')}</option>\r\n                  <option>{t('interface.types.security')}</option>\r\n                  <option>{t('interface.types.distribution')}</option>\r\n                </select>\r\n              </div>\r\n              <div className=\"flex items-center gap-2\">\r\n                <Cloud className=\"w-4 h-4 text-[var(--text-tertiary)]\" />\r\n                <select className=\"px-3 py-2 rounded-lg border border-[var(--border-color)] bg-[var(--bg-primary)] text-sm\">\r\n                  <option>{t('interface.sync.all')}</option>\r\n                  <option>{t('interface.sync.local')}</option>\r\n                  <option>{t('interface.sync.entra')}</option>\r\n                </select>\r\n              </div>\r\n              <div className=\"flex items-center gap-1 p-1 rounded-lg bg-[var(--bg-secondary)] border border-[var(--border-color)]\">\r\n                <button className=\"p-2 rounded-lg bg-[var(--color-primary-600)] text-white transition-colors\">\r\n                  <LayoutGrid className=\"w-4 h-4\" />\r\n                </button>\r\n                <button className=\"p-2 rounded-lg text-[var(--text-tertiary)] transition-colors\">\r\n                  <List className=\"w-4 h-4\" />\r\n                </button>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          {/* Cards View */}\r\n          <div className=\"p-4 grid grid-cols-1 lg:grid-cols-2 gap-4\">\r\n            {mockGroups.slice(0, 4).map((group) => (\r\n              <div\r\n                key={group.name}\r\n                className=\"rounded-lg border border-[var(--border-color)] bg-[var(--bg-primary)] overflow-hidden hover:border-[var(--color-primary-600)] transition-colors cursor-pointer\"\r\n              >\r\n                <div className=\"p-4\">\r\n                  <div className=\"flex items-start justify-between gap-4\">\r\n                    <div className=\"flex items-start gap-3 min-w-0\">\r\n                      <div className={`p-2.5 rounded-lg flex-shrink-0 ${\r\n                        group.type === 'security'\r\n                          ? 'bg-blue-500/10 text-blue-500'\r\n                          : 'bg-purple-500/10 text-purple-500'\r\n                      }`}>\r\n                        {group.type === 'security' ? <Shield className=\"w-5 h-5\" /> : <Building2 className=\"w-5 h-5\" />}\r\n                      </div>\r\n                      <div className=\"min-w-0\">\r\n                        <div className=\"flex items-center gap-2 flex-wrap mb-1\">\r\n                          <span className=\"font-semibold text-[var(--text-primary)]\">{group.name}</span>\r\n                          <span className={`px-2 py-0.5 text-xs rounded-full border ${\r\n                            group.type === 'security'\r\n                              ? 'bg-blue-500/10 text-blue-600 border-blue-500/20'\r\n                              : 'bg-purple-500/10 text-purple-600 border-purple-500/20'\r\n                          }`}>\r\n                            {t(`interface.types.${group.type}`)}\r\n                          </span>\r\n                          {group.source === 'entra' ? (\r\n                            <span className=\"px-2 py-0.5 text-xs rounded-full bg-blue-500/10 text-blue-500 border border-blue-500/20 flex items-center gap-1\">\r\n                              <Cloud className=\"w-3 h-3\" />\r\n                              Entra\r\n                            </span>\r\n                          ) : (\r\n                            <span className=\"px-2 py-0.5 text-xs rounded-full bg-[var(--bg-tertiary)] text-[var(--text-tertiary)] border border-[var(--border-color)] flex items-center gap-1\">\r\n                              <CloudOff className=\"w-3 h-3\" />\r\n                              {t('interface.sync.local')}\r\n                            </span>\r\n                          )}\r\n                          {group.parentName && (\r\n                            <span className=\"px-2 py-0.5 text-xs rounded-full bg-[var(--bg-tertiary)] text-[var(--text-tertiary)] border border-[var(--border-color)] flex items-center gap-1\">\r\n                              <CornerDownRight className=\"w-3 h-3\" />\r\n                              {group.parentName}\r\n                            </span>\r\n                          )}\r\n                          {group.childCount > 0 && (\r\n                            <span className=\"px-2 py-0.5 text-xs rounded-full bg-[var(--bg-tertiary)] text-[var(--text-tertiary)] border border-[var(--border-color)] flex items-center gap-1\">\r\n                              <GitBranch className=\"w-3 h-3\" />\r\n                              {group.childCount}\r\n                            </span>\r\n                          )}\r\n                        </div>\r\n                        <p className=\"text-sm text-[var(--text-secondary)] line-clamp-1\">{group.description}</p>\r\n                        <div className=\"flex items-center gap-1 mt-2 text-sm text-[var(--text-tertiary)]\">\r\n                          <Users className=\"w-4 h-4\" />\r\n                          <span>{group.memberCount} membres</span>\r\n                          <ChevronDown className=\"w-3 h-3 ml-1\" />\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <div className=\"flex flex-col gap-2 flex-shrink-0\">\r\n                      <button className=\"inline-flex items-center gap-1 px-3 py-1.5 text-xs font-medium rounded-lg bg-[var(--color-primary-600)] text-white opacity-80\">\r\n                        <Plus className=\"w-3.5 h-3.5\" />\r\n                        Rôle\r\n                      </button>\r\n                      <button className=\"inline-flex items-center gap-1 px-3 py-1.5 text-xs font-medium rounded-lg border border-[var(--error-border)] text-[var(--error-text)] opacity-80\">\r\n                        <Trash2 className=\"w-3.5 h-3.5\" />\r\n                      </button>\r\n                    </div>\r\n                  </div>\r\n                  {group.roles.length > 0 && (\r\n                    <div className=\"mt-3 pt-3 border-t border-[var(--border-color)]\">\r\n                      <div className=\"flex flex-wrap gap-2\">\r\n                        {group.roles.map((role) => (\r\n                          <span key={role} className=\"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-lg bg-[var(--bg-secondary)] border border-[var(--border-color)] text-xs\">\r\n                            <Shield className=\"w-3.5 h-3.5 text-[var(--color-primary-600)]\" />\r\n                            {role}\r\n                          </span>\r\n                        ))}\r\n                      </div>\r\n                    </div>\r\n                  )}\r\n                </div>\r\n              </div>\r\n            ))}\r\n          </div>\r\n        </div>\r\n\r\n        {/* Annotations */}\r\n        <div className=\"space-y-2\">\r\n          <Annotation text={t('interface.annotations.header')} />\r\n          <Annotation text={t('interface.annotations.search')} />\r\n          <Annotation text={t('interface.annotations.filterType')} />\r\n          <Annotation text={t('interface.annotations.filterSync')} />\r\n          <Annotation text={t('interface.annotations.viewToggle')} />\r\n          <Annotation text={t('interface.annotations.cardName')} />\r\n          <Annotation text={t('interface.annotations.cardMembers')} />\r\n          <Annotation text={t('interface.annotations.cardRoles')} />\r\n          <Annotation text={t('interface.annotations.cardActions')} />\r\n        </div>\r\n      </section>\r\n\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      {/* SECTION 3b: TABLE VIEW — MOCK UI                                    */}\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      <section id=\"table-view\" className=\"scroll-mt-4\">\r\n        <p className=\"text-[var(--text-secondary)] mb-4 font-medium\">{t('interface.tableViewDesc', { defaultValue: 'Vue Tableau — affichage hiérarchique avec indentation des sous-groupes' })}</p>\r\n\r\n        <div className=\"card overflow-hidden mb-4\">\r\n          <div className=\"overflow-x-auto\">\r\n            <table className=\"w-full text-sm\">\r\n              <thead className=\"bg-[var(--bg-secondary)]\">\r\n                <tr>\r\n                  <th className=\"text-left px-4 py-3 text-xs font-semibold text-[var(--text-tertiary)] uppercase tracking-wider\">{t('interface.columns.name')}</th>\r\n                  <th className=\"text-left px-4 py-3 text-xs font-semibold text-[var(--text-tertiary)] uppercase tracking-wider hidden md:table-cell\">{t('interface.columns.parent')}</th>\r\n                  <th className=\"text-left px-4 py-3 text-xs font-semibold text-[var(--text-tertiary)] uppercase tracking-wider\">{t('interface.columns.type')}</th>\r\n                  <th className=\"text-left px-4 py-3 text-xs font-semibold text-[var(--text-tertiary)] uppercase tracking-wider hidden md:table-cell\">{t('interface.columns.source')}</th>\r\n                  <th className=\"text-left px-4 py-3 text-xs font-semibold text-[var(--text-tertiary)] uppercase tracking-wider\">{t('interface.columns.members')}</th>\r\n                  <th className=\"text-left px-4 py-3 text-xs font-semibold text-[var(--text-tertiary)] uppercase tracking-wider hidden lg:table-cell\">{t('interface.columns.roles')}</th>\r\n                  <th className=\"w-20 px-4 py-3\"></th>\r\n                </tr>\r\n              </thead>\r\n              <tbody className=\"divide-y divide-[var(--border-color)]\">\r\n                {mockGroups.map((group, idx) => {\r\n                  const isChild = group.parentName !== null;\r\n                  return (\r\n                    <tr key={group.name} className={`hover:bg-[var(--bg-hover)] transition-colors ${idx % 2 === 0 ? '' : 'bg-[var(--bg-secondary)]/30'}`}>\r\n                      <td className=\"px-4 py-3\">\r\n                        <div className=\"flex items-center gap-3\" style={{ paddingLeft: isChild ? '24px' : '0' }}>\r\n                          {isChild && <CornerDownRight className=\"w-4 h-4 text-[var(--text-tertiary)] flex-shrink-0\" />}\r\n                          <div className={`w-8 h-8 rounded-full flex items-center justify-center flex-shrink-0 ${\r\n                            group.type === 'security' ? 'bg-blue-500/10 text-blue-500' : 'bg-purple-500/10 text-purple-500'\r\n                          }`}>\r\n                            {group.type === 'security' ? <Shield className=\"w-4 h-4\" /> : <Building2 className=\"w-4 h-4\" />}\r\n                          </div>\r\n                          <div>\r\n                            <div className=\"flex items-center gap-2\">\r\n                              <span className=\"font-medium text-[var(--text-primary)] hover:text-[var(--color-primary-600)]\">{group.name}</span>\r\n                              {group.childCount > 0 && (\r\n                                <span className=\"flex items-center gap-0.5 px-1.5 py-0.5 text-xs rounded bg-[var(--bg-tertiary)] text-[var(--text-tertiary)]\">\r\n                                  <GitBranch className=\"w-3 h-3\" />\r\n                                  {group.childCount}\r\n                                </span>\r\n                              )}\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </td>\r\n                      <td className=\"px-4 py-3 hidden md:table-cell text-sm text-[var(--text-secondary)]\">\r\n                        {group.parentName ?? <span className=\"text-[var(--text-tertiary)]\">—</span>}\r\n                      </td>\r\n                      <td className=\"px-4 py-3\">\r\n                        <span className={`px-2 py-0.5 text-xs rounded-full ${\r\n                          group.type === 'security' ? 'bg-blue-500/10 text-blue-500' : 'bg-purple-500/10 text-purple-500'\r\n                        }`}>\r\n                          {t(`interface.types.${group.type}`)}\r\n                        </span>\r\n                      </td>\r\n                      <td className=\"px-4 py-3 hidden md:table-cell\">\r\n                        {group.source === 'entra' ? (\r\n                          <span className=\"flex items-center gap-1 text-sm text-blue-500\">\r\n                            <Cloud className=\"w-4 h-4\" />\r\n                            Entra\r\n                          </span>\r\n                        ) : (\r\n                          <span className=\"flex items-center gap-1 text-sm text-[var(--text-tertiary)]\">\r\n                            <CloudOff className=\"w-4 h-4\" />\r\n                            Local\r\n                          </span>\r\n                        )}\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 hidden lg:table-cell\">\r\n                        <div className=\"flex flex-wrap gap-1\">\r\n                          {group.roles.slice(0, 2).map((role) => (\r\n                            <span key={role} className=\"px-2 py-0.5 text-xs rounded bg-[var(--color-primary-600)]/10 text-[var(--color-primary-600)]\">\r\n                              {role}\r\n                            </span>\r\n                          ))}\r\n                        </div>\r\n                      </td>\r\n                      <td className=\"px-4 py-3\">\r\n                        <div className=\"flex items-center gap-1\">\r\n                          <button className=\"p-1.5 rounded text-[var(--text-tertiary)] hover:text-[var(--color-primary-600)] hover:bg-[var(--bg-hover)] opacity-80\">\r\n                            <Plus className=\"w-4 h-4\" />\r\n                          </button>\r\n                          <button className=\"p-1.5 rounded text-[var(--text-tertiary)] hover:text-[var(--error-text)] hover:bg-[var(--error-bg)] opacity-80\">\r\n                            <Trash2 className=\"w-4 h-4\" />\r\n                          </button>\r\n                        </div>\r\n                      </td>\r\n                    </tr>\r\n                  );\r\n                })}\r\n              </tbody>\r\n            </table>\r\n          </div>\r\n        </div>\r\n\r\n        <div className=\"space-y-2\">\r\n          <Annotation text={t('interface.annotations.tableHierarchy')} />\r\n        </div>\r\n      </section>\r\n\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      {/* SECTION 4: CREATE FORM — MOCK UI                                    */}\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      <section id=\"creation\" className=\"scroll-mt-4\">\r\n        <h2 className=\"text-2xl font-bold mb-4 flex items-center gap-2\">\r\n          <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm\">4</span>\r\n          {t('sections.createForm')}\r\n        </h2>\r\n\r\n        <p className=\"text-[var(--text-secondary)] mb-4\">{t('form.desc')}</p>\r\n\r\n        <div className=\"card overflow-hidden mb-4\">\r\n          {/* Modal header */}\r\n          <div className=\"flex items-center justify-between p-4 border-b border-[var(--border-color)] bg-[var(--bg-secondary)]\">\r\n            <h3 className=\"text-lg font-semibold\">{t('form.modalTitle', { defaultValue: 'Créer un groupe' })}</h3>\r\n            <button className=\"p-1.5 rounded hover:bg-[var(--bg-hover)] text-[var(--text-tertiary)] opacity-60\">✕</button>\r\n          </div>\r\n          <div className=\"p-6 space-y-4\">\r\n            {/* Group name */}\r\n            <div>\r\n              <label className=\"block text-sm font-medium text-[var(--text-secondary)] mb-1\">\r\n                {t('form.nameLabel')} *\r\n              </label>\r\n              <input\r\n                readOnly\r\n                value=\"DevOps Team\"\r\n                className=\"w-full px-3 py-2 text-sm border border-[var(--border-color)] rounded-lg bg-[var(--bg-primary)]\"\r\n              />\r\n            </div>\r\n\r\n            {/* Description */}\r\n            <div>\r\n              <label className=\"block text-sm font-medium text-[var(--text-secondary)] mb-1\">\r\n                {t('form.descriptionLabel')}\r\n              </label>\r\n              <textarea\r\n                readOnly\r\n                value=\"Équipe déploiement et intégration continue\"\r\n                rows={2}\r\n                className=\"w-full px-3 py-2 text-sm border border-[var(--border-color)] rounded-lg bg-[var(--bg-primary)] resize-none\"\r\n              />\r\n            </div>\r\n\r\n            {/* Security Group toggle */}\r\n            <div className=\"flex items-center gap-3\">\r\n              <div className=\"relative inline-flex h-6 w-11 items-center rounded-full bg-[var(--color-primary-600)]\">\r\n                <span className=\"inline-block h-4 w-4 transform rounded-full bg-white translate-x-6\" />\r\n              </div>\r\n              <span className=\"text-sm font-medium text-[var(--text-primary)]\">\r\n                {t('form.securityGroupLabel')}\r\n              </span>\r\n            </div>\r\n\r\n            {/* Parent Group */}\r\n            <div>\r\n              <label className=\"block text-sm font-medium text-[var(--text-secondary)] mb-1\">\r\n                {t('form.parentGroupLabel')}\r\n              </label>\r\n              <select className=\"w-full px-3 py-2 text-sm border border-[var(--border-color)] rounded-lg bg-[var(--bg-primary)]\">\r\n                <option>{t('form.noParent')}</option>\r\n                <option selected>IT Security</option>\r\n                <option>All Staff</option>\r\n                <option>HR Department</option>\r\n              </select>\r\n            </div>\r\n\r\n            {/* Actions */}\r\n            <div className=\"flex gap-3 pt-2\">\r\n              <button className=\"flex items-center gap-2 px-4 py-2 bg-[var(--color-primary-600)] text-white rounded-lg text-sm font-medium opacity-80\">\r\n                <Check className=\"w-4 h-4\" />\r\n                Créer\r\n              </button>\r\n              <button className=\"px-4 py-2 border border-[var(--border-color)] rounded-lg text-sm opacity-80\">\r\n                Annuler\r\n              </button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        {/* Annotations */}\r\n        <div className=\"space-y-2\">\r\n          <Annotation text={t('form.annotations.name')} />\r\n          <Annotation text={t('form.annotations.description')} />\r\n          <Annotation text={t('form.annotations.securityToggle')} />\r\n          <Annotation text={t('form.annotations.parent')} />\r\n        </div>\r\n      </section>\r\n\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      {/* SECTION 5: DETAIL VIEW — MOCK UI                                    */}\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      <section id=\"detail\" className=\"scroll-mt-4\">\r\n        <h2 className=\"text-2xl font-bold mb-4 flex items-center gap-2\">\r\n          <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm\">5</span>\r\n          {t('sections.detailView')}\r\n        </h2>\r\n\r\n        <p className=\"text-[var(--text-secondary)] mb-4\">{t('detail.desc')}</p>\r\n\r\n        <div className=\"card overflow-hidden mb-4\">\r\n          {/* Header */}\r\n          <div className=\"p-4 border-b border-[var(--border-color)] flex items-center justify-between bg-[var(--bg-secondary)]\">\r\n            <div className=\"flex items-center gap-3\">\r\n              <ArrowLeft className=\"w-5 h-5 text-[var(--text-secondary)]\" />\r\n              <div className=\"p-2 rounded-lg bg-blue-500/10 text-blue-500\">\r\n                <Shield className=\"w-6 h-6\" />\r\n              </div>\r\n              <div>\r\n                <h3 className=\"text-lg font-semibold text-[var(--text-primary)]\">IT Security</h3>\r\n                <div className=\"flex items-center gap-2 text-sm text-[var(--text-secondary)]\">\r\n                  <span className=\"px-2 py-0.5 rounded-full bg-blue-500/10 text-blue-500 text-xs\">{t('interface.types.security')}</span>\r\n                  <span className=\"flex items-center gap-1 text-xs text-[var(--text-tertiary)]\">\r\n                    <CloudOff className=\"w-3 h-3\" />\r\n                    Local\r\n                  </span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div className=\"flex gap-2\">\r\n              <button className=\"px-3 py-1.5 text-xs rounded-lg bg-[var(--color-primary-600)] text-white opacity-80\">\r\n                {t('detail.actions.addMember')}\r\n              </button>\r\n              <button className=\"px-3 py-1.5 text-xs rounded-lg bg-[var(--color-primary-600)] text-white opacity-80\">\r\n                {t('detail.actions.assignRole')}\r\n              </button>\r\n            </div>\r\n          </div>\r\n\r\n          {/* Tabs */}\r\n          <div className=\"border-b border-[var(--border-color)] flex overflow-x-auto\">\r\n            {(['info', 'members', 'roles', 'hierarchy', 'tenants', 'applications', 'permissions'] as const).map((tab, i) => (\r\n              <button\r\n                key={tab}\r\n                className={`px-4 py-3 text-sm font-medium border-b-2 whitespace-nowrap ${\r\n                  i === 0\r\n                    ? 'border-[var(--color-primary-600)] text-[var(--color-primary-600)]'\r\n                    : 'border-transparent text-[var(--text-secondary)]'\r\n                }`}\r\n              >\r\n                {t(`detail.tabs.${tab}`)}\r\n              </button>\r\n            ))}\r\n          </div>\r\n\r\n          {/* Info tab preview */}\r\n          <div className=\"p-4\">\r\n            <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n              <div className=\"p-3 rounded-lg bg-[var(--bg-secondary)]\">\r\n                <div className=\"text-xs text-[var(--text-secondary)] mb-1\">{t('detail.infoFields.name')}</div>\r\n                <div className=\"font-medium text-[var(--text-primary)]\">IT Security</div>\r\n              </div>\r\n              <div className=\"p-3 rounded-lg bg-[var(--bg-secondary)]\">\r\n                <div className=\"text-xs text-[var(--text-secondary)] mb-1\">{t('detail.infoFields.type')}</div>\r\n                <div className=\"flex items-center gap-2\">\r\n                  <Shield className=\"w-4 h-4 text-blue-500\" />\r\n                  <span className=\"font-medium text-blue-500\">{t('interface.types.security')}</span>\r\n                </div>\r\n              </div>\r\n              <div className=\"p-3 rounded-lg bg-[var(--bg-secondary)]\">\r\n                <div className=\"text-xs text-[var(--text-secondary)] mb-1\">{t('detail.infoFields.source')}</div>\r\n                <div className=\"flex items-center gap-2\">\r\n                  <CloudOff className=\"w-4 h-4 text-[var(--text-tertiary)]\" />\r\n                  <span className=\"font-medium\">Local</span>\r\n                </div>\r\n              </div>\r\n              <div className=\"p-3 rounded-lg bg-[var(--bg-secondary)]\">\r\n                <div className=\"text-xs text-[var(--text-secondary)] mb-1\">{t('detail.infoFields.createdAt')}</div>\r\n                <div className=\"font-medium text-[var(--text-primary)]\">10 jan. 2024</div>\r\n              </div>\r\n              <div className=\"p-3 rounded-lg bg-[var(--bg-secondary)] md:col-span-2\">\r\n                <div className=\"text-xs text-[var(--text-secondary)] mb-1\">{t('detail.infoFields.description')}</div>\r\n                <div className=\"font-medium text-[var(--text-primary)]\">Gestion des accès infrastructure et sécurité</div>\r\n              </div>\r\n            </div>\r\n\r\n            {/* Hierarchy preview */}\r\n            <div className=\"mt-4 pt-4 border-t border-[var(--border-color)]\">\r\n              <div className=\"text-sm font-medium text-[var(--text-secondary)] mb-3 flex items-center gap-2\">\r\n                <Network className=\"w-4 h-4\" />\r\n                Hiérarchie\r\n              </div>\r\n              <div className=\"space-y-2\">\r\n                <div className=\"flex items-center gap-3 p-2 rounded-lg bg-[var(--color-primary-600)]/5 border border-[var(--color-primary-600)]/20\">\r\n                  <Shield className=\"w-4 h-4 text-[var(--color-primary-600)]\" />\r\n                  <span className=\"text-sm font-semibold text-[var(--color-primary-600)]\">IT Security</span>\r\n                  <span className=\"text-xs px-1.5 py-0.5 rounded bg-[var(--color-primary-600)]/10 text-[var(--color-primary-600)]\">actuel</span>\r\n                </div>\r\n                <div className=\"ml-6 flex items-center gap-3 p-2 rounded-lg bg-[var(--bg-secondary)]\">\r\n                  <CornerDownRight className=\"w-4 h-4 text-[var(--text-tertiary)]\" />\r\n                  <Shield className=\"w-4 h-4 text-blue-500\" />\r\n                  <span className=\"text-sm text-[var(--text-primary)]\">DevOps Team</span>\r\n                  <span className=\"text-xs text-[var(--text-tertiary)]\">6 membres</span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        {/* Annotations */}\r\n        <div className=\"space-y-2\">\r\n          <Annotation text={t('detail.annotations.header')} />\r\n          <Annotation text={t('detail.annotations.tabs')} />\r\n          <Annotation text={t('detail.annotations.membersTab')} />\r\n          <Annotation text={t('detail.annotations.rolesTab')} />\r\n          <Annotation text={t('detail.annotations.hierarchyTab')} />\r\n        </div>\r\n      </section>\r\n\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      {/* SECTION 6: USE CASES                                                */}\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      <section id=\"cas-usage\" className=\"scroll-mt-4\">\r\n        <h2 className=\"text-2xl font-bold mb-4 flex items-center gap-2\">\r\n          <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm\">6</span>\r\n          {t('sections.useCases')}\r\n        </h2>\r\n\r\n        <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\r\n          {[1, 2, 3].map((i) => (\r\n            <div key={`usecase-${i}`} className=\"card p-6\">\r\n              <div className=\"flex items-center gap-3 mb-4\">\r\n                <div className={`w-12 h-12 rounded-full flex items-center justify-center ${\r\n                  { 1: 'bg-blue-500/10', 2: 'bg-amber-500/10', 3: 'bg-purple-500/10' }[i]\r\n                }`}>\r\n                  <Users className={`w-6 h-6 ${{ 1: 'text-blue-600', 2: 'text-amber-600', 3: 'text-purple-600' }[i]}`} />\r\n                </div>\r\n                <div>\r\n                  <div className=\"font-semibold\">{t(`useCases.${i}.persona`)}</div>\r\n                  <div className=\"text-sm text-[var(--text-secondary)]\">{t(`useCases.${i}.role`)}</div>\r\n                </div>\r\n              </div>\r\n              <div className=\"space-y-3 text-sm\">\r\n                <div>\r\n                  <span className=\"font-medium text-[var(--text-secondary)]\">{t('useCases.situationLabel')} </span>\r\n                  <span>{t(`useCases.${i}.situation`)}</span>\r\n                </div>\r\n                <div>\r\n                  <span className=\"font-medium text-green-600\">{t('useCases.withFeatureLabel')} </span>\r\n                  <span>{t(`useCases.${i}.withFeature`)}</span>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          ))}\r\n        </div>\r\n      </section>\r\n\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      {/* SECTION 7: FEATURES                                                 */}\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      <section id=\"fonctionnalites\" className=\"scroll-mt-4\">\r\n        <h2 className=\"text-2xl font-bold mb-4 flex items-center gap-2\">\r\n          <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm\">7</span>\r\n          {t('sections.features')}\r\n        </h2>\r\n\r\n        <div className=\"space-y-4\">\r\n          {[1, 2, 3, 4, 5].map((i) => {\r\n            const icons = [GitBranch, Cloud, Shield, Users, Building2];\r\n            const Icon = icons[i - 1];\r\n            return (\r\n              <div key={`feature-${i}`} className=\"card p-6\">\r\n                <div className=\"flex items-start gap-4\">\r\n                  <div className=\"w-12 h-12 rounded-lg bg-[var(--color-primary-600)]/10 flex items-center justify-center flex-shrink-0\">\r\n                    <Icon className=\"w-6 h-6 text-[var(--color-primary-600)]\" />\r\n                  </div>\r\n                  <div className=\"flex-1\">\r\n                    <h3 className=\"font-semibold mb-2\">{t(`features.${i}.title`)}</h3>\r\n                    <p className=\"text-[var(--text-secondary)] mb-3\">{t(`features.${i}.description`)}</p>\r\n                    <div className=\"p-3 rounded-lg bg-[var(--bg-secondary)] text-sm\">\r\n                      <span className=\"font-medium text-[var(--color-primary-600)]\">{t('features.exampleLabel')} </span>\r\n                      {t(`features.${i}.example`)}\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            );\r\n          })}\r\n        </div>\r\n      </section>\r\n\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      {/* SECTION 8: FAQ                                                      */}\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      <section id=\"faq\" className=\"scroll-mt-4\">\r\n        <h2 className=\"text-2xl font-bold mb-4 flex items-center gap-2\">\r\n          <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm\">8</span>\r\n          {t('sections.faq')}\r\n        </h2>\r\n\r\n        <div className=\"space-y-4\">\r\n          {[1, 2, 3, 4, 5].map((i) => (\r\n            <div key={`faq-${i}`} className=\"card p-4\">\r\n              <h3 className=\"font-medium mb-2\">{t(`faq.${i}.question`)}</h3>\r\n              <p className=\"text-sm text-[var(--text-secondary)]\">{t(`faq.${i}.answer`)}</p>\r\n            </div>\r\n          ))}\r\n        </div>\r\n      </section>\r\n\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      {/* SECTION 9: TECHNICAL REFERENCE (collapsible)                        */}\r\n      {/* ════════════════════════════════════════════════════════════════════ */}\r\n      <section id=\"reference\" className=\"scroll-mt-4\">\r\n        <details className=\"card\">\r\n          <summary className=\"p-4 cursor-pointer hover:bg-[var(--bg-secondary)] rounded-lg font-semibold flex items-center gap-2\">\r\n            <span className=\"w-8 h-8 rounded-full bg-gray-500/10 text-gray-600 flex items-center justify-center text-sm\">9</span>\r\n            {t('sections.technicalRef')}\r\n          </summary>\r\n          <div className=\"p-4 pt-0 space-y-6\">\r\n            {/* Business Rules */}\r\n            <div>\r\n              <h3 className=\"font-semibold mb-3\">{t('techRef.businessRules')}</h3>\r\n              <div className=\"space-y-2\">\r\n                {[\r\n                  { id: 'BR-001', category: 'Validation' },\r\n                  { id: 'BR-002', category: 'Hierarchy' },\r\n                  { id: 'BR-003', category: 'Entra Sync' },\r\n                  { id: 'BR-004', category: 'Realtime' },\r\n                  { id: 'BR-005', category: 'Inheritance' },\r\n                  { id: 'BR-006', category: 'Custom Role' },\r\n                  { id: 'BR-007', category: 'Lifecycle' },\r\n                  { id: 'BR-008', category: 'Security' },\r\n                ].map((rule) => (\r\n                  <div key={rule.id} className=\"p-3 rounded-lg bg-[var(--bg-secondary)]\">\r\n                    <div className=\"flex items-center gap-2 mb-1\">\r\n                      <span className=\"text-xs font-mono text-[var(--color-primary-600)]\">{rule.id}</span>\r\n                      <span className=\"text-xs px-2 py-0.5 rounded bg-[var(--color-primary-600)]/10\">{rule.category}</span>\r\n                    </div>\r\n                    <p className=\"text-xs text-[var(--text-secondary)] mt-1\">{t(`techRef.rules.${rule.id}`)}</p>\r\n                  </div>\r\n                ))}\r\n              </div>\r\n            </div>\r\n\r\n            {/* API Endpoints */}\r\n            <div>\r\n              <h3 className=\"font-semibold mb-3\">{t('techRef.apiEndpoints')}</h3>\r\n              <div className=\"overflow-x-auto\">\r\n                <table className=\"w-full text-sm\">\r\n                  <thead>\r\n                    <tr className=\"bg-[var(--bg-secondary)]\">\r\n                      <th className=\"text-left py-2 px-3\">Method</th>\r\n                      <th className=\"text-left py-2 px-3\">Endpoint</th>\r\n                      <th className=\"text-left py-2 px-3\">Handler</th>\r\n                    </tr>\r\n                  </thead>\r\n                  <tbody>\r\n                    {apiEndpoints.map((ep, i) => (\r\n                      <tr key={`${ep.method}-${ep.path}-${i}`} className=\"border-b border-[var(--border-color)]\">\r\n                        <td className=\"py-2 px-3\">\r\n                          <span className={`px-2 py-0.5 rounded text-xs font-medium ${\r\n                            ep.method === 'GET' ? 'bg-blue-500/10 text-blue-600' :\r\n                            ep.method === 'POST' ? 'bg-green-500/10 text-green-600' :\r\n                            ep.method === 'PUT' ? 'bg-orange-500/10 text-orange-600' :\r\n                            ep.method === 'PATCH' ? 'bg-amber-500/10 text-amber-600' :\r\n                            'bg-red-500/10 text-red-600'\r\n                          }`}>{ep.method}</span>\r\n                        </td>\r\n                        <td className=\"py-2 px-3 font-mono text-xs\">{ep.path}</td>\r\n                        <td className=\"py-2 px-3 text-[var(--text-secondary)]\">{ep.handler}</td>\r\n                      </tr>\r\n                    ))}\r\n                  </tbody>\r\n                </table>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </details>\r\n      </section>\r\n\r\n      {/* Navigation */}\r\n      <div className=\"flex justify-between pt-6 border-t border-[var(--border-color)]\">\r\n        <Link\r\n          to=\"/docs/business/administration/users\"\r\n          className=\"flex items-center gap-2 text-[var(--text-secondary)] hover:text-[var(--color-primary-600)]\"\r\n        >\r\n          <ArrowLeft className=\"w-4 h-4\" />\r\n          {t('nav.backToUsers')}\r\n        </Link>\r\n        <Link\r\n          to=\"/docs/business/administration/permissions\"\r\n          className=\"flex items-center gap-2 text-[var(--color-primary-600)] hover:underline\"\r\n        >\r\n          {t('nav.toPermissions')}\r\n          <ArrowLeft className=\"w-4 h-4 rotate-180\" />\r\n        </Link>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["mockGroups","apiEndpoints","Annotation","text","jsxs","jsx","Info","GroupsDocPage","t","useTranslation","Link","ArrowLeft","Users","Target","Lightbulb","Plus","Search","Filter","Cloud","LayoutGrid","List","group","Shield","Building2","CloudOff","CornerDownRight","GitBranch","ChevronDown","Trash2","role","idx","isChild","Check","tab","Network","i","Icon","rule","ep"],"mappings":"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"}

package/dist/{index-eAHjmtzn.cjs → index-xCGnOlox.cjs}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react-router-dom"),d=require("react-i18next"),a=require("lucide-react"),x=[{name:"SmartStack System",slug:"smartstack-system",status:"Active",template:"",members:0,requests:0},{name:"Notification Engine",slug:"notification-engine",status:"Active",template:"",members:0,requests:0},{name:"Audit Platform",slug:"audit-platform",status:"Active",template:"system-default",members:2,requests:0},{name:"Integration Services",slug:"integration-services",status:"Pending",template:"",members:1,requests:0},{name:"Scheduled Tasks",slug:"scheduled-tasks",status:"Suspended",template:"",members:0,requests:1}],n={active:3,suspended:1,members:3,pendingRequests:1},m=["overview","members","groups","roles","applications","entra","requests"],o=[{method:"GET",path:"/api/administration/tenants",handler:"GetAllTenants",permission:"administration.tenants.read"},{method:"GET",path:"/api/administration/tenants/{id}",handler:"GetTenant",permission:"authenticated"},{method:"GET",path:"/api/administration/tenants/by-slug/{slug}",handler:"GetTenantBySlug",permission:"authenticated"},{method:"GET",path:"/api/administration/tenants/config",handler:"GetConfig",permission:"authenticated"},{method:"PUT",path:"/api/administration/tenants/{id}",handler:"UpdateTenant",permission:"owner or admin"},{method:"POST",path:"/api/administration/tenants/{id}/activate",handler:"ActivateTenant",permission:"administration.tenants.activate"},{method:"POST",path:"/api/administration/tenants/{id}/suspend",handler:"SuspendTenant",permission:"administration.tenants.suspend"},{method:"DELETE",path:"/api/administration/tenants/{id}",handler:"ArchiveTenant",permission:"administration.tenants.delete"},{method:"POST",path:"/api/administration/tenants/{id}/template",handler:"AssignTemplate",permission:"administration.tenants.update"},{method:"DELETE",path:"/api/administration/tenants/{id}/template",handler:"RemoveTemplate",permission:"administration.tenants.update"}],h={Active:{bg:"bg-green-500/10",text:"text-green-700",border:"border-green-500/20"},Pending:{bg:"bg-blue-500/10",text:"text-blue-700",border:"border-blue-500/20"},Suspended:{bg:"bg-amber-500/10",text:"text-amber-700",border:"border-amber-500/20"},Archived:{bg:"bg-gray-500/10",text:"text-gray-600",border:"border-gray-500/20"}},p=({status:s})=>s==="Active"?e.jsx(a.PlayCircle,{className:"w-3 h-3"}):s==="Suspended"?e.jsx(a.PauseCircle,{className:"w-3 h-3"}):s==="Archived"?e.jsx(a.Archive,{className:"w-3 h-3"}):e.jsx(a.Clock,{className:"w-3 h-3"});function r({text:s}){return e.jsxs("div",{className:"flex items-start gap-2 p-2.5 rounded-lg bg-blue-500/5 border border-blue-500/15 text-sm text-blue-700 dark:text-blue-400",children:[e.jsx(a.Info,{className:"w-4 h-4 mt-0.5 flex-shrink-0"}),e.jsx("span",{children:s})]})}function j(){const{t:s}=d.useTranslation("docsAdministrationTenantsOther");return e.jsxs("div",{className:"space-y-8",children:[e.jsxs(i.Link,{to:"/docs/business/administration/tenants",className:"inline-flex items-center gap-2 text-[var(--text-secondary)] hover:text-[var(--color-primary-600)] transition-colors",children:[e.jsx(a.ArrowLeft,{className:"w-4 h-4"}),s("nav.backToTenants")]}),e.jsxs("div",{children:[e.jsxs("h1",{className:"text-3xl font-bold mb-4 flex items-center gap-3",children:[e.jsx(a.Server,{className:"w-8 h-8 text-[var(--color-primary-600)]"}),s("title")]}),e.jsx("p",{className:"text-xl text-[var(--color-primary-600)] font-medium mb-2",children:s("valueProposition")}),e.jsx("p",{className:"text-lg text-[var(--text-secondary)]",children:s("subtitle")}),e.jsxs("div",{className:"flex gap-4 mt-3 text-sm text-[var(--text-secondary)]",children:[e.jsxs("span",{children:["5 ",s("header.businessRules")]}),e.jsxs("span",{children:["10 ",s("header.apiEndpoints")]}),e.jsxs("span",{children:["4 ",s("header.statuses")]})]})]}),e.jsxs("section",{id:"valeur",className:"scroll-mt-4",children:[e.jsxs("h2",{className:"text-2xl font-bold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm",children:"1"}),s("sections.businessValue")]}),e.jsxs("div",{className:"card p-6",children:[e.jsxs("div",{className:"mb-6",children:[e.jsxs("h3",{className:"font-semibold mb-3 flex items-center gap-2",children:[e.jsx(a.Target,{className:"w-5 h-5 text-red-500"}),s("sections.problem")]}),e.jsx("p",{className:"text-[var(--text-secondary)]",children:s("problem")})]}),e.jsxs("div",{className:"p-4 rounded-lg bg-green-500/10 border border-green-500/20",children:[e.jsxs("h3",{className:"font-semibold mb-2 flex items-center gap-2 text-green-700",children:[e.jsx(a.Lightbulb,{className:"w-5 h-5"}),s("sections.solution")]}),e.jsx("p",{className:"text-[var(--text-secondary)]",children:s("solution")})]})]})]}),e.jsxs("section",{id:"acces",className:"scroll-mt-4",children:[e.jsxs("h2",{className:"text-2xl font-bold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm",children:"2"}),s("sections.access")]}),e.jsxs("div",{className:"card p-6 space-y-4",children:[e.jsxs("div",{children:[e.jsx("div",{className:"text-sm font-medium text-[var(--text-secondary)] mb-2",children:s("access.navigation")}),e.jsxs("div",{className:"flex items-center gap-2 text-sm flex-wrap",children:[e.jsx("span",{className:"px-3 py-1.5 rounded-lg bg-purple-500/10 text-purple-600 font-medium",children:"Platform"}),e.jsx("span",{className:"text-[var(--text-tertiary)]",children:"›"}),e.jsx("span",{className:"px-3 py-1.5 rounded-lg bg-blue-500/10 text-blue-600 font-medium",children:"Administration"}),e.jsx("span",{className:"text-[var(--text-tertiary)]",children:"›"}),e.jsx("span",{className:"px-3 py-1.5 rounded-lg bg-green-500/10 text-green-600 font-medium",children:"Tenants"}),e.jsx("span",{className:"text-[var(--text-tertiary)]",children:"›"}),e.jsx("span",{className:"px-3 py-1.5 rounded-lg bg-slate-500/10 text-slate-700 font-medium",children:"Autres"})]})]}),e.jsxs("div",{children:[e.jsx("div",{className:"text-sm font-medium text-[var(--text-secondary)] mb-1",children:"URL"}),e.jsx("code",{className:"text-sm px-3 py-1.5 bg-[var(--bg-secondary)] rounded-lg",children:"/administration/tenants/list/other"})]}),e.jsxs("div",{children:[e.jsx("div",{className:"text-sm font-medium text-[var(--text-secondary)] mb-1",children:s("access.permission")}),e.jsx("code",{className:"text-sm px-3 py-1.5 bg-[var(--bg-secondary)] rounded-lg",children:"administration.tenants.read"})]})]})]}),e.jsxs("section",{id:"interface",className:"scroll-mt-4",children:[e.jsxs("h2",{className:"text-2xl font-bold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm",children:"3"}),s("sections.interface")]}),e.jsx("p",{className:"text-[var(--text-secondary)] mb-4",children:s("interface.desc")}),e.jsxs("div",{className:"card overflow-hidden mb-4",children:[e.jsxs("div",{className:"p-4 border-b border-[var(--border-color)] bg-[var(--bg-secondary)]",children:[e.jsxs("div",{className:"flex items-center gap-2 text-xs text-[var(--text-secondary)] mb-3",children:[e.jsx("span",{children:"Administration"}),e.jsx("span",{children:"›"}),e.jsx("span",{children:"Tenants"}),e.jsx("span",{children:"›"}),e.jsx("span",{className:"text-[var(--text-primary)]",children:s("title")})]}),e.jsx("div",{className:"flex items-center justify-between",children:e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(a.Server,{className:"w-6 h-6 text-[var(--color-primary-600)]"}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-lg font-semibold",children:s("title")}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)]",children:s("subtitle")})]})]})})]}),e.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4 p-4",children:[e.jsx("div",{className:"p-3 rounded-lg bg-green-500/10 border border-green-500/20",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(a.Server,{className:"w-6 h-6 text-green-700"}),e.jsxs("div",{children:[e.jsx("div",{className:"text-xl font-bold text-green-700",children:n.active}),e.jsx("div",{className:"text-xs text-green-700",children:s("interface.stats.active")})]})]})}),e.jsx("div",{className:"p-3 rounded-lg bg-amber-500/10 border border-amber-500/20",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(a.PauseCircle,{className:"w-6 h-6 text-amber-700"}),e.jsxs("div",{children:[e.jsx("div",{className:"text-xl font-bold text-amber-700",children:n.suspended}),e.jsx("div",{className:"text-xs text-amber-700",children:s("interface.stats.suspended")})]})]})}),e.jsx("div",{className:"p-3 rounded-lg bg-[var(--bg-secondary)] border border-[var(--border-color)]",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(a.Users,{className:"w-6 h-6 text-[var(--text-secondary)]"}),e.jsxs("div",{children:[e.jsx("div",{className:"text-xl font-bold text-[var(--text-primary)]",children:n.members}),e.jsx("div",{className:"text-xs text-[var(--text-secondary)]",children:s("interface.stats.members")})]})]})}),e.jsx("div",{className:"p-3 rounded-lg bg-amber-500/10 border border-amber-500/20",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(a.Clock,{className:"w-6 h-6 text-amber-700"}),e.jsxs("div",{children:[e.jsx("div",{className:"text-xl font-bold text-amber-700",children:n.pendingRequests}),e.jsx("div",{className:"text-xs text-amber-700",children:s("interface.stats.requests")})]})]})})]}),e.jsx("div",{className:"px-4 pb-3",children:e.jsxs("div",{className:"flex items-center gap-3 p-3 border border-[var(--border-color)] rounded-lg bg-[var(--bg-secondary)]",children:[e.jsxs("div",{className:"flex items-center gap-2 flex-1 px-3 py-1.5 bg-[var(--bg-primary)] border border-[var(--border-color)] rounded-lg",children:[e.jsx(a.Search,{className:"w-4 h-4 text-[var(--text-tertiary)]"}),e.jsx("span",{className:"text-sm text-[var(--text-tertiary)]",children:s("interface.searchPlaceholder")})]}),e.jsxs("div",{className:"relative",children:[e.jsxs("select",{className:"appearance-none px-3 py-1.5 pr-8 bg-[var(--bg-primary)] border border-[var(--border-color)] rounded-lg text-sm text-[var(--text-secondary)]",children:[e.jsxs("option",{children:[s("interface.columns.status"),": ",s("interface.statusAll")]}),e.jsx("option",{children:s("interface.status.active")}),e.jsx("option",{children:s("interface.status.pending")}),e.jsx("option",{children:s("interface.status.suspended")}),e.jsx("option",{children:s("interface.status.archived")})]}),e.jsx(a.Filter,{className:"absolute right-2 top-1/2 -translate-y-1/2 w-3.5 h-3.5 text-[var(--text-tertiary)] pointer-events-none"})]})]})}),e.jsx("div",{className:"px-4 pb-4",children:e.jsx("div",{className:"border border-[var(--border-color)] rounded-lg overflow-hidden",children:e.jsxs("table",{className:"w-full text-sm",children:[e.jsx("thead",{className:"bg-[var(--bg-secondary)]",children:e.jsxs("tr",{children:[e.jsx("th",{className:"text-left px-4 py-3 text-xs font-semibold text-[var(--text-tertiary)] uppercase tracking-wider",children:s("interface.columns.name")}),e.jsx("th",{className:"text-left px-4 py-3 text-xs font-semibold text-[var(--text-tertiary)] uppercase tracking-wider",children:s("interface.columns.status")}),e.jsx("th",{className:"text-left px-4 py-3 text-xs font-semibold text-[var(--text-tertiary)] uppercase tracking-wider hidden md:table-cell",children:s("interface.columns.template")}),e.jsx("th",{className:"text-center px-4 py-3 text-xs font-semibold text-[var(--text-tertiary)] uppercase tracking-wider hidden lg:table-cell",children:s("interface.columns.members")}),e.jsx("th",{className:"text-center px-4 py-3 text-xs font-semibold text-[var(--text-tertiary)] uppercase tracking-wider hidden lg:table-cell",children:s("interface.columns.requests")}),e.jsx("th",{className:"w-12 px-4 py-3"})]})}),e.jsx("tbody",{className:"divide-y divide-[var(--border-color)]",children:x.map(t=>{const l=h[t.status];return e.jsxs("tr",{className:"hover:bg-[var(--bg-hover)] 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-9 h-9 rounded-lg bg-[var(--bg-tertiary)] flex items-center justify-center",children:e.jsx(a.Server,{className:"w-4 h-4 text-[var(--text-secondary)]"})}),e.jsxs("div",{children:[e.jsx("div",{className:"font-medium text-[var(--text-primary)]",children:t.name}),e.jsx("div",{className:"text-xs text-[var(--text-tertiary)] font-mono",children:t.slug})]})]})}),e.jsx("td",{className:"px-4 py-3",children:e.jsxs("span",{className:`inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-xs font-medium border ${l.bg} ${l.text} ${l.border}`,children:[e.jsx(p,{status:t.status}),s(`interface.status.${t.status.toLowerCase()}`)]})}),e.jsx("td",{className:"px-4 py-3 hidden md:table-cell",children:t.template?e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx(a.Layers,{className:"w-4 h-4 text-[var(--color-primary-600)]"}),e.jsx("span",{className:"text-sm",children:t.template})]}):e.jsx("span",{className:"text-[var(--text-tertiary)]",children:"-"})}),e.jsx("td",{className:"px-4 py-3 text-center hidden lg:table-cell text-[var(--text-primary)]",children:t.members>0?t.members:"-"}),e.jsx("td",{className:"px-4 py-3 text-center hidden lg:table-cell",children:t.requests>0?e.jsxs("span",{className:"inline-flex items-center gap-1 px-2 py-0.5 text-xs rounded-full bg-amber-500/10 text-amber-700 border border-amber-500/20",children:[e.jsx(a.Clock,{className:"w-3 h-3"}),t.requests]}):e.jsx("span",{className:"text-[var(--text-tertiary)]",children:"-"})}),e.jsx("td",{className:"px-4 py-3 text-center",children:e.jsx("button",{className:"p-1.5 rounded-lg hover:bg-[var(--bg-tertiary)] transition-colors",children:e.jsx(a.MoreHorizontal,{className:"w-4 h-4 text-[var(--text-tertiary)]"})})})]},t.slug)})})]})})})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(r,{text:s("interface.annotations.header")}),e.jsx(r,{text:s("interface.annotations.stats")}),e.jsx(r,{text:s("interface.annotations.toolbar")}),e.jsx(r,{text:s("interface.annotations.nameCol")}),e.jsx(r,{text:s("interface.annotations.statusCol")}),e.jsx(r,{text:s("interface.annotations.templateCol")}),e.jsx(r,{text:s("interface.annotations.membersCol")}),e.jsx(r,{text:s("interface.annotations.requestsCol")}),e.jsx(r,{text:s("interface.annotations.actionsCol")})]})]}),e.jsxs("section",{id:"cycle-de-vie",className:"scroll-mt-4",children:[e.jsxs("h2",{className:"text-2xl font-bold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm",children:"4"}),s("sections.lifecycle")]}),e.jsx("p",{className:"text-[var(--text-secondary)] mb-4",children:s("lifecycle.desc")}),e.jsxs("div",{className:"p-4 mb-4 rounded-lg bg-slate-500/5 border border-slate-500/20 flex items-start gap-3",children:[e.jsx(a.ShieldAlert,{className:"w-5 h-5 text-slate-600 flex-shrink-0 mt-0.5"}),e.jsxs("div",{children:[e.jsx("div",{className:"font-medium text-[var(--text-primary)] mb-1",children:s("lifecycle.noCreateTitle")}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)]",children:s("lifecycle.noCreateDesc")})]})]}),e.jsxs("div",{className:"card p-6 space-y-4",children:[e.jsx("div",{className:"text-sm font-semibold text-[var(--text-primary)] mb-3",children:s("lifecycle.actionsTitle")}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-3",children:[e.jsxs("div",{className:"p-4 border border-green-500/30 rounded-lg bg-green-500/5",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx(a.PlayCircle,{className:"w-5 h-5 text-green-600"}),e.jsx("span",{className:"font-medium text-green-700",children:s("lifecycle.activate")})]}),e.jsx("p",{className:"text-xs text-[var(--text-secondary)]",children:s("lifecycle.activateDesc")})]}),e.jsxs("div",{className:"p-4 border border-amber-500/30 rounded-lg bg-amber-500/5",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx(a.PauseCircle,{className:"w-5 h-5 text-amber-600"}),e.jsx("span",{className:"font-medium text-amber-700",children:s("lifecycle.suspend")})]}),e.jsx("p",{className:"text-xs text-[var(--text-secondary)]",children:s("lifecycle.suspendDesc")})]}),e.jsxs("div",{className:"p-4 border border-red-500/30 rounded-lg bg-red-500/5",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx(a.Archive,{className:"w-5 h-5 text-red-600"}),e.jsx("span",{className:"font-medium text-red-700",children:s("lifecycle.archive")})]}),e.jsx("p",{className:"text-xs text-[var(--text-secondary)]",children:s("lifecycle.archiveDesc")})]})]})]}),e.jsxs("div",{className:"space-y-2 mt-4",children:[e.jsx(r,{text:s("lifecycle.annotations.noCreate")}),e.jsx(r,{text:s("lifecycle.annotations.actions")}),e.jsx(r,{text:s("lifecycle.annotations.systemTenants")})]})]}),e.jsxs("section",{id:"detail",className:"scroll-mt-4",children:[e.jsxs("h2",{className:"text-2xl font-bold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm",children:"5"}),s("sections.detailView")]}),e.jsx("p",{className:"text-[var(--text-secondary)] mb-4",children:s("detail.desc")}),e.jsxs("div",{className:"card overflow-hidden",children:[e.jsxs("div",{className:"p-4 border-b border-[var(--border-color)] flex items-center justify-between",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(a.ArrowLeft,{className:"w-5 h-5 text-[var(--text-secondary)]"}),e.jsx(a.Server,{className:"w-6 h-6 text-[var(--color-primary-600)]"}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-lg font-semibold text-[var(--text-primary)]",children:"SmartStack System"}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)]",children:"smartstack-system"})]})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("span",{className:"inline-flex items-center gap-1 px-2.5 py-1 rounded-full text-sm bg-green-500/10 text-green-700 border border-green-500/20",children:[e.jsx(a.PlayCircle,{className:"w-4 h-4"}),s("detail.statusActive")]}),e.jsx("span",{className:"px-2.5 py-1 rounded-full text-sm bg-slate-500/10 text-slate-700",children:"System"}),e.jsx("button",{className:"p-2 rounded-lg hover:bg-[var(--bg-hover)]",children:e.jsx(a.RefreshCw,{className:"w-4 h-4 text-[var(--text-secondary)]"})})]})]}),e.jsx("div",{className:"border-b border-[var(--border-color)] flex overflow-x-auto",children:m.map((t,l)=>e.jsx("button",{className:`px-4 py-3 text-sm font-medium border-b-2 whitespace-nowrap ${l===0?"border-[var(--color-primary-600)] text-[var(--color-primary-600)]":"border-transparent text-[var(--text-secondary)]"}`,children:s(`detail.tabs.${t}`)},t))}),e.jsx("div",{className:"p-4",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"p-3 rounded-lg bg-[var(--bg-secondary)]",children:[e.jsx("div",{className:"text-xs text-[var(--text-secondary)] mb-1",children:s("detail.overview.template")}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(a.Layers,{className:"w-4 h-4 text-[var(--color-primary-600)]"}),e.jsx("span",{className:"font-medium text-[var(--text-tertiary)] italic",children:"—"})]})]}),e.jsxs("div",{className:"p-3 rounded-lg bg-[var(--bg-secondary)]",children:[e.jsx("div",{className:"text-xs text-[var(--text-secondary)] mb-1",children:s("detail.overview.members")}),e.jsx("div",{className:"text-2xl font-bold text-[var(--color-primary-600)]",children:"0"})]})]}),e.jsx("div",{className:"space-y-3",children:e.jsxs("div",{className:"p-3 rounded-lg bg-[var(--bg-secondary)]",children:[e.jsx("div",{className:"text-xs text-[var(--text-secondary)] mb-1",children:s("detail.overview.created")}),e.jsx("div",{className:"text-sm text-[var(--text-primary)]",children:"2024-01-01"})]})})]})})]}),e.jsxs("div",{className:"space-y-2 mt-4",children:[e.jsx(r,{text:s("detail.annotations.header")}),e.jsx(r,{text:s("detail.annotations.statusBadge")}),e.jsx(r,{text:s("detail.annotations.tabs")}),e.jsx(r,{text:s("detail.annotations.overview")})]})]}),e.jsxs("section",{id:"cas-usage",className:"scroll-mt-4",children:[e.jsxs("h2",{className:"text-2xl font-bold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm",children:"6"}),s("sections.useCases")]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[1,2,3].map(t=>e.jsxs("div",{className:"card p-6",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[e.jsx("div",{className:`w-12 h-12 rounded-full flex items-center justify-center ${t===1?"bg-blue-500/10":t===2?"bg-amber-500/10":"bg-purple-500/10"}`,children:e.jsx(a.Users,{className:`w-6 h-6 ${t===1?"text-blue-600":t===2?"text-amber-600":"text-purple-600"}`})}),e.jsxs("div",{children:[e.jsx("div",{className:"font-semibold",children:s(`useCases.${t}.persona`)}),e.jsx("div",{className:"text-sm text-[var(--text-secondary)]",children:s(`useCases.${t}.role`)})]})]}),e.jsxs("div",{className:"space-y-3 text-sm",children:[e.jsxs("div",{children:[e.jsxs("span",{className:"font-medium text-[var(--text-secondary)]",children:[s("useCases.situationLabel")," "]}),e.jsx("span",{children:s(`useCases.${t}.situation`)})]}),e.jsxs("div",{children:[e.jsxs("span",{className:"font-medium text-green-600",children:[s("useCases.withFeatureLabel")," "]}),e.jsx("span",{children:s(`useCases.${t}.withFeature`)})]})]})]},t))})]}),e.jsxs("section",{id:"fonctionnalites",className:"scroll-mt-4",children:[e.jsxs("h2",{className:"text-2xl font-bold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm",children:"7"}),s("sections.features")]}),e.jsx("div",{className:"space-y-4",children:[1,2,3,4,5].map(t=>{const c=[a.Search,a.PlayCircle,a.Server,a.Layers,a.Zap][t-1];return e.jsx("div",{className:"card p-6",children:e.jsxs("div",{className:"flex items-start gap-4",children:[e.jsx("div",{className:"w-12 h-12 rounded-lg bg-[var(--color-primary-600)]/10 flex items-center justify-center flex-shrink-0",children:e.jsx(c,{className:"w-6 h-6 text-[var(--color-primary-600)]"})}),e.jsxs("div",{className:"flex-1",children:[e.jsx("h3",{className:"font-semibold mb-2",children:s(`features.${t}.title`)}),e.jsx("p",{className:"text-[var(--text-secondary)] mb-3",children:s(`features.${t}.description`)}),e.jsxs("div",{className:"p-3 rounded-lg bg-[var(--bg-secondary)] text-sm",children:[e.jsxs("span",{className:"font-medium text-[var(--color-primary-600)]",children:[s("features.exampleLabel")," "]}),s(`features.${t}.example`)]})]})]})},t)})})]}),e.jsxs("section",{id:"faq",className:"scroll-mt-4",children:[e.jsxs("h2",{className:"text-2xl font-bold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm",children:"8"}),s("sections.faq")]}),e.jsx("div",{className:"space-y-4",children:[1,2,3,4,5].map(t=>e.jsxs("div",{className:"card p-4",children:[e.jsx("h3",{className:"font-medium mb-2",children:s(`faq.${t}.question`)}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)]",children:s(`faq.${t}.answer`)})]},t))})]}),e.jsx("section",{id:"reference",className:"scroll-mt-4",children:e.jsxs("details",{className:"card",children:[e.jsxs("summary",{className:"p-4 cursor-pointer hover:bg-[var(--bg-secondary)] rounded-lg font-semibold flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-gray-500/10 text-gray-600 flex items-center justify-center text-sm",children:"9"}),s("sections.technicalRef")]}),e.jsxs("div",{className:"p-4 pt-0 space-y-6",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"font-semibold mb-3",children:s("techRef.businessRules")}),e.jsx("div",{className:"space-y-2",children:[{id:"BR-001",category:"Validation"},{id:"BR-002",category:"Security"},{id:"BR-003",category:"Lifecycle"},{id:"BR-004",category:"Lifecycle"},{id:"BR-005",category:"Filter"}].map(t=>e.jsxs("div",{className:"p-3 rounded-lg bg-[var(--bg-secondary)]",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-1",children:[e.jsx("span",{className:"text-xs font-mono text-[var(--color-primary-600)]",children:t.id}),e.jsx("span",{className:"text-xs px-2 py-0.5 rounded bg-[var(--color-primary-600)]/10",children:t.category})]}),e.jsx("p",{className:"text-xs text-[var(--text-secondary)] mt-1",children:s(`techRef.rules.${t.id}`)})]},t.id))})]}),e.jsxs("div",{children:[e.jsx("h3",{className:"font-semibold mb-3",children:s("techRef.apiEndpoints")}),e.jsx("div",{className:"overflow-x-auto",children:e.jsxs("table",{className:"w-full text-sm",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"bg-[var(--bg-secondary)]",children:[e.jsx("th",{className:"text-left py-2 px-3",children:"Method"}),e.jsx("th",{className:"text-left py-2 px-3",children:"Endpoint"}),e.jsx("th",{className:"text-left py-2 px-3",children:"Handler"})]})}),e.jsx("tbody",{children:o.map((t,l)=>e.jsxs("tr",{className:"border-b border-[var(--border-color)]",children:[e.jsx("td",{className:"py-2 px-3",children:e.jsx("span",{className:`px-2 py-0.5 rounded text-xs font-medium ${t.method==="GET"?"bg-blue-500/10 text-blue-600":t.method==="POST"?"bg-green-500/10 text-green-600":t.method==="PUT"?"bg-orange-500/10 text-orange-600":"bg-red-500/10 text-red-600"}`,children:t.method})}),e.jsx("td",{className:"py-2 px-3 font-mono text-xs",children:t.path}),e.jsx("td",{className:"py-2 px-3 text-[var(--text-secondary)]",children:t.handler})]},l))})]})})]})]})]})}),e.jsxs("div",{className:"flex justify-between pt-6 border-t border-[var(--border-color)]",children:[e.jsxs(i.Link,{to:"/docs/business/administration/tenants",className:"flex items-center gap-2 text-[var(--text-secondary)] hover:text-[var(--color-primary-600)]",children:[e.jsx(a.ArrowLeft,{className:"w-4 h-4"}),s("nav.backToTenants")]}),e.jsxs(i.Link,{to:"/docs/business/administration/tenants/template",className:"flex items-center gap-2 text-[var(--color-primary-600)] hover:underline",children:[s("nav.toTemplates"),e.jsx(a.ArrowLeft,{className:"w-4 h-4 rotate-180"})]})]})]})}exports.default=j;
-//# sourceMappingURL=index-eAHjmtzn.cjs.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react-router-dom"),d=require("react-i18next"),a=require("lucide-react"),x=[{name:"SmartStack System",slug:"smartstack-system",status:"Active",template:"",members:0,requests:0},{name:"Notification Engine",slug:"notification-engine",status:"Active",template:"",members:0,requests:0},{name:"Audit Platform",slug:"audit-platform",status:"Active",template:"system-default",members:2,requests:0},{name:"Integration Services",slug:"integration-services",status:"Pending",template:"",members:1,requests:0},{name:"Scheduled Tasks",slug:"scheduled-tasks",status:"Suspended",template:"",members:0,requests:1}],n={active:3,suspended:1,members:3,pendingRequests:1},m=["overview","members","groups","roles","applications","entra","requests"],o=[{method:"GET",path:"/api/administration/tenants",handler:"GetAllTenants",permission:"administration.tenants.read"},{method:"GET",path:"/api/administration/tenants/{id}",handler:"GetTenant",permission:"authenticated"},{method:"GET",path:"/api/administration/tenants/by-slug/{slug}",handler:"GetTenantBySlug",permission:"authenticated"},{method:"GET",path:"/api/administration/tenants/config",handler:"GetConfig",permission:"authenticated"},{method:"PUT",path:"/api/administration/tenants/{id}",handler:"UpdateTenant",permission:"owner or admin"},{method:"POST",path:"/api/administration/tenants/{id}/activate",handler:"ActivateTenant",permission:"administration.tenants.activate"},{method:"POST",path:"/api/administration/tenants/{id}/suspend",handler:"SuspendTenant",permission:"administration.tenants.suspend"},{method:"DELETE",path:"/api/administration/tenants/{id}",handler:"ArchiveTenant",permission:"administration.tenants.delete"},{method:"POST",path:"/api/administration/tenants/{id}/template",handler:"AssignTemplate",permission:"administration.tenants.update"},{method:"DELETE",path:"/api/administration/tenants/{id}/template",handler:"RemoveTemplate",permission:"administration.tenants.update"}],h={Active:{bg:"bg-green-500/10",text:"text-green-700",border:"border-green-500/20"},Pending:{bg:"bg-blue-500/10",text:"text-blue-700",border:"border-blue-500/20"},Suspended:{bg:"bg-amber-500/10",text:"text-amber-700",border:"border-amber-500/20"},Archived:{bg:"bg-gray-500/10",text:"text-gray-600",border:"border-gray-500/20"}},p=({status:s})=>s==="Active"?e.jsx(a.PlayCircle,{className:"w-3 h-3"}):s==="Suspended"?e.jsx(a.PauseCircle,{className:"w-3 h-3"}):s==="Archived"?e.jsx(a.Archive,{className:"w-3 h-3"}):e.jsx(a.Clock,{className:"w-3 h-3"});function r({text:s}){return e.jsxs("div",{className:"flex items-start gap-2 p-2.5 rounded-lg bg-blue-500/5 border border-blue-500/15 text-sm text-blue-700 dark:text-blue-400",children:[e.jsx(a.Info,{className:"w-4 h-4 mt-0.5 flex-shrink-0"}),e.jsx("span",{children:s})]})}function j(){const{t:s}=d.useTranslation("docsAdministrationTenantsOther");return e.jsxs("div",{className:"space-y-8",children:[e.jsxs(i.Link,{to:"/docs/business/administration/tenants",className:"inline-flex items-center gap-2 text-[var(--text-secondary)] hover:text-[var(--color-primary-600)] transition-colors",children:[e.jsx(a.ArrowLeft,{className:"w-4 h-4"}),s("nav.backToTenants")]}),e.jsxs("div",{children:[e.jsxs("h1",{className:"text-3xl font-bold mb-4 flex items-center gap-3",children:[e.jsx(a.Server,{className:"w-8 h-8 text-[var(--color-primary-600)]"}),s("title")]}),e.jsx("p",{className:"text-xl text-[var(--color-primary-600)] font-medium mb-2",children:s("valueProposition")}),e.jsx("p",{className:"text-lg text-[var(--text-secondary)]",children:s("subtitle")}),e.jsxs("div",{className:"flex gap-4 mt-3 text-sm text-[var(--text-secondary)]",children:[e.jsxs("span",{children:["5 ",s("header.businessRules")]}),e.jsxs("span",{children:["10 ",s("header.apiEndpoints")]}),e.jsxs("span",{children:["4 ",s("header.statuses")]})]})]}),e.jsxs("section",{id:"valeur",className:"scroll-mt-4",children:[e.jsxs("h2",{className:"text-2xl font-bold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm",children:"1"}),s("sections.businessValue")]}),e.jsxs("div",{className:"card p-6",children:[e.jsxs("div",{className:"mb-6",children:[e.jsxs("h3",{className:"font-semibold mb-3 flex items-center gap-2",children:[e.jsx(a.Target,{className:"w-5 h-5 text-red-500"}),s("sections.problem")]}),e.jsx("p",{className:"text-[var(--text-secondary)]",children:s("problem")})]}),e.jsxs("div",{className:"p-4 rounded-lg bg-green-500/10 border border-green-500/20",children:[e.jsxs("h3",{className:"font-semibold mb-2 flex items-center gap-2 text-green-700",children:[e.jsx(a.Lightbulb,{className:"w-5 h-5"}),s("sections.solution")]}),e.jsx("p",{className:"text-[var(--text-secondary)]",children:s("solution")})]})]})]}),e.jsxs("section",{id:"acces",className:"scroll-mt-4",children:[e.jsxs("h2",{className:"text-2xl font-bold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm",children:"2"}),s("sections.access")]}),e.jsxs("div",{className:"card p-6 space-y-4",children:[e.jsxs("div",{children:[e.jsx("div",{className:"text-sm font-medium text-[var(--text-secondary)] mb-2",children:s("access.navigation")}),e.jsxs("div",{className:"flex items-center gap-2 text-sm flex-wrap",children:[e.jsx("span",{className:"px-3 py-1.5 rounded-lg bg-purple-500/10 text-purple-600 font-medium",children:"Platform"}),e.jsx("span",{className:"text-[var(--text-tertiary)]",children:"›"}),e.jsx("span",{className:"px-3 py-1.5 rounded-lg bg-blue-500/10 text-blue-600 font-medium",children:"Administration"}),e.jsx("span",{className:"text-[var(--text-tertiary)]",children:"›"}),e.jsx("span",{className:"px-3 py-1.5 rounded-lg bg-green-500/10 text-green-600 font-medium",children:"Tenants"}),e.jsx("span",{className:"text-[var(--text-tertiary)]",children:"›"}),e.jsx("span",{className:"px-3 py-1.5 rounded-lg bg-slate-500/10 text-slate-700 font-medium",children:"Autres"})]})]}),e.jsxs("div",{children:[e.jsx("div",{className:"text-sm font-medium text-[var(--text-secondary)] mb-1",children:"URL"}),e.jsx("code",{className:"text-sm px-3 py-1.5 bg-[var(--bg-secondary)] rounded-lg",children:"/administration/tenants/list/other"})]}),e.jsxs("div",{children:[e.jsx("div",{className:"text-sm font-medium text-[var(--text-secondary)] mb-1",children:s("access.permission")}),e.jsx("code",{className:"text-sm px-3 py-1.5 bg-[var(--bg-secondary)] rounded-lg",children:"administration.tenants.read"})]})]})]}),e.jsxs("section",{id:"interface",className:"scroll-mt-4",children:[e.jsxs("h2",{className:"text-2xl font-bold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm",children:"3"}),s("sections.interface")]}),e.jsx("p",{className:"text-[var(--text-secondary)] mb-4",children:s("interface.desc")}),e.jsxs("div",{className:"card overflow-hidden mb-4",children:[e.jsxs("div",{className:"p-4 border-b border-[var(--border-color)] bg-[var(--bg-secondary)]",children:[e.jsxs("div",{className:"flex items-center gap-2 text-xs text-[var(--text-secondary)] mb-3",children:[e.jsx("span",{children:"Administration"}),e.jsx("span",{children:"›"}),e.jsx("span",{children:"Tenants"}),e.jsx("span",{children:"›"}),e.jsx("span",{className:"text-[var(--text-primary)]",children:s("title")})]}),e.jsx("div",{className:"flex items-center justify-between",children:e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(a.Server,{className:"w-6 h-6 text-[var(--color-primary-600)]"}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-lg font-semibold",children:s("title")}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)]",children:s("subtitle")})]})]})})]}),e.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4 p-4",children:[e.jsx("div",{className:"p-3 rounded-lg bg-green-500/10 border border-green-500/20",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(a.Server,{className:"w-6 h-6 text-green-700"}),e.jsxs("div",{children:[e.jsx("div",{className:"text-xl font-bold text-green-700",children:n.active}),e.jsx("div",{className:"text-xs text-green-700",children:s("interface.stats.active")})]})]})}),e.jsx("div",{className:"p-3 rounded-lg bg-amber-500/10 border border-amber-500/20",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(a.PauseCircle,{className:"w-6 h-6 text-amber-700"}),e.jsxs("div",{children:[e.jsx("div",{className:"text-xl font-bold text-amber-700",children:n.suspended}),e.jsx("div",{className:"text-xs text-amber-700",children:s("interface.stats.suspended")})]})]})}),e.jsx("div",{className:"p-3 rounded-lg bg-[var(--bg-secondary)] border border-[var(--border-color)]",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(a.Users,{className:"w-6 h-6 text-[var(--text-secondary)]"}),e.jsxs("div",{children:[e.jsx("div",{className:"text-xl font-bold text-[var(--text-primary)]",children:n.members}),e.jsx("div",{className:"text-xs text-[var(--text-secondary)]",children:s("interface.stats.members")})]})]})}),e.jsx("div",{className:"p-3 rounded-lg bg-amber-500/10 border border-amber-500/20",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(a.Clock,{className:"w-6 h-6 text-amber-700"}),e.jsxs("div",{children:[e.jsx("div",{className:"text-xl font-bold text-amber-700",children:n.pendingRequests}),e.jsx("div",{className:"text-xs text-amber-700",children:s("interface.stats.requests")})]})]})})]}),e.jsx("div",{className:"px-4 pb-3",children:e.jsxs("div",{className:"flex items-center gap-3 p-3 border border-[var(--border-color)] rounded-lg bg-[var(--bg-secondary)]",children:[e.jsxs("div",{className:"flex items-center gap-2 flex-1 px-3 py-1.5 bg-[var(--bg-primary)] border border-[var(--border-color)] rounded-lg",children:[e.jsx(a.Search,{className:"w-4 h-4 text-[var(--text-tertiary)]"}),e.jsx("span",{className:"text-sm text-[var(--text-tertiary)]",children:s("interface.searchPlaceholder")})]}),e.jsxs("div",{className:"relative",children:[e.jsxs("select",{className:"appearance-none px-3 py-1.5 pr-8 bg-[var(--bg-primary)] border border-[var(--border-color)] rounded-lg text-sm text-[var(--text-secondary)]",children:[e.jsxs("option",{children:[s("interface.columns.status"),": ",s("interface.statusAll")]}),e.jsx("option",{children:s("interface.status.active")}),e.jsx("option",{children:s("interface.status.pending")}),e.jsx("option",{children:s("interface.status.suspended")}),e.jsx("option",{children:s("interface.status.archived")})]}),e.jsx(a.Filter,{className:"absolute right-2 top-1/2 -translate-y-1/2 w-3.5 h-3.5 text-[var(--text-tertiary)] pointer-events-none"})]})]})}),e.jsx("div",{className:"px-4 pb-4",children:e.jsx("div",{className:"border border-[var(--border-color)] rounded-lg overflow-hidden",children:e.jsxs("table",{className:"w-full text-sm",children:[e.jsx("thead",{className:"bg-[var(--bg-secondary)]",children:e.jsxs("tr",{children:[e.jsx("th",{className:"text-left px-4 py-3 text-xs font-semibold text-[var(--text-tertiary)] uppercase tracking-wider",children:s("interface.columns.name")}),e.jsx("th",{className:"text-left px-4 py-3 text-xs font-semibold text-[var(--text-tertiary)] uppercase tracking-wider",children:s("interface.columns.status")}),e.jsx("th",{className:"text-left px-4 py-3 text-xs font-semibold text-[var(--text-tertiary)] uppercase tracking-wider hidden md:table-cell",children:s("interface.columns.template")}),e.jsx("th",{className:"text-center px-4 py-3 text-xs font-semibold text-[var(--text-tertiary)] uppercase tracking-wider hidden lg:table-cell",children:s("interface.columns.members")}),e.jsx("th",{className:"text-center px-4 py-3 text-xs font-semibold text-[var(--text-tertiary)] uppercase tracking-wider hidden lg:table-cell",children:s("interface.columns.requests")}),e.jsx("th",{className:"w-12 px-4 py-3"})]})}),e.jsx("tbody",{className:"divide-y divide-[var(--border-color)]",children:x.map(t=>{const l=h[t.status];return e.jsxs("tr",{className:"hover:bg-[var(--bg-hover)] 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-9 h-9 rounded-lg bg-[var(--bg-tertiary)] flex items-center justify-center",children:e.jsx(a.Server,{className:"w-4 h-4 text-[var(--text-secondary)]"})}),e.jsxs("div",{children:[e.jsx("div",{className:"font-medium text-[var(--text-primary)]",children:t.name}),e.jsx("div",{className:"text-xs text-[var(--text-tertiary)] font-mono",children:t.slug})]})]})}),e.jsx("td",{className:"px-4 py-3",children:e.jsxs("span",{className:`inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-xs font-medium border ${l.bg} ${l.text} ${l.border}`,children:[e.jsx(p,{status:t.status}),s(`interface.status.${t.status.toLowerCase()}`)]})}),e.jsx("td",{className:"px-4 py-3 hidden md:table-cell",children:t.template?e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx(a.Layers,{className:"w-4 h-4 text-[var(--color-primary-600)]"}),e.jsx("span",{className:"text-sm",children:t.template})]}):e.jsx("span",{className:"text-[var(--text-tertiary)]",children:"-"})}),e.jsx("td",{className:"px-4 py-3 text-center hidden lg:table-cell text-[var(--text-primary)]",children:t.members>0?t.members:"-"}),e.jsx("td",{className:"px-4 py-3 text-center hidden lg:table-cell",children:t.requests>0?e.jsxs("span",{className:"inline-flex items-center gap-1 px-2 py-0.5 text-xs rounded-full bg-amber-500/10 text-amber-700 border border-amber-500/20",children:[e.jsx(a.Clock,{className:"w-3 h-3"}),t.requests]}):e.jsx("span",{className:"text-[var(--text-tertiary)]",children:"-"})}),e.jsx("td",{className:"px-4 py-3 text-center",children:e.jsx("button",{className:"p-1.5 rounded-lg hover:bg-[var(--bg-tertiary)] transition-colors",children:e.jsx(a.MoreHorizontal,{className:"w-4 h-4 text-[var(--text-tertiary)]"})})})]},t.slug)})})]})})})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(r,{text:s("interface.annotations.header")}),e.jsx(r,{text:s("interface.annotations.stats")}),e.jsx(r,{text:s("interface.annotations.toolbar")}),e.jsx(r,{text:s("interface.annotations.nameCol")}),e.jsx(r,{text:s("interface.annotations.statusCol")}),e.jsx(r,{text:s("interface.annotations.templateCol")}),e.jsx(r,{text:s("interface.annotations.membersCol")}),e.jsx(r,{text:s("interface.annotations.requestsCol")}),e.jsx(r,{text:s("interface.annotations.actionsCol")})]})]}),e.jsxs("section",{id:"cycle-de-vie",className:"scroll-mt-4",children:[e.jsxs("h2",{className:"text-2xl font-bold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm",children:"4"}),s("sections.lifecycle")]}),e.jsx("p",{className:"text-[var(--text-secondary)] mb-4",children:s("lifecycle.desc")}),e.jsxs("div",{className:"p-4 mb-4 rounded-lg bg-slate-500/5 border border-slate-500/20 flex items-start gap-3",children:[e.jsx(a.ShieldAlert,{className:"w-5 h-5 text-slate-600 flex-shrink-0 mt-0.5"}),e.jsxs("div",{children:[e.jsx("div",{className:"font-medium text-[var(--text-primary)] mb-1",children:s("lifecycle.noCreateTitle")}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)]",children:s("lifecycle.noCreateDesc")})]})]}),e.jsxs("div",{className:"card p-6 space-y-4",children:[e.jsx("div",{className:"text-sm font-semibold text-[var(--text-primary)] mb-3",children:s("lifecycle.actionsTitle")}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-3",children:[e.jsxs("div",{className:"p-4 border border-green-500/30 rounded-lg bg-green-500/5",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx(a.PlayCircle,{className:"w-5 h-5 text-green-600"}),e.jsx("span",{className:"font-medium text-green-700",children:s("lifecycle.activate")})]}),e.jsx("p",{className:"text-xs text-[var(--text-secondary)]",children:s("lifecycle.activateDesc")})]}),e.jsxs("div",{className:"p-4 border border-amber-500/30 rounded-lg bg-amber-500/5",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx(a.PauseCircle,{className:"w-5 h-5 text-amber-600"}),e.jsx("span",{className:"font-medium text-amber-700",children:s("lifecycle.suspend")})]}),e.jsx("p",{className:"text-xs text-[var(--text-secondary)]",children:s("lifecycle.suspendDesc")})]}),e.jsxs("div",{className:"p-4 border border-red-500/30 rounded-lg bg-red-500/5",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[e.jsx(a.Archive,{className:"w-5 h-5 text-red-600"}),e.jsx("span",{className:"font-medium text-red-700",children:s("lifecycle.archive")})]}),e.jsx("p",{className:"text-xs text-[var(--text-secondary)]",children:s("lifecycle.archiveDesc")})]})]})]}),e.jsxs("div",{className:"space-y-2 mt-4",children:[e.jsx(r,{text:s("lifecycle.annotations.noCreate")}),e.jsx(r,{text:s("lifecycle.annotations.actions")}),e.jsx(r,{text:s("lifecycle.annotations.systemTenants")})]})]}),e.jsxs("section",{id:"detail",className:"scroll-mt-4",children:[e.jsxs("h2",{className:"text-2xl font-bold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm",children:"5"}),s("sections.detailView")]}),e.jsx("p",{className:"text-[var(--text-secondary)] mb-4",children:s("detail.desc")}),e.jsxs("div",{className:"card overflow-hidden",children:[e.jsxs("div",{className:"p-4 border-b border-[var(--border-color)] flex items-center justify-between",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(a.ArrowLeft,{className:"w-5 h-5 text-[var(--text-secondary)]"}),e.jsx(a.Server,{className:"w-6 h-6 text-[var(--color-primary-600)]"}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-lg font-semibold text-[var(--text-primary)]",children:"SmartStack System"}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)]",children:"smartstack-system"})]})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("span",{className:"inline-flex items-center gap-1 px-2.5 py-1 rounded-full text-sm bg-green-500/10 text-green-700 border border-green-500/20",children:[e.jsx(a.PlayCircle,{className:"w-4 h-4"}),s("detail.statusActive")]}),e.jsx("span",{className:"px-2.5 py-1 rounded-full text-sm bg-slate-500/10 text-slate-700",children:"System"}),e.jsx("button",{className:"p-2 rounded-lg hover:bg-[var(--bg-hover)]",children:e.jsx(a.RefreshCw,{className:"w-4 h-4 text-[var(--text-secondary)]"})})]})]}),e.jsx("div",{className:"border-b border-[var(--border-color)] flex overflow-x-auto",children:m.map((t,l)=>e.jsx("button",{className:`px-4 py-3 text-sm font-medium border-b-2 whitespace-nowrap ${l===0?"border-[var(--color-primary-600)] text-[var(--color-primary-600)]":"border-transparent text-[var(--text-secondary)]"}`,children:s(`detail.tabs.${t}`)},t))}),e.jsx("div",{className:"p-4",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"p-3 rounded-lg bg-[var(--bg-secondary)]",children:[e.jsx("div",{className:"text-xs text-[var(--text-secondary)] mb-1",children:s("detail.overview.template")}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(a.Layers,{className:"w-4 h-4 text-[var(--color-primary-600)]"}),e.jsx("span",{className:"font-medium text-[var(--text-tertiary)] italic",children:"—"})]})]}),e.jsxs("div",{className:"p-3 rounded-lg bg-[var(--bg-secondary)]",children:[e.jsx("div",{className:"text-xs text-[var(--text-secondary)] mb-1",children:s("detail.overview.members")}),e.jsx("div",{className:"text-2xl font-bold text-[var(--color-primary-600)]",children:"0"})]})]}),e.jsx("div",{className:"space-y-3",children:e.jsxs("div",{className:"p-3 rounded-lg bg-[var(--bg-secondary)]",children:[e.jsx("div",{className:"text-xs text-[var(--text-secondary)] mb-1",children:s("detail.overview.created")}),e.jsx("div",{className:"text-sm text-[var(--text-primary)]",children:"2024-01-01"})]})})]})})]}),e.jsxs("div",{className:"space-y-2 mt-4",children:[e.jsx(r,{text:s("detail.annotations.header")}),e.jsx(r,{text:s("detail.annotations.statusBadge")}),e.jsx(r,{text:s("detail.annotations.tabs")}),e.jsx(r,{text:s("detail.annotations.overview")})]})]}),e.jsxs("section",{id:"cas-usage",className:"scroll-mt-4",children:[e.jsxs("h2",{className:"text-2xl font-bold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm",children:"6"}),s("sections.useCases")]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[1,2,3].map(t=>e.jsxs("div",{className:"card p-6",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[e.jsx("div",{className:`w-12 h-12 rounded-full flex items-center justify-center ${{1:"bg-blue-500/10",2:"bg-amber-500/10",3:"bg-purple-500/10"}[t]}`,children:e.jsx(a.Users,{className:`w-6 h-6 ${{1:"text-blue-600",2:"text-amber-600",3:"text-purple-600"}[t]}`})}),e.jsxs("div",{children:[e.jsx("div",{className:"font-semibold",children:s(`useCases.${t}.persona`)}),e.jsx("div",{className:"text-sm text-[var(--text-secondary)]",children:s(`useCases.${t}.role`)})]})]}),e.jsxs("div",{className:"space-y-3 text-sm",children:[e.jsxs("div",{children:[e.jsxs("span",{className:"font-medium text-[var(--text-secondary)]",children:[s("useCases.situationLabel")," "]}),e.jsx("span",{children:s(`useCases.${t}.situation`)})]}),e.jsxs("div",{children:[e.jsxs("span",{className:"font-medium text-green-600",children:[s("useCases.withFeatureLabel")," "]}),e.jsx("span",{children:s(`useCases.${t}.withFeature`)})]})]})]},`usecase-${t}`))})]}),e.jsxs("section",{id:"fonctionnalites",className:"scroll-mt-4",children:[e.jsxs("h2",{className:"text-2xl font-bold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm",children:"7"}),s("sections.features")]}),e.jsx("div",{className:"space-y-4",children:[1,2,3,4,5].map(t=>{const c=[a.Search,a.PlayCircle,a.Server,a.Layers,a.Zap][t-1];return e.jsx("div",{className:"card p-6",children:e.jsxs("div",{className:"flex items-start gap-4",children:[e.jsx("div",{className:"w-12 h-12 rounded-lg bg-[var(--color-primary-600)]/10 flex items-center justify-center flex-shrink-0",children:e.jsx(c,{className:"w-6 h-6 text-[var(--color-primary-600)]"})}),e.jsxs("div",{className:"flex-1",children:[e.jsx("h3",{className:"font-semibold mb-2",children:s(`features.${t}.title`)}),e.jsx("p",{className:"text-[var(--text-secondary)] mb-3",children:s(`features.${t}.description`)}),e.jsxs("div",{className:"p-3 rounded-lg bg-[var(--bg-secondary)] text-sm",children:[e.jsxs("span",{className:"font-medium text-[var(--color-primary-600)]",children:[s("features.exampleLabel")," "]}),s(`features.${t}.example`)]})]})]})},`feature-${t}`)})})]}),e.jsxs("section",{id:"faq",className:"scroll-mt-4",children:[e.jsxs("h2",{className:"text-2xl font-bold mb-4 flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm",children:"8"}),s("sections.faq")]}),e.jsx("div",{className:"space-y-4",children:[1,2,3,4,5].map(t=>e.jsxs("div",{className:"card p-4",children:[e.jsx("h3",{className:"font-medium mb-2",children:s(`faq.${t}.question`)}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)]",children:s(`faq.${t}.answer`)})]},`faq-${t}`))})]}),e.jsx("section",{id:"reference",className:"scroll-mt-4",children:e.jsxs("details",{className:"card",children:[e.jsxs("summary",{className:"p-4 cursor-pointer hover:bg-[var(--bg-secondary)] rounded-lg font-semibold flex items-center gap-2",children:[e.jsx("span",{className:"w-8 h-8 rounded-full bg-gray-500/10 text-gray-600 flex items-center justify-center text-sm",children:"9"}),s("sections.technicalRef")]}),e.jsxs("div",{className:"p-4 pt-0 space-y-6",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"font-semibold mb-3",children:s("techRef.businessRules")}),e.jsx("div",{className:"space-y-2",children:[{id:"BR-001",category:"Validation"},{id:"BR-002",category:"Security"},{id:"BR-003",category:"Lifecycle"},{id:"BR-004",category:"Lifecycle"},{id:"BR-005",category:"Filter"}].map(t=>e.jsxs("div",{className:"p-3 rounded-lg bg-[var(--bg-secondary)]",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-1",children:[e.jsx("span",{className:"text-xs font-mono text-[var(--color-primary-600)]",children:t.id}),e.jsx("span",{className:"text-xs px-2 py-0.5 rounded bg-[var(--color-primary-600)]/10",children:t.category})]}),e.jsx("p",{className:"text-xs text-[var(--text-secondary)] mt-1",children:s(`techRef.rules.${t.id}`)})]},t.id))})]}),e.jsxs("div",{children:[e.jsx("h3",{className:"font-semibold mb-3",children:s("techRef.apiEndpoints")}),e.jsx("div",{className:"overflow-x-auto",children:e.jsxs("table",{className:"w-full text-sm",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"bg-[var(--bg-secondary)]",children:[e.jsx("th",{className:"text-left py-2 px-3",children:"Method"}),e.jsx("th",{className:"text-left py-2 px-3",children:"Endpoint"}),e.jsx("th",{className:"text-left py-2 px-3",children:"Handler"})]})}),e.jsx("tbody",{children:o.map((t,l)=>e.jsxs("tr",{className:"border-b border-[var(--border-color)]",children:[e.jsx("td",{className:"py-2 px-3",children:e.jsx("span",{className:`px-2 py-0.5 rounded text-xs font-medium ${t.method==="GET"?"bg-blue-500/10 text-blue-600":t.method==="POST"?"bg-green-500/10 text-green-600":t.method==="PUT"?"bg-orange-500/10 text-orange-600":"bg-red-500/10 text-red-600"}`,children:t.method})}),e.jsx("td",{className:"py-2 px-3 font-mono text-xs",children:t.path}),e.jsx("td",{className:"py-2 px-3 text-[var(--text-secondary)]",children:t.handler})]},`${t.method}-${t.path}-${l}`))})]})})]})]})]})}),e.jsxs("div",{className:"flex justify-between pt-6 border-t border-[var(--border-color)]",children:[e.jsxs(i.Link,{to:"/docs/business/administration/tenants",className:"flex items-center gap-2 text-[var(--text-secondary)] hover:text-[var(--color-primary-600)]",children:[e.jsx(a.ArrowLeft,{className:"w-4 h-4"}),s("nav.backToTenants")]}),e.jsxs(i.Link,{to:"/docs/business/administration/tenants/template",className:"flex items-center gap-2 text-[var(--color-primary-600)] hover:underline",children:[s("nav.toTemplates"),e.jsx(a.ArrowLeft,{className:"w-4 h-4 rotate-180"})]})]})]})}exports.default=j;
+//# sourceMappingURL=index-xCGnOlox.cjs.map