npm - @atlashub/smartstack - Versions diffs - 3.11.0 → 3.14.0 - Mend

@atlashub/smartstack 3.11.0 → 3.14.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1016) hide show

package/dist/{index-jpSTOjXU.js → index-BYYgvEcO.js} RENAMED Viewed

@@ -1,8 +1,8 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
 import { Link as o } from "react-router-dom";
 import { useTranslation as u } from "react-i18next";
-import { ArrowLeft as c, User as n, Target as g, Lightbulb as N, PauseCircle as b, Users as m, Clock as x, Search as p, Filter as f, Layers as i, MoreHorizontal as y, Check as w, FileText as T, PlayCircle as h, RefreshCw as C, Archive as P, Info as k } from "lucide-react";
-const S = [
+import { ArrowLeft as c, User as n, Target as g, Lightbulb as N, PauseCircle as b, Users as m, Clock as x, Search as p, Filter as f, Layers as i, MoreHorizontal as y, Check as w, FileText as T, PlayCircle as h, RefreshCw as C, Archive as $, Info as P } from "lucide-react";
+const k = [
   { name: "Marie Dupont", slug: "marie-dupont", status: "Active", template: "personal-space", members: 1, requests: 0 },
   { name: "Jean Martin", slug: "jean-martin", status: "Active", template: "personal-space", members: 1, requests: 0 },
   { name: "Lisa Schmidt", slug: "lisa-schmidt", status: "Pending", template: "", members: 1, requests: 0 },
@@ -13,7 +13,7 @@ const S = [
   suspended: 1,
   members: 5,
   pendingRequests: 1
-}, A = ["overview", "members", "groups", "roles", "applications", "entra", "requests"], $ = [
+}, S = ["overview", "members", "groups", "roles", "applications", "entra", "requests"], A = [
   { 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" },
@@ -27,15 +27,15 @@ const S = [
   { 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" },
   { method: "POST", path: "/api/administration/tenants/{id}/set-default", handler: "SetDefaultTenant", permission: "authenticated" }
-], j = {
+], q = {
   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" }
-}, q = ({ status: a }) => a === "Active" ? /* @__PURE__ */ e(h, { className: "w-3 h-3" }) : a === "Suspended" ? /* @__PURE__ */ e(b, { className: "w-3 h-3" }) : a === "Archived" ? /* @__PURE__ */ e(P, { className: "w-3 h-3" }) : /* @__PURE__ */ e(x, { className: "w-3 h-3" });
+}, j = ({ status: a }) => a === "Active" ? /* @__PURE__ */ e(h, { className: "w-3 h-3" }) : a === "Suspended" ? /* @__PURE__ */ e(b, { className: "w-3 h-3" }) : a === "Archived" ? /* @__PURE__ */ e($, { className: "w-3 h-3" }) : /* @__PURE__ */ e(x, { className: "w-3 h-3" });
 function s({ text: a }) {
   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(k, { className: "w-4 h-4 mt-0.5 flex-shrink-0" }),
+    /* @__PURE__ */ e(P, { className: "w-4 h-4 mt-0.5 flex-shrink-0" }),
     /* @__PURE__ */ e("span", { children: a })
   ] });
 }
@@ -211,8 +211,8 @@ function D() {
             /* @__PURE__ */ e("th", { className: "text-center px-4 py-3 text-xs font-semibold text-[var(--text-tertiary)] uppercase tracking-wider hidden lg:table-cell", children: a("interface.columns.requests") }),
             /* @__PURE__ */ e("th", { className: "w-12 px-4 py-3" })
           ] }) }),
-          /* @__PURE__ */ e("tbody", { className: "divide-y divide-[var(--border-color)]", children: S.map((r) => {
-            const l = j[r.status];
+          /* @__PURE__ */ e("tbody", { className: "divide-y divide-[var(--border-color)]", children: k.map((r) => {
+            const l = q[r.status];
             return /* @__PURE__ */ t("tr", { className: "hover:bg-[var(--bg-hover)] transition-colors", children: [
               /* @__PURE__ */ e("td", { className: "px-4 py-3", children: /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: [
                 /* @__PURE__ */ e("div", { className: "w-9 h-9 rounded-lg bg-[var(--bg-tertiary)] flex items-center justify-center", children: /* @__PURE__ */ e(n, { className: "w-4 h-4 text-[var(--text-secondary)]" }) }),
@@ -222,7 +222,7 @@ function D() {
                 ] })
               ] }) }),
               /* @__PURE__ */ e("td", { className: "px-4 py-3", children: /* @__PURE__ */ t("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: [
-                /* @__PURE__ */ e(q, { status: r.status }),
+                /* @__PURE__ */ e(j, { status: r.status }),
                 a(`interface.status.${r.status.toLowerCase()}`)
               ] }) }),
               /* @__PURE__ */ e("td", { className: "px-4 py-3 hidden md:table-cell", children: r.template ? /* @__PURE__ */ t("div", { className: "flex items-center gap-1.5", children: [
@@ -350,7 +350,7 @@ function D() {
             /* @__PURE__ */ e("button", { className: "p-2 rounded-lg hover:bg-[var(--bg-hover)]", children: /* @__PURE__ */ e(C, { className: "w-4 h-4 text-[var(--text-secondary)]" }) })
           ] })
         ] }),
-        /* @__PURE__ */ e("div", { className: "border-b border-[var(--border-color)] flex overflow-x-auto", children: A.map((r, l) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "border-b border-[var(--border-color)] flex overflow-x-auto", children: S.map((r, l) => /* @__PURE__ */ e(
           "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)]"}`,
@@ -392,7 +392,7 @@ function D() {
       ] }),
       /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [1, 2, 3].map((r) => /* @__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 ${r === 1 ? "bg-blue-500/10" : r === 2 ? "bg-amber-500/10" : "bg-purple-500/10"}`, children: /* @__PURE__ */ e(m, { className: `w-6 h-6 ${r === 1 ? "text-blue-600" : r === 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" }[r]}`, children: /* @__PURE__ */ e(m, { className: `w-6 h-6 ${{ 1: "text-blue-600", 2: "text-amber-600", 3: "text-purple-600" }[r]}` }) }),
           /* @__PURE__ */ t("div", { children: [
             /* @__PURE__ */ e("div", { className: "font-semibold", children: a(`useCases.${r}.persona`) }),
             /* @__PURE__ */ e("div", { className: "text-sm text-[var(--text-secondary)]", children: a(`useCases.${r}.role`) })
@@ -414,7 +414,7 @@ function D() {
             /* @__PURE__ */ e("span", { children: a(`useCases.${r}.withFeature`) })
           ] })
         ] })
-      ] }, r)) })
+      ] }, `usecase-${r}`)) })
     ] }),
     /* @__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: [
@@ -436,7 +436,7 @@ function D() {
               a(`features.${r}.example`)
             ] })
           ] })
-        ] }) }, r);
+        ] }) }, `feature-${r}`);
       }) })
     ] }),
     /* @__PURE__ */ t("section", { id: "faq", className: "scroll-mt-4", children: [
@@ -447,7 +447,7 @@ function D() {
       /* @__PURE__ */ e("div", { className: "space-y-4", children: [1, 2, 3, 4, 5].map((r) => /* @__PURE__ */ t("div", { className: "card p-4", children: [
         /* @__PURE__ */ e("h3", { className: "font-medium mb-2", children: a(`faq.${r}.question`) }),
         /* @__PURE__ */ e("p", { className: "text-sm text-[var(--text-secondary)]", children: a(`faq.${r}.answer`) })
-      ] }, r)) })
+      ] }, `faq-${r}`)) })
     ] }),
     /* @__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: [
@@ -480,11 +480,11 @@ function D() {
               /* @__PURE__ */ e("th", { className: "text-left py-2 px-3", children: "Endpoint" }),
               /* @__PURE__ */ e("th", { className: "text-left py-2 px-3", children: "Handler" })
             ] }) }),
-            /* @__PURE__ */ e("tbody", { children: $.map((r, l) => /* @__PURE__ */ t("tr", { className: "border-b border-[var(--border-color)]", children: [
+            /* @__PURE__ */ e("tbody", { children: A.map((r, l) => /* @__PURE__ */ t("tr", { className: "border-b border-[var(--border-color)]", children: [
               /* @__PURE__ */ e("td", { className: "py-2 px-3", children: /* @__PURE__ */ e("span", { className: `px-2 py-0.5 rounded text-xs font-medium ${r.method === "GET" ? "bg-blue-500/10 text-blue-600" : r.method === "POST" ? "bg-green-500/10 text-green-600" : r.method === "PUT" ? "bg-orange-500/10 text-orange-600" : "bg-red-500/10 text-red-600"}`, children: r.method }) }),
               /* @__PURE__ */ e("td", { className: "py-2 px-3 font-mono text-xs", children: r.path }),
               /* @__PURE__ */ e("td", { className: "py-2 px-3 text-[var(--text-secondary)]", children: r.handler })
-            ] }, l)) })
+            ] }, `${r.method}-${r.path}-${l}`)) })
           ] }) })
         ] })
       ] })
@@ -518,4 +518,4 @@ function D() {
 export {
   D as default
 };
-//# sourceMappingURL=index-jpSTOjXU.js.map
+//# sourceMappingURL=index-BYYgvEcO.js.map

package/dist/index-BYYgvEcO.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index-BYYgvEcO.js","sources":["../src/pages/docs/business/platform/administration/tenants/personal/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 User,\r\n Target,\r\n Lightbulb,\r\n Users,\r\n PlayCircle,\r\n PauseCircle,\r\n Archive,\r\n Search,\r\n Filter,\r\n MoreHorizontal,\r\n Layers,\r\n Clock,\r\n Info,\r\n FileText,\r\n Check,\r\n RefreshCw,\r\n} from 'lucide-react';\r\n\r\n// ── Mock data matching actual TenantsPersonalPage ────────────────────────────\r\n\r\ntype MockTenantStatus = 'Active' | 'Suspended' | 'Pending' | 'Archived';\r\n\r\nconst mockTenants: Array<{\r\n name: string;\r\n slug: string;\r\n status: MockTenantStatus;\r\n template: string;\r\n members: number;\r\n requests: number;\r\n}> = [\r\n { name: 'Marie Dupont', slug: 'marie-dupont', status: 'Active', template: 'personal-space', members: 1, requests: 0 },\r\n { name: 'Jean Martin', slug: 'jean-martin', status: 'Active', template: 'personal-space', members: 1, requests: 0 },\r\n { name: 'Lisa Schmidt', slug: 'lisa-schmidt', status: 'Pending', template: '', members: 1, requests: 0 },\r\n { name: 'Marco Rossi', slug: 'marco-rossi', status: 'Suspended', template: 'personal-space', members: 1, requests: 0 },\r\n { name: 'Sophie Weber', slug: 'sophie-weber', status: 'Active', template: 'starter-b2c', members: 1, requests: 1 },\r\n];\r\n\r\nconst mockStats = {\r\n active: 3,\r\n suspended: 1,\r\n members: 5,\r\n pendingRequests: 1,\r\n};\r\n\r\nconst mockDetailTabs = ['overview', 'members', 'groups', 'roles', 'applications', 'entra', 'requests'];\r\n\r\nconst apiEndpoints = [\r\n { method: 'GET' as const, path: '/api/administration/tenants', handler: 'GetAllTenants', permission: 'administration.tenants.read' },\r\n { method: 'GET' as const, path: '/api/administration/tenants/{id}', handler: 'GetTenant', permission: 'authenticated' },\r\n { method: 'GET' as const, path: '/api/administration/tenants/by-slug/{slug}', handler: 'GetTenantBySlug', permission: 'authenticated' },\r\n { method: 'GET' as const, path: '/api/administration/tenants/config', handler: 'GetConfig', permission: 'authenticated' },\r\n { method: 'GET' as const, path: '/api/administration/tenants/available-slug/{slug}', handler: 'CheckSlugAvailability', permission: 'authenticated' },\r\n { method: 'POST' as const, path: '/api/administration/tenants/b2c', handler: 'CreateB2CTenant', permission: 'authenticated' },\r\n { method: 'PUT' as const, path: '/api/administration/tenants/{id}', handler: 'UpdateTenant', permission: 'owner or admin' },\r\n { method: 'POST' as const, path: '/api/administration/tenants/{id}/activate', handler: 'ActivateTenant', permission: 'administration.tenants.activate' },\r\n { method: 'POST' as const, path: '/api/administration/tenants/{id}/suspend', handler: 'SuspendTenant', permission: 'administration.tenants.suspend' },\r\n { method: 'DELETE' as const, path: '/api/administration/tenants/{id}', handler: 'ArchiveTenant', permission: 'administration.tenants.delete' },\r\n { method: 'POST' as const, path: '/api/administration/tenants/{id}/template', handler: 'AssignTemplate', permission: 'administration.tenants.update' },\r\n { method: 'DELETE' as const, path: '/api/administration/tenants/{id}/template', handler: 'RemoveTemplate', permission: 'administration.tenants.update' },\r\n { method: 'POST' as const, path: '/api/administration/tenants/{id}/set-default', handler: 'SetDefaultTenant', permission: 'authenticated' },\r\n];\r\n\r\nconst statusConfig: Record<MockTenantStatus, { bg: string; text: string; border: string }> = {\r\n Active: { bg: 'bg-green-500/10', text: 'text-green-700', border: 'border-green-500/20' },\r\n Pending: { bg: 'bg-blue-500/10', text: 'text-blue-700', border: 'border-blue-500/20' },\r\n Suspended: { bg: 'bg-amber-500/10', text: 'text-amber-700', border: 'border-amber-500/20' },\r\n Archived: { bg: 'bg-gray-500/10', text: 'text-gray-600', border: 'border-gray-500/20' },\r\n};\r\n\r\nconst StatusIcon = ({ status }: { status: MockTenantStatus }) => {\r\n if (status === 'Active') return <PlayCircle className=\"w-3 h-3\" />;\r\n if (status === 'Suspended') return <PauseCircle className=\"w-3 h-3\" />;\r\n if (status === 'Archived') return <Archive className=\"w-3 h-3\" />;\r\n return <Clock className=\"w-3 h-3\" />;\r\n};\r\n\r\n// ── Annotation helper ─────────────────────────────────────────────────────────\r\n\r\nfunction Annotation({ text }: { text: string }) {\r\n return (\r\n <div className=\"flex items-start gap-2 p-2.5 rounded-lg bg-blue-500/5 border border-blue-500/15 text-sm text-blue-700 dark:text-blue-400\">\r\n <Info className=\"w-4 h-4 mt-0.5 flex-shrink-0\" />\r\n <span>{text}</span>\r\n </div>\r\n );\r\n}\r\n\r\n// ── Component ─────────────────────────────────────────────────────────────────\r\n\r\nexport default function PersonalTenantsDocPage(): ReactElement {\r\n const { t } = useTranslation('docsAdministrationTenantsPersonal');\r\n\r\n return (\r\n <div className=\"space-y-8\">\r\n {/* Back Navigation */}\r\n <Link\r\n to=\"/docs/business/administration/tenants\"\r\n className=\"inline-flex items-center gap-2 text-[var(--text-secondary)] hover:text-[var(--color-primary-600)] transition-colors\"\r\n >\r\n <ArrowLeft className=\"w-4 h-4\" />\r\n {t('nav.backToTenants')}\r\n </Link>\r\n\r\n {/* Header */}\r\n <div>\r\n <h1 className=\"text-3xl font-bold mb-4 flex items-center gap-3\">\r\n <User className=\"w-8 h-8 text-[var(--color-primary-600)]\" />\r\n {t('title')}\r\n </h1>\r\n <p className=\"text-xl text-[var(--color-primary-600)] font-medium mb-2\">\r\n {t('valueProposition')}\r\n </p>\r\n <p className=\"text-lg text-[var(--text-secondary)]\">\r\n {t('subtitle')}\r\n </p>\r\n <div className=\"flex gap-4 mt-3 text-sm text-[var(--text-secondary)]\">\r\n <span>6 {t('header.businessRules')}</span>\r\n <span>13 {t('header.apiEndpoints')}</span>\r\n <span>4 {t('header.statuses')}</span>\r\n </div>\r\n </div>\r\n\r\n {/* ════════════════════════════════════════════════════════════════════ */}\r\n {/* SECTION 1: BUSINESS VALUE */}\r\n {/* ════════════════════════════════════════════════════════════════════ */}\r\n <section id=\"valeur\" className=\"scroll-mt-4\">\r\n <h2 className=\"text-2xl font-bold mb-4 flex items-center gap-2\">\r\n <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm\">1</span>\r\n {t('sections.businessValue')}\r\n </h2>\r\n\r\n <div className=\"card p-6\">\r\n <div className=\"mb-6\">\r\n <h3 className=\"font-semibold mb-3 flex items-center gap-2\">\r\n <Target className=\"w-5 h-5 text-red-500\" />\r\n {t('sections.problem')}\r\n </h3>\r\n <p className=\"text-[var(--text-secondary)]\">{t('problem')}</p>\r\n </div>\r\n\r\n <div className=\"p-4 rounded-lg bg-green-500/10 border border-green-500/20\">\r\n <h3 className=\"font-semibold mb-2 flex items-center gap-2 text-green-700\">\r\n <Lightbulb className=\"w-5 h-5\" />\r\n {t('sections.solution')}\r\n </h3>\r\n <p className=\"text-[var(--text-secondary)]\">{t('solution')}</p>\r\n </div>\r\n </div>\r\n </section>\r\n\r\n {/* ════════════════════════════════════════════════════════════════════ */}\r\n {/* SECTION 2: ACCESS */}\r\n {/* ════════════════════════════════════════════════════════════════════ */}\r\n <section id=\"acces\" className=\"scroll-mt-4\">\r\n <h2 className=\"text-2xl font-bold mb-4 flex items-center gap-2\">\r\n <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm\">2</span>\r\n {t('sections.access')}\r\n </h2>\r\n\r\n <div className=\"card p-6 space-y-4\">\r\n <div>\r\n <div className=\"text-sm font-medium text-[var(--text-secondary)] mb-2\">{t('access.navigation')}</div>\r\n <div className=\"flex items-center gap-2 text-sm flex-wrap\">\r\n <span className=\"px-3 py-1.5 rounded-lg bg-purple-500/10 text-purple-600 font-medium\">Platform</span>\r\n <span className=\"text-[var(--text-tertiary)]\">›</span>\r\n <span className=\"px-3 py-1.5 rounded-lg bg-blue-500/10 text-blue-600 font-medium\">Administration</span>\r\n <span className=\"text-[var(--text-tertiary)]\">›</span>\r\n <span className=\"px-3 py-1.5 rounded-lg bg-green-500/10 text-green-600 font-medium\">Tenants</span>\r\n <span className=\"text-[var(--text-tertiary)]\">›</span>\r\n <span className=\"px-3 py-1.5 rounded-lg bg-blue-600/10 text-blue-700 font-medium\">Personal</span>\r\n </div>\r\n </div>\r\n <div>\r\n <div className=\"text-sm font-medium text-[var(--text-secondary)] mb-1\">URL</div>\r\n <code className=\"text-sm px-3 py-1.5 bg-[var(--bg-secondary)] rounded-lg\">/administration/tenants/list/personal</code>\r\n </div>\r\n <div>\r\n <div className=\"text-sm font-medium text-[var(--text-secondary)] mb-1\">{t('access.permission')}</div>\r\n <code className=\"text-sm px-3 py-1.5 bg-[var(--bg-secondary)] rounded-lg\">administration.tenants.read</code>\r\n </div>\r\n </div>\r\n </section>\r\n\r\n {/* ════════════════════════════════════════════════════════════════════ */}\r\n {/* SECTION 3: INTERFACE OVERVIEW - MOCK UI */}\r\n {/* ════════════════════════════════════════════════════════════════════ */}\r\n <section id=\"interface\" className=\"scroll-mt-4\">\r\n <h2 className=\"text-2xl font-bold mb-4 flex items-center gap-2\">\r\n <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm\">3</span>\r\n {t('sections.interface')}\r\n </h2>\r\n\r\n <p className=\"text-[var(--text-secondary)] mb-4\">{t('interface.desc')}</p>\r\n\r\n <div className=\"card overflow-hidden mb-4\">\r\n {/* Page header */}\r\n <div className=\"p-4 border-b border-[var(--border-color)] bg-[var(--bg-secondary)]\">\r\n <div className=\"flex items-center gap-2 text-xs text-[var(--text-secondary)] mb-3\">\r\n <span>Administration</span>\r\n <span>›</span>\r\n <span 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 <User className=\"w-6 h-6 text-[var(--color-primary-600)]\" />\r\n <div>\r\n <h3 className=\"text-lg font-semibold\">{t('title')}</h3>\r\n <p className=\"text-sm text-[var(--text-secondary)]\">{t('subtitle')}</p>\r\n </div>\r\n </div>\r\n <button className=\"px-4 py-2 rounded-lg bg-[var(--color-primary-600)] text-white text-sm font-medium flex items-center gap-2 opacity-80\">\r\n <User className=\"w-4 h-4\" />\r\n {t('interface.createButton')}\r\n </button>\r\n </div>\r\n </div>\r\n\r\n {/* Stats */}\r\n <div className=\"grid grid-cols-2 md:grid-cols-4 gap-4 p-4\">\r\n <div className=\"p-3 rounded-lg bg-green-500/10 border border-green-500/20\">\r\n <div className=\"flex items-center gap-2\">\r\n <User className=\"w-6 h-6 text-green-700\" />\r\n <div>\r\n <div className=\"text-xl font-bold text-green-700\">{mockStats.active}</div>\r\n <div className=\"text-xs text-green-700\">{t('interface.stats.active')}</div>\r\n </div>\r\n </div>\r\n </div>\r\n <div className=\"p-3 rounded-lg bg-amber-500/10 border border-amber-500/20\">\r\n <div className=\"flex items-center gap-2\">\r\n <PauseCircle className=\"w-6 h-6 text-amber-700\" />\r\n <div>\r\n <div className=\"text-xl font-bold text-amber-700\">{mockStats.suspended}</div>\r\n <div className=\"text-xs text-amber-700\">{t('interface.stats.suspended')}</div>\r\n </div>\r\n </div>\r\n </div>\r\n <div className=\"p-3 rounded-lg bg-[var(--bg-secondary)] border border-[var(--border-color)]\">\r\n <div className=\"flex items-center gap-2\">\r\n <Users className=\"w-6 h-6 text-[var(--text-secondary)]\" />\r\n <div>\r\n <div className=\"text-xl font-bold text-[var(--text-primary)]\">{mockStats.members}</div>\r\n <div className=\"text-xs text-[var(--text-secondary)]\">{t('interface.stats.members')}</div>\r\n </div>\r\n </div>\r\n </div>\r\n <div className=\"p-3 rounded-lg bg-amber-500/10 border border-amber-500/20\">\r\n <div className=\"flex items-center gap-2\">\r\n <Clock className=\"w-6 h-6 text-amber-700\" />\r\n <div>\r\n <div className=\"text-xl font-bold text-amber-700\">{mockStats.pendingRequests}</div>\r\n <div className=\"text-xs text-amber-700\">{t('interface.stats.requests')}</div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n {/* Search/Filter toolbar */}\r\n <div className=\"px-4 pb-3\">\r\n <div className=\"flex items-center gap-3 p-3 border border-[var(--border-color)] rounded-lg bg-[var(--bg-secondary)]\">\r\n <div className=\"flex items-center gap-2 flex-1 px-3 py-1.5 bg-[var(--bg-primary)] border border-[var(--border-color)] rounded-lg\">\r\n <Search className=\"w-4 h-4 text-[var(--text-tertiary)]\" />\r\n <span className=\"text-sm text-[var(--text-tertiary)]\">{t('interface.searchPlaceholder')}</span>\r\n </div>\r\n {/* Inline status dropdown (visible directly since type is locked to Personal) */}\r\n <div className=\"relative\">\r\n <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)]\">\r\n <option>{t('interface.columns.status')}: {t('interface.statusAll')}</option>\r\n <option>{t('interface.status.active')}</option>\r\n <option>{t('interface.status.pending')}</option>\r\n <option>{t('interface.status.suspended')}</option>\r\n <option>{t('interface.status.archived')}</option>\r\n </select>\r\n <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\" />\r\n </div>\r\n </div>\r\n </div>\r\n\r\n {/* Table */}\r\n <div className=\"px-4 pb-4\">\r\n <div className=\"border border-[var(--border-color)] rounded-lg overflow-hidden\">\r\n <table className=\"w-full text-sm\">\r\n <thead className=\"bg-[var(--bg-secondary)]\">\r\n <tr>\r\n <th className=\"text-left px-4 py-3 text-xs font-semibold text-[var(--text-tertiary)] uppercase tracking-wider\">{t('interface.columns.name')}</th>\r\n <th className=\"text-left px-4 py-3 text-xs font-semibold text-[var(--text-tertiary)] uppercase tracking-wider\">{t('interface.columns.status')}</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.template')}</th>\r\n <th className=\"text-center px-4 py-3 text-xs font-semibold text-[var(--text-tertiary)] uppercase tracking-wider hidden lg:table-cell\">{t('interface.columns.members')}</th>\r\n <th className=\"text-center px-4 py-3 text-xs font-semibold text-[var(--text-tertiary)] uppercase tracking-wider hidden lg:table-cell\">{t('interface.columns.requests')}</th>\r\n <th className=\"w-12 px-4 py-3\"></th>\r\n </tr>\r\n </thead>\r\n <tbody className=\"divide-y divide-[var(--border-color)]\">\r\n {mockTenants.map((tenant) => {\r\n const sc = statusConfig[tenant.status];\r\n return (\r\n <tr key={tenant.slug} className=\"hover:bg-[var(--bg-hover)] transition-colors\">\r\n <td className=\"px-4 py-3\">\r\n <div className=\"flex items-center gap-3\">\r\n <div className=\"w-9 h-9 rounded-lg bg-[var(--bg-tertiary)] flex items-center justify-center\">\r\n <User className=\"w-4 h-4 text-[var(--text-secondary)]\" />\r\n </div>\r\n <div>\r\n <div className=\"font-medium text-[var(--text-primary)]\">{tenant.name}</div>\r\n <div className=\"text-xs text-[var(--text-tertiary)] font-mono\">{tenant.slug}</div>\r\n </div>\r\n </div>\r\n </td>\r\n <td className=\"px-4 py-3\">\r\n <span className={`inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-xs font-medium border ${sc.bg} ${sc.text} ${sc.border}`}>\r\n <StatusIcon status={tenant.status} />\r\n {t(`interface.status.${tenant.status.toLowerCase()}`)}\r\n </span>\r\n </td>\r\n <td className=\"px-4 py-3 hidden md:table-cell\">\r\n {tenant.template ? (\r\n <div className=\"flex items-center gap-1.5\">\r\n <Layers className=\"w-4 h-4 text-[var(--color-primary-600)]\" />\r\n <span className=\"text-sm\">{tenant.template}</span>\r\n </div>\r\n ) : (\r\n <span className=\"text-[var(--text-tertiary)]\">-</span>\r\n )}\r\n </td>\r\n <td className=\"px-4 py-3 text-center hidden lg:table-cell text-[var(--text-primary)]\">{tenant.members}</td>\r\n <td className=\"px-4 py-3 text-center hidden lg:table-cell\">\r\n {tenant.requests > 0 ? (\r\n <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\">\r\n <Clock className=\"w-3 h-3\" />\r\n {tenant.requests}\r\n </span>\r\n ) : (\r\n <span className=\"text-[var(--text-tertiary)]\">-</span>\r\n )}\r\n </td>\r\n <td className=\"px-4 py-3 text-center\">\r\n <button className=\"p-1.5 rounded-lg hover:bg-[var(--bg-tertiary)] transition-colors\">\r\n <MoreHorizontal className=\"w-4 h-4 text-[var(--text-tertiary)]\" />\r\n </button>\r\n </td>\r\n </tr>\r\n );\r\n })}\r\n </tbody>\r\n </table>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n {/* Annotations */}\r\n <div className=\"space-y-2\">\r\n <Annotation text={t('interface.annotations.header')} />\r\n <Annotation text={t('interface.annotations.stats')} />\r\n <Annotation text={t('interface.annotations.toolbar')} />\r\n <Annotation text={t('interface.annotations.nameCol')} />\r\n <Annotation text={t('interface.annotations.statusCol')} />\r\n <Annotation text={t('interface.annotations.templateCol')} />\r\n <Annotation text={t('interface.annotations.membersCol')} />\r\n <Annotation text={t('interface.annotations.requestsCol')} />\r\n <Annotation text={t('interface.annotations.actionsCol')} />\r\n </div>\r\n </section>\r\n\r\n {/* ════════════════════════════════════════════════════════════════════ */}\r\n {/* SECTION 4: CREATE FORM - MOCK UI */}\r\n {/* ════════════════════════════════════════════════════════════════════ */}\r\n <section id=\"creation\" className=\"scroll-mt-4\">\r\n <h2 className=\"text-2xl font-bold mb-4 flex items-center gap-2\">\r\n <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm\">4</span>\r\n {t('sections.createForm')}\r\n </h2>\r\n\r\n <p className=\"text-[var(--text-secondary)] mb-4\">{t('form.desc')}</p>\r\n\r\n <div className=\"card p-6 space-y-4\">\r\n {/* Type selection */}\r\n <div>\r\n <div className=\"text-sm font-medium text-[var(--text-secondary)] mb-2\">{t('form.typeLabel')}</div>\r\n <div className=\"p-4 border-2 border-blue-500/40 bg-blue-500/5 rounded-lg flex items-center gap-3\">\r\n <div className=\"p-2 rounded-lg bg-blue-500/10 text-blue-600\">\r\n <User className=\"w-5 h-5\" />\r\n </div>\r\n <div className=\"flex-1\">\r\n <div className=\"font-medium text-[var(--text-primary)]\">Personal (B2C)</div>\r\n <div className=\"text-xs text-[var(--text-secondary)]\">{t('form.b2cDesc')}</div>\r\n </div>\r\n <Check className=\"w-5 h-5 text-blue-600\" />\r\n </div>\r\n </div>\r\n\r\n {/* Tenant details */}\r\n <div className=\"border border-[var(--border-color)] rounded-lg p-4 space-y-3 bg-[var(--bg-secondary)]\">\r\n <div className=\"text-sm font-semibold text-[var(--text-primary)]\">{t('form.tenantDetails')}</div>\r\n <div>\r\n <label className=\"block text-xs font-medium text-[var(--text-secondary)] mb-1\">\r\n <User className=\"w-3.5 h-3.5 inline mr-1\" />{t('form.name')} *\r\n </label>\r\n <input readOnly value=\"Marie Dupont\" className=\"w-full px-3 py-2 text-sm border border-[var(--border-color)] rounded-lg bg-[var(--bg-primary)]\" />\r\n </div>\r\n <div className=\"grid grid-cols-2 gap-3\">\r\n <div>\r\n <label className=\"block text-xs font-medium text-[var(--text-secondary)] mb-1\">\r\n Slug\r\n </label>\r\n <input readOnly value=\"marie-dupont\" className=\"w-full px-3 py-2 text-sm border border-[var(--border-color)] rounded-lg bg-[var(--bg-primary)] font-mono\" />\r\n </div>\r\n <div>\r\n <label className=\"block text-xs font-medium text-[var(--text-secondary)] mb-1\">\r\n <FileText className=\"w-3.5 h-3.5 inline mr-1\" />{t('form.description')}\r\n </label>\r\n <input readOnly value=\"Personal workspace\" className=\"w-full px-3 py-2 text-sm border border-[var(--border-color)] rounded-lg bg-[var(--bg-primary)]\" />\r\n </div>\r\n </div>\r\n </div>\r\n\r\n {/* Optional template selection */}\r\n <div className=\"border border-[var(--border-color)] rounded-lg p-4 space-y-3 bg-[var(--bg-secondary)]\">\r\n <div className=\"text-sm font-semibold text-[var(--text-primary)]\">{t('form.templateSection')}</div>\r\n <p className=\"text-xs text-[var(--text-secondary)]\">{t('form.templateDesc')}</p>\r\n <div className=\"grid grid-cols-2 gap-2\">\r\n <div className=\"p-3 border border-[var(--border-color)] rounded-lg cursor-pointer hover:bg-[var(--bg-hover)]\">\r\n <div className=\"flex items-center gap-2 mb-1\">\r\n <Layers className=\"w-4 h-4 text-[var(--color-primary-600)]\" />\r\n <span className=\"text-sm font-medium\">personal-space</span>\r\n </div>\r\n <p className=\"text-xs text-[var(--text-secondary)]\">{t('form.templateBasic')}</p>\r\n </div>\r\n <div className=\"p-3 border border-[var(--border-color)] rounded-lg cursor-pointer hover:bg-[var(--bg-hover)]\">\r\n <div className=\"flex items-center gap-2 mb-1\">\r\n <Layers className=\"w-4 h-4 text-[var(--color-primary-600)]\" />\r\n <span className=\"text-sm font-medium\">starter-b2c</span>\r\n </div>\r\n <p className=\"text-xs text-[var(--text-secondary)]\">{t('form.templateStarter')}</p>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div className=\"flex gap-3 pt-2\">\r\n <button className=\"px-4 py-2 bg-[var(--color-primary-600)] text-white rounded-lg text-sm font-medium opacity-80\">\r\n {t('form.submit')}\r\n </button>\r\n <button className=\"px-4 py-2 border border-[var(--border-color)] rounded-lg text-sm opacity-80\">\r\n {t('form.cancel')}\r\n </button>\r\n </div>\r\n </div>\r\n\r\n {/* Annotations */}\r\n <div className=\"space-y-2 mt-4\">\r\n <Annotation text={t('form.annotations.type')} />\r\n <Annotation text={t('form.annotations.name')} />\r\n <Annotation text={t('form.annotations.slug')} />\r\n <Annotation text={t('form.annotations.template')} />\r\n </div>\r\n </section>\r\n\r\n {/* ════════════════════════════════════════════════════════════════════ */}\r\n {/* SECTION 5: DETAIL VIEW - MOCK UI */}\r\n {/* ════════════════════════════════════════════════════════════════════ */}\r\n <section id=\"detail\" className=\"scroll-mt-4\">\r\n <h2 className=\"text-2xl font-bold mb-4 flex items-center gap-2\">\r\n <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm\">5</span>\r\n {t('sections.detailView')}\r\n </h2>\r\n\r\n <p className=\"text-[var(--text-secondary)] mb-4\">{t('detail.desc')}</p>\r\n\r\n <div className=\"card overflow-hidden\">\r\n {/* Header */}\r\n <div className=\"p-4 border-b border-[var(--border-color)] flex items-center justify-between\">\r\n <div className=\"flex items-center gap-3\">\r\n <ArrowLeft className=\"w-5 h-5 text-[var(--text-secondary)]\" />\r\n <User className=\"w-6 h-6 text-[var(--color-primary-600)]\" />\r\n <div>\r\n <h3 className=\"text-lg font-semibold text-[var(--text-primary)]\">Marie Dupont</h3>\r\n <p className=\"text-sm text-[var(--text-secondary)]\">marie-dupont</p>\r\n </div>\r\n </div>\r\n <div className=\"flex items-center gap-2\">\r\n <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\">\r\n <PlayCircle className=\"w-4 h-4\" />\r\n {t('detail.statusActive')}\r\n </span>\r\n <span className=\"px-2.5 py-1 rounded-full text-sm bg-blue-500/10 text-blue-700\">Personal</span>\r\n <button className=\"p-2 rounded-lg hover:bg-[var(--bg-hover)]\">\r\n <RefreshCw className=\"w-4 h-4 text-[var(--text-secondary)]\" />\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 {mockDetailTabs.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 {/* Overview 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=\"space-y-3\">\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.overview.template')}</div>\r\n <div className=\"flex items-center gap-2\">\r\n <Layers className=\"w-4 h-4 text-[var(--color-primary-600)]\" />\r\n <span className=\"font-medium\">personal-space</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.overview.members')}</div>\r\n <div className=\"text-2xl font-bold text-[var(--color-primary-600)]\">1</div>\r\n </div>\r\n </div>\r\n <div className=\"space-y-3\">\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.overview.created')}</div>\r\n <div className=\"text-sm text-[var(--text-primary)]\">2024-03-15</div>\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 mt-4\">\r\n <Annotation text={t('detail.annotations.header')} />\r\n <Annotation text={t('detail.annotations.statusBadge')} />\r\n <Annotation text={t('detail.annotations.tabs')} />\r\n <Annotation text={t('detail.annotations.overview')} />\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 = [Search, PlayCircle, User, Layers, Users];\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: 'Config' },\r\n { id: 'BR-003', category: 'Lifecycle' },\r\n { id: 'BR-004', category: 'Lifecycle' },\r\n { id: 'BR-005', category: 'Template' },\r\n { id: 'BR-006', category: 'Organisation' },\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 'bg-red-500/10 text-red-600'\r\n }`}>{ep.method}</span>\r\n </td>\r\n <td className=\"py-2 px-3 font-mono text-xs\">{ep.path}</td>\r\n <td className=\"py-2 px-3 text-[var(--text-secondary)]\">{ep.handler}</td>\r\n </tr>\r\n ))}\r\n </tbody>\r\n </table>\r\n </div>\r\n </div>\r\n </div>\r\n </details>\r\n </section>\r\n\r\n {/* Navigation */}\r\n <div className=\"flex justify-between pt-6 border-t border-[var(--border-color)]\">\r\n <Link\r\n to=\"/docs/business/administration/tenants\"\r\n className=\"flex items-center gap-2 text-[var(--text-secondary)] hover:text-[var(--color-primary-600)]\"\r\n >\r\n <ArrowLeft className=\"w-4 h-4\" />\r\n {t('nav.backToTenants')}\r\n </Link>\r\n <Link\r\n to=\"/docs/business/administration/tenants/template\"\r\n className=\"flex items-center gap-2 text-[var(--color-primary-600)] hover:underline\"\r\n >\r\n {t('nav.toTemplates')}\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":["mockTenants","mockStats","mockDetailTabs","apiEndpoints","statusConfig","StatusIcon","status","jsx","PlayCircle","PauseCircle","Archive","Clock","Annotation","text","jsxs","Info","PersonalTenantsDocPage","t","useTranslation","Link","ArrowLeft","User","Target","Lightbulb","Users","Search","Filter","tenant","sc","Layers","MoreHorizontal","Check","FileText","RefreshCw","tab","i","Icon","rule","ep"],"mappings":"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"}

package/dist/{index-CU66n-zU.js → index-B_lFRwmY.js} RENAMED Viewed

@@ -2,7 +2,7 @@ import { jsxs as t, jsx as e } from "react/jsx-runtime";
 import { useState as m } from "react";
 import { Link as T } from "react-router-dom";
 import { useTranslation as C } from "react-i18next";
-import { Building2 as p, Users as A, Briefcase as P, MapPin as u, ArrowLeft as S, Target as j, Lightbulb as E, ChevronDown as h, Search as k, GitMerge as x, Plus as B, Check as b, Cloud as L, Edit2 as M, PowerOff as G, Power as R, Trash2 as q, AlertTriangle as U, History as $, Info as D } from "lucide-react";
+import { Building2 as p, Users as A, Briefcase as P, MapPin as u, ArrowLeft as S, Target as j, Lightbulb as E, ChevronDown as h, Search as $, GitMerge as x, Plus as k, Check as b, Cloud as B, Edit2 as L, PowerOff as M, Power as G, Trash2 as R, AlertTriangle as q, History as U, Info as D } from "lucide-react";
 const f = [
   { name: "Acme Corporation SA", code: "ACME", description: "Siège principal Suisse", source: "entra", userCount: 42, status: "active" },
   { name: "TechVision GmbH", code: "TECHV", description: "Filiale Allemagne", source: "entra", userCount: 18, status: "active" },
@@ -199,7 +199,7 @@ function Q() {
         }) }),
         /* @__PURE__ */ t("div", { className: "flex items-center gap-3 p-4", children: [
           /* @__PURE__ */ t("div", { className: "relative flex-1 max-w-xs", children: [
-            /* @__PURE__ */ e(k, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--text-tertiary)]" }),
+            /* @__PURE__ */ e($, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--text-tertiary)]" }),
             /* @__PURE__ */ e("div", { className: "pl-9 pr-4 py-2 rounded-lg border border-[var(--border-color)] bg-[var(--bg-primary)] text-sm text-[var(--text-tertiary)]", children: r("interface.searchPlaceholder") })
           ] }),
           /* @__PURE__ */ e("div", { className: "px-3 py-2 rounded-lg border border-[var(--border-color)] bg-[var(--bg-primary)] text-sm text-[var(--text-secondary)]", children: r("interface.statusFilter") }),
@@ -217,7 +217,7 @@ function Q() {
               }
             ),
             /* @__PURE__ */ t("button", { className: "flex items-center gap-2 px-3 py-2 rounded-lg bg-[var(--color-accent-600)] text-white text-sm", children: [
-              /* @__PURE__ */ e(B, { className: "w-4 h-4" }),
+              /* @__PURE__ */ e(k, { className: "w-4 h-4" }),
               r("interface.addButton")
             ] })
           ] })
@@ -243,23 +243,23 @@ function Q() {
               ] }),
               /* @__PURE__ */ e("td", { className: "px-4 py-3", children: /* @__PURE__ */ e("code", { className: "text-xs bg-[var(--bg-secondary)] px-2 py-0.5 rounded", children: a.code }) }),
               /* @__PURE__ */ e("td", { className: "px-4 py-3", children: d ? /* @__PURE__ */ t("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-xs font-medium bg-[var(--info-bg)] text-[var(--info-text)]", children: [
-                /* @__PURE__ */ e(L, { className: "w-3 h-3" }),
+                /* @__PURE__ */ e(B, { className: "w-3 h-3" }),
                 "Entra"
               ] }) : /* @__PURE__ */ e("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-xs font-medium bg-[var(--bg-secondary)] text-[var(--text-secondary)]", children: r("interface.sourceManual") }) }),
               /* @__PURE__ */ e("td", { className: "px-4 py-3 text-[var(--text-primary)]", children: a.userCount }),
               /* @__PURE__ */ e("td", { className: "px-4 py-3", children: /* @__PURE__ */ e("span", { className: `inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-xs font-medium ${l ? "bg-green-500/10 text-green-700 border border-green-500/20" : "bg-[var(--bg-secondary)] text-[var(--text-secondary)] border border-[var(--border-color)]"}`, children: r(l ? "interface.statusActive" : "interface.statusInactive") }) }),
               c === "offices" && /* @__PURE__ */ e("td", { className: "px-4 py-3 text-sm text-[var(--text-secondary)]", children: "city" in a ? `${a.city}, ${a.country}` : "—" }),
               /* @__PURE__ */ e("td", { className: "px-4 py-3", children: /* @__PURE__ */ t("div", { className: "flex items-center justify-end gap-1", children: [
-                !d && /* @__PURE__ */ e("button", { className: "p-1.5 rounded hover:bg-[var(--bg-secondary)] text-[var(--text-secondary)]", children: /* @__PURE__ */ e(M, { className: "w-3.5 h-3.5" }) }),
-                /* @__PURE__ */ e("button", { className: `p-1.5 rounded hover:bg-[var(--bg-secondary)] ${l ? "text-amber-600" : "text-green-600"}`, children: l ? /* @__PURE__ */ e(G, { className: "w-3.5 h-3.5" }) : /* @__PURE__ */ e(R, { className: "w-3.5 h-3.5" }) }),
-                !d && a.userCount === 0 && /* @__PURE__ */ e("button", { className: "p-1.5 rounded hover:bg-[var(--bg-secondary)] text-red-500", children: /* @__PURE__ */ e(q, { className: "w-3.5 h-3.5" }) }),
+                !d && /* @__PURE__ */ e("button", { className: "p-1.5 rounded hover:bg-[var(--bg-secondary)] text-[var(--text-secondary)]", children: /* @__PURE__ */ e(L, { className: "w-3.5 h-3.5" }) }),
+                /* @__PURE__ */ e("button", { className: `p-1.5 rounded hover:bg-[var(--bg-secondary)] ${l ? "text-amber-600" : "text-green-600"}`, children: l ? /* @__PURE__ */ e(M, { className: "w-3.5 h-3.5" }) : /* @__PURE__ */ e(G, { className: "w-3.5 h-3.5" }) }),
+                !d && a.userCount === 0 && /* @__PURE__ */ e("button", { className: "p-1.5 rounded hover:bg-[var(--bg-secondary)] text-red-500", children: /* @__PURE__ */ e(R, { className: "w-3.5 h-3.5" }) }),
                 d && /* @__PURE__ */ e("span", { className: "text-xs text-[var(--text-tertiary)] italic px-2", children: r("interface.entraManaged") })
               ] }) })
-            ] }, i);
+            ] }, `${a.source}-${a.name}-${i}`);
           }) })
         ] }) }) }),
         n && /* @__PURE__ */ t("div", { className: "mx-4 mb-4 p-3 rounded-lg bg-amber-500/10 border border-amber-500/20 flex items-center gap-3", children: [
-          /* @__PURE__ */ e(U, { className: "w-4 h-4 text-amber-600" }),
+          /* @__PURE__ */ e(q, { className: "w-4 h-4 text-amber-600" }),
           /* @__PURE__ */ t("span", { className: "text-sm text-amber-700", children: [
             "1 ",
             r("interface.mergeSelected")
@@ -357,7 +357,7 @@ function Q() {
         ] }),
         /* @__PURE__ */ t("div", { className: "card p-5", children: [
           /* @__PURE__ */ t("h3", { className: "font-semibold mb-3 flex items-center gap-2", children: [
-            /* @__PURE__ */ e($, { className: "w-4 h-4 text-[var(--text-secondary)]" }),
+            /* @__PURE__ */ e(U, { className: "w-4 h-4 text-[var(--text-secondary)]" }),
             r("merge.historyTitle")
           ] }),
           /* @__PURE__ */ e("div", { className: "space-y-3", children: H.map((a, i) => /* @__PURE__ */ t("div", { className: "p-3 rounded-lg bg-[var(--bg-secondary)] border border-[var(--border-color)] text-sm", children: [
@@ -378,7 +378,7 @@ function Q() {
               " · ",
               a.operator
             ] })
-          ] }, i)) })
+          ] }, `merge-${a.date}-${i}`)) })
         ] })
       ] }),
       /* @__PURE__ */ t("div", { className: "space-y-2", children: [
@@ -452,7 +452,7 @@ function Q() {
             /* @__PURE__ */ e("code", { className: "flex-1 text-xs text-[var(--text-primary)] truncate", children: a.path }),
             /* @__PURE__ */ e("span", { className: "text-xs text-[var(--text-tertiary)] hidden lg:block", children: a.handler }),
             /* @__PURE__ */ e("code", { className: "text-xs px-2 py-0.5 rounded bg-[var(--bg-secondary)] text-[var(--text-tertiary)] hidden xl:block", children: a.permission })
-          ] }, i)) })
+          ] }, `ep-${a.method}-${a.path}-${i}`)) })
         ] })
       ] })
     ] })
@@ -461,4 +461,4 @@ function Q() {
 export {
   Q as default
 };
-//# sourceMappingURL=index-CU66n-zU.js.map
+//# sourceMappingURL=index-B_lFRwmY.js.map

package/dist/index-B_lFRwmY.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index-B_lFRwmY.js","sources":["../src/pages/docs/business/platform/administration/users/references/index.tsx"],"sourcesContent":["import { useState} from 'react';\r\nimport type { ReactElement } from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport { useTranslation } from 'react-i18next';\r\nimport {\r\n ArrowLeft,\r\n Building2,\r\n Users,\r\n Briefcase,\r\n MapPin,\r\n Info,\r\n Cloud,\r\n Search,\r\n Plus,\r\n Edit2,\r\n Trash2,\r\n Power,\r\n PowerOff,\r\n GitMerge,\r\n Check,\r\n History,\r\n Target,\r\n Lightbulb,\r\n ChevronDown,\r\n AlertTriangle,\r\n} from 'lucide-react';\r\n\r\n// ── Mock data matching actual ReferencesManagementPage ────────────────────────\r\n\r\ntype MockStatus = 'active' | 'inactive';\r\ntype MockSource = 'entra' | 'manual';\r\ntype MockTab = 'companies' | 'departments' | 'jobTitles' | 'offices';\r\n\r\nconst mockCompanies: Array<{\r\n name: string;\r\n code: string;\r\n description: string;\r\n source: MockSource;\r\n userCount: number;\r\n status: MockStatus;\r\n}> = [\r\n { name: 'Acme Corporation SA', code: 'ACME', description: 'Siège principal Suisse', source: 'entra', userCount: 42, status: 'active' },\r\n { name: 'TechVision GmbH', code: 'TECHV', description: 'Filiale Allemagne', source: 'entra', userCount: 18, status: 'active' },\r\n { name: 'InnoSuisse Sàrl', code: 'INNOS', description: 'Division Innovation', source: 'manual', userCount: 7, status: 'active' },\r\n { name: 'DataCorp SAS', code: 'DATAC', description: '', source: 'manual', userCount: 0, status: 'inactive' },\r\n { name: 'AlphaNet BV', code: 'ALPHA', description: 'Partenaire Benelux', source: 'manual', userCount: 3, status: 'active' },\r\n];\r\n\r\nconst mockOffices: Array<{\r\n name: string;\r\n code: string;\r\n city: string;\r\n country: string;\r\n source: MockSource;\r\n userCount: number;\r\n status: MockStatus;\r\n}> = [\r\n { name: 'Siège Zurich', code: 'ZRH', city: 'Zurich', country: 'CH', source: 'entra', userCount: 34, status: 'active' },\r\n { name: 'Bureau Genève', code: 'GVA', city: 'Genève', country: 'CH', source: 'manual', userCount: 12, status: 'active' },\r\n { name: 'Office Berlin', code: 'BER', city: 'Berlin', country: 'DE', source: 'entra', userCount: 8, status: 'active' },\r\n];\r\n\r\nconst mockMergeHistory: Array<{\r\n date: string;\r\n target: string;\r\n sources: string[];\r\n usersAffected: number;\r\n operator: string;\r\n}> = [\r\n { date: '2026-02-20', target: 'TechVision GmbH', sources: ['TechVision AG', 'TechVision Ltd'], usersAffected: 6, operator: 'admin@acme.ch' },\r\n { date: '2026-01-15', target: 'Département Marketing', sources: ['Marketing Digital'], usersAffected: 3, operator: 'rh@acme.ch' },\r\n];\r\n\r\nconst apiEndpoints = [\r\n { method: 'GET' as const, path: '/api/administration/users/references/companies', handler: 'GetCompanies', permission: 'administration.users.read' },\r\n { method: 'POST' as const, path: '/api/administration/users/references/companies', handler: 'CreateCompany', permission: 'administration.users.update' },\r\n { method: 'PUT' as const, path: '/api/administration/users/references/companies/{id}', handler: 'UpdateCompany', permission: 'administration.users.update' },\r\n { method: 'PATCH' as const, path: '/api/administration/users/references/companies/{id}/activate', handler: 'ActivateCompany', permission: 'administration.users.update' },\r\n { method: 'PATCH' as const, path: '/api/administration/users/references/companies/{id}/deactivate', handler: 'DeactivateCompany', permission: 'administration.users.update' },\r\n { method: 'DELETE' as const, path: '/api/administration/users/references/companies/{id}', handler: 'DeleteCompany', permission: 'administration.users.delete' },\r\n { method: 'GET' as const, path: '/api/administration/users/references/departments', handler: 'GetDepartments', permission: 'administration.users.read' },\r\n { method: 'POST' as const, path: '/api/administration/users/references/departments', handler: 'CreateDepartment', permission: 'administration.users.update' },\r\n { method: 'PUT' as const, path: '/api/administration/users/references/departments/{id}', handler: 'UpdateDepartment', permission: 'administration.users.update' },\r\n { method: 'GET' as const, path: '/api/administration/users/references/job-titles', handler: 'GetJobTitles', permission: 'administration.users.read' },\r\n { method: 'POST' as const, path: '/api/administration/users/references/job-titles', handler: 'CreateJobTitle', permission: 'administration.users.update' },\r\n { method: 'PUT' as const, path: '/api/administration/users/references/job-titles/{id}', handler: 'UpdateJobTitle', permission: 'administration.users.update' },\r\n { method: 'GET' as const, path: '/api/administration/users/references/offices', handler: 'GetOffices', permission: 'administration.users.read' },\r\n { method: 'POST' as const, path: '/api/administration/users/references/offices', handler: 'CreateOffice', permission: 'administration.users.update' },\r\n { method: 'PUT' as const, path: '/api/administration/users/references/offices/{id}', handler: 'UpdateOffice', permission: 'administration.users.update' },\r\n { method: 'POST' as const, path: '/api/administration/users/references/merge', handler: 'MergeReferences', permission: 'administration.users.update' },\r\n { method: 'POST' as const, path: '/api/administration/users/references/merge/preview', handler: 'PreviewMerge', permission: 'administration.users.read' },\r\n { method: 'GET' as const, path: '/api/administration/users/references/merge/history', handler: 'GetMergeHistory', permission: 'administration.users.read' },\r\n];\r\n\r\nconst businessRules = [\r\n { id: 'BR-001', category: 'Validation', statement: 'Le code est obligatoire à la création et ne peut pas être modifié après coup — il sert d\\'identifiant technique unique.' },\r\n { id: 'BR-002', category: 'Validation', statement: 'Le nom d\\'affichage est obligatoire pour toute référence (société, département, poste, bureau).' },\r\n { id: 'BR-003', category: 'Scope', statement: 'Les référentiels sont strictement scoped au tenant sélectionné — aucune vue globale multi-tenant n\\'est possible.' },\r\n { id: 'BR-004', category: 'Sécurité', statement: 'Les références synchronisées depuis Microsoft Entra ID sont en lecture seule : nom et code ne peuvent pas être modifiés manuellement.' },\r\n { id: 'BR-005', category: 'Logique métier', statement: 'Une référence ne peut être supprimée que si aucun utilisateur ne lui est affecté (userCount = 0). Une référence Entra ne peut jamais être supprimée manuellement.' },\r\n { id: 'BR-006', category: 'Fusion', statement: 'La fusion (Merge) transfère tous les utilisateurs des référentiels source vers la référence cible, puis désactive les sources fusionnées.' },\r\n { id: 'BR-007', category: 'Fusion', statement: 'Une prévisualisation est disponible avant toute fusion : elle indique le nombre exact d\\'utilisateurs qui seront réaffectés.' },\r\n { id: 'BR-008', category: 'Bureaux', statement: 'Les bureaux disposent de champs supplémentaires (adresse, ville, pays) qui n\\'existent pas pour les autres types de référentiel.' },\r\n { id: 'BR-009', category: 'Logique métier', statement: 'Une référence désactivée reste visible dans la liste mais n\\'est plus proposée lors de l\\'affectation des utilisateurs.' },\r\n];\r\n\r\nconst methodColors: Record<string, string> = {\r\n GET: 'bg-blue-500/10 text-blue-700 border-blue-500/20',\r\n POST: 'bg-green-500/10 text-green-700 border-green-500/20',\r\n PUT: 'bg-amber-500/10 text-amber-700 border-amber-500/20',\r\n PATCH: 'bg-purple-500/10 text-purple-700 border-purple-500/20',\r\n DELETE: 'bg-red-500/10 text-red-700 border-red-500/20',\r\n};\r\n\r\nconst categoryColors: Record<string, string> = {\r\n Validation: 'bg-blue-500/10 text-blue-700',\r\n Scope: 'bg-purple-500/10 text-purple-700',\r\n Sécurité: 'bg-red-500/10 text-red-700',\r\n 'Logique métier': 'bg-green-500/10 text-green-700',\r\n Fusion: 'bg-amber-500/10 text-amber-700',\r\n Bureaux: 'bg-teal-500/10 text-teal-700',\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 UsersReferencesDocPage(): ReactElement {\r\n const { t } = useTranslation('docsAdministrationUsersReferences');\r\n const [activeTab, setActiveTab] = useState<MockTab>('companies');\r\n const [showMergeMode, setShowMergeMode] = useState(false);\r\n const [techOpen, setTechOpen] = useState(false);\r\n\r\n const tabs: Array<{ id: MockTab; label: string; icon: React.ElementType; count: number }> = [\r\n { id: 'companies', label: t('tabs.companies'), icon: Building2, count: mockCompanies.length },\r\n { id: 'departments', label: t('tabs.departments'), icon: Users, count: 8 },\r\n { id: 'jobTitles', label: t('tabs.jobTitles'), icon: Briefcase, count: 12 },\r\n { id: 'offices', label: t('tabs.offices'), icon: MapPin, count: mockOffices.length },\r\n ];\r\n\r\n return (\r\n <div className=\"space-y-8\">\r\n\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 <Building2 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>9 {t('header.businessRules')}</span>\r\n <span>18 {t('header.apiEndpoints')}</span>\r\n <span>4 {t('header.referenceTypes')}</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\">{t('access.usersModule')}</span>\r\n <span className=\"text-[var(--text-tertiary)]\">›</span>\r\n <span className=\"px-3 py-1.5 rounded-lg bg-amber-500/10 text-amber-700 font-medium\">{t('title')}</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/references</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.read</code>\r\n </div>\r\n </div>\r\n </section>\r\n\r\n {/* ════════════════════════════════════════════════════════════════════ */}\r\n {/* SECTION 3: INTERFACE OVERVIEW - MOCK UI */}\r\n {/* ════════════════════════════════════════════════════════════════════ */}\r\n <section id=\"interface\" className=\"scroll-mt-4\">\r\n <h2 className=\"text-2xl font-bold mb-4 flex items-center gap-2\">\r\n <span className=\"w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm\">3</span>\r\n {t('sections.interface')}\r\n </h2>\r\n\r\n <p className=\"text-[var(--text-secondary)] mb-4\">{t('interface.desc')}</p>\r\n\r\n {/* Mock UI */}\r\n <div className=\"card overflow-hidden mb-4\">\r\n\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-2\">\r\n <span>Administration</span>\r\n <span>›</span>\r\n <span>{t('access.usersModule')}</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>\r\n <h3 className=\"text-lg font-semibold\">{t('title')}</h3>\r\n <p className=\"text-sm text-[var(--text-secondary)]\">{t('interface.headerSubtitle')}</p>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n {/* Tenant scope selector */}\r\n <div className=\"px-4 pt-4 pb-2\">\r\n <div className=\"flex items-center gap-3 p-3 rounded-lg border border-[var(--border-color)] bg-[var(--bg-secondary)] text-sm\">\r\n <Building2 className=\"w-4 h-4 text-[var(--text-secondary)]\" />\r\n <span className=\"font-medium text-[var(--text-primary)]\">Acme Corp SA</span>\r\n <ChevronDown className=\"w-4 h-4 text-[var(--text-tertiary)] ml-auto\" />\r\n </div>\r\n </div>\r\n\r\n {/* Tabs */}\r\n <div className=\"flex gap-0 border-b border-[var(--border-color)] px-4\">\r\n {tabs.map((tab) => {\r\n const Icon = tab.icon;\r\n return (\r\n <button\r\n key={tab.id}\r\n onClick={() => setActiveTab(tab.id)}\r\n className={`flex items-center gap-2 px-4 py-3 text-sm font-medium transition-colors border-b-2 -mb-px ${\r\n activeTab === tab.id\r\n ? 'border-[var(--color-accent-500)] text-[var(--color-accent-600)]'\r\n : 'border-transparent text-[var(--text-secondary)]'\r\n }`}\r\n >\r\n <Icon className=\"w-4 h-4\" />\r\n {tab.label}\r\n <span className=\"text-xs px-1.5 py-0.5 rounded-full bg-[var(--bg-secondary)] text-[var(--text-secondary)]\">\r\n {tab.count}\r\n </span>\r\n </button>\r\n );\r\n })}\r\n </div>\r\n\r\n {/* Toolbar */}\r\n <div className=\"flex items-center gap-3 p-4\">\r\n <div className=\"relative flex-1 max-w-xs\">\r\n <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--text-tertiary)]\" />\r\n <div className=\"pl-9 pr-4 py-2 rounded-lg border border-[var(--border-color)] bg-[var(--bg-primary)] text-sm text-[var(--text-tertiary)]\">\r\n {t('interface.searchPlaceholder')}\r\n </div>\r\n </div>\r\n <div className=\"px-3 py-2 rounded-lg border border-[var(--border-color)] bg-[var(--bg-primary)] text-sm text-[var(--text-secondary)]\">\r\n {t('interface.statusFilter')}\r\n </div>\r\n <div className=\"px-3 py-2 rounded-lg border border-[var(--border-color)] bg-[var(--bg-primary)] text-sm text-[var(--text-secondary)]\">\r\n {t('interface.sourceFilter')}\r\n </div>\r\n <div className=\"flex items-center gap-1 ml-auto\">\r\n <button\r\n onClick={() => setShowMergeMode(!showMergeMode)}\r\n className={`flex items-center gap-2 px-3 py-2 rounded-lg text-sm border transition-colors ${\r\n showMergeMode\r\n ? 'bg-amber-500/10 text-amber-700 border-amber-500/20'\r\n : 'bg-[var(--bg-secondary)] text-[var(--text-secondary)] border-[var(--border-color)]'\r\n }`}\r\n >\r\n <GitMerge className=\"w-4 h-4\" />\r\n {t('interface.mergeMode')}\r\n </button>\r\n <button className=\"flex items-center gap-2 px-3 py-2 rounded-lg bg-[var(--color-accent-600)] text-white text-sm\">\r\n <Plus className=\"w-4 h-4\" />\r\n {t('interface.addButton')}\r\n </button>\r\n </div>\r\n </div>\r\n\r\n {/* Table */}\r\n <div className=\"px-4 pb-4\">\r\n <div className=\"border border-[var(--border-color)] rounded-lg overflow-hidden\">\r\n <table className=\"w-full text-sm\">\r\n <thead className=\"bg-[var(--bg-secondary)]\">\r\n <tr>\r\n {showMergeMode && <th className=\"w-10 px-4 py-3\"></th>}\r\n <th className=\"text-left px-4 py-3 text-xs font-semibold text-[var(--text-tertiary)] uppercase\">{t('interface.columns.name')}</th>\r\n <th className=\"text-left px-4 py-3 text-xs font-semibold text-[var(--text-tertiary)] uppercase\">{t('interface.columns.code')}</th>\r\n <th className=\"text-left px-4 py-3 text-xs font-semibold text-[var(--text-tertiary)] uppercase\">{t('interface.columns.source')}</th>\r\n <th className=\"text-left px-4 py-3 text-xs font-semibold text-[var(--text-tertiary)] uppercase\">{t('interface.columns.users')}</th>\r\n <th className=\"text-left px-4 py-3 text-xs font-semibold text-[var(--text-tertiary)] uppercase\">{t('interface.columns.status')}</th>\r\n {activeTab === 'offices' && (\r\n <th className=\"text-left px-4 py-3 text-xs font-semibold text-[var(--text-tertiary)] uppercase\">{t('interface.columns.location')}</th>\r\n )}\r\n <th className=\"text-right px-4 py-3 text-xs font-semibold text-[var(--text-tertiary)] uppercase\">{t('interface.columns.actions')}</th>\r\n </tr>\r\n </thead>\r\n <tbody className=\"divide-y divide-[var(--border-color)]\">\r\n {(activeTab === 'offices' ? mockOffices : mockCompanies).map((item, i) => {\r\n const isEntra = item.source === 'entra';\r\n const isActive = item.status === 'active';\r\n return (\r\n <tr key={`${item.source}-${item.name}-${i}`} className=\"hover:bg-[var(--bg-hover)] transition-colors\">\r\n {showMergeMode && (\r\n <td className=\"px-4 py-3\">\r\n <div className={`w-4 h-4 rounded border-2 ${i === 1 ? 'bg-[var(--color-accent-500)] border-[var(--color-accent-500)]' : 'border-[var(--border-color)]'} flex items-center justify-center`}>\r\n {i === 1 && <Check className=\"w-3 h-3 text-white\" />}\r\n </div>\r\n </td>\r\n )}\r\n <td className=\"px-4 py-3\">\r\n <div className=\"font-medium text-[var(--text-primary)]\">{item.name}</div>\r\n {'description' in item && item.description && (\r\n <div className=\"text-xs text-[var(--text-tertiary)]\">{item.description}</div>\r\n )}\r\n </td>\r\n <td className=\"px-4 py-3\">\r\n <code className=\"text-xs bg-[var(--bg-secondary)] px-2 py-0.5 rounded\">{item.code}</code>\r\n </td>\r\n <td className=\"px-4 py-3\">\r\n {isEntra ? (\r\n <span className=\"inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-xs font-medium bg-[var(--info-bg)] text-[var(--info-text)]\">\r\n <Cloud className=\"w-3 h-3\" />\r\n Entra\r\n </span>\r\n ) : (\r\n <span className=\"inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-xs font-medium bg-[var(--bg-secondary)] text-[var(--text-secondary)]\">\r\n {t('interface.sourceManual')}\r\n </span>\r\n )}\r\n </td>\r\n <td className=\"px-4 py-3 text-[var(--text-primary)]\">{item.userCount}</td>\r\n <td className=\"px-4 py-3\">\r\n <span className={`inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-xs font-medium ${\r\n isActive\r\n ? 'bg-green-500/10 text-green-700 border border-green-500/20'\r\n : 'bg-[var(--bg-secondary)] text-[var(--text-secondary)] border border-[var(--border-color)]'\r\n }`}>\r\n {isActive ? t('interface.statusActive') : t('interface.statusInactive')}\r\n </span>\r\n </td>\r\n {activeTab === 'offices' && (\r\n <td className=\"px-4 py-3 text-sm text-[var(--text-secondary)]\">\r\n {'city' in item ? `${item.city}, ${item.country}` : '—'}\r\n </td>\r\n )}\r\n <td className=\"px-4 py-3\">\r\n <div className=\"flex items-center justify-end gap-1\">\r\n {!isEntra && (\r\n <button className=\"p-1.5 rounded hover:bg-[var(--bg-secondary)] text-[var(--text-secondary)]\">\r\n <Edit2 className=\"w-3.5 h-3.5\" />\r\n </button>\r\n )}\r\n <button className={`p-1.5 rounded hover:bg-[var(--bg-secondary)] ${isActive ? 'text-amber-600' : 'text-green-600'}`}>\r\n {isActive ? <PowerOff className=\"w-3.5 h-3.5\" /> : <Power className=\"w-3.5 h-3.5\" />}\r\n </button>\r\n {!isEntra && item.userCount === 0 && (\r\n <button className=\"p-1.5 rounded hover:bg-[var(--bg-secondary)] text-red-500\">\r\n <Trash2 className=\"w-3.5 h-3.5\" />\r\n </button>\r\n )}\r\n {isEntra && (\r\n <span className=\"text-xs text-[var(--text-tertiary)] italic px-2\">{t('interface.entraManaged')}</span>\r\n )}\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 {/* Merge action bar (visible in merge mode) */}\r\n {showMergeMode && (\r\n <div className=\"mx-4 mb-4 p-3 rounded-lg bg-amber-500/10 border border-amber-500/20 flex items-center gap-3\">\r\n <AlertTriangle className=\"w-4 h-4 text-amber-600\" />\r\n <span className=\"text-sm text-amber-700\">1 {t('interface.mergeSelected')}</span>\r\n <button className=\"ml-auto flex items-center gap-2 px-3 py-1.5 rounded-lg bg-amber-600 text-white text-sm\">\r\n <GitMerge className=\"w-4 h-4\" />\r\n {t('interface.mergeTo')}\r\n </button>\r\n </div>\r\n )}\r\n </div>\r\n\r\n <div className=\"space-y-2\">\r\n <Annotation text={t('annotations.tenantScope')} />\r\n <Annotation text={t('annotations.tabs')} />\r\n <Annotation text={t('annotations.entraProtection')} />\r\n <Annotation text={t('annotations.deleteCondition')} />\r\n <Annotation text={t('annotations.mergeMode')} />\r\n </div>\r\n </section>\r\n\r\n {/* ════════════════════════════════════════════════════════════════════ */}\r\n {/* SECTION 4: CREATE FORM */}\r\n {/* ════════════════════════════════════════════════════════════════════ */}\r\n <section id=\"formulaire\" 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 {/* Mock create form */}\r\n <div className=\"card p-6 mb-4 max-w-lg\">\r\n <h3 className=\"text-lg font-semibold mb-4\">{t('form.title')}</h3>\r\n\r\n <div className=\"space-y-4\">\r\n <div>\r\n <label className=\"block text-sm font-medium text-[var(--text-secondary)] mb-1\">\r\n {t('form.codeLabel')} *\r\n </label>\r\n <div className=\"px-3 py-2 rounded-lg border border-[var(--border-color)] bg-[var(--bg-secondary)] text-sm text-[var(--text-tertiary)]\">\r\n {t('form.codePlaceholder')}\r\n </div>\r\n <p className=\"text-xs text-[var(--text-tertiary)] mt-1\">{t('form.codeHint')}</p>\r\n </div>\r\n\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 <div className=\"px-3 py-2 rounded-lg border border-[var(--color-accent-500)] bg-[var(--bg-primary)] text-sm text-[var(--text-primary)]\">\r\n Acme Corporation SA\r\n </div>\r\n </div>\r\n\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 <div className=\"px-3 py-2 rounded-lg border border-[var(--border-color)] bg-[var(--bg-primary)] text-sm text-[var(--text-tertiary)] h-16\">\r\n {t('form.descriptionPlaceholder')}\r\n </div>\r\n </div>\r\n\r\n {/* Office-specific fields hint */}\r\n <div className=\"p-3 rounded-lg bg-[var(--bg-secondary)] border border-[var(--border-color)] text-xs text-[var(--text-secondary)]\">\r\n <MapPin className=\"w-3.5 h-3.5 inline mr-1\" />\r\n {t('form.officeFieldsNote')}\r\n </div>\r\n </div>\r\n\r\n <div className=\"flex justify-end gap-3 mt-6\">\r\n <button className=\"px-4 py-2 rounded-lg bg-[var(--bg-secondary)] text-[var(--text-secondary)] text-sm\">\r\n {t('form.cancel')}\r\n </button>\r\n <button className=\"px-4 py-2 rounded-lg bg-[var(--color-accent-600)] text-white text-sm\">\r\n {t('form.save')}\r\n </button>\r\n </div>\r\n </div>\r\n\r\n <div className=\"space-y-2\">\r\n <Annotation text={t('annotations.codeImmutable')} />\r\n <Annotation text={t('annotations.officeExtraFields')} />\r\n </div>\r\n </section>\r\n\r\n {/* ════════════════════════════════════════════════════════════════════ */}\r\n {/* SECTION 5: MERGE FEATURE */}\r\n {/* ════════════════════════════════════════════════════════════════════ */}\r\n <section id=\"fusion\" 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.mergeFeature')}\r\n </h2>\r\n\r\n <p className=\"text-[var(--text-secondary)] mb-4\">{t('merge.desc')}</p>\r\n\r\n <div className=\"grid md:grid-cols-2 gap-6 mb-4\">\r\n {/* Merge modal mock */}\r\n <div className=\"card p-5\">\r\n <h3 className=\"font-semibold mb-3 flex items-center gap-2\">\r\n <GitMerge className=\"w-4 h-4 text-amber-600\" />\r\n {t('merge.previewTitle')}\r\n </h3>\r\n <div className=\"space-y-3 text-sm\">\r\n <div>\r\n <div className=\"text-[var(--text-secondary)] mb-1\">{t('merge.target')}</div>\r\n <div className=\"p-2 rounded-lg bg-green-500/10 border border-green-500/20 font-medium text-green-700\">TechVision GmbH</div>\r\n </div>\r\n <div>\r\n <div className=\"text-[var(--text-secondary)] mb-1\">{t('merge.sources')}</div>\r\n <div className=\"space-y-1\">\r\n <div className=\"p-2 rounded-lg bg-red-500/5 border border-red-500/15 text-[var(--text-primary)]\">TechVision AG</div>\r\n <div className=\"p-2 rounded-lg bg-red-500/5 border border-red-500/15 text-[var(--text-primary)]\">TechVision Ltd</div>\r\n </div>\r\n </div>\r\n <div className=\"p-3 rounded-lg bg-amber-500/10 border border-amber-500/20 text-amber-700\">\r\n <span className=\"font-semibold\">6 {t('merge.usersAffected')}</span> — {t('merge.usersWillBeReassigned')}\r\n </div>\r\n </div>\r\n </div>\r\n\r\n {/* Merge history mock */}\r\n <div className=\"card p-5\">\r\n <h3 className=\"font-semibold mb-3 flex items-center gap-2\">\r\n <History className=\"w-4 h-4 text-[var(--text-secondary)]\" />\r\n {t('merge.historyTitle')}\r\n </h3>\r\n <div className=\"space-y-3\">\r\n {mockMergeHistory.map((h, i) => (\r\n <div key={`merge-${h.date}-${i}`} className=\"p-3 rounded-lg bg-[var(--bg-secondary)] border border-[var(--border-color)] text-sm\">\r\n <div className=\"flex items-start justify-between\">\r\n <div>\r\n <div className=\"font-medium text-[var(--text-primary)]\">{h.target}</div>\r\n <div className=\"text-xs text-[var(--text-tertiary)]\">← {h.sources.join(', ')}</div>\r\n </div>\r\n <span className=\"text-xs text-[var(--text-tertiary)]\">{h.date}</span>\r\n </div>\r\n <div className=\"mt-1 text-xs text-[var(--text-secondary)]\">\r\n {h.usersAffected} {t('merge.usersAffected')} · {h.operator}\r\n </div>\r\n </div>\r\n ))}\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div className=\"space-y-2\">\r\n <Annotation text={t('annotations.mergePreview')} />\r\n <Annotation text={t('annotations.mergeHistory')} />\r\n <Annotation text={t('annotations.mergeIrreversible')} />\r\n </div>\r\n </section>\r\n\r\n {/* ════════════════════════════════════════════════════════════════════ */}\r\n {/* SECTION 6: USE CASES */}\r\n {/* ════════════════════════════════════════════════════════════════════ */}\r\n <section id=\"usecases\" 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 md:grid-cols-3 gap-4\">\r\n {(['uc1', 'uc2', 'uc3'] as const).map((uc) => (\r\n <div key={uc} className=\"card p-5\">\r\n <div className=\"font-semibold mb-1 text-[var(--color-primary-600)]\">{t(`useCases.${uc}.persona`)}</div>\r\n <div className=\"text-sm font-medium text-[var(--text-primary)] mb-2\">{t(`useCases.${uc}.goal`)}</div>\r\n <p className=\"text-sm text-[var(--text-secondary)]\">{t(`useCases.${uc}.scenario`)}</p>\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=\"grid md:grid-cols-2 gap-4\">\r\n {(['f1', 'f2', 'f3', 'f4', 'f5'] as const).map((f) => (\r\n <div key={f} className=\"card p-5 flex gap-3\">\r\n <div className=\"w-8 h-8 rounded-lg bg-[var(--color-primary-600)]/10 flex items-center justify-center flex-shrink-0\">\r\n <Check className=\"w-4 h-4 text-[var(--color-primary-600)]\" />\r\n </div>\r\n <div>\r\n <div className=\"font-medium text-[var(--text-primary)] mb-1\">{t(`features.${f}.title`)}</div>\r\n <p className=\"text-sm text-[var(--text-secondary)]\">{t(`features.${f}.desc`)}</p>\r\n </div>\r\n </div>\r\n ))}\r\n </div>\r\n </section>\r\n\r\n {/* ════════════════════════════════════════════════════════════════════ */}\r\n {/* SECTION 8: FAQ */}\r\n {/* ════════════════════════════════════════════════════════════════════ */}\r\n <section 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 {(['q1', 'q2', 'q3', 'q4', 'q5'] as const).map((q) => (\r\n <div key={q} className=\"card p-5\">\r\n <h3 className=\"font-medium text-[var(--text-primary)] mb-2\">{t(`faq.${q}.question`)}</h3>\r\n <p className=\"text-sm text-[var(--text-secondary)]\">{t(`faq.${q}.answer`)}</p>\r\n </div>\r\n ))}\r\n </div>\r\n </section>\r\n\r\n {/* ════════════════════════════════════════════════════════════════════ */}\r\n {/* SECTION 9: TECHNICAL REFERENCE */}\r\n {/* ════════════════════════════════════════════════════════════════════ */}\r\n <section id=\"technique\" className=\"scroll-mt-4\">\r\n <button\r\n onClick={() => setTechOpen(!techOpen)}\r\n className=\"w-full flex items-center justify-between text-2xl font-bold p-4 card hover:bg-[var(--bg-secondary)] transition-colors\"\r\n >\r\n <div className=\"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\">9</span>\r\n {t('sections.technicalRef')}\r\n </div>\r\n <ChevronDown className={`w-5 h-5 text-[var(--text-secondary)] transition-transform ${techOpen ? 'rotate-180' : ''}`} />\r\n </button>\r\n\r\n {techOpen && (\r\n <div className=\"card p-6 mt-2 space-y-6\">\r\n {/* Business Rules */}\r\n <div>\r\n <h3 className=\"font-semibold text-lg mb-3\">{t('tech.businessRules')}</h3>\r\n <div className=\"space-y-2\">\r\n {businessRules.map((br) => (\r\n <div key={br.id} className=\"flex items-start gap-3 p-3 rounded-lg border border-[var(--border-color)]\">\r\n <code className=\"text-xs px-2 py-0.5 rounded bg-[var(--bg-secondary)] text-[var(--text-secondary)] flex-shrink-0 mt-0.5\">{br.id}</code>\r\n <span className={`text-xs px-2 py-0.5 rounded font-medium flex-shrink-0 mt-0.5 ${categoryColors[br.category] || 'bg-gray-100 text-gray-600'}`}>{br.category}</span>\r\n <p className=\"text-sm text-[var(--text-secondary)]\">{br.statement}</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 text-lg mb-3\">{t('tech.apiEndpoints')}</h3>\r\n <div className=\"space-y-1.5\">\r\n {apiEndpoints.map((ep, i) => (\r\n <div key={`ep-${ep.method}-${ep.path}-${i}`} className=\"flex items-center gap-3 text-sm p-2 rounded-lg hover:bg-[var(--bg-secondary)] transition-colors\">\r\n <span className={`px-2 py-0.5 rounded text-xs font-mono font-bold border ${methodColors[ep.method]}`}>{ep.method}</span>\r\n <code className=\"flex-1 text-xs text-[var(--text-primary)] truncate\">{ep.path}</code>\r\n <span className=\"text-xs text-[var(--text-tertiary)] hidden lg:block\">{ep.handler}</span>\r\n <code className=\"text-xs px-2 py-0.5 rounded bg-[var(--bg-secondary)] text-[var(--text-tertiary)] hidden xl:block\">{ep.permission}</code>\r\n </div>\r\n ))}\r\n </div>\r\n </div>\r\n </div>\r\n )}\r\n </section>\r\n\r\n </div>\r\n );\r\n}\r\n"],"names":["mockCompanies","mockOffices","mockMergeHistory","apiEndpoints","businessRules","methodColors","categoryColors","Annotation","text","jsxs","jsx","Info","UsersReferencesDocPage","t","useTranslation","activeTab","setActiveTab","useState","showMergeMode","setShowMergeMode","techOpen","setTechOpen","tabs","Building2","Users","Briefcase","MapPin","Link","ArrowLeft","Target","Lightbulb","ChevronDown","tab","Icon","Search","GitMerge","Plus","item","isEntra","isActive","Check","Cloud","Edit2","PowerOff","Power","Trash2","AlertTriangle","History","h","uc","f","q","br","ep"],"mappings":"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"}