@atlashub/smartstack 3.10.0 → 3.14.0

package/dist/{DocRenderer-CcEn1iaa.js → DocRenderer-C5pM9SWP.js}

@@ -1,22 +1,22 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
 import { useMemo as v } from "react";
 import { Link as b } from "react-router-dom";
 import { useTranslation as N } from "react-i18next";
-import { ArrowLeft as u, Target as g, Lightbulb as y, Users as m, XCircle as o, CheckCircle as d, Zap as h, Gauge as w, Shield as j, DollarSign as A, TrendingUp as q, Clock as C } from "lucide-react";
-function K({ data: r, backPath: a = "/docs", backLabel: x = "nav.backToDocs", i18nNamespace: p = "docs" }) {
+import { ArrowLeft as g, Target as u, Lightbulb as y, Users as m, XCircle as o, CheckCircle as d, Zap as h, Gauge as w, Shield as j, DollarSign as A, TrendingUp as q, Clock as C } from "lucide-react";
+function k({ data: l, backPath: a = "/docs", backLabel: x = "nav.backToDocs", i18nNamespace: p = "docs" }) {
   const { t } = N([p, "docs"]), i = v(() => {
     let s = 0;
     return {
       valeur: ++s,
-      useCases: r.useCases?.length ? ++s : 0,
-      benefits: r.benefits?.length ? ++s : 0,
-      beforeAfter: r.beforeAfter ? ++s : 0,
-      features: r.features?.length ? ++s : 0,
-      steps: r.steps?.length ? ++s : 0,
-      faq: r.faq?.length ? ++s : 0,
-      reference: r.businessRules || r.permissions || r.apiEndpoints ? ++s : 0
+      useCases: l.useCases?.length ? ++s : 0,
+      benefits: l.benefits?.length ? ++s : 0,
+      beforeAfter: l.beforeAfter ? ++s : 0,
+      features: l.features?.length ? ++s : 0,
+      steps: l.steps?.length ? ++s : 0,
+      faq: l.faq?.length ? ++s : 0,
+      reference: l.businessRules || l.permissions || l.apiEndpoints ? ++s : 0
     };
-  }, [r]), f = (s) => {
+  }, [l]), f = (s) => {
     switch (s) {
       case "time":
         return /* @__PURE__ */ e(C, { className: "w-8 h-8 text-blue-600" });
@@ -34,157 +34,157 @@ function K({ data: r, backPath: a = "/docs", backLabel: x = "nav.backToDocs", i1
         return /* @__PURE__ */ e(w, { className: "w-8 h-8 text-gray-600" });
     }
   };
-  return /* @__PURE__ */ l("div", { className: "space-y-8", children: [
-    a && /* @__PURE__ */ l(
+  return /* @__PURE__ */ r("div", { className: "space-y-8", children: [
+    a && /* @__PURE__ */ r(
       b,
       {
         to: a,
         className: "inline-flex items-center gap-2 text-[var(--text-secondary)] hover:text-[var(--color-primary-600)] transition-colors",
         children: [
-          /* @__PURE__ */ e(u, { className: "w-4 h-4" }),
+          /* @__PURE__ */ e(g, { className: "w-4 h-4" }),
           t(x)
         ]
       }
     ),
-    /* @__PURE__ */ l("div", { children: [
-      /* @__PURE__ */ e("h1", { className: "text-3xl font-bold mb-4", children: r.overview.title ? t(r.overview.title) : t(r.overview.objective) }),
-      r.overview.title && /* @__PURE__ */ e("p", { className: "text-lg text-[var(--text-secondary)] mb-2", children: t(r.overview.objective) }),
-      /* @__PURE__ */ e("p", { className: "text-xl text-[var(--color-primary-600)] font-medium mb-2", children: t(r.overview.solution) }),
-      r.overview.stats && /* @__PURE__ */ l("div", { className: "flex gap-4 text-sm text-[var(--text-secondary)]", children: [
-        r.overview.stats.useCases && /* @__PURE__ */ l("span", { children: [
-          r.overview.stats.useCases,
+    /* @__PURE__ */ r("div", { children: [
+      /* @__PURE__ */ e("h1", { className: "text-3xl font-bold mb-4", children: l.overview.title ? t(l.overview.title) : t(l.overview.objective) }),
+      l.overview.title && /* @__PURE__ */ e("p", { className: "text-lg text-[var(--text-secondary)] mb-2", children: t(l.overview.objective) }),
+      /* @__PURE__ */ e("p", { className: "text-xl text-[var(--color-primary-600)] font-medium mb-2", children: t(l.overview.solution) }),
+      l.overview.stats && /* @__PURE__ */ r("div", { className: "flex gap-4 text-sm text-[var(--text-secondary)]", children: [
+        l.overview.stats.useCases && /* @__PURE__ */ r("span", { children: [
+          l.overview.stats.useCases,
           " cas d'usage"
         ] }),
-        r.overview.stats.businessRules && /* @__PURE__ */ l("span", { children: [
-          r.overview.stats.businessRules,
+        l.overview.stats.businessRules && /* @__PURE__ */ r("span", { children: [
+          l.overview.stats.businessRules,
           " règles métier"
         ] }),
-        r.overview.stats.permissions && /* @__PURE__ */ l("span", { children: [
-          r.overview.stats.permissions,
+        l.overview.stats.permissions && /* @__PURE__ */ r("span", { children: [
+          l.overview.stats.permissions,
           " permissions"
         ] }),
-        r.overview.stats.endpoints && /* @__PURE__ */ l("span", { children: [
-          r.overview.stats.endpoints,
+        l.overview.stats.endpoints && /* @__PURE__ */ r("span", { children: [
+          l.overview.stats.endpoints,
           " endpoints API"
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ l("section", { id: "valeur", className: "scroll-mt-4", children: [
-      /* @__PURE__ */ l("h2", { className: "text-2xl font-bold mb-4 flex items-center gap-2", children: [
+    /* @__PURE__ */ r("section", { id: "valeur", className: "scroll-mt-4", children: [
+      /* @__PURE__ */ r("h2", { className: "text-2xl font-bold mb-4 flex items-center gap-2", children: [
         /* @__PURE__ */ e("span", { className: "w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm", children: i.valeur }),
         "Pourquoi ce module ?"
       ] }),
-      /* @__PURE__ */ l("div", { className: "card p-6", children: [
-        /* @__PURE__ */ l("div", { className: "mb-6", children: [
-          /* @__PURE__ */ l("h3", { className: "font-semibold mb-3 flex items-center gap-2", children: [
-            /* @__PURE__ */ e(g, { className: "w-5 h-5 text-red-500" }),
+      /* @__PURE__ */ r("div", { className: "card p-6", children: [
+        /* @__PURE__ */ r("div", { className: "mb-6", children: [
+          /* @__PURE__ */ r("h3", { className: "font-semibold mb-3 flex items-center gap-2", children: [
+            /* @__PURE__ */ e(u, { className: "w-5 h-5 text-red-500" }),
             "Le problème que nous résolvons"
           ] }),
-          /* @__PURE__ */ e("p", { className: "text-[var(--text-secondary)]", children: t(r.overview.problem) })
+          /* @__PURE__ */ e("p", { className: "text-[var(--text-secondary)]", children: t(l.overview.problem) })
         ] }),
-        /* @__PURE__ */ l("div", { className: "p-4 rounded-lg bg-green-500/10 border border-green-500/20", children: [
-          /* @__PURE__ */ l("h3", { className: "font-semibold mb-2 flex items-center gap-2 text-green-700", children: [
+        /* @__PURE__ */ r("div", { className: "p-4 rounded-lg bg-green-500/10 border border-green-500/20", children: [
+          /* @__PURE__ */ r("h3", { className: "font-semibold mb-2 flex items-center gap-2 text-green-700", children: [
             /* @__PURE__ */ e(y, { className: "w-5 h-5" }),
             "Notre solution"
           ] }),
-          /* @__PURE__ */ e("p", { className: "text-[var(--text-secondary)]", children: t(r.overview.solution) })
+          /* @__PURE__ */ e("p", { className: "text-[var(--text-secondary)]", children: t(l.overview.solution) })
         ] })
       ] })
     ] }),
-    r.useCases && r.useCases.length > 0 && /* @__PURE__ */ l("section", { id: "cas-usage", className: "scroll-mt-4", children: [
-      /* @__PURE__ */ l("h2", { className: "text-2xl font-bold mb-4 flex items-center gap-2", children: [
+    (l.useCases?.length ?? 0) > 0 && /* @__PURE__ */ r("section", { id: "cas-usage", className: "scroll-mt-4", children: [
+      /* @__PURE__ */ r("h2", { className: "text-2xl font-bold mb-4 flex items-center gap-2", children: [
         /* @__PURE__ */ e("span", { className: "w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm", children: i.useCases }),
         "Cas d'usage"
       ] }),
-      /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: r.useCases.map((s) => /* @__PURE__ */ l("div", { className: "card p-6", children: [
-        /* @__PURE__ */ l("div", { className: "flex items-center gap-3 mb-4", children: [
+      /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: l.useCases?.map((s) => /* @__PURE__ */ r("div", { className: "card p-6", children: [
+        /* @__PURE__ */ r("div", { className: "flex items-center gap-3 mb-4", children: [
           /* @__PURE__ */ e("div", { className: "w-12 h-12 rounded-full bg-blue-500/10 flex items-center justify-center", children: /* @__PURE__ */ e(m, { className: "w-6 h-6 text-blue-600" }) }),
-          /* @__PURE__ */ l("div", { children: [
+          /* @__PURE__ */ r("div", { children: [
             /* @__PURE__ */ e("div", { className: "font-semibold", children: t(s.name) }),
             /* @__PURE__ */ e("div", { className: "text-sm text-[var(--text-secondary)]", children: s.actor })
           ] })
         ] }),
         /* @__PURE__ */ e("p", { className: "text-sm text-[var(--text-secondary)]", children: t(s.description) }),
-        s.priority && /* @__PURE__ */ l("span", { className: "inline-block mt-3 px-2 py-1 text-xs rounded bg-[var(--bg-secondary)] text-[var(--text-secondary)]", children: [
+        s.priority && /* @__PURE__ */ r("span", { className: "inline-block mt-3 px-2 py-1 text-xs rounded bg-[var(--bg-secondary)] text-[var(--text-secondary)]", children: [
           "Priorité: ",
           s.priority
         ] })
       ] }, s.id)) })
     ] }),
-    r.benefits && r.benefits.length > 0 && /* @__PURE__ */ l("section", { id: "benefices", className: "scroll-mt-4", children: [
-      /* @__PURE__ */ l("h2", { className: "text-2xl font-bold mb-4 flex items-center gap-2", children: [
+    (l.benefits?.length ?? 0) > 0 && /* @__PURE__ */ r("section", { id: "benefices", className: "scroll-mt-4", children: [
+      /* @__PURE__ */ r("h2", { className: "text-2xl font-bold mb-4 flex items-center gap-2", children: [
         /* @__PURE__ */ e("span", { className: "w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm", children: i.benefits }),
         "Bénéfices concrets"
       ] }),
-      /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: r.benefits.map((s, c) => /* @__PURE__ */ l("div", { className: "card p-6 text-center", children: [
+      /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: l.benefits?.map((s, c) => /* @__PURE__ */ r("div", { className: "card p-6 text-center", children: [
         /* @__PURE__ */ e("div", { className: "w-16 h-16 mx-auto mb-4 rounded-full bg-blue-500/10 flex items-center justify-center", children: f(s.icon) }),
         /* @__PURE__ */ e("div", { className: "text-3xl font-bold text-[var(--color-primary-600)] mb-2", children: s.value }),
         /* @__PURE__ */ e("div", { className: "font-semibold mb-1", children: t(s.titleKey) }),
         /* @__PURE__ */ e("p", { className: "text-sm text-[var(--text-secondary)]", children: t(s.descriptionKey) })
-      ] }, c)) })
+      ] }, `${s.titleKey}-${c}`)) })
     ] }),
-    r.beforeAfter && /* @__PURE__ */ l("section", { id: "avant-apres", className: "scroll-mt-4", children: [
-      /* @__PURE__ */ l("h2", { className: "text-2xl font-bold mb-4 flex items-center gap-2", children: [
+    l.beforeAfter && /* @__PURE__ */ r("section", { id: "avant-apres", className: "scroll-mt-4", children: [
+      /* @__PURE__ */ r("h2", { className: "text-2xl font-bold mb-4 flex items-center gap-2", children: [
         /* @__PURE__ */ e("span", { className: "w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm", children: i.beforeAfter }),
         "Avant / Après"
       ] }),
-      /* @__PURE__ */ e("div", { className: "card p-6", children: /* @__PURE__ */ l("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
-        /* @__PURE__ */ l("div", { className: "p-4 rounded-lg bg-red-500/5 border border-red-500/20", children: [
-          /* @__PURE__ */ l("h3", { className: "font-semibold mb-4 flex items-center gap-2 text-red-600", children: [
+      /* @__PURE__ */ e("div", { className: "card p-6", children: /* @__PURE__ */ r("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
+        /* @__PURE__ */ r("div", { className: "p-4 rounded-lg bg-red-500/5 border border-red-500/20", children: [
+          /* @__PURE__ */ r("h3", { className: "font-semibold mb-4 flex items-center gap-2 text-red-600", children: [
             /* @__PURE__ */ e(o, { className: "w-5 h-5" }),
             "Avant"
           ] }),
-          /* @__PURE__ */ e("ul", { className: "space-y-2", children: r.beforeAfter.beforeItems.map((s, c) => /* @__PURE__ */ l("li", { className: "flex items-start gap-2 text-sm", children: [
+          /* @__PURE__ */ e("ul", { className: "space-y-2", children: l.beforeAfter.beforeItems.map((s, c) => /* @__PURE__ */ r("li", { className: "flex items-start gap-2 text-sm", children: [
             /* @__PURE__ */ e(o, { className: "w-4 h-4 text-red-500 mt-0.5 flex-shrink-0" }),
             /* @__PURE__ */ e("span", { children: s })
-          ] }, c)) })
+          ] }, `before-${c}`)) })
         ] }),
-        /* @__PURE__ */ l("div", { className: "p-4 rounded-lg bg-green-500/5 border border-green-500/20", children: [
-          /* @__PURE__ */ l("h3", { className: "font-semibold mb-4 flex items-center gap-2 text-green-600", children: [
+        /* @__PURE__ */ r("div", { className: "p-4 rounded-lg bg-green-500/5 border border-green-500/20", children: [
+          /* @__PURE__ */ r("h3", { className: "font-semibold mb-4 flex items-center gap-2 text-green-600", children: [
             /* @__PURE__ */ e(d, { className: "w-5 h-5" }),
             "Après"
           ] }),
-          /* @__PURE__ */ e("ul", { className: "space-y-2", children: r.beforeAfter.afterItems.map((s, c) => /* @__PURE__ */ l("li", { className: "flex items-start gap-2 text-sm", children: [
+          /* @__PURE__ */ e("ul", { className: "space-y-2", children: l.beforeAfter.afterItems.map((s, c) => /* @__PURE__ */ r("li", { className: "flex items-start gap-2 text-sm", children: [
             /* @__PURE__ */ e(d, { className: "w-4 h-4 text-green-500 mt-0.5 flex-shrink-0" }),
             /* @__PURE__ */ e("span", { children: s })
-          ] }, c)) })
+          ] }, `after-${c}`)) })
         ] })
       ] }) })
     ] }),
-    r.features && r.features.length > 0 && /* @__PURE__ */ l("section", { id: "fonctionnalites", className: "scroll-mt-4", children: [
-      /* @__PURE__ */ l("h2", { className: "text-2xl font-bold mb-4 flex items-center gap-2", children: [
+    (l.features?.length ?? 0) > 0 && /* @__PURE__ */ r("section", { id: "fonctionnalites", className: "scroll-mt-4", children: [
+      /* @__PURE__ */ r("h2", { className: "text-2xl font-bold mb-4 flex items-center gap-2", children: [
         /* @__PURE__ */ e("span", { className: "w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm", children: i.features }),
         "Ce que vous pouvez faire"
       ] }),
-      /* @__PURE__ */ e("div", { className: "space-y-4", children: r.features.map((s) => /* @__PURE__ */ e("div", { className: "card p-6", children: /* @__PURE__ */ l("div", { className: "flex items-start gap-4", children: [
+      /* @__PURE__ */ e("div", { className: "space-y-4", children: l.features?.map((s) => /* @__PURE__ */ e("div", { className: "card p-6", children: /* @__PURE__ */ r("div", { className: "flex items-start gap-4", children: [
         /* @__PURE__ */ e("div", { className: "w-12 h-12 rounded-lg bg-[var(--color-primary-600)]/10 flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ e(h, { className: "w-6 h-6 text-[var(--color-primary-600)]" }) }),
-        /* @__PURE__ */ l("div", { className: "flex-1", children: [
+        /* @__PURE__ */ r("div", { className: "flex-1", children: [
           /* @__PURE__ */ e("h3", { className: "font-semibold mb-2", children: t(s.title) }),
           /* @__PURE__ */ e("p", { className: "text-[var(--text-secondary)] mb-3", children: t(s.description) }),
-          s.example && /* @__PURE__ */ l("div", { className: "p-3 rounded-lg bg-[var(--bg-secondary)] text-sm", children: [
+          s.example && /* @__PURE__ */ r("div", { className: "p-3 rounded-lg bg-[var(--bg-secondary)] text-sm", children: [
             /* @__PURE__ */ e("span", { className: "font-medium text-[var(--color-primary-600)]", children: "Exemple: " }),
             t(s.example)
           ] })
         ] })
       ] }) }, s.id)) })
     ] }),
-    r.steps && r.steps.length > 0 && /* @__PURE__ */ l("section", { id: "guide", className: "scroll-mt-4", children: [
-      /* @__PURE__ */ l("h2", { className: "text-2xl font-bold mb-4 flex items-center gap-2", children: [
+    (l.steps?.length ?? 0) > 0 && /* @__PURE__ */ r("section", { id: "guide", className: "scroll-mt-4", children: [
+      /* @__PURE__ */ r("h2", { className: "text-2xl font-bold mb-4 flex items-center gap-2", children: [
         /* @__PURE__ */ e("span", { className: "w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm", children: i.steps }),
         "Comment démarrer"
       ] }),
-      /* @__PURE__ */ e("div", { className: "card p-6", children: /* @__PURE__ */ e("div", { className: "space-y-6", children: r.steps.map((s, c) => /* @__PURE__ */ l("div", { className: "flex gap-4", children: [
-        /* @__PURE__ */ l("div", { className: "flex flex-col items-center", children: [
+      /* @__PURE__ */ e("div", { className: "card p-6", children: /* @__PURE__ */ e("div", { className: "space-y-6", children: l.steps?.map((s, c) => /* @__PURE__ */ r("div", { className: "flex gap-4", children: [
+        /* @__PURE__ */ r("div", { className: "flex flex-col items-center", children: [
           /* @__PURE__ */ e("div", { className: "w-10 h-10 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center font-bold", children: s.number }),
-          c < r.steps.length - 1 && /* @__PURE__ */ e("div", { className: "w-0.5 h-full bg-[var(--border-color)] mt-2" })
+          c < l.steps.length - 1 && /* @__PURE__ */ e("div", { className: "w-0.5 h-full bg-[var(--border-color)] mt-2" })
         ] }),
-        /* @__PURE__ */ l("div", { className: "flex-1 pb-6", children: [
+        /* @__PURE__ */ r("div", { className: "flex-1 pb-6", children: [
           /* @__PURE__ */ e("h4", { className: "font-semibold mb-2", children: s.title }),
           /* @__PURE__ */ e("p", { className: "text-sm text-[var(--text-secondary)] mb-3", children: s.description }),
-          s.screenshotKey && r.screenshots?.[s.screenshotKey] && /* @__PURE__ */ e(
+          s.screenshotKey && l.screenshots?.[s.screenshotKey] && /* @__PURE__ */ e(
             "img",
             {
-              src: r.screenshots[s.screenshotKey],
+              src: l.screenshots[s.screenshotKey],
               alt: s.title,
               className: "rounded-lg border border-[var(--border-color)]",
               onError: (n) => {
@@ -195,26 +195,26 @@ function K({ data: r, backPath: a = "/docs", backLabel: x = "nav.backToDocs", i1
         ] })
       ] }, s.number)) }) })
     ] }),
-    r.faq && r.faq.length > 0 && /* @__PURE__ */ l("section", { id: "faq", className: "scroll-mt-4", children: [
-      /* @__PURE__ */ l("h2", { className: "text-2xl font-bold mb-4 flex items-center gap-2", children: [
+    (l.faq?.length ?? 0) > 0 && /* @__PURE__ */ r("section", { id: "faq", className: "scroll-mt-4", children: [
+      /* @__PURE__ */ r("h2", { className: "text-2xl font-bold mb-4 flex items-center gap-2", children: [
         /* @__PURE__ */ e("span", { className: "w-8 h-8 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center text-sm", children: i.faq }),
         "Questions fréquentes"
       ] }),
-      /* @__PURE__ */ e("div", { className: "space-y-4", children: r.faq.map((s, c) => /* @__PURE__ */ l("div", { className: "card p-4", children: [
+      /* @__PURE__ */ e("div", { className: "space-y-4", children: l.faq?.map((s, c) => /* @__PURE__ */ r("div", { className: "card p-4", children: [
         /* @__PURE__ */ e("h3", { className: "font-medium mb-2", children: t(s.questionKey) }),
         /* @__PURE__ */ e("p", { className: "text-sm text-[var(--text-secondary)]", children: t(s.answerKey) })
-      ] }, c)) })
+      ] }, `faq-${c}`)) })
     ] }),
-    (r.businessRules || r.permissions || r.apiEndpoints) && /* @__PURE__ */ e("section", { id: "reference", className: "scroll-mt-4", children: /* @__PURE__ */ l("details", { className: "card", children: [
-      /* @__PURE__ */ l("summary", { className: "p-4 cursor-pointer hover:bg-[var(--bg-secondary)] rounded-lg font-semibold flex items-center gap-2", children: [
+    (l.businessRules || l.permissions || l.apiEndpoints) && /* @__PURE__ */ e("section", { id: "reference", className: "scroll-mt-4", children: /* @__PURE__ */ r("details", { className: "card", children: [
+      /* @__PURE__ */ r("summary", { className: "p-4 cursor-pointer hover:bg-[var(--bg-secondary)] rounded-lg font-semibold flex items-center gap-2", children: [
         /* @__PURE__ */ e("span", { className: "w-8 h-8 rounded-full bg-gray-500/10 text-gray-600 flex items-center justify-center text-sm", children: i.reference }),
         "Référence technique (administrateurs)"
       ] }),
-      /* @__PURE__ */ l("div", { className: "p-4 pt-0 space-y-6", children: [
-        r.businessRules && r.businessRules.length > 0 && /* @__PURE__ */ l("div", { children: [
+      /* @__PURE__ */ r("div", { className: "p-4 pt-0 space-y-6", children: [
+        (l.businessRules?.length ?? 0) > 0 && /* @__PURE__ */ r("div", { children: [
           /* @__PURE__ */ e("h3", { className: "font-semibold mb-3", children: "Règles métier" }),
-          /* @__PURE__ */ e("div", { className: "space-y-2", children: r.businessRules.map((s) => /* @__PURE__ */ l("div", { className: "p-3 rounded-lg bg-[var(--bg-secondary)]", children: [
-            /* @__PURE__ */ l("div", { className: "flex items-center gap-2 mb-1", children: [
+          /* @__PURE__ */ e("div", { className: "space-y-2", children: l.businessRules?.map((s) => /* @__PURE__ */ r("div", { className: "p-3 rounded-lg bg-[var(--bg-secondary)]", children: [
+            /* @__PURE__ */ r("div", { className: "flex items-center gap-2 mb-1", children: [
               /* @__PURE__ */ e("span", { className: "text-xs font-mono text-[var(--color-primary-600)]", children: s.id }),
               /* @__PURE__ */ e("span", { className: "text-xs px-2 py-0.5 rounded bg-[var(--color-primary-600)]/10", children: s.category })
             ] }),
@@ -222,15 +222,15 @@ function K({ data: r, backPath: a = "/docs", backLabel: x = "nav.backToDocs", i1
             /* @__PURE__ */ e("p", { className: "text-xs text-[var(--text-secondary)] mt-1", children: t(s.statement) })
           ] }, s.id)) })
         ] }),
-        r.permissions && r.permissions.length > 0 && /* @__PURE__ */ l("div", { children: [
+        (l.permissions?.length ?? 0) > 0 && /* @__PURE__ */ r("div", { children: [
           /* @__PURE__ */ e("h3", { className: "font-semibold mb-3", children: "Permissions" }),
-          /* @__PURE__ */ e("div", { className: "overflow-x-auto", children: /* @__PURE__ */ l("table", { className: "w-full text-sm", children: [
-            /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ l("tr", { className: "border-b border-[var(--border-color)]", children: [
+          /* @__PURE__ */ e("div", { className: "overflow-x-auto", children: /* @__PURE__ */ r("table", { className: "w-full text-sm", children: [
+            /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ r("tr", { className: "border-b border-[var(--border-color)]", children: [
               /* @__PURE__ */ e("th", { className: "text-left py-2 px-3", children: "Permission" }),
               /* @__PURE__ */ e("th", { className: "text-left py-2 px-3", children: "Description" }),
               /* @__PURE__ */ e("th", { className: "text-left py-2 px-3", children: "Rôles" })
             ] }) }),
-            /* @__PURE__ */ e("tbody", { children: r.permissions.map((s, c) => /* @__PURE__ */ l("tr", { className: "border-b border-[var(--border-color)]", children: [
+            /* @__PURE__ */ e("tbody", { children: l.permissions?.map((s, c) => /* @__PURE__ */ r("tr", { className: "border-b border-[var(--border-color)]", children: [
               /* @__PURE__ */ e("td", { className: "py-2 px-3 font-mono text-xs", children: s.path }),
               /* @__PURE__ */ e("td", { className: "py-2 px-3", children: s.description }),
               /* @__PURE__ */ e("td", { className: "py-2 px-3", children: /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-1", children: s.roles.map((n) => /* @__PURE__ */ e(
@@ -241,35 +241,40 @@ function K({ data: r, backPath: a = "/docs", backLabel: x = "nav.backToDocs", i1
                 },
                 n
               )) }) })
-            ] }, c)) })
+            ] }, `perm-${c}`)) })
           ] }) })
         ] }),
-        r.apiEndpoints && r.apiEndpoints.length > 0 && /* @__PURE__ */ l("div", { children: [
+        (l.apiEndpoints?.length ?? 0) > 0 && /* @__PURE__ */ r("div", { children: [
           /* @__PURE__ */ e("h3", { className: "font-semibold mb-3", children: "Points de terminaison API" }),
-          /* @__PURE__ */ e("div", { className: "space-y-2", children: r.apiEndpoints.map((s, c) => /* @__PURE__ */ l("div", { className: "p-3 rounded-lg bg-[var(--bg-secondary)]", children: [
-            /* @__PURE__ */ l("div", { className: "flex items-center gap-2 mb-1", children: [
+          /* @__PURE__ */ e("div", { className: "space-y-2", children: l.apiEndpoints?.map((s, c) => /* @__PURE__ */ r("div", { className: "p-3 rounded-lg bg-[var(--bg-secondary)]", children: [
+            /* @__PURE__ */ r("div", { className: "flex items-center gap-2 mb-1", children: [
               /* @__PURE__ */ e(
                 "span",
                 {
-                  className: `text-xs font-bold px-2 py-0.5 rounded ${s.method === "GET" ? "bg-blue-500/10 text-blue-600" : s.method === "POST" ? "bg-green-500/10 text-green-600" : s.method === "PUT" || s.method === "PATCH" ? "bg-orange-500/10 text-orange-600" : "bg-red-500/10 text-red-600"}`,
+                  className: `text-xs font-bold px-2 py-0.5 rounded ${{
+                    GET: "bg-blue-500/10 text-blue-600",
+                    POST: "bg-green-500/10 text-green-600",
+                    PUT: "bg-orange-500/10 text-orange-600",
+                    PATCH: "bg-orange-500/10 text-orange-600"
+                  }[s.method] ?? "bg-red-500/10 text-red-600"}`,
                   children: s.method
                 }
               ),
               /* @__PURE__ */ e("code", { className: "text-xs", children: s.path })
             ] }),
-            /* @__PURE__ */ l("div", { className: "text-xs text-[var(--text-secondary)] mt-1", children: [
+            /* @__PURE__ */ r("div", { className: "text-xs text-[var(--text-secondary)] mt-1", children: [
               "Handler: ",
               s.handler,
               " | Permission: ",
               s.permission
             ] })
-          ] }, c)) })
+          ] }, `endpoint-${c}`)) })
         ] })
       ] })
     ] }) })
   ] });
 }
 export {
-  K as D
+  k as D
 };
-//# sourceMappingURL=DocRenderer-CcEn1iaa.js.map
+//# sourceMappingURL=DocRenderer-C5pM9SWP.js.map

package/dist/DocRenderer-C5pM9SWP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocRenderer-C5pM9SWP.js","sources":["../src/components/docs/DocRenderer.tsx"],"sourcesContent":["import { useMemo } 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  CheckCircle,\r\n  XCircle,\r\n  Lightbulb,\r\n  Target,\r\n  Clock,\r\n  DollarSign,\r\n  Users,\r\n  TrendingUp,\r\n  Zap,\r\n  Shield,\r\n  Gauge,\r\n} from 'lucide-react';\r\nimport type { DocData } from './types';\r\n\r\ninterface DocRendererProps {\r\n  readonly data: DocData;\r\n  readonly backPath?: string;\r\n  readonly backLabel?: string;\r\n  readonly i18nNamespace?: string;\r\n}\r\n\r\nexport function DocRenderer({ data, backPath = '/docs', backLabel = 'nav.backToDocs', i18nNamespace = 'docs' }: DocRendererProps): ReactElement {\r\n  const { t } = useTranslation([i18nNamespace, 'docs']);\r\n\r\n  const sectionNumbers = useMemo(() => {\r\n    let n = 0;\r\n    return {\r\n      valeur: ++n,\r\n      useCases: data.useCases?.length ? ++n : 0,\r\n      benefits: data.benefits?.length ? ++n : 0,\r\n      beforeAfter: data.beforeAfter ? ++n : 0,\r\n      features: data.features?.length ? ++n : 0,\r\n      steps: data.steps?.length ? ++n : 0,\r\n      faq: data.faq?.length ? ++n : 0,\r\n      reference: (data.businessRules || data.permissions || data.apiEndpoints) ? ++n : 0,\r\n    };\r\n  }, [data]);\r\n\r\n  const getBenefitIcon = (icon: string) => {\r\n    switch (icon) {\r\n      case 'time':\r\n        return <Clock className=\"w-8 h-8 text-blue-600\" />;\r\n      case 'quality':\r\n        return <TrendingUp className=\"w-8 h-8 text-green-600\" />;\r\n      case 'roi':\r\n        return <DollarSign className=\"w-8 h-8 text-amber-600\" />;\r\n      case 'users':\r\n        return <Users className=\"w-8 h-8 text-purple-600\" />;\r\n      case 'automation':\r\n        return <Zap className=\"w-8 h-8 text-orange-600\" />;\r\n      case 'security':\r\n        return <Shield className=\"w-8 h-8 text-red-600\" />;\r\n      default:\r\n        return <Gauge className=\"w-8 h-8 text-gray-600\" />;\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div className=\"space-y-8\">\r\n      {/* Back Navigation */}\r\n      {backPath && (\r\n        <Link\r\n          to={backPath}\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(backLabel)}\r\n        </Link>\r\n      )}\r\n\r\n      {/* Header */}\r\n      <div>\r\n        <h1 className=\"text-3xl font-bold mb-4\">\r\n          {data.overview.title ? t(data.overview.title) : t(data.overview.objective)}\r\n        </h1>\r\n        {data.overview.title && (\r\n          <p className=\"text-lg text-[var(--text-secondary)] mb-2\">{t(data.overview.objective)}</p>\r\n        )}\r\n        <p className=\"text-xl text-[var(--color-primary-600)] font-medium mb-2\">\r\n          {t(data.overview.solution)}\r\n        </p>\r\n        {data.overview.stats && (\r\n          <div className=\"flex gap-4 text-sm text-[var(--text-secondary)]\">\r\n            {data.overview.stats.useCases && (\r\n              <span>{data.overview.stats.useCases} cas d'usage</span>\r\n            )}\r\n            {data.overview.stats.businessRules && (\r\n              <span>{data.overview.stats.businessRules} règles métier</span>\r\n            )}\r\n            {data.overview.stats.permissions && (\r\n              <span>{data.overview.stats.permissions} permissions</span>\r\n            )}\r\n            {data.overview.stats.endpoints && (\r\n              <span>{data.overview.stats.endpoints} endpoints API</span>\r\n            )}\r\n          </div>\r\n        )}\r\n      </div>\r\n\r\n      {/* Section: Valeur Métier */}\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\">\r\n            {sectionNumbers.valeur}\r\n          </span>\r\n          Pourquoi ce module ?\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              Le problème que nous résolvons\r\n            </h3>\r\n            <p className=\"text-[var(--text-secondary)]\">{t(data.overview.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              Notre solution\r\n            </h3>\r\n            <p className=\"text-[var(--text-secondary)]\">{t(data.overview.solution)}</p>\r\n          </div>\r\n        </div>\r\n      </section>\r\n\r\n      {/* Section: Cas d'usage */}\r\n      {(data.useCases?.length ?? 0) > 0 && (\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\">\r\n              {sectionNumbers.useCases}\r\n            </span>\r\n            Cas d'usage\r\n          </h2>\r\n\r\n          <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n            {data.useCases?.map((useCase) => (\r\n              <div key={useCase.id} 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 bg-blue-500/10 flex items-center justify-center\">\r\n                    <Users className=\"w-6 h-6 text-blue-600\" />\r\n                  </div>\r\n                  <div>\r\n                    <div className=\"font-semibold\">{t(useCase.name)}</div>\r\n                    <div className=\"text-sm text-[var(--text-secondary)]\">{useCase.actor}</div>\r\n                  </div>\r\n                </div>\r\n                <p className=\"text-sm text-[var(--text-secondary)]\">{t(useCase.description)}</p>\r\n                {useCase.priority && (\r\n                  <span className=\"inline-block mt-3 px-2 py-1 text-xs rounded bg-[var(--bg-secondary)] text-[var(--text-secondary)]\">\r\n                    Priorité: {useCase.priority}\r\n                  </span>\r\n                )}\r\n              </div>\r\n            ))}\r\n          </div>\r\n        </section>\r\n      )}\r\n\r\n      {/* Section: Bénéfices */}\r\n      {(data.benefits?.length ?? 0) > 0 && (\r\n        <section id=\"benefices\" 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\">\r\n              {sectionNumbers.benefits}\r\n            </span>\r\n            Bénéfices concrets\r\n          </h2>\r\n\r\n          <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\r\n            {data.benefits?.map((benefit, index) => (\r\n              <div key={`${benefit.titleKey}-${index}`} className=\"card p-6 text-center\">\r\n                <div className=\"w-16 h-16 mx-auto mb-4 rounded-full bg-blue-500/10 flex items-center justify-center\">\r\n                  {getBenefitIcon(benefit.icon)}\r\n                </div>\r\n                <div className=\"text-3xl font-bold text-[var(--color-primary-600)] mb-2\">\r\n                  {benefit.value}\r\n                </div>\r\n                <div className=\"font-semibold mb-1\">{t(benefit.titleKey)}</div>\r\n                <p className=\"text-sm text-[var(--text-secondary)]\">{t(benefit.descriptionKey)}</p>\r\n              </div>\r\n            ))}\r\n          </div>\r\n        </section>\r\n      )}\r\n\r\n      {/* Section: Avant/Après */}\r\n      {data.beforeAfter && (\r\n        <section id=\"avant-apres\" 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\">\r\n              {sectionNumbers.beforeAfter}\r\n            </span>\r\n            Avant / Après\r\n          </h2>\r\n\r\n          <div className=\"card p-6\">\r\n            <div className=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\r\n              <div className=\"p-4 rounded-lg bg-red-500/5 border border-red-500/20\">\r\n                <h3 className=\"font-semibold mb-4 flex items-center gap-2 text-red-600\">\r\n                  <XCircle className=\"w-5 h-5\" />\r\n                  Avant\r\n                </h3>\r\n                <ul className=\"space-y-2\">\r\n                  {data.beforeAfter.beforeItems.map((item, index) => (\r\n                    <li key={`before-${index}`} className=\"flex items-start gap-2 text-sm\">\r\n                      <XCircle className=\"w-4 h-4 text-red-500 mt-0.5 flex-shrink-0\" />\r\n                      <span>{item}</span>\r\n                    </li>\r\n                  ))}\r\n                </ul>\r\n              </div>\r\n\r\n              <div className=\"p-4 rounded-lg bg-green-500/5 border border-green-500/20\">\r\n                <h3 className=\"font-semibold mb-4 flex items-center gap-2 text-green-600\">\r\n                  <CheckCircle className=\"w-5 h-5\" />\r\n                  Après\r\n                </h3>\r\n                <ul className=\"space-y-2\">\r\n                  {data.beforeAfter.afterItems.map((item, index) => (\r\n                    <li key={`after-${index}`} className=\"flex items-start gap-2 text-sm\">\r\n                      <CheckCircle className=\"w-4 h-4 text-green-500 mt-0.5 flex-shrink-0\" />\r\n                      <span>{item}</span>\r\n                    </li>\r\n                  ))}\r\n                </ul>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </section>\r\n      )}\r\n\r\n      {/* Section: Fonctionnalités */}\r\n      {(data.features?.length ?? 0) > 0 && (\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\">\r\n              {sectionNumbers.features}\r\n            </span>\r\n            Ce que vous pouvez faire\r\n          </h2>\r\n\r\n          <div className=\"space-y-4\">\r\n            {data.features?.map((feature) => (\r\n              <div key={feature.id} 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                    <Zap 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(feature.title)}</h3>\r\n                    <p className=\"text-[var(--text-secondary)] mb-3\">{t(feature.description)}</p>\r\n                    {feature.example && (\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)]\">Exemple: </span>\r\n                        {t(feature.example)}\r\n                      </div>\r\n                    )}\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            ))}\r\n          </div>\r\n        </section>\r\n      )}\r\n\r\n      {/* Section: Guide pas à pas */}\r\n      {(data.steps?.length ?? 0) > 0 && (\r\n        <section id=\"guide\" 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\">\r\n              {sectionNumbers.steps}\r\n            </span>\r\n            Comment démarrer\r\n          </h2>\r\n\r\n          <div className=\"card p-6\">\r\n            <div className=\"space-y-6\">\r\n              {data.steps?.map((step, index) => (\r\n                <div key={step.number} className=\"flex gap-4\">\r\n                  <div className=\"flex flex-col items-center\">\r\n                    <div className=\"w-10 h-10 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center font-bold\">\r\n                      {step.number}\r\n                    </div>\r\n                    {index < data.steps!.length - 1 && (\r\n                      <div className=\"w-0.5 h-full bg-[var(--border-color)] mt-2\"></div>\r\n                    )}\r\n                  </div>\r\n                  <div className=\"flex-1 pb-6\">\r\n                    <h4 className=\"font-semibold mb-2\">{step.title}</h4>\r\n                    <p className=\"text-sm text-[var(--text-secondary)] mb-3\">{step.description}</p>\r\n                    {step.screenshotKey && data.screenshots?.[step.screenshotKey] && (\r\n                      <img\r\n                        src={data.screenshots[step.screenshotKey]}\r\n                        alt={step.title}\r\n                        className=\"rounded-lg border border-[var(--border-color)]\"\r\n                        onError={(e) => {\r\n                          (e.target as HTMLImageElement).style.display = 'none';\r\n                        }}\r\n                      />\r\n                    )}\r\n                  </div>\r\n                </div>\r\n              ))}\r\n            </div>\r\n          </div>\r\n        </section>\r\n      )}\r\n\r\n      {/* Section: FAQ */}\r\n      {(data.faq?.length ?? 0) > 0 && (\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\">\r\n              {sectionNumbers.faq}\r\n            </span>\r\n            Questions fréquentes\r\n          </h2>\r\n\r\n          <div className=\"space-y-4\">\r\n            {data.faq?.map((faqItem, index) => (\r\n              <div key={`faq-${index}`} className=\"card p-4\">\r\n                <h3 className=\"font-medium mb-2\">{t(faqItem.questionKey)}</h3>\r\n                <p className=\"text-sm text-[var(--text-secondary)]\">{t(faqItem.answerKey)}</p>\r\n              </div>\r\n            ))}\r\n          </div>\r\n        </section>\r\n      )}\r\n\r\n      {/* Section: Référence technique */}\r\n      {(data.businessRules || data.permissions || data.apiEndpoints) && (\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\">\r\n                {sectionNumbers.reference}\r\n              </span>\r\n              Référence technique (administrateurs)\r\n            </summary>\r\n            <div className=\"p-4 pt-0 space-y-6\">\r\n              {/* Business Rules */}\r\n              {(data.businessRules?.length ?? 0) > 0 && (\r\n                <div>\r\n                  <h3 className=\"font-semibold mb-3\">Règles métier</h3>\r\n                  <div className=\"space-y-2\">\r\n                    {data.businessRules?.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)]\">\r\n                            {rule.id}\r\n                          </span>\r\n                          <span className=\"text-xs px-2 py-0.5 rounded bg-[var(--color-primary-600)]/10\">\r\n                            {rule.category}\r\n                          </span>\r\n                        </div>\r\n                        <div className=\"font-medium text-sm\">{rule.name}</div>\r\n                        <p className=\"text-xs text-[var(--text-secondary)] mt-1\">{t(rule.statement)}</p>\r\n                      </div>\r\n                    ))}\r\n                  </div>\r\n                </div>\r\n              )}\r\n\r\n              {/* Permissions */}\r\n              {(data.permissions?.length ?? 0) > 0 && (\r\n                <div>\r\n                  <h3 className=\"font-semibold mb-3\">Permissions</h3>\r\n                  <div className=\"overflow-x-auto\">\r\n                    <table className=\"w-full text-sm\">\r\n                      <thead>\r\n                        <tr className=\"border-b border-[var(--border-color)]\">\r\n                          <th className=\"text-left py-2 px-3\">Permission</th>\r\n                          <th className=\"text-left py-2 px-3\">Description</th>\r\n                          <th className=\"text-left py-2 px-3\">Rôles</th>\r\n                        </tr>\r\n                      </thead>\r\n                      <tbody>\r\n                        {data.permissions?.map((perm, index) => (\r\n                          <tr key={`perm-${index}`} className=\"border-b border-[var(--border-color)]\">\r\n                            <td className=\"py-2 px-3 font-mono text-xs\">{perm.path}</td>\r\n                            <td className=\"py-2 px-3\">{perm.description}</td>\r\n                            <td className=\"py-2 px-3\">\r\n                              <div className=\"flex flex-wrap gap-1\">\r\n                                {perm.roles.map((role) => (\r\n                                  <span\r\n                                    key={role}\r\n                                    className=\"px-2 py-0.5 rounded bg-[var(--color-primary-600)]/10 text-xs\"\r\n                                  >\r\n                                    {role}\r\n                                  </span>\r\n                                ))}\r\n                              </div>\r\n                            </td>\r\n                          </tr>\r\n                        ))}\r\n                      </tbody>\r\n                    </table>\r\n                  </div>\r\n                </div>\r\n              )}\r\n\r\n              {/* API Endpoints */}\r\n              {(data.apiEndpoints?.length ?? 0) > 0 && (\r\n                <div>\r\n                  <h3 className=\"font-semibold mb-3\">Points de terminaison API</h3>\r\n                  <div className=\"space-y-2\">\r\n                    {data.apiEndpoints?.map((endpoint, index) => (\r\n                      <div key={`endpoint-${index}`} className=\"p-3 rounded-lg bg-[var(--bg-secondary)]\">\r\n                        <div className=\"flex items-center gap-2 mb-1\">\r\n                          <span\r\n                            className={`text-xs font-bold px-2 py-0.5 rounded ${\r\n                              (() => {\r\n                                const methodColors: Record<string, string> = {\r\n                                  GET: 'bg-blue-500/10 text-blue-600',\r\n                                  POST: 'bg-green-500/10 text-green-600',\r\n                                  PUT: 'bg-orange-500/10 text-orange-600',\r\n                                  PATCH: 'bg-orange-500/10 text-orange-600',\r\n                                };\r\n                                return methodColors[endpoint.method] ?? 'bg-red-500/10 text-red-600';\r\n                              })()\r\n                            }`}\r\n                          >\r\n                            {endpoint.method}\r\n                          </span>\r\n                          <code className=\"text-xs\">{endpoint.path}</code>\r\n                        </div>\r\n                        <div className=\"text-xs text-[var(--text-secondary)] mt-1\">\r\n                          Handler: {endpoint.handler} | Permission: {endpoint.permission}\r\n                        </div>\r\n                      </div>\r\n                    ))}\r\n                  </div>\r\n                </div>\r\n              )}\r\n            </div>\r\n          </details>\r\n        </section>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n"],"names":["DocRenderer","data","backPath","backLabel","i18nNamespace","useTranslation","sectionNumbers","useMemo","n","getBenefitIcon","icon","jsx","Clock","TrendingUp","DollarSign","Users","Zap","Shield","Gauge","jsxs","Link","ArrowLeft","Target","Lightbulb","useCase","benefit","index","XCircle","item","CheckCircle","feature","step","e","faqItem","rule","perm","role","endpoint"],"mappings":"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"}

package/dist/DocRenderer-D7hi9Oa-.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),d=require("react"),h=require("react-router-dom"),p=require("react-i18next"),t=require("lucide-react");function j({data:r,backPath:a="/docs",backLabel:x="nav.backToDocs",i18nNamespace:o="docs"}){const{t:l}=p.useTranslation([o,"docs"]),i=d.useMemo(()=>{let s=0;return{valeur:++s,useCases:r.useCases?.length?++s:0,benefits:r.benefits?.length?++s:0,beforeAfter:r.beforeAfter?++s:0,features:r.features?.length?++s:0,steps:r.steps?.length?++s:0,faq:r.faq?.length?++s:0,reference:r.businessRules||r.permissions||r.apiEndpoints?++s:0}},[r]),m=s=>{switch(s){case"time":return e.jsx(t.Clock,{className:"w-8 h-8 text-blue-600"});case"quality":return e.jsx(t.TrendingUp,{className:"w-8 h-8 text-green-600"});case"roi":return e.jsx(t.DollarSign,{className:"w-8 h-8 text-amber-600"});case"users":return e.jsx(t.Users,{className:"w-8 h-8 text-purple-600"});case"automation":return e.jsx(t.Zap,{className:"w-8 h-8 text-orange-600"});case"security":return e.jsx(t.Shield,{className:"w-8 h-8 text-red-600"});default:return e.jsx(t.Gauge,{className:"w-8 h-8 text-gray-600"})}};return e.jsxs("div",{className:"space-y-8",children:[a&&e.jsxs(h.Link,{to:a,className:"inline-flex items-center gap-2 text-[var(--text-secondary)] hover:text-[var(--color-primary-600)] transition-colors",children:[e.jsx(t.ArrowLeft,{className:"w-4 h-4"}),l(x)]}),e.jsxs("div",{children:[e.jsx("h1",{className:"text-3xl font-bold mb-4",children:r.overview.title?l(r.overview.title):l(r.overview.objective)}),r.overview.title&&e.jsx("p",{className:"text-lg text-[var(--text-secondary)] mb-2",children:l(r.overview.objective)}),e.jsx("p",{className:"text-xl text-[var(--color-primary-600)] font-medium mb-2",children:l(r.overview.solution)}),r.overview.stats&&e.jsxs("div",{className:"flex gap-4 text-sm text-[var(--text-secondary)]",children:[r.overview.stats.useCases&&e.jsxs("span",{children:[r.overview.stats.useCases," cas d'usage"]}),r.overview.stats.businessRules&&e.jsxs("span",{children:[r.overview.stats.businessRules," règles métier"]}),r.overview.stats.permissions&&e.jsxs("span",{children:[r.overview.stats.permissions," permissions"]}),r.overview.stats.endpoints&&e.jsxs("span",{children:[r.overview.stats.endpoints," endpoints API"]})]})]}),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:i.valeur}),"Pourquoi ce module ?"]}),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(t.Target,{className:"w-5 h-5 text-red-500"}),"Le problème que nous résolvons"]}),e.jsx("p",{className:"text-[var(--text-secondary)]",children:l(r.overview.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(t.Lightbulb,{className:"w-5 h-5"}),"Notre solution"]}),e.jsx("p",{className:"text-[var(--text-secondary)]",children:l(r.overview.solution)})]})]})]}),(r.useCases?.length??0)>0&&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:i.useCases}),"Cas d'usage"]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:r.useCases?.map(s=>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 bg-blue-500/10 flex items-center justify-center",children:e.jsx(t.Users,{className:"w-6 h-6 text-blue-600"})}),e.jsxs("div",{children:[e.jsx("div",{className:"font-semibold",children:l(s.name)}),e.jsx("div",{className:"text-sm text-[var(--text-secondary)]",children:s.actor})]})]}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)]",children:l(s.description)}),s.priority&&e.jsxs("span",{className:"inline-block mt-3 px-2 py-1 text-xs rounded bg-[var(--bg-secondary)] text-[var(--text-secondary)]",children:["Priorité: ",s.priority]})]},s.id))})]}),(r.benefits?.length??0)>0&&e.jsxs("section",{id:"benefices",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:i.benefits}),"Bénéfices concrets"]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:r.benefits?.map((s,c)=>e.jsxs("div",{className:"card p-6 text-center",children:[e.jsx("div",{className:"w-16 h-16 mx-auto mb-4 rounded-full bg-blue-500/10 flex items-center justify-center",children:m(s.icon)}),e.jsx("div",{className:"text-3xl font-bold text-[var(--color-primary-600)] mb-2",children:s.value}),e.jsx("div",{className:"font-semibold mb-1",children:l(s.titleKey)}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)]",children:l(s.descriptionKey)})]},`${s.titleKey}-${c}`))})]}),r.beforeAfter&&e.jsxs("section",{id:"avant-apres",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:i.beforeAfter}),"Avant / Après"]}),e.jsx("div",{className:"card p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[e.jsxs("div",{className:"p-4 rounded-lg bg-red-500/5 border border-red-500/20",children:[e.jsxs("h3",{className:"font-semibold mb-4 flex items-center gap-2 text-red-600",children:[e.jsx(t.XCircle,{className:"w-5 h-5"}),"Avant"]}),e.jsx("ul",{className:"space-y-2",children:r.beforeAfter.beforeItems.map((s,c)=>e.jsxs("li",{className:"flex items-start gap-2 text-sm",children:[e.jsx(t.XCircle,{className:"w-4 h-4 text-red-500 mt-0.5 flex-shrink-0"}),e.jsx("span",{children:s})]},`before-${c}`))})]}),e.jsxs("div",{className:"p-4 rounded-lg bg-green-500/5 border border-green-500/20",children:[e.jsxs("h3",{className:"font-semibold mb-4 flex items-center gap-2 text-green-600",children:[e.jsx(t.CheckCircle,{className:"w-5 h-5"}),"Après"]}),e.jsx("ul",{className:"space-y-2",children:r.beforeAfter.afterItems.map((s,c)=>e.jsxs("li",{className:"flex items-start gap-2 text-sm",children:[e.jsx(t.CheckCircle,{className:"w-4 h-4 text-green-500 mt-0.5 flex-shrink-0"}),e.jsx("span",{children:s})]},`after-${c}`))})]})]})})]}),(r.features?.length??0)>0&&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:i.features}),"Ce que vous pouvez faire"]}),e.jsx("div",{className:"space-y-4",children:r.features?.map(s=>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(t.Zap,{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:l(s.title)}),e.jsx("p",{className:"text-[var(--text-secondary)] mb-3",children:l(s.description)}),s.example&&e.jsxs("div",{className:"p-3 rounded-lg bg-[var(--bg-secondary)] text-sm",children:[e.jsx("span",{className:"font-medium text-[var(--color-primary-600)]",children:"Exemple: "}),l(s.example)]})]})]})},s.id))})]}),(r.steps?.length??0)>0&&e.jsxs("section",{id:"guide",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:i.steps}),"Comment démarrer"]}),e.jsx("div",{className:"card p-6",children:e.jsx("div",{className:"space-y-6",children:r.steps?.map((s,c)=>e.jsxs("div",{className:"flex gap-4",children:[e.jsxs("div",{className:"flex flex-col items-center",children:[e.jsx("div",{className:"w-10 h-10 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center font-bold",children:s.number}),c<r.steps.length-1&&e.jsx("div",{className:"w-0.5 h-full bg-[var(--border-color)] mt-2"})]}),e.jsxs("div",{className:"flex-1 pb-6",children:[e.jsx("h4",{className:"font-semibold mb-2",children:s.title}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)] mb-3",children:s.description}),s.screenshotKey&&r.screenshots?.[s.screenshotKey]&&e.jsx("img",{src:r.screenshots[s.screenshotKey],alt:s.title,className:"rounded-lg border border-[var(--border-color)]",onError:n=>{n.target.style.display="none"}})]})]},s.number))})})]}),(r.faq?.length??0)>0&&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:i.faq}),"Questions fréquentes"]}),e.jsx("div",{className:"space-y-4",children:r.faq?.map((s,c)=>e.jsxs("div",{className:"card p-4",children:[e.jsx("h3",{className:"font-medium mb-2",children:l(s.questionKey)}),e.jsx("p",{className:"text-sm text-[var(--text-secondary)]",children:l(s.answerKey)})]},`faq-${c}`))})]}),(r.businessRules||r.permissions||r.apiEndpoints)&&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:i.reference}),"Référence technique (administrateurs)"]}),e.jsxs("div",{className:"p-4 pt-0 space-y-6",children:[(r.businessRules?.length??0)>0&&e.jsxs("div",{children:[e.jsx("h3",{className:"font-semibold mb-3",children:"Règles métier"}),e.jsx("div",{className:"space-y-2",children:r.businessRules?.map(s=>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:s.id}),e.jsx("span",{className:"text-xs px-2 py-0.5 rounded bg-[var(--color-primary-600)]/10",children:s.category})]}),e.jsx("div",{className:"font-medium text-sm",children:s.name}),e.jsx("p",{className:"text-xs text-[var(--text-secondary)] mt-1",children:l(s.statement)})]},s.id))})]}),(r.permissions?.length??0)>0&&e.jsxs("div",{children:[e.jsx("h3",{className:"font-semibold mb-3",children:"Permissions"}),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:"border-b border-[var(--border-color)]",children:[e.jsx("th",{className:"text-left py-2 px-3",children:"Permission"}),e.jsx("th",{className:"text-left py-2 px-3",children:"Description"}),e.jsx("th",{className:"text-left py-2 px-3",children:"Rôles"})]})}),e.jsx("tbody",{children:r.permissions?.map((s,c)=>e.jsxs("tr",{className:"border-b border-[var(--border-color)]",children:[e.jsx("td",{className:"py-2 px-3 font-mono text-xs",children:s.path}),e.jsx("td",{className:"py-2 px-3",children:s.description}),e.jsx("td",{className:"py-2 px-3",children:e.jsx("div",{className:"flex flex-wrap gap-1",children:s.roles.map(n=>e.jsx("span",{className:"px-2 py-0.5 rounded bg-[var(--color-primary-600)]/10 text-xs",children:n},n))})})]},`perm-${c}`))})]})})]}),(r.apiEndpoints?.length??0)>0&&e.jsxs("div",{children:[e.jsx("h3",{className:"font-semibold mb-3",children:"Points de terminaison API"}),e.jsx("div",{className:"space-y-2",children:r.apiEndpoints?.map((s,c)=>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-bold px-2 py-0.5 rounded ${{GET:"bg-blue-500/10 text-blue-600",POST:"bg-green-500/10 text-green-600",PUT:"bg-orange-500/10 text-orange-600",PATCH:"bg-orange-500/10 text-orange-600"}[s.method]??"bg-red-500/10 text-red-600"}`,children:s.method}),e.jsx("code",{className:"text-xs",children:s.path})]}),e.jsxs("div",{className:"text-xs text-[var(--text-secondary)] mt-1",children:["Handler: ",s.handler," | Permission: ",s.permission]})]},`endpoint-${c}`))})]})]})]})})]})}exports.DocRenderer=j;
+//# sourceMappingURL=DocRenderer-D7hi9Oa-.cjs.map

package/dist/DocRenderer-D7hi9Oa-.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocRenderer-D7hi9Oa-.cjs","sources":["../src/components/docs/DocRenderer.tsx"],"sourcesContent":["import { useMemo } 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  CheckCircle,\r\n  XCircle,\r\n  Lightbulb,\r\n  Target,\r\n  Clock,\r\n  DollarSign,\r\n  Users,\r\n  TrendingUp,\r\n  Zap,\r\n  Shield,\r\n  Gauge,\r\n} from 'lucide-react';\r\nimport type { DocData } from './types';\r\n\r\ninterface DocRendererProps {\r\n  readonly data: DocData;\r\n  readonly backPath?: string;\r\n  readonly backLabel?: string;\r\n  readonly i18nNamespace?: string;\r\n}\r\n\r\nexport function DocRenderer({ data, backPath = '/docs', backLabel = 'nav.backToDocs', i18nNamespace = 'docs' }: DocRendererProps): ReactElement {\r\n  const { t } = useTranslation([i18nNamespace, 'docs']);\r\n\r\n  const sectionNumbers = useMemo(() => {\r\n    let n = 0;\r\n    return {\r\n      valeur: ++n,\r\n      useCases: data.useCases?.length ? ++n : 0,\r\n      benefits: data.benefits?.length ? ++n : 0,\r\n      beforeAfter: data.beforeAfter ? ++n : 0,\r\n      features: data.features?.length ? ++n : 0,\r\n      steps: data.steps?.length ? ++n : 0,\r\n      faq: data.faq?.length ? ++n : 0,\r\n      reference: (data.businessRules || data.permissions || data.apiEndpoints) ? ++n : 0,\r\n    };\r\n  }, [data]);\r\n\r\n  const getBenefitIcon = (icon: string) => {\r\n    switch (icon) {\r\n      case 'time':\r\n        return <Clock className=\"w-8 h-8 text-blue-600\" />;\r\n      case 'quality':\r\n        return <TrendingUp className=\"w-8 h-8 text-green-600\" />;\r\n      case 'roi':\r\n        return <DollarSign className=\"w-8 h-8 text-amber-600\" />;\r\n      case 'users':\r\n        return <Users className=\"w-8 h-8 text-purple-600\" />;\r\n      case 'automation':\r\n        return <Zap className=\"w-8 h-8 text-orange-600\" />;\r\n      case 'security':\r\n        return <Shield className=\"w-8 h-8 text-red-600\" />;\r\n      default:\r\n        return <Gauge className=\"w-8 h-8 text-gray-600\" />;\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div className=\"space-y-8\">\r\n      {/* Back Navigation */}\r\n      {backPath && (\r\n        <Link\r\n          to={backPath}\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(backLabel)}\r\n        </Link>\r\n      )}\r\n\r\n      {/* Header */}\r\n      <div>\r\n        <h1 className=\"text-3xl font-bold mb-4\">\r\n          {data.overview.title ? t(data.overview.title) : t(data.overview.objective)}\r\n        </h1>\r\n        {data.overview.title && (\r\n          <p className=\"text-lg text-[var(--text-secondary)] mb-2\">{t(data.overview.objective)}</p>\r\n        )}\r\n        <p className=\"text-xl text-[var(--color-primary-600)] font-medium mb-2\">\r\n          {t(data.overview.solution)}\r\n        </p>\r\n        {data.overview.stats && (\r\n          <div className=\"flex gap-4 text-sm text-[var(--text-secondary)]\">\r\n            {data.overview.stats.useCases && (\r\n              <span>{data.overview.stats.useCases} cas d'usage</span>\r\n            )}\r\n            {data.overview.stats.businessRules && (\r\n              <span>{data.overview.stats.businessRules} règles métier</span>\r\n            )}\r\n            {data.overview.stats.permissions && (\r\n              <span>{data.overview.stats.permissions} permissions</span>\r\n            )}\r\n            {data.overview.stats.endpoints && (\r\n              <span>{data.overview.stats.endpoints} endpoints API</span>\r\n            )}\r\n          </div>\r\n        )}\r\n      </div>\r\n\r\n      {/* Section: Valeur Métier */}\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\">\r\n            {sectionNumbers.valeur}\r\n          </span>\r\n          Pourquoi ce module ?\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              Le problème que nous résolvons\r\n            </h3>\r\n            <p className=\"text-[var(--text-secondary)]\">{t(data.overview.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              Notre solution\r\n            </h3>\r\n            <p className=\"text-[var(--text-secondary)]\">{t(data.overview.solution)}</p>\r\n          </div>\r\n        </div>\r\n      </section>\r\n\r\n      {/* Section: Cas d'usage */}\r\n      {(data.useCases?.length ?? 0) > 0 && (\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\">\r\n              {sectionNumbers.useCases}\r\n            </span>\r\n            Cas d'usage\r\n          </h2>\r\n\r\n          <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\r\n            {data.useCases?.map((useCase) => (\r\n              <div key={useCase.id} 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 bg-blue-500/10 flex items-center justify-center\">\r\n                    <Users className=\"w-6 h-6 text-blue-600\" />\r\n                  </div>\r\n                  <div>\r\n                    <div className=\"font-semibold\">{t(useCase.name)}</div>\r\n                    <div className=\"text-sm text-[var(--text-secondary)]\">{useCase.actor}</div>\r\n                  </div>\r\n                </div>\r\n                <p className=\"text-sm text-[var(--text-secondary)]\">{t(useCase.description)}</p>\r\n                {useCase.priority && (\r\n                  <span className=\"inline-block mt-3 px-2 py-1 text-xs rounded bg-[var(--bg-secondary)] text-[var(--text-secondary)]\">\r\n                    Priorité: {useCase.priority}\r\n                  </span>\r\n                )}\r\n              </div>\r\n            ))}\r\n          </div>\r\n        </section>\r\n      )}\r\n\r\n      {/* Section: Bénéfices */}\r\n      {(data.benefits?.length ?? 0) > 0 && (\r\n        <section id=\"benefices\" 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\">\r\n              {sectionNumbers.benefits}\r\n            </span>\r\n            Bénéfices concrets\r\n          </h2>\r\n\r\n          <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\r\n            {data.benefits?.map((benefit, index) => (\r\n              <div key={`${benefit.titleKey}-${index}`} className=\"card p-6 text-center\">\r\n                <div className=\"w-16 h-16 mx-auto mb-4 rounded-full bg-blue-500/10 flex items-center justify-center\">\r\n                  {getBenefitIcon(benefit.icon)}\r\n                </div>\r\n                <div className=\"text-3xl font-bold text-[var(--color-primary-600)] mb-2\">\r\n                  {benefit.value}\r\n                </div>\r\n                <div className=\"font-semibold mb-1\">{t(benefit.titleKey)}</div>\r\n                <p className=\"text-sm text-[var(--text-secondary)]\">{t(benefit.descriptionKey)}</p>\r\n              </div>\r\n            ))}\r\n          </div>\r\n        </section>\r\n      )}\r\n\r\n      {/* Section: Avant/Après */}\r\n      {data.beforeAfter && (\r\n        <section id=\"avant-apres\" 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\">\r\n              {sectionNumbers.beforeAfter}\r\n            </span>\r\n            Avant / Après\r\n          </h2>\r\n\r\n          <div className=\"card p-6\">\r\n            <div className=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\r\n              <div className=\"p-4 rounded-lg bg-red-500/5 border border-red-500/20\">\r\n                <h3 className=\"font-semibold mb-4 flex items-center gap-2 text-red-600\">\r\n                  <XCircle className=\"w-5 h-5\" />\r\n                  Avant\r\n                </h3>\r\n                <ul className=\"space-y-2\">\r\n                  {data.beforeAfter.beforeItems.map((item, index) => (\r\n                    <li key={`before-${index}`} className=\"flex items-start gap-2 text-sm\">\r\n                      <XCircle className=\"w-4 h-4 text-red-500 mt-0.5 flex-shrink-0\" />\r\n                      <span>{item}</span>\r\n                    </li>\r\n                  ))}\r\n                </ul>\r\n              </div>\r\n\r\n              <div className=\"p-4 rounded-lg bg-green-500/5 border border-green-500/20\">\r\n                <h3 className=\"font-semibold mb-4 flex items-center gap-2 text-green-600\">\r\n                  <CheckCircle className=\"w-5 h-5\" />\r\n                  Après\r\n                </h3>\r\n                <ul className=\"space-y-2\">\r\n                  {data.beforeAfter.afterItems.map((item, index) => (\r\n                    <li key={`after-${index}`} className=\"flex items-start gap-2 text-sm\">\r\n                      <CheckCircle className=\"w-4 h-4 text-green-500 mt-0.5 flex-shrink-0\" />\r\n                      <span>{item}</span>\r\n                    </li>\r\n                  ))}\r\n                </ul>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </section>\r\n      )}\r\n\r\n      {/* Section: Fonctionnalités */}\r\n      {(data.features?.length ?? 0) > 0 && (\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\">\r\n              {sectionNumbers.features}\r\n            </span>\r\n            Ce que vous pouvez faire\r\n          </h2>\r\n\r\n          <div className=\"space-y-4\">\r\n            {data.features?.map((feature) => (\r\n              <div key={feature.id} 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                    <Zap 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(feature.title)}</h3>\r\n                    <p className=\"text-[var(--text-secondary)] mb-3\">{t(feature.description)}</p>\r\n                    {feature.example && (\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)]\">Exemple: </span>\r\n                        {t(feature.example)}\r\n                      </div>\r\n                    )}\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            ))}\r\n          </div>\r\n        </section>\r\n      )}\r\n\r\n      {/* Section: Guide pas à pas */}\r\n      {(data.steps?.length ?? 0) > 0 && (\r\n        <section id=\"guide\" 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\">\r\n              {sectionNumbers.steps}\r\n            </span>\r\n            Comment démarrer\r\n          </h2>\r\n\r\n          <div className=\"card p-6\">\r\n            <div className=\"space-y-6\">\r\n              {data.steps?.map((step, index) => (\r\n                <div key={step.number} className=\"flex gap-4\">\r\n                  <div className=\"flex flex-col items-center\">\r\n                    <div className=\"w-10 h-10 rounded-full bg-[var(--color-primary-600)] text-white flex items-center justify-center font-bold\">\r\n                      {step.number}\r\n                    </div>\r\n                    {index < data.steps!.length - 1 && (\r\n                      <div className=\"w-0.5 h-full bg-[var(--border-color)] mt-2\"></div>\r\n                    )}\r\n                  </div>\r\n                  <div className=\"flex-1 pb-6\">\r\n                    <h4 className=\"font-semibold mb-2\">{step.title}</h4>\r\n                    <p className=\"text-sm text-[var(--text-secondary)] mb-3\">{step.description}</p>\r\n                    {step.screenshotKey && data.screenshots?.[step.screenshotKey] && (\r\n                      <img\r\n                        src={data.screenshots[step.screenshotKey]}\r\n                        alt={step.title}\r\n                        className=\"rounded-lg border border-[var(--border-color)]\"\r\n                        onError={(e) => {\r\n                          (e.target as HTMLImageElement).style.display = 'none';\r\n                        }}\r\n                      />\r\n                    )}\r\n                  </div>\r\n                </div>\r\n              ))}\r\n            </div>\r\n          </div>\r\n        </section>\r\n      )}\r\n\r\n      {/* Section: FAQ */}\r\n      {(data.faq?.length ?? 0) > 0 && (\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\">\r\n              {sectionNumbers.faq}\r\n            </span>\r\n            Questions fréquentes\r\n          </h2>\r\n\r\n          <div className=\"space-y-4\">\r\n            {data.faq?.map((faqItem, index) => (\r\n              <div key={`faq-${index}`} className=\"card p-4\">\r\n                <h3 className=\"font-medium mb-2\">{t(faqItem.questionKey)}</h3>\r\n                <p className=\"text-sm text-[var(--text-secondary)]\">{t(faqItem.answerKey)}</p>\r\n              </div>\r\n            ))}\r\n          </div>\r\n        </section>\r\n      )}\r\n\r\n      {/* Section: Référence technique */}\r\n      {(data.businessRules || data.permissions || data.apiEndpoints) && (\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\">\r\n                {sectionNumbers.reference}\r\n              </span>\r\n              Référence technique (administrateurs)\r\n            </summary>\r\n            <div className=\"p-4 pt-0 space-y-6\">\r\n              {/* Business Rules */}\r\n              {(data.businessRules?.length ?? 0) > 0 && (\r\n                <div>\r\n                  <h3 className=\"font-semibold mb-3\">Règles métier</h3>\r\n                  <div className=\"space-y-2\">\r\n                    {data.businessRules?.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)]\">\r\n                            {rule.id}\r\n                          </span>\r\n                          <span className=\"text-xs px-2 py-0.5 rounded bg-[var(--color-primary-600)]/10\">\r\n                            {rule.category}\r\n                          </span>\r\n                        </div>\r\n                        <div className=\"font-medium text-sm\">{rule.name}</div>\r\n                        <p className=\"text-xs text-[var(--text-secondary)] mt-1\">{t(rule.statement)}</p>\r\n                      </div>\r\n                    ))}\r\n                  </div>\r\n                </div>\r\n              )}\r\n\r\n              {/* Permissions */}\r\n              {(data.permissions?.length ?? 0) > 0 && (\r\n                <div>\r\n                  <h3 className=\"font-semibold mb-3\">Permissions</h3>\r\n                  <div className=\"overflow-x-auto\">\r\n                    <table className=\"w-full text-sm\">\r\n                      <thead>\r\n                        <tr className=\"border-b border-[var(--border-color)]\">\r\n                          <th className=\"text-left py-2 px-3\">Permission</th>\r\n                          <th className=\"text-left py-2 px-3\">Description</th>\r\n                          <th className=\"text-left py-2 px-3\">Rôles</th>\r\n                        </tr>\r\n                      </thead>\r\n                      <tbody>\r\n                        {data.permissions?.map((perm, index) => (\r\n                          <tr key={`perm-${index}`} className=\"border-b border-[var(--border-color)]\">\r\n                            <td className=\"py-2 px-3 font-mono text-xs\">{perm.path}</td>\r\n                            <td className=\"py-2 px-3\">{perm.description}</td>\r\n                            <td className=\"py-2 px-3\">\r\n                              <div className=\"flex flex-wrap gap-1\">\r\n                                {perm.roles.map((role) => (\r\n                                  <span\r\n                                    key={role}\r\n                                    className=\"px-2 py-0.5 rounded bg-[var(--color-primary-600)]/10 text-xs\"\r\n                                  >\r\n                                    {role}\r\n                                  </span>\r\n                                ))}\r\n                              </div>\r\n                            </td>\r\n                          </tr>\r\n                        ))}\r\n                      </tbody>\r\n                    </table>\r\n                  </div>\r\n                </div>\r\n              )}\r\n\r\n              {/* API Endpoints */}\r\n              {(data.apiEndpoints?.length ?? 0) > 0 && (\r\n                <div>\r\n                  <h3 className=\"font-semibold mb-3\">Points de terminaison API</h3>\r\n                  <div className=\"space-y-2\">\r\n                    {data.apiEndpoints?.map((endpoint, index) => (\r\n                      <div key={`endpoint-${index}`} className=\"p-3 rounded-lg bg-[var(--bg-secondary)]\">\r\n                        <div className=\"flex items-center gap-2 mb-1\">\r\n                          <span\r\n                            className={`text-xs font-bold px-2 py-0.5 rounded ${\r\n                              (() => {\r\n                                const methodColors: Record<string, string> = {\r\n                                  GET: 'bg-blue-500/10 text-blue-600',\r\n                                  POST: 'bg-green-500/10 text-green-600',\r\n                                  PUT: 'bg-orange-500/10 text-orange-600',\r\n                                  PATCH: 'bg-orange-500/10 text-orange-600',\r\n                                };\r\n                                return methodColors[endpoint.method] ?? 'bg-red-500/10 text-red-600';\r\n                              })()\r\n                            }`}\r\n                          >\r\n                            {endpoint.method}\r\n                          </span>\r\n                          <code className=\"text-xs\">{endpoint.path}</code>\r\n                        </div>\r\n                        <div className=\"text-xs text-[var(--text-secondary)] mt-1\">\r\n                          Handler: {endpoint.handler} | Permission: {endpoint.permission}\r\n                        </div>\r\n                      </div>\r\n                    ))}\r\n                  </div>\r\n                </div>\r\n              )}\r\n            </div>\r\n          </details>\r\n        </section>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n"],"names":["DocRenderer","data","backPath","backLabel","i18nNamespace","t","useTranslation","sectionNumbers","useMemo","n","getBenefitIcon","icon","jsx","Clock","TrendingUp","DollarSign","Users","Zap","Shield","Gauge","jsxs","Link","ArrowLeft","Target","Lightbulb","useCase","benefit","index","XCircle","item","CheckCircle","feature","step","e","faqItem","rule","perm","role","endpoint"],"mappings":"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"}