import { jsxs as s, jsx as e } from "react/jsx-runtime";
import { Link as i } from "react-router-dom";
import { useTranslation as f } from "react-i18next";
import { Brain as d, Target as b, Lightbulb as u, Users as l, DollarSign as n, Settings as o, Clock as v, TrendingUp as g, Shield as m, XCircle as t, CheckCircle as r, FileText as h, Layers as p, Zap as x, ArrowRight as c, Activity as N, Key as y } from "lucide-react";
function A() {
  const { t: a } = f("docs");
  return /* @__PURE__ */ s("div", { className: "space-y-8", children: [
    /* @__PURE__ */ s("div", { className: "flex items-center gap-2 text-sm text-[var(--text-secondary)]", children: [
      /* @__PURE__ */ e(i, { to: "/system/docs", className: "hover:text-[var(--color-primary-600)]", children: a("breadcrumb.documentation") }),
      /* @__PURE__ */ e("span", { children: "/" }),
      /* @__PURE__ */ e(i, { to: "/system/docs/user", className: "hover:text-[var(--color-primary-600)]", children: a("breadcrumb.user") }),
      /* @__PURE__ */ e("span", { children: "/" }),
      /* @__PURE__ */ e("span", { children: a("ai.title") })
    ] }),
    /* @__PURE__ */ s("div", { children: [
      /* @__PURE__ */ s("h1", { className: "text-3xl font-bold mb-4 flex items-center gap-3", children: [
        /* @__PURE__ */ e(d, { className: "w-8 h-8 text-[var(--color-primary-600)]" }),
        a("ai.title")
      ] }),
      /* @__PURE__ */ e("p", { className: "text-xl text-[var(--color-primary-600)] font-medium mb-2", children: a("ai.valueProposition") }),
      /* @__PURE__ */ e("p", { className: "text-lg text-[var(--text-secondary)]", children: a("ai.subtitle") }),
      /* @__PURE__ */ s("div", { className: "mt-4 flex items-center gap-2", children: [
        /* @__PURE__ */ e("span", { className: "px-3 py-1 text-xs rounded-full bg-purple-500/10 text-purple-600 border border-purple-500/20", children: "Administration" }),
        /* @__PURE__ */ e("span", { className: "px-3 py-1 text-xs rounded-full bg-amber-500/10 text-amber-600 border border-amber-500/20", children: "Intelligence Artificielle" })
      ] })
    ] }),
    /* @__PURE__ */ s("div", { className: "card p-4 bg-[var(--bg-secondary)]", children: [
      /* @__PURE__ */ e("h3", { className: "font-semibold mb-3", children: a("ai.toc.title") }),
      /* @__PURE__ */ s("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-2 text-sm", children: [
        /* @__PURE__ */ s("a", { href: "#valeur", className: "text-[var(--color-primary-600)] hover:underline", children: [
          "1. ",
          a("ai.toc.value")
        ] }),
        /* @__PURE__ */ s("a", { href: "#cas-usage", className: "text-[var(--color-primary-600)] hover:underline", children: [
          "2. ",
          a("ai.toc.useCases")
        ] }),
        /* @__PURE__ */ s("a", { href: "#benefices", className: "text-[var(--color-primary-600)] hover:underline", children: [
          "3. ",
          a("ai.toc.benefits")
        ] }),
        /* @__PURE__ */ s("a", { href: "#avant-apres", className: "text-[var(--color-primary-600)] hover:underline", children: [
          "4. ",
          a("ai.toc.beforeAfter")
        ] }),
        /* @__PURE__ */ s("a", { href: "#fonctionnalites", className: "text-[var(--color-primary-600)] hover:underline", children: [
          "5. ",
          a("ai.toc.features")
        ] }),
        /* @__PURE__ */ s("a", { href: "#guide", className: "text-[var(--color-primary-600)] hover:underline", children: [
          "6. ",
          a("ai.toc.guide")
        ] }),
        /* @__PURE__ */ s("a", { href: "#faq", className: "text-[var(--color-primary-600)] hover:underline", children: [
          "7. ",
          a("ai.toc.faq")
        ] }),
        /* @__PURE__ */ s("a", { href: "#reference", className: "text-[var(--color-primary-600)] hover:underline", children: [
          "8. ",
          a("ai.toc.reference")
        ] })
      ] })
    ] }),
    /* @__PURE__ */ s("section", { id: "valeur", className: "scroll-mt-4", children: [
      /* @__PURE__ */ s("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: "1" }),
        a("ai.sections.value.title")
      ] }),
      /* @__PURE__ */ s("div", { className: "card p-6", children: [
        /* @__PURE__ */ s("div", { className: "mb-6", children: [
          /* @__PURE__ */ s("h3", { className: "font-semibold mb-3 flex items-center gap-2", children: [
            /* @__PURE__ */ e(b, { className: "w-5 h-5 text-red-500" }),
            a("ai.sections.value.problemTitle")
          ] }),
          /* @__PURE__ */ e("p", { className: "text-[var(--text-secondary)]", children: a("ai.sections.value.problem") })
        ] }),
        /* @__PURE__ */ s("div", { className: "p-4 rounded-lg bg-green-500/10 border border-green-500/20", children: [
          /* @__PURE__ */ s("h3", { className: "font-semibold mb-2 flex items-center gap-2 text-green-700 dark:text-green-400", children: [
            /* @__PURE__ */ e(u, { className: "w-5 h-5" }),
            a("ai.sections.value.solutionTitle")
          ] }),
          /* @__PURE__ */ e("p", { className: "text-[var(--text-secondary)]", children: a("ai.sections.value.solution") })
        ] })
      ] })
    ] }),
    /* @__PURE__ */ s("section", { id: "cas-usage", className: "scroll-mt-4", children: [
      /* @__PURE__ */ s("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: "2" }),
        a("ai.sections.useCases.title")
      ] }),
      /* @__PURE__ */ s("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
        /* @__PURE__ */ s("div", { className: "card p-6", children: [
          /* @__PURE__ */ s("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(l, { className: "w-6 h-6 text-blue-600" }) }),
            /* @__PURE__ */ s("div", { children: [
              /* @__PURE__ */ e("div", { className: "font-semibold", children: a("ai.sections.useCases.case1.persona") }),
              /* @__PURE__ */ e("div", { className: "text-sm text-[var(--text-secondary)]", children: a("ai.sections.useCases.case1.role") })
            ] })
          ] }),
          /* @__PURE__ */ s("div", { className: "space-y-3", children: [
            /* @__PURE__ */ s("div", { className: "text-sm", children: [
              /* @__PURE__ */ e("span", { className: "font-medium text-[var(--text-secondary)]", children: a("ai.sections.useCases.situationLabel") }),
              /* @__PURE__ */ e("p", { children: a("ai.sections.useCases.case1.situation") })
            ] }),
            /* @__PURE__ */ s("div", { className: "text-sm", children: [
              /* @__PURE__ */ e("span", { className: "font-medium text-green-600", children: a("ai.sections.useCases.withFeatureLabel") }),
              /* @__PURE__ */ e("p", { children: a("ai.sections.useCases.case1.withFeature") })
            ] })
          ] })
        ] }),
        /* @__PURE__ */ s("div", { className: "card p-6", children: [
          /* @__PURE__ */ s("div", { className: "flex items-center gap-3 mb-4", children: [
            /* @__PURE__ */ e("div", { className: "w-12 h-12 rounded-full bg-purple-500/10 flex items-center justify-center", children: /* @__PURE__ */ e(l, { className: "w-6 h-6 text-purple-600" }) }),
            /* @__PURE__ */ s("div", { children: [
              /* @__PURE__ */ e("div", { className: "font-semibold", children: a("ai.sections.useCases.case2.persona") }),
              /* @__PURE__ */ e("div", { className: "text-sm text-[var(--text-secondary)]", children: a("ai.sections.useCases.case2.role") })
            ] })
          ] }),
          /* @__PURE__ */ s("div", { className: "space-y-3", children: [
            /* @__PURE__ */ s("div", { className: "text-sm", children: [
              /* @__PURE__ */ e("span", { className: "font-medium text-[var(--text-secondary)]", children: a("ai.sections.useCases.situationLabel") }),
              /* @__PURE__ */ e("p", { children: a("ai.sections.useCases.case2.situation") })
            ] }),
            /* @__PURE__ */ s("div", { className: "text-sm", children: [
              /* @__PURE__ */ e("span", { className: "font-medium text-green-600", children: a("ai.sections.useCases.withFeatureLabel") }),
              /* @__PURE__ */ e("p", { children: a("ai.sections.useCases.case2.withFeature") })
            ] })
          ] })
        ] }),
        /* @__PURE__ */ s("div", { className: "card p-6", children: [
          /* @__PURE__ */ s("div", { className: "flex items-center gap-3 mb-4", children: [
            /* @__PURE__ */ e("div", { className: "w-12 h-12 rounded-full bg-green-500/10 flex items-center justify-center", children: /* @__PURE__ */ e(n, { className: "w-6 h-6 text-green-600" }) }),
            /* @__PURE__ */ s("div", { children: [
              /* @__PURE__ */ e("div", { className: "font-semibold", children: a("ai.sections.useCases.case3.persona") }),
              /* @__PURE__ */ e("div", { className: "text-sm text-[var(--text-secondary)]", children: a("ai.sections.useCases.case3.role") })
            ] })
          ] }),
          /* @__PURE__ */ s("div", { className: "space-y-3", children: [
            /* @__PURE__ */ s("div", { className: "text-sm", children: [
              /* @__PURE__ */ e("span", { className: "font-medium text-[var(--text-secondary)]", children: a("ai.sections.useCases.situationLabel") }),
              /* @__PURE__ */ e("p", { children: a("ai.sections.useCases.case3.situation") })
            ] }),
            /* @__PURE__ */ s("div", { className: "text-sm", children: [
              /* @__PURE__ */ e("span", { className: "font-medium text-green-600", children: a("ai.sections.useCases.withFeatureLabel") }),
              /* @__PURE__ */ e("p", { children: a("ai.sections.useCases.case3.withFeature") })
            ] })
          ] })
        ] }),
        /* @__PURE__ */ s("div", { className: "card p-6", children: [
          /* @__PURE__ */ s("div", { className: "flex items-center gap-3 mb-4", children: [
            /* @__PURE__ */ e("div", { className: "w-12 h-12 rounded-full bg-amber-500/10 flex items-center justify-center", children: /* @__PURE__ */ e(o, { className: "w-6 h-6 text-amber-600" }) }),
            /* @__PURE__ */ s("div", { children: [
              /* @__PURE__ */ e("div", { className: "font-semibold", children: a("ai.sections.useCases.case4.persona") }),
              /* @__PURE__ */ e("div", { className: "text-sm text-[var(--text-secondary)]", children: a("ai.sections.useCases.case4.role") })
            ] })
          ] }),
          /* @__PURE__ */ s("div", { className: "space-y-3", children: [
            /* @__PURE__ */ s("div", { className: "text-sm", children: [
              /* @__PURE__ */ e("span", { className: "font-medium text-[var(--text-secondary)]", children: a("ai.sections.useCases.situationLabel") }),
              /* @__PURE__ */ e("p", { children: a("ai.sections.useCases.case4.situation") })
            ] }),
            /* @__PURE__ */ s("div", { className: "text-sm", children: [
              /* @__PURE__ */ e("span", { className: "font-medium text-green-600", children: a("ai.sections.useCases.withFeatureLabel") }),
              /* @__PURE__ */ e("p", { children: a("ai.sections.useCases.case4.withFeature") })
            ] })
          ] })
        ] })
      ] })
    ] }),
    /* @__PURE__ */ s("section", { id: "benefices", className: "scroll-mt-4", children: [
      /* @__PURE__ */ s("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: "3" }),
        a("ai.sections.benefits.title")
      ] }),
      /* @__PURE__ */ s("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [
        /* @__PURE__ */ s("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: /* @__PURE__ */ e(v, { className: "w-8 h-8 text-blue-600" }) }),
          /* @__PURE__ */ e("div", { className: "text-3xl font-bold text-blue-600 mb-2", children: a("ai.sections.benefits.time.value") }),
          /* @__PURE__ */ e("div", { className: "font-semibold mb-1", children: a("ai.sections.benefits.time.label") }),
          /* @__PURE__ */ e("p", { className: "text-sm text-[var(--text-secondary)]", children: a("ai.sections.benefits.time.description") })
        ] }),
        /* @__PURE__ */ s("div", { className: "card p-6 text-center", children: [
          /* @__PURE__ */ e("div", { className: "w-16 h-16 mx-auto mb-4 rounded-full bg-green-500/10 flex items-center justify-center", children: /* @__PURE__ */ e(g, { className: "w-8 h-8 text-green-600" }) }),
          /* @__PURE__ */ e("div", { className: "text-3xl font-bold text-green-600 mb-2", children: a("ai.sections.benefits.control.value") }),
          /* @__PURE__ */ e("div", { className: "font-semibold mb-1", children: a("ai.sections.benefits.control.label") }),
          /* @__PURE__ */ e("p", { className: "text-sm text-[var(--text-secondary)]", children: a("ai.sections.benefits.control.description") })
        ] }),
        /* @__PURE__ */ s("div", { className: "card p-6 text-center", children: [
          /* @__PURE__ */ e("div", { className: "w-16 h-16 mx-auto mb-4 rounded-full bg-amber-500/10 flex items-center justify-center", children: /* @__PURE__ */ e(m, { className: "w-8 h-8 text-amber-600" }) }),
          /* @__PURE__ */ e("div", { className: "text-3xl font-bold text-amber-600 mb-2", children: a("ai.sections.benefits.quality.value") }),
          /* @__PURE__ */ e("div", { className: "font-semibold mb-1", children: a("ai.sections.benefits.quality.label") }),
          /* @__PURE__ */ e("p", { className: "text-sm text-[var(--text-secondary)]", children: a("ai.sections.benefits.quality.description") })
        ] })
      ] })
    ] }),
    /* @__PURE__ */ s("section", { id: "avant-apres", className: "scroll-mt-4", children: [
      /* @__PURE__ */ s("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: "4" }),
        a("ai.sections.beforeAfter.title")
      ] }),
      /* @__PURE__ */ e("div", { className: "card p-6", children: /* @__PURE__ */ s("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
        /* @__PURE__ */ s("div", { className: "p-4 rounded-lg bg-red-500/5 border border-red-500/20", children: [
          /* @__PURE__ */ s("h3", { className: "font-semibold mb-4 flex items-center gap-2 text-red-600", children: [
            /* @__PURE__ */ e(t, { className: "w-5 h-5" }),
            a("ai.sections.beforeAfter.beforeTitle")
          ] }),
          /* @__PURE__ */ s("ul", { className: "space-y-2", children: [
            /* @__PURE__ */ s("li", { className: "flex items-start gap-2 text-sm", children: [
              /* @__PURE__ */ e(t, { className: "w-4 h-4 text-red-500 mt-0.5 flex-shrink-0" }),
              /* @__PURE__ */ e("span", { children: a("ai.sections.beforeAfter.before.1") })
            ] }),
            /* @__PURE__ */ s("li", { className: "flex items-start gap-2 text-sm", children: [
              /* @__PURE__ */ e(t, { className: "w-4 h-4 text-red-500 mt-0.5 flex-shrink-0" }),
              /* @__PURE__ */ e("span", { children: a("ai.sections.beforeAfter.before.2") })
            ] }),
            /* @__PURE__ */ s("li", { className: "flex items-start gap-2 text-sm", children: [
              /* @__PURE__ */ e(t, { className: "w-4 h-4 text-red-500 mt-0.5 flex-shrink-0" }),
              /* @__PURE__ */ e("span", { children: a("ai.sections.beforeAfter.before.3") })
            ] }),
            /* @__PURE__ */ s("li", { className: "flex items-start gap-2 text-sm", children: [
              /* @__PURE__ */ e(t, { className: "w-4 h-4 text-red-500 mt-0.5 flex-shrink-0" }),
              /* @__PURE__ */ e("span", { children: a("ai.sections.beforeAfter.before.4") })
            ] })
          ] })
        ] }),
        /* @__PURE__ */ s("div", { className: "p-4 rounded-lg bg-green-500/5 border border-green-500/20", children: [
          /* @__PURE__ */ s("h3", { className: "font-semibold mb-4 flex items-center gap-2 text-green-600", children: [
            /* @__PURE__ */ e(r, { className: "w-5 h-5" }),
            a("ai.sections.beforeAfter.afterTitle")
          ] }),
          /* @__PURE__ */ s("ul", { className: "space-y-2", children: [
            /* @__PURE__ */ s("li", { className: "flex items-start gap-2 text-sm", children: [
              /* @__PURE__ */ e(r, { className: "w-4 h-4 text-green-500 mt-0.5 flex-shrink-0" }),
              /* @__PURE__ */ e("span", { children: a("ai.sections.beforeAfter.after.1") })
            ] }),
            /* @__PURE__ */ s("li", { className: "flex items-start gap-2 text-sm", children: [
              /* @__PURE__ */ e(r, { className: "w-4 h-4 text-green-500 mt-0.5 flex-shrink-0" }),
              /* @__PURE__ */ e("span", { children: a("ai.sections.beforeAfter.after.2") })
            ] }),
            /* @__PURE__ */ s("li", { className: "flex items-start gap-2 text-sm", children: [
              /* @__PURE__ */ e(r, { className: "w-4 h-4 text-green-500 mt-0.5 flex-shrink-0" }),
              /* @__PURE__ */ e("span", { children: a("ai.sections.beforeAfter.after.3") })
            ] }),
            /* @__PURE__ */ s("li", { className: "flex items-start gap-2 text-sm", children: [
              /* @__PURE__ */ e(r, { className: "w-4 h-4 text-green-500 mt-0.5 flex-shrink-0" }),
              /* @__PURE__ */ e("span", { children: a("ai.sections.beforeAfter.after.4") })
            ] })
          ] })
        ] })
      ] }) })
    ] }),
    /* @__PURE__ */ s("section", { id: "fonctionnalites", className: "scroll-mt-4", children: [
      /* @__PURE__ */ s("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: "5" }),
        a("ai.sections.features.title")
      ] }),
      /* @__PURE__ */ s("div", { className: "space-y-4", children: [
        /* @__PURE__ */ e("div", { className: "card p-6", children: /* @__PURE__ */ s("div", { className: "flex items-start gap-4", children: [
          /* @__PURE__ */ e("div", { className: "w-12 h-12 rounded-lg bg-purple-500/10 flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ e(h, { className: "w-6 h-6 text-purple-600" }) }),
          /* @__PURE__ */ s("div", { className: "flex-1", children: [
            /* @__PURE__ */ e("h3", { className: "font-semibold mb-2", children: a("ai.sections.features.prompts.title") }),
            /* @__PURE__ */ e("p", { className: "text-[var(--text-secondary)] mb-3", children: a("ai.sections.features.prompts.description") }),
            /* @__PURE__ */ s("div", { className: "p-3 rounded-lg bg-[var(--bg-secondary)] text-sm", children: [
              /* @__PURE__ */ s("span", { className: "font-medium text-[var(--color-primary-600)]", children: [
                a("ai.sections.features.exampleLabel"),
                " "
              ] }),
              a("ai.sections.features.prompts.example")
            ] })
          ] })
        ] }) }),
        /* @__PURE__ */ e("div", { className: "card p-6", children: /* @__PURE__ */ s("div", { className: "flex items-start gap-4", children: [
          /* @__PURE__ */ e("div", { className: "w-12 h-12 rounded-lg bg-green-500/10 flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ e(n, { className: "w-6 h-6 text-green-600" }) }),
          /* @__PURE__ */ s("div", { className: "flex-1", children: [
            /* @__PURE__ */ e("h3", { className: "font-semibold mb-2", children: a("ai.sections.features.budgets.title") }),
            /* @__PURE__ */ e("p", { className: "text-[var(--text-secondary)] mb-3", children: a("ai.sections.features.budgets.description") }),
            /* @__PURE__ */ s("div", { className: "p-3 rounded-lg bg-[var(--bg-secondary)] text-sm", children: [
              /* @__PURE__ */ s("span", { className: "font-medium text-[var(--color-primary-600)]", children: [
                a("ai.sections.features.exampleLabel"),
                " "
              ] }),
              a("ai.sections.features.budgets.example")
            ] })
          ] })
        ] }) }),
        /* @__PURE__ */ e("div", { className: "card p-6", children: /* @__PURE__ */ s("div", { className: "flex items-start gap-4", children: [
          /* @__PURE__ */ e("div", { className: "w-12 h-12 rounded-lg bg-blue-500/10 flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ e(p, { className: "w-6 h-6 text-blue-600" }) }),
          /* @__PURE__ */ s("div", { className: "flex-1", children: [
            /* @__PURE__ */ e("h3", { className: "font-semibold mb-2", children: a("ai.sections.features.instances.title") }),
            /* @__PURE__ */ e("p", { className: "text-[var(--text-secondary)] mb-3", children: a("ai.sections.features.instances.description") }),
            /* @__PURE__ */ s("div", { className: "p-3 rounded-lg bg-[var(--bg-secondary)] text-sm", children: [
              /* @__PURE__ */ s("span", { className: "font-medium text-[var(--color-primary-600)]", children: [
                a("ai.sections.features.exampleLabel"),
                " "
              ] }),
              a("ai.sections.features.instances.example")
            ] })
          ] })
        ] }) }),
        /* @__PURE__ */ e("div", { className: "card p-6", children: /* @__PURE__ */ s("div", { className: "flex items-start gap-4", children: [
          /* @__PURE__ */ e("div", { className: "w-12 h-12 rounded-lg bg-amber-500/10 flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ e(x, { className: "w-6 h-6 text-amber-600" }) }),
          /* @__PURE__ */ s("div", { className: "flex-1", children: [
            /* @__PURE__ */ e("h3", { className: "font-semibold mb-2", children: a("ai.sections.features.providers.title") }),
            /* @__PURE__ */ e("p", { className: "text-[var(--text-secondary)] mb-3", children: a("ai.sections.features.providers.description") }),
            /* @__PURE__ */ s("div", { className: "p-3 rounded-lg bg-[var(--bg-secondary)] text-sm", children: [
              /* @__PURE__ */ s("span", { className: "font-medium text-[var(--color-primary-600)]", children: [
                a("ai.sections.features.exampleLabel"),
                " "
              ] }),
              a("ai.sections.features.providers.example")
            ] })
          ] })
        ] }) })
      ] })
    ] }),
    /* @__PURE__ */ s("section", { id: "guide", className: "scroll-mt-4", children: [
      /* @__PURE__ */ s("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: "6" }),
        a("ai.sections.guide.title")
      ] }),
      /* @__PURE__ */ e("div", { className: "card p-6", children: /* @__PURE__ */ s("div", { className: "space-y-6", children: [
        /* @__PURE__ */ s("div", { className: "flex gap-4", children: [
          /* @__PURE__ */ s("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: "1" }),
            /* @__PURE__ */ e("div", { className: "w-0.5 h-full bg-[var(--border-color)] mt-2" })
          ] }),
          /* @__PURE__ */ s("div", { className: "flex-1 pb-6", children: [
            /* @__PURE__ */ e("h4", { className: "font-semibold mb-2", children: a("ai.sections.guide.step1.title") }),
            /* @__PURE__ */ e("p", { className: "text-sm text-[var(--text-secondary)] mb-3", children: a("ai.sections.guide.step1.description") }),
            /* @__PURE__ */ s("div", { className: "flex items-center gap-2 p-3 bg-[var(--bg-secondary)] rounded-lg font-mono text-sm", children: [
              /* @__PURE__ */ e("span", { className: "text-[var(--text-tertiary)]", children: "Administration" }),
              /* @__PURE__ */ e(c, { className: "w-4 h-4 text-[var(--text-tertiary)]" }),
              /* @__PURE__ */ e("span", { className: "text-[var(--color-primary-600)] font-semibold", children: "Intelligence Artificielle" })
            ] })
          ] })
        ] }),
        /* @__PURE__ */ s("div", { className: "flex gap-4", children: [
          /* @__PURE__ */ s("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: "2" }),
            /* @__PURE__ */ e("div", { className: "w-0.5 h-full bg-[var(--border-color)] mt-2" })
          ] }),
          /* @__PURE__ */ s("div", { className: "flex-1 pb-6", children: [
            /* @__PURE__ */ e("h4", { className: "font-semibold mb-2", children: a("ai.sections.guide.step2.title") }),
            /* @__PURE__ */ e("p", { className: "text-sm text-[var(--text-secondary)]", children: a("ai.sections.guide.step2.description") })
          ] })
        ] }),
        /* @__PURE__ */ s("div", { className: "flex gap-4", children: [
          /* @__PURE__ */ s("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: "3" }),
            /* @__PURE__ */ e("div", { className: "w-0.5 h-full bg-[var(--border-color)] mt-2" })
          ] }),
          /* @__PURE__ */ s("div", { className: "flex-1 pb-6", children: [
            /* @__PURE__ */ e("h4", { className: "font-semibold mb-2", children: a("ai.sections.guide.step3.title") }),
            /* @__PURE__ */ e("p", { className: "text-sm text-[var(--text-secondary)]", children: a("ai.sections.guide.step3.description") })
          ] })
        ] }),
        /* @__PURE__ */ s("div", { className: "flex gap-4", children: [
          /* @__PURE__ */ e("div", { className: "flex flex-col items-center", children: /* @__PURE__ */ e("div", { className: "w-10 h-10 rounded-full bg-green-500 text-white flex items-center justify-center font-bold", children: /* @__PURE__ */ e(r, { className: "w-5 h-5" }) }) }),
          /* @__PURE__ */ s("div", { className: "flex-1", children: [
            /* @__PURE__ */ e("h4", { className: "font-semibold mb-2", children: a("ai.sections.guide.step4.title") }),
            /* @__PURE__ */ e("p", { className: "text-sm text-[var(--text-secondary)]", children: a("ai.sections.guide.step4.description") })
          ] })
        ] })
      ] }) })
    ] }),
    /* @__PURE__ */ s("section", { id: "faq", className: "scroll-mt-4", children: [
      /* @__PURE__ */ s("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: "7" }),
        a("ai.sections.faq.title")
      ] }),
      /* @__PURE__ */ s("div", { className: "space-y-4", children: [
        /* @__PURE__ */ s("div", { className: "card p-4", children: [
          /* @__PURE__ */ e("h3", { className: "font-medium mb-2", children: a("ai.sections.faq.q1.question") }),
          /* @__PURE__ */ e("p", { className: "text-sm text-[var(--text-secondary)]", children: a("ai.sections.faq.q1.answer") })
        ] }),
        /* @__PURE__ */ s("div", { className: "card p-4", children: [
          /* @__PURE__ */ e("h3", { className: "font-medium mb-2", children: a("ai.sections.faq.q2.question") }),
          /* @__PURE__ */ e("p", { className: "text-sm text-[var(--text-secondary)]", children: a("ai.sections.faq.q2.answer") })
        ] }),
        /* @__PURE__ */ s("div", { className: "card p-4", children: [
          /* @__PURE__ */ e("h3", { className: "font-medium mb-2", children: a("ai.sections.faq.q3.question") }),
          /* @__PURE__ */ e("p", { className: "text-sm text-[var(--text-secondary)]", children: a("ai.sections.faq.q3.answer") })
        ] }),
        /* @__PURE__ */ s("div", { className: "card p-4", children: [
          /* @__PURE__ */ e("h3", { className: "font-medium mb-2", children: a("ai.sections.faq.q4.question") }),
          /* @__PURE__ */ e("p", { className: "text-sm text-[var(--text-secondary)]", children: a("ai.sections.faq.q4.answer") })
        ] }),
        /* @__PURE__ */ s("div", { className: "card p-4", children: [
          /* @__PURE__ */ e("h3", { className: "font-medium mb-2", children: a("ai.sections.faq.q5.question") }),
          /* @__PURE__ */ e("p", { className: "text-sm text-[var(--text-secondary)]", children: a("ai.sections.faq.q5.answer") })
        ] })
      ] })
    ] }),
    /* @__PURE__ */ s("section", { id: "reference", className: "scroll-mt-4 space-y-6", children: [
      /* @__PURE__ */ s("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: "8" }),
        a("ai.sections.reference.title")
      ] }),
      /* @__PURE__ */ s("div", { className: "card p-6", children: [
        /* @__PURE__ */ e("h3", { className: "font-semibold mb-4", children: a("ai.sections.reference.architecture.title") }),
        /* @__PURE__ */ s("div", { className: "grid grid-cols-2 md:grid-cols-5 gap-4", children: [
          /* @__PURE__ */ s("div", { className: "text-center p-4 bg-[var(--bg-secondary)] rounded-lg", children: [
            /* @__PURE__ */ e(d, { className: "w-8 h-8 mx-auto text-purple-600 mb-2" }),
            /* @__PURE__ */ e("div", { className: "font-medium", children: "Providers" }),
            /* @__PURE__ */ e("p", { className: "text-xs text-[var(--text-tertiary)]", children: a("ai.sections.reference.architecture.providers") })
          ] }),
          /* @__PURE__ */ s("div", { className: "text-center p-4 bg-[var(--bg-secondary)] rounded-lg", children: [
            /* @__PURE__ */ e(x, { className: "w-8 h-8 mx-auto text-blue-600 mb-2" }),
            /* @__PURE__ */ e("div", { className: "font-medium", children: "Instances" }),
            /* @__PURE__ */ e("p", { className: "text-xs text-[var(--text-tertiary)]", children: a("ai.sections.reference.architecture.instances") })
          ] }),
          /* @__PURE__ */ s("div", { className: "text-center p-4 bg-[var(--bg-secondary)] rounded-lg", children: [
            /* @__PURE__ */ e(h, { className: "w-8 h-8 mx-auto text-green-600 mb-2" }),
            /* @__PURE__ */ e("div", { className: "font-medium", children: "Prompts" }),
            /* @__PURE__ */ e("p", { className: "text-xs text-[var(--text-tertiary)]", children: a("ai.sections.reference.architecture.prompts") })
          ] }),
          /* @__PURE__ */ s("div", { className: "text-center p-4 bg-[var(--bg-secondary)] rounded-lg", children: [
            /* @__PURE__ */ e(p, { className: "w-8 h-8 mx-auto text-amber-600 mb-2" }),
            /* @__PURE__ */ e("div", { className: "font-medium", children: "Blocks" }),
            /* @__PURE__ */ e("p", { className: "text-xs text-[var(--text-tertiary)]", children: a("ai.sections.reference.architecture.blocks") })
          ] }),
          /* @__PURE__ */ s("div", { className: "text-center p-4 bg-[var(--bg-secondary)] rounded-lg", children: [
            /* @__PURE__ */ e(N, { className: "w-8 h-8 mx-auto text-red-600 mb-2" }),
            /* @__PURE__ */ e("div", { className: "font-medium", children: "Schemas" }),
            /* @__PURE__ */ e("p", { className: "text-xs text-[var(--text-tertiary)]", children: a("ai.sections.reference.architecture.schemas") })
          ] })
        ] })
      ] }),
      /* @__PURE__ */ s("div", { className: "card p-6", children: [
        /* @__PURE__ */ e("h3", { className: "font-semibold mb-4", children: a("ai.sections.reference.providers.title") }),
        /* @__PURE__ */ e("div", { className: "overflow-x-auto", children: /* @__PURE__ */ s("table", { className: "w-full text-sm", children: [
          /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ s("tr", { className: "bg-[var(--bg-secondary)]", children: [
            /* @__PURE__ */ e("th", { className: "text-left py-3 px-4", children: a("ai.sections.reference.providers.provider") }),
            /* @__PURE__ */ e("th", { className: "text-left py-3 px-4", children: a("ai.sections.reference.providers.models") }),
            /* @__PURE__ */ e("th", { className: "text-left py-3 px-4", children: a("ai.sections.reference.providers.status") })
          ] }) }),
          /* @__PURE__ */ s("tbody", { children: [
            /* @__PURE__ */ s("tr", { className: "border-b border-[var(--border-color)]", children: [
              /* @__PURE__ */ e("td", { className: "py-3 px-4", children: /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
                /* @__PURE__ */ e("span", { className: "w-3 h-3 rounded-full bg-green-500" }),
                /* @__PURE__ */ e("span", { className: "font-medium", children: "OpenAI" })
              ] }) }),
              /* @__PURE__ */ e("td", { className: "py-3 px-4", children: /* @__PURE__ */ s("div", { className: "flex flex-wrap gap-1", children: [
                /* @__PURE__ */ e("span", { className: "px-2 py-0.5 text-xs rounded bg-[var(--bg-secondary)]", children: "GPT-4o" }),
                /* @__PURE__ */ e("span", { className: "px-2 py-0.5 text-xs rounded bg-[var(--bg-secondary)]", children: "GPT-4 Turbo" }),
                /* @__PURE__ */ e("span", { className: "px-2 py-0.5 text-xs rounded bg-[var(--bg-secondary)]", children: "GPT-3.5" })
              ] }) }),
              /* @__PURE__ */ e("td", { className: "py-3 px-4", children: /* @__PURE__ */ e("span", { className: "px-2 py-1 text-xs rounded-full bg-green-500/10 text-green-600", children: a("ai.sections.reference.providers.active") }) })
            ] }),
            /* @__PURE__ */ s("tr", { className: "border-b border-[var(--border-color)]", children: [
              /* @__PURE__ */ e("td", { className: "py-3 px-4", children: /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
                /* @__PURE__ */ e("span", { className: "w-3 h-3 rounded-full bg-amber-500" }),
                /* @__PURE__ */ e("span", { className: "font-medium", children: "Anthropic Claude" })
              ] }) }),
              /* @__PURE__ */ e("td", { className: "py-3 px-4", children: /* @__PURE__ */ s("div", { className: "flex flex-wrap gap-1", children: [
                /* @__PURE__ */ e("span", { className: "px-2 py-0.5 text-xs rounded bg-[var(--bg-secondary)]", children: "Claude 3.5 Sonnet" }),
                /* @__PURE__ */ e("span", { className: "px-2 py-0.5 text-xs rounded bg-[var(--bg-secondary)]", children: "Claude 3 Opus" }),
                /* @__PURE__ */ e("span", { className: "px-2 py-0.5 text-xs rounded bg-[var(--bg-secondary)]", children: "Claude 3 Haiku" })
              ] }) }),
              /* @__PURE__ */ e("td", { className: "py-3 px-4", children: /* @__PURE__ */ e("span", { className: "px-2 py-1 text-xs rounded-full bg-green-500/10 text-green-600", children: a("ai.sections.reference.providers.active") }) })
            ] }),
            /* @__PURE__ */ s("tr", { className: "border-b border-[var(--border-color)]", children: [
              /* @__PURE__ */ e("td", { className: "py-3 px-4", children: /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
                /* @__PURE__ */ e("span", { className: "w-3 h-3 rounded-full bg-blue-500" }),
                /* @__PURE__ */ e("span", { className: "font-medium", children: "Azure OpenAI" })
              ] }) }),
              /* @__PURE__ */ e("td", { className: "py-3 px-4", children: /* @__PURE__ */ s("div", { className: "flex flex-wrap gap-1", children: [
                /* @__PURE__ */ e("span", { className: "px-2 py-0.5 text-xs rounded bg-[var(--bg-secondary)]", children: "GPT-4" }),
                /* @__PURE__ */ e("span", { className: "px-2 py-0.5 text-xs rounded bg-[var(--bg-secondary)]", children: "GPT-35-Turbo" })
              ] }) }),
              /* @__PURE__ */ e("td", { className: "py-3 px-4", children: /* @__PURE__ */ e("span", { className: "px-2 py-1 text-xs rounded-full bg-green-500/10 text-green-600", children: a("ai.sections.reference.providers.active") }) })
            ] }),
            /* @__PURE__ */ s("tr", { children: [
              /* @__PURE__ */ e("td", { className: "py-3 px-4", children: /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
                /* @__PURE__ */ e("span", { className: "w-3 h-3 rounded-full bg-blue-400" }),
                /* @__PURE__ */ e("span", { className: "font-medium", children: "Google Gemini" })
              ] }) }),
              /* @__PURE__ */ e("td", { className: "py-3 px-4", children: /* @__PURE__ */ s("div", { className: "flex flex-wrap gap-1", children: [
                /* @__PURE__ */ e("span", { className: "px-2 py-0.5 text-xs rounded bg-[var(--bg-secondary)]", children: "Gemini Pro" }),
                /* @__PURE__ */ e("span", { className: "px-2 py-0.5 text-xs rounded bg-[var(--bg-secondary)]", children: "Gemini Ultra" })
              ] }) }),
              /* @__PURE__ */ e("td", { className: "py-3 px-4", children: /* @__PURE__ */ e("span", { className: "px-2 py-1 text-xs rounded-full bg-gray-500/10 text-gray-600", children: a("ai.sections.reference.providers.inactive") }) })
            ] })
          ] })
        ] }) }),
        /* @__PURE__ */ s("div", { className: "mt-4 p-4 rounded-lg bg-[var(--bg-secondary)]", children: [
          /* @__PURE__ */ s("h4", { className: "font-medium mb-2 flex items-center gap-2", children: [
            /* @__PURE__ */ e(y, { className: "w-4 h-4 text-amber-500" }),
            a("ai.sections.reference.providers.apiKeyTitle")
          ] }),
          /* @__PURE__ */ e("p", { className: "text-sm text-[var(--text-secondary)]", children: a("ai.sections.reference.providers.apiKeyDesc") })
        ] })
      ] }),
      /* @__PURE__ */ s("div", { className: "card p-6", children: [
        /* @__PURE__ */ e("h3", { className: "font-semibold mb-4", children: a("ai.sections.reference.instances.title") }),
        /* @__PURE__ */ e("p", { className: "text-[var(--text-secondary)] mb-4", children: a("ai.sections.reference.instances.description") }),
        /* @__PURE__ */ e("div", { className: "overflow-x-auto mb-4", children: /* @__PURE__ */ s("table", { className: "w-full text-sm", children: [
          /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ s("tr", { className: "bg-[var(--bg-secondary)]", children: [
            /* @__PURE__ */ e("th", { className: "text-left py-3 px-4", children: a("ai.sections.reference.instances.instance") }),
            /* @__PURE__ */ e("th", { className: "text-left py-3 px-4", children: a("ai.sections.reference.instances.provider") }),
            /* @__PURE__ */ e("th", { className: "text-left py-3 px-4", children: a("ai.sections.reference.instances.department") }),
            /* @__PURE__ */ e("th", { className: "text-left py-3 px-4", children: a("ai.sections.reference.instances.budget") }),
            /* @__PURE__ */ e("th", { className: "text-left py-3 px-4", children: a("ai.sections.reference.instances.usage") })
          ] }) }),
          /* @__PURE__ */ s("tbody", { children: [
            /* @__PURE__ */ s("tr", { className: "border-b border-[var(--border-color)]", children: [
              /* @__PURE__ */ e("td", { className: "py-3 px-4 font-medium", children: "Claude RH" }),
              /* @__PURE__ */ e("td", { className: "py-3 px-4", children: "Anthropic Claude" }),
              /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[var(--text-secondary)]", children: "Ressources Humaines" }),
              /* @__PURE__ */ e("td", { className: "py-3 px-4", children: "$500" }),
              /* @__PURE__ */ e("td", { className: "py-3 px-4", children: /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
                /* @__PURE__ */ e("div", { className: "w-16 h-2 bg-[var(--bg-tertiary)] rounded-full overflow-hidden", children: /* @__PURE__ */ e("div", { className: "h-full rounded-full bg-green-500", style: { width: "25%" } }) }),
                /* @__PURE__ */ e("span", { className: "text-xs", children: "$125.50" })
              ] }) })
            ] }),
            /* @__PURE__ */ s("tr", { className: "border-b border-[var(--border-color)]", children: [
              /* @__PURE__ */ e("td", { className: "py-3 px-4 font-medium", children: "GPT Support" }),
              /* @__PURE__ */ e("td", { className: "py-3 px-4", children: "OpenAI" }),
              /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[var(--text-secondary)]", children: "Support Client" }),
              /* @__PURE__ */ e("td", { className: "py-3 px-4", children: "$1000" }),
              /* @__PURE__ */ e("td", { className: "py-3 px-4", children: /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
                /* @__PURE__ */ e("div", { className: "w-16 h-2 bg-[var(--bg-tertiary)] rounded-full overflow-hidden", children: /* @__PURE__ */ e("div", { className: "h-full rounded-full bg-yellow-500", style: { width: "78%" } }) }),
                /* @__PURE__ */ e("span", { className: "text-xs", children: "$780.25" })
              ] }) })
            ] }),
            /* @__PURE__ */ s("tr", { children: [
              /* @__PURE__ */ e("td", { className: "py-3 px-4 font-medium", children: "Assistant Legal" }),
              /* @__PURE__ */ e("td", { className: "py-3 px-4", children: "Azure OpenAI" }),
              /* @__PURE__ */ e("td", { className: "py-3 px-4 text-[var(--text-secondary)]", children: "Juridique" }),
              /* @__PURE__ */ e("td", { className: "py-3 px-4", children: "$300" }),
              /* @__PURE__ */ e("td", { className: "py-3 px-4", children: /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
                /* @__PURE__ */ e("div", { className: "w-16 h-2 bg-[var(--bg-tertiary)] rounded-full overflow-hidden", children: /* @__PURE__ */ e("div", { className: "h-full rounded-full bg-green-500", style: { width: "15%" } }) }),
                /* @__PURE__ */ e("span", { className: "text-xs", children: "$45.00" })
              ] }) })
            ] })
          ] })
        ] }) }),
        /* @__PURE__ */ e("h4", { className: "font-medium mb-3", children: a("ai.sections.reference.instances.propertiesTitle") }),
        /* @__PURE__ */ s("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
          /* @__PURE__ */ s("div", { className: "space-y-3", children: [
            /* @__PURE__ */ s("div", { className: "flex items-start gap-2", children: [
              /* @__PURE__ */ e(o, { className: "w-4 h-4 text-purple-500 mt-1" }),
              /* @__PURE__ */ s("div", { children: [
                /* @__PURE__ */ e("div", { className: "font-medium", children: "System Context" }),
                /* @__PURE__ */ e("p", { className: "text-sm text-[var(--text-secondary)]", children: a("ai.sections.reference.instances.systemContext") })
              ] })
            ] }),
            /* @__PURE__ */ s("div", { className: "flex items-start gap-2", children: [
              /* @__PURE__ */ e(n, { className: "w-4 h-4 text-green-500 mt-1" }),
              /* @__PURE__ */ s("div", { children: [
                /* @__PURE__ */ e("div", { className: "font-medium", children: "Monthly Budget" }),
                /* @__PURE__ */ e("p", { className: "text-sm text-[var(--text-secondary)]", children: a("ai.sections.reference.instances.monthlyBudget") })
              ] })
            ] }),
            /* @__PURE__ */ s("div", { className: "flex items-start gap-2", children: [
              /* @__PURE__ */ e(N, { className: "w-4 h-4 text-blue-500 mt-1" }),
              /* @__PURE__ */ s("div", { children: [
                /* @__PURE__ */ e("div", { className: "font-medium", children: "Max Tokens" }),
                /* @__PURE__ */ e("p", { className: "text-sm text-[var(--text-secondary)]", children: a("ai.sections.reference.instances.maxTokens") })
              ] })
            ] })
          ] }),
          /* @__PURE__ */ s("div", { className: "space-y-3", children: [
            /* @__PURE__ */ s("div", { className: "flex items-start gap-2", children: [
              /* @__PURE__ */ e(l, { className: "w-4 h-4 text-amber-500 mt-1" }),
              /* @__PURE__ */ s("div", { children: [
                /* @__PURE__ */ e("div", { className: "font-medium", children: "Permissions" }),
                /* @__PURE__ */ e("p", { className: "text-sm text-[var(--text-secondary)]", children: a("ai.sections.reference.instances.permissions") })
              ] })
            ] }),
            /* @__PURE__ */ s("div", { className: "flex items-start gap-2", children: [
              /* @__PURE__ */ e(m, { className: "w-4 h-4 text-red-500 mt-1" }),
              /* @__PURE__ */ s("div", { children: [
                /* @__PURE__ */ e("div", { className: "font-medium", children: "Cost Center" }),
                /* @__PURE__ */ e("p", { className: "text-sm text-[var(--text-secondary)]", children: a("ai.sections.reference.instances.costCenter") })
              ] })
            ] })
          ] })
        ] })
      ] }),
      /* @__PURE__ */ s("div", { className: "card p-6", children: [
        /* @__PURE__ */ e("h3", { className: "font-semibold mb-4", children: a("ai.sections.reference.promptStructure.title") }),
        /* @__PURE__ */ e("p", { className: "text-[var(--text-secondary)] mb-4", children: a("ai.sections.reference.promptStructure.description") }),
        /* @__PURE__ */ s("div", { className: "grid grid-cols-2 md:grid-cols-5 gap-4 mb-6", children: [
          /* @__PURE__ */ s("div", { className: "text-center p-4 rounded-lg bg-purple-500/10 border border-purple-500/20", children: [
            /* @__PURE__ */ e("div", { className: "font-medium text-purple-600", children: "System" }),
            /* @__PURE__ */ e("p", { className: "text-xs text-[var(--text-tertiary)]", children: a("ai.sections.reference.promptStructure.blockSystem") })
          ] }),
          /* @__PURE__ */ s("div", { className: "text-center p-4 rounded-lg bg-blue-500/10 border border-blue-500/20", children: [
            /* @__PURE__ */ e("div", { className: "font-medium text-blue-600", children: "Context" }),
            /* @__PURE__ */ e("p", { className: "text-xs text-[var(--text-tertiary)]", children: a("ai.sections.reference.promptStructure.blockContext") })
          ] }),
          /* @__PURE__ */ s("div", { className: "text-center p-4 rounded-lg bg-green-500/10 border border-green-500/20", children: [
            /* @__PURE__ */ e("div", { className: "font-medium text-green-600", children: "Examples" }),
            /* @__PURE__ */ e("p", { className: "text-xs text-[var(--text-tertiary)]", children: a("ai.sections.reference.promptStructure.blockExamples") })
          ] }),
          /* @__PURE__ */ s("div", { className: "text-center p-4 rounded-lg bg-amber-500/10 border border-amber-500/20", children: [
            /* @__PURE__ */ e("div", { className: "font-medium text-amber-600", children: "Output" }),
            /* @__PURE__ */ e("p", { className: "text-xs text-[var(--text-tertiary)]", children: a("ai.sections.reference.promptStructure.blockOutput") })
          ] }),
          /* @__PURE__ */ s("div", { className: "text-center p-4 rounded-lg bg-gray-500/10 border border-gray-500/20", children: [
            /* @__PURE__ */ e("div", { className: "font-medium text-gray-600", children: "User" }),
            /* @__PURE__ */ e("p", { className: "text-xs text-[var(--text-tertiary)]", children: a("ai.sections.reference.promptStructure.blockUser") })
          ] })
        ] }),
        /* @__PURE__ */ e("h4", { className: "font-medium mb-3", children: a("ai.sections.reference.promptStructure.lifecycleTitle") }),
        /* @__PURE__ */ s("div", { className: "flex items-center gap-4 overflow-x-auto pb-2 mb-4", children: [
          /* @__PURE__ */ s("div", { className: "flex items-center gap-2 flex-shrink-0", children: [
            /* @__PURE__ */ e("span", { className: "px-3 py-1 rounded bg-gray-500/10 text-gray-600", children: "Draft" }),
            /* @__PURE__ */ e(c, { className: "w-4 h-4 text-[var(--text-tertiary)]" })
          ] }),
          /* @__PURE__ */ s("div", { className: "flex items-center gap-2 flex-shrink-0", children: [
            /* @__PURE__ */ e("span", { className: "px-3 py-1 rounded bg-green-500/10 text-green-600", children: "Active" }),
            /* @__PURE__ */ e(c, { className: "w-4 h-4 text-[var(--text-tertiary)]" })
          ] }),
          /* @__PURE__ */ e("div", { className: "flex items-center gap-2 flex-shrink-0", children: /* @__PURE__ */ e("span", { className: "px-3 py-1 rounded bg-red-500/10 text-red-600", children: "Deprecated" }) })
        ] }),
        /* @__PURE__ */ s("div", { className: "space-y-2 text-sm", children: [
          /* @__PURE__ */ s("div", { className: "flex items-start gap-2", children: [
            /* @__PURE__ */ e("span", { className: "w-16 font-medium text-gray-600", children: "Draft" }),
            /* @__PURE__ */ e("span", { className: "text-[var(--text-secondary)]", children: a("ai.sections.reference.promptStructure.statusDraft") })
          ] }),
          /* @__PURE__ */ s("div", { className: "flex items-start gap-2", children: [
            /* @__PURE__ */ e("span", { className: "w-16 font-medium text-green-600", children: "Active" }),
            /* @__PURE__ */ e("span", { className: "text-[var(--text-secondary)]", children: a("ai.sections.reference.promptStructure.statusActive") })
          ] }),
          /* @__PURE__ */ s("div", { className: "flex items-start gap-2", children: [
            /* @__PURE__ */ e("span", { className: "w-16 font-medium text-red-600", children: "Deprecated" }),
            /* @__PURE__ */ e("span", { className: "text-[var(--text-secondary)]", children: a("ai.sections.reference.promptStructure.statusDeprecated") })
          ] })
        ] })
      ] }),
      /* @__PURE__ */ s("div", { className: "card p-6", children: [
        /* @__PURE__ */ e("h3", { className: "font-semibold mb-4", children: a("ai.sections.reference.schemas.title") }),
        /* @__PURE__ */ e("p", { className: "text-[var(--text-secondary)] mb-4", children: a("ai.sections.reference.schemas.description") }),
        /* @__PURE__ */ s("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
          /* @__PURE__ */ s("div", { className: "p-4 rounded-lg bg-[var(--bg-secondary)]", children: [
            /* @__PURE__ */ e("div", { className: "font-semibold mb-2", children: a("ai.sections.reference.schemas.categoriesTitle") }),
            /* @__PURE__ */ s("ul", { className: "space-y-1 text-sm text-[var(--text-secondary)]", children: [
              /* @__PURE__ */ s("li", { children: [
                "- ",
                /* @__PURE__ */ e("strong", { children: "Extraction" }),
                ": ",
                a("ai.sections.reference.schemas.catExtraction")
              ] }),
              /* @__PURE__ */ s("li", { children: [
                "- ",
                /* @__PURE__ */ e("strong", { children: "Classification" }),
                ": ",
                a("ai.sections.reference.schemas.catClassification")
              ] }),
              /* @__PURE__ */ s("li", { children: [
                "- ",
                /* @__PURE__ */ e("strong", { children: "Generation" }),
                ": ",
                a("ai.sections.reference.schemas.catGeneration")
              ] }),
              /* @__PURE__ */ s("li", { children: [
                "- ",
                /* @__PURE__ */ e("strong", { children: "Analysis" }),
                ": ",
                a("ai.sections.reference.schemas.catAnalysis")
              ] }),
              /* @__PURE__ */ s("li", { children: [
                "- ",
                /* @__PURE__ */ e("strong", { children: "Custom" }),
                ": ",
                a("ai.sections.reference.schemas.catCustom")
              ] })
            ] })
          ] }),
          /* @__PURE__ */ s("div", { className: "p-4 rounded-lg bg-[var(--bg-secondary)]", children: [
            /* @__PURE__ */ e("div", { className: "font-semibold mb-2", children: a("ai.sections.reference.schemas.exampleTitle") }),
            /* @__PURE__ */ e("pre", { className: "text-xs font-mono overflow-x-auto", children: `{
  "type": "object",
  "properties": {
    "sentiment": {
      "type": "string",
      "enum": ["positive", "negative", "neutral"]
    },
    "confidence": {
      "type": "number",
      "minimum": 0,
      "maximum": 1
    }
  },
  "required": ["sentiment", "confidence"]
}` })
          ] })
        ] })
      ] }),
      /* @__PURE__ */ s("div", { className: "card p-6", children: [
        /* @__PURE__ */ e("h3", { className: "font-semibold mb-4", children: a("ai.sections.reference.dashboard.title") }),
        /* @__PURE__ */ s("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-4 mb-4", children: [
          /* @__PURE__ */ s("div", { className: "p-4 rounded-lg bg-[var(--bg-secondary)] text-center", children: [
            /* @__PURE__ */ e("div", { className: "text-2xl font-bold", children: "4" }),
            /* @__PURE__ */ e("div", { className: "text-sm text-[var(--text-secondary)]", children: a("ai.sections.reference.dashboard.providersActive") })
          ] }),
          /* @__PURE__ */ s("div", { className: "p-4 rounded-lg bg-purple-500/10 text-center", children: [
            /* @__PURE__ */ e("div", { className: "text-2xl font-bold text-purple-600", children: "12" }),
            /* @__PURE__ */ e("div", { className: "text-sm text-purple-600", children: a("ai.sections.reference.dashboard.instances") })
          ] }),
          /* @__PURE__ */ s("div", { className: "p-4 rounded-lg bg-green-500/10 text-center", children: [
            /* @__PURE__ */ e("div", { className: "text-2xl font-bold text-green-600", children: "$1,250" }),
            /* @__PURE__ */ e("div", { className: "text-sm text-green-600", children: a("ai.sections.reference.dashboard.monthlyBudget") })
          ] }),
          /* @__PURE__ */ s("div", { className: "p-4 rounded-lg bg-blue-500/10 text-center", children: [
            /* @__PURE__ */ e("div", { className: "text-2xl font-bold text-blue-600", children: "$485.75" }),
            /* @__PURE__ */ e("div", { className: "text-sm text-blue-600", children: a("ai.sections.reference.dashboard.usedThisMonth") })
          ] })
        ] }),
        /* @__PURE__ */ e("h4", { className: "font-medium mb-3", children: a("ai.sections.reference.dashboard.metricsTitle") }),
        /* @__PURE__ */ s("table", { className: "w-full text-sm", children: [
          /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ s("tr", { className: "border-b border-[var(--border-color)]", children: [
            /* @__PURE__ */ e("th", { className: "text-left py-2", children: a("ai.sections.reference.dashboard.metric") }),
            /* @__PURE__ */ e("th", { className: "text-left py-2", children: a("ai.sections.reference.dashboard.metricDescription") }),
            /* @__PURE__ */ e("th", { className: "text-left py-2", children: a("ai.sections.reference.dashboard.metricCalculation") })
          ] }) }),
          /* @__PURE__ */ s("tbody", { children: [
            /* @__PURE__ */ s("tr", { className: "border-b border-[var(--border-color)]", children: [
              /* @__PURE__ */ e("td", { className: "py-2 font-medium", children: a("ai.sections.reference.dashboard.tokensUsed") }),
              /* @__PURE__ */ e("td", { className: "py-2 text-[var(--text-secondary)]", children: a("ai.sections.reference.dashboard.tokensUsedDesc") }),
              /* @__PURE__ */ e("td", { className: "py-2 text-[var(--text-tertiary)]", children: a("ai.sections.reference.dashboard.tokensUsedCalc") })
            ] }),
            /* @__PURE__ */ s("tr", { className: "border-b border-[var(--border-color)]", children: [
              /* @__PURE__ */ e("td", { className: "py-2 font-medium", children: a("ai.sections.reference.dashboard.estimatedCost") }),
              /* @__PURE__ */ e("td", { className: "py-2 text-[var(--text-secondary)]", children: a("ai.sections.reference.dashboard.estimatedCostDesc") }),
              /* @__PURE__ */ e("td", { className: "py-2 text-[var(--text-tertiary)]", children: a("ai.sections.reference.dashboard.estimatedCostCalc") })
            ] }),
            /* @__PURE__ */ s("tr", { className: "border-b border-[var(--border-color)]", children: [
              /* @__PURE__ */ e("td", { className: "py-2 font-medium", children: a("ai.sections.reference.dashboard.requestsPerDay") }),
              /* @__PURE__ */ e("td", { className: "py-2 text-[var(--text-secondary)]", children: a("ai.sections.reference.dashboard.requestsPerDayDesc") }),
              /* @__PURE__ */ e("td", { className: "py-2 text-[var(--text-tertiary)]", children: a("ai.sections.reference.dashboard.requestsPerDayCalc") })
            ] }),
            /* @__PURE__ */ s("tr", { children: [
              /* @__PURE__ */ e("td", { className: "py-2 font-medium", children: a("ai.sections.reference.dashboard.errorRate") }),
              /* @__PURE__ */ e("td", { className: "py-2 text-[var(--text-secondary)]", children: a("ai.sections.reference.dashboard.errorRateDesc") }),
              /* @__PURE__ */ e("td", { className: "py-2 text-[var(--text-tertiary)]", children: a("ai.sections.reference.dashboard.errorRateCalc") })
            ] })
          ] })
        ] })
      ] }),
      /* @__PURE__ */ s("div", { className: "card p-6", children: [
        /* @__PURE__ */ e("h3", { className: "font-semibold mb-4", children: a("ai.sections.reference.routes.title") }),
        /* @__PURE__ */ s("div", { className: "text-sm space-y-1 font-mono bg-[var(--bg-secondary)] p-3 rounded-lg mb-4", children: [
          /* @__PURE__ */ s("div", { children: [
            /* @__PURE__ */ e("strong", { children: "Dashboard:" }),
            " /administration/ai"
          ] }),
          /* @__PURE__ */ s("div", { children: [
            /* @__PURE__ */ e("strong", { children: "Prompts:" }),
            " /administration/ai/prompts"
          ] }),
          /* @__PURE__ */ s("div", { children: [
            /* @__PURE__ */ e("strong", { children: "Prompt Detail:" }),
            " /administration/ai/prompts/:id"
          ] }),
          /* @__PURE__ */ s("div", { children: [
            /* @__PURE__ */ e("strong", { children: "Block Definitions:" }),
            " /administration/ai/prompts/blocks"
          ] }),
          /* @__PURE__ */ s("div", { children: [
            /* @__PURE__ */ e("strong", { children: "Output Schemas:" }),
            " /administration/ai/schemas"
          ] }),
          /* @__PURE__ */ s("div", { children: [
            /* @__PURE__ */ e("strong", { children: "Settings:" }),
            " /administration/ai/settings"
          ] })
        ] }),
        /* @__PURE__ */ e("h4", { className: "font-medium mb-3", children: a("ai.sections.reference.permissions.title") }),
        /* @__PURE__ */ s("table", { className: "w-full text-sm", children: [
          /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ s("tr", { className: "border-b border-[var(--border-color)]", children: [
            /* @__PURE__ */ e("th", { className: "text-left py-2", children: a("ai.sections.reference.permissions.permission") }),
            /* @__PURE__ */ e("th", { className: "text-left py-2", children: a("ai.sections.reference.permissions.description") })
          ] }) }),
          /* @__PURE__ */ s("tbody", { children: [
            /* @__PURE__ */ s("tr", { className: "border-b border-[var(--border-color)]", children: [
              /* @__PURE__ */ e("td", { className: "py-2", children: /* @__PURE__ */ e("code", { className: "px-2 py-0.5 bg-[var(--bg-secondary)] rounded text-xs", children: "administration.ai.read" }) }),
              /* @__PURE__ */ e("td", { className: "py-2 text-[var(--text-secondary)]", children: a("ai.sections.reference.permissions.read") })
            ] }),
            /* @__PURE__ */ s("tr", { className: "border-b border-[var(--border-color)]", children: [
              /* @__PURE__ */ e("td", { className: "py-2", children: /* @__PURE__ */ e("code", { className: "px-2 py-0.5 bg-[var(--bg-secondary)] rounded text-xs", children: "administration.ai.prompts.*" }) }),
              /* @__PURE__ */ e("td", { className: "py-2 text-[var(--text-secondary)]", children: a("ai.sections.reference.permissions.prompts") })
            ] }),
            /* @__PURE__ */ s("tr", { className: "border-b border-[var(--border-color)]", children: [
              /* @__PURE__ */ e("td", { className: "py-2", children: /* @__PURE__ */ e("code", { className: "px-2 py-0.5 bg-[var(--bg-secondary)] rounded text-xs", children: "administration.ai.blocks.*" }) }),
              /* @__PURE__ */ e("td", { className: "py-2 text-[var(--text-secondary)]", children: a("ai.sections.reference.permissions.blocks") })
            ] }),
            /* @__PURE__ */ s("tr", { className: "border-b border-[var(--border-color)]", children: [
              /* @__PURE__ */ e("td", { className: "py-2", children: /* @__PURE__ */ e("code", { className: "px-2 py-0.5 bg-[var(--bg-secondary)] rounded text-xs", children: "administration.ai.schemas.*" }) }),
              /* @__PURE__ */ e("td", { className: "py-2 text-[var(--text-secondary)]", children: a("ai.sections.reference.permissions.schemas") })
            ] }),
            /* @__PURE__ */ s("tr", { children: [
              /* @__PURE__ */ e("td", { className: "py-2", children: /* @__PURE__ */ e("code", { className: "px-2 py-0.5 bg-[var(--bg-secondary)] rounded text-xs", children: "administration.ai.settings.*" }) }),
              /* @__PURE__ */ e("td", { className: "py-2 text-[var(--text-secondary)]", children: a("ai.sections.reference.permissions.settings") })
            ] })
          ] })
        ] })
      ] }),
      /* @__PURE__ */ s("div", { className: "card p-6", children: [
        /* @__PURE__ */ e("h3", { className: "font-semibold mb-4", children: a("ai.sections.reference.api.title") }),
        /* @__PURE__ */ e("div", { className: "overflow-x-auto", children: /* @__PURE__ */ s("table", { className: "w-full text-sm font-mono", children: [
          /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ s("tr", { className: "border-b border-[var(--border-color)]", children: [
            /* @__PURE__ */ e("th", { className: "text-left py-2", children: a("ai.sections.reference.api.method") }),
            /* @__PURE__ */ e("th", { className: "text-left py-2", children: a("ai.sections.reference.api.endpoint") }),
            /* @__PURE__ */ e("th", { className: "text-left py-2 font-sans", children: a("ai.sections.reference.api.description") })
          ] }) }),
          /* @__PURE__ */ s("tbody", { className: "text-xs", children: [
            /* @__PURE__ */ s("tr", { className: "border-b border-[var(--border-color)]", children: [
              /* @__PURE__ */ e("td", { className: "py-2", children: /* @__PURE__ */ e("span", { className: "px-2 py-0.5 rounded bg-green-500/10 text-green-600", children: "GET" }) }),
              /* @__PURE__ */ e("td", { className: "py-2", children: "/api/administration/ai/dashboard" }),
              /* @__PURE__ */ e("td", { className: "py-2 font-sans text-[var(--text-secondary)]", children: a("ai.sections.reference.api.getDashboard") })
            ] }),
            /* @__PURE__ */ s("tr", { className: "border-b border-[var(--border-color)]", children: [
              /* @__PURE__ */ e("td", { className: "py-2", children: /* @__PURE__ */ e("span", { className: "px-2 py-0.5 rounded bg-green-500/10 text-green-600", children: "GET" }) }),
              /* @__PURE__ */ e("td", { className: "py-2", children: "/api/administration/ai/prompts" }),
              /* @__PURE__ */ e("td", { className: "py-2 font-sans text-[var(--text-secondary)]", children: a("ai.sections.reference.api.getPrompts") })
            ] }),
            /* @__PURE__ */ s("tr", { className: "border-b border-[var(--border-color)]", children: [
              /* @__PURE__ */ e("td", { className: "py-2", children: /* @__PURE__ */ e("span", { className: "px-2 py-0.5 rounded bg-green-500/10 text-green-600", children: "GET" }) }),
              /* @__PURE__ */ s("td", { className: "py-2", children: [
                "/api/administration/ai/prompts/",
                "{id}"
              ] }),
              /* @__PURE__ */ e("td", { className: "py-2 font-sans text-[var(--text-secondary)]", children: a("ai.sections.reference.api.getPromptById") })
            ] }),
            /* @__PURE__ */ s("tr", { className: "border-b border-[var(--border-color)]", children: [
              /* @__PURE__ */ e("td", { className: "py-2", children: /* @__PURE__ */ e("span", { className: "px-2 py-0.5 rounded bg-yellow-500/10 text-yellow-600", children: "POST" }) }),
              /* @__PURE__ */ e("td", { className: "py-2", children: "/api/administration/ai/prompts" }),
              /* @__PURE__ */ e("td", { className: "py-2 font-sans text-[var(--text-secondary)]", children: a("ai.sections.reference.api.createPrompt") })
            ] }),
            /* @__PURE__ */ s("tr", { className: "border-b border-[var(--border-color)]", children: [
              /* @__PURE__ */ e("td", { className: "py-2", children: /* @__PURE__ */ e("span", { className: "px-2 py-0.5 rounded bg-blue-500/10 text-blue-600", children: "PUT" }) }),
              /* @__PURE__ */ s("td", { className: "py-2", children: [
                "/api/administration/ai/prompts/",
                "{id}"
              ] }),
              /* @__PURE__ */ e("td", { className: "py-2 font-sans text-[var(--text-secondary)]", children: a("ai.sections.reference.api.updatePrompt") })
            ] }),
            /* @__PURE__ */ s("tr", { className: "border-b border-[var(--border-color)]", children: [
              /* @__PURE__ */ e("td", { className: "py-2", children: /* @__PURE__ */ e("span", { className: "px-2 py-0.5 rounded bg-green-500/10 text-green-600", children: "GET" }) }),
              /* @__PURE__ */ e("td", { className: "py-2", children: "/api/administration/ai/prompts/block-definitions" }),
              /* @__PURE__ */ e("td", { className: "py-2 font-sans text-[var(--text-secondary)]", children: a("ai.sections.reference.api.getBlockDefs") })
            ] }),
            /* @__PURE__ */ s("tr", { className: "border-b border-[var(--border-color)]", children: [
              /* @__PURE__ */ e("td", { className: "py-2", children: /* @__PURE__ */ e("span", { className: "px-2 py-0.5 rounded bg-green-500/10 text-green-600", children: "GET" }) }),
              /* @__PURE__ */ s("td", { className: "py-2", children: [
                "/api/administration/ai/prompts/block-definitions/",
                "{id}"
              ] }),
              /* @__PURE__ */ e("td", { className: "py-2 font-sans text-[var(--text-secondary)]", children: a("ai.sections.reference.api.getBlockDefById") })
            ] }),
            /* @__PURE__ */ s("tr", { className: "border-b border-[var(--border-color)]", children: [
              /* @__PURE__ */ e("td", { className: "py-2", children: /* @__PURE__ */ e("span", { className: "px-2 py-0.5 rounded bg-green-500/10 text-green-600", children: "GET" }) }),
              /* @__PURE__ */ e("td", { className: "py-2", children: "/api/administration/ai/schemas" }),
              /* @__PURE__ */ e("td", { className: "py-2 font-sans text-[var(--text-secondary)]", children: a("ai.sections.reference.api.getSchemas") })
            ] }),
            /* @__PURE__ */ s("tr", { children: [
              /* @__PURE__ */ e("td", { className: "py-2", children: /* @__PURE__ */ e("span", { className: "px-2 py-0.5 rounded bg-green-500/10 text-green-600", children: "GET" }) }),
              /* @__PURE__ */ e("td", { className: "py-2", children: "/api/administration/ai/settings/instances" }),
              /* @__PURE__ */ e("td", { className: "py-2 font-sans text-[var(--text-secondary)]", children: a("ai.sections.reference.api.getInstances") })
            ] })
          ] })
        ] }) })
      ] })
    ] }),
    /* @__PURE__ */ s("div", { className: "flex justify-between pt-6 border-t border-[var(--border-color)]", children: [
      /* @__PURE__ */ s(
        i,
        {
          to: "/system/docs/user",
          className: "flex items-center gap-2 text-[var(--text-secondary)] hover:text-[var(--color-primary-600)]",
          children: [
            /* @__PURE__ */ e(c, { className: "w-4 h-4 rotate-180" }),
            a("ai.nav.back")
          ]
        }
      ),
      /* @__PURE__ */ s(
        i,
        {
          to: "/system/docs/user/modules",
          className: "flex items-center gap-2 text-[var(--color-primary-600)] hover:underline",
          children: [
            a("ai.nav.next"),
            /* @__PURE__ */ e(c, { className: "w-4 h-4" })
          ]
        }
      )
    ] })
  ] });
}
export {
  A as AiDocPage
};
//# sourceMappingURL=AiDocPage-rnKBvVof.js.map
