Expense UI Overview

Summary

The UI is split across a native ESS route and a compatibility-oriented HR Operations route. It is Partial because API-only functions have no equivalent screen.

Confirmed UI-to-API flow

Surface comparison

Concern	ESS	HR Operations
List	Own-scope request through ESS gateway	Compatibility workspace; administrators see Pending rows
Create	Simple inline form	Modal presentation in employee-only compatibility mode
Approve/reject	Not shown	Pending approval actions
Details	Not implemented	Not implemented
Mark Paid	Not implemented	Not implemented
Receipts	Disabled input	Disabled input
Timeline	Not implemented	Not implemented

Both screens depend on the shared portal shell and API client behavior. Loading is explicit on ESS. HR Operations displays load, save, and action errors and refreshes after successful actions.

Screenshot placeholder: capture the ESS Expenses page and HR Operations pending approval table using synthetic data only.

Requires confirmation

Which surface is strategic, compatibility retirement, loading consistency, and UI ownership for native-only functions require confirmation.

Source References

• UI/salary-ui/apps/client-hrms-portal/src/App.tsx
• UI/salary-ui/apps/client-hrms-portal/src/ess/EssPages.tsx
• UI/salary-ui/apps/client-hrms-portal/src/pages/hr/HrOperationsPage.tsx
• microservices/src/gateway-api/EssEndpoints.cs
• microservices/src/expense-service/Api/ExpenseCompatEndpoints.cs

Related Articles

• Expense UI documentation
• Expense business documentation
• Expense API documentation

See Also

• Expense technical documentation
• Expense module

Keywords

• Expense UI
• UI Overview

Revision Information

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