import { jsxs as r, jsx as e } from "react/jsx-runtime";
import { useState as i } from "react";
import { Link as o } from "react-router-dom";
import { useTranslation as v } from "react-i18next";
import { ArrowLeft as m, User as n, ChevronRight as x, CheckCircle as u, Mail as f, Calendar as y, ShieldCheck as g, Key as N, EyeOff as w, Eye as C, AlertCircle as M, Zap as k, HelpCircle as R, Code2 as j, ArrowRight as S, Info as P } from "lucide-react";
const c = {
  initials: "SM",
  displayName: "Sophie Martin",
  email: "sophie.martin@acmecorp.com",
  roles: ["Support Agent", "Manager"],
  memberSince: "janvier 2024"
}, T = {
  GET: "bg-[var(--info-bg)] text-[var(--info-text)] border-[var(--info-border)]",
  PUT: "bg-[var(--warning-bg)] text-[var(--warning-text)] border-[var(--warning-border)]",
  POST: "bg-[var(--success-bg)] text-[var(--success-text)] border-[var(--success-border)]"
}, $ = [
  { id: "BR-001", category: "Validation", key: "techRef.rules.br001" },
  { id: "BR-002", category: "Sécurité", key: "techRef.rules.br002" },
  { id: "BR-003", category: "Sécurité", key: "techRef.rules.br003" },
  { id: "BR-004", category: "Validation", key: "techRef.rules.br004" },
  { id: "BR-005", category: "Session", key: "techRef.rules.br005" },
  { id: "BR-006", category: "Contexte", key: "techRef.rules.br006" }
], B = [
  { method: "PUT", path: "/api/personal/myspace/profile", handler: "UpdateMyProfile" },
  { method: "POST", path: "/api/auth/change-password", handler: "ChangePassword" }
];
function s({ children: a }) {
  return /* @__PURE__ */ r("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(P, { 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 F() {
  const { t: a } = v("docsMyspaceProfile"), [d, b] = i(!1), [l, p] = i(!1);
  return /* @__PURE__ */ r("div", { className: "space-y-8 max-w-5xl mx-auto pb-12", children: [
    /* @__PURE__ */ r(
      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(m, { className: "h-4 w-4" }),
          a("nav.backToMySpace")
        ]
      }
    ),
    /* @__PURE__ */ r("div", { children: [
      /* @__PURE__ */ r("div", { className: "flex items-center gap-3 mb-3", children: [
        /* @__PURE__ */ e("div", { className: "p-2 rounded-lg bg-[var(--color-accent-600)]/10", children: /* @__PURE__ */ e(n, { className: "h-6 w-6 text-[var(--color-accent-600)]" }) }),
        /* @__PURE__ */ r("div", { children: [
          /* @__PURE__ */ e("h1", { className: "text-2xl font-bold text-[var(--text-primary)]", children: a("title") }),
          /* @__PURE__ */ e("p", { className: "text-sm text-[var(--text-secondary)] mt-0.5", children: a("subtitle") })
        ] })
      ] }),
      /* @__PURE__ */ r("div", { className: "flex flex-wrap gap-3 text-sm text-[var(--text-secondary)]", children: [
        /* @__PURE__ */ r("span", { children: [
          "6 ",
          a("header.businessRules")
        ] }),
        /* @__PURE__ */ e("span", { children: "·" }),
        /* @__PURE__ */ r("span", { children: [
          "2 ",
          a("header.apiEndpoints")
        ] }),
        /* @__PURE__ */ e("span", { children: "·" }),
        /* @__PURE__ */ r("span", { children: [
          "3 ",
          a("header.sections")
        ] })
      ] })
    ] }),
    /* @__PURE__ */ r("section", { children: [
      /* @__PURE__ */ r("h2", { className: "text-lg font-semibold text-[var(--text-primary)] mb-3 flex items-center gap-2", children: [
        /* @__PURE__ */ e("span", { className: "w-7 h-7 rounded-full bg-[var(--color-accent-600)] text-white flex items-center justify-center text-xs font-bold", children: "1" }),
        a("sections.objective")
      ] }),
      /* @__PURE__ */ e("div", { className: "px-4 py-3 rounded-[var(--radius-card)] border-l-2 border-[var(--color-accent-500)] bg-[var(--bg-secondary)]", children: /* @__PURE__ */ e("p", { className: "text-sm text-[var(--text-secondary)]", children: a("objective") }) })
    ] }),
    /* @__PURE__ */ r("section", { children: [
      /* @__PURE__ */ r("h2", { className: "text-lg font-semibold text-[var(--text-primary)] mb-3 flex items-center gap-2", children: [
        /* @__PURE__ */ e("span", { className: "w-7 h-7 rounded-full bg-[var(--color-accent-600)] text-white flex items-center justify-center text-xs font-bold", children: "2" }),
        a("sections.access")
      ] }),
      /* @__PURE__ */ r("div", { className: "border border-[var(--border-color)] rounded-[var(--radius-card)] p-4 bg-[var(--bg-card)] space-y-3", children: [
        /* @__PURE__ */ r("div", { children: [
          /* @__PURE__ */ e("div", { className: "text-xs font-medium text-[var(--text-secondary)] mb-2", children: a("access.navigation") }),
          /* @__PURE__ */ r("div", { className: "flex flex-wrap items-center gap-2 text-sm", children: [
            /* @__PURE__ */ e("span", { className: "px-2 py-0.5 rounded bg-[var(--color-accent-600)]/10 text-[var(--color-accent-700)] font-medium", children: "Mon Espace" }),
            /* @__PURE__ */ e(x, { className: "h-3.5 w-3.5 text-[var(--text-tertiary)]" }),
            /* @__PURE__ */ e("span", { className: "px-2 py-0.5 rounded bg-[var(--color-accent-600)]/10 text-[var(--color-accent-700)] font-medium", children: a("access.module") })
          ] })
        ] }),
        /* @__PURE__ */ r("div", { className: "flex flex-wrap gap-3 text-xs", children: [
          /* @__PURE__ */ e("div", { className: "px-3 py-1.5 rounded-full bg-[var(--bg-secondary)] border border-[var(--border-color)] font-mono text-[var(--text-secondary)]", children: "/myspace/profile" }),
          /* @__PURE__ */ e("div", { className: "px-3 py-1.5 rounded-full bg-[var(--color-accent-600)]/10 border border-[var(--color-accent-600)]/20 text-[var(--color-accent-700)] font-mono", children: a("access.permission") })
        ] })
      ] })
    ] }),
    /* @__PURE__ */ r("section", { children: [
      /* @__PURE__ */ r("h2", { className: "text-lg font-semibold text-[var(--text-primary)] mb-3 flex items-center gap-2", children: [
        /* @__PURE__ */ e("span", { className: "w-7 h-7 rounded-full bg-[var(--color-accent-600)] text-white flex items-center justify-center text-xs font-bold", children: "3" }),
        a("sections.profileInterface")
      ] }),
      /* @__PURE__ */ r("div", { className: "border border-[var(--border-color)] rounded-[var(--radius-card)] overflow-hidden bg-[var(--bg-card)] shadow-sm", children: [
        /* @__PURE__ */ r("div", { className: "px-4 py-3 border-b border-[var(--border-color)] bg-[var(--bg-secondary)] flex items-center gap-3", children: [
          /* @__PURE__ */ e(n, { className: "h-5 w-5 text-[var(--color-accent-600)]" }),
          /* @__PURE__ */ r("div", { children: [
            /* @__PURE__ */ e("h3", { className: "text-sm font-bold text-[var(--text-primary)]", children: a("profileCard.pageTitle") }),
            /* @__PURE__ */ e("p", { className: "text-xs text-[var(--text-secondary)]", children: a("profileCard.pageSubtitle") })
          ] })
        ] }),
        /* @__PURE__ */ r("div", { className: "p-4 space-y-3", children: [
          /* @__PURE__ */ r("div", { className: "flex items-center gap-3 p-3 bg-[var(--success-bg)] border border-[var(--success-border)] text-[var(--success-text)] rounded-lg text-sm", children: [
            /* @__PURE__ */ e(u, { className: "w-4 h-4 flex-shrink-0" }),
            /* @__PURE__ */ e("span", { className: "flex-1", children: a("profileCard.successNotification") }),
            /* @__PURE__ */ e("button", { type: "button", className: "p-0.5 rounded opacity-70", children: /* @__PURE__ */ e("span", { className: "text-xs", children: "✕" }) })
          ] }),
          /* @__PURE__ */ e(s, { children: a("profileCard.annotations.notification") })
        ] }),
        /* @__PURE__ */ r("div", { className: "px-4 pb-4 space-y-3", children: [
          /* @__PURE__ */ r("div", { className: "border border-[var(--border-color)] rounded-lg p-5 bg-[var(--bg-secondary)]", children: [
            /* @__PURE__ */ r("div", { className: "flex items-center gap-5 mb-5", children: [
              /* @__PURE__ */ e("div", { className: "w-16 h-16 bg-gradient-to-br from-[var(--color-accent-500)] to-[var(--color-accent-600)] flex items-center justify-center text-white text-xl font-bold rounded-xl flex-shrink-0", children: c.initials }),
              /* @__PURE__ */ r("div", { children: [
                /* @__PURE__ */ e("h4", { className: "text-base font-semibold text-[var(--text-primary)]", children: c.displayName }),
                /* @__PURE__ */ e("p", { className: "text-sm text-[var(--text-secondary)]", children: c.email }),
                /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-1.5 mt-1.5", children: c.roles.map((t) => /* @__PURE__ */ e(
                  "span",
                  {
                    className: "px-2 py-0.5 text-xs font-medium bg-[var(--color-accent-500)]/10 text-[var(--color-accent-600)] rounded-full",
                    children: t
                  },
                  t
                )) })
              ] })
            ] }),
            /* @__PURE__ */ r("div", { className: "space-y-3 mb-5", children: [
              /* @__PURE__ */ r("div", { className: "flex items-center gap-2.5 text-sm text-[var(--text-secondary)]", children: [
                /* @__PURE__ */ e(f, { className: "w-4 h-4" }),
                /* @__PURE__ */ e("span", { children: c.email })
              ] }),
              /* @__PURE__ */ r("div", { className: "flex items-center gap-2.5 text-sm text-[var(--text-secondary)]", children: [
                /* @__PURE__ */ e(y, { className: "w-4 h-4" }),
                /* @__PURE__ */ e("span", { children: a("profileCard.memberSince", { date: c.memberSince }) })
              ] })
            ] }),
            /* @__PURE__ */ e("div", { className: "pt-4 border-t border-[var(--border-color)]", children: /* @__PURE__ */ e("button", { type: "button", className: "px-4 py-2 bg-[var(--color-accent-500)] hover:bg-[var(--color-accent-600)] text-white font-medium text-sm rounded-lg", children: a("profileCard.editButton") }) })
          ] }),
          /* @__PURE__ */ e(s, { children: a("profileCard.annotations.avatar") }),
          /* @__PURE__ */ e(s, { children: a("profileCard.annotations.roles") }),
          /* @__PURE__ */ e(s, { children: a("profileCard.annotations.info") }),
          /* @__PURE__ */ e(s, { children: a("profileCard.annotations.editButton") })
        ] }),
        /* @__PURE__ */ r("div", { className: "px-4 pb-4 space-y-3", children: [
          /* @__PURE__ */ r("div", { className: "border border-[var(--border-color)] rounded-lg p-5 bg-[var(--bg-secondary)]", children: [
            /* @__PURE__ */ r("h4", { className: "text-sm font-semibold text-[var(--text-primary)] mb-4 flex items-center gap-2", children: [
              /* @__PURE__ */ e(g, { className: "w-4 h-4 text-[var(--color-accent-600)]" }),
              a("securityCard.title")
            ] }),
            /* @__PURE__ */ r("div", { className: "space-y-4", children: [
              /* @__PURE__ */ r("div", { className: "flex items-center justify-between", children: [
                /* @__PURE__ */ r("div", { children: [
                  /* @__PURE__ */ e("p", { className: "text-sm font-medium text-[var(--text-primary)]", children: a("securityCard.password.label") }),
                  /* @__PURE__ */ e("p", { className: "text-xs text-[var(--text-secondary)]", children: a("securityCard.password.lastChanged") })
                ] }),
                /* @__PURE__ */ e("button", { type: "button", className: "px-3 py-1.5 text-xs bg-[var(--bg-primary)] border border-[var(--border-color)] text-[var(--text-primary)] rounded-lg", children: a("securityCard.password.changeButton") })
              ] }),
              /* @__PURE__ */ e("div", { className: "border-t border-[var(--border-color)]" }),
              /* @__PURE__ */ r("div", { className: "flex items-center justify-between", children: [
                /* @__PURE__ */ r("div", { children: [
                  /* @__PURE__ */ e("p", { className: "text-sm font-medium text-[var(--text-primary)]", children: a("securityCard.twoFactor.label") }),
                  /* @__PURE__ */ e("p", { className: "text-xs text-[var(--text-secondary)]", children: a("securityCard.twoFactor.status") })
                ] }),
                /* @__PURE__ */ e("button", { type: "button", className: "px-3 py-1.5 text-xs bg-[var(--bg-primary)] border border-[var(--border-color)] text-[var(--text-primary)] rounded-lg", children: a("securityCard.twoFactor.enableButton") })
              ] })
            ] })
          ] }),
          /* @__PURE__ */ e(s, { children: a("securityCard.annotations.password") }),
          /* @__PURE__ */ e(s, { children: a("securityCard.annotations.twoFactor") })
        ] })
      ] })
    ] }),
    /* @__PURE__ */ r("section", { children: [
      /* @__PURE__ */ r("h2", { className: "text-lg font-semibold text-[var(--text-primary)] mb-3 flex items-center gap-2", children: [
        /* @__PURE__ */ e("span", { className: "w-7 h-7 rounded-full bg-[var(--color-accent-600)] text-white flex items-center justify-center text-xs font-bold", children: "4" }),
        a("sections.editProfileModal")
      ] }),
      /* @__PURE__ */ r("div", { className: "border border-[var(--border-color)] rounded-[var(--radius-card)] overflow-hidden bg-[var(--bg-card)] shadow-sm", children: [
        /* @__PURE__ */ r("div", { className: "px-5 pt-5 pb-4 border-b border-[var(--border-color)] flex items-center gap-3", children: [
          /* @__PURE__ */ e("div", { className: "p-2 rounded-lg bg-[var(--color-accent-500)]/10 text-[var(--color-accent-600)]", children: /* @__PURE__ */ e(n, { className: "w-4 h-4" }) }),
          /* @__PURE__ */ e("h3", { className: "text-sm font-semibold text-[var(--text-primary)]", children: a("editModal.title") })
        ] }),
        /* @__PURE__ */ r("div", { className: "px-5 py-4 space-y-4", children: [
          /* @__PURE__ */ r("div", { children: [
            /* @__PURE__ */ e("label", { className: "block text-xs font-medium text-[var(--text-primary)] mb-1", children: a("editModal.firstName") }),
            /* @__PURE__ */ e(
              "input",
              {
                readOnly: !0,
                value: "Sophie",
                className: "w-full px-3 py-2 border border-[var(--border-color)] rounded-lg bg-[var(--bg-secondary)] text-[var(--text-primary)] text-sm"
              }
            )
          ] }),
          /* @__PURE__ */ r("div", { children: [
            /* @__PURE__ */ e("label", { className: "block text-xs font-medium text-[var(--text-primary)] mb-1", children: a("editModal.lastName") }),
            /* @__PURE__ */ e(
              "input",
              {
                readOnly: !0,
                value: "Martin",
                className: "w-full px-3 py-2 border border-[var(--border-color)] rounded-lg bg-[var(--bg-secondary)] text-[var(--text-primary)] text-sm"
              }
            )
          ] })
        ] }),
        /* @__PURE__ */ r("div", { className: "px-5 py-3 bg-[var(--bg-secondary)] border-t border-[var(--border-color)] flex justify-end gap-2", children: [
          /* @__PURE__ */ e("button", { type: "button", className: "px-3 py-1.5 text-sm text-[var(--text-secondary)] rounded-lg border border-[var(--border-color)]", children: a("editModal.cancel") }),
          /* @__PURE__ */ e("button", { type: "button", className: "px-3 py-1.5 text-sm bg-[var(--color-accent-600)] text-white font-medium rounded-lg", children: a("editModal.save") })
        ] }),
        /* @__PURE__ */ r("div", { className: "px-5 pb-4 space-y-2", children: [
          /* @__PURE__ */ e(s, { children: a("editModal.annotations.fields") }),
          /* @__PURE__ */ e(s, { children: a("editModal.annotations.save") })
        ] })
      ] })
    ] }),
    /* @__PURE__ */ r("section", { children: [
      /* @__PURE__ */ r("h2", { className: "text-lg font-semibold text-[var(--text-primary)] mb-3 flex items-center gap-2", children: [
        /* @__PURE__ */ e("span", { className: "w-7 h-7 rounded-full bg-[var(--color-accent-600)] text-white flex items-center justify-center text-xs font-bold", children: "5" }),
        a("sections.changePasswordModal")
      ] }),
      /* @__PURE__ */ r("div", { className: "border border-[var(--border-color)] rounded-[var(--radius-card)] overflow-hidden bg-[var(--bg-card)] shadow-sm", children: [
        /* @__PURE__ */ r("div", { className: "px-5 pt-5 pb-4 border-b border-[var(--border-color)] flex items-center gap-3", children: [
          /* @__PURE__ */ e("div", { className: "p-2 rounded-lg bg-[var(--color-accent-500)]/10 text-[var(--color-accent-600)]", children: /* @__PURE__ */ e(N, { className: "w-4 h-4" }) }),
          /* @__PURE__ */ e("h3", { className: "text-sm font-semibold text-[var(--text-primary)]", children: a("passwordModal.title") })
        ] }),
        /* @__PURE__ */ r("div", { className: "px-5 py-4 space-y-4", children: [
          /* @__PURE__ */ r("div", { children: [
            /* @__PURE__ */ e("label", { className: "block text-xs font-medium text-[var(--text-primary)] mb-1", children: a("passwordModal.currentPassword") }),
            /* @__PURE__ */ r("div", { className: "relative", children: [
              /* @__PURE__ */ e(
                "input",
                {
                  readOnly: !0,
                  type: l ? "text" : "password",
                  value: "••••••••",
                  className: "w-full px-3 py-2 pr-9 border border-[var(--border-color)] rounded-lg bg-[var(--bg-secondary)] text-[var(--text-primary)] text-sm"
                }
              ),
              /* @__PURE__ */ e(
                "button",
                {
                  type: "button",
                  onClick: () => p(!l),
                  className: "absolute right-2.5 top-1/2 -translate-y-1/2 text-[var(--text-tertiary)]",
                  children: l ? /* @__PURE__ */ e(w, { className: "w-3.5 h-3.5" }) : /* @__PURE__ */ e(C, { className: "w-3.5 h-3.5" })
                }
              )
            ] })
          ] }),
          /* @__PURE__ */ r("div", { children: [
            /* @__PURE__ */ e("label", { className: "block text-xs font-medium text-[var(--text-primary)] mb-1", children: a("passwordModal.newPassword") }),
            /* @__PURE__ */ e(
              "input",
              {
                readOnly: !0,
                type: "password",
                value: "••••••••••",
                className: "w-full px-3 py-2 border border-[var(--border-color)] rounded-lg bg-[var(--bg-secondary)] text-[var(--text-primary)] text-sm"
              }
            ),
            /* @__PURE__ */ e("p", { className: "mt-1 text-[10px] text-[var(--text-tertiary)]", children: a("passwordModal.minLength") })
          ] }),
          /* @__PURE__ */ r("div", { children: [
            /* @__PURE__ */ e("label", { className: "block text-xs font-medium text-[var(--text-primary)] mb-1", children: a("passwordModal.confirmPassword") }),
            /* @__PURE__ */ e(
              "input",
              {
                readOnly: !0,
                type: "password",
                value: "••••••••••",
                className: "w-full px-3 py-2 border border-[var(--border-color)] rounded-lg bg-[var(--bg-secondary)] text-[var(--text-primary)] text-sm"
              }
            )
          ] }),
          /* @__PURE__ */ r("div", { className: "p-2 rounded-lg bg-[var(--error-bg)] border border-[var(--error-border)] text-[var(--error-text)] text-xs flex items-start gap-2", children: [
            /* @__PURE__ */ e(M, { className: "w-3.5 h-3.5 flex-shrink-0 mt-0.5" }),
            /* @__PURE__ */ e("span", { children: a("passwordModal.exampleError") })
          ] })
        ] }),
        /* @__PURE__ */ r("div", { className: "px-5 py-3 bg-[var(--bg-secondary)] border-t border-[var(--border-color)] flex justify-end gap-2", children: [
          /* @__PURE__ */ e("button", { type: "button", className: "px-3 py-1.5 text-sm text-[var(--text-secondary)] rounded-lg border border-[var(--border-color)]", children: a("passwordModal.cancel") }),
          /* @__PURE__ */ e("button", { type: "button", className: "px-3 py-1.5 text-sm bg-[var(--color-accent-600)] text-white font-medium rounded-lg", children: a("passwordModal.submit") })
        ] }),
        /* @__PURE__ */ r("div", { className: "px-5 pb-4 space-y-2", children: [
          /* @__PURE__ */ e(s, { children: a("passwordModal.annotations.fields") }),
          /* @__PURE__ */ e(s, { children: a("passwordModal.annotations.rules") }),
          /* @__PURE__ */ e(s, { children: a("passwordModal.annotations.relogin") })
        ] })
      ] })
    ] }),
    /* @__PURE__ */ r("section", { children: [
      /* @__PURE__ */ r("h2", { className: "text-lg font-semibold text-[var(--text-primary)] mb-4 flex items-center gap-2", children: [
        /* @__PURE__ */ e("span", { className: "w-7 h-7 rounded-full bg-[var(--color-accent-600)] text-white flex items-center justify-center text-xs 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((t) => /* @__PURE__ */ r("div", { className: "border border-[var(--border-color)] rounded-[var(--radius-card)] p-4 bg-[var(--bg-card)]", children: [
        /* @__PURE__ */ e("div", { className: "text-xs font-semibold text-[var(--color-accent-600)] uppercase tracking-wide mb-1", children: a(`useCases.${t}.persona`) }),
        /* @__PURE__ */ e("p", { className: "text-sm font-medium mb-2", children: a(`useCases.${t}.situation`) }),
        /* @__PURE__ */ e("div", { className: "pt-2 border-t border-[var(--border-color)]", children: /* @__PURE__ */ r("p", { className: "text-xs text-[var(--text-secondary)]", children: [
          /* @__PURE__ */ r("span", { className: "font-medium text-[var(--color-accent-600)]", children: [
            a("useCases.withLabel"),
            " "
          ] }),
          a(`useCases.${t}.outcome`)
        ] }) })
      ] }, `usecase-${t}`)) })
    ] }),
    /* @__PURE__ */ r("section", { children: [
      /* @__PURE__ */ r("h2", { className: "text-lg font-semibold text-[var(--text-primary)] mb-4 flex items-center gap-2", children: [
        /* @__PURE__ */ e("span", { className: "w-7 h-7 rounded-full bg-[var(--color-accent-600)] text-white flex items-center justify-center text-xs font-bold", children: "7" }),
        a("sections.features")
      ] }),
      /* @__PURE__ */ e("div", { className: "space-y-3", children: [1, 2, 3, 4, 5].map((t) => /* @__PURE__ */ r("div", { className: "border border-[var(--border-color)] rounded-[var(--radius-card)] p-4 bg-[var(--bg-card)] flex gap-4", children: [
        /* @__PURE__ */ e("div", { className: "p-2 rounded-lg bg-[var(--color-accent-600)]/10 flex-shrink-0 h-fit", children: /* @__PURE__ */ e(k, { className: "h-4 w-4 text-[var(--color-accent-600)]" }) }),
        /* @__PURE__ */ r("div", { children: [
          /* @__PURE__ */ e("h3", { className: "text-sm font-semibold mb-1", children: a(`features.${t}.title`) }),
          /* @__PURE__ */ e("p", { className: "text-xs text-[var(--text-secondary)] mb-2", children: a(`features.${t}.desc`) }),
          /* @__PURE__ */ r("div", { className: "px-3 py-1.5 rounded-md bg-[var(--bg-secondary)] text-xs", children: [
            /* @__PURE__ */ e("span", { className: "font-medium text-[var(--color-accent-600)]", children: "Ex. " }),
            a(`features.${t}.example`)
          ] })
        ] })
      ] }, `feature-${t}`)) })
    ] }),
    /* @__PURE__ */ r("section", { children: [
      /* @__PURE__ */ r("h2", { className: "text-lg font-semibold text-[var(--text-primary)] mb-4 flex items-center gap-2", children: [
        /* @__PURE__ */ e("span", { className: "w-7 h-7 rounded-full bg-[var(--color-accent-600)] text-white flex items-center justify-center text-xs font-bold", children: "8" }),
        a("sections.faq")
      ] }),
      /* @__PURE__ */ e("div", { className: "space-y-3", children: [1, 2, 3, 4, 5].map((t) => /* @__PURE__ */ r("div", { className: "border border-[var(--border-color)] rounded-[var(--radius-card)] p-4 bg-[var(--bg-card)]", children: [
        /* @__PURE__ */ r("div", { className: "flex items-start gap-2 mb-2", children: [
          /* @__PURE__ */ e(R, { className: "h-4 w-4 text-[var(--color-accent-600)] flex-shrink-0 mt-0.5" }),
          /* @__PURE__ */ e("h3", { className: "text-sm font-medium", children: a(`faq.${t}.question`) })
        ] }),
        /* @__PURE__ */ e("p", { className: "text-xs text-[var(--text-secondary)] pl-6", children: a(`faq.${t}.answer`) })
      ] }, `faq-${t}`)) })
    ] }),
    /* @__PURE__ */ r("section", { children: [
      /* @__PURE__ */ r(
        "button",
        {
          type: "button",
          onClick: () => b(!d),
          className: "w-full flex items-center justify-between p-4 rounded-[var(--radius-card)] border border-[var(--border-color)] bg-[var(--bg-card)] hover:bg-[var(--bg-secondary)] transition-colors",
          children: [
            /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
              /* @__PURE__ */ e(j, { className: "h-4 w-4 text-[var(--text-tertiary)]" }),
              /* @__PURE__ */ e("span", { className: "text-sm font-semibold", children: a("sections.techRef") })
            ] }),
            /* @__PURE__ */ e(x, { className: `h-4 w-4 text-[var(--text-tertiary)] transition-transform ${d ? "rotate-90" : ""}` })
          ]
        }
      ),
      d && /* @__PURE__ */ r("div", { className: "mt-2 border border-[var(--border-color)] rounded-[var(--radius-card)] bg-[var(--bg-card)] divide-y divide-[var(--border-color)]", children: [
        /* @__PURE__ */ r("div", { className: "p-4", children: [
          /* @__PURE__ */ e("h3", { className: "text-sm font-semibold mb-3", children: a("techRef.rulesTitle") }),
          /* @__PURE__ */ e("div", { className: "space-y-2", children: $.map((t) => /* @__PURE__ */ r("div", { className: "p-3 rounded-lg bg-[var(--bg-secondary)] text-xs", children: [
            /* @__PURE__ */ r("div", { className: "flex items-center gap-2 mb-1", children: [
              /* @__PURE__ */ e("span", { className: "font-mono text-[var(--color-accent-600)]", children: t.id }),
              /* @__PURE__ */ e("span", { className: "px-1.5 py-0.5 rounded bg-[var(--color-accent-600)]/10 text-[var(--color-accent-700)]", children: t.category })
            ] }),
            /* @__PURE__ */ e("p", { className: "text-[var(--text-secondary)]", children: a(t.key) })
          ] }, t.id)) })
        ] }),
        /* @__PURE__ */ r("div", { className: "p-4", children: [
          /* @__PURE__ */ e("h3", { className: "text-sm font-semibold mb-3", children: a("techRef.permissionsTitle") }),
          /* @__PURE__ */ e("div", { className: "overflow-x-auto", children: /* @__PURE__ */ r("table", { className: "w-full text-xs", children: [
            /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ r("tr", { className: "border-b border-[var(--border-color)]", children: [
              /* @__PURE__ */ e("th", { className: "text-left py-2 px-2 text-[var(--text-secondary)] font-medium", children: "Condition" }),
              /* @__PURE__ */ e("th", { className: "text-left py-2 px-2 text-[var(--text-secondary)] font-medium", children: "Description" })
            ] }) }),
            /* @__PURE__ */ e("tbody", { children: /* @__PURE__ */ r("tr", { children: [
              /* @__PURE__ */ e("td", { className: "py-2 px-2 font-mono text-[var(--color-accent-600)]", children: "JWT Bearer" }),
              /* @__PURE__ */ e("td", { className: "py-2 px-2 text-[var(--text-secondary)]", children: a("techRef.perms.auth") })
            ] }) })
          ] }) })
        ] }),
        /* @__PURE__ */ r("div", { className: "p-4", children: [
          /* @__PURE__ */ e("h3", { className: "text-sm font-semibold mb-3", children: a("techRef.endpointsTitle") }),
          /* @__PURE__ */ e("div", { className: "space-y-2", children: B.map((t, h) => /* @__PURE__ */ r("div", { className: "p-2.5 rounded-lg bg-[var(--bg-secondary)] text-xs", children: [
            /* @__PURE__ */ r("div", { className: "flex items-center gap-2 mb-0.5", children: [
              /* @__PURE__ */ e("span", { className: `font-bold px-1.5 py-0.5 rounded border text-xs ${T[t.method]}`, children: t.method }),
              /* @__PURE__ */ e("code", { className: "text-[var(--text-primary)]", children: t.path })
            ] }),
            /* @__PURE__ */ e("div", { className: "text-[var(--text-secondary)] pl-1", children: t.handler })
          ] }, `ep-${h}`)) })
        ] })
      ] })
    ] }),
    /* @__PURE__ */ r("div", { className: "flex justify-between pt-6 border-t border-[var(--border-color)]", children: [
      /* @__PURE__ */ r(
        o,
        {
          to: "/system/docs/user",
          className: "flex items-center gap-2 text-[var(--text-secondary)] hover:text-[var(--color-accent-600)] transition-colors text-sm",
          children: [
            /* @__PURE__ */ e(m, { className: "w-4 h-4" }),
            a("nav.backToMySpace")
          ]
        }
      ),
      /* @__PURE__ */ r(
        o,
        {
          to: "/docs/business/myspace/dashboard",
          className: "flex items-center gap-2 text-[var(--color-accent-600)] hover:underline text-sm",
          children: [
            a("nav.toDashboard"),
            /* @__PURE__ */ e(S, { className: "w-4 h-4" })
          ]
        }
      )
    ] })
  ] });
}
export {
  F as default
};
//# sourceMappingURL=index-DUhCcGKa.js.map
