import { jsxs as t, jsx as e } from "react/jsx-runtime";
import { Link as o } from "react-router-dom";
import { useTranslation as u } from "react-i18next";
import { ArrowLeft as h, Key as l, ChevronRight as p, Clock as d, CheckCircle as i, XCircle as x, AppWindow as m, Building2 as b, MapPin as f, Users as g, Zap as N, ChevronDown as y, ArrowRight as w, Info as C } from "lucide-react";
const R = [
  { app: "CRM Pro", tenant: "Acme Corp", reason: "Accès gestion clients Enterprise", date: "2026-03-01", status: "Pending", processedAt: "—", notes: "—" },
  { app: "BI Analytics", tenant: "TechVision", reason: "Rapports mensuels direction", date: "2026-02-15", status: "Approved", processedAt: "2026-02-16", notes: "—" },
  { app: "Portail Finance", tenant: "InnoSuisse", reason: "Budget prévisionnel Q1", date: "2026-01-20", status: "Denied", processedAt: "2026-01-21", notes: "Accès réservé au département finance." }
], k = {
  Pending: { bg: "bg-[var(--warning-bg)]", text: "text-[var(--warning-text)]", border: "border-[var(--warning-border)]", icon: d },
  Approved: { bg: "bg-[var(--success-bg)]", text: "text-[var(--success-text)]", border: "border-[var(--success-border)]", icon: i },
  Denied: { bg: "bg-[var(--error-bg)]", text: "text-[var(--error-text)]", border: "border-[var(--error-border)]", icon: x }
}, A = {
  GET: "bg-[var(--info-bg)] text-[var(--info-text)] border-[var(--info-border)]",
  POST: "bg-[var(--success-bg)] text-[var(--success-text)] border-[var(--success-border)]"
}, $ = [
  { method: "GET", path: "/api/my/access-requests", handler: "GetMyAccessRequests", permission: "authenticated" },
  { method: "GET", path: "/api/myspace/access-requests", handler: "GetMyAccessRequests (alias)", permission: "authenticated" },
  { method: "GET", path: "/api/personal/myspace/access-requests", handler: "GetMyAccessRequests (canonical)", permission: "authenticated" },
  { method: "POST", path: "/api/tenants/{tenantId}/applications/{appId}/request", handler: "CreateAccessRequest", permission: "authenticated" }
], j = [
  { id: "BR-001", category: "Validation" },
  { id: "BR-002", category: "State Machine" },
  { id: "BR-003", category: "State Machine" },
  { id: "BR-004", category: "Validation" },
  { id: "BR-005", category: "Workflow" }
];
function s({ children: a }) {
  return /* @__PURE__ */ t("div", { className: "flex items-start gap-2 px-3 py-2 rounded-md border-l-2 border-[var(--color-accent-500)] bg-[var(--bg-secondary)] text-xs text-[var(--text-secondary)]", children: [
    /* @__PURE__ */ e(C, { className: "w-3.5 h-3.5 mt-0.5 flex-shrink-0 text-[var(--text-tertiary)]" }),
    /* @__PURE__ */ e("span", { className: "leading-relaxed", children: a })
  ] });
}
function T() {
  const { t: a } = u("docsMyspaceTenantsAccessRequests");
  return /* @__PURE__ */ t("div", { className: "space-y-8 max-w-5xl mx-auto pb-12", children: [
    /* @__PURE__ */ t(
      o,
      {
        to: "/system/docs/user",
        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(h, { className: "w-4 h-4" }),
          a("nav.backToMyspace")
        ]
      }
    ),
    /* @__PURE__ */ t("div", { children: [
      /* @__PURE__ */ t("h1", { className: "text-3xl font-bold mb-4 flex items-center gap-3", children: [
        /* @__PURE__ */ e(l, { className: "w-8 h-8 text-[var(--color-accent-600)]" }),
        a("title")
      ] }),
      /* @__PURE__ */ e("p", { className: "text-xl text-[var(--color-accent-600)] font-medium mb-2", children: a("valueProposition") }),
      /* @__PURE__ */ e("p", { className: "text-lg text-[var(--text-secondary)]", children: a("subtitle") }),
      /* @__PURE__ */ t("div", { className: "flex gap-4 mt-3 text-sm text-[var(--text-secondary)]", children: [
        /* @__PURE__ */ t("span", { children: [
          "5 ",
          a("header.businessRules")
        ] }),
        /* @__PURE__ */ t("span", { children: [
          "4 ",
          a("header.apiEndpoints")
        ] }),
        /* @__PURE__ */ t("span", { children: [
          "3 ",
          a("header.statuses")
        ] })
      ] })
    ] }),
    /* @__PURE__ */ t("section", { id: "objectif", className: "scroll-mt-4", children: [
      /* @__PURE__ */ t("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-accent-600)] text-white flex items-center justify-center text-sm font-bold", children: "1" }),
        a("sections.objective")
      ] }),
      /* @__PURE__ */ e("div", { className: "p-6 bg-[var(--bg-card)] border border-[var(--border-color)] rounded-[var(--radius-card)]", children: /* @__PURE__ */ e("p", { className: "text-[var(--text-secondary)] leading-relaxed", children: a("objective") }) })
    ] }),
    /* @__PURE__ */ t("section", { id: "acces", className: "scroll-mt-4", children: [
      /* @__PURE__ */ t("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-accent-600)] text-white flex items-center justify-center text-sm font-bold", children: "2" }),
        a("sections.access")
      ] }),
      /* @__PURE__ */ t("div", { className: "p-6 bg-[var(--bg-card)] border border-[var(--border-color)] rounded-[var(--radius-card)] space-y-4", children: [
        /* @__PURE__ */ t("div", { children: [
          /* @__PURE__ */ e("div", { className: "text-sm font-medium text-[var(--text-secondary)] mb-2", children: a("access.navigation") }),
          /* @__PURE__ */ t("div", { className: "flex items-center gap-2 text-sm flex-wrap", children: [
            /* @__PURE__ */ e("span", { className: "px-3 py-1.5 rounded-lg bg-[var(--color-accent-500)]/10 text-[var(--color-accent-700)] font-medium", children: "Mon Espace" }),
            /* @__PURE__ */ e(p, { className: "w-4 h-4 text-[var(--text-tertiary)]" }),
            /* @__PURE__ */ e("span", { className: "px-3 py-1.5 rounded-lg bg-[var(--bg-secondary)] text-[var(--text-secondary)] font-medium", children: "Tenants" }),
            /* @__PURE__ */ e(p, { className: "w-4 h-4 text-[var(--text-tertiary)]" }),
            /* @__PURE__ */ e("span", { className: "px-3 py-1.5 rounded-lg bg-[var(--color-accent-500)]/10 text-[var(--color-accent-700)] font-medium", children: a("title") })
          ] })
        ] }),
        /* @__PURE__ */ t("div", { children: [
          /* @__PURE__ */ e("div", { className: "text-sm font-medium text-[var(--text-secondary)] mb-1", children: a("access.url") }),
          /* @__PURE__ */ e("code", { className: "text-sm px-3 py-1.5 bg-[var(--bg-secondary)] rounded-lg text-[var(--text-primary)]", children: "/myspace/tenants/access-requests" })
        ] }),
        /* @__PURE__ */ t("div", { children: [
          /* @__PURE__ */ e("div", { className: "text-sm font-medium text-[var(--text-secondary)] mb-1", children: a("access.permission") }),
          /* @__PURE__ */ e("code", { className: "text-sm px-3 py-1.5 bg-[var(--bg-secondary)] rounded-lg text-[var(--text-primary)]", children: "authenticated" })
        ] })
      ] })
    ] }),
    /* @__PURE__ */ t("section", { id: "interface", className: "scroll-mt-4", children: [
      /* @__PURE__ */ t("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-accent-600)] text-white flex items-center justify-center text-sm font-bold", children: "3" }),
        a("sections.interface")
      ] }),
      /* @__PURE__ */ e("p", { className: "text-[var(--text-secondary)] mb-4", children: a("interface.desc") }),
      /* @__PURE__ */ e("div", { className: "bg-[var(--bg-card)] border border-[var(--border-color)] rounded-[var(--radius-card)] overflow-hidden", children: /* @__PURE__ */ t("div", { className: "p-4 space-y-4", children: [
        /* @__PURE__ */ t("div", { className: "pb-3 border-b border-[var(--border-color)]", children: [
          /* @__PURE__ */ t("div", { className: "flex items-center gap-2 text-xs text-[var(--text-secondary)] mb-2", children: [
            /* @__PURE__ */ e("span", { children: "Mon Espace" }),
            /* @__PURE__ */ e("span", { children: "›" }),
            /* @__PURE__ */ e("span", { children: "Tenants" }),
            /* @__PURE__ */ e("span", { children: "›" }),
            /* @__PURE__ */ e("span", { className: "text-[var(--text-primary)] font-medium", children: a("title") })
          ] }),
          /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
            /* @__PURE__ */ e(l, { className: "w-5 h-5 text-[var(--color-accent-600)]" }),
            /* @__PURE__ */ e("span", { className: "font-semibold", children: a("title") })
          ] })
        ] }),
        /* @__PURE__ */ e("div", { className: "grid grid-cols-3 gap-3", children: [
          { label: a("interface.stats.pending"), count: 1, icon: d, color: "var(--dataviz-cat-3)" },
          { label: a("interface.stats.approved"), count: 1, icon: i, color: "var(--dataviz-cat-5)" },
          { label: a("interface.stats.denied"), count: 1, icon: x, color: "var(--dataviz-cat-2)" }
        ].map((r) => {
          const c = r.icon;
          return /* @__PURE__ */ t("div", { className: "p-3 bg-[var(--bg-secondary)] border border-[var(--border-color)] rounded-[var(--radius-card)] flex items-center gap-3", children: [
            /* @__PURE__ */ e("div", { className: "w-9 h-9 rounded-lg flex items-center justify-center flex-shrink-0", style: { backgroundColor: `${r.color}20` }, children: /* @__PURE__ */ e(c, { className: "w-4 h-4", style: { color: r.color } }) }),
            /* @__PURE__ */ t("div", { children: [
              /* @__PURE__ */ e("div", { className: "text-2xl font-bold", style: { color: r.color }, children: r.count }),
              /* @__PURE__ */ e("div", { className: "text-xs text-[var(--text-secondary)]", children: r.label })
            ] })
          ] }, r.label);
        }) }),
        /* @__PURE__ */ e("div", { className: "border border-[var(--border-color)] rounded-lg overflow-hidden", children: /* @__PURE__ */ t("table", { className: "w-full text-sm", children: [
          /* @__PURE__ */ e("thead", { className: "bg-[var(--bg-secondary)]", children: /* @__PURE__ */ t("tr", { children: [
            /* @__PURE__ */ e("th", { className: "text-left px-4 py-2.5 text-xs font-semibold text-[var(--text-tertiary)] uppercase tracking-wider", children: a("interface.table.application") }),
            /* @__PURE__ */ e("th", { className: "text-left px-4 py-2.5 text-xs font-semibold text-[var(--text-tertiary)] uppercase tracking-wider hidden md:table-cell", children: a("interface.table.tenant") }),
            /* @__PURE__ */ e("th", { className: "text-left px-4 py-2.5 text-xs font-semibold text-[var(--text-tertiary)] uppercase tracking-wider hidden lg:table-cell", children: a("interface.table.reason") }),
            /* @__PURE__ */ e("th", { className: "text-left px-4 py-2.5 text-xs font-semibold text-[var(--text-tertiary)] uppercase tracking-wider hidden md:table-cell", children: a("interface.table.requestedAt") }),
            /* @__PURE__ */ e("th", { className: "text-left px-4 py-2.5 text-xs font-semibold text-[var(--text-tertiary)] uppercase tracking-wider", children: a("interface.table.status") }),
            /* @__PURE__ */ e("th", { className: "text-left px-4 py-2.5 text-xs font-semibold text-[var(--text-tertiary)] uppercase tracking-wider hidden lg:table-cell", children: a("interface.table.processedAt") }),
            /* @__PURE__ */ e("th", { className: "text-left px-4 py-2.5 text-xs font-semibold text-[var(--text-tertiary)] uppercase tracking-wider hidden xl:table-cell", children: a("interface.table.notes") })
          ] }) }),
          /* @__PURE__ */ e("tbody", { className: "divide-y divide-[var(--border-color)]", children: R.map((r, c) => {
            const n = k[r.status], v = n.icon;
            return /* @__PURE__ */ t("tr", { className: "hover:bg-[var(--bg-tertiary)] transition-colors", children: [
              /* @__PURE__ */ e("td", { className: "px-4 py-3", children: /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
                /* @__PURE__ */ e(m, { className: "w-4 h-4 text-[var(--color-accent-600)] flex-shrink-0" }),
                /* @__PURE__ */ e("span", { className: "font-medium text-sm", children: r.app })
              ] }) }),
              /* @__PURE__ */ e("td", { className: "px-4 py-3 hidden md:table-cell", children: /* @__PURE__ */ t("div", { className: "flex items-center gap-1.5", children: [
                /* @__PURE__ */ e(b, { className: "w-3.5 h-3.5 text-[var(--text-secondary)]" }),
                /* @__PURE__ */ e("span", { className: "text-sm text-[var(--text-primary)]", children: r.tenant })
              ] }) }),
              /* @__PURE__ */ e("td", { className: "px-4 py-3 hidden lg:table-cell", children: /* @__PURE__ */ e("span", { className: "text-xs text-[var(--text-secondary)]", children: r.reason }) }),
              /* @__PURE__ */ e("td", { className: "px-4 py-3 hidden md:table-cell", children: /* @__PURE__ */ e("span", { className: "text-xs text-[var(--text-secondary)] whitespace-nowrap", children: r.date }) }),
              /* @__PURE__ */ e("td", { className: "px-4 py-3", children: /* @__PURE__ */ t("span", { className: `inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-xs font-medium border ${n.bg} ${n.text} ${n.border}`, children: [
                /* @__PURE__ */ e(v, { className: "w-3 h-3" }),
                a(`interface.status.${r.status.toLowerCase()}`)
              ] }) }),
              /* @__PURE__ */ e("td", { className: "px-4 py-3 hidden lg:table-cell", children: /* @__PURE__ */ e("span", { className: "text-xs text-[var(--text-secondary)] whitespace-nowrap", children: r.processedAt }) }),
              /* @__PURE__ */ e("td", { className: "px-4 py-3 hidden xl:table-cell", children: r.notes !== "—" ? /* @__PURE__ */ e("span", { className: "text-xs text-[var(--error-text)] italic", children: r.notes }) : /* @__PURE__ */ e("span", { className: "text-[var(--text-tertiary)] text-xs", children: r.notes }) })
            ] }, `req-${c}`);
          }) })
        ] }) }),
        /* @__PURE__ */ t("div", { className: "space-y-1.5", children: [
          /* @__PURE__ */ e(s, { children: a("interface.annotations.kpiCards") }),
          /* @__PURE__ */ e(s, { children: a("interface.annotations.applicationCol") }),
          /* @__PURE__ */ e(s, { children: a("interface.annotations.tenantCol") }),
          /* @__PURE__ */ e(s, { children: a("interface.annotations.reasonCol") }),
          /* @__PURE__ */ e(s, { children: a("interface.annotations.statusCol") }),
          /* @__PURE__ */ e(s, { children: a("interface.annotations.processedAtCol") }),
          /* @__PURE__ */ e(s, { children: a("interface.annotations.notesCol") })
        ] })
      ] }) })
    ] }),
    /* @__PURE__ */ t("section", { id: "demande", className: "scroll-mt-4", children: [
      /* @__PURE__ */ t("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-accent-600)] text-white flex items-center justify-center text-sm font-bold", children: "4" }),
        a("sections.requestProcess")
      ] }),
      /* @__PURE__ */ e("p", { className: "text-[var(--text-secondary)] mb-4", children: a("requestProcess.desc") }),
      /* @__PURE__ */ e("div", { className: "bg-[var(--bg-card)] border border-[var(--border-color)] rounded-[var(--radius-card)] overflow-hidden", children: /* @__PURE__ */ t("div", { className: "p-4 space-y-4", children: [
        /* @__PURE__ */ e("div", { className: "space-y-3", children: [
          { num: 1, text: a("requestProcess.step1"), icon: f },
          { num: 2, text: a("requestProcess.step2"), icon: m },
          { num: 3, text: a("requestProcess.step3"), icon: l },
          { num: 4, text: a("requestProcess.step4"), icon: i }
        ].map((r) => {
          const c = r.icon;
          return /* @__PURE__ */ t("div", { className: "flex items-start gap-3", children: [
            /* @__PURE__ */ e("div", { className: "w-7 h-7 rounded-full bg-[var(--color-accent-600)] text-white flex items-center justify-center flex-shrink-0 text-xs font-bold mt-0.5", children: r.num }),
            /* @__PURE__ */ t("div", { className: "flex items-center gap-2 p-3 flex-1 bg-[var(--bg-secondary)] border border-[var(--border-color)] rounded-lg", children: [
              /* @__PURE__ */ e(c, { className: "w-4 h-4 text-[var(--color-accent-600)] flex-shrink-0" }),
              /* @__PURE__ */ e("span", { className: "text-sm", children: r.text })
            ] })
          ] }, r.num);
        }) }),
        /* @__PURE__ */ t("div", { className: "space-y-1.5", children: [
          /* @__PURE__ */ e(s, { children: a("requestProcess.annotations.optional") }),
          /* @__PURE__ */ e(s, { children: a("requestProcess.annotations.immediate") }),
          /* @__PURE__ */ e(s, { children: a("requestProcess.annotations.duplicates") })
        ] })
      ] }) })
    ] }),
    /* @__PURE__ */ t("section", { id: "statuts", className: "scroll-mt-4", children: [
      /* @__PURE__ */ t("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-accent-600)] text-white flex items-center justify-center text-sm font-bold", children: "5" }),
        a("sections.statusLifecycle")
      ] }),
      /* @__PURE__ */ e("p", { className: "text-[var(--text-secondary)] mb-4", children: a("statusLifecycle.desc") }),
      /* @__PURE__ */ e("div", { className: "bg-[var(--bg-card)] border border-[var(--border-color)] rounded-[var(--radius-card)] overflow-hidden", children: /* @__PURE__ */ t("div", { className: "p-4 space-y-4", children: [
        /* @__PURE__ */ t("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-3", children: [
          /* @__PURE__ */ t("div", { className: "p-4 bg-[var(--bg-secondary)] border border-[var(--border-color)] rounded-[var(--radius-card)]", children: [
            /* @__PURE__ */ e("div", { className: "flex items-center gap-2 mb-2", children: /* @__PURE__ */ t("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-xs font-medium border bg-[var(--warning-bg)] text-[var(--warning-text)] border-[var(--warning-border)]", children: [
              /* @__PURE__ */ e(d, { className: "w-3 h-3" }),
              a("statusLifecycle.pending.title")
            ] }) }),
            /* @__PURE__ */ e("p", { className: "text-sm text-[var(--text-secondary)]", children: a("statusLifecycle.pending.desc") })
          ] }),
          /* @__PURE__ */ t("div", { className: "p-4 bg-[var(--bg-secondary)] border border-[var(--border-color)] rounded-[var(--radius-card)]", children: [
            /* @__PURE__ */ e("div", { className: "flex items-center gap-2 mb-2", children: /* @__PURE__ */ t("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-xs font-medium border bg-[var(--success-bg)] text-[var(--success-text)] border-[var(--success-border)]", children: [
              /* @__PURE__ */ e(i, { className: "w-3 h-3" }),
              a("statusLifecycle.approved.title")
            ] }) }),
            /* @__PURE__ */ e("p", { className: "text-sm text-[var(--text-secondary)]", children: a("statusLifecycle.approved.desc") })
          ] }),
          /* @__PURE__ */ t("div", { className: "p-4 bg-[var(--bg-secondary)] border border-[var(--border-color)] rounded-[var(--radius-card)]", children: [
            /* @__PURE__ */ e("div", { className: "flex items-center gap-2 mb-2", children: /* @__PURE__ */ t("span", { className: "inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-xs font-medium border bg-[var(--error-bg)] text-[var(--error-text)] border-[var(--error-border)]", children: [
              /* @__PURE__ */ e(x, { className: "w-3 h-3" }),
              a("statusLifecycle.denied.title")
            ] }) }),
            /* @__PURE__ */ e("p", { className: "text-sm text-[var(--text-secondary)]", children: a("statusLifecycle.denied.desc") })
          ] })
        ] }),
        /* @__PURE__ */ t("div", { className: "space-y-1.5", children: [
          /* @__PURE__ */ e(s, { children: a("statusLifecycle.annotations.finalState") }),
          /* @__PURE__ */ e(s, { children: a("statusLifecycle.annotations.adminNote") })
        ] })
      ] }) })
    ] }),
    /* @__PURE__ */ t("section", { id: "cas-usage", className: "scroll-mt-4", children: [
      /* @__PURE__ */ t("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-accent-600)] text-white flex items-center justify-center text-sm font-bold", children: "6" }),
        a("sections.useCases")
      ] }),
      /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [1, 2, 3].map((r) => /* @__PURE__ */ t("div", { className: "p-6 bg-[var(--bg-card)] border border-[var(--border-color)] rounded-[var(--radius-card)]", children: [
        /* @__PURE__ */ t("div", { className: "flex items-center gap-3 mb-4", children: [
          /* @__PURE__ */ e("div", { className: "w-10 h-10 rounded-full bg-[var(--accent-bg)] flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ e(g, { className: "w-5 h-5 text-[var(--accent-text)]" }) }),
          /* @__PURE__ */ t("div", { children: [
            /* @__PURE__ */ e("div", { className: "font-semibold", children: a(`useCases.${r}.persona`) }),
            /* @__PURE__ */ e("div", { className: "text-sm text-[var(--text-secondary)]", children: a(`useCases.${r}.role`) })
          ] })
        ] }),
        /* @__PURE__ */ t("div", { className: "space-y-3 text-sm", children: [
          /* @__PURE__ */ t("div", { children: [
            /* @__PURE__ */ t("span", { className: "font-medium text-[var(--text-secondary)]", children: [
              a("useCases.situationLabel"),
              " "
            ] }),
            /* @__PURE__ */ e("span", { children: a(`useCases.${r}.situation`) })
          ] }),
          /* @__PURE__ */ t("div", { className: "p-3 rounded-md border-l-2 border-[var(--color-accent-500)] bg-[var(--bg-secondary)]", children: [
            /* @__PURE__ */ t("span", { className: "font-medium text-[var(--text-primary)]", children: [
              a("useCases.withFeatureLabel"),
              " "
            ] }),
            /* @__PURE__ */ e("span", { className: "text-[var(--text-secondary)]", children: a(`useCases.${r}.withFeature`) })
          ] })
        ] })
      ] }, `uc-${r}`)) })
    ] }),
    /* @__PURE__ */ t("section", { id: "fonctionnalites", className: "scroll-mt-4", children: [
      /* @__PURE__ */ t("h2", { className: "text-2xl font-bold mb-4 flex items-center gap-2", children: [
        /* @__PURE__ */ e("span", { className: "w-8 h-8 rounded-full bg-[var(--color-accent-600)] text-white flex items-center justify-center text-sm font-bold", children: "7" }),
        a("sections.features")
      ] }),
      /* @__PURE__ */ e("div", { className: "space-y-4", children: [1, 2, 3, 4, 5].map((r) => {
        const n = [l, N, m, d, b][r - 1];
        return /* @__PURE__ */ e("div", { className: "p-6 bg-[var(--bg-card)] border border-[var(--border-color)] rounded-[var(--radius-card)]", children: /* @__PURE__ */ t("div", { className: "flex items-start gap-4", children: [
          /* @__PURE__ */ e("div", { className: "w-10 h-10 rounded-lg bg-[var(--accent-bg)] flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ e(n, { className: "w-5 h-5 text-[var(--accent-text)]" }) }),
          /* @__PURE__ */ t("div", { className: "flex-1", children: [
            /* @__PURE__ */ e("h3", { className: "font-semibold mb-2", children: a(`features.${r}.title`) }),
            /* @__PURE__ */ e("p", { className: "text-[var(--text-secondary)] mb-3", children: a(`features.${r}.description`) }),
            /* @__PURE__ */ t("div", { className: "p-3 rounded-lg bg-[var(--bg-secondary)] text-sm", children: [
              /* @__PURE__ */ t("span", { className: "font-medium text-[var(--color-accent-600)]", children: [
                a("features.exampleLabel"),
                " "
              ] }),
              a(`features.${r}.example`)
            ] })
          ] })
        ] }) }, `feat-${r}`);
      }) })
    ] }),
    /* @__PURE__ */ t("section", { id: "faq", className: "scroll-mt-4", children: [
      /* @__PURE__ */ t("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-accent-600)] text-white flex items-center justify-center text-sm font-bold", children: "8" }),
        a("sections.faq")
      ] }),
      /* @__PURE__ */ e("div", { className: "space-y-3", children: [1, 2, 3, 4, 5].map((r) => /* @__PURE__ */ t("details", { className: "bg-[var(--bg-card)] border border-[var(--border-color)] rounded-[var(--radius-card)] group", children: [
        /* @__PURE__ */ t("summary", { className: "p-4 cursor-pointer hover:bg-[var(--bg-secondary)] rounded-[var(--radius-card)] font-medium flex items-center justify-between", children: [
          a(`faq.${r}.question`),
          /* @__PURE__ */ e(y, { className: "w-4 h-4 text-[var(--text-secondary)] group-open:rotate-180 transition-transform" })
        ] }),
        /* @__PURE__ */ e("div", { className: "px-4 pb-4 text-sm text-[var(--text-secondary)]", children: a(`faq.${r}.answer`) })
      ] }, `faq-${r}`)) })
    ] }),
    /* @__PURE__ */ e("section", { id: "reference", className: "scroll-mt-4", children: /* @__PURE__ */ t("details", { className: "bg-[var(--bg-card)] border border-[var(--border-color)] rounded-[var(--radius-card)]", children: [
      /* @__PURE__ */ t("summary", { className: "p-4 cursor-pointer hover:bg-[var(--bg-secondary)] rounded-[var(--radius-card)] font-semibold flex items-center gap-2", children: [
        /* @__PURE__ */ e("span", { className: "w-8 h-8 rounded-full bg-[var(--bg-tertiary)] text-[var(--text-secondary)] flex items-center justify-center text-sm font-bold", children: "9" }),
        a("sections.technicalRef")
      ] }),
      /* @__PURE__ */ t("div", { className: "p-6 pt-2 space-y-6", children: [
        /* @__PURE__ */ t("div", { children: [
          /* @__PURE__ */ e("h3", { className: "font-semibold mb-3", children: a("techRef.businessRules") }),
          /* @__PURE__ */ e("div", { className: "space-y-2", children: j.map((r) => /* @__PURE__ */ t("div", { className: "p-3 rounded-lg bg-[var(--bg-secondary)]", children: [
            /* @__PURE__ */ t("div", { className: "flex items-center gap-2 mb-1", children: [
              /* @__PURE__ */ e("span", { className: "text-xs font-mono text-[var(--color-accent-600)]", children: r.id }),
              /* @__PURE__ */ e("span", { className: "text-xs px-2 py-0.5 rounded bg-[var(--color-accent-600)]/10 text-[var(--color-accent-700)]", children: r.category })
            ] }),
            /* @__PURE__ */ e("p", { className: "text-xs text-[var(--text-secondary)]", children: a(`techRef.rules.${r.id}`) })
          ] }, r.id)) })
        ] }),
        /* @__PURE__ */ t("div", { children: [
          /* @__PURE__ */ e("h3", { className: "font-semibold mb-3", children: a("techRef.apiEndpoints") }),
          /* @__PURE__ */ e("div", { className: "overflow-x-auto", children: /* @__PURE__ */ t("table", { className: "w-full text-sm", children: [
            /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ t("tr", { className: "bg-[var(--bg-secondary)]", children: [
              /* @__PURE__ */ e("th", { className: "text-left py-2 px-3", children: "Method" }),
              /* @__PURE__ */ e("th", { className: "text-left py-2 px-3", children: "Endpoint" }),
              /* @__PURE__ */ e("th", { className: "text-left py-2 px-3", children: "Handler" }),
              /* @__PURE__ */ e("th", { className: "text-left py-2 px-3", children: a("techRef.permission") })
            ] }) }),
            /* @__PURE__ */ e("tbody", { children: $.map((r, c) => /* @__PURE__ */ t("tr", { className: "border-b border-[var(--border-color)]", children: [
              /* @__PURE__ */ e("td", { className: "py-2 px-3", children: /* @__PURE__ */ e("span", { className: `px-2 py-0.5 rounded text-xs font-medium border ${A[r.method] ?? ""}`, children: r.method }) }),
              /* @__PURE__ */ e("td", { className: "py-2 px-3 font-mono text-xs text-[var(--text-secondary)]", children: r.path }),
              /* @__PURE__ */ e("td", { className: "py-2 px-3 text-[var(--text-secondary)]", children: r.handler }),
              /* @__PURE__ */ e("td", { className: "py-2 px-3 font-mono text-xs text-[var(--text-secondary)]", children: r.permission })
            ] }, `ep-${c}`)) })
          ] }) })
        ] })
      ] })
    ] }) }),
    /* @__PURE__ */ t("div", { className: "flex justify-between pt-6 border-t border-[var(--border-color)]", children: [
      /* @__PURE__ */ t(
        o,
        {
          to: "/system/docs/user",
          className: "flex items-center gap-2 text-[var(--text-secondary)] hover:text-[var(--color-accent-600)] transition-colors",
          children: [
            /* @__PURE__ */ e(h, { className: "w-4 h-4" }),
            a("nav.backToMyspace")
          ]
        }
      ),
      /* @__PURE__ */ t(
        o,
        {
          to: "/docs/business/myspace/preferences",
          className: "flex items-center gap-2 text-[var(--color-accent-600)] hover:underline",
          children: [
            a("nav.nextPreferences"),
            /* @__PURE__ */ e(w, { className: "w-4 h-4" })
          ]
        }
      )
    ] })
  ] });
}
export {
  T as default
};
//# sourceMappingURL=index-B6yCelDw.js.map
