import { jsxs as t, jsx as e, Fragment as m } from "react/jsx-runtime";
import { Link as x } from "react-router-dom";
import { useTranslation as f } from "react-i18next";
import { ArrowLeft as h, Boxes as g, Target as N, Lightbulb as y, Plus as b, SlidersHorizontal as w, Trash2 as k, X as u, Filter as A, Search as M, CheckCircle as T, ChevronDown as v, ChevronRight as c, Check as i, Layers as o, Minus as j, RotateCcw as S, Save as C, Info as R } from "lucide-react";
const D = [
  {
    id: "1",
    label: "Administration",
    code: "administration",
    source: "Inherited",
    accessLevel: "FullAccess",
    assignedAt: "Jan 10, 2026",
    inheritedModules: 5,
    directModules: 0,
    revokedModules: 0,
    totalModules: 8,
    totalSections: 24
  },
  {
    id: "2",
    label: "Support",
    code: "support",
    source: "Direct",
    accessLevel: "FullAccess",
    assignedAt: "Jan 15, 2026",
    inheritedModules: 0,
    directModules: 4,
    revokedModules: 0,
    totalModules: 6,
    totalSections: 18
  },
  {
    id: "3",
    label: "MySpace",
    code: "myspace",
    source: "Inherited",
    accessLevel: "RequestAccess",
    assignedAt: "Jan 10, 2026",
    inheritedModules: 2,
    directModules: 0,
    revokedModules: 1,
    totalModules: 3,
    totalSections: 9
  },
  {
    id: "4",
    label: "Analytics",
    code: "analytics",
    source: "Overridden",
    accessLevel: "RequestAccess",
    assignedAt: "Feb 1, 2026",
    inheritedModules: 0,
    directModules: 2,
    revokedModules: 0,
    totalModules: 4,
    totalSections: 12
  }
], $ = [
  { id: "a1", label: "HR Portal", code: "hr-portal", selected: !0 },
  { id: "a2", label: "Finance", code: "finance", selected: !0 },
  { id: "a3", label: "CRM", code: "crm", selected: !1 },
  { id: "a4", label: "Reporting", code: "reporting", selected: !1 }
], L = [
  { id: "m1", label: "Dashboard", checked: !0, expanded: !1, sections: [{ id: "s1", label: "Overview", checked: !0 }, { id: "s2", label: "KPIs", checked: !0 }] },
  { id: "m2", label: "Tickets", checked: !0, expanded: !0, sections: [{ id: "s3", label: "My Tickets", checked: !0 }, { id: "s4", label: "All Tickets", checked: !0 }, { id: "s5", label: "Settings", checked: !1 }] },
  { id: "m3", label: "Analytics", checked: !1, expanded: !1, sections: [{ id: "s6", label: "Reports", checked: !1 }, { id: "s7", label: "Export", checked: !1 }] }
], n = {
  Inherited: { bg: "bg-green-100 dark:bg-green-900/30", text: "text-green-700 dark:text-green-400", label: "Inherited" },
  Direct: { bg: "bg-blue-100 dark:bg-blue-900/30", text: "text-blue-700 dark:text-blue-400", label: "Direct" },
  Overridden: { bg: "bg-orange-100 dark:bg-orange-900/30", text: "text-orange-700 dark:text-orange-400", label: "Overridden" },
  Revoked: { bg: "bg-red-100 dark:bg-red-900/30", text: "text-red-700 dark:text-red-400", label: "Revoked" }
}, E = {
  FullAccess: { dot: "bg-green-500", label: "Full Access", badge: "bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400" },
  RequestAccess: { dot: "bg-amber-500", label: "Request Access", badge: "bg-amber-100 text-amber-700 dark:bg-amber-900/30 dark:text-amber-400" },
  Disabled: { dot: "bg-gray-400", label: "Disabled", badge: "bg-gray-100 text-gray-600 dark:bg-gray-800 dark:text-gray-400" }
}, P = [
  { method: "GET", path: "/api/administration/tenants/{id}/applications", handler: "GetTenantApplications", permission: "admin or tenant member" },
  { method: "GET", path: "/api/administration/tenants/{id}/applications/available", handler: "GetAvailableApplications", permission: "administration.tenants.applications.assign" },
  { method: "POST", path: "/api/administration/tenants/{id}/applications/{appId}", handler: "AssignApplication", permission: "administration.tenants.applications.assign" },
  { method: "DELETE", path: "/api/administration/tenants/{id}/applications/{appId}", handler: "RemoveApplication", permission: "administration.tenants.applications.assign" },
  { method: "PATCH", path: "/api/administration/tenants/{id}/applications/{appId}/toggle", handler: "ToggleApplication", permission: "administration.tenants.applications.assign" },
  { method: "PATCH", path: "/api/administration/tenants/{id}/applications/{appId}/access-level", handler: "UpdateAccessLevel", permission: "administration.tenants.applications.assign" },
  { method: "GET", path: "/api/administration/tenants/{id}/applications/{appId}/effective-tree", handler: "GetEffectiveTree", permission: "admin or tenant member" },
  { method: "PUT", path: "/api/administration/tenants/{id}/applications/{appId}/overrides", handler: "SaveOverrides", permission: "administration.tenants.applications.assign" },
  { method: "POST", path: "/api/administration/tenants/{id}/applications/bulk", handler: "BulkAssignApplications", permission: "administration.tenants.applications.assign" }
], q = {
  GET: "bg-blue-500/10 text-blue-700 dark:text-blue-400",
  POST: "bg-green-500/10 text-green-700 dark:text-green-400",
  PUT: "bg-orange-500/10 text-orange-700 dark:text-orange-400",
  PATCH: "bg-purple-500/10 text-purple-700 dark:text-purple-400",
  DELETE: "bg-red-500/10 text-red-700 dark:text-red-400"
};
function s({ text: a }) {
  return /* @__PURE__ */ t("div", { className: "flex items-start gap-2 p-2.5 rounded-lg bg-blue-500/5 border border-blue-500/15 text-sm text-blue-700 dark:text-blue-400", children: [
    /* @__PURE__ */ e(R, { className: "w-4 h-4 mt-0.5 flex-shrink-0" }),
    /* @__PURE__ */ e("span", { children: a })
  ] });
}
function z() {
  const { t: a } = f("docsAdministrationTenantsApplications");
  return /* @__PURE__ */ t("div", { className: "space-y-8", children: [
    /* @__PURE__ */ t(
      x,
      {
        to: "/docs/business/administration/tenants",
        className: "inline-flex items-center gap-2 text-[var(--text-secondary)] hover:text-[var(--color-primary-600)] transition-colors",
        children: [
          /* @__PURE__ */ e(h, { className: "w-4 h-4" }),
          a("nav.backToTenants")
        ]
      }
    ),
    /* @__PURE__ */ t("div", { children: [
      /* @__PURE__ */ t("h1", { className: "text-3xl font-bold mb-4 flex items-center gap-3", children: [
        /* @__PURE__ */ e(g, { className: "w-8 h-8 text-[var(--color-primary-600)]" }),
        a("title")
      ] }),
      /* @__PURE__ */ e("p", { className: "text-xl text-[var(--color-primary-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: [
          "8 ",
          a("header.businessRules")
        ] }),
        /* @__PURE__ */ t("span", { children: [
          "9 ",
          a("header.apiEndpoints")
        ] }),
        /* @__PURE__ */ t("span", { children: [
          "4 ",
          a("header.sources")
        ] })
      ] })
    ] }),
    /* @__PURE__ */ t("section", { id: "business-value", 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-primary-600)] text-white flex items-center justify-center text-sm font-bold", children: "1" }),
        a("sections.businessValue")
      ] }),
      /* @__PURE__ */ t("div", { className: "card p-6", children: [
        /* @__PURE__ */ t("div", { className: "mb-6", children: [
          /* @__PURE__ */ t("h3", { className: "font-semibold mb-3 flex items-center gap-2", children: [
            /* @__PURE__ */ e(N, { className: "w-5 h-5 text-red-500" }),
            a("sections.problem")
          ] }),
          /* @__PURE__ */ e("p", { className: "text-[var(--text-secondary)]", children: a("problem") })
        ] }),
        /* @__PURE__ */ t("div", { className: "p-4 rounded-lg bg-green-500/10 border border-green-500/20", children: [
          /* @__PURE__ */ t("h3", { className: "font-semibold mb-2 flex items-center gap-2 text-green-700 dark:text-green-400", children: [
            /* @__PURE__ */ e(y, { className: "w-5 h-5" }),
            a("sections.solution")
          ] }),
          /* @__PURE__ */ e("p", { className: "text-[var(--text-secondary)]", children: a("solution") })
        ] })
      ] })
    ] }),
    /* @__PURE__ */ t("section", { id: "access", 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-primary-600)] text-white flex items-center justify-center text-sm font-bold", children: "2" }),
        a("sections.access")
      ] }),
      /* @__PURE__ */ t("div", { className: "card p-6 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-purple-500/10 text-purple-600 dark:text-purple-400 font-medium", children: "Platform" }),
            /* @__PURE__ */ e("span", { className: "text-[var(--text-tertiary)]", children: "›" }),
            /* @__PURE__ */ e("span", { className: "px-3 py-1.5 rounded-lg bg-blue-500/10 text-blue-600 dark:text-blue-400 font-medium", children: "Administration" }),
            /* @__PURE__ */ e("span", { className: "text-[var(--text-tertiary)]", children: "›" }),
            /* @__PURE__ */ e("span", { className: "px-3 py-1.5 rounded-lg bg-green-500/10 text-green-600 dark:text-green-400 font-medium", children: "Tenants" }),
            /* @__PURE__ */ e("span", { className: "text-[var(--text-tertiary)]", children: "›" }),
            /* @__PURE__ */ e("span", { className: "px-3 py-1.5 rounded-lg bg-[var(--color-primary-600)]/10 text-[var(--color-primary-600)] font-medium", children: "Detail" }),
            /* @__PURE__ */ e("span", { className: "text-[var(--text-tertiary)]", children: "›" }),
            /* @__PURE__ */ e("span", { className: "px-3 py-1.5 rounded-lg bg-orange-500/10 text-orange-600 dark:text-orange-400 font-medium", children: "Applications" })
          ] })
        ] }),
        /* @__PURE__ */ t("div", { children: [
          /* @__PURE__ */ e("div", { className: "text-sm font-medium text-[var(--text-secondary)] mb-1", children: a("access.url") }),
          /* @__PURE__ */ t("code", { className: "text-sm px-3 py-1.5 bg-[var(--bg-secondary)] rounded-lg", children: [
            "/administration/tenants/",
            "{id}",
            "?tab=applications"
          ] })
        ] }),
        /* @__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", children: "administration.tenants.applications.assign" })
        ] })
      ] })
    ] }),
    /* @__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-primary-600)] text-white flex items-center justify-center text-sm font-bold", children: "3" }),
        a("sections.interface")
      ] }),
      /* @__PURE__ */ t("div", { className: "space-y-4", children: [
        /* @__PURE__ */ e(s, { text: a("interface.desc") }),
        /* @__PURE__ */ t("div", { className: "card overflow-hidden border border-[var(--border-color)]", children: [
          /* @__PURE__ */ t("div", { className: "flex items-center justify-between p-4 border-b border-[var(--border-color)]", children: [
            /* @__PURE__ */ e("h3", { className: "font-semibold text-[var(--text-primary)]", children: a("interface.assignedTitle") }),
            /* @__PURE__ */ t("button", { className: "flex items-center gap-1.5 px-3 py-1.5 rounded-lg bg-[var(--color-primary-600)] text-white text-sm font-medium", children: [
              /* @__PURE__ */ e(b, { className: "w-3.5 h-3.5" }),
              a("interface.addButton")
            ] })
          ] }),
          /* @__PURE__ */ e(s, { text: a("interface.addButton") + " — " + a("addModal.desc").substring(0, 80) + "…" }),
          /* @__PURE__ */ e("div", { className: "p-4 grid grid-cols-1 md:grid-cols-2 xl:grid-cols-4 gap-4", children: D.map((r) => {
            const l = n[r.source], d = E[r.accessLevel];
            return /* @__PURE__ */ t("div", { className: "border border-[var(--border-color)] rounded-lg bg-[var(--bg-card)] p-4 flex flex-col gap-3", children: [
              /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: [
                /* @__PURE__ */ e(
                  "div",
                  {
                    className: "w-10 h-10 rounded-full flex items-center justify-center text-white font-bold text-sm flex-shrink-0",
                    style: { backgroundColor: r.accessLevel !== "Disabled" ? "var(--color-primary-600)" : "#6b7280" },
                    children: r.label.at(0)
                  }
                ),
                /* @__PURE__ */ t("div", { className: "min-w-0", children: [
                  /* @__PURE__ */ e("p", { className: "font-medium text-[var(--text-primary)] truncate text-sm", children: r.label }),
                  /* @__PURE__ */ e("p", { className: "text-xs text-[var(--text-muted)] truncate", children: r.code })
                ] })
              ] }),
              /* @__PURE__ */ t("div", { className: "flex flex-wrap gap-1.5", children: [
                /* @__PURE__ */ e("span", { className: `text-xs px-2 py-0.5 rounded-full font-medium ${l.bg} ${l.text}`, children: l.label }),
                /* @__PURE__ */ e("span", { className: `text-xs px-2 py-0.5 rounded-full font-medium ${d.badge}`, children: d.label })
              ] }),
              /* @__PURE__ */ t("p", { className: "text-xs text-[var(--text-muted)]", children: [
                r.inheritedModules > 0 && /* @__PURE__ */ t(m, { children: [
                  /* @__PURE__ */ e("span", { className: "text-green-600 font-medium", children: r.inheritedModules }),
                  " inherited, "
                ] }),
                r.directModules > 0 && /* @__PURE__ */ t(m, { children: [
                  /* @__PURE__ */ e("span", { className: "text-blue-600 font-medium", children: r.directModules }),
                  " direct, "
                ] }),
                r.revokedModules > 0 && /* @__PURE__ */ t(m, { children: [
                  /* @__PURE__ */ e("span", { className: "text-red-600 font-medium", children: r.revokedModules }),
                  " revoked, "
                ] }),
                /* @__PURE__ */ e("span", { className: "font-medium text-[var(--text-primary)]", children: r.totalSections }),
                " sections"
              ] }),
              /* @__PURE__ */ t("p", { className: "text-xs text-[var(--text-muted)]", children: [
                "Assigned ",
                r.assignedAt
              ] }),
              /* @__PURE__ */ t("div", { className: "border-t border-[var(--border-color)] pt-2 space-y-2", children: [
                /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
                  /* @__PURE__ */ e("div", { className: `w-2.5 h-2.5 rounded-full flex-shrink-0 ${d.dot}` }),
                  /* @__PURE__ */ t("select", { className: "flex-1 text-xs px-2 py-1 rounded bg-[var(--bg-secondary)] border border-[var(--border-color)] text-[var(--text-primary)]", defaultValue: r.accessLevel, children: [
                    /* @__PURE__ */ e("option", { value: "FullAccess", children: "Full Access" }),
                    /* @__PURE__ */ e("option", { value: "RequestAccess", children: "Request Access" }),
                    /* @__PURE__ */ e("option", { value: "Disabled", children: "Disabled" })
                  ] })
                ] }),
                /* @__PURE__ */ t("div", { className: "flex gap-1.5", children: [
                  /* @__PURE__ */ t("button", { className: "flex-1 flex items-center justify-center gap-1 px-2 py-1.5 rounded text-xs font-medium bg-[var(--color-primary-700)] text-white", children: [
                    /* @__PURE__ */ e(w, { className: "w-3 h-3" }),
                    "Customize"
                  ] }),
                  /* @__PURE__ */ e("button", { className: "px-2 py-1.5 rounded border border-red-300 text-red-500 hover:bg-red-50 dark:border-red-700", children: /* @__PURE__ */ e(k, { className: "w-3 h-3" }) })
                ] })
              ] })
            ] }, r.id);
          }) })
        ] }),
        /* @__PURE__ */ t("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3", children: [
          /* @__PURE__ */ e(s, { text: a("interface.cardSourceBadge") }),
          /* @__PURE__ */ e(s, { text: a("interface.cardAccessBadge") }),
          /* @__PURE__ */ e(s, { text: a("interface.cardStats") }),
          /* @__PURE__ */ e(s, { text: a("interface.cardAssignedAt") }),
          /* @__PURE__ */ e(s, { text: a("interface.cardAccessSelector") }),
          /* @__PURE__ */ e(s, { text: a("interface.cardCustomizeBtn") }),
          /* @__PURE__ */ e(s, { text: a("interface.cardRemoveBtn") })
        ] }),
        /* @__PURE__ */ t("div", { className: "card p-4", children: [
          /* @__PURE__ */ e("h4", { className: "font-medium text-sm mb-3 text-[var(--text-secondary)]", children: "Application Sources" }),
          /* @__PURE__ */ e("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-3", children: Object.keys(n).map((r) => /* @__PURE__ */ t("div", { className: `p-3 rounded-lg ${n[r].bg}`, children: [
            /* @__PURE__ */ e("p", { className: `font-medium text-sm ${n[r].text}`, children: n[r].label }),
            /* @__PURE__ */ e("p", { className: "text-xs text-[var(--text-muted)] mt-1", children: a(`sources.${r.toLowerCase()}Desc`) })
          ] }, r)) })
        ] })
      ] })
    ] }),
    /* @__PURE__ */ t("section", { id: "add-modal", 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-primary-600)] text-white flex items-center justify-center text-sm font-bold", children: "4" }),
        a("sections.addModal")
      ] }),
      /* @__PURE__ */ t("div", { className: "space-y-4", children: [
        /* @__PURE__ */ e(s, { text: a("addModal.desc") }),
        /* @__PURE__ */ t("div", { className: "card border border-[var(--border-color)] overflow-hidden", children: [
          /* @__PURE__ */ t("div", { className: "flex items-center justify-between px-4 py-3 border-b border-[var(--border-color)]", children: [
            /* @__PURE__ */ t("div", { children: [
              /* @__PURE__ */ e("p", { className: "font-semibold text-sm text-[var(--text-primary)]", children: "Add Applications to Tenant" }),
              /* @__PURE__ */ e("p", { className: "text-xs text-[var(--text-muted)]", children: "Select one or more applications to assign" })
            ] }),
            /* @__PURE__ */ e(u, { className: "w-4 h-4 text-[var(--text-muted)]" })
          ] }),
          /* @__PURE__ */ t("div", { className: "grid grid-cols-3 divide-x divide-[var(--border-color)] min-h-64", children: [
            /* @__PURE__ */ t("div", { className: "p-3 flex flex-col gap-2", children: [
              /* @__PURE__ */ t("p", { className: "text-xs font-medium text-[var(--text-secondary)]", children: [
                "Applications ",
                /* @__PURE__ */ e("span", { className: "ml-1 px-1.5 py-0.5 rounded-full bg-[var(--color-primary-600)] text-white text-[10px]", children: "2" })
              ] }),
              /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
                /* @__PURE__ */ e(A, { className: "w-3.5 h-3.5 text-[var(--text-muted)]" }),
                /* @__PURE__ */ e("select", { className: "flex-1 text-xs px-2 py-1 rounded bg-[var(--bg-secondary)] border border-[var(--border-color)] text-[var(--text-primary)]", children: /* @__PURE__ */ e("option", { children: "All" }) })
              ] }),
              /* @__PURE__ */ t("div", { className: "relative", children: [
                /* @__PURE__ */ e(M, { className: "absolute left-2 top-1.5 w-3 h-3 text-[var(--text-muted)]" }),
                /* @__PURE__ */ e("input", { className: "w-full pl-6 pr-2 py-1 text-xs rounded border border-[var(--border-color)] bg-[var(--bg-secondary)]", placeholder: "Search...", readOnly: !0 })
              ] }),
              /* @__PURE__ */ e("div", { className: "border border-[var(--border-color)] rounded overflow-hidden", children: $.map((r) => /* @__PURE__ */ t("div", { className: `flex items-center gap-2 px-2 py-2 text-xs border-b last:border-b-0 border-[var(--border-color)] ${r.selected ? "bg-[var(--color-primary-600)]/5" : ""}`, children: [
                /* @__PURE__ */ e("div", { className: `w-4 h-4 rounded border-2 flex items-center justify-center flex-shrink-0 ${r.selected ? "border-[var(--color-primary-600)] bg-[var(--color-primary-600)]" : "border-[var(--border-color)]"}`, children: r.selected && /* @__PURE__ */ e(T, { className: "w-2.5 h-2.5 text-white" }) }),
                /* @__PURE__ */ t("div", { children: [
                  /* @__PURE__ */ e("p", { className: "font-medium text-[var(--text-primary)]", children: r.label }),
                  /* @__PURE__ */ e("p", { className: "text-[var(--text-muted)]", children: r.code })
                ] })
              ] }, r.id)) })
            ] }),
            /* @__PURE__ */ t("div", { className: "p-3 flex flex-col gap-2", children: [
              /* @__PURE__ */ e("p", { className: "text-xs font-medium text-[var(--text-secondary)]", children: "Module Access" }),
              /* @__PURE__ */ t("div", { className: "space-y-1.5", children: [
                /* @__PURE__ */ t("div", { className: "flex items-start gap-2 p-2 rounded border border-[var(--border-color)] text-xs", children: [
                  /* @__PURE__ */ e("div", { className: "w-3.5 h-3.5 mt-0.5 rounded-full border-2 border-[var(--border-color)] flex-shrink-0" }),
                  /* @__PURE__ */ t("div", { children: [
                    /* @__PURE__ */ e("p", { className: "font-medium text-[var(--text-primary)]", children: "Full Access" }),
                    /* @__PURE__ */ e("p", { className: "text-[var(--text-muted)]", children: "All modules included" })
                  ] })
                ] }),
                /* @__PURE__ */ t("div", { className: "flex items-start gap-2 p-2 rounded border border-[var(--color-primary-600)] bg-[var(--color-primary-600)]/5 text-xs", children: [
                  /* @__PURE__ */ e("div", { className: "w-3.5 h-3.5 mt-0.5 rounded-full border-2 border-[var(--color-primary-600)] flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ e("div", { className: "w-2 h-2 rounded-full bg-[var(--color-primary-600)]" }) }),
                  /* @__PURE__ */ t("div", { children: [
                    /* @__PURE__ */ e("p", { className: "font-medium text-[var(--text-primary)]", children: "Custom Access" }),
                    /* @__PURE__ */ e("p", { className: "text-[var(--text-muted)]", children: "Select specific modules" })
                  ] })
                ] })
              ] }),
              /* @__PURE__ */ t("div", { className: "flex-1 border border-[var(--border-color)] rounded overflow-hidden text-xs", children: [
                /* @__PURE__ */ e("div", { className: "px-2 py-1.5 border-b border-[var(--border-color)] text-[var(--text-muted)]", children: "2/3 modules, 5/7 sections" }),
                L.map((r) => /* @__PURE__ */ t("div", { className: "border-b border-[var(--border-color)] last:border-b-0", children: [
                  /* @__PURE__ */ t("div", { className: "flex items-center gap-1.5 px-2 py-2 hover:bg-[var(--bg-hover)]", children: [
                    r.expanded ? /* @__PURE__ */ e(v, { className: "w-3 h-3 text-[var(--text-muted)]" }) : /* @__PURE__ */ e(c, { className: "w-3 h-3 text-[var(--text-muted)]" }),
                    /* @__PURE__ */ e("div", { className: `w-3.5 h-3.5 rounded border-2 flex items-center justify-center flex-shrink-0 ${r.checked ? "border-[var(--color-primary-600)] bg-[var(--color-primary-600)]" : "border-[var(--border-color)]"}`, children: r.checked && /* @__PURE__ */ e(i, { className: "w-2 h-2 text-white" }) }),
                    /* @__PURE__ */ e(o, { className: "w-3 h-3 text-[var(--text-muted)]" }),
                    /* @__PURE__ */ e("span", { className: "font-medium text-[var(--text-primary)]", children: r.label })
                  ] }),
                  r.expanded && /* @__PURE__ */ e("div", { className: "pl-8 pb-1", children: r.sections.map((l) => /* @__PURE__ */ t("div", { className: "flex items-center gap-1.5 px-2 py-1", children: [
                    /* @__PURE__ */ e("div", { className: `w-3 h-3 rounded border-2 flex items-center justify-center flex-shrink-0 ${l.checked ? "border-[var(--color-primary-600)] bg-[var(--color-primary-600)]" : "border-[var(--border-color)]"}`, children: l.checked && /* @__PURE__ */ e(i, { className: "w-1.5 h-1.5 text-white" }) }),
                    /* @__PURE__ */ e("span", { className: "text-[var(--text-secondary)]", children: l.label })
                  ] }, l.id)) })
                ] }, r.id))
              ] })
            ] }),
            /* @__PURE__ */ t("div", { className: "p-3 flex flex-col gap-2", children: [
              /* @__PURE__ */ e("p", { className: "text-xs font-medium text-[var(--text-secondary)]", children: "Access Level" }),
              /* @__PURE__ */ e("p", { className: "text-xs text-[var(--text-muted)]", children: "Set the initial access level" }),
              /* @__PURE__ */ t("div", { className: "space-y-2", children: [
                /* @__PURE__ */ t("div", { className: "flex items-start gap-2 p-2.5 rounded border border-green-500 bg-green-500/5 text-xs", children: [
                  /* @__PURE__ */ e("div", { className: "w-4 h-4 mt-0.5 rounded-full border-2 border-green-500 flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ e("div", { className: "w-2 h-2 rounded-full bg-green-500" }) }),
                  /* @__PURE__ */ t("div", { children: [
                    /* @__PURE__ */ e("p", { className: "font-medium text-[var(--text-primary)]", children: "Full Access" }),
                    /* @__PURE__ */ e("p", { className: "text-[var(--text-muted)]", children: "All features available" })
                  ] })
                ] }),
                /* @__PURE__ */ t("div", { className: "flex items-start gap-2 p-2.5 rounded border border-[var(--border-color)] text-xs", children: [
                  /* @__PURE__ */ e("div", { className: "w-4 h-4 mt-0.5 rounded-full border-2 border-[var(--border-color)] flex-shrink-0" }),
                  /* @__PURE__ */ t("div", { children: [
                    /* @__PURE__ */ e("p", { className: "font-medium text-[var(--text-primary)]", children: "Request Access" }),
                    /* @__PURE__ */ e("p", { className: "text-[var(--text-muted)]", children: "Users must request" })
                  ] })
                ] }),
                /* @__PURE__ */ t("div", { className: "flex items-start gap-2 p-2.5 rounded border border-[var(--border-color)] text-xs", children: [
                  /* @__PURE__ */ e("div", { className: "w-4 h-4 mt-0.5 rounded-full border-2 border-[var(--border-color)] flex-shrink-0" }),
                  /* @__PURE__ */ t("div", { children: [
                    /* @__PURE__ */ e("p", { className: "font-medium text-[var(--text-primary)]", children: "Disabled" }),
                    /* @__PURE__ */ e("p", { className: "text-[var(--text-muted)]", children: "Not accessible" })
                  ] })
                ] })
              ] })
            ] })
          ] }),
          /* @__PURE__ */ t("div", { className: "flex items-center justify-between px-4 py-3 border-t border-[var(--border-color)] bg-[var(--bg-secondary)]", children: [
            /* @__PURE__ */ e("p", { className: "text-xs text-[var(--text-muted)]", children: "2 applications selected" }),
            /* @__PURE__ */ t("div", { className: "flex gap-2", children: [
              /* @__PURE__ */ e("button", { className: "px-3 py-1.5 rounded text-xs font-medium text-[var(--text-secondary)] hover:bg-[var(--bg-hover)]", children: "Cancel" }),
              /* @__PURE__ */ t("button", { className: "flex items-center gap-1.5 px-3 py-1.5 rounded bg-[var(--color-primary-600)] text-white text-xs font-medium", children: [
                /* @__PURE__ */ e(b, { className: "w-3 h-3" }),
                "Assign (2)"
              ] })
            ] })
          ] })
        ] }),
        /* @__PURE__ */ t("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3", children: [
          /* @__PURE__ */ e(s, { text: a("addModal.col1") }),
          /* @__PURE__ */ e(s, { text: a("addModal.col2") }),
          /* @__PURE__ */ e(s, { text: a("addModal.col3") }),
          /* @__PURE__ */ e(s, { text: a("addModal.filterByContext") }),
          /* @__PURE__ */ e(s, { text: a("addModal.moduleTree") }),
          /* @__PURE__ */ e(s, { text: a("addModal.bulkStats") })
        ] })
      ] })
    ] }),
    /* @__PURE__ */ t("section", { id: "customize-drawer", 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-primary-600)] text-white flex items-center justify-center text-sm font-bold", children: "5" }),
        a("sections.customizeDrawer")
      ] }),
      /* @__PURE__ */ t("div", { className: "space-y-4", children: [
        /* @__PURE__ */ e(s, { text: a("customizeDrawer.desc") }),
        /* @__PURE__ */ t("div", { className: "card border border-[var(--border-color)] overflow-hidden max-w-xl", children: [
          /* @__PURE__ */ t("div", { className: "flex items-start justify-between p-4 border-b border-[var(--border-color)]", children: [
            /* @__PURE__ */ t("div", { children: [
              /* @__PURE__ */ e("h3", { className: "font-semibold text-sm text-[var(--text-primary)]", children: "Customize Access" }),
              /* @__PURE__ */ e("p", { className: "text-xs text-[var(--text-muted)]", children: "Support — Acme Corp" })
            ] }),
            /* @__PURE__ */ e(u, { className: "w-4 h-4 text-[var(--text-muted)]" })
          ] }),
          /* @__PURE__ */ t("div", { className: "p-4 space-y-4", children: [
            /* @__PURE__ */ t("div", { className: "space-y-2", children: [
              /* @__PURE__ */ e("p", { className: "text-xs font-medium text-[var(--text-secondary)]", children: "Access Mode" }),
              /* @__PURE__ */ t("div", { className: "flex items-start gap-2 p-3 rounded border border-[var(--border-color)] text-xs", children: [
                /* @__PURE__ */ e("div", { className: "w-4 h-4 mt-0.5 rounded-full border-2 border-[var(--border-color)] flex-shrink-0" }),
                /* @__PURE__ */ t("div", { children: [
                  /* @__PURE__ */ e("p", { className: "font-medium text-[var(--text-primary)]", children: "Full Application Access" }),
                  /* @__PURE__ */ e("p", { className: "text-[var(--text-muted)]", children: "Access to all modules" })
                ] })
              ] }),
              /* @__PURE__ */ t("div", { className: "flex items-start gap-2 p-3 rounded border border-[var(--color-primary-600)] bg-[var(--color-primary-600)]/5 text-xs", children: [
                /* @__PURE__ */ e("div", { className: "w-4 h-4 mt-0.5 rounded-full border-2 border-[var(--color-primary-600)] flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ e("div", { className: "w-2 h-2 rounded-full bg-[var(--color-primary-600)]" }) }),
                /* @__PURE__ */ t("div", { children: [
                  /* @__PURE__ */ e("p", { className: "font-medium text-[var(--text-primary)]", children: "Custom Access" }),
                  /* @__PURE__ */ e("p", { className: "text-[var(--text-muted)]", children: "Select specific modules" })
                ] })
              ] })
            ] }),
            /* @__PURE__ */ t("div", { className: "space-y-1", children: [
              /* @__PURE__ */ e("p", { className: "text-xs font-medium text-[var(--text-secondary)]", children: "Select Modules & Sections" }),
              /* @__PURE__ */ t("div", { className: "border border-[var(--border-color)] rounded divide-y divide-[var(--border-color)]", children: [
                /* @__PURE__ */ e("div", { children: /* @__PURE__ */ t("div", { className: "flex items-center gap-2 p-2.5 text-xs hover:bg-[var(--bg-hover)]", children: [
                  /* @__PURE__ */ e(c, { className: "w-3.5 h-3.5 text-[var(--text-muted)]" }),
                  /* @__PURE__ */ e("div", { className: "w-4 h-4 rounded border-2 border-[var(--color-primary-600)] bg-[var(--color-primary-600)] flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ e(i, { className: "w-2.5 h-2.5 text-white" }) }),
                  /* @__PURE__ */ e(o, { className: "w-3.5 h-3.5 text-[var(--text-muted)]" }),
                  /* @__PURE__ */ t("div", { className: "flex items-center gap-1.5 flex-1", children: [
                    /* @__PURE__ */ e("span", { className: "w-2 h-2 rounded-full bg-green-500 flex-shrink-0" }),
                    /* @__PURE__ */ e("span", { className: "font-medium text-[var(--text-primary)]", children: "Dashboard" }),
                    /* @__PURE__ */ e("span", { className: "text-[10px] px-1.5 py-0.5 rounded-full bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400", children: "Inherited" })
                  ] })
                ] }) }),
                /* @__PURE__ */ t("div", { children: [
                  /* @__PURE__ */ t("div", { className: "flex items-center gap-2 p-2.5 text-xs hover:bg-[var(--bg-hover)]", children: [
                    /* @__PURE__ */ e(v, { className: "w-3.5 h-3.5 text-[var(--text-muted)]" }),
                    /* @__PURE__ */ e("div", { className: "w-4 h-4 rounded border-2 border-[var(--color-primary-600)] bg-[var(--color-primary-600)] flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ e(j, { className: "w-2.5 h-2.5 text-white" }) }),
                    /* @__PURE__ */ e(o, { className: "w-3.5 h-3.5 text-[var(--text-muted)]" }),
                    /* @__PURE__ */ t("div", { className: "flex items-center gap-1.5 flex-1", children: [
                      /* @__PURE__ */ e("span", { className: "w-2 h-2 rounded-full bg-blue-500 flex-shrink-0" }),
                      /* @__PURE__ */ e("span", { className: "font-medium text-[var(--text-primary)]", children: "Tickets" }),
                      /* @__PURE__ */ e("span", { className: "text-[10px] px-1.5 py-0.5 rounded-full bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400", children: "Direct" })
                    ] })
                  ] }),
                  /* @__PURE__ */ t("div", { className: "pl-10 pb-1 space-y-0.5 bg-[var(--bg-secondary)]", children: [
                    /* @__PURE__ */ t("div", { className: "flex items-center gap-2 p-1.5 text-xs", children: [
                      /* @__PURE__ */ e("div", { className: "w-3.5 h-3.5 rounded border-2 border-[var(--color-primary-600)] bg-[var(--color-primary-600)] flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ e(i, { className: "w-2 h-2 text-white" }) }),
                      /* @__PURE__ */ e("span", { className: "w-1.5 h-1.5 rounded-full bg-green-500 flex-shrink-0" }),
                      /* @__PURE__ */ e("span", { className: "text-[var(--text-primary)]", children: "My Tickets" })
                    ] }),
                    /* @__PURE__ */ t("div", { className: "flex items-center gap-2 p-1.5 text-xs", children: [
                      /* @__PURE__ */ e("div", { className: "w-3.5 h-3.5 rounded border-2 border-[var(--border-color)] flex-shrink-0" }),
                      /* @__PURE__ */ e("span", { className: "w-1.5 h-1.5 rounded-full bg-red-500 flex-shrink-0" }),
                      /* @__PURE__ */ e("span", { className: "line-through text-[var(--text-muted)]", children: "All Tickets" })
                    ] })
                  ] })
                ] }),
                /* @__PURE__ */ e("div", { children: /* @__PURE__ */ t("div", { className: "flex items-center gap-2 p-2.5 text-xs", children: [
                  /* @__PURE__ */ e(c, { className: "w-3.5 h-3.5 text-[var(--text-muted)]" }),
                  /* @__PURE__ */ e("div", { className: "w-4 h-4 rounded border-2 border-[var(--border-color)] flex-shrink-0 opacity-50" }),
                  /* @__PURE__ */ e(o, { className: "w-3.5 h-3.5 text-[var(--text-muted)]" }),
                  /* @__PURE__ */ t("div", { className: "flex items-center gap-1.5 flex-1", children: [
                    /* @__PURE__ */ e("span", { className: "w-2 h-2 rounded-full bg-red-500 flex-shrink-0" }),
                    /* @__PURE__ */ e("span", { className: "line-through text-[var(--text-muted)]", children: "Analytics" }),
                    /* @__PURE__ */ e("span", { className: "text-[10px] px-1.5 py-0.5 rounded-full bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400", children: "Revoked" })
                  ] })
                ] }) })
              ] })
            ] })
          ] }),
          /* @__PURE__ */ t("div", { className: "flex items-center justify-between p-4 border-t border-[var(--border-color)] bg-[var(--bg-secondary)]", children: [
            /* @__PURE__ */ e("p", { className: "text-xs text-[var(--text-muted)]", children: "2/3 modules, 1/5 sections" }),
            /* @__PURE__ */ t("div", { className: "flex gap-2", children: [
              /* @__PURE__ */ t("button", { className: "flex items-center gap-1.5 px-3 py-1.5 rounded text-xs font-medium text-orange-600 hover:bg-orange-50 dark:text-orange-400", children: [
                /* @__PURE__ */ e(S, { className: "w-3 h-3" }),
                "Reset to template"
              ] }),
              /* @__PURE__ */ e("button", { className: "px-3 py-1.5 rounded text-xs text-[var(--text-secondary)]", children: "Cancel" }),
              /* @__PURE__ */ t("button", { className: "flex items-center gap-1.5 px-3 py-1.5 rounded bg-[var(--color-primary-600)] text-white text-xs font-medium", children: [
                /* @__PURE__ */ e(C, { className: "w-3 h-3" }),
                "Save"
              ] })
            ] })
          ] })
        ] }),
        /* @__PURE__ */ t("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3", children: [
          /* @__PURE__ */ e(s, { text: a("customizeDrawer.fullMode") }),
          /* @__PURE__ */ e(s, { text: a("customizeDrawer.customMode") }),
          /* @__PURE__ */ e(s, { text: a("customizeDrawer.sourceColors") }),
          /* @__PURE__ */ e(s, { text: a("customizeDrawer.resetBtn") }),
          /* @__PURE__ */ e(s, { text: a("customizeDrawer.saveBtn") })
        ] })
      ] })
    ] }),
    /* @__PURE__ */ t("section", { id: "use-cases", 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-primary-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: a("useCases", { returnObjects: !0 }).map((r, l) => /* @__PURE__ */ t("div", { className: "card p-5 space-y-3", children: [
        /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
          /* @__PURE__ */ e("span", { className: "w-6 h-6 rounded-full bg-[var(--color-primary-600)]/10 text-[var(--color-primary-600)] flex items-center justify-center text-xs font-bold flex-shrink-0", children: l + 1 }),
          /* @__PURE__ */ t("div", { children: [
            /* @__PURE__ */ e("p", { className: "text-xs text-[var(--text-muted)]", children: r.persona }),
            /* @__PURE__ */ e("p", { className: "font-semibold text-sm text-[var(--text-primary)]", children: r.scenario })
          ] })
        ] }),
        /* @__PURE__ */ e("ol", { className: "space-y-1 pl-2", children: r.steps.map((d, p) => /* @__PURE__ */ t("li", { className: "flex items-start gap-2 text-xs text-[var(--text-secondary)]", children: [
          /* @__PURE__ */ t("span", { className: "text-[var(--text-tertiary)] flex-shrink-0 font-mono", children: [
            p + 1,
            "."
          ] }),
          d
        ] }, p)) }),
        /* @__PURE__ */ t("div", { className: "flex items-start gap-2 p-2.5 rounded-lg bg-green-500/5 border border-green-500/20 text-xs text-green-700 dark:text-green-400", children: [
          /* @__PURE__ */ e(i, { className: "w-3.5 h-3.5 mt-0.5 flex-shrink-0" }),
          r.result
        ] })
      ] }, `usecase-${l}`)) })
    ] }),
    /* @__PURE__ */ t("section", { id: "features", 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-primary-600)] text-white flex items-center justify-center text-sm font-bold", children: "7" }),
        a("sections.features")
      ] }),
      /* @__PURE__ */ e("div", { className: "space-y-3", children: a("features", { returnObjects: !0 }).map((r, l) => /* @__PURE__ */ e("div", { className: "card p-5", children: /* @__PURE__ */ t("div", { className: "flex items-start gap-3", children: [
        /* @__PURE__ */ e("span", { className: "w-6 h-6 rounded-full bg-[var(--color-primary-600)]/10 text-[var(--color-primary-600)] flex items-center justify-center text-xs font-bold flex-shrink-0 mt-0.5", children: l + 1 }),
        /* @__PURE__ */ t("div", { className: "flex-1", children: [
          /* @__PURE__ */ e("h3", { className: "font-semibold text-[var(--text-primary)] mb-1", children: r.title }),
          /* @__PURE__ */ e("p", { className: "text-sm text-[var(--text-secondary)] mb-2", children: r.desc }),
          /* @__PURE__ */ e("div", { className: "p-2.5 rounded bg-[var(--bg-secondary)] border border-[var(--border-color)] text-xs text-[var(--text-muted)] italic", children: r.example })
        ] })
      ] }) }, `feature-${l}`)) })
    ] }),
    /* @__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-primary-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: a("faq", { returnObjects: !0 }).map((r, l) => /* @__PURE__ */ t("div", { className: "card p-5", children: [
        /* @__PURE__ */ t("h3", { className: "font-semibold text-[var(--text-primary)] mb-2 flex items-start gap-2", children: [
          /* @__PURE__ */ t("span", { className: "text-[var(--color-primary-600)] font-bold flex-shrink-0", children: [
            "Q",
            l + 1,
            "."
          ] }),
          r.q
        ] }),
        /* @__PURE__ */ e("p", { className: "text-sm text-[var(--text-secondary)] pl-7", children: r.a })
      ] }, `faq-${l}`)) })
    ] }),
    /* @__PURE__ */ t("section", { id: "technical-ref", 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-primary-600)] text-white flex items-center justify-center text-sm font-bold", children: "9" }),
        a("sections.technicalRef")
      ] }),
      /* @__PURE__ */ t("details", { className: "card overflow-hidden", children: [
        /* @__PURE__ */ t("summary", { className: "px-5 py-4 cursor-pointer font-semibold text-[var(--text-primary)] flex items-center gap-2 hover:bg-[var(--bg-hover)]", children: [
          /* @__PURE__ */ e(c, { className: "w-4 h-4 text-[var(--text-muted)]" }),
          a("technicalRef.title")
        ] }),
        /* @__PURE__ */ t("div", { className: "border-t border-[var(--border-color)] p-5 space-y-6", children: [
          /* @__PURE__ */ t("div", { children: [
            /* @__PURE__ */ e("h3", { className: "font-semibold text-sm mb-3 text-[var(--text-secondary)]", children: a("technicalRef.businessRulesTitle") }),
            /* @__PURE__ */ e("div", { className: "space-y-2", children: Array.from({ length: 8 }, (r, l) => `br00${l + 1}`).map((r) => /* @__PURE__ */ t("div", { className: "flex items-start gap-2 text-sm", children: [
              /* @__PURE__ */ e("span", { className: "text-xs font-mono px-1.5 py-0.5 rounded bg-[var(--bg-secondary)] text-[var(--text-muted)] flex-shrink-0 uppercase", children: r.toUpperCase() }),
              /* @__PURE__ */ e("p", { className: "text-[var(--text-secondary)]", children: a(`technicalRef.${r}`) })
            ] }, r)) })
          ] }),
          /* @__PURE__ */ t("div", { children: [
            /* @__PURE__ */ e("h3", { className: "font-semibold text-sm mb-3 text-[var(--text-secondary)]", children: a("technicalRef.endpointsTitle") }),
            /* @__PURE__ */ e("div", { className: "space-y-1.5", children: P.map((r, l) => /* @__PURE__ */ t("div", { className: "flex items-center gap-2 text-xs py-1.5 border-b border-[var(--border-color)] last:border-b-0 flex-wrap", children: [
              /* @__PURE__ */ e("span", { className: `font-mono font-bold px-2 py-0.5 rounded text-[10px] flex-shrink-0 ${q[r.method]}`, children: r.method }),
              /* @__PURE__ */ e("code", { className: "flex-1 text-[var(--text-primary)] font-mono", children: r.path }),
              /* @__PURE__ */ e("span", { className: "text-[var(--text-muted)]", children: r.handler }),
              /* @__PURE__ */ e("code", { className: "text-[10px] px-1.5 py-0.5 bg-[var(--bg-secondary)] rounded text-[var(--text-muted)]", children: r.permission })
            ] }, `ep-${r.method}-${l}`)) })
          ] })
        ] })
      ] })
    ] }),
    /* @__PURE__ */ t("div", { className: "flex justify-between pt-6 border-t border-[var(--border-color)]", children: [
      /* @__PURE__ */ t(
        x,
        {
          to: "/docs/business/administration/tenants",
          className: "flex items-center gap-2 text-[var(--text-secondary)] hover:text-[var(--color-primary-600)]",
          children: [
            /* @__PURE__ */ e(h, { className: "w-4 h-4" }),
            a("nav.backToTenants")
          ]
        }
      ),
      /* @__PURE__ */ t(
        x,
        {
          to: "/docs/business/administration/tenants/template",
          className: "flex items-center gap-2 text-[var(--color-primary-600)] hover:underline",
          children: [
            "Tenant Templates",
            /* @__PURE__ */ e(c, { className: "w-4 h-4" })
          ]
        }
      )
    ] })
  ] });
}
export {
  z as default
};
//# sourceMappingURL=index-DhVauF9E.js.map
