import { jsxs as r, jsx as s } from "react/jsx-runtime";
import { Link as a } from "react-router-dom";
import { useTranslation as R } from "react-i18next";
import { Users as o, Building2 as m, Key as l, Building as h, UserCircle as T, Server as A, LayoutTemplate as C, AppWindow as x, ShieldCheck as b, Brain as f, Workflow as B, Link2 as O, Settings as v, Palette as c, LayoutDashboard as y, HeadphonesIcon as n, Clock as P, FileText as g, TrendingUp as U, User as N, Plug as k, BookOpen as w, Layers as q, ChevronRight as u, ArrowRight as p } from "lucide-react";
function G() {
  const { t: e } = R("docs"), d = [
    {
      name: e("user.applications.administration.name"),
      code: "administration",
      icon: o,
      description: e("user.applications.administration.description"),
      color: "bg-[var(--color-primary-600)]/10 border-[var(--color-primary-600)]/20 text-[var(--color-primary-600)]",
      modules: [
        { name: e("user.modules.users.name"), icon: o, href: "/docs/business/administration/users", description: e("user.modules.users.description") },
        { name: e("user.modules.usersReferences.name"), icon: m, href: "/docs/business/administration/users/references", description: e("user.modules.usersReferences.description") },
        { name: e("user.modules.usersGroups.name"), icon: o, href: "/docs/business/administration/users/groups", description: e("user.modules.usersGroups.description") },
        { name: e("user.modules.permissions.name"), icon: l, href: "/docs/business/administration/permissions", description: e("user.modules.permissions.description") },
        { name: e("user.modules.tenants.name"), icon: m, href: "/docs/business/administration/tenants", description: e("user.modules.tenants.description") },
        { name: e("user.modules.tenantsBusiness.name"), icon: h, href: "/docs/business/administration/tenants/business", description: e("user.modules.tenantsBusiness.description") },
        { name: e("user.modules.tenantsPersonal.name"), icon: T, href: "/docs/business/administration/tenants/personal", description: e("user.modules.tenantsPersonal.description") },
        { name: e("user.modules.tenantsOther.name"), icon: A, href: "/docs/business/administration/tenants/other", description: e("user.modules.tenantsOther.description") },
        { name: e("user.modules.tenantsTemplates.name"), icon: C, href: "/docs/business/administration/tenants/template", description: e("user.modules.tenantsTemplates.description") },
        { name: e("user.modules.tenantsApplications.name"), icon: x, href: "/docs/business/administration/tenants/applications", description: e("user.modules.tenantsApplications.description") },
        { name: e("user.modules.tenantsAccessRequests.name"), icon: b, href: "/docs/business/administration/tenants/access-requests", description: e("user.modules.tenantsAccessRequests.description") },
        { name: e("user.modules.tenantsOrganisations.name"), icon: h, href: "/docs/business/administration/tenants/organisations", description: e("user.modules.tenantsOrganisations.description") },
        { name: e("user.modules.ai.name"), icon: f, href: "/docs/business/administration/ai", description: e("user.modules.ai.description") },
        { name: e("user.modules.workflows.name"), icon: B, href: "/docs/business/administration/workflows", description: e("user.modules.workflows.description") },
        { name: e("user.modules.entra.name"), icon: O, href: "/docs/business/administration/entra", description: e("user.modules.entra.description") },
        { name: e("user.modules.applications.name"), icon: x, href: "/docs/business/administration/applications", description: e("user.modules.applications.description") },
        { name: e("user.modules.configuration.name"), icon: v, href: "/docs/business/administration/configuration", description: e("user.modules.configuration.description") },
        { name: e("user.modules.uiconfiguration.name"), icon: c, href: "/docs/business/administration/uiconfiguration", description: e("user.modules.uiconfiguration.description") },
        { name: e("user.modules.themes.name"), icon: c, href: "/docs/business/administration/themes", description: e("user.modules.themes.description") },
        { name: e("user.modules.presets.name"), icon: c, href: "/docs/business/administration/presets", description: e("user.modules.presets.description") },
        { name: e("user.modules.license.name"), icon: b, href: "/docs/business/administration/configuration/license", description: e("user.modules.license.description") }
      ]
    },
    {
      name: e("user.applications.support.name"),
      code: "support",
      icon: n,
      description: e("user.applications.support.description"),
      color: "bg-[var(--info-bg)] border-[var(--info-border)] text-[var(--info-text)]",
      modules: [
        { name: e("user.modules.dashboard.name"), icon: y, href: "/system/docs/user/support-dashboard", description: e("user.modules.dashboard.description") },
        { name: e("user.modules.tickets.name"), icon: n, href: "/docs/business/platform/support/tickets", description: e("user.modules.tickets.description") },
        { name: e("user.modules.myTickets.name"), icon: n, href: "/system/docs/user/support-my-tickets", description: e("user.modules.myTickets.description") },
        { name: e("user.modules.sla.name"), icon: P, href: "/system/docs/user/support-sla", description: e("user.modules.sla.description") },
        { name: e("user.modules.templates.name"), icon: g, href: "/system/docs/user/support-templates", description: e("user.modules.templates.description") },
        { name: e("user.modules.escalation.name"), icon: U, href: "/system/docs/user/support-escalation", description: e("user.modules.escalation.description") }
      ]
    },
    {
      name: e("user.applications.myspace.name"),
      code: "myspace",
      icon: N,
      description: e("user.applications.myspace.description"),
      color: "bg-[var(--success-bg)] border-[var(--success-border)] text-[var(--success-text)]",
      modules: [
        { name: e("user.modules.myspaceDashboard.name"), icon: y, href: "/docs/business/myspace/dashboard", description: e("user.modules.myspaceDashboard.description") },
        { name: e("user.modules.profile.name"), icon: N, href: "/docs/business/myspace/profile", description: e("user.modules.profile.description") },
        { name: e("user.modules.preferences.name"), icon: v, href: "/docs/business/myspace/preferences", description: e("user.modules.preferences.description") },
        { name: e("user.modules.myspaceTenants.name"), icon: m, href: "/docs/business/myspace/tenants", description: e("user.modules.myspaceTenants.description") },
        { name: e("user.modules.myspaceTenantsAccessRequests.name"), icon: l, href: "/docs/business/myspace/tenants/access-requests", description: e("user.modules.myspaceTenantsAccessRequests.description") }
      ]
    },
    {
      name: e("user.applications.supportClient.name"),
      code: "support-client",
      icon: n,
      description: e("user.applications.supportClient.description"),
      color: "bg-[var(--warning-bg)] border-[var(--warning-border)] text-[var(--warning-text)]",
      modules: [
        { name: e("user.modules.myRequests.name"), icon: n, href: "/docs/business/platform/support/tickets", description: e("user.modules.myRequests.description") },
        { name: e("user.modules.newRequest.name"), icon: g, href: "/support/my-tickets/create", description: e("user.modules.newRequest.description") }
      ]
    },
    {
      name: e("user.applications.api.name"),
      code: "api",
      icon: k,
      description: e("user.applications.api.description"),
      color: "bg-[var(--accent-bg)] border-[var(--color-accent-500)]/20 text-[var(--color-accent-600)]",
      modules: [
        { name: e("user.modules.externalApps.name"), icon: k, href: "/docs/business/api/accounts", description: e("user.modules.externalApps.description") },
        { name: e("user.modules.apiCatalog.name"), icon: w, href: "/docs/business/platform/api/apis/catalog", description: e("user.modules.apiCatalog.description") }
      ]
    }
  ], L = [
    { name: e("user.quickLinks.architecture.title"), icon: q, href: "/system/docs/user/architecture", description: e("user.quickLinks.architecture.description") },
    { name: e("user.quickLinks.modules.title"), icon: w, href: "/system/docs/user/modules", description: e("user.quickLinks.modules.description") },
    { name: e("user.quickLinks.support.title"), icon: n, href: "/system/docs/user/support", description: e("user.quickLinks.support.description") },
    { name: e("user.quickLinks.ai.title"), icon: f, href: "/system/docs/user/ai", description: e("user.quickLinks.ai.description") },
    { name: e("user.quickLinks.theme.title"), icon: c, href: "/system/docs/user/theme", description: e("user.quickLinks.theme.description") }
  ];
  return /* @__PURE__ */ r("div", { className: "space-y-8", children: [
    /* @__PURE__ */ r("div", { className: "flex items-center gap-2 text-sm text-[var(--text-secondary)]", children: [
      /* @__PURE__ */ s(a, { to: "/system/docs", className: "hover:text-[var(--color-primary-600)]", children: e("breadcrumb.documentation") }),
      /* @__PURE__ */ s("span", { children: "/" }),
      /* @__PURE__ */ s("span", { children: e("breadcrumb.user") })
    ] }),
    /* @__PURE__ */ r("div", { children: [
      /* @__PURE__ */ r("h1", { className: "text-3xl font-bold mb-4 flex items-center gap-3", children: [
        /* @__PURE__ */ s(o, { className: "w-8 h-8 text-[var(--color-primary-600)]" }),
        e("user.title")
      ] }),
      /* @__PURE__ */ s("p", { className: "text-lg text-[var(--text-secondary)]", children: e("user.subtitle") })
    ] }),
    /* @__PURE__ */ r("div", { className: "grid grid-cols-3 gap-4", children: [
      /* @__PURE__ */ r("div", { className: "card p-4 text-center", children: [
        /* @__PURE__ */ s("div", { className: "text-2xl font-bold text-[var(--color-primary-600)]", children: d.length }),
        /* @__PURE__ */ s("div", { className: "text-sm text-[var(--text-secondary)]", children: e("user.stats.applications") })
      ] }),
      /* @__PURE__ */ r("div", { className: "card p-4 text-center", children: [
        /* @__PURE__ */ s("div", { className: "text-2xl font-bold text-[var(--color-primary-600)]", children: d.reduce((i, t) => i + t.modules.length, 0) }),
        /* @__PURE__ */ s("div", { className: "text-sm text-[var(--text-secondary)]", children: e("user.stats.modules") })
      ] }),
      /* @__PURE__ */ r("div", { className: "card p-4 text-center", children: [
        /* @__PURE__ */ s("div", { className: "text-2xl font-bold text-[var(--color-primary-600)]", children: "4" }),
        /* @__PURE__ */ s("div", { className: "text-sm text-[var(--text-secondary)]", children: e("user.stats.levels") })
      ] })
    ] }),
    /* @__PURE__ */ r("div", { className: "card p-6 bg-gradient-to-r from-[var(--color-primary-600)]/10 to-transparent", children: [
      /* @__PURE__ */ r("h2", { className: "text-lg font-semibold mb-4 flex items-center gap-2", children: [
        /* @__PURE__ */ s(q, { className: "w-5 h-5 text-[var(--color-primary-600)]" }),
        e("user.hierarchy.title")
      ] }),
      /* @__PURE__ */ r("div", { className: "flex items-center gap-2 text-sm flex-wrap", children: [
        /* @__PURE__ */ s("span", { className: "px-3 py-1.5 rounded-lg bg-[var(--info-bg)] text-[var(--info-text)] font-medium", children: e("user.hierarchy.application") }),
        /* @__PURE__ */ s(u, { className: "w-4 h-4 text-[var(--text-tertiary)]" }),
        /* @__PURE__ */ s("span", { className: "px-3 py-1.5 rounded-lg bg-[var(--success-bg)] text-[var(--success-text)] font-medium", children: e("user.hierarchy.module") }),
        /* @__PURE__ */ s(u, { className: "w-4 h-4 text-[var(--text-tertiary)]" }),
        /* @__PURE__ */ s("span", { className: "px-3 py-1.5 rounded-lg bg-[var(--warning-bg)] text-[var(--warning-text)] font-medium", children: e("user.hierarchy.section") }),
        /* @__PURE__ */ s(u, { className: "w-4 h-4 text-[var(--text-tertiary)]" }),
        /* @__PURE__ */ s("span", { className: "px-3 py-1.5 rounded-lg bg-[var(--bg-secondary)] text-[var(--text-secondary)] font-medium", children: e("user.hierarchy.resource") })
      ] }),
      /* @__PURE__ */ s("p", { className: "text-sm text-[var(--text-secondary)] mt-3", children: e("user.hierarchy.description") })
    ] }),
    /* @__PURE__ */ s("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: L.map((i) => /* @__PURE__ */ r(
      a,
      {
        to: i.href,
        className: "card p-4 hover:shadow-lg transition-all group flex items-center gap-3",
        children: [
          /* @__PURE__ */ s("div", { className: "p-2 rounded-lg bg-[var(--color-primary-600)]/10", children: /* @__PURE__ */ s(i.icon, { className: "w-5 h-5 text-[var(--color-primary-600)]" }) }),
          /* @__PURE__ */ r("div", { className: "flex-1", children: [
            /* @__PURE__ */ s("div", { className: "font-medium group-hover:text-[var(--color-primary-600)] transition-colors", children: i.name }),
            /* @__PURE__ */ s("div", { className: "text-sm text-[var(--text-secondary)]", children: i.description })
          ] }),
          /* @__PURE__ */ s(p, { className: "w-4 h-4 text-[var(--text-tertiary)] group-hover:text-[var(--color-primary-600)] transition-colors" })
        ]
      },
      i.href
    )) }),
    /* @__PURE__ */ r("div", { className: "space-y-6", children: [
      /* @__PURE__ */ s("h2", { className: "text-xl font-semibold", children: e("user.navigation.title") }),
      d.map((i) => /* @__PURE__ */ r("div", { className: `card overflow-hidden border rounded-lg ${i.color}`, children: [
        /* @__PURE__ */ r("div", { className: "p-3 border-b border-current/10 flex items-center gap-3", children: [
          /* @__PURE__ */ s(i.icon, { className: "w-5 h-5" }),
          /* @__PURE__ */ r("div", { children: [
            /* @__PURE__ */ s("h4", { className: "font-semibold", children: i.name }),
            /* @__PURE__ */ s("p", { className: "text-xs opacity-80", children: i.description })
          ] })
        ] }),
        /* @__PURE__ */ s("div", { className: "p-3 grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-2", children: i.modules.map((t) => /* @__PURE__ */ r(
          a,
          {
            to: t.href,
            className: "p-2 rounded-lg bg-[var(--bg-primary)] hover:bg-[var(--bg-secondary)] transition-colors text-center group",
            children: [
              /* @__PURE__ */ s(t.icon, { className: "w-5 h-5 mx-auto mb-1 text-[var(--text-secondary)] group-hover:text-[var(--color-primary-600)]" }),
              /* @__PURE__ */ s("div", { className: "text-xs font-medium text-[var(--text-primary)] group-hover:text-[var(--color-primary-600)]", children: t.name }),
              /* @__PURE__ */ s("div", { className: "text-[10px] text-[var(--text-tertiary)] truncate", children: t.description })
            ]
          },
          t.href
        )) })
      ] }, i.code))
    ] }),
    /* @__PURE__ */ r("div", { className: "card p-6", children: [
      /* @__PURE__ */ r("h2", { className: "text-lg font-semibold mb-4 flex items-center gap-2", children: [
        /* @__PURE__ */ s(l, { className: "w-5 h-5 text-[var(--color-primary-600)]" }),
        e("user.permissions.title")
      ] }),
      /* @__PURE__ */ s("div", { className: "overflow-x-auto", children: /* @__PURE__ */ r("table", { className: "w-full text-sm", children: [
        /* @__PURE__ */ s("thead", { children: /* @__PURE__ */ r("tr", { className: "bg-[var(--bg-secondary)]", children: [
          /* @__PURE__ */ s("th", { className: "text-left py-2 px-3 rounded-tl-lg", children: e("user.permissions.routeHeader") }),
          /* @__PURE__ */ s("th", { className: "text-left py-2 px-3 rounded-tr-lg", children: e("user.permissions.permissionHeader") })
        ] }) }),
        /* @__PURE__ */ r("tbody", { children: [
          /* @__PURE__ */ r("tr", { className: "border-b border-[var(--border-color)]", children: [
            /* @__PURE__ */ s("td", { className: "py-2 px-3 font-mono text-xs", children: "/administration/users" }),
            /* @__PURE__ */ s("td", { className: "py-2 px-3", children: /* @__PURE__ */ s("code", { className: "px-2 py-0.5 bg-[var(--bg-secondary)] rounded text-xs", children: "administration.users.*" }) })
          ] }),
          /* @__PURE__ */ r("tr", { className: "border-b border-[var(--border-color)]", children: [
            /* @__PURE__ */ s("td", { className: "py-2 px-3 font-mono text-xs", children: "/support/tickets" }),
            /* @__PURE__ */ s("td", { className: "py-2 px-3", children: /* @__PURE__ */ s("code", { className: "px-2 py-0.5 bg-[var(--bg-secondary)] rounded text-xs", children: "support.tickets.*" }) })
          ] }),
          /* @__PURE__ */ r("tr", { className: "border-b border-[var(--border-color)]", children: [
            /* @__PURE__ */ s("td", { className: "py-2 px-3 font-mono text-xs", children: "/support/admin/sla" }),
            /* @__PURE__ */ s("td", { className: "py-2 px-3", children: /* @__PURE__ */ s("code", { className: "px-2 py-0.5 bg-[var(--bg-secondary)] rounded text-xs", children: "support.sla.*" }) })
          ] }),
          /* @__PURE__ */ r("tr", { children: [
            /* @__PURE__ */ s("td", { className: "py-2 px-3 font-mono text-xs", children: "/myspace/profile" }),
            /* @__PURE__ */ s("td", { className: "py-2 px-3", children: /* @__PURE__ */ s("code", { className: "px-2 py-0.5 bg-[var(--bg-secondary)] rounded text-xs", children: "myspace.profile.*" }) })
          ] })
        ] })
      ] }) }),
      /* @__PURE__ */ s("p", { className: "text-sm text-[var(--text-secondary)] mt-3", children: e("user.permissions.description") })
    ] }),
    /* @__PURE__ */ r("div", { className: "flex justify-between pt-6 border-t border-[var(--border-color)]", children: [
      /* @__PURE__ */ r(
        a,
        {
          to: "/system/docs",
          className: "flex items-center gap-2 text-[var(--text-secondary)] hover:text-[var(--color-primary-600)]",
          children: [
            /* @__PURE__ */ s(p, { className: "w-4 h-4 rotate-180" }),
            e("user.nav.documentation")
          ]
        }
      ),
      /* @__PURE__ */ r(
        a,
        {
          to: "/system/docs/user/architecture",
          className: "flex items-center gap-2 text-[var(--color-primary-600)] hover:underline",
          children: [
            e("user.nav.detailedArchitecture"),
            /* @__PURE__ */ s(p, { className: "w-4 h-4" })
          ]
        }
      )
    ] })
  ] });
}
export {
  G as UserIndexPage
};
//# sourceMappingURL=UserIndexPage-CXvhbe8C.js.map
