import { jsxs as r, jsx as s } from "react/jsx-runtime";
import { Link as o } from "react-router-dom";
import { useTranslation as k } from "react-i18next";
import { Users as a, Building2 as m, Key as u, Building as p, UserCircle as w, Server as q, LayoutTemplate as L, AppWindow as h, ShieldCheck as x, Brain as y, Workflow as R, Link2 as T, Settings as f, LayoutDashboard as A, HeadphonesIcon as n, Clock as B, FileText as b, TrendingUp as C, User as g, Layers as v, BookOpen as O, Palette as U, ChevronRight as d, ArrowRight as l } from "lucide-react";
function G() {
  const { t: e } = k("docs"), c = [
    {
      name: e("user.applications.administration.name"),
      code: "administration",
      icon: a,
      description: e("user.applications.administration.description"),
      color: "bg-purple-500/10 border-purple-500/20 text-purple-600",
      modules: [
        { name: e("user.modules.users.name"), icon: a, 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: a, href: "/docs/business/administration/users/groups", description: e("user.modules.usersGroups.description") },
        { name: e("user.modules.permissions.name"), icon: u, 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: p, href: "/docs/business/administration/tenants/business", description: e("user.modules.tenantsBusiness.description") },
        { name: e("user.modules.tenantsPersonal.name"), icon: w, href: "/docs/business/administration/tenants/personal", description: e("user.modules.tenantsPersonal.description") },
        { name: e("user.modules.tenantsOther.name"), icon: q, href: "/docs/business/administration/tenants/other", description: e("user.modules.tenantsOther.description") },
        { name: e("user.modules.tenantsTemplates.name"), icon: L, href: "/docs/business/administration/tenants/template", description: e("user.modules.tenantsTemplates.description") },
        { name: e("user.modules.tenantsApplications.name"), icon: h, href: "/docs/business/administration/tenants/applications", description: e("user.modules.tenantsApplications.description") },
        { name: e("user.modules.tenantsAccessRequests.name"), icon: x, href: "/docs/business/administration/tenants/access-requests", description: e("user.modules.tenantsAccessRequests.description") },
        { name: e("user.modules.tenantsOrganisations.name"), icon: p, href: "/docs/business/administration/tenants/organisations", description: e("user.modules.tenantsOrganisations.description") },
        { name: e("user.modules.ai.name"), icon: y, href: "/docs/business/administration/ai", description: e("user.modules.ai.description") },
        { name: e("user.modules.workflows.name"), icon: R, href: "/docs/business/administration/workflows", description: e("user.modules.workflows.description") },
        { name: e("user.modules.entra.name"), icon: T, href: "/docs/business/administration/entra", description: e("user.modules.entra.description") },
        { name: e("user.modules.applications.name"), icon: h, href: "/docs/business/administration/applications", description: e("user.modules.applications.description") },
        { name: e("user.modules.configuration.name"), icon: f, href: "/docs/business/administration/configuration", description: e("user.modules.configuration.description") },
        { name: e("user.modules.license.name"), icon: x, 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-blue-500/10 border-blue-500/20 text-blue-600",
      modules: [
        { name: e("user.modules.dashboard.name"), icon: A, 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: B, href: "/system/docs/user/support-sla", description: e("user.modules.sla.description") },
        { name: e("user.modules.templates.name"), icon: b, href: "/system/docs/user/support-templates", description: e("user.modules.templates.description") },
        { name: e("user.modules.escalation.name"), icon: C, href: "/system/docs/user/support-escalation", description: e("user.modules.escalation.description") }
      ]
    },
    {
      name: e("user.applications.myspace.name"),
      code: "myspace",
      icon: g,
      description: e("user.applications.myspace.description"),
      color: "bg-green-500/10 border-green-500/20 text-green-600",
      modules: [
        { name: e("user.modules.profile.name"), icon: g, href: "/myspace/profile", description: e("user.modules.profile.description") },
        { name: e("user.modules.preferences.name"), icon: f, href: "/myspace/preferences", description: e("user.modules.preferences.description") }
      ]
    },
    {
      name: e("user.applications.supportClient.name"),
      code: "support-client",
      icon: n,
      description: e("user.applications.supportClient.description"),
      color: "bg-orange-500/10 border-orange-500/20 text-orange-600",
      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: b, href: "/support/my-tickets/create", description: e("user.modules.newRequest.description") }
      ]
    }
  ], N = [
    { name: e("user.quickLinks.architecture.title"), icon: v, href: "/system/docs/user/architecture", description: e("user.quickLinks.architecture.description") },
    { name: e("user.quickLinks.modules.title"), icon: O, 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: y, href: "/system/docs/user/ai", description: e("user.quickLinks.ai.description") },
    { name: e("user.quickLinks.theme.title"), icon: U, 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(o, { 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(a, { 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: c.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: c.reduce((t, i) => t + i.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(v, { 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-blue-500/10 text-blue-600 font-medium", children: e("user.hierarchy.application") }),
        /* @__PURE__ */ s(d, { className: "w-4 h-4 text-[var(--text-tertiary)]" }),
        /* @__PURE__ */ s("span", { className: "px-3 py-1.5 rounded-lg bg-green-500/10 text-green-600 font-medium", children: e("user.hierarchy.module") }),
        /* @__PURE__ */ s(d, { className: "w-4 h-4 text-[var(--text-tertiary)]" }),
        /* @__PURE__ */ s("span", { className: "px-3 py-1.5 rounded-lg bg-orange-500/10 text-orange-600 font-medium", children: e("user.hierarchy.section") }),
        /* @__PURE__ */ s(d, { className: "w-4 h-4 text-[var(--text-tertiary)]" }),
        /* @__PURE__ */ s("span", { className: "px-3 py-1.5 rounded-lg bg-gray-500/10 text-gray-600 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: N.map((t) => /* @__PURE__ */ r(
      o,
      {
        to: t.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(t.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: t.name }),
            /* @__PURE__ */ s("div", { className: "text-sm text-[var(--text-secondary)]", children: t.description })
          ] }),
          /* @__PURE__ */ s(l, { className: "w-4 h-4 text-[var(--text-tertiary)] group-hover:text-[var(--color-primary-600)] transition-colors" })
        ]
      },
      t.href
    )) }),
    /* @__PURE__ */ r("div", { className: "space-y-6", children: [
      /* @__PURE__ */ s("h2", { className: "text-xl font-semibold", children: e("user.navigation.title") }),
      c.map((t) => /* @__PURE__ */ r("div", { className: `card overflow-hidden border rounded-lg ${t.color}`, children: [
        /* @__PURE__ */ r("div", { className: "p-3 border-b border-current/10 flex items-center gap-3", children: [
          /* @__PURE__ */ s(t.icon, { className: "w-5 h-5" }),
          /* @__PURE__ */ r("div", { children: [
            /* @__PURE__ */ s("h4", { className: "font-semibold", children: t.name }),
            /* @__PURE__ */ s("p", { className: "text-xs opacity-80", children: t.description })
          ] })
        ] }),
        /* @__PURE__ */ s("div", { className: "p-3 grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-2", children: t.modules.map((i) => /* @__PURE__ */ r(
          o,
          {
            to: i.href,
            className: "p-2 rounded-lg bg-[var(--bg-primary)] hover:bg-[var(--bg-secondary)] transition-colors text-center group",
            children: [
              /* @__PURE__ */ s(i.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: i.name }),
              /* @__PURE__ */ s("div", { className: "text-[10px] text-[var(--text-tertiary)] truncate", children: i.description })
            ]
          },
          i.href
        )) })
      ] }, t.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(u, { 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(
        o,
        {
          to: "/system/docs",
          className: "flex items-center gap-2 text-[var(--text-secondary)] hover:text-[var(--color-primary-600)]",
          children: [
            /* @__PURE__ */ s(l, { className: "w-4 h-4 rotate-180" }),
            e("user.nav.documentation")
          ]
        }
      ),
      /* @__PURE__ */ r(
        o,
        {
          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(l, { className: "w-4 h-4" })
          ]
        }
      )
    ] })
  ] });
}
export {
  G as UserIndexPage
};
//# sourceMappingURL=UserIndexPage-DSDfRWFx.js.map
