Payroll UI Navigation and Access

Summary

This page records confirmed payroll ui navigation and access behavior and marks incomplete boundaries explicitly.

Audience

Payroll users, developers, QA and support engineers, architects, and implementation reviewers.

Navigation model

The client portal registers Payroll routes centrally and exposes them through role-, audience-, module-, and feature-aware navigation. ProtectedRoute independently checks authentication, tenant association, module access, and at least one configured route feature.

Confirmed routes

Route	Surface	Confirmed UI feature alternatives
/dashboard/payroll	Payroll dashboard	Payroll/HR administration role and Payroll-related feature behavior
/salary/calculate	Calculation, review, details, freeze, unfreeze	salary-calculate, salary; unfreeze adds a page-level check
/salary/advance	Advance/recovery transactions	salary-advance, salary
/salary/slips	Administrative payslips	Payroll.ViewSelf, salary-slips, salary
/salary/components	Salary components	settings-salary-components, settings
/salary/statutory-settings	Statutory settings	settings-salary-components, settings, statutory-payroll
/reports/payroll	Payroll reports	reports-payroll, reports
/payroll	Employee Payroll	Payroll.ViewSelf or legacy salary features

Compliance reporting is also present in portal routing with reports-compliance or reports. Route visibility and direct-route protection use source-defined feature strings; feature alternatives are OR conditions, not a permission hierarchy.

Permission boundary

UI visibility is not evidence of API authorization. Gateway and service authorization remain separately documented and Requires confirmation where no enforcement is visible.

Known limitations

Feature strings mix legacy and namespaced forms. Route rules accept any configured feature in a list, while some screen-level checks add role/feature behavior.

Source References

• UI/salary-ui/apps/client-hrms-portal/src/App.tsx
• UI/salary-ui/apps/client-hrms-portal/src/components/AppLayout.tsx
• UI/salary-ui/apps/client-hrms-portal/src/utils/ProtectedRoute.tsx

Related Articles

• Payroll ui documentation
• Payroll technical documentation

See Also

• Payroll API documentation
• Payroll module

Keywords

• Payroll ui
• Payroll UI Navigation and Access

Revision Information

• Status: Draft
• Last reviewed: 2026-07-15
• Review cycle: Quarterly