import { jsxs as a, jsx as e } from "react/jsx-runtime";
import { useState as v } from "react";
import { Link as u } from "react-router-dom";
import { useTranslation as g } from "react-i18next";
import { ArrowLeft as N, Shield as n, Target as f, ShieldCheck as o, ChevronRight as c, CheckCircle as m, Key as b, Clock as y, Users as h, Zap as x, Building as k, Calendar as w, Server as L, Monitor as T, Layers as A, Unlock as S, Lock as R, HelpCircle as B, Code2 as C, Info as E } from "lucide-react";
function s({ children: r }) {
  return /* @__PURE__ */ a("div", { className: "mt-3 flex items-start gap-2 px-3 py-2 rounded-md bg-blue-50 border border-blue-200 text-xs text-blue-800 dark:bg-blue-950/30 dark:border-blue-800 dark:text-blue-300", children: [
    /* @__PURE__ */ e(E, { className: "h-3.5 w-3.5 flex-shrink-0 mt-0.5" }),
    /* @__PURE__ */ e("span", { children: r })
  ] });
}
const G = [
  { method: "GET", path: "/api/administration/license", handler: "GetLicenseInfo", permission: "anonymous" },
  { method: "POST", path: "/api/administration/license/activate", handler: "ActivateLicense", permission: "administration.license.update" },
  { method: "GET", path: "/api/administration/license/features/{featureName}", handler: "IsFeatureEnabled", permission: "anonymous" },
  { method: "GET", path: "/api/administration/license/limits", handler: "GetLicenseLimits", permission: "anonymous" },
  { method: "GET", path: "/api/administration/license/limits/{limitKey}/check", handler: "CheckLimitExceeded", permission: "anonymous" },
  { method: "GET", path: "/api/administration/license/readonly-status", handler: "GetReadOnlyStatus", permission: "anonymous" },
  { method: "GET", path: "/api/administration/license/usage", handler: "GetUsage", permission: "anonymous" },
  { method: "POST", path: "/api/administration/license/validate-server", handler: "ValidateOnServer", permission: "administration.license.update" }
], $ = {
  GET: "bg-blue-500/10 text-blue-700 border-blue-500/20",
  POST: "bg-green-500/10 text-green-700 border-green-500/20"
}, D = [
  { id: "BR-001", name: "JWT RSA-2048", category: "Sécurité", key: "tech.rules.br001" },
  { id: "BR-002", name: "Essai automatique", category: "Business Logic", key: "tech.rules.br002" },
  { id: "BR-003", name: "Mode lecture seule", category: "Business Logic", key: "tech.rules.br003" },
  { id: "BR-004", name: "Période de grâce", category: "Business Logic", key: "tech.rules.br004" },
  { id: "BR-005", name: "Empreinte machine", category: "Sécurité", key: "tech.rules.br005" },
  { id: "BR-006", name: "Tolérance utilisateurs", category: "Validation", key: "tech.rules.br006" },
  { id: "BR-007", name: "Tolérance tenants", category: "Validation", key: "tech.rules.br007" },
  { id: "BR-008", name: "Heartbeat serveur", category: "Business Logic", key: "tech.rules.br008" }
], j = [
  { label: "AI", enabled: !0 },
  { label: "Workflows", enabled: !0 },
  { label: "Entra ID", enabled: !1 },
  { label: "Branding", enabled: !1 }
], P = [
  { label: "Support", enabled: !0 },
  { label: "Communications", enabled: !0 },
  { label: "Reporting", enabled: !1 }
], I = [
  { label: "API Access", enabled: !0 },
  { label: "Multi-Tenant", enabled: !0 },
  { label: "Audit Logs", enabled: !1 }
];
function F() {
  const { t: r } = g("docsAdministrationConfigurationLicense"), [d, p] = v(!1);
  return /* @__PURE__ */ a("div", { className: "space-y-8 max-w-5xl mx-auto px-4 py-6", children: [
    /* @__PURE__ */ a(
      u,
      {
        to: "/docs/business/administration/configuration",
        className: "inline-flex items-center gap-1.5 text-sm text-[var(--color-accent-500)] hover:text-[var(--color-accent-600)] transition-colors",
        children: [
          /* @__PURE__ */ e(N, { className: "h-4 w-4" }),
          r("nav.backToConfiguration")
        ]
      }
    ),
    /* @__PURE__ */ a("section", { children: [
      /* @__PURE__ */ a("div", { className: "flex items-center gap-3 mb-4", children: [
        /* @__PURE__ */ e("div", { className: "p-2 rounded-lg bg-[var(--color-accent-100)]", children: /* @__PURE__ */ e(n, { className: "h-6 w-6 text-[var(--color-accent-600)]" }) }),
        /* @__PURE__ */ a("div", { children: [
          /* @__PURE__ */ e("h1", { className: "text-2xl font-bold text-[var(--text-primary)]", children: r("title") }),
          /* @__PURE__ */ e("p", { className: "text-sm text-[var(--text-secondary)] mt-0.5", children: r("subtitle") })
        ] })
      ] }),
      /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
        /* @__PURE__ */ a("div", { className: "p-4 rounded-lg bg-red-50 border border-red-200 dark:bg-red-950/20 dark:border-red-800", children: [
          /* @__PURE__ */ a("div", { className: "flex items-center gap-2 mb-2", children: [
            /* @__PURE__ */ e(f, { className: "h-4 w-4 text-red-600" }),
            /* @__PURE__ */ e("h3", { className: "text-sm font-semibold text-red-800 dark:text-red-300", children: r("value.problemTitle") })
          ] }),
          /* @__PURE__ */ e("p", { className: "text-xs text-red-700 dark:text-red-400", children: r("value.problem") })
        ] }),
        /* @__PURE__ */ a("div", { className: "p-4 rounded-lg bg-green-50 border border-green-200 dark:bg-green-950/20 dark:border-green-800", children: [
          /* @__PURE__ */ a("div", { className: "flex items-center gap-2 mb-2", children: [
            /* @__PURE__ */ e(o, { className: "h-4 w-4 text-green-600" }),
            /* @__PURE__ */ e("h3", { className: "text-sm font-semibold text-green-800 dark:text-green-300", children: r("value.solutionTitle") })
          ] }),
          /* @__PURE__ */ e("p", { className: "text-xs text-green-700 dark:text-green-400", children: r("value.solution") })
        ] })
      ] })
    ] }),
    /* @__PURE__ */ a("section", { children: [
      /* @__PURE__ */ e("h2", { className: "text-lg font-semibold text-[var(--text-primary)] mb-3", children: r("access.title") }),
      /* @__PURE__ */ a("div", { className: "flex flex-wrap items-center gap-2 text-sm mb-3", children: [
        /* @__PURE__ */ e("span", { className: "px-2 py-0.5 rounded bg-[var(--bg-tertiary)] text-[var(--text-muted)]", children: "Administration" }),
        /* @__PURE__ */ e(c, { className: "h-3.5 w-3.5 text-[var(--text-muted)]" }),
        /* @__PURE__ */ e("span", { className: "px-2 py-0.5 rounded bg-[var(--bg-tertiary)] text-[var(--text-muted)]", children: "Configuration" }),
        /* @__PURE__ */ e(c, { className: "h-3.5 w-3.5 text-[var(--text-muted)]" }),
        /* @__PURE__ */ e("span", { className: "px-2 py-0.5 rounded bg-[var(--color-accent-100)] text-[var(--color-accent-700)] font-medium", children: r("access.page") })
      ] }),
      /* @__PURE__ */ a("div", { className: "flex flex-wrap gap-3 text-xs", children: [
        /* @__PURE__ */ e("div", { className: "px-3 py-1.5 rounded-full bg-[var(--bg-secondary)] border border-[var(--border-color)] font-mono text-[var(--text-secondary)]", children: "/administration/configuration/license" }),
        /* @__PURE__ */ e("div", { className: "px-3 py-1.5 rounded-full bg-blue-500/10 border border-blue-500/20 text-blue-700 font-mono", children: "administration.license.read" }),
        /* @__PURE__ */ e("div", { className: "px-3 py-1.5 rounded-full bg-green-500/10 border border-green-500/20 text-green-700 font-mono", children: "administration.license.update" })
      ] })
    ] }),
    /* @__PURE__ */ a("section", { children: [
      /* @__PURE__ */ e("h2", { className: "text-lg font-semibold text-[var(--text-primary)] mb-3", children: r("interface.title") }),
      /* @__PURE__ */ a("div", { className: "border border-[var(--border-color)] rounded-lg overflow-hidden bg-[var(--bg-card)] shadow-sm", children: [
        /* @__PURE__ */ a("div", { className: "px-4 py-3 border-b border-[var(--border-color)] flex items-center justify-between bg-[var(--bg-secondary)]", children: [
          /* @__PURE__ */ a("div", { children: [
            /* @__PURE__ */ e("div", { className: "text-sm font-bold text-[var(--text-primary)]", children: r("mock.header") }),
            /* @__PURE__ */ e("div", { className: "text-xs text-[var(--text-muted)]", children: r("mock.headerSub") })
          ] }),
          /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
            /* @__PURE__ */ a("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 text-xs rounded-full bg-green-500/10 border border-green-500/20 text-green-700", children: [
              /* @__PURE__ */ e(m, { className: "h-3 w-3" }),
              "Professional · Active"
            ] }),
            /* @__PURE__ */ a("button", { className: "inline-flex items-center gap-1.5 px-2.5 py-1.5 text-xs border border-[var(--border-color)] rounded-md bg-[var(--bg-card)] text-[var(--text-secondary)]", children: [
              /* @__PURE__ */ e(o, { className: "h-3.5 w-3.5" }),
              r("mock.btnValidate")
            ] }),
            /* @__PURE__ */ a("button", { className: "inline-flex items-center gap-1.5 px-2.5 py-1.5 text-xs rounded-md bg-[var(--color-primary-600)] text-white", children: [
              /* @__PURE__ */ e(b, { className: "h-3.5 w-3.5" }),
              r("mock.btnActivate")
            ] })
          ] })
        ] }),
        /* @__PURE__ */ e("div", { className: "p-4", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-3", children: [
          /* @__PURE__ */ a("div", { className: "p-3 rounded-lg border bg-[var(--info-bg)] text-[var(--info-text)] border-[var(--info-border)]", children: [
            /* @__PURE__ */ a("div", { className: "flex items-center gap-1.5 mb-1.5", children: [
              /* @__PURE__ */ e(n, { className: "h-4 w-4 opacity-80" }),
              /* @__PURE__ */ e("span", { className: "text-xs opacity-80", children: r("mock.kpi.edition") })
            ] }),
            /* @__PURE__ */ e("div", { className: "text-xl font-bold", children: "Professional" })
          ] }),
          /* @__PURE__ */ a("div", { className: "p-3 rounded-lg border bg-[var(--success-bg)] text-[var(--success-text)] border-[var(--success-border)]", children: [
            /* @__PURE__ */ a("div", { className: "flex items-center gap-1.5 mb-1.5", children: [
              /* @__PURE__ */ e(m, { className: "h-4 w-4 opacity-80" }),
              /* @__PURE__ */ e("span", { className: "text-xs opacity-80", children: r("mock.kpi.status") })
            ] }),
            /* @__PURE__ */ e("div", { className: "text-xl font-bold", children: "Active" })
          ] }),
          /* @__PURE__ */ a("div", { className: "p-3 rounded-lg border bg-[var(--success-bg)] text-[var(--success-text)] border-[var(--success-border)]", children: [
            /* @__PURE__ */ a("div", { className: "flex items-center gap-1.5 mb-1.5", children: [
              /* @__PURE__ */ e(y, { className: "h-4 w-4 opacity-80" }),
              /* @__PURE__ */ e("span", { className: "text-xs opacity-80", children: r("mock.kpi.days") })
            ] }),
            /* @__PURE__ */ e("div", { className: "text-xl font-bold", children: "142" })
          ] }),
          /* @__PURE__ */ a("div", { className: "p-3 rounded-lg border bg-[var(--info-bg)] text-[var(--info-text)] border-[var(--info-border)]", children: [
            /* @__PURE__ */ a("div", { className: "flex items-center gap-1.5 mb-1.5", children: [
              /* @__PURE__ */ e(h, { className: "h-4 w-4 opacity-80" }),
              /* @__PURE__ */ e("span", { className: "text-xs opacity-80", children: r("mock.kpi.maxUsers") })
            ] }),
            /* @__PURE__ */ e("div", { className: "text-xl font-bold", children: "100" })
          ] })
        ] }) })
      ] }),
      /* @__PURE__ */ e(s, { children: r("annotation.kpis") }),
      /* @__PURE__ */ a("div", { className: "mt-4 border border-[var(--border-color)] rounded-lg overflow-hidden bg-[var(--bg-card)] shadow-sm", children: [
        /* @__PURE__ */ a("div", { className: "px-4 py-3 border-b border-[var(--border-color)] flex items-center gap-2 bg-[var(--bg-secondary)]", children: [
          /* @__PURE__ */ e(x, { className: "h-4 w-4" }),
          /* @__PURE__ */ e("span", { className: "text-sm font-semibold", children: r("mock.limits.title") })
        ] }),
        /* @__PURE__ */ e("div", { className: "p-6", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-2 gap-8 max-w-sm mx-auto", children: [
          /* @__PURE__ */ a("div", { className: "flex flex-col items-center gap-2", children: [
            /* @__PURE__ */ a("div", { className: "relative w-28 h-28", children: [
              /* @__PURE__ */ a("svg", { viewBox: "0 0 100 100", className: "w-full h-full -rotate-[135deg]", children: [
                /* @__PURE__ */ e(
                  "circle",
                  {
                    cx: "50",
                    cy: "50",
                    r: "38",
                    fill: "none",
                    stroke: "var(--bg-tertiary)",
                    strokeWidth: "10",
                    strokeDasharray: "240 360",
                    strokeLinecap: "round"
                  }
                ),
                /* @__PURE__ */ e(
                  "circle",
                  {
                    cx: "50",
                    cy: "50",
                    r: "38",
                    fill: "none",
                    stroke: "#f59e0b",
                    strokeWidth: "10",
                    strokeDasharray: "36 360",
                    strokeLinecap: "round",
                    strokeDashoffset: "-204",
                    opacity: "0.35"
                  }
                ),
                /* @__PURE__ */ e(
                  "circle",
                  {
                    cx: "50",
                    cy: "50",
                    r: "38",
                    fill: "none",
                    stroke: "#3b82f6",
                    strokeWidth: "10",
                    strokeDasharray: "168 360",
                    strokeLinecap: "round"
                  }
                )
              ] }),
              /* @__PURE__ */ a("div", { className: "absolute inset-0 flex flex-col items-center justify-center", children: [
                /* @__PURE__ */ e(h, { className: "h-4 w-4 text-blue-500 mb-0.5" }),
                /* @__PURE__ */ e("span", { className: "text-base font-bold", children: "70%" }),
                /* @__PURE__ */ e("span", { className: "text-xs text-[var(--text-muted)]", children: "35 / 50" })
              ] })
            ] }),
            /* @__PURE__ */ e("span", { className: "text-sm font-medium", children: r("mock.limits.users") }),
            /* @__PURE__ */ a("span", { className: "text-xs text-[var(--text-muted)]", children: [
              "+10 ",
              r("mock.limits.tolerance")
            ] })
          ] }),
          /* @__PURE__ */ a("div", { className: "flex flex-col items-center gap-2", children: [
            /* @__PURE__ */ a("div", { className: "relative w-28 h-28", children: [
              /* @__PURE__ */ a("svg", { viewBox: "0 0 100 100", className: "w-full h-full -rotate-[135deg]", children: [
                /* @__PURE__ */ e(
                  "circle",
                  {
                    cx: "50",
                    cy: "50",
                    r: "38",
                    fill: "none",
                    stroke: "var(--bg-tertiary)",
                    strokeWidth: "10",
                    strokeDasharray: "240 360",
                    strokeLinecap: "round"
                  }
                ),
                /* @__PURE__ */ e(
                  "circle",
                  {
                    cx: "50",
                    cy: "50",
                    r: "38",
                    fill: "none",
                    stroke: "#f59e0b",
                    strokeWidth: "10",
                    strokeDasharray: "12 360",
                    strokeLinecap: "round",
                    strokeDashoffset: "-228",
                    opacity: "0.35"
                  }
                ),
                /* @__PURE__ */ e(
                  "circle",
                  {
                    cx: "50",
                    cy: "50",
                    r: "38",
                    fill: "none",
                    stroke: "#3b82f6",
                    strokeWidth: "10",
                    strokeDasharray: "60 360",
                    strokeLinecap: "round"
                  }
                )
              ] }),
              /* @__PURE__ */ a("div", { className: "absolute inset-0 flex flex-col items-center justify-center", children: [
                /* @__PURE__ */ e(k, { className: "h-4 w-4 text-blue-500 mb-0.5" }),
                /* @__PURE__ */ e("span", { className: "text-base font-bold", children: "25%" }),
                /* @__PURE__ */ e("span", { className: "text-xs text-[var(--text-muted)]", children: "5 / 20" })
              ] })
            ] }),
            /* @__PURE__ */ e("span", { className: "text-sm font-medium", children: r("mock.limits.tenants") }),
            /* @__PURE__ */ a("span", { className: "text-xs text-[var(--text-muted)]", children: [
              "+2 ",
              r("mock.limits.tolerance")
            ] })
          ] })
        ] }) })
      ] }),
      /* @__PURE__ */ e(s, { children: r("annotation.limits") }),
      /* @__PURE__ */ a("div", { className: "mt-4 grid grid-cols-1 md:grid-cols-3 gap-4", children: [
        /* @__PURE__ */ a("div", { className: "border border-[var(--border-color)] rounded-lg p-4 bg-[var(--bg-card)]", children: [
          /* @__PURE__ */ a("div", { className: "flex items-center gap-2 mb-3", children: [
            /* @__PURE__ */ e(w, { className: "h-4 w-4" }),
            /* @__PURE__ */ e("span", { className: "text-sm font-semibold", children: r("mock.details.title") })
          ] }),
          /* @__PURE__ */ e("div", { className: "space-y-2 text-xs", children: [
            { label: r("mock.details.product"), value: "SmartStack" },
            { label: r("mock.details.company"), value: "Atlas SA" },
            { label: r("mock.details.edition"), value: "Professional" },
            { label: r("mock.details.status"), value: "Active" },
            { label: r("mock.details.activatedAt"), value: "15 jan. 2026" },
            { label: r("mock.details.expiresAt"), value: "14 jan. 2027" }
          ].map((t) => /* @__PURE__ */ a("div", { className: "flex justify-between border-b border-[var(--border-color)] pb-1.5", children: [
            /* @__PURE__ */ e("span", { className: "text-[var(--text-muted)]", children: t.label }),
            /* @__PURE__ */ e("span", { className: "font-medium", children: t.value })
          ] }, t.label)) })
        ] }),
        /* @__PURE__ */ a("div", { className: "border border-[var(--border-color)] rounded-lg p-4 bg-[var(--bg-card)]", children: [
          /* @__PURE__ */ a("div", { className: "flex items-center gap-2 mb-3", children: [
            /* @__PURE__ */ e(L, { className: "h-4 w-4" }),
            /* @__PURE__ */ e("span", { className: "text-sm font-semibold", children: r("mock.sub.title") })
          ] }),
          /* @__PURE__ */ e("div", { className: "space-y-2 text-xs", children: [
            { label: r("mock.sub.type"), value: "Subscription" },
            { label: r("mock.sub.maxUsers"), value: "100" },
            { label: r("mock.sub.grace"), value: "30 j" },
            { label: r("mock.sub.mode"), value: "Licensed" }
          ].map((t) => /* @__PURE__ */ a("div", { className: "flex justify-between border-b border-[var(--border-color)] pb-1.5", children: [
            /* @__PURE__ */ e("span", { className: "text-[var(--text-muted)]", children: t.label }),
            /* @__PURE__ */ e("span", { className: "font-medium", children: t.value })
          ] }, t.label)) })
        ] }),
        /* @__PURE__ */ a("div", { className: "border border-[var(--border-color)] rounded-lg p-4 bg-[var(--bg-card)]", children: [
          /* @__PURE__ */ a("div", { className: "flex items-center gap-2 mb-3", children: [
            /* @__PURE__ */ e(T, { className: "h-4 w-4" }),
            /* @__PURE__ */ e("span", { className: "text-sm font-semibold", children: r("mock.machine.title") })
          ] }),
          /* @__PURE__ */ e("div", { className: "space-y-2 text-xs", children: [
            { label: r("mock.machine.name"), value: "PROD-SRV-01" },
            { label: r("mock.machine.instanceId"), value: "a3f7-4d8e-..." },
            { label: r("mock.machine.licenseId"), value: "sls-29f1-..." }
          ].map((t) => /* @__PURE__ */ a("div", { className: "flex flex-col border-b border-[var(--border-color)] pb-1.5 gap-0.5", children: [
            /* @__PURE__ */ e("span", { className: "text-[var(--text-muted)]", children: t.label }),
            /* @__PURE__ */ e("span", { className: "font-mono text-[var(--text-primary)] break-all", children: t.value })
          ] }, t.label)) })
        ] })
      ] }),
      /* @__PURE__ */ e(s, { children: r("annotation.details") }),
      /* @__PURE__ */ a("div", { className: "mt-4 border border-[var(--border-color)] rounded-lg overflow-hidden bg-[var(--bg-card)] shadow-sm", children: [
        /* @__PURE__ */ a("div", { className: "px-4 py-3 border-b border-[var(--border-color)] flex items-center gap-2 bg-[var(--bg-secondary)]", children: [
          /* @__PURE__ */ e(A, { className: "h-4 w-4" }),
          /* @__PURE__ */ e("span", { className: "text-sm font-semibold", children: r("mock.features.title") })
        ] }),
        /* @__PURE__ */ e("div", { className: "p-4", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6", children: [
          { groupKey: "mock.features.adminGroup", items: j },
          { groupKey: "mock.features.businessGroup", items: P },
          { groupKey: "mock.features.platformGroup", items: I }
        ].map(({ groupKey: t, items: i }) => /* @__PURE__ */ a("div", { children: [
          /* @__PURE__ */ e("h4", { className: "text-xs font-semibold uppercase tracking-wider text-[var(--text-muted)] mb-2", children: r(t) }),
          /* @__PURE__ */ e("div", { className: "space-y-1.5", children: i.map((l) => /* @__PURE__ */ a(
            "div",
            {
              className: `flex items-center gap-2 px-2.5 py-1.5 rounded-md border text-xs ${l.enabled ? "bg-[var(--success-bg)] text-[var(--success-text)] border-[var(--success-border)]" : "bg-[var(--bg-secondary)] text-[var(--text-muted)] border-[var(--border-color)] opacity-60"}`,
              children: [
                l.enabled ? /* @__PURE__ */ e(S, { className: "h-3 w-3 flex-shrink-0" }) : /* @__PURE__ */ e(R, { className: "h-3 w-3 flex-shrink-0" }),
                /* @__PURE__ */ e("span", { className: "font-medium", children: l.label })
              ]
            },
            l.label
          )) })
        ] }, t)) }) })
      ] }),
      /* @__PURE__ */ e(s, { children: r("annotation.features") })
    ] }),
    /* @__PURE__ */ a("section", { children: [
      /* @__PURE__ */ e("h2", { className: "text-lg font-semibold text-[var(--text-primary)] mb-3", children: r("dialog.sectionTitle") }),
      /* @__PURE__ */ a("div", { className: "border border-[var(--border-color)] rounded-lg p-5 bg-[var(--bg-card)] max-w-sm shadow-sm", children: [
        /* @__PURE__ */ a("div", { className: "flex items-center gap-2 mb-3", children: [
          /* @__PURE__ */ e(b, { className: "h-5 w-5 text-[var(--color-primary-600)]" }),
          /* @__PURE__ */ e("h3", { className: "font-semibold text-sm", children: r("dialog.title") })
        ] }),
        /* @__PURE__ */ e("p", { className: "text-xs text-[var(--text-muted)] mb-4", children: r("dialog.description") }),
        /* @__PURE__ */ e("label", { className: "block text-xs font-medium mb-1.5", children: r("dialog.label") }),
        /* @__PURE__ */ e(
          "textarea",
          {
            disabled: !0,
            className: "w-full h-20 px-3 py-2 text-xs font-mono rounded-md border border-[var(--border-color)] bg-[var(--bg-secondary)] text-[var(--text-muted)] resize-none",
            placeholder: r("dialog.placeholder")
          }
        ),
        /* @__PURE__ */ e(
          "button",
          {
            disabled: !0,
            className: "mt-3 w-full px-4 py-2 rounded-md bg-[var(--color-primary-600)] text-white text-sm font-medium opacity-80",
            children: r("dialog.btnActivate")
          }
        )
      ] }),
      /* @__PURE__ */ e(s, { children: r("annotation.dialog") })
    ] }),
    /* @__PURE__ */ a("section", { children: [
      /* @__PURE__ */ e("h2", { className: "text-lg font-semibold text-[var(--text-primary)] mb-4", children: r("usecases.title") }),
      /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [1, 2, 3].map((t) => /* @__PURE__ */ a("div", { className: "border border-[var(--border-color)] rounded-lg p-4 bg-[var(--bg-card)]", children: [
        /* @__PURE__ */ e("div", { className: "text-xs font-semibold text-[var(--color-primary-600)] uppercase tracking-wide mb-1", children: r(`usecases.uc${t}.role`) }),
        /* @__PURE__ */ e("p", { className: "text-sm font-medium mb-2", children: r(`usecases.uc${t}.action`) }),
        /* @__PURE__ */ e("p", { className: "text-xs text-[var(--text-muted)]", children: r(`usecases.uc${t}.result`) })
      ] }, t)) })
    ] }),
    /* @__PURE__ */ a("section", { children: [
      /* @__PURE__ */ e("h2", { className: "text-lg font-semibold text-[var(--text-primary)] mb-4", children: r("features.title") }),
      /* @__PURE__ */ e("div", { className: "space-y-3", children: [1, 2, 3, 4, 5].map((t) => /* @__PURE__ */ a("div", { className: "border border-[var(--border-color)] rounded-lg p-4 bg-[var(--bg-card)] flex gap-4", children: [
        /* @__PURE__ */ e("div", { className: "p-2 rounded-lg bg-[var(--color-primary-600)]/10 flex-shrink-0 h-fit", children: /* @__PURE__ */ e(x, { className: "h-4 w-4 text-[var(--color-primary-600)]" }) }),
        /* @__PURE__ */ a("div", { children: [
          /* @__PURE__ */ e("h3", { className: "text-sm font-semibold mb-1", children: r(`features.f${t}.title`) }),
          /* @__PURE__ */ e("p", { className: "text-xs text-[var(--text-muted)] mb-2", children: r(`features.f${t}.desc`) }),
          /* @__PURE__ */ a("div", { className: "px-3 py-1.5 rounded-md bg-[var(--bg-secondary)] text-xs", children: [
            /* @__PURE__ */ e("span", { className: "font-medium text-[var(--color-primary-600)]", children: "Ex. " }),
            r(`features.f${t}.example`)
          ] })
        ] })
      ] }, t)) })
    ] }),
    /* @__PURE__ */ a("section", { children: [
      /* @__PURE__ */ e("h2", { className: "text-lg font-semibold text-[var(--text-primary)] mb-4", children: r("faq.title") }),
      /* @__PURE__ */ e("div", { className: "space-y-3", children: [1, 2, 3, 4, 5].map((t) => /* @__PURE__ */ a("div", { className: "border border-[var(--border-color)] rounded-lg p-4 bg-[var(--bg-card)]", children: [
        /* @__PURE__ */ a("div", { className: "flex items-start gap-2 mb-2", children: [
          /* @__PURE__ */ e(B, { className: "h-4 w-4 text-[var(--color-primary-600)] flex-shrink-0 mt-0.5" }),
          /* @__PURE__ */ e("h3", { className: "text-sm font-medium", children: r(`faq.q${t}`) })
        ] }),
        /* @__PURE__ */ e("p", { className: "text-xs text-[var(--text-muted)] pl-6", children: r(`faq.a${t}`) })
      ] }, t)) })
    ] }),
    /* @__PURE__ */ a("section", { children: [
      /* @__PURE__ */ a(
        "button",
        {
          onClick: () => p(!d),
          className: "w-full flex items-center justify-between p-4 rounded-lg border border-[var(--border-color)] bg-[var(--bg-card)] hover:bg-[var(--bg-secondary)] transition-colors",
          children: [
            /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
              /* @__PURE__ */ e(C, { className: "h-4 w-4 text-[var(--text-muted)]" }),
              /* @__PURE__ */ e("span", { className: "text-sm font-semibold", children: r("tech.title") })
            ] }),
            /* @__PURE__ */ e(c, { className: `h-4 w-4 text-[var(--text-muted)] transition-transform ${d ? "rotate-90" : ""}` })
          ]
        }
      ),
      d && /* @__PURE__ */ a("div", { className: "mt-2 border border-[var(--border-color)] rounded-lg bg-[var(--bg-card)] divide-y divide-[var(--border-color)]", children: [
        /* @__PURE__ */ a("div", { className: "p-4", children: [
          /* @__PURE__ */ e("h3", { className: "text-sm font-semibold mb-3", children: r("tech.rules.title") }),
          /* @__PURE__ */ e("div", { className: "space-y-2", children: D.map((t) => /* @__PURE__ */ a("div", { className: "p-3 rounded-lg bg-[var(--bg-secondary)] text-xs", children: [
            /* @__PURE__ */ a("div", { className: "flex items-center gap-2 mb-1", children: [
              /* @__PURE__ */ e("span", { className: "font-mono text-[var(--color-primary-600)]", children: t.id }),
              /* @__PURE__ */ e("span", { className: "px-1.5 py-0.5 rounded bg-[var(--color-primary-600)]/10 text-[var(--color-primary-700)]", children: t.category })
            ] }),
            /* @__PURE__ */ e("div", { className: "font-medium mb-0.5", children: t.name }),
            /* @__PURE__ */ e("p", { className: "text-[var(--text-muted)]", children: r(t.key) })
          ] }, t.id)) })
        ] }),
        /* @__PURE__ */ a("div", { className: "p-4", children: [
          /* @__PURE__ */ e("h3", { className: "text-sm font-semibold mb-3", children: r("tech.permissions.title") }),
          /* @__PURE__ */ e("div", { className: "overflow-x-auto", children: /* @__PURE__ */ a("table", { className: "w-full text-xs", children: [
            /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ a("tr", { className: "border-b border-[var(--border-color)]", children: [
              /* @__PURE__ */ e("th", { className: "text-left py-2 px-2 text-[var(--text-muted)] font-medium", children: "Permission" }),
              /* @__PURE__ */ e("th", { className: "text-left py-2 px-2 text-[var(--text-muted)] font-medium", children: "Description" }),
              /* @__PURE__ */ e("th", { className: "text-left py-2 px-2 text-[var(--text-muted)] font-medium", children: "Rôles" })
            ] }) }),
            /* @__PURE__ */ a("tbody", { children: [
              /* @__PURE__ */ a("tr", { className: "border-b border-[var(--border-color)]", children: [
                /* @__PURE__ */ e("td", { className: "py-2 px-2 font-mono", children: "administration.license.read" }),
                /* @__PURE__ */ e("td", { className: "py-2 px-2", children: r("tech.perm.read") }),
                /* @__PURE__ */ e("td", { className: "py-2 px-2", children: /* @__PURE__ */ a("div", { className: "flex gap-1", children: [
                  /* @__PURE__ */ e("span", { className: "px-1.5 py-0.5 rounded bg-[var(--color-primary-600)]/10 text-[var(--color-primary-700)]", children: "Admin" }),
                  /* @__PURE__ */ e("span", { className: "px-1.5 py-0.5 rounded bg-[var(--color-primary-600)]/10 text-[var(--color-primary-700)]", children: "Manager" })
                ] }) })
              ] }),
              /* @__PURE__ */ a("tr", { children: [
                /* @__PURE__ */ e("td", { className: "py-2 px-2 font-mono", children: "administration.license.update" }),
                /* @__PURE__ */ e("td", { className: "py-2 px-2", children: r("tech.perm.update") }),
                /* @__PURE__ */ e("td", { className: "py-2 px-2", children: /* @__PURE__ */ e("span", { className: "px-1.5 py-0.5 rounded bg-[var(--color-primary-600)]/10 text-[var(--color-primary-700)]", children: "Admin" }) })
              ] })
            ] })
          ] }) })
        ] }),
        /* @__PURE__ */ a("div", { className: "p-4", children: [
          /* @__PURE__ */ e("h3", { className: "text-sm font-semibold mb-3", children: r("tech.endpoints.title") }),
          /* @__PURE__ */ e("div", { className: "space-y-2", children: G.map((t, i) => /* @__PURE__ */ a("div", { className: "p-2.5 rounded-lg bg-[var(--bg-secondary)] text-xs", children: [
            /* @__PURE__ */ a("div", { className: "flex items-center gap-2 mb-1", children: [
              /* @__PURE__ */ e("span", { className: `font-bold px-1.5 py-0.5 rounded border text-xs ${$[t.method]}`, children: t.method }),
              /* @__PURE__ */ e("code", { children: t.path })
            ] }),
            /* @__PURE__ */ a("div", { className: "text-[var(--text-muted)]", children: [
              "Handler: ",
              t.handler,
              " · ",
              /* @__PURE__ */ e("span", { className: "font-mono", children: t.permission })
            ] })
          ] }, `ep-${t.method}-${i}`)) })
        ] })
      ] })
    ] })
  ] });
}
export {
  F as default
};
//# sourceMappingURL=index-CCS0saZk.js.map
