import { jsxs as t, jsx as e, Fragment as n } from "react/jsx-runtime";
import { useState as p } from "react";
import { Link as N } from "react-router-dom";
import { useTranslation as g } from "react-i18next";
import { ArrowLeft as f, Shield as l, CloudOff as v, Edit2 as C, Trash2 as w, Save as T, Users as u, GitBranch as x, Unlink as k, Plus as d, Building2 as E, Network as j, Check as o, HelpCircle as S, ChevronRight as L, Info as P, ChevronUp as G, ChevronDown as R } from "lucide-react";
function c({ children: a }) {
  return /* @__PURE__ */ e("div", { className: "my-4 p-4 border-l-2 border-[var(--color-accent-500)] bg-[var(--bg-secondary)] text-[var(--text-secondary)] rounded", children: /* @__PURE__ */ t("p", { className: "text-sm flex items-start gap-2", children: [
    /* @__PURE__ */ e(P, { className: "w-4 h-4 mt-0.5 flex-shrink-0 text-[var(--color-accent-500)]" }),
    /* @__PURE__ */ e("span", { children: a })
  ] }) });
}
function A({ children: a }) {
  const [s, m] = p(!1);
  return /* @__PURE__ */ t("div", { className: "p-4 bg-[var(--bg-secondary)] border border-[var(--border-color)] rounded-[var(--radius-card)]", children: [
    /* @__PURE__ */ e(
      "button",
      {
        onClick: () => m(!s),
        className: "w-full flex items-center justify-between font-medium text-[var(--text-primary)]",
        children: /* @__PURE__ */ t("span", { className: "flex items-center gap-2", children: [
          s ? /* @__PURE__ */ e(G, { className: "w-4 h-4" }) : /* @__PURE__ */ e(R, { className: "w-4 h-4" }),
          "Technical Reference"
        ] })
      }
    ),
    s && /* @__PURE__ */ e("div", { className: "mt-4 space-y-4", children: a })
  ] });
}
function $() {
  const { t: a } = g("docsAdministrationUsersGroupsDetail"), [s, m] = p("info"), [h, b] = p(!1), y = [
    { id: "info", label: a("tabs.info") },
    { id: "hierarchy", label: a("tabs.hierarchy") },
    { id: "members", label: a("tabs.members") },
    { id: "roles", label: a("tabs.roles") },
    { id: "tenants", label: a("tabs.tenants") },
    { id: "applications", label: a("tabs.applications") },
    { id: "permissions", label: a("tabs.permissions") }
  ];
  return /* @__PURE__ */ t("div", { className: "max-w-4xl mx-auto space-y-8 py-8", children: [
    /* @__PURE__ */ t("div", { className: "space-y-4", children: [
      /* @__PURE__ */ t(
        N,
        {
          to: "/docs/business/administration/users/groups",
          className: "inline-flex items-center gap-2 text-[var(--color-accent-500)] hover:text-[var(--color-accent-600)] transition-colors text-sm",
          children: [
            /* @__PURE__ */ e(f, { className: "w-4 h-4" }),
            a("nav.backToGroups")
          ]
        }
      ),
      /* @__PURE__ */ t("div", { className: "space-y-2", children: [
        /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: [
          /* @__PURE__ */ e(l, { className: "w-8 h-8 text-[var(--color-accent-500)]" }),
          /* @__PURE__ */ e("h1", { className: "text-4xl font-bold text-[var(--text-primary)]", children: a("title") })
        ] }),
        /* @__PURE__ */ e("p", { className: "text-lg font-medium text-[var(--color-accent-600)]", children: a("summary") }),
        /* @__PURE__ */ e("p", { className: "text-[var(--text-secondary)]", children: a("subtitle") })
      ] }),
      /* @__PURE__ */ t("div", { className: "flex flex-wrap gap-4 text-sm text-[var(--text-tertiary)]", children: [
        /* @__PURE__ */ t("span", { className: "flex items-center gap-1", children: [
          a("header.tabs"),
          " · 7 ",
          a("header.tabs")
        ] }),
        /* @__PURE__ */ t("span", { className: "flex items-center gap-1", children: [
          a("header.apiEndpoints"),
          " · 25 API"
        ] }),
        /* @__PURE__ */ t("span", { className: "flex items-center gap-1", children: [
          a("header.businessRules"),
          " · 8 ",
          a("header.businessRules")
        ] })
      ] })
    ] }),
    /* @__PURE__ */ t("section", { className: "space-y-3", children: [
      /* @__PURE__ */ t("h2", { className: "text-2xl font-bold text-[var(--text-primary)] flex items-center gap-2", children: [
        /* @__PURE__ */ e("span", { className: "w-8 h-8 flex items-center justify-center rounded-full bg-[var(--bg-secondary)] text-sm font-medium text-[var(--text-secondary)]", children: "1" }),
        a("sections.objective")
      ] }),
      /* @__PURE__ */ e("p", { className: "text-[var(--text-secondary)] leading-relaxed", children: a("objective") })
    ] }),
    /* @__PURE__ */ t("section", { className: "space-y-4", children: [
      /* @__PURE__ */ t("h2", { className: "text-2xl font-bold text-[var(--text-primary)] flex items-center gap-2", children: [
        /* @__PURE__ */ e("span", { className: "w-8 h-8 flex items-center justify-center rounded-full bg-[var(--bg-secondary)] text-sm font-medium text-[var(--text-secondary)]", children: "2" }),
        a("sections.access")
      ] }),
      /* @__PURE__ */ t("div", { className: "space-y-3", children: [
        /* @__PURE__ */ t("div", { className: "p-3 bg-[var(--bg-secondary)] rounded-[var(--radius-card)] border border-[var(--border-color)]", children: [
          /* @__PURE__ */ e("p", { className: "text-xs text-[var(--text-tertiary)] uppercase tracking-wider mb-1", children: a("access.navigation") }),
          /* @__PURE__ */ e("p", { className: "text-sm font-medium text-[var(--text-primary)]", children: a("access.breadcrumb") })
        ] }),
        /* @__PURE__ */ t("div", { className: "p-3 bg-[var(--bg-secondary)] rounded-[var(--radius-card)] border border-[var(--border-color)]", children: [
          /* @__PURE__ */ e("p", { className: "text-xs text-[var(--text-tertiary)] uppercase tracking-wider mb-1", children: a("access.url") }),
          /* @__PURE__ */ e("p", { className: "text-sm font-mono text-[var(--text-primary)] break-all min-w-0", children: a("access.urlPattern") })
        ] }),
        /* @__PURE__ */ t("div", { className: "p-3 bg-[var(--bg-secondary)] rounded-[var(--radius-card)] border border-[var(--border-color)]", children: [
          /* @__PURE__ */ e("p", { className: "text-xs text-[var(--text-tertiary)] uppercase tracking-wider mb-1", children: a("access.permission") }),
          /* @__PURE__ */ e("p", { className: "text-sm font-mono text-[var(--text-primary)] break-all min-w-0", children: a("access.permissionPath") })
        ] })
      ] })
    ] }),
    /* @__PURE__ */ t("section", { className: "space-y-4", children: [
      /* @__PURE__ */ t("h2", { className: "text-2xl font-bold text-[var(--text-primary)] flex items-center gap-2", children: [
        /* @__PURE__ */ e("span", { className: "w-8 h-8 flex items-center justify-center rounded-full bg-[var(--bg-secondary)] text-sm font-medium text-[var(--text-secondary)]", children: "3" }),
        a("sections.headerView")
      ] }),
      /* @__PURE__ */ e("div", { className: "p-6 bg-[var(--bg-primary)] border border-[var(--border-color)] rounded-[var(--radius-card)] space-y-4", children: /* @__PURE__ */ t("div", { className: "flex items-start justify-between", children: [
        /* @__PURE__ */ t("div", { className: "flex items-start gap-4", children: [
          /* @__PURE__ */ e("div", { className: "p-3 bg-[var(--accent-bg)] rounded-lg", children: /* @__PURE__ */ e(l, { className: "w-6 h-6 text-[var(--color-accent-500)]" }) }),
          /* @__PURE__ */ t("div", { children: [
            /* @__PURE__ */ e("h3", { className: "text-2xl font-bold text-[var(--text-primary)]", children: a("pageHeader.mockGroupName") }),
            /* @__PURE__ */ t("div", { className: "flex flex-wrap gap-2 mt-2", children: [
              /* @__PURE__ */ e("span", { className: "px-2.5 py-1 text-xs rounded-full font-medium bg-[var(--color-accent-100)] text-[var(--color-accent-700)]", children: a("pageHeader.securityBadge") }),
              /* @__PURE__ */ t("span", { className: "px-2.5 py-1 text-xs rounded-full font-medium bg-[var(--bg-secondary)] text-[var(--text-secondary)] flex items-center gap-1", children: [
                /* @__PURE__ */ e(v, { className: "w-3 h-3" }),
                a("pageHeader.localSource")
              ] })
            ] })
          ] })
        ] }),
        /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: h ? /* @__PURE__ */ t(n, { children: [
          /* @__PURE__ */ e(
            "button",
            {
              onClick: () => b(!1),
              className: "px-3 py-1.5 text-sm rounded-[var(--radius-button)] bg-[var(--bg-secondary)] text-[var(--text-secondary)] hover:bg-[var(--bg-hover)] transition-colors",
              children: a("pageHeader.cancelBtn")
            }
          ),
          /* @__PURE__ */ t("button", { className: "flex items-center gap-1 px-3 py-1.5 text-sm rounded-[var(--radius-button)] bg-[var(--color-accent-600)] text-white hover:bg-[var(--color-accent-700)] transition-colors", children: [
            /* @__PURE__ */ e(T, { className: "w-4 h-4" }),
            a("pageHeader.saveBtn")
          ] })
        ] }) : /* @__PURE__ */ t(n, { children: [
          /* @__PURE__ */ t(
            "button",
            {
              onClick: () => b(!0),
              className: "flex items-center gap-1 px-3 py-1.5 text-sm rounded-[var(--radius-button)] bg-[var(--bg-secondary)] text-[var(--text-secondary)] hover:bg-[var(--bg-hover)] transition-colors",
              children: [
                /* @__PURE__ */ e(C, { className: "w-4 h-4" }),
                a("pageHeader.editBtn")
              ]
            }
          ),
          /* @__PURE__ */ t("button", { className: "flex items-center gap-1 px-3 py-1.5 text-sm rounded-[var(--radius-button)] text-[var(--error-text)] hover:bg-[var(--error-bg)] transition-colors", children: [
            /* @__PURE__ */ e(w, { className: "w-4 h-4" }),
            a("pageHeader.deleteBtn")
          ] })
        ] }) })
      ] }) }),
      /* @__PURE__ */ e(c, { children: a("pageHeader.annotationHeader") }),
      /* @__PURE__ */ e(c, { children: a("pageHeader.entraReadonly") })
    ] }),
    /* @__PURE__ */ t("section", { className: "space-y-4", children: [
      /* @__PURE__ */ t("h2", { className: "text-2xl font-bold text-[var(--text-primary)] flex items-center gap-2", children: [
        /* @__PURE__ */ e("span", { className: "w-8 h-8 flex items-center justify-center rounded-full bg-[var(--bg-secondary)] text-sm font-medium text-[var(--text-secondary)]", children: "4" }),
        a("sections.tabsView")
      ] }),
      /* @__PURE__ */ e("div", { className: "flex gap-2 border-b border-[var(--border-color)] overflow-x-auto", children: y.map((r) => /* @__PURE__ */ e(
        "button",
        {
          onClick: () => m(r.id),
          className: `px-4 py-3 font-medium text-sm border-b-2 transition-colors whitespace-nowrap ${s === r.id ? "border-[var(--color-accent-500)] text-[var(--color-accent-500)]" : "border-transparent text-[var(--text-tertiary)] hover:text-[var(--text-secondary)]"}`,
          children: r.label
        },
        r.id
      )) }),
      /* @__PURE__ */ t("div", { className: "p-6 bg-[var(--bg-primary)] border border-[var(--border-color)] rounded-[var(--radius-card)] space-y-4", children: [
        s === "info" && /* @__PURE__ */ t(n, { children: [
          /* @__PURE__ */ t("h3", { className: "text-lg font-semibold text-[var(--text-primary)] flex items-center gap-2", children: [
            /* @__PURE__ */ e(u, { className: "w-5 h-5" }),
            a("tabContent.info.title")
          ] }),
          /* @__PURE__ */ t("div", { className: "space-y-3", children: [
            /* @__PURE__ */ t("div", { children: [
              /* @__PURE__ */ e("label", { className: "text-xs text-[var(--text-tertiary)] uppercase tracking-wider mb-1 block", children: a("tabContent.info.nameLabel") }),
              h ? /* @__PURE__ */ e(
                "input",
                {
                  type: "text",
                  defaultValue: a("pageHeader.mockGroupName"),
                  className: "w-full px-3 py-2 rounded-[var(--radius-input)] border border-[var(--border-color)] bg-[var(--bg-secondary)] text-[var(--text-primary)] focus:ring-2 focus:ring-[var(--color-accent-500)]"
                }
              ) : /* @__PURE__ */ e("p", { className: "text-sm font-medium text-[var(--text-primary)]", children: a("pageHeader.mockGroupName") })
            ] }),
            /* @__PURE__ */ t("div", { children: [
              /* @__PURE__ */ e("label", { className: "text-xs text-[var(--text-tertiary)] uppercase tracking-wider mb-1 block", children: a("tabContent.info.descriptionLabel") }),
              /* @__PURE__ */ e("p", { className: "text-sm text-[var(--text-primary)]", children: a("tabContent.info.descriptionValue") })
            ] }),
            /* @__PURE__ */ t("div", { children: [
              /* @__PURE__ */ e("label", { className: "text-xs text-[var(--text-tertiary)] uppercase tracking-wider mb-1 block", children: a("tabContent.info.typeLabel") }),
              /* @__PURE__ */ e("p", { className: "text-sm text-[var(--text-primary)]", children: a("tabContent.info.typeValue") })
            ] }),
            /* @__PURE__ */ t("div", { children: [
              /* @__PURE__ */ e("label", { className: "text-xs text-[var(--text-tertiary)] uppercase tracking-wider mb-1 block", children: a("tabContent.info.sourceLabel") }),
              /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
                /* @__PURE__ */ e(v, { className: "w-4 h-4 text-[var(--text-tertiary)]" }),
                /* @__PURE__ */ e("p", { className: "text-sm text-[var(--text-primary)]", children: a("tabContent.info.sourceValue") })
              ] })
            ] })
          ] }),
          /* @__PURE__ */ e(c, { children: a("tabContent.info.annotation") })
        ] }),
        s === "hierarchy" && /* @__PURE__ */ t(n, { children: [
          /* @__PURE__ */ t("h3", { className: "text-lg font-semibold text-[var(--text-primary)] flex items-center gap-2", children: [
            /* @__PURE__ */ e(x, { className: "w-5 h-5" }),
            a("tabContent.hierarchy.title")
          ] }),
          /* @__PURE__ */ t("div", { className: "space-y-4", children: [
            /* @__PURE__ */ t("div", { className: "p-4 rounded-lg bg-[var(--bg-secondary)] border border-dashed border-[var(--border-color)]", children: [
              /* @__PURE__ */ e("p", { className: "text-xs text-[var(--text-tertiary)] uppercase tracking-wider mb-2", children: a("tabContent.hierarchy.parentLabel") }),
              /* @__PURE__ */ t("div", { className: "flex items-center justify-between", children: [
                /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
                  /* @__PURE__ */ e(x, { className: "w-4 h-4 text-[var(--text-tertiary)]" }),
                  /* @__PURE__ */ e("p", { className: "text-sm font-medium text-[var(--text-primary)]", children: a("tabContent.hierarchy.parentValue") })
                ] }),
                /* @__PURE__ */ e("button", { className: "text-xs px-2 py-1 rounded text-[var(--text-tertiary)] hover:bg-[var(--bg-hover)]", children: /* @__PURE__ */ e(k, { className: "w-3 h-3" }) })
              ] })
            ] }),
            /* @__PURE__ */ t("div", { children: [
              /* @__PURE__ */ t("div", { className: "flex items-center justify-between mb-2", children: [
                /* @__PURE__ */ e("p", { className: "text-xs text-[var(--text-tertiary)] uppercase tracking-wider", children: a("tabContent.hierarchy.childrenLabel") }),
                /* @__PURE__ */ t("button", { className: "flex items-center gap-1 text-xs px-2 py-1 rounded bg-[var(--color-accent-600)] text-white hover:bg-[var(--color-accent-700)]", children: [
                  /* @__PURE__ */ e(d, { className: "w-3 h-3" }),
                  a("tabContent.hierarchy.createChildBtn")
                ] })
              ] }),
              /* @__PURE__ */ e("div", { className: "space-y-2", children: [
                { name: "DevOps Team", members: 5 },
                { name: "SRE Team", members: 3 }
              ].map((r) => /* @__PURE__ */ e("div", { className: "p-3 rounded-lg bg-[var(--bg-secondary)] flex items-center justify-between", children: /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
                /* @__PURE__ */ e(x, { className: "w-4 h-4 text-[var(--text-tertiary)]" }),
                /* @__PURE__ */ e("span", { className: "text-sm font-medium text-[var(--text-primary)]", children: r.name }),
                /* @__PURE__ */ t("span", { className: "text-xs text-[var(--text-tertiary)]", children: [
                  "(",
                  r.members,
                  " ",
                  a("tabContent.hierarchy.membersCount"),
                  ")"
                ] })
              ] }) }, r.name)) })
            ] })
          ] }),
          /* @__PURE__ */ e(c, { children: a("tabContent.hierarchy.annotation") })
        ] }),
        s === "members" && /* @__PURE__ */ t(n, { children: [
          /* @__PURE__ */ t("h3", { className: "text-lg font-semibold text-[var(--text-primary)] flex items-center gap-2", children: [
            /* @__PURE__ */ e(u, { className: "w-5 h-5" }),
            a("tabContent.members.title")
          ] }),
          /* @__PURE__ */ t("div", { className: "space-y-3", children: [
            /* @__PURE__ */ t("button", { className: "flex items-center gap-1 text-sm px-3 py-1.5 rounded-[var(--radius-button)] bg-[var(--color-accent-600)] text-white hover:bg-[var(--color-accent-700)]", children: [
              /* @__PURE__ */ e(d, { className: "w-4 h-4" }),
              a("tabContent.members.addBtn")
            ] }),
            /* @__PURE__ */ e("div", { className: "space-y-2", children: [
              { name: "John Doe", email: "john@company.com", role: "Member" },
              { name: "Jane Smith", email: "jane@company.com", role: "Moderator" }
            ].map((r) => /* @__PURE__ */ t("div", { className: "p-3 rounded-lg bg-[var(--bg-secondary)] flex items-center justify-between", children: [
              /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: [
                /* @__PURE__ */ e("div", { className: "w-8 h-8 rounded-full bg-[var(--accent-bg)] flex items-center justify-center text-sm font-medium text-[var(--color-accent-500)]", children: r.name.charAt(0) }),
                /* @__PURE__ */ t("div", { children: [
                  /* @__PURE__ */ e("p", { className: "text-sm font-medium text-[var(--text-primary)]", children: r.name }),
                  /* @__PURE__ */ e("p", { className: "text-xs text-[var(--text-tertiary)]", children: r.email })
                ] })
              ] }),
              /* @__PURE__ */ e("button", { className: "text-xs px-2 py-1 rounded text-[var(--text-tertiary)] hover:text-[var(--error-text)] hover:bg-[var(--error-bg)]", children: a("tabContent.members.removeBtn") })
            ] }, r.email)) })
          ] }),
          /* @__PURE__ */ e(c, { children: a("tabContent.members.annotation") })
        ] }),
        s === "roles" && /* @__PURE__ */ t(n, { children: [
          /* @__PURE__ */ t("h3", { className: "text-lg font-semibold text-[var(--text-primary)] flex items-center gap-2", children: [
            /* @__PURE__ */ e(l, { className: "w-5 h-5" }),
            a("tabContent.roles.title")
          ] }),
          /* @__PURE__ */ t("div", { className: "space-y-3", children: [
            /* @__PURE__ */ t("button", { className: "flex items-center gap-1 text-sm px-3 py-1.5 rounded-[var(--radius-button)] bg-[var(--color-accent-600)] text-white hover:bg-[var(--color-accent-700)]", children: [
              /* @__PURE__ */ e(d, { className: "w-4 h-4" }),
              a("tabContent.roles.assignBtn")
            ] }),
            /* @__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: "border-b border-[var(--border-color)]", children: [
                /* @__PURE__ */ e("th", { className: "text-left py-2 px-2 text-xs text-[var(--text-tertiary)] uppercase", children: a("tabContent.roles.roleCol") }),
                /* @__PURE__ */ e("th", { className: "text-left py-2 px-2 text-xs text-[var(--text-tertiary)] uppercase", children: a("tabContent.roles.scopeCol") }),
                /* @__PURE__ */ e("th", { className: "text-left py-2 px-2 text-xs text-[var(--text-tertiary)] uppercase", children: a("tabContent.roles.inheritableCol") }),
                /* @__PURE__ */ e("th", { className: "text-left py-2 px-2" })
              ] }) }),
              /* @__PURE__ */ e("tbody", { children: [
                { role: "Admin", scope: "Global", inheritable: !0 },
                { role: "IT Admin", scope: "Global", inheritable: !0 }
              ].map((r) => /* @__PURE__ */ t("tr", { className: "border-b border-[var(--border-color)] hover:bg-[var(--bg-hover)]", children: [
                /* @__PURE__ */ e("td", { className: "py-2 px-2 text-[var(--text-primary)]", children: r.role }),
                /* @__PURE__ */ e("td", { className: "py-2 px-2 text-[var(--text-secondary)]", children: r.scope }),
                /* @__PURE__ */ e("td", { className: "py-2 px-2", children: /* @__PURE__ */ e("input", { type: "checkbox", defaultChecked: r.inheritable, className: "rounded" }) }),
                /* @__PURE__ */ e("td", { className: "py-2 px-2 text-right", children: /* @__PURE__ */ e("button", { className: "text-xs px-2 py-1 rounded text-[var(--error-text)] hover:bg-[var(--error-bg)]", children: a("tabContent.roles.removeBtn") }) })
              ] }, r.role)) })
            ] }) })
          ] }),
          /* @__PURE__ */ e(c, { children: a("tabContent.roles.annotation") })
        ] }),
        s === "tenants" && /* @__PURE__ */ t(n, { children: [
          /* @__PURE__ */ t("h3", { className: "text-lg font-semibold text-[var(--text-primary)] flex items-center gap-2", children: [
            /* @__PURE__ */ e(E, { className: "w-5 h-5" }),
            a("tabContent.tenants.title")
          ] }),
          /* @__PURE__ */ t("div", { className: "space-y-3", children: [
            /* @__PURE__ */ t("button", { className: "flex items-center gap-1 text-sm px-3 py-1.5 rounded-[var(--radius-button)] bg-[var(--color-accent-600)] text-white hover:bg-[var(--color-accent-700)]", children: [
              /* @__PURE__ */ e(d, { className: "w-4 h-4" }),
              a("tabContent.tenants.addBtn")
            ] }),
            /* @__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: "border-b border-[var(--border-color)]", children: [
                /* @__PURE__ */ e("th", { className: "text-left py-2 px-2 text-xs text-[var(--text-tertiary)] uppercase", children: a("tabContent.tenants.tenantCol") }),
                /* @__PURE__ */ e("th", { className: "text-left py-2 px-2 text-xs text-[var(--text-tertiary)] uppercase", children: a("tabContent.tenants.slugCol") }),
                /* @__PURE__ */ e("th", { className: "text-left py-2 px-2 text-xs text-[var(--text-tertiary)] uppercase", children: a("tabContent.tenants.dateCol") }),
                /* @__PURE__ */ e("th", { className: "text-left py-2 px-2" })
              ] }) }),
              /* @__PURE__ */ e("tbody", { children: [
                { tenant: "Main Tenant", slug: "main", date: "2024-01-15" }
              ].map((r) => /* @__PURE__ */ t("tr", { className: "border-b border-[var(--border-color)] hover:bg-[var(--bg-hover)]", children: [
                /* @__PURE__ */ e("td", { className: "py-2 px-2 text-[var(--text-primary)]", children: r.tenant }),
                /* @__PURE__ */ e("td", { className: "py-2 px-2 font-mono text-[var(--text-secondary)]", children: r.slug }),
                /* @__PURE__ */ e("td", { className: "py-2 px-2 text-[var(--text-secondary)]", children: r.date }),
                /* @__PURE__ */ e("td", { className: "py-2 px-2 text-right", children: /* @__PURE__ */ e("button", { className: "text-xs px-2 py-1 rounded text-[var(--error-text)] hover:bg-[var(--error-bg)]", children: a("tabContent.tenants.removeBtn") }) })
              ] }, r.slug)) })
            ] }) })
          ] }),
          /* @__PURE__ */ e(c, { children: a("tabContent.tenants.annotation") })
        ] }),
        s === "applications" && /* @__PURE__ */ t(n, { children: [
          /* @__PURE__ */ t("h3", { className: "text-lg font-semibold text-[var(--text-primary)] flex items-center gap-2", children: [
            /* @__PURE__ */ e(j, { className: "w-5 h-5" }),
            a("tabContent.applications.title")
          ] }),
          /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
            { name: "Administration", roles: "Admin, IT Admin", members: 8 },
            { name: "Support", roles: "Support Agent", members: 5 },
            { name: "MySpace", roles: "User", members: 8 }
          ].map((r) => /* @__PURE__ */ t(
            "div",
            {
              className: "p-4 rounded-lg bg-[var(--bg-secondary)] border border-[var(--border-color)]",
              children: [
                /* @__PURE__ */ e("h4", { className: "font-medium text-[var(--text-primary)] mb-2", children: r.name }),
                /* @__PURE__ */ t("p", { className: "text-xs text-[var(--text-tertiary)] mb-2", children: [
                  a("tabContent.applications.rolesLabel"),
                  ": ",
                  r.roles
                ] }),
                /* @__PURE__ */ t("p", { className: "text-xs text-[var(--text-tertiary)]", children: [
                  r.members,
                  " ",
                  a("tabContent.applications.membersLabel")
                ] })
              ]
            },
            r.name
          )) }),
          /* @__PURE__ */ e(c, { children: a("tabContent.applications.annotation") })
        ] }),
        s === "permissions" && /* @__PURE__ */ t(n, { children: [
          /* @__PURE__ */ t("h3", { className: "text-lg font-semibold text-[var(--text-primary)] flex items-center gap-2", children: [
            /* @__PURE__ */ e(l, { className: "w-5 h-5" }),
            a("tabContent.permissions.title")
          ] }),
          /* @__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: "border-b border-[var(--border-color)]", children: [
              /* @__PURE__ */ e("th", { className: "text-left py-2 px-2 text-xs text-[var(--text-tertiary)] uppercase", children: a("tabContent.permissions.appCol") }),
              /* @__PURE__ */ e("th", { className: "text-center py-2 px-2 text-xs text-[var(--text-tertiary)] uppercase", children: a("tabContent.permissions.readCol") }),
              /* @__PURE__ */ e("th", { className: "text-center py-2 px-2 text-xs text-[var(--text-tertiary)] uppercase", children: a("tabContent.permissions.createCol") }),
              /* @__PURE__ */ e("th", { className: "text-center py-2 px-2 text-xs text-[var(--text-tertiary)] uppercase", children: a("tabContent.permissions.updateCol") }),
              /* @__PURE__ */ e("th", { className: "text-center py-2 px-2 text-xs text-[var(--text-tertiary)] uppercase", children: a("tabContent.permissions.deleteCol") })
            ] }) }),
            /* @__PURE__ */ e("tbody", { children: [
              { app: "Administration", read: !0, create: !0, update: !0, delete: !0 },
              { app: "Support", read: !0, create: !1, update: !1, delete: !1 },
              { app: "MySpace", read: !0, create: !1, update: !1, delete: !1 }
            ].map((r) => /* @__PURE__ */ t("tr", { className: "border-b border-[var(--border-color)]", children: [
              /* @__PURE__ */ e("td", { className: "py-2 px-2 text-[var(--text-primary)]", children: r.app }),
              /* @__PURE__ */ e("td", { className: "py-2 px-2 text-center", children: r.read && /* @__PURE__ */ e(o, { className: "w-4 h-4 mx-auto text-[var(--success-text)]" }) }),
              /* @__PURE__ */ e("td", { className: "py-2 px-2 text-center", children: r.create && /* @__PURE__ */ e(o, { className: "w-4 h-4 mx-auto text-[var(--success-text)]" }) }),
              /* @__PURE__ */ e("td", { className: "py-2 px-2 text-center", children: r.update && /* @__PURE__ */ e(o, { className: "w-4 h-4 mx-auto text-[var(--success-text)]" }) }),
              /* @__PURE__ */ e("td", { className: "py-2 px-2 text-center", children: r.delete && /* @__PURE__ */ e(o, { className: "w-4 h-4 mx-auto text-[var(--success-text)]" }) })
            ] }, r.app)) })
          ] }) }),
          /* @__PURE__ */ e(c, { children: a("tabContent.permissions.annotation") })
        ] })
      ] })
    ] }),
    /* @__PURE__ */ t("section", { className: "space-y-4", children: [
      /* @__PURE__ */ t("h2", { className: "text-2xl font-bold text-[var(--text-primary)] flex items-center gap-2", children: [
        /* @__PURE__ */ e("span", { className: "w-8 h-8 flex items-center justify-center rounded-full bg-[var(--bg-secondary)] text-sm font-medium text-[var(--text-secondary)]", children: "5" }),
        a("sections.useCases")
      ] }),
      /* @__PURE__ */ e("div", { className: "space-y-4", children: [1, 2, 3].map((r) => /* @__PURE__ */ t(
        "div",
        {
          className: "p-4 bg-[var(--bg-primary)] border border-[var(--border-color)] rounded-[var(--radius-card)] space-y-2",
          children: [
            /* @__PURE__ */ e("p", { className: "text-sm font-medium text-[var(--text-primary)]", children: a(`useCases.${r}.withLabel`) }),
            /* @__PURE__ */ t("p", { className: "text-sm text-[var(--text-secondary)]", children: [
              /* @__PURE__ */ t("span", { className: "font-medium", children: [
                a("useCases.persona"),
                ":"
              ] }),
              " ",
              a(`useCases.${r}.persona`)
            ] }),
            /* @__PURE__ */ t("p", { className: "text-sm text-[var(--text-secondary)]", children: [
              /* @__PURE__ */ t("span", { className: "font-medium", children: [
                a("useCases.situation"),
                ":"
              ] }),
              " ",
              a(`useCases.${r}.situation`)
            ] }),
            /* @__PURE__ */ t("p", { className: "text-sm text-[var(--text-secondary)]", children: [
              /* @__PURE__ */ t("span", { className: "font-medium", children: [
                a("useCases.outcome"),
                ":"
              ] }),
              " ",
              a(`useCases.${r}.outcome`)
            ] })
          ]
        },
        r
      )) })
    ] }),
    /* @__PURE__ */ t("section", { className: "space-y-4", children: [
      /* @__PURE__ */ t("h2", { className: "text-2xl font-bold text-[var(--text-primary)] flex items-center gap-2", children: [
        /* @__PURE__ */ e("span", { className: "w-8 h-8 flex items-center justify-center rounded-full bg-[var(--bg-secondary)] text-sm font-medium text-[var(--text-secondary)]", children: "6" }),
        a("sections.faq")
      ] }),
      /* @__PURE__ */ e("div", { className: "space-y-3", children: [1, 2, 3, 4, 5].map((r) => /* @__PURE__ */ t(
        "div",
        {
          className: "p-4 bg-[var(--bg-primary)] border border-[var(--border-color)] rounded-[var(--radius-card)] space-y-2",
          children: [
            /* @__PURE__ */ t("p", { className: "text-sm font-medium text-[var(--text-primary)] flex items-start gap-2", children: [
              /* @__PURE__ */ e(S, { className: "w-4 h-4 mt-0.5 flex-shrink-0 text-[var(--color-accent-500)]" }),
              a(`faq.${r}.question`)
            ] }),
            /* @__PURE__ */ e("p", { className: "text-sm text-[var(--text-secondary)] ml-6", children: a(`faq.${r}.answer`) })
          ]
        },
        r
      )) })
    ] }),
    /* @__PURE__ */ t("section", { className: "space-y-4", children: [
      /* @__PURE__ */ t("h2", { className: "text-2xl font-bold text-[var(--text-primary)] flex items-center gap-2", children: [
        /* @__PURE__ */ e("span", { className: "w-8 h-8 flex items-center justify-center rounded-full bg-[var(--bg-secondary)] text-sm font-medium text-[var(--text-secondary)]", children: "7" }),
        a("sections.techRef")
      ] }),
      /* @__PURE__ */ e(A, { children: /* @__PURE__ */ t("div", { className: "space-y-4", children: [
        /* @__PURE__ */ t("div", { children: [
          /* @__PURE__ */ e("h4", { className: "font-medium text-[var(--text-primary)] mb-2", children: a("techRef.rulesTitle") }),
          /* @__PURE__ */ e("ul", { className: "space-y-1 text-sm text-[var(--text-secondary)]", children: [
            "br001",
            "br002",
            "br003",
            "br004",
            "br005",
            "br006",
            "br007",
            "br008"
          ].map((r) => /* @__PURE__ */ t("li", { className: "flex items-start gap-2", children: [
            /* @__PURE__ */ e(L, { className: "w-4 h-4 mt-0.5 flex-shrink-0 text-[var(--color-accent-500)]" }),
            a(`techRef.rules.${r}`)
          ] }, r)) })
        ] }),
        /* @__PURE__ */ t("div", { children: [
          /* @__PURE__ */ e("h4", { className: "font-medium text-[var(--text-primary)] mb-2", children: a("techRef.endpointsTitle") }),
          /* @__PURE__ */ e("div", { className: "space-y-2 text-xs", children: [
            ["GET", "/administration/users/groups/{id}"],
            ["PUT", "/administration/users/groups/{id}"],
            ["DELETE", "/administration/users/groups/{id}"],
            ["POST", "/administration/users/groups/{id}/activate"],
            ["POST", "/administration/users/groups/{id}/deactivate"],
            ["POST", "/administration/users/groups/{id}/link-entra"],
            ["DELETE", "/administration/users/groups/{id}/link-entra"],
            ["GET", "/administration/users/groups/{id}/members"],
            ["POST", "/administration/users/groups/{id}/members"],
            ["DELETE", "/administration/users/groups/{id}/members/{userId}"],
            ["GET", "/administration/users/groups/{id}/roles"],
            ["POST", "/administration/users/groups/{id}/roles"],
            ["DELETE", "/administration/users/groups/{id}/roles/{roleId}"],
            ["PATCH", "/administration/users/groups/{id}/roles/{roleId}/inheritable"],
            ["GET", "/administration/users/groups/{id}/children"],
            ["PUT", "/administration/users/groups/{id}/parent"],
            ["GET", "/administration/users/groups/{id}/tenants"],
            ["POST", "/administration/users/groups/{id}/tenants"],
            ["DELETE", "/administration/users/groups/{id}/tenants/{tenantId}"],
            ["GET", "/administration/users/groups/{id}/custom-role"],
            ["POST", "/administration/users/groups/{id}/custom-role"],
            ["DELETE", "/administration/users/groups/{id}/custom-role"],
            ["GET", "/administration/users/groups/{id}/application-access"]
          ].map(([r, i]) => /* @__PURE__ */ t("div", { className: "p-2 bg-[var(--bg-secondary)] rounded font-mono", children: [
            /* @__PURE__ */ e(
              "span",
              {
                className: `font-bold ${r === "GET" ? "text-[var(--dataviz-cat-1)]" : r === "POST" ? "text-[var(--dataviz-cat-2)]" : r === "PUT" ? "text-[var(--dataviz-cat-3)]" : r === "DELETE" ? "text-[var(--error-text)]" : r === "PATCH" ? "text-[var(--dataviz-cat-5)]" : ""}`,
                children: r
              }
            ),
            /* @__PURE__ */ e("span", { className: "text-[var(--text-secondary)] break-all", children: " " + i })
          ] }, i)) })
        ] }),
        /* @__PURE__ */ t("div", { children: [
          /* @__PURE__ */ e("h4", { className: "font-medium text-[var(--text-primary)] mb-2", children: a("techRef.permissionsTitle") }),
          /* @__PURE__ */ e("div", { className: "space-y-1 text-sm text-[var(--text-secondary)]", children: [
            ["read", "techRef.perms.read"],
            ["create", "techRef.perms.create"],
            ["update", "techRef.perms.update"],
            ["delete", "techRef.perms.delete"],
            ["assign", "techRef.perms.assign"]
          ].map(([r, i]) => /* @__PURE__ */ t("p", { children: [
            /* @__PURE__ */ t("span", { className: "font-mono", children: [
              "administration.users.groups.",
              r
            ] }),
            " — ",
            a(i)
          ] }, r)) })
        ] })
      ] }) })
    ] })
  ] });
}
export {
  $ as default
};
//# sourceMappingURL=index-oRvt04Fl.js.map
