initial commit

Features/Setting/AutoNumberSequence/AutoNumberSequenceEndpoint.cs

@@ -0,0 +1,45 @@
+using Indotalent.ConfigBackEnd.Extensions;
+using Indotalent.Features.Setting.AutoNumberSequence.Cqrs;
+using MediatR;
+
+namespace Indotalent.Features.Setting.AutoNumberSequence;
+
+public static class AutoNumberSequenceEndpoint
+{
+    public static void MapAutoNumberSequenceEndpoints(this IEndpointRouteBuilder app)
+    {
+        var group = app.MapGroup("/auto-number-sequences").WithTags("Auto Number Sequences");
+
+        group.MapGet("/", async (IMediator mediator) =>
+        {
+            var result = await mediator.Send(new GetAutoNumberSequenceListQuery());
+            return result.ToApiResponse("Data auto number sequences retrieved successfully");
+        })
+        .WithName("GetAutoNumberSequenceList")
+        .WithTags("Auto Number Sequences");
+
+        group.MapGet("/{id}", async (string id, IMediator mediator) =>
+        {
+            var result = await mediator.Send(new GetAutoNumberSequenceByIdQuery(id));
+            return result.ToApiResponse(result is not null
+                ? "Sequence detail retrieved successfully"
+                : $"Sequence with ID {id} not found");
+        })
+        .WithName("GetAutoNumberSequenceById")
+        .WithTags("Auto Number Sequences");
+
+        group.MapPost("/update", async (UpdateAutoNumberSequenceRequest request, IMediator mediator) =>
+        {
+            var result = await mediator.Send(new UpdateAutoNumberSequenceCommand(request));
+
+            if (!result.Success)
+            {
+                return ((object?)null).ToApiResponse("Update failed. The sequence data could not be found.");
+            }
+
+            return result.ToApiResponse("Sequence has been updated successfully");
+        })
+        .WithName("UpdateAutoNumberSequence")
+        .WithTags("Auto Number Sequences");
+    }
+}

Features/Setting/AutoNumberSequence/AutoNumberSequenceService.cs

@@ -0,0 +1,39 @@
+using Indotalent.ConfigBackEnd.Interfaces;
+using Indotalent.ConfigFrontEnd.Common;
+using Indotalent.Features.Setting.AutoNumberSequence.Cqrs;
+using Indotalent.Infrastructure.Authentication.Identity;
+using Indotalent.Shared.Models;
+using Microsoft.AspNetCore.Components;
+using MudBlazor;
+using RestSharp;
+
+namespace Indotalent.Features.Setting.AutoNumberSequence;
+
+public class AutoNumberSequenceService : BaseService
+{
+    private readonly RestClient _client;
+
+    public AutoNumberSequenceService(
+            IHttpClientFactory clientFactory,
+            NavigationManager nav,
+            ISnackbar snackbar,
+            ICurrentUserService currentUserService,
+            TokenProvider tokenProvider)
+            : base(clientFactory, nav, snackbar, currentUserService, tokenProvider)
+    {
+        _client = new RestClient(nav.BaseUri);
+    }
+
+    public async Task<ApiResponse<List<GetAutoNumberSequenceListResponse>>?> GetAutoNumberSequenceListAsync()
+    {
+        var request = new RestRequest("api/auto-number-sequences", Method.Get);
+        return await ExecuteWithResponseAsync<List<GetAutoNumberSequenceListResponse>>(_client, request);
+    }
+
+    public async Task<ApiResponse<UpdateAutoNumberSequenceResponse>?> UpdateAutoNumberSequenceAsync(UpdateAutoNumberSequenceRequest data)
+    {
+        var request = new RestRequest("api/auto-number-sequences/update", Method.Post);
+        request.AddJsonBody(data);
+        return await ExecuteWithResponseAsync<UpdateAutoNumberSequenceResponse>(_client, request);
+    }
+}

Features/Setting/AutoNumberSequence/Components/AutoNumberSequencePage.razor

@@ -0,0 +1,43 @@
+@page "/setting/auto-number-sequence"
+@using Indotalent.Features.Setting.AutoNumberSequence.Cqrs
+@using MudBlazor
+
+@if (_isShowingForm)
+{
+    <_AutoNumberSequenceForm ExistingData="_selectedData"
+                             ReadOnly="_isReadOnly"
+                             OnCancel="BackToTable"
+                             OnSuccess="HandleSuccess" />
+}
+else
+{
+    <_AutoNumberSequenceDataTable OnEdit="(item) => ShowForm(item, false)"
+                                  OnView="(item) => ShowForm(item, true)" />
+}
+
+@code {
+    private bool _isShowingForm = false;
+    private bool _isReadOnly = false;
+    private GetAutoNumberSequenceListResponse? _selectedData;
+
+    private void ShowForm(GetAutoNumberSequenceListResponse data, bool readOnly)
+    {
+        _selectedData = data;
+        _isReadOnly = readOnly;
+        _isShowingForm = true;
+    }
+
+    private void BackToTable()
+    {
+        _isShowingForm = false;
+        _selectedData = null;
+        _isReadOnly = false;
+    }
+
+    private void HandleSuccess()
+    {
+        _isShowingForm = false;
+        _selectedData = null;
+        _isReadOnly = false;
+    }
+}

Features/Setting/AutoNumberSequence/Components/_AutoNumberSequenceDataTable.razor

@@ -0,0 +1,357 @@
+@using Indotalent.Features.Setting.AutoNumberSequence.Cqrs
+@using Indotalent.Shared.Models
+@using Microsoft.AspNetCore.Components.Web
+@using Microsoft.JSInterop
+@using MudBlazor
+@using ClosedXML.Excel
+@using System.IO
+@inject AutoNumberSequenceService AutoNumberSequenceService
+@inject ISnackbar Snackbar
+@inject IJSRuntime JSRuntime
+
+<MudPaper Elevation="0" Square="true" Class="pa-6 mb-3 d-flex align-center justify-space-between" Style="border: 1px solid #E5E7EB; border-radius: 12px;">
+    <div>
+        <MudText Typo="Typo.h5" Style="font-weight: 700; color: #111827;">Auto Number Sequences</MudText>
+        <MudText Typo="Typo.body2" Style="color: #9CA3AF;">Manage numbering rules, prefixes, and sequence counters for various entities.</MudText>
+    </div>
+    <div class="d-flex align-center gap-2">
+        <MudIcon Icon="@Icons.Material.Filled.Home" Size="Size.Small" Color="Color.Default" />
+        <MudText Typo="Typo.caption" Style="color: #9CA3AF;">/</MudText>
+        <MudText Typo="Typo.caption" Style="color: #9CA3AF;">Settings</MudText>
+        <MudText Typo="Typo.caption" Style="color: #9CA3AF;">/</MudText>
+        <MudText Typo="Typo.caption" Style="font-weight: 600; color: #111827;">Auto Number</MudText>
+    </div>
+</MudPaper>
+
+<MudPaper Elevation="0" Outlined="true" Style="border-radius: 12px; overflow: hidden; background-color: #ffffff; border: 1px solid #E5E7EB;">
+
+    <div style="padding: 20px 24px; border-bottom: 1px solid #E5E7EB; display: flex; justify-content: space-between; align-items: center; background-color: #ffffff; min-height: 80px;">
+        
+        <div style="display: flex; align-items: center; gap: 8px;">
+            <MudTextField @bind-Value="_searchString" 
+                          Placeholder="Search..." 
+                          Adornment="Adornment.Start" 
+                          AdornmentIcon="@Icons.Material.Filled.Search" 
+                          IconSize="Size.Small" 
+                          Class="mt-0"
+                          Variant="Variant.Outlined"
+                          Margin="Margin.Dense"
+                          Style="background-color: white; width: 280px; border-radius: 8px;"
+                          OnKeyDown="@HandleSearchKeyDown" />
+            
+            <MudButton Variant="Variant.Filled" 
+                       Color="Color.Primary" 
+                       OnClick="OnSearchClick" 
+                       Size="Size.Small" 
+                       Style="text-transform: none; font-weight: 500; border-radius: 6px; height: 34px; box-shadow: none; background: #3B82F6; color: white;">
+                Search
+            </MudButton>
+        </div>
+
+        <div style="display: flex; gap: 8px; align-items: center;">
+            <MudButton Variant="Variant.Outlined" 
+                       Color="Color.Success" 
+                       OnClick="ExportToExcel" 
+                       Size="Size.Small" 
+                       Disabled="_isExporting"
+                       StartIcon="@(_isExporting ? null : Icons.Custom.FileFormats.FileExcel)" 
+                       Style="border: 1px solid #D1D5DB; background: white; font-weight: 500; border-radius: 6px; text-transform: none; height: 34px; color: #6B7280;">
+                @if (_isExporting)
+                {
+                    <MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
+                    <MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
+                }
+                else
+                {
+                    <MudText Typo="Typo.button" Style="text-transform: none !important;">Excel</MudText>
+                }
+            </MudButton>
+
+            <MudButton Variant="Variant.Outlined" 
+                       Color="Color.Primary" 
+                       OnClick="LoadData" 
+                       Size="Size.Small" 
+                       StartIcon="@(_isRefreshing ? null : Icons.Material.Filled.Refresh)" 
+                       Disabled="_isRefreshing" 
+                       Style="border: 1px solid #D1D5DB; background: white; font-weight: 500; border-radius: 6px; text-transform: none; height: 34px; color: #6B7280;">
+                @if (_isRefreshing)
+                {
+                    <MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
+                    <MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Refreshing...</MudText>
+                }
+                else
+                {
+                    <MudText Typo="Typo.button" Style="text-transform: none !important;">Refresh</MudText>
+                }
+            </MudButton>
+
+            @if (_selectedItem != null)
+            {
+                <MudButton Variant="Variant.Outlined" Color="Color.Info" StartIcon="@Icons.Material.Filled.Visibility" OnClick="InvokeView" Size="Size.Small" Style="border: 1px solid #D1D5DB; text-transform: none; font-weight: 500; border-radius: 6px; background-color: white; color: #6B7280; height: 34px;">View</MudButton>
+                <MudButton Variant="Variant.Outlined" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Edit" OnClick="InvokeEdit" Size="Size.Small" Style="border: 1px solid #D1D5DB; text-transform: none; font-weight: 500; border-radius: 6px; background-color: white; color: #6B7280; height: 34px;">Edit</MudButton>
+                <MudIconButton Icon="@Icons.Material.Filled.Close" Size="Size.Small" OnClick="() => _selectedItem = null" />
+            }
+        </div>
+    </div>
+
+    <MudTable Items="@GetPagedData()" Hover="true" Elevation="0" CustomHeader="true" Dense="true" Striped="true" Class="mud-table-styled" T="GetAutoNumberSequenceListResponse" OnRowClick="@((args) => _selectedItem = args.Item)" Loading="@_isRefreshing">
+        <HeaderContent>
+            <MudTh Style="width: 50px; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB;"></MudTh>
+            <MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; white-space: nowrap;">
+                <MudTableSortLabel SortBy="new Func<GetAutoNumberSequenceListResponse, object>(x => x.EntityName!)">Entity Name</MudTableSortLabel>
+            </MudTh>
+            <MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; white-space: nowrap;">
+                <MudTableSortLabel SortBy="new Func<GetAutoNumberSequenceListResponse, object>(x => x.PrefixTemplate!)">Prefix</MudTableSortLabel>
+            </MudTh>
+            <MudTh Style="font-weight: 900; color: #1a1a1a; text-transform: uppercase; font-size: 0.75rem; background-color: #ffffff; border-bottom: 1px solid #E5E7EB; text-align: center;">Year</MudTh>
+            <MudTh Style="font-weight: 900; color: #1a1a1a; text-transform: uppercase; font-size: 0.75rem; background-color: #ffffff; border-bottom: 1px solid #E5E7EB; text-align: center;">Month</MudTh>
+            <MudTh Style="font-weight: 900; color: #1a1a1a; text-transform: uppercase; font-size: 0.75rem; background-color: #ffffff; border-bottom: 1px solid #E5E7EB; text-align: center;">Current Seq</MudTh>
+            <MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; white-space: nowrap;">Suffix</MudTh>
+            <MudTh Style="font-weight: 900; color: #1a1a1a; text-transform: uppercase; font-size: 0.75rem; background-color: #ffffff; border-bottom: 1px solid #E5E7EB; text-align: center;">Padding</MudTh>
+        </HeaderContent>
+        <RowTemplate>
+            <MudTd>
+                <MudCheckBox T="bool" Value="@(_selectedItem?.Id == context.Id)" Color="Color.Primary" Dense="true" Size="Size.Small" ReadOnly="true" />
+            </MudTd>
+            <MudTd>
+                <MudText Typo="Typo.body2" Style="font-weight: 700; color: #1a1a1a;">@context.EntityName</MudText>
+            </MudTd>
+            <MudTd>
+                <MudChip T="string" Variant="Variant.Text" Color="Color.Info" Size="Size.Small" Style="font-weight: 700; border-radius: 4px;">
+                    @(string.IsNullOrEmpty(context.PrefixTemplate) ? "-" : context.PrefixTemplate)
+                </MudChip>
+            </MudTd>
+            <MudTd Style="text-align: center;">@context.Year</MudTd>
+            <MudTd Style="text-align: center;">@(context.Month?.ToString("D2") ?? "-")</MudTd>
+            <MudTd Style="text-align: center;">
+                <MudChip T="string" Variant="Variant.Filled" Color="Color.Default" Size="Size.Small"
+                         Style="font-weight: 800; background-color: #f1f5f9; color: #1e293b; border-radius: 4px;">
+                    @context.CurrentSequence
+                </MudChip>
+            </MudTd>
+            <MudTd>
+                <MudChip T="string" Variant="Variant.Text" Color="Color.Secondary" Size="Size.Small" Style="font-weight: 700; border-radius: 4px;">
+                    @(string.IsNullOrEmpty(context.SuffixTemplate) ? "-" : context.SuffixTemplate)
+                </MudChip>
+            </MudTd>
+            <MudTd Style="text-align: center;">@context.PaddingLength</MudTd>
+        </RowTemplate>
+    </MudTable>
+
+    <div style="display: flex; justify-content: space-between; align-items: center; padding: 12px 24px; background-color: #F9FAFB; border-top: 1px solid #E5E7EB;">
+        <div style="display: flex; align-items: center; gap: 12px;">
+            <MudText Typo="Typo.caption" Style="font-weight: 500; color: #9CA3AF; font-size: 0.75rem;">Rows per page:</MudText>
+            
+            <MudSelect T="int" 
+                       Value="@_top" 
+                       ValueChanged="OnPageSizeChanged" 
+                       Dense="true" 
+                       Margin="Margin.Dense" 
+                       Style="width: 80px; background-color: white; font-size: 12px; font-weight: 600;" 
+                       Variant="Variant.Outlined"
+                       Class="mt-0 custom-select-dense">
+                <MudSelectItem Value="5" />
+                <MudSelectItem Value="10" />
+                <MudSelectItem Value="50" />
+                <MudSelectItem Value="500" />
+                <MudSelectItem Value="1000" />
+            </MudSelect>
+
+            <MudText Typo="Typo.caption" Style="color: #9CA3AF; font-size: 0.75rem; font-weight: 500; margin-left: 12px;">
+                Showing @(GetFilteredData().Count() == 0 ? 0 : _skip + 1)-@Math.Min(_skip + _top, GetFilteredData().Count()) of @GetFilteredData().Count()
+            </MudText>
+        </div>
+
+        <div style="display: flex; gap: 8px; align-items: center;">
+            <MudIconButton Icon="@Icons.Material.Filled.FirstPage" Size="Size.Small" OnClick="@(() => OnPageChanged(1))" Disabled="@(_currentPage == 1)" Style="@(_currentPage == 1 ? "color: #D1D5DB; background: transparent;" : "color: #6B7280; background: white; border: 1px solid #D1D5DB; border-radius: 6px;")" />
+            <MudButton OnClick="@(() => OnPageChanged(_currentPage - 1))" Disabled="@(_currentPage == 1)" Variant="Variant.Text" StartIcon="@Icons.Material.Filled.ChevronLeft" Size="Size.Small" Style="@(_currentPage == 1 ? "text-transform: none; font-weight: 500; color: #D1D5DB;" : "text-transform: none; font-weight: 500; color: #6B7280; border: 1px solid #D1D5DB; border-radius: 6px; background: white; padding: 4px 8px;")">Prev</MudButton>
+            @{
+    var totalPages = _totalPage == 0 ? 1 : _totalPage;
+    var maxVisible = 5;
+    var startPage = Math.Max(1, _currentPage - maxVisible / 2);
+    var endPage = Math.Min(totalPages, startPage + maxVisible - 1);
+    if (endPage - startPage < maxVisible - 1) { startPage = Math.Max(1, endPage - maxVisible + 1); }
+}
+@for (int i = startPage; i <= endPage; i++)
+{
+    var pageNum = i;
+    var isActive = pageNum == _currentPage;
+    <MudButton OnClick="@(() => OnPageChanged(pageNum))"
+               Variant="Variant.Text" Size="Size.Small"
+               Style="@(isActive ? "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 600; background: #3B82F6; color: white; border: 1px solid #3B82F6; border-radius: 6px; text-transform: none;" : "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 500; color: #374151; background: white; border: 1px solid #D1D5DB; border-radius: 6px; text-transform: none;")">@pageNum</MudButton>
+}
+            <MudButton OnClick="@(() => OnPageChanged(_currentPage + 1))" Disabled="@(_currentPage == _totalPage || _totalPage == 0)" Variant="Variant.Text" EndIcon="@Icons.Material.Filled.ChevronRight" Size="Size.Small" Style="@(_currentPage == _totalPage || _totalPage == 0 ? "text-transform: none; font-weight: 500; color: #D1D5DB;" : "text-transform: none; font-weight: 500; color: #6B7280; border: 1px solid #D1D5DB; border-radius: 6px; background: white; padding: 4px 8px;")">Next</MudButton>
+            <MudIconButton Icon="@Icons.Material.Filled.LastPage" Size="Size.Small" OnClick="@(() => OnPageChanged(_totalPage))" Disabled="@(_currentPage == _totalPage || _totalPage == 0)" Style="@(_currentPage == _totalPage || _totalPage == 0 ? "color: #D1D5DB; background: transparent;" : "color: #6B7280; background: white; border: 1px solid #D1D5DB; border-radius: 6px;")" />
+        </div>
+    </div>
+</MudPaper>
+
+<script>
+    function downloadFile(fileName, contentType, base64String) {
+        const link = document.createElement('a');
+        link.download = fileName;
+        link.href = `data:${contentType};base64,${base64String}`;
+        document.body.appendChild(link);
+        link.click();
+        document.body.removeChild(link);
+    }
+</script>
+
+<style>
+    .mud-input-outlined-border { border-radius: 4px !important; }
+    .custom-select-dense .mud-input-control { margin-top: 0 !important; }
+    .custom-select-dense .mud-input-slot { padding-top: 4px !important; padding-bottom: 4px !important; padding-left: 8px !important; font-size: 12px !important; }
+
+    .mud-table-styled .mud-table-row:hover { background-color: #F9FAFB !important; }
+</style>
+
+
+@code {
+    [Parameter] public EventCallback<GetAutoNumberSequenceListResponse> OnEdit { get; set; }
+    [Parameter] public EventCallback<GetAutoNumberSequenceListResponse> OnView { get; set; }
+
+    private List<GetAutoNumberSequenceListResponse> _items = new();
+    private GetAutoNumberSequenceListResponse? _selectedItem;
+    private string _searchString = "";
+    private bool _isRefreshing = false;
+    private bool _isExporting = false;
+
+    private int _skip = 0;
+    private int _top = 5;
+    private int _totalPage => GetFilteredData().Count() == 0 ? 0 : (int)Math.Ceiling((double)GetFilteredData().Count() / (_top == 0 ? 1 : _top));
+    private int _currentPage => (_top >= GetFilteredData().Count() || _top == 0) ? 1 : (_skip / _top) + 1;
+
+    protected override async Task OnInitializedAsync() => await LoadData();
+
+    private async Task LoadData()
+    {
+        _isRefreshing = true;
+        _selectedItem = null;
+        StateHasChanged();
+        try
+        {
+            var response = await AutoNumberSequenceService.GetAutoNumberSequenceListAsync();
+            await Task.Delay(500);
+            if (response != null && response.IsSuccess)
+            {
+                _items = response.Value ?? new List<GetAutoNumberSequenceListResponse>();
+            }
+        }
+        finally
+        {
+            _isRefreshing = false;
+            StateHasChanged();
+        }
+    }
+
+    private IEnumerable<GetAutoNumberSequenceListResponse> GetFilteredData()
+    {
+        if (string.IsNullOrWhiteSpace(_searchString)) return _items;
+        return _items.Where(x => 
+            (x.EntityName?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false) ||
+            (x.PrefixTemplate?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false) ||
+            (x.SuffixTemplate?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false)
+        );
+    }
+
+    private IEnumerable<GetAutoNumberSequenceListResponse> GetPagedData() => GetFilteredData().Skip(_skip).Take(_top);
+
+    private void OnSearchClick()
+    {
+        _skip = 0;
+        _selectedItem = null;
+        StateHasChanged();
+    }
+
+    private void HandleSearchKeyDown(KeyboardEventArgs e)
+    {
+        if (e.Key == "Enter") OnSearchClick();
+    }
+
+    private async Task ExportToExcel()
+    {
+        _isExporting = true;
+        StateHasChanged();
+        try
+        {
+            await Task.Delay(1000);
+            using (var workbook = new XLWorkbook())
+            {
+                var worksheet = workbook.Worksheets.Add("AutoNumberSequences");
+                var currentRow = 1;
+
+                worksheet.Cell(currentRow, 1).Value = "Entity Name";
+                worksheet.Cell(currentRow, 2).Value = "Prefix";
+                worksheet.Cell(currentRow, 3).Value = "Year";
+                worksheet.Cell(currentRow, 4).Value = "Month";
+                worksheet.Cell(currentRow, 5).Value = "Current Seq";
+                worksheet.Cell(currentRow, 6).Value = "Suffix";
+                worksheet.Cell(currentRow, 7).Value = "Padding";
+
+                var headerRange = worksheet.Range(1, 1, 1, 7);
+                headerRange.Style.Font.Bold = true;
+                headerRange.Style.Fill.BackgroundColor = XLColor.FromHtml("#0D47A1");
+                headerRange.Style.Font.FontColor = XLColor.White;
+
+                foreach (var item in GetFilteredData())
+                {
+                    currentRow++;
+                    worksheet.Cell(currentRow, 1).Value = item.EntityName;
+                    worksheet.Cell(currentRow, 2).Value = item.PrefixTemplate;
+                    worksheet.Cell(currentRow, 3).Value = item.Year;
+                    worksheet.Cell(currentRow, 4).Value = item.Month;
+                    worksheet.Cell(currentRow, 5).Value = item.CurrentSequence;
+                    worksheet.Cell(currentRow, 6).Value = item.SuffixTemplate;
+                    worksheet.Cell(currentRow, 7).Value = item.PaddingLength;
+                }
+
+                worksheet.Columns().AdjustToContents();
+
+                using (var stream = new MemoryStream())
+                {
+                    workbook.SaveAs(stream);
+                    var content = Convert.ToBase64String(stream.ToArray());
+                    await JSRuntime.InvokeVoidAsync("downloadFile", "Auto_Number_Sequences.xlsx", "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", content);
+                    Snackbar.Add("Excel exported successfully", Severity.Success);
+                }
+            }
+        }
+        catch (Exception ex)
+        {
+            Snackbar.Add($"Export failed: {ex.Message}", Severity.Error);
+        }
+        finally
+        {
+            _isExporting = false;
+            StateHasChanged();
+        }
+    }
+
+    private void OnPageChanged(int page)
+    {
+        if (page >= 1 && page <= _totalPage)
+        {
+            _skip = (page - 1) * _top;
+            _selectedItem = null;
+            StateHasChanged();
+        }
+    }
+
+    private void OnPageSizeChanged(int size)
+    {
+        _top = size;
+        _skip = 0;
+        _selectedItem = null;
+        StateHasChanged();
+    }
+
+    private async Task InvokeEdit()
+    {
+        if (_selectedItem != null) await OnEdit.InvokeAsync(_selectedItem);
+    }
+
+    private async Task InvokeView()
+    {
+        if (_selectedItem != null) await OnView.InvokeAsync(_selectedItem);
+    }
+}

Features/Setting/AutoNumberSequence/Components/_AutoNumberSequenceForm.razor

@@ -0,0 +1,155 @@
+@using Indotalent.Features.Setting.AutoNumberSequence.Cqrs
+@using Indotalent.Shared.Utils
+@using MudBlazor
+@inject AutoNumberSequenceService AutoNumberSequenceService
+@inject ISnackbar Snackbar
+
+<MudPaper Elevation="0" Square="true" Class="pa-6 mb-3 d-flex align-center justify-space-between" Style="border: 1px solid #DCEBFA;">
+    <div class="d-flex align-center gap-4">
+        <MudIconButton Icon="@Icons.Material.Filled.ArrowBack" OnClick="() => OnCancel.InvokeAsync()" />
+        <div>
+            <MudText Typo="Typo.h5" Style="font-weight: 900; color: #1a1a1a;">@GetTitle()</MudText>
+            <MudText Typo="Typo.body2" Style="color: #64748b;">Adjust the numbering rules and template formats for system entities.</MudText>
+        </div>
+    </div>
+</MudPaper>
+
+<MudPaper Elevation="0" Outlined="true" Class="pa-8" Style="border-radius: 0px; border: 1px solid #DCEBFA;">
+    <MudForm @ref="_form" Model="_model">
+        <MudGrid Spacing="3">
+            <MudItem xs="12">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Entity Name</MudText>
+                <MudTextField @bind-Value="_model.EntityName"
+                              ReadOnly="true"
+                              Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true"
+                              HelperText="Entity name cannot be changed." />
+            </MudItem>
+
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Prefix Template</MudText>
+                <MudTextField @bind-Value="_model.PrefixTemplate"
+                              For="@(() => _model.PrefixTemplate)"
+                              Validation="@(_validator.ValidateValue())"
+                              ReadOnly="ReadOnly"
+                              Placeholder="e.g., INV-"
+                              Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
+            </MudItem>
+
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Suffix Template</MudText>
+                <MudTextField @bind-Value="_model.SuffixTemplate"
+                              For="@(() => _model.SuffixTemplate)"
+                              Validation="@(_validator.ValidateValue())"
+                              ReadOnly="ReadOnly"
+                              Placeholder="e.g., -EXT"
+                              Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
+            </MudItem>
+
+            @if (ReadOnly)
+            {
+                <MudItem xs="12" sm="4">
+                    <MudText Typo="Typo.subtitle2" Class="mb-1">Current Sequence</MudText>
+                    <MudTextField Value="@ExistingData?.CurrentSequence" ReadOnly="true" Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
+                </MudItem>
+                <MudItem xs="12" sm="4">
+                    <MudText Typo="Typo.subtitle2" Class="mb-1">Padding Length</MudText>
+                    <MudTextField Value="@ExistingData?.PaddingLength" ReadOnly="true" Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
+                </MudItem>
+                <MudItem xs="12" sm="4">
+                    <MudText Typo="Typo.subtitle2" Class="mb-1">Period</MudText>
+                    <MudTextField Value="@($"{ExistingData?.Year} / {ExistingData?.Month}")" ReadOnly="true" Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
+                </MudItem>
+            }
+        </MudGrid>
+
+        <div class="d-flex justify-end gap-2 mt-8">
+            <MudButton OnClick="() => OnCancel.InvokeAsync()"
+                       Variant="Variant.Outlined"
+                       Disabled="_processing"
+                       Style="border: 1px solid #e0e0e0; border-radius: 4px; text-transform: none; font-weight: 700;">
+                @(ReadOnly ? "Back to List" : "Cancel")
+            </MudButton>
+
+            @if (!ReadOnly)
+            {
+                <MudButton Color="Color.Primary"
+                           Variant="Variant.Filled"
+                           OnClick="Submit"
+                           Disabled="_processing"
+                           Style="border-radius: 4px; text-transform: none; font-weight: 700;">
+                    @if (_processing)
+                    {
+                        <MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
+                        <MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
+                    }
+                    else
+                    {
+                        <MudText>Save Changes</MudText>
+                    }
+                </MudButton>
+            }
+        </div>
+    </MudForm>
+</MudPaper>
+
+@code {
+    [Parameter] public GetAutoNumberSequenceListResponse? ExistingData { get; set; }
+    [Parameter] public bool ReadOnly { get; set; } = false;
+    [Parameter] public EventCallback OnCancel { get; set; }
+    [Parameter] public EventCallback OnSuccess { get; set; }
+
+    private MudForm _form = default!;
+    private UpdateAutoNumberSequenceValidator _validator = new();
+    private UpdateAutoNumberSequenceRequest _model = new();
+    private bool _processing = false;
+
+    protected override void OnInitialized()
+    {
+        if (ExistingData != null)
+        {
+            _model = new UpdateAutoNumberSequenceRequest
+            {
+                Id = ExistingData.Id,
+                EntityName = ExistingData.EntityName,
+                PrefixTemplate = ExistingData.PrefixTemplate,
+                SuffixTemplate = ExistingData.SuffixTemplate
+            };
+        }
+    }
+
+    private string GetTitle()
+    {
+        if (ReadOnly) return "Auto Number Details";
+        return "Edit Auto Number Template";
+    }
+
+    private async Task Submit()
+    {
+        if (ReadOnly) return;
+
+        await _form.Validate();
+        if (!_form.IsValid) return;
+
+        _processing = true;
+        try
+        {
+            var response = await AutoNumberSequenceService.UpdateAutoNumberSequenceAsync(_model);
+
+            await Task.Delay(500);
+
+            if (response?.IsSuccess ?? false)
+            {
+                Snackbar.Add("Template updated successfully", Severity.Success);
+                await OnSuccess.InvokeAsync();
+            }
+        }
+        catch (Exception ex)
+        {
+            Snackbar.Add($"System Error: {ex.Message}", Severity.Error);
+        }
+        finally
+        {
+            _processing = false;
+        }
+    }
+}

Features/Setting/AutoNumberSequence/Cqrs/GetAutoNumberSequenceByIdHandler.cs

@@ -0,0 +1,28 @@
+using Indotalent.Infrastructure.Database;
+using MediatR;
+using Microsoft.EntityFrameworkCore;
+
+namespace Indotalent.Features.Setting.AutoNumberSequence.Cqrs;
+
+public record GetAutoNumberSequenceByIdResponse(
+    string Id, string EntityName, int? Year, int? Month,
+    long CurrentSequence, string PrefixTemplate, string SuffixTemplate, int PaddingLength);
+
+public record GetAutoNumberSequenceByIdQuery(string Id) : IRequest<GetAutoNumberSequenceByIdResponse?>;
+
+public class GetAutoNumberSequenceByIdHandler : IRequestHandler<GetAutoNumberSequenceByIdQuery, GetAutoNumberSequenceByIdResponse?>
+{
+    private readonly AppDbContext _context;
+    public GetAutoNumberSequenceByIdHandler(AppDbContext context) => _context = context;
+
+    public async Task<GetAutoNumberSequenceByIdResponse?> Handle(GetAutoNumberSequenceByIdQuery request, CancellationToken cancellationToken)
+    {
+        return await _context.Set<Data.Entities.AutoNumberSequence>()
+            .AsNoTracking()
+            .Where(x => x.Id == request.Id)
+            .Select(x => new GetAutoNumberSequenceByIdResponse(
+                x.Id, x.EntityName ?? "", x.Year, x.Month,
+                x.CurrentSequence ?? 0, x.PrefixTemplate ?? "", x.SuffixTemplate ?? "", x.PaddingLength ?? 0))
+            .FirstOrDefaultAsync(cancellationToken);
+    }
+}

Features/Setting/AutoNumberSequence/Cqrs/GetAutoNumberSequenceListHandler.cs

@@ -0,0 +1,45 @@
+using Indotalent.Infrastructure.Database;
+using MediatR;
+using Microsoft.EntityFrameworkCore;
+
+namespace Indotalent.Features.Setting.AutoNumberSequence.Cqrs;
+
+public class GetAutoNumberSequenceListResponse
+{
+    public string? Id { get; set; }
+    public string? EntityName { get; set; }
+    public int? Year { get; set; }
+    public int? Month { get; set; }
+    public long? CurrentSequence { get; set; }
+    public string? PrefixTemplate { get; set; }
+    public string? SuffixTemplate { get; set; }
+    public int? PaddingLength { get; set; }
+}
+
+public record GetAutoNumberSequenceListQuery() : IRequest<List<GetAutoNumberSequenceListResponse>>;
+
+public class GetAutoNumberSequenceListHandler : IRequestHandler<GetAutoNumberSequenceListQuery, List<GetAutoNumberSequenceListResponse>>
+{
+    private readonly AppDbContext _context;
+
+    public GetAutoNumberSequenceListHandler(AppDbContext context) => _context = context;
+
+    public async Task<List<GetAutoNumberSequenceListResponse>> Handle(GetAutoNumberSequenceListQuery request, CancellationToken cancellationToken)
+    {
+        return await _context.Set<Data.Entities.AutoNumberSequence>()
+            .AsNoTracking()
+            .OrderBy(x => x.EntityName)
+            .Select(x => new GetAutoNumberSequenceListResponse
+            {
+                Id = x.Id,
+                EntityName = x.EntityName,
+                Year = x.Year,
+                Month = x.Month,
+                CurrentSequence = x.CurrentSequence,
+                PrefixTemplate = x.PrefixTemplate,
+                SuffixTemplate = x.SuffixTemplate,
+                PaddingLength = x.PaddingLength
+            })
+            .ToListAsync(cancellationToken);
+    }
+}

Features/Setting/AutoNumberSequence/Cqrs/UpdateAutoNumberSequenceHandler.cs

@@ -0,0 +1,41 @@
+using Indotalent.Infrastructure.Database;
+using MediatR;
+using Microsoft.EntityFrameworkCore;
+
+namespace Indotalent.Features.Setting.AutoNumberSequence.Cqrs;
+
+public class UpdateAutoNumberSequenceRequest
+{
+    public string? Id { get; set; }
+    public string? EntityName { get; set; }
+    public string? PrefixTemplate { get; set; }
+    public string? SuffixTemplate { get; set; }
+}
+
+public class UpdateAutoNumberSequenceResponse
+{
+    public string? Id { get; set; }
+    public bool Success { get; set; }
+}
+
+public record UpdateAutoNumberSequenceCommand(UpdateAutoNumberSequenceRequest Data) : IRequest<UpdateAutoNumberSequenceResponse>;
+
+public class UpdateAutoNumberSequenceHandler : IRequestHandler<UpdateAutoNumberSequenceCommand, UpdateAutoNumberSequenceResponse>
+{
+    private readonly AppDbContext _context;
+    public UpdateAutoNumberSequenceHandler(AppDbContext context) => _context = context;
+
+    public async Task<UpdateAutoNumberSequenceResponse> Handle(UpdateAutoNumberSequenceCommand request, CancellationToken cancellationToken)
+    {
+        var entity = await _context.Set<Data.Entities.AutoNumberSequence>()
+            .FirstOrDefaultAsync(x => x.Id == request.Data.Id, cancellationToken);
+
+        if (entity == null) return new UpdateAutoNumberSequenceResponse { Id = request.Data.Id, Success = false };
+
+        entity.PrefixTemplate = request.Data.PrefixTemplate;
+        entity.SuffixTemplate = request.Data.SuffixTemplate;
+
+        await _context.SaveChangesAsync(cancellationToken);
+        return new UpdateAutoNumberSequenceResponse { Id = entity.Id, Success = true };
+    }
+}

Features/Setting/AutoNumberSequence/Cqrs/UpdateAutoNumberSequenceValidator.cs

@@ -0,0 +1,14 @@
+using FluentValidation;
+using Indotalent.Shared.Consts;
+
+namespace Indotalent.Features.Setting.AutoNumberSequence.Cqrs;
+
+public class UpdateAutoNumberSequenceValidator : AbstractValidator<UpdateAutoNumberSequenceRequest>
+{
+    public UpdateAutoNumberSequenceValidator()
+    {
+        RuleFor(x => x.Id).NotEmpty().WithMessage("ID is required");
+        RuleFor(x => x.PrefixTemplate).MaximumLength(GlobalConsts.StringLengthShort);
+        RuleFor(x => x.SuffixTemplate).MaximumLength(GlobalConsts.StringLengthShort);
+    }
+}

Features/Setting/Company/CompanyEndpoint.cs

@@ -0,0 +1,46 @@
+using Indotalent.ConfigBackEnd.Extensions;
+using Indotalent.Features.Setting.Company.Cqrs;
+using MediatR;
+using Microsoft.AspNetCore.Authentication.JwtBearer;
+
+namespace Indotalent.Features.Setting.Company;
+
+public static class CompanyEndpoint
+{
+    public static void MapCompanyEndpoints(this IEndpointRouteBuilder app)
+    {
+        var group = app.MapGroup("/company").WithTags("Companies")
+            .RequireAuthorization(policy => policy.AddAuthenticationSchemes(JwtBearerDefaults.AuthenticationScheme)
+            .RequireAuthenticatedUser());
+
+        group.MapGet("/", async (IMediator mediator) =>
+        {
+            var result = await mediator.Send(new GetCompanyListQuery());
+            return result.ToApiResponse("Company list retrieved successfully");
+        });
+
+        group.MapGet("/{id}", async (string id, IMediator mediator) =>
+        {
+            var result = await mediator.Send(new GetCompanyByIdQuery(id));
+            return result.ToApiResponse(result is not null ? "Company retrieved" : "Not found");
+        });
+
+        group.MapPost("/", async (CreateCompanyRequest request, IMediator mediator) =>
+        {
+            var result = await mediator.Send(new CreateCompanyCommand(request));
+            return result.ToApiResponse("Company created successfully", StatusCodes.Status201Created);
+        });
+
+        group.MapPost("/update", async (UpdateCompanyRequest request, IMediator mediator) =>
+        {
+            var result = await mediator.Send(new UpdateCompanyCommand(request));
+            return result.Success ? result.ToApiResponse("Company updated") : result.ToApiResponse("Failed");
+        });
+
+        group.MapPost("/delete/{id}", async (string id, IMediator mediator) =>
+        {
+            var result = await mediator.Send(new DeleteCompanyByIdCommand(new DeleteCompanyByIdRequest(id)));
+            return result.ToApiResponse("Company deleted");
+        });
+    }
+}

Features/Setting/Company/CompanyService.cs

@@ -0,0 +1,54 @@
+using Indotalent.ConfigBackEnd.Interfaces;
+using Indotalent.ConfigFrontEnd.Common;
+using Indotalent.Features.Setting.Company.Cqrs;
+using Indotalent.Infrastructure.Authentication.Identity;
+using Indotalent.Shared.Models;
+using Microsoft.AspNetCore.Components;
+using MudBlazor;
+using RestSharp;
+
+namespace Indotalent.Features.Setting.Company;
+
+public class CompanyService : BaseService
+{
+    private readonly RestClient _client;
+
+    public CompanyService(IHttpClientFactory cf, NavigationManager nav, ISnackbar snack, ICurrentUserService cus, TokenProvider tp)
+        : base(cf, nav, snack, cus, tp)
+    {
+        _client = new RestClient(nav.BaseUri);
+    }
+
+    public async Task<ApiResponse<List<GetCompanyListResponse>>?> GetCompanyListAsync()
+    {
+        var request = new RestRequest("api/company", Method.Get);
+        return await ExecuteWithResponseAsync<List<GetCompanyListResponse>>(_client, request);
+    }
+
+    public async Task<ApiResponse<GetCompanyByIdResponse>?> GetCompanyByIdAsync(string id)
+    {
+        var request = new RestRequest($"api/company/{id}", Method.Get);
+        return await ExecuteWithResponseAsync<GetCompanyByIdResponse>(_client, request);
+    }
+
+    public async Task<ApiResponse<CreateCompanyResponse>?> CreateCompanyAsync(CreateCompanyRequest data)
+    {
+        var request = new RestRequest("api/company", Method.Post);
+        request.AddJsonBody(data);
+        return await ExecuteWithResponseAsync<CreateCompanyResponse>(_client, request);
+    }
+
+    public async Task<ApiResponse<UpdateCompanyResponse>?> UpdateCompanyAsync(UpdateCompanyRequest data)
+    {
+        var request = new RestRequest("api/company/update", Method.Post);
+        request.AddJsonBody(data);
+        return await ExecuteWithResponseAsync<UpdateCompanyResponse>(_client, request);
+    }
+
+    public async Task<bool> DeleteCompanyByIdAsync(string id)
+    {
+        var request = new RestRequest($"api/company/delete/{id}", Method.Post);
+        var response = await ExecuteWithResponseAsync<object>(_client, request);
+        return response?.IsSuccess ?? false;
+    }
+}

Features/Setting/Company/Components/CompanyPage.razor

@@ -0,0 +1,52 @@
+@page "/setting/company"
+@using Indotalent.Features.Setting.Company
+@using Indotalent.Features.Setting.Company.Cqrs
+@using MudBlazor
+
+@if (_currentView == ViewMode.Create)
+{
+    <_CompanyCreateForm OnCancel="BackToTable"
+                        OnSuccess="HandleSuccess" />
+}
+else if (_currentView == ViewMode.Update || _currentView == ViewMode.View)
+{
+    <_CompanyUpdateForm Data="_selectedData!"
+                        ReadOnly="@(_currentView == ViewMode.View)"
+                        OnCancel="BackToTable"
+                        OnSuccess="HandleSuccess" />
+}
+else
+{
+    <_CompanyDataTable OnAdd="() => ShowCreate()"
+                       OnEdit="(item) => ShowUpdate(item, false)"
+                       OnView="(item) => ShowUpdate(item, true)" />
+}
+
+@code {
+    private enum ViewMode { Table, Create, Update, View }
+    private ViewMode _currentView = ViewMode.Table;
+    private UpdateCompanyRequest? _selectedData;
+
+    private void ShowCreate()
+    {
+        _currentView = ViewMode.Create;
+    }
+
+    private void ShowUpdate(UpdateCompanyRequest data, bool isReadOnly)
+    {
+        _selectedData = data;
+        _currentView = isReadOnly ? ViewMode.View : ViewMode.Update;
+    }
+
+    private void BackToTable()
+    {
+        _currentView = ViewMode.Table;
+        _selectedData = null;
+    }
+
+    private void HandleSuccess()
+    {
+        _currentView = ViewMode.Table;
+        _selectedData = null;
+    }
+}

Features/Setting/Company/Components/_CompanyCreateForm.razor

@@ -0,0 +1,250 @@
+@using Indotalent.Features.Setting.Company
+@using Indotalent.Features.Setting.Company.Cqrs
+@using Indotalent.Features.Setting.Currency
+@using Indotalent.Features.Setting.Currency.Cqrs
+@using Indotalent.Shared.Utils
+@using MudBlazor
+@inject CompanyService CompanyService
+@inject CurrencyService CurrencyService
+@inject ISnackbar Snackbar
+
+<MudPaper Elevation="0" Square="true" Class="pa-6 mb-3 d-flex align-center justify-space-between" Style="border: 1px solid #DCEBFA;">
+    <div class="d-flex align-center gap-4">
+        <MudIconButton Icon="@Icons.Material.Filled.ArrowBack" OnClick="() => OnCancel.InvokeAsync()" />
+        <div>
+            <MudText Typo="Typo.h5" Style="font-weight: 900; color: #1a1a1a;">Add New Company</MudText>
+            <MudText Typo="Typo.body2" Style="color: #64748b;">Configure organization identity and legal details.</MudText>
+        </div>
+    </div>
+</MudPaper>
+
+<MudPaper Elevation="0" Outlined="true" Class="pa-8" Style="border-radius: 0px; border: 1px solid #DCEBFA;">
+    <MudForm @ref="_form" Model="_model">
+        <MudStack Spacing="8">
+            <MudGrid>
+                <MudItem xs="12" md="4">
+                    <MudText Typo="Typo.h6" Class="fw-bold">Company Profile</MudText>
+                    <MudText Typo="Typo.body2">Basic identity and branding of your organization.</MudText>
+                </MudItem>
+                <MudItem xs="12" md="8">
+                    <MudStack Spacing="4">
+                        <MudGrid Spacing="2">
+                            <MudItem xs="12" sm="8">
+                                <div class="d-flex flex-column justify-end h-100">
+                                    <MudText Typo="Typo.subtitle2" Class="mb-1">Company Name</MudText>
+                                    <MudTextField @bind-Value="_model.Name"
+                                                  For="@(() => _model.Name)"
+                                                  Validation="@(_validator.ValidateValue())"
+                                                  Variant="Variant.Outlined"
+                                                  FullWidth="true"
+                                                  Margin="Margin.Dense" />
+                                </div>
+                            </MudItem>
+                            <MudItem xs="12" sm="4">
+                                <div class="d-flex flex-column justify-end h-100">
+                                    <MudText Typo="Typo.subtitle2" Class="mb-1">Default Currency</MudText>
+                                    <MudSelect @bind-Value="_model.CurrencyId"
+                                               For="@(() => _model.CurrencyId)"
+                                               Validation="@(_validator.ValidateValue())"
+                                               Variant="Variant.Outlined"
+                                               FullWidth="true"
+                                               Margin="Margin.Dense"
+                                               Dense="true"
+                                               AnchorOrigin="Origin.BottomCenter"
+                                               TransformOrigin="Origin.TopCenter">
+                                        @foreach (var curr in _currencies)
+                                        {
+                                            <MudSelectItem Value="@curr.Id">
+                                                <div class="d-flex align-center gap-2">
+                                                    <MudText Typo="Typo.body2" Style="font-weight: 700;">@curr.Code</MudText>
+                                                    <MudText Typo="Typo.caption" Style="color: #64748b;">(@curr.Symbol)</MudText>
+                                                </div>
+                                            </MudSelectItem>
+                                        }
+                                    </MudSelect>
+                                </div>
+                            </MudItem>
+                        </MudGrid>
+                        <div>
+                            <MudText Typo="Typo.subtitle2" Class="mb-1">Company Description</MudText>
+                            <MudTextField @bind-Value="_model.Description" Variant="Variant.Outlined" Lines="3" FullWidth="true" Margin="Margin.Dense" />
+                        </div>
+                        <MudGrid Spacing="2">
+                            <MudItem xs="12">
+                                <MudText Typo="Typo.subtitle2" Class="mb-1">Set as Default Company</MudText>
+                                <MudSwitch @bind-Value="_model.IsDefault"
+                                           Color="Color.Primary"
+                                           Label="@(_model.IsDefault ? "This is the primary organization" : "Set this as the primary organization")" />
+                            </MudItem>
+                        </MudGrid>
+                        <MudGrid Spacing="2">
+                            <MudItem xs="12" sm="6">
+                                <MudText Typo="Typo.subtitle2" Class="mb-1">Tax ID (NPWP)</MudText>
+                                <MudTextField @bind-Value="_model.TaxIdentification" Variant="Variant.Outlined" FullWidth="true" Margin="Margin.Dense" />
+                            </MudItem>
+                            <MudItem xs="12" sm="6">
+                                <MudText Typo="Typo.subtitle2" Class="mb-1">Business License (NIB)</MudText>
+                                <MudTextField @bind-Value="_model.BusinessLicense" Variant="Variant.Outlined" FullWidth="true" Margin="Margin.Dense" />
+                            </MudItem>
+                        </MudGrid>
+                    </MudStack>
+                </MudItem>
+            </MudGrid>
+
+            <MudDivider />
+
+            <MudGrid>
+                <MudItem xs="12" md="4">
+                    <MudText Typo="Typo.h6" Class="fw-bold">Head Office Address</MudText>
+                    <MudText Typo="Typo.body2">Main office location and contact details.</MudText>
+                </MudItem>
+                <MudItem xs="12" md="8">
+                    <MudStack Spacing="4">
+                        <div>
+                            <MudText Typo="Typo.subtitle2" Class="mb-1">Street Address</MudText>
+                            <MudTextField @bind-Value="_model.StreetAddress" Variant="Variant.Outlined" FullWidth="true" Margin="Margin.Dense" />
+                        </div>
+                        <MudGrid Spacing="2">
+                            <MudItem xs="12" sm="4">
+                                <MudText Typo="Typo.subtitle2" Class="mb-1">City</MudText>
+                                <MudTextField @bind-Value="_model.City" Variant="Variant.Outlined" FullWidth="true" Margin="Margin.Dense" />
+                            </MudItem>
+                            <MudItem xs="12" sm="4">
+                                <MudText Typo="Typo.subtitle2" Class="mb-1">State/Province</MudText>
+                                <MudTextField @bind-Value="_model.StateProvince" Variant="Variant.Outlined" FullWidth="true" Margin="Margin.Dense" />
+                            </MudItem>
+                            <MudItem xs="12" sm="4">
+                                <MudText Typo="Typo.subtitle2" Class="mb-1">ZIP Code</MudText>
+                                <MudTextField @bind-Value="_model.ZipCode" Variant="Variant.Outlined" FullWidth="true" Margin="Margin.Dense" />
+                            </MudItem>
+                        </MudGrid>
+                        <MudGrid Spacing="2">
+                            <MudItem xs="12" sm="6">
+                                <MudText Typo="Typo.subtitle2" Class="mb-1">Phone</MudText>
+                                <MudTextField @bind-Value="_model.Phone" Variant="Variant.Outlined" FullWidth="true" Margin="Margin.Dense" Adornment="Adornment.Start" AdornmentIcon="@Icons.Material.Filled.Phone" />
+                            </MudItem>
+                            <MudItem xs="12" sm="6">
+                                <MudText Typo="Typo.subtitle2" Class="mb-1">Email</MudText>
+                                <MudTextField @bind-Value="_model.Email" For="@(() => _model.Email)" Validation="@(_validator.ValidateValue())" Variant="Variant.Outlined" FullWidth="true" Margin="Margin.Dense" Adornment="Adornment.Start" AdornmentIcon="@Icons.Material.Filled.Email" />
+                            </MudItem>
+                        </MudGrid>
+                    </MudStack>
+                </MudItem>
+            </MudGrid>
+
+            <MudDivider />
+
+            <MudGrid>
+                <MudItem xs="12" md="4">
+                    <MudText Typo="Typo.h6" Class="fw-bold">Social Media Presence</MudText>
+                    <MudText Typo="Typo.body2">External links for recruitment branding.</MudText>
+                </MudItem>
+                <MudItem xs="12" md="8">
+                    <MudStack Spacing="4">
+                        <div>
+                            <MudText Typo="Typo.subtitle2" Class="mb-1">LinkedIn</MudText>
+                            <MudTextField @bind-Value="_model.SocialMediaLinkedIn" Variant="Variant.Outlined" Margin="Margin.Dense" Adornment="Adornment.Start" AdornmentIcon="@Icons.Custom.Brands.LinkedIn" FullWidth="true" />
+                        </div>
+                        <div>
+                            <MudText Typo="Typo.subtitle2" Class="mb-1">X (Twitter)</MudText>
+                            <MudTextField @bind-Value="_model.SocialMediaX" Variant="Variant.Outlined" Margin="Margin.Dense" Adornment="Adornment.Start" AdornmentIcon="@Icons.Custom.Brands.Twitter" FullWidth="true" />
+                        </div>
+                        <div>
+                            <MudText Typo="Typo.subtitle2" Class="mb-1">Facebook</MudText>
+                            <MudTextField @bind-Value="_model.SocialMediaFacebook" Variant="Variant.Outlined" Margin="Margin.Dense" Adornment="Adornment.Start" AdornmentIcon="@Icons.Custom.Brands.Facebook" FullWidth="true" />
+                        </div>
+                        <div>
+                            <MudText Typo="Typo.subtitle2" Class="mb-1">Instagram</MudText>
+                            <MudTextField @bind-Value="_model.SocialMediaInstagram" Variant="Variant.Outlined" Margin="Margin.Dense" Adornment="Adornment.Start" AdornmentIcon="@Icons.Custom.Brands.Instagram" FullWidth="true" />
+                        </div>
+                        <div>
+                            <MudText Typo="Typo.subtitle2" Class="mb-1">TikTok</MudText>
+                            <MudTextField @bind-Value="_model.SocialMediaTikTok" Variant="Variant.Outlined" Margin="Margin.Dense" Adornment="Adornment.Start" AdornmentIcon="@Icons.Custom.Brands.TikTok" FullWidth="true" />
+                        </div>
+                    </MudStack>
+                </MudItem>
+            </MudGrid>
+
+            <MudDivider />
+
+            <MudGrid>
+                <MudItem xs="12" md="4">
+                    <MudText Typo="Typo.h6" Class="fw-bold">Other Information</MudText>
+                    <MudText Typo="Typo.body2">Additional company metadata.</MudText>
+                </MudItem>
+                <MudItem xs="12" md="8">
+                    <MudStack Spacing="4">
+                        <div>
+                            <MudText Typo="Typo.subtitle2" Class="mb-1">Other Information 1</MudText>
+                            <MudTextField @bind-Value="_model.OtherInformation1" Variant="Variant.Outlined" FullWidth="true" Margin="Margin.Dense" />
+                        </div>
+                        <div>
+                            <MudText Typo="Typo.subtitle2" Class="mb-1">Other Information 2</MudText>
+                            <MudTextField @bind-Value="_model.OtherInformation2" Variant="Variant.Outlined" FullWidth="true" Margin="Margin.Dense" />
+                        </div>
+                        <div>
+                            <MudText Typo="Typo.subtitle2" Class="mb-1">Other Information 3</MudText>
+                            <MudTextField @bind-Value="_model.OtherInformation3" Variant="Variant.Outlined" FullWidth="true" Margin="Margin.Dense" />
+                        </div>
+                    </MudStack>
+                </MudItem>
+            </MudGrid>
+
+            <div class="d-flex justify-end gap-2 mt-8">
+                <MudButton OnClick="() => OnCancel.InvokeAsync()" Variant="Variant.Outlined" Disabled="_processing" Style="border: 1px solid #e0e0e0; border-radius: 4px; text-transform: none; font-weight: 700;">Cancel</MudButton>
+                <MudButton Color="Color.Primary" Variant="Variant.Filled" OnClick="Submit" Disabled="_processing" Style="border-radius: 4px; text-transform: none; font-weight: 700;">
+                    @if (_processing)
+                    {
+                        <MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
+                        <MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
+                    }
+                    else
+                    {
+                        <MudText>Create Company</MudText>
+                    }
+                </MudButton>
+            </div>
+        </MudStack>
+    </MudForm>
+</MudPaper>
+
+@code {
+    [Parameter] public EventCallback OnCancel { get; set; }
+    [Parameter] public EventCallback OnSuccess { get; set; }
+
+    private MudForm _form = default!;
+    private CreateCompanyValidator _validator = new();
+    private CreateCompanyRequest _model = new();
+    private List<GetCurrencyListResponse> _currencies = new();
+    private bool _processing = false;
+
+    protected override async Task OnInitializedAsync()
+    {
+        var response = await CurrencyService.GetCurrencyListAsync();
+        if (response != null && response.IsSuccess)
+        {
+            _currencies = response.Value ?? new();
+        }
+    }
+
+    private async Task Submit()
+    {
+        await _form.Validate();
+        if (!_form.IsValid) return;
+        _processing = true;
+        try
+        {
+            var response = await CompanyService.CreateCompanyAsync(_model);
+            await Task.Delay(500);
+            if (response != null && response.IsSuccess)
+            {
+                Snackbar.Add("Company created successfully", Severity.Success);
+                await OnSuccess.InvokeAsync();
+            }
+        }
+        finally
+        {
+            _processing = false;
+        }
+    }
+}

Features/Setting/Company/Components/_CompanyDataTable.razor

@@ -0,0 +1,440 @@
+@using Indotalent.ConfigBackEnd.Extensions
+@using Indotalent.Features.Setting.Company
+@using Indotalent.Features.Setting.Company.Cqrs
+@using Microsoft.AspNetCore.Components.Web
+@using Microsoft.JSInterop
+@using MudBlazor
+@using Features.Root.Shared
+@using ClosedXML.Excel
+@using System.IO
+@inject CompanyService CompanyService
+@inject IDialogService DialogService
+@inject ISnackbar Snackbar
+@inject IJSRuntime JSRuntime
+
+<MudPaper Elevation="0" Square="true" Class="pa-6 mb-3 d-flex align-center justify-space-between" Style="border: 1px solid #E5E7EB; border-radius: 12px;">
+    <div>
+        <MudText Typo="Typo.h5" Style="font-weight: 700; color: #111827;">Company Management</MudText>
+        <MudText Typo="Typo.body2" Style="color: #9CA3AF;">Manage organization profile, legal entities, and office locations.</MudText>
+    </div>
+    <div class="d-flex align-center gap-2">
+        <MudIcon Icon="@Icons.Material.Filled.Home" Size="Size.Small" Color="Color.Default" />
+        <MudText Typo="Typo.caption" Style="color: #9CA3AF;">/</MudText>
+        <MudText Typo="Typo.caption" Style="color: #9CA3AF;">Settings</MudText>
+        <MudText Typo="Typo.caption" Style="color: #9CA3AF;">/</MudText>
+        <MudText Typo="Typo.caption" Style="font-weight: 600; color: #111827;">Company</MudText>
+    </div>
+</MudPaper>
+
+<MudPaper Elevation="0" Outlined="true" Style="border-radius: 12px; overflow: hidden; background-color: #ffffff; border: 1px solid #E5E7EB;">
+
+    <div style="padding: 20px 24px; border-bottom: 1px solid #E5E7EB; display: flex; justify-content: space-between; align-items: center; background-color: #ffffff; min-height: 80px;">
+        
+        <div style="display: flex; align-items: center; gap: 8px;">
+            <MudTextField @bind-Value="_searchString" 
+                          Placeholder="Search..." 
+                          Adornment="Adornment.Start" 
+                          AdornmentIcon="@Icons.Material.Filled.Search" 
+                          IconSize="Size.Small" 
+                          Class="mt-0"
+                          Variant="Variant.Outlined"
+                          Margin="Margin.Dense"
+                          Style="background-color: white; width: 280px; border-radius: 8px;"
+                          OnKeyDown="@HandleSearchKeyDown" />
+            
+            <MudButton Variant="Variant.Filled" 
+                       Color="Color.Primary" 
+                       OnClick="OnSearchClick" 
+                       Size="Size.Small" 
+                       Style="text-transform: none; font-weight: 500; border-radius: 6px; height: 34px; box-shadow: none; background: #3B82F6; color: white;">
+                Search
+            </MudButton>
+        </div>
+
+        <div style="display: flex; gap: 8px; align-items: center;">
+            <MudButton Variant="Variant.Outlined" 
+                       Color="Color.Success" 
+                       OnClick="ExportToExcel" 
+                       Size="Size.Small" 
+                       Disabled="_isExporting"
+                       StartIcon="@(_isExporting ? null : Icons.Custom.FileFormats.FileExcel)" 
+                       Style="border: 1px solid #D1D5DB; background: white; font-weight: 500; border-radius: 6px; text-transform: none; height: 34px; color: #6B7280;">
+                @if (_isExporting)
+                {
+                    <MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
+                    <MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
+                }
+                else
+                {
+                    <MudText Typo="Typo.button" Style="text-transform: none !important;">Excel</MudText>
+                }
+            </MudButton>
+
+            <MudButton Variant="Variant.Outlined" 
+                       Color="Color.Primary" 
+                       OnClick="LoadData" 
+                       Size="Size.Small" 
+                       StartIcon="@(_isRefreshing ? null : Icons.Material.Filled.Refresh)" 
+                       Disabled="_isRefreshing" 
+                       Style="border: 1px solid #D1D5DB; background: white; font-weight: 500; border-radius: 6px; text-transform: none; height: 34px; color: #6B7280;">
+                @if (_isRefreshing)
+                {
+                    <MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
+                    <MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Refreshing...</MudText>
+                }
+                else
+                {
+                    <MudText Typo="Typo.button" Style="text-transform: none !important;">Refresh</MudText>
+                }
+            </MudButton>
+
+            @if (_selectedCompany != null)
+            {
+                <MudButton Variant="Variant.Outlined" Color="Color.Info" StartIcon="@Icons.Material.Filled.Visibility" OnClick="InvokeView" Size="Size.Small" Style="border: 1px solid #D1D5DB; text-transform: none; font-weight: 500; border-radius: 6px; background-color: white; color: #6B7280; height: 34px;">View</MudButton>
+                <MudButton Variant="Variant.Outlined" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Edit" OnClick="InvokeEdit" Size="Size.Small" Style="border: 1px solid #D1D5DB; text-transform: none; font-weight: 500; border-radius: 6px; background-color: white; color: #6B7280; height: 34px;">Edit</MudButton>
+                <MudButton Variant="Variant.Filled" Color="Color.Error" StartIcon="@Icons.Material.Filled.Delete" OnClick="OnDelete" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px; height: 34px; background: white; border: 1px solid #FCA5A5; color: #EF4444;">Remove</MudButton>
+                <MudIconButton Icon="@Icons.Material.Filled.Close" Size="Size.Small" OnClick="() => _selectedCompany = null" />
+            }
+            else
+            {
+                <MudButton Variant="Variant.Filled" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Add" OnClick="() => OnAdd.InvokeAsync()" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px; height: 34px; background: #3B82F6; color: white;">
+                    Add New Company
+                </MudButton>
+            }
+        </div>
+    </div>
+
+    <MudTable Items="@GetPagedData()" Hover="true" Elevation="0" CustomHeader="true" Dense="true" Striped="true" Class="mud-table-styled" T="GetCompanyListResponse" OnRowClick="@((args) => _selectedCompany = args.Item)" Loading="@_isRefreshing">
+        <HeaderContent>
+            <MudTh Style="width: 50px; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB;"></MudTh>
+            <MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; white-space: nowrap;">
+                <MudTableSortLabel SortBy="new Func<GetCompanyListResponse, object>(x => x.Name!)">Company Name</MudTableSortLabel>
+            </MudTh>
+            <MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; white-space: nowrap;">
+                <MudTableSortLabel SortBy="new Func<GetCompanyListResponse, object>(x => x.Email!)">Email</MudTableSortLabel>
+            </MudTh>
+            <MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; white-space: nowrap;">
+                <MudTableSortLabel SortBy="new Func<GetCompanyListResponse, object>(x => x.Phone!)">Phone</MudTableSortLabel>
+            </MudTh>
+            <MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; white-space: nowrap;">
+                <MudTableSortLabel SortBy="new Func<GetCompanyListResponse, object>(x => x.City!)">City</MudTableSortLabel>
+            </MudTh>
+        </HeaderContent>
+        <RowTemplate>
+            <MudTd>
+                <MudCheckBox T="bool" Value="@(_selectedCompany?.Id == context.Id)" Color="Color.Primary" Dense="true" Size="Size.Small" ReadOnly="true" />
+            </MudTd>
+            <MudTd>
+                <div class="d-flex align-center gap-2">
+                    <MudAvatar Color="Color.Primary" Variant="Variant.Filled" Size="Size.Small" Style="border-radius: 4px; font-size: 10px; font-weight: 700; width: 32px; height: 32px;">
+                        @(!string.IsNullOrWhiteSpace(context.Name) ? context.Name.ToInitial() : "?")
+                    </MudAvatar>
+                    <MudText Typo="Typo.body2" Style="font-weight: 600; color: #374151;">@context.Name</MudText>
+                    @if (context.IsDefault)
+                    {
+                        <MudChip T="string" Color="Color.Success" Size="Size.Small" Variant="Variant.Text" Style="font-weight: 800; border-radius: 4px;">DEFAULT</MudChip>
+                    }
+                </div>
+            </MudTd>
+            <MudTd>@context.Email</MudTd>
+            <MudTd>@context.Phone</MudTd>
+            <MudTd>@context.City</MudTd>
+        </RowTemplate>
+    </MudTable>
+
+    <div style="display: flex; justify-content: space-between; align-items: center; padding: 12px 24px; background-color: #F9FAFB; border-top: 1px solid #E5E7EB;">
+        <div style="display: flex; align-items: center; gap: 12px;">
+            <MudText Typo="Typo.caption" Style="font-weight: 500; color: #9CA3AF; font-size: 0.75rem;">Rows per page:</MudText>
+            
+            <MudSelect T="int" 
+                       Value="@_top" 
+                       ValueChanged="OnPageSizeChanged" 
+                       Dense="true" 
+                       Margin="Margin.Dense" 
+                       Style="width: 80px; background-color: white; font-size: 12px; font-weight: 600;" 
+                       Variant="Variant.Outlined"
+                       Class="mt-0 custom-select-dense">
+                <MudSelectItem Value="5" />
+                <MudSelectItem Value="10" />
+                <MudSelectItem Value="50" />
+                <MudSelectItem Value="500" />
+                <MudSelectItem Value="1000" />
+            </MudSelect>
+
+            <MudText Typo="Typo.caption" Style="color: #9CA3AF; font-size: 0.75rem; font-weight: 500; margin-left: 12px;">
+                Showing @(GetFilteredData().Count() == 0 ? 0 : _skip + 1)-@Math.Min(_skip + _top, GetFilteredData().Count()) of @GetFilteredData().Count()
+            </MudText>
+        </div>
+
+        <div style="display: flex; gap: 8px; align-items: center;">
+            <MudIconButton Icon="@Icons.Material.Filled.FirstPage" Size="Size.Small" OnClick="@(() => OnPageChanged(1))" Disabled="@(_currentPage == 1)" Style="@(_currentPage == 1 ? "color: #D1D5DB; background: transparent;" : "color: #6B7280; background: white; border: 1px solid #D1D5DB; border-radius: 6px;")" />
+            <MudButton OnClick="@(() => OnPageChanged(_currentPage - 1))" Disabled="@(_currentPage == 1)" Variant="Variant.Text" StartIcon="@Icons.Material.Filled.ChevronLeft" Size="Size.Small" Style="@(_currentPage == 1 ? "text-transform: none; font-weight: 500; color: #D1D5DB;" : "text-transform: none; font-weight: 500; color: #6B7280; border: 1px solid #D1D5DB; border-radius: 6px; background: white; padding: 4px 8px;")">Prev</MudButton>
+            @{
+    var totalPages = _totalPage == 0 ? 1 : _totalPage;
+    var maxVisible = 5;
+    var startPage = Math.Max(1, _currentPage - maxVisible / 2);
+    var endPage = Math.Min(totalPages, startPage + maxVisible - 1);
+    if (endPage - startPage < maxVisible - 1) { startPage = Math.Max(1, endPage - maxVisible + 1); }
+}
+@for (int i = startPage; i <= endPage; i++)
+{
+    var pageNum = i;
+    var isActive = pageNum == _currentPage;
+    <MudButton OnClick="@(() => OnPageChanged(pageNum))"
+               Variant="Variant.Text" Size="Size.Small"
+               Style="@(isActive ? "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 600; background: #3B82F6; color: white; border: 1px solid #3B82F6; border-radius: 6px; text-transform: none;" : "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 500; color: #374151; background: white; border: 1px solid #D1D5DB; border-radius: 6px; text-transform: none;")">@pageNum</MudButton>
+}
+            <MudButton OnClick="@(() => OnPageChanged(_currentPage + 1))" Disabled="@(_currentPage == _totalPage || _totalPage == 0)" Variant="Variant.Text" EndIcon="@Icons.Material.Filled.ChevronRight" Size="Size.Small" Style="@(_currentPage == _totalPage || _totalPage == 0 ? "text-transform: none; font-weight: 500; color: #D1D5DB;" : "text-transform: none; font-weight: 500; color: #6B7280; border: 1px solid #D1D5DB; border-radius: 6px; background: white; padding: 4px 8px;")">Next</MudButton>
+            <MudIconButton Icon="@Icons.Material.Filled.LastPage" Size="Size.Small" OnClick="@(() => OnPageChanged(_totalPage))" Disabled="@(_currentPage == _totalPage || _totalPage == 0)" Style="@(_currentPage == _totalPage || _totalPage == 0 ? "color: #D1D5DB; background: transparent;" : "color: #6B7280; background: white; border: 1px solid #D1D5DB; border-radius: 6px;")" />
+        </div>
+    </div>
+</MudPaper>
+
+<script>
+    function downloadFile(fileName, contentType, base64String) {
+        const link = document.createElement('a');
+        link.download = fileName;
+        link.href = `data:${contentType};base64,${base64String}`;
+        document.body.appendChild(link);
+        link.click();
+        document.body.removeChild(link);
+    }
+</script>
+
+<style>
+    .mud-input-outlined-border { border-radius: 4px !important; }
+    .custom-select-dense .mud-input-control { margin-top: 0 !important; }
+    .custom-select-dense .mud-input-slot { padding-top: 4px !important; padding-bottom: 4px !important; padding-left: 8px !important; font-size: 12px !important; }
+
+    .mud-table-styled .mud-table-row:hover { background-color: #F9FAFB !important; }
+</style>
+
+
+@code {
+    [Parameter] public EventCallback OnAdd { get; set; }
+    [Parameter] public EventCallback<UpdateCompanyRequest> OnEdit { get; set; }
+    [Parameter] public EventCallback<UpdateCompanyRequest> OnView { get; set; }
+
+    private List<GetCompanyListResponse> _companies = new();
+    private GetCompanyListResponse? _selectedCompany;
+    private string _searchString = "";
+    private bool _isRefreshing = false;
+    private bool _isExporting = false;
+
+    private int _skip = 0;
+    private int _top = 10;
+    private int _totalPage => GetFilteredData().Count() == 0 ? 0 : (int)Math.Ceiling((double)GetFilteredData().Count() / (_top == 0 ? 1 : _top));
+    private int _currentPage => (_top >= GetFilteredData().Count() || _top == 0) ? 1 : (_skip / _top) + 1;
+
+    protected override async Task OnInitializedAsync() => await LoadData();
+
+    private async Task LoadData()
+    {
+        _isRefreshing = true;
+        _selectedCompany = null;
+        StateHasChanged();
+        try
+        {
+            var response = await CompanyService.GetCompanyListAsync();
+            await Task.Delay(500);
+            if (response != null && response.IsSuccess)
+            {
+                _companies = response.Value ?? new List<GetCompanyListResponse>();
+            }
+        }
+        finally
+        {
+            _isRefreshing = false;
+            StateHasChanged();
+        }
+    }
+
+    private IEnumerable<GetCompanyListResponse> GetFilteredData()
+    {
+        if (string.IsNullOrWhiteSpace(_searchString)) return _companies;
+        return _companies.Where(x => 
+            (x.Name?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false) ||
+            (x.Email?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false) ||
+            (x.City?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false) ||
+            (x.Phone?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false)
+        );
+    }
+
+    private IEnumerable<GetCompanyListResponse> GetPagedData() => GetFilteredData().Skip(_skip).Take(_top);
+
+    private void OnSearchClick()
+    {
+        _skip = 0;
+        _selectedCompany = null;
+        StateHasChanged();
+    }
+
+    private void HandleSearchKeyDown(KeyboardEventArgs e)
+    {
+        if (e.Key == "Enter") OnSearchClick();
+    }
+
+    private async Task ExportToExcel()
+    {
+        _isExporting = true;
+        StateHasChanged();
+        try
+        {
+            await Task.Delay(1000);
+            using (var workbook = new XLWorkbook())
+            {
+                var worksheet = workbook.Worksheets.Add("Companies");
+                var currentRow = 1;
+
+                worksheet.Cell(currentRow, 1).Value = "Company Name";
+                worksheet.Cell(currentRow, 2).Value = "Email";
+                worksheet.Cell(currentRow, 3).Value = "Phone";
+                worksheet.Cell(currentRow, 4).Value = "City";
+                worksheet.Cell(currentRow, 5).Value = "Is Default";
+
+                var headerRange = worksheet.Range(1, 1, 1, 5);
+                headerRange.Style.Font.Bold = true;
+                headerRange.Style.Fill.BackgroundColor = XLColor.FromHtml("#0D47A1");
+                headerRange.Style.Font.FontColor = XLColor.White;
+
+                foreach (var item in GetFilteredData())
+                {
+                    currentRow++;
+                    worksheet.Cell(currentRow, 1).Value = item.Name;
+                    worksheet.Cell(currentRow, 2).Value = item.Email;
+                    worksheet.Cell(currentRow, 3).Value = item.Phone;
+                    worksheet.Cell(currentRow, 4).Value = item.City;
+                    worksheet.Cell(currentRow, 5).Value = item.IsDefault ? "Yes" : "No";
+                }
+
+                worksheet.Columns().AdjustToContents();
+
+                using (var stream = new MemoryStream())
+                {
+                    workbook.SaveAs(stream);
+                    var content = Convert.ToBase64String(stream.ToArray());
+                    await JSRuntime.InvokeVoidAsync("downloadFile", "Registered_Companies.xlsx", "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", content);
+                    Snackbar.Add("Excel exported successfully", Severity.Success);
+                }
+            }
+        }
+        catch (Exception ex)
+        {
+            Snackbar.Add($"Export failed: {ex.Message}", Severity.Error);
+        }
+        finally
+        {
+            _isExporting = false;
+            StateHasChanged();
+        }
+    }
+
+    private void OnPageChanged(int page)
+    {
+        if (page >= 1 && page <= _totalPage)
+        {
+            _skip = (page - 1) * _top;
+            _selectedCompany = null;
+            StateHasChanged();
+        }
+    }
+
+    private void OnPageSizeChanged(int size)
+    {
+        _top = size;
+        _skip = 0;
+        _selectedCompany = null;
+        StateHasChanged();
+    }
+
+    private async Task InvokeEdit()
+    {
+        if (_selectedCompany == null) return;
+        var request = await MapToUpdateRequest(_selectedCompany.Id);
+        if (request != null) await OnEdit.InvokeAsync(request);
+    }
+
+    private async Task InvokeView()
+    {
+        if (_selectedCompany == null) return;
+        var request = await MapToUpdateRequest(_selectedCompany.Id);
+        if (request != null) await OnView.InvokeAsync(request);
+    }
+
+    private async Task<UpdateCompanyRequest?> MapToUpdateRequest(string id)
+    {
+        var response = await CompanyService.GetCompanyByIdAsync(id);
+        if (response != null && response.IsSuccess && response.Value != null)
+        {
+            var detail = response.Value;
+            return new UpdateCompanyRequest
+            {
+                Id = detail.Id,
+                Name = detail.Name,
+                Description = detail.Description,
+                IsDefault = detail.IsDefault, 
+                CurrencyId = detail.CurrencyId,
+                TaxIdentification = detail.TaxIdentification,
+                BusinessLicense = detail.BusinessLicense,
+                CompanyLogo = detail.CompanyLogo,
+                StreetAddress = detail.StreetAddress,
+                City = detail.City,
+                StateProvince = detail.StateProvince,
+                ZipCode = detail.ZipCode,
+                Phone = detail.Phone,
+                Email = detail.Email,
+                SocialMediaLinkedIn = detail.SocialMediaLinkedIn,
+                SocialMediaX = detail.SocialMediaX,
+                SocialMediaFacebook = detail.SocialMediaFacebook,
+                SocialMediaInstagram = detail.SocialMediaInstagram,
+                SocialMediaTikTok = detail.SocialMediaTikTok,
+                OtherInformation1 = detail.OtherInformation1,
+                OtherInformation2 = detail.OtherInformation2,
+                OtherInformation3 = detail.OtherInformation3,
+                CreatedAt = detail.CreatedAt,
+                CreatedBy = detail.CreatedBy,
+                UpdatedAt = detail.UpdatedAt,
+                UpdatedBy = detail.UpdatedBy
+            };
+        }
+        return null;
+    }
+
+    private async Task OnDelete()
+    {
+        if (_selectedCompany == null) return;
+
+        if (_selectedCompany.IsDefault)
+        {
+            Snackbar.Add("Cannot delete the default company. Please set another company as default first.", Severity.Warning);
+            return;
+        }
+
+        if (_companies.Count <= 1)
+        {
+            Snackbar.Add("Cannot delete the last remaining company. At least one company must exist in the system.", Severity.Error);
+            return;
+        }
+
+        var parameters = new DialogParameters<_DeleteConfirmation> { { x => x.ContentText, _selectedCompany.Name } };
+        var options = new DialogOptions { CloseButton = false, MaxWidth = MaxWidth.ExtraSmall, FullWidth = true };
+    
+        var dialog = await DialogService.ShowAsync<_DeleteConfirmation>("", parameters, options);
+        var result = await dialog.Result;
+
+        if (result != null && !result.Canceled)
+        {
+            var isSuccess = await CompanyService.DeleteCompanyByIdAsync(_selectedCompany.Id);
+            if (isSuccess)
+            {
+                _selectedCompany = null;
+                await LoadData();
+                Snackbar.Add("Company deleted successfully", Severity.Success);
+            }
+            else
+            {
+                Snackbar.Add("Delete failed. This record might be protected by the system.", Severity.Error);
+            }
+        }
+    }
+}

Features/Setting/Company/Components/_CompanyUpdateForm.razor

@@ -0,0 +1,317 @@
+@using Indotalent.ConfigBackEnd.Extensions
+@using Indotalent.Features.Setting.Company
+@using Indotalent.Features.Setting.Company.Cqrs
+@using Indotalent.Features.Setting.Currency
+@using Indotalent.Features.Setting.Currency.Cqrs
+@using Indotalent.Shared.Utils
+@using MudBlazor
+@inject CompanyService CompanyService
+@inject CurrencyService CurrencyService
+@inject ISnackbar Snackbar
+
+<MudPaper Elevation="0" Square="true" Class="pa-6 mb-3 d-flex align-center justify-space-between" Style="border: 1px solid #DCEBFA;">
+    <div class="d-flex align-center gap-4">
+        <MudIconButton Icon="@Icons.Material.Filled.ArrowBack" OnClick="() => OnCancel.InvokeAsync()" />
+        <div>
+            <MudText Typo="Typo.h5" Style="font-weight: 900; color: #1a1a1a;">@(ReadOnly ? "Company Details" : "Edit Company")</MudText>
+            <MudText Typo="Typo.body2" Style="color: #64748b;">@(ReadOnly ? "Viewing full organization profile." : "Modify existing company information.")</MudText>
+        </div>
+    </div>
+</MudPaper>
+
+<MudPaper Elevation="0" Outlined="true" Class="pa-8" Style="border-radius: 0px; border: 1px solid #DCEBFA;">
+    <MudForm @ref="_form" Model="_model">
+        <MudStack Spacing="8">
+            <MudGrid>
+                <MudItem xs="12" md="4">
+                    <MudText Typo="Typo.h6" Class="fw-bold">Company Profile</MudText>
+                    <MudText Typo="Typo.body2">Basic identity and branding of your organization.</MudText>
+                </MudItem>
+                <MudItem xs="12" md="8">
+                    <MudStack Spacing="4">
+                        <MudGrid Spacing="2">
+                            <MudItem xs="12" sm="8">
+                                <div class="d-flex flex-column justify-end h-100">
+                                    <MudText Typo="Typo.subtitle2" Class="mb-1">Company Name</MudText>
+                                    <MudTextField @bind-Value="_model.Name"
+                                                  ReadOnly="ReadOnly"
+                                                  For="@(() => _model.Name)"
+                                                  Validation="@(_validator.ValidateValue())"
+                                                  Variant="Variant.Outlined"
+                                                  FullWidth="true"
+                                                  Margin="Margin.Dense" />
+                                </div>
+                            </MudItem>
+                            <MudItem xs="12" sm="4">
+                                <div class="d-flex flex-column justify-end h-100">
+                                    <MudText Typo="Typo.subtitle2" Class="mb-1">Default Currency</MudText>
+                                    <MudSelect @bind-Value="_model.CurrencyId"
+                                               ReadOnly="ReadOnly"
+                                               For="@(() => _model.CurrencyId)"
+                                               Validation="@(_validator.ValidateValue())"
+                                               Variant="Variant.Outlined"
+                                               FullWidth="true"
+                                               Margin="Margin.Dense"
+                                               Dense="true"
+                                               AnchorOrigin="Origin.BottomCenter"
+                                               TransformOrigin="Origin.TopCenter">
+                                        @if (_currencies != null)
+                                        {
+                                            @foreach (var curr in _currencies)
+                                            {
+                                                <MudSelectItem Value="@curr.Id">
+                                                    <div class="d-flex align-center gap-2">
+                                                        <MudText Typo="Typo.body2" Style="font-weight: 700;">@curr.Code</MudText>
+                                                        <MudText Typo="Typo.caption" Style="color: #64748b;">(@curr.Symbol)</MudText>
+                                                    </div>
+                                                </MudSelectItem>
+                                            }
+                                        }
+                                    </MudSelect>
+                                </div>
+                            </MudItem>
+                        </MudGrid>
+                        <div>
+                            <MudText Typo="Typo.subtitle2" Class="mb-1">Company Description</MudText>
+                            <MudTextField @bind-Value="_model.Description" ReadOnly="ReadOnly" Variant="Variant.Outlined" Lines="3" FullWidth="true" Margin="Margin.Dense" />
+                        </div>
+                        <MudGrid Spacing="2">
+                            <MudItem xs="12">
+                                <MudText Typo="Typo.subtitle2" Class="mb-1">Primary Organization</MudText>
+                                <MudSwitch @bind-Value="_model.IsDefault" ReadOnly="ReadOnly" Color="Color.Primary" Label="@(_model.IsDefault ? "This is the primary organization" : "Set this as the primary organization")" />
+                            </MudItem>
+                        </MudGrid>
+                        <MudGrid Spacing="2">
+                            <MudItem xs="12" sm="6">
+                                <MudText Typo="Typo.subtitle2" Class="mb-1">Tax ID (NPWP)</MudText>
+                                <MudTextField @bind-Value="_model.TaxIdentification" ReadOnly="ReadOnly" Variant="Variant.Outlined" FullWidth="true" Margin="Margin.Dense" />
+                            </MudItem>
+                            <MudItem xs="12" sm="6">
+                                <MudText Typo="Typo.subtitle2" Class="mb-1">Business License (NIB)</MudText>
+                                <MudTextField @bind-Value="_model.BusinessLicense" ReadOnly="ReadOnly" Variant="Variant.Outlined" FullWidth="true" Margin="Margin.Dense" />
+                            </MudItem>
+                        </MudGrid>
+                    </MudStack>
+                </MudItem>
+            </MudGrid>
+
+            <MudDivider />
+
+            <MudGrid>
+                <MudItem xs="12" md="4">
+                    <MudText Typo="Typo.h6" Class="fw-bold">Head Office Address</MudText>
+                    <MudText Typo="Typo.body2">Main office location and contact details.</MudText>
+                </MudItem>
+                <MudItem xs="12" md="8">
+                    <MudStack Spacing="4">
+                        <div>
+                            <MudText Typo="Typo.subtitle2" Class="mb-1">Street Address</MudText>
+                            <MudTextField @bind-Value="_model.StreetAddress" ReadOnly="ReadOnly" Variant="Variant.Outlined" FullWidth="true" Margin="Margin.Dense" />
+                        </div>
+                        <MudGrid Spacing="2">
+                            <MudItem xs="12" sm="4">
+                                <MudText Typo="Typo.subtitle2" Class="mb-1">City</MudText>
+                                <MudTextField @bind-Value="_model.City" ReadOnly="ReadOnly" Variant="Variant.Outlined" FullWidth="true" Margin="Margin.Dense" />
+                            </MudItem>
+                            <MudItem xs="12" sm="4">
+                                <MudText Typo="Typo.subtitle2" Class="mb-1">State/Province</MudText>
+                                <MudTextField @bind-Value="_model.StateProvince" ReadOnly="ReadOnly" Variant="Variant.Outlined" FullWidth="true" Margin="Margin.Dense" />
+                            </MudItem>
+                            <MudItem xs="12" sm="4">
+                                <MudText Typo="Typo.subtitle2" Class="mb-1">ZIP Code</MudText>
+                                <MudTextField @bind-Value="_model.ZipCode" ReadOnly="ReadOnly" Variant="Variant.Outlined" FullWidth="true" Margin="Margin.Dense" />
+                            </MudItem>
+                        </MudGrid>
+                        <MudGrid Spacing="2">
+                            <MudItem xs="12" sm="6">
+                                <MudText Typo="Typo.subtitle2" Class="mb-1">Phone</MudText>
+                                <MudTextField @bind-Value="_model.Phone" ReadOnly="ReadOnly" Variant="Variant.Outlined" FullWidth="true" Margin="Margin.Dense" Adornment="Adornment.Start" AdornmentIcon="@Icons.Material.Filled.Phone" />
+                            </MudItem>
+                            <MudItem xs="12" sm="6">
+                                <MudText Typo="Typo.subtitle2" Class="mb-1">Email</MudText>
+                                <MudTextField @bind-Value="_model.Email" ReadOnly="ReadOnly" For="@(() => _model.Email)" Validation="@(_validator.ValidateValue())" Variant="Variant.Outlined" FullWidth="true" Margin="Margin.Dense" Adornment="Adornment.Start" AdornmentIcon="@Icons.Material.Filled.Email" />
+                            </MudItem>
+                        </MudGrid>
+                    </MudStack>
+                </MudItem>
+            </MudGrid>
+
+            <MudDivider />
+
+            <MudGrid>
+                <MudItem xs="12" md="4">
+                    <MudText Typo="Typo.h6" Class="fw-bold">Social Media Presence</MudText>
+                    <MudText Typo="Typo.body2">External links for recruitment branding.</MudText>
+                </MudItem>
+                <MudItem xs="12" md="8">
+                    <MudStack Spacing="4">
+                        <div>
+                            <MudText Typo="Typo.subtitle2" Class="mb-1">LinkedIn</MudText>
+                            <MudTextField @bind-Value="_model.SocialMediaLinkedIn" ReadOnly="ReadOnly" Variant="Variant.Outlined" Margin="Margin.Dense" Adornment="Adornment.Start" AdornmentIcon="@Icons.Custom.Brands.LinkedIn" FullWidth="true" />
+                        </div>
+                        <div>
+                            <MudText Typo="Typo.subtitle2" Class="mb-1">X (Twitter)</MudText>
+                            <MudTextField @bind-Value="_model.SocialMediaX" ReadOnly="ReadOnly" Variant="Variant.Outlined" Margin="Margin.Dense" Adornment="Adornment.Start" AdornmentIcon="@Icons.Custom.Brands.Twitter" FullWidth="true" />
+                        </div>
+                        <div>
+                            <MudText Typo="Typo.subtitle2" Class="mb-1">Facebook</MudText>
+                            <MudTextField @bind-Value="_model.SocialMediaFacebook" ReadOnly="ReadOnly" Variant="Variant.Outlined" Margin="Margin.Dense" Adornment="Adornment.Start" AdornmentIcon="@Icons.Custom.Brands.Facebook" FullWidth="true" />
+                        </div>
+                        <div>
+                            <MudText Typo="Typo.subtitle2" Class="mb-1">Instagram</MudText>
+                            <MudTextField @bind-Value="_model.SocialMediaInstagram" ReadOnly="ReadOnly" Variant="Variant.Outlined" Margin="Margin.Dense" Adornment="Adornment.Start" AdornmentIcon="@Icons.Custom.Brands.Instagram" FullWidth="true" />
+                        </div>
+                        <div>
+                            <MudText Typo="Typo.subtitle2" Class="mb-1">TikTok</MudText>
+                            <MudTextField @bind-Value="_model.SocialMediaTikTok" ReadOnly="ReadOnly" Variant="Variant.Outlined" Margin="Margin.Dense" Adornment="Adornment.Start" AdornmentIcon="@Icons.Custom.Brands.TikTok" FullWidth="true" />
+                        </div>
+                    </MudStack>
+                </MudItem>
+            </MudGrid>
+
+            <MudDivider />
+
+            <MudGrid>
+                <MudItem xs="12" md="4">
+                    <MudText Typo="Typo.h6" Class="fw-bold">Other Information</MudText>
+                    <MudText Typo="Typo.body2">Additional company metadata.</MudText>
+                </MudItem>
+                <MudItem xs="12" md="8">
+                    <MudStack Spacing="4">
+                        <div>
+                            <MudText Typo="Typo.subtitle2" Class="mb-1">Other Information 1</MudText>
+                            <MudTextField @bind-Value="_model.OtherInformation1" ReadOnly="ReadOnly" Variant="Variant.Outlined" FullWidth="true" Margin="Margin.Dense" />
+                        </div>
+                        <div>
+                            <MudText Typo="Typo.subtitle2" Class="mb-1">Other Information 2</MudText>
+                            <MudTextField @bind-Value="_model.OtherInformation2" ReadOnly="ReadOnly" Variant="Variant.Outlined" FullWidth="true" Margin="Margin.Dense" />
+                        </div>
+                        <div>
+                            <MudText Typo="Typo.subtitle2" Class="mb-1">Other Information 3</MudText>
+                            <MudTextField @bind-Value="_model.OtherInformation3" ReadOnly="ReadOnly" Variant="Variant.Outlined" FullWidth="true" Margin="Margin.Dense" />
+                        </div>
+                    </MudStack>
+                </MudItem>
+            </MudGrid>
+
+            <MudDivider />
+
+            <MudGrid Spacing="3">
+                <MudItem xs="12" Class="mt-4">
+                    <MudText Typo="Typo.button" Color="Color.Primary" Style="font-weight: 800;">Audit History</MudText>
+                    <MudDivider Class="mt-2 mb-4" />
+                </MudItem>
+                <MudItem xs="12" sm="6">
+                    <MudText Typo="Typo.subtitle2">Created At</MudText>
+                    <MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@DateTimeExtensions.ToString(_model.CreatedAt)</MudText>
+                </MudItem>
+                <MudItem xs="12" sm="6">
+                    <MudText Typo="Typo.subtitle2">Created By</MudText>
+                    <MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@(!string.IsNullOrEmpty(_model.CreatedBy) ? _model.CreatedBy : "System")</MudText>
+                </MudItem>
+                <MudItem xs="12" sm="6">
+                    <MudText Typo="Typo.subtitle2">Last Updated At</MudText>
+                    <MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@DateTimeExtensions.ToString(_model.UpdatedAt)</MudText>
+                </MudItem>
+                <MudItem xs="12" sm="6">
+                    <MudText Typo="Typo.subtitle2">Last Updated By</MudText>
+                    <MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@(!string.IsNullOrEmpty(_model.UpdatedBy) ? _model.UpdatedBy : "System")</MudText>
+                </MudItem>
+            </MudGrid>
+
+            <div class="d-flex justify-end gap-2 mt-10">
+                <MudButton OnClick="() => OnCancel.InvokeAsync()" Variant="Variant.Outlined" Disabled="_processing" Style="border: 1px solid #e0e0e0; border-radius: 4px; text-transform: none; font-weight: 700;">@(ReadOnly ? "Back to List" : "Cancel")</MudButton>
+                @if (!ReadOnly)
+                {
+                    <MudButton Color="Color.Primary" Variant="Variant.Filled" OnClick="Submit" Disabled="_processing" Style="border-radius: 4px; text-transform: none; font-weight: 700;">
+                        @if (_processing)
+                        {
+                            <MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
+                            <MudText Class="ms-2">Updating...</MudText>
+                        }
+                        else
+                        {
+                            <MudText>Save Changes</MudText>
+                        }
+                    </MudButton>
+                }
+            </div>
+        </MudStack>
+    </MudForm>
+</MudPaper>
+
+@code {
+    [Parameter] public UpdateCompanyRequest Data { get; set; } = new();
+    [Parameter] public bool ReadOnly { get; set; } = false;
+    [Parameter] public EventCallback OnCancel { get; set; }
+    [Parameter] public EventCallback OnSuccess { get; set; }
+
+    private MudForm _form = default!;
+    private UpdateCompanyValidator _validator = new();
+    private UpdateCompanyRequest _model = new();
+    private List<GetCurrencyListResponse> _currencies = new();
+    private bool _processing = false;
+
+    protected override async Task OnInitializedAsync()
+    {
+        _processing = true;
+        var response = await CurrencyService.GetCurrencyListAsync();
+        if (response != null && response.IsSuccess)
+        {
+            _currencies = response.Value ?? new();
+        }
+
+        _model = new UpdateCompanyRequest
+        {
+            Id = Data.Id,
+            Name = Data.Name,
+            Description = Data.Description,
+            IsDefault = Data.IsDefault,
+            CurrencyId = Data.CurrencyId,
+            TaxIdentification = Data.TaxIdentification,
+            BusinessLicense = Data.BusinessLicense,
+            StreetAddress = Data.StreetAddress,
+            City = Data.City,
+            StateProvince = Data.StateProvince,
+            ZipCode = Data.ZipCode,
+            Phone = Data.Phone,
+            Email = Data.Email,
+            SocialMediaLinkedIn = Data.SocialMediaLinkedIn,
+            SocialMediaX = Data.SocialMediaX,
+            SocialMediaFacebook = Data.SocialMediaFacebook,
+            SocialMediaInstagram = Data.SocialMediaInstagram,
+            SocialMediaTikTok = Data.SocialMediaTikTok,
+            OtherInformation1 = Data.OtherInformation1,
+            OtherInformation2 = Data.OtherInformation2,
+            OtherInformation3 = Data.OtherInformation3,
+            CreatedAt = Data.CreatedAt,
+            CreatedBy = Data.CreatedBy,
+            UpdatedAt = Data.UpdatedAt,
+            UpdatedBy = Data.UpdatedBy
+        };
+        _processing = false;
+    }
+
+    private async Task Submit()
+    {
+        if (ReadOnly) return;
+        await _form.Validate();
+        if (!_form.IsValid) return;
+
+        _processing = true;
+        try
+        {
+            var response = await CompanyService.UpdateCompanyAsync(_model);
+            await Task.Delay(500);
+            if (response != null && response.IsSuccess)
+            {
+                Snackbar.Add("Company updated successfully", Severity.Success);
+                await OnSuccess.InvokeAsync();
+            }
+        }
+        finally
+        {
+            _processing = false;
+        }
+    }
+}

Features/Setting/Company/Cqrs/CreateCompanyHandler.cs

@@ -0,0 +1,107 @@
+using Indotalent.ConfigBackEnd.Exceptions;
+using Indotalent.ConfigBackEnd.Extensions;
+using Indotalent.Infrastructure.Database;
+using MediatR;
+using Microsoft.EntityFrameworkCore;
+
+namespace Indotalent.Features.Setting.Company.Cqrs;
+
+public class CreateCompanyRequest
+{
+    public string? Name { get; set; }
+    public string? Description { get; set; }
+    public bool IsDefault { get; set; }
+    public string? CurrencyId { get; set; }
+    public string? TaxIdentification { get; set; }
+    public string? BusinessLicense { get; set; }
+    public string? CompanyLogo { get; set; }
+    public string? StreetAddress { get; set; }
+    public string? City { get; set; }
+    public string? StateProvince { get; set; }
+    public string? ZipCode { get; set; }
+    public string? Phone { get; set; }
+    public string? Email { get; set; }
+    public string? SocialMediaLinkedIn { get; set; }
+    public string? SocialMediaX { get; set; }
+    public string? SocialMediaFacebook { get; set; }
+    public string? SocialMediaInstagram { get; set; }
+    public string? SocialMediaTikTok { get; set; }
+    public string? OtherInformation1 { get; set; }
+    public string? OtherInformation2 { get; set; }
+    public string? OtherInformation3 { get; set; }
+}
+
+public class CreateCompanyResponse
+{
+    public string? Id { get; set; }
+    public string? Name { get; set; }
+}
+
+public record CreateCompanyCommand(CreateCompanyRequest Data) : IRequest<CreateCompanyResponse>;
+
+public class CreateCompanyHandler : IRequestHandler<CreateCompanyCommand, CreateCompanyResponse>
+{
+    private readonly AppDbContext _context;
+
+    public CreateCompanyHandler(AppDbContext context) => _context = context;
+
+    public async Task<CreateCompanyResponse> Handle(CreateCompanyCommand request, CancellationToken cancellationToken)
+    {
+        var isExists = await _context.Company
+            .AnyAsync(x => x.Name == request.Data.Name, cancellationToken);
+
+        if (isExists)
+        {
+            throw new AlreadyExistsException("Company", request.Data.Name ?? string.Empty);
+        }
+
+        if (request.Data.IsDefault)
+        {
+            var existingDefaults = await _context.Company
+                .Where(x => x.IsDefault)
+                .ToListAsync(cancellationToken);
+
+            foreach (var comp in existingDefaults)
+            {
+                comp.IsDefault = false;
+            }
+        }
+
+        var entityName = nameof(Data.Entities.Company);
+        var autoNo = await _context.GenerateAutoNumberAsync(
+            entityName: entityName,
+            prefixTemplate: $"{entityName.ToShortNameConsonant(3)}/{{Year}}/",
+            ct: cancellationToken
+        );
+
+        var entity = new Data.Entities.Company
+        {
+            AutoNumber = autoNo,
+            Name = request.Data.Name ?? string.Empty,
+            Description = request.Data.Description ?? string.Empty,
+            IsDefault = request.Data.IsDefault,
+            CurrencyId = request.Data.CurrencyId ?? string.Empty,
+            TaxIdentification = request.Data.TaxIdentification ?? string.Empty,
+            BusinessLicense = request.Data.BusinessLicense ?? string.Empty,
+            StreetAddress = request.Data.StreetAddress ?? string.Empty,
+            City = request.Data.City ?? string.Empty,
+            StateProvince = request.Data.StateProvince ?? string.Empty,
+            ZipCode = request.Data.ZipCode ?? string.Empty,
+            Phone = request.Data.Phone ?? string.Empty,
+            Email = request.Data.Email ?? string.Empty,
+            SocialMediaLinkedIn = request.Data.SocialMediaLinkedIn ?? string.Empty,
+            SocialMediaX = request.Data.SocialMediaX ?? string.Empty,
+            SocialMediaFacebook = request.Data.SocialMediaFacebook ?? string.Empty,
+            SocialMediaInstagram = request.Data.SocialMediaInstagram ?? string.Empty,
+            SocialMediaTikTok = request.Data.SocialMediaTikTok ?? string.Empty,
+            OtherInformation1 = request.Data.OtherInformation1 ?? string.Empty,
+            OtherInformation2 = request.Data.OtherInformation2 ?? string.Empty,
+            OtherInformation3 = request.Data.OtherInformation3 ?? string.Empty
+        };
+
+        _context.Company.Add(entity);
+        await _context.SaveChangesAsync(cancellationToken);
+
+        return new CreateCompanyResponse { Id = entity.Id, Name = entity.Name };
+    }
+}

Features/Setting/Company/Cqrs/CreateCompanyValidator.cs

@@ -0,0 +1,24 @@
+using FluentValidation;
+using Indotalent.Shared.Consts;
+
+namespace Indotalent.Features.Setting.Company.Cqrs;
+
+public class CreateCompanyValidator : AbstractValidator<CreateCompanyRequest>
+{
+    public CreateCompanyValidator()
+    {
+        RuleFor(x => x.Name)
+            .NotEmpty().WithMessage("Company Name is required")
+            .MaximumLength(GlobalConsts.StringLengthShort);
+
+        RuleFor(x => x.CurrencyId)
+            .NotEmpty().WithMessage("Default Currency is required");
+
+        RuleFor(x => x.Email)
+            .NotEmpty().WithMessage("Email is required")
+            .EmailAddress().WithMessage("Invalid email format");
+
+        RuleFor(x => x.Phone)
+            .NotEmpty().WithMessage("Phone number is required");
+    }
+}

Features/Setting/Company/Cqrs/DeleteCompanyByIdHandler.cs

@@ -0,0 +1,34 @@
+using Indotalent.Infrastructure.Database;
+using MediatR;
+using Microsoft.EntityFrameworkCore;
+
+namespace Indotalent.Features.Setting.Company.Cqrs;
+
+public record DeleteCompanyByIdRequest(string Id);
+public record DeleteCompanyByIdCommand(DeleteCompanyByIdRequest Data) : IRequest<bool>;
+
+public class DeleteCompanyByIdHandler : IRequestHandler<DeleteCompanyByIdCommand, bool>
+{
+    private readonly AppDbContext _context;
+
+    public DeleteCompanyByIdHandler(AppDbContext context) => _context = context;
+
+    public async Task<bool> Handle(DeleteCompanyByIdCommand request, CancellationToken cancellationToken)
+    {
+        var entity = await _context.Company
+            .FirstOrDefaultAsync(x => x.Id == request.Data.Id, cancellationToken);
+
+        if (entity == null) return false;
+
+        if (entity.IsDefault) return false;
+
+        var totalCount = await _context.Company.CountAsync(cancellationToken);
+        if (totalCount <= 1)
+        {
+            return false;
+        }
+
+        _context.Company.Remove(entity);
+        return await _context.SaveChangesAsync(cancellationToken) > 0;
+    }
+}

Features/Setting/Company/Cqrs/GetCompanyByIdHandler.cs

@@ -0,0 +1,81 @@
+using Indotalent.Infrastructure.Database;
+using MediatR;
+using Microsoft.EntityFrameworkCore;
+
+namespace Indotalent.Features.Setting.Company.Cqrs;
+
+public class GetCompanyByIdResponse
+{
+    public string? Id { get; set; }
+    public string? Name { get; set; }
+    public string? Description { get; set; }
+    public bool IsDefault { get; set; }
+    public string? CurrencyId { get; set; }
+    public string? TaxIdentification { get; set; }
+    public string? BusinessLicense { get; set; }
+    public string? CompanyLogo { get; set; }
+    public string? StreetAddress { get; set; }
+    public string? City { get; set; }
+    public string? StateProvince { get; set; }
+    public string? ZipCode { get; set; }
+    public string? Phone { get; set; }
+    public string? Email { get; set; }
+    public string? SocialMediaLinkedIn { get; set; }
+    public string? SocialMediaX { get; set; }
+    public string? SocialMediaFacebook { get; set; }
+    public string? SocialMediaInstagram { get; set; }
+    public string? SocialMediaTikTok { get; set; }
+    public string? OtherInformation1 { get; set; }
+    public string? OtherInformation2 { get; set; }
+    public string? OtherInformation3 { get; set; }
+    public DateTimeOffset? CreatedAt { get; set; }
+    public string? CreatedBy { get; set; }
+    public DateTimeOffset? UpdatedAt { get; set; }
+    public string? UpdatedBy { get; set; }
+}
+
+public record GetCompanyByIdQuery(string Id) : IRequest<GetCompanyByIdResponse?>;
+
+public class GetCompanyByIdHandler : IRequestHandler<GetCompanyByIdQuery, GetCompanyByIdResponse?>
+{
+    private readonly AppDbContext _context;
+
+    public GetCompanyByIdHandler(AppDbContext context) => _context = context;
+
+    public async Task<GetCompanyByIdResponse?> Handle(GetCompanyByIdQuery request, CancellationToken cancellationToken)
+    {
+        return await _context.Company
+            .AsNoTracking()
+            .Where(x => x.Id == request.Id)
+            .Select(x => new GetCompanyByIdResponse
+            {
+                Id = x.Id,
+                Name = x.Name,
+                Description = x.Description,
+                IsDefault = x.IsDefault,
+                CurrencyId = x.CurrencyId,
+                TaxIdentification = x.TaxIdentification,
+                BusinessLicense = x.BusinessLicense,
+                CompanyLogo = x.CompanyLogo,
+                StreetAddress = x.StreetAddress,
+                City = x.City,
+                StateProvince = x.StateProvince,
+                ZipCode = x.ZipCode,
+                Phone = x.Phone,
+                Email = x.Email,
+                SocialMediaLinkedIn = x.SocialMediaLinkedIn,
+                SocialMediaX = x.SocialMediaX,
+                SocialMediaFacebook = x.SocialMediaFacebook,
+                SocialMediaInstagram = x.SocialMediaInstagram,
+                SocialMediaTikTok = x.SocialMediaTikTok,
+                OtherInformation1 = x.OtherInformation1,
+                OtherInformation2 = x.OtherInformation2,
+                OtherInformation3 = x.OtherInformation3,
+                CreatedAt = x.CreatedAt,
+                CreatedBy = x.CreatedBy,
+                UpdatedAt = x.UpdatedAt,
+                UpdatedBy = x.UpdatedBy
+            })
+            .FirstOrDefaultAsync(cancellationToken);
+    }
+}

Features/Setting/Company/Cqrs/GetCompanyListHandler.cs

@@ -0,0 +1,41 @@
+using Indotalent.Infrastructure.Database;
+using MediatR;
+using Microsoft.EntityFrameworkCore;
+
+namespace Indotalent.Features.Setting.Company.Cqrs;
+
+public class GetCompanyListResponse
+{
+    public string? Id { get; set; }
+    public string? Name { get; set; }
+    public string? Email { get; set; }
+    public string? Phone { get; set; }
+    public string? City { get; set; }
+    public bool IsDefault { get; set; }
+}
+
+public record GetCompanyListQuery() : IRequest<List<GetCompanyListResponse>>;
+
+public class GetCompanyListHandler : IRequestHandler<GetCompanyListQuery, List<GetCompanyListResponse>>
+{
+    private readonly AppDbContext _context;
+
+    public GetCompanyListHandler(AppDbContext context) => _context = context;
+
+    public async Task<List<GetCompanyListResponse>> Handle(GetCompanyListQuery request, CancellationToken cancellationToken)
+    {
+        return await _context.Company
+            .AsNoTracking()
+            .OrderBy(x => x.Name)
+            .Select(x => new GetCompanyListResponse
+            {
+                Id = x.Id,
+                Name = x.Name,
+                Email = x.Email,
+                Phone = x.Phone,
+                City = x.City,
+                IsDefault = x.IsDefault
+            })
+            .ToListAsync(cancellationToken);
+    }
+}

Features/Setting/Company/Cqrs/UpdateCompanyHandler.cs

@@ -0,0 +1,104 @@
+using Indotalent.ConfigBackEnd.Exceptions;
+using Indotalent.Infrastructure.Database;
+using MediatR;
+using Microsoft.EntityFrameworkCore;
+
+namespace Indotalent.Features.Setting.Company.Cqrs;
+
+public class UpdateCompanyRequest : CreateCompanyRequest
+{
+    public string? Id { get; set; }
+    public DateTimeOffset? CreatedAt { get; set; }
+    public string? CreatedBy { get; set; }
+    public DateTimeOffset? UpdatedAt { get; set; }
+    public string? UpdatedBy { get; set; }
+}
+
+public class UpdateCompanyResponse
+{
+    public string? Id { get; set; }
+    public bool Success { get; set; }
+}
+
+public record UpdateCompanyCommand(UpdateCompanyRequest Data) : IRequest<UpdateCompanyResponse>;
+
+public class UpdateCompanyHandler : IRequestHandler<UpdateCompanyCommand, UpdateCompanyResponse>
+{
+    private readonly AppDbContext _context;
+
+    public UpdateCompanyHandler(AppDbContext context) => _context = context;
+
+    public async Task<UpdateCompanyResponse> Handle(UpdateCompanyCommand request, CancellationToken cancellationToken)
+    {
+        var entity = await _context.Company
+            .FirstOrDefaultAsync(x => x.Id == request.Data.Id, cancellationToken);
+
+        if (entity == null) return new UpdateCompanyResponse { Id = request.Data.Id, Success = false };
+
+        var isNameExists = await _context.Company
+            .AnyAsync(x => x.Name == request.Data.Name && x.Id != request.Data.Id, cancellationToken);
+
+        if (isNameExists)
+        {
+            throw new AlreadyExistsException("Company", request.Data.Name ?? string.Empty);
+        }
+
+        if (entity.IsDefault && !request.Data.IsDefault)
+        {
+            var totalCount = await _context.Company.CountAsync(cancellationToken);
+
+            if (totalCount <= 1)
+            {
+                request.Data.IsDefault = true;
+                throw new Exception("At least one company must be set as default.");
+            }
+        }
+
+        if (request.Data.IsDefault)
+        {
+            var otherDefaults = await _context.Company
+                .Where(x => x.IsDefault && x.Id != entity.Id)
+                .ToListAsync(cancellationToken);
+
+            foreach (var comp in otherDefaults)
+            {
+                comp.IsDefault = false;
+            }
+        }
+        else
+        {
+            var anyOtherDefault = await _context.Company
+                .AnyAsync(x => x.IsDefault && x.Id != entity.Id, cancellationToken);
+
+            if (!anyOtherDefault)
+            {
+                request.Data.IsDefault = true;
+            }
+        }
+
+        entity.Name = request.Data.Name ?? string.Empty;
+        entity.Description = request.Data.Description ?? string.Empty;
+        entity.IsDefault = request.Data.IsDefault;
+        entity.CurrencyId = request.Data.CurrencyId ?? string.Empty;
+        entity.TaxIdentification = request.Data.TaxIdentification ?? string.Empty;
+        entity.BusinessLicense = request.Data.BusinessLicense ?? string.Empty;
+        entity.StreetAddress = request.Data.StreetAddress ?? string.Empty;
+        entity.City = request.Data.City ?? string.Empty;
+        entity.StateProvince = request.Data.StateProvince ?? string.Empty;
+        entity.ZipCode = request.Data.ZipCode ?? string.Empty;
+        entity.Phone = request.Data.Phone ?? string.Empty;
+        entity.Email = request.Data.Email ?? string.Empty;
+        entity.SocialMediaLinkedIn = request.Data.SocialMediaLinkedIn ?? string.Empty;
+        entity.SocialMediaX = request.Data.SocialMediaX ?? string.Empty;
+        entity.SocialMediaFacebook = request.Data.SocialMediaFacebook ?? string.Empty;
+        entity.SocialMediaInstagram = request.Data.SocialMediaInstagram ?? string.Empty;
+        entity.SocialMediaTikTok = request.Data.SocialMediaTikTok ?? string.Empty;
+        entity.OtherInformation1 = request.Data.OtherInformation1 ?? string.Empty;
+        entity.OtherInformation2 = request.Data.OtherInformation2 ?? string.Empty;
+        entity.OtherInformation3 = request.Data.OtherInformation3 ?? string.Empty;
+
+        await _context.SaveChangesAsync(cancellationToken);
+
+        return new UpdateCompanyResponse { Id = entity.Id, Success = true };
+    }
+}

Features/Setting/Company/Cqrs/UpdateCompanyValidator.cs

@@ -0,0 +1,15 @@
+using FluentValidation;
+using Indotalent.Shared.Consts;
+
+namespace Indotalent.Features.Setting.Company.Cqrs;
+
+public class UpdateCompanyValidator : AbstractValidator<UpdateCompanyRequest>
+{
+    public UpdateCompanyValidator()
+    {
+        RuleFor(x => x.Id).NotEmpty().WithMessage("ID is required for update");
+        RuleFor(x => x.Name).NotEmpty().MaximumLength(GlobalConsts.StringLengthShort);
+        RuleFor(x => x.CurrencyId).NotEmpty();
+        RuleFor(x => x.Email).NotEmpty().EmailAddress();
+    }
+}

Features/Setting/Currency/Components/CurrencyPage.razor

@@ -0,0 +1,52 @@
+@page "/setting/currency"
+@using Indotalent.Features.Setting.Currency
+@using Indotalent.Features.Setting.Currency.Cqrs
+@using MudBlazor
+
+@if (_currentView == ViewMode.Create)
+{
+    <_CurrencyCreateForm OnCancel="BackToTable"
+                         OnSuccess="HandleSuccess" />
+}
+else if (_currentView == ViewMode.Update || _currentView == ViewMode.View)
+{
+    <_CurrencyUpdateForm Data="_selectedData!"
+                         ReadOnly="@(_currentView == ViewMode.View)"
+                         OnCancel="BackToTable"
+                         OnSuccess="HandleSuccess" />
+}
+else
+{
+    <_CurrencyDataTable OnAdd="() => ShowCreate()"
+                        OnEdit="(item) => ShowUpdate(item, false)"
+                        OnView="(item) => ShowUpdate(item, true)" />
+}
+
+@code {
+    private enum ViewMode { Table, Create, Update, View }
+    private ViewMode _currentView = ViewMode.Table;
+    private UpdateCurrencyRequest? _selectedData;
+
+    private void ShowCreate()
+    {
+        _currentView = ViewMode.Create;
+    }
+
+    private void ShowUpdate(UpdateCurrencyRequest data, bool isReadOnly)
+    {
+        _selectedData = data;
+        _currentView = isReadOnly ? ViewMode.View : ViewMode.Update;
+    }
+
+    private void BackToTable()
+    {
+        _currentView = ViewMode.Table;
+        _selectedData = null;
+    }
+
+    private void HandleSuccess()
+    {
+        _currentView = ViewMode.Table;
+        _selectedData = null;
+    }
+}

Features/Setting/Currency/Components/_CurrencyCreateForm.razor

@@ -0,0 +1,118 @@
+@using Indotalent.Features.Setting.Currency
+@using Indotalent.Features.Setting.Currency.Cqrs
+@using Indotalent.Shared.Utils
+@using MudBlazor
+@inject CurrencyService CurrencyService
+@inject ISnackbar Snackbar
+
+<MudPaper Elevation="0" Square="true" Class="pa-6 mb-3 d-flex align-center justify-space-between" Style="border: 1px solid #DCEBFA;">
+    <div class="d-flex align-center gap-4">
+        <MudIconButton Icon="@Icons.Material.Filled.ArrowBack" OnClick="() => OnCancel.InvokeAsync()" />
+        <div>
+            <MudText Typo="Typo.h5" Style="font-weight: 900; color: #1a1a1a;">Add New Currency</MudText>
+            <MudText Typo="Typo.body2" Style="color: #64748b;">Enter currency details and international formatting.</MudText>
+        </div>
+    </div>
+</MudPaper>
+
+<MudPaper Elevation="0" Outlined="true" Class="pa-8" Style="border-radius: 0px; border: 1px solid #DCEBFA;">
+    <MudForm @ref="_form" Model="_model">
+        <MudGrid Spacing="3">
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Currency Code</MudText>
+                <MudTextField @bind-Value="_model.Code"
+                              For="@(() => _model.Code)"
+                              Validation="@(_validator.ValidateValue())"
+                              Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" Placeholder="e.g. USD" />
+            </MudItem>
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Symbol</MudText>
+                <MudTextField @bind-Value="_model.Symbol"
+                              For="@(() => _model.Symbol)"
+                              Validation="@(_validator.ValidateValue())"
+                              Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" Placeholder="e.g. $" />
+            </MudItem>
+            <MudItem xs="12">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Currency Name</MudText>
+                <MudTextField @bind-Value="_model.Name"
+                              For="@(() => _model.Name)"
+                              Validation="@(_validator.ValidateValue())"
+                              Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" Placeholder="e.g. United States Dollar" />
+            </MudItem>
+            <MudItem xs="12">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Country Owner</MudText>
+                <MudTextField @bind-Value="_model.CountryOwner"
+                              For="@(() => _model.CountryOwner)"
+                              Validation="@(_validator.ValidateValue())"
+                              Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" Placeholder="e.g. USA" />
+            </MudItem>
+            <MudItem xs="12">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Description</MudText>
+                <MudTextField @bind-Value="_model.Description"
+                              For="@(() => _model.Description)"
+                              Variant="Variant.Outlined" Margin="Margin.Dense" Lines="3" FullWidth="true" />
+            </MudItem>
+        </MudGrid>
+
+        <div class="d-flex justify-end gap-2 mt-8">
+            <MudButton OnClick="() => OnCancel.InvokeAsync()"
+                       Variant="Variant.Outlined"
+                       Disabled="_processing"
+                       Style="border: 1px solid #e0e0e0; border-radius: 4px; text-transform: none; font-weight: 700;">
+                Cancel
+            </MudButton>
+            <MudButton Color="Color.Primary"
+                       Variant="Variant.Filled"
+                       OnClick="Submit"
+                       Disabled="_processing"
+                       Style="border-radius: 4px; text-transform: none; font-weight: 700;">
+                @if (_processing)
+                {
+                    <MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
+                    <MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
+                }
+                else
+                {
+                    <MudText>Create Currency</MudText>
+                }
+            </MudButton>
+        </div>
+    </MudForm>
+</MudPaper>
+
+@code {
+    [Parameter] public EventCallback OnCancel { get; set; }
+    [Parameter] public EventCallback OnSuccess { get; set; }
+
+    private MudForm _form = default!;
+    private CreateCurrencyValidator _validator = new();
+    private CreateCurrencyRequest _model = new();
+    private bool _processing = false;
+
+    private async Task Submit()
+    {
+        await _form.Validate();
+        if (!_form.IsValid) return;
+
+        _processing = true;
+        try
+        {
+            var response = await CurrencyService.CreateCurrencyAsync(_model);
+            await Task.Delay(500);
+
+            if (response != null && response.IsSuccess)
+            {
+                Snackbar.Add("Currency created successfully", Severity.Success);
+                await OnSuccess.InvokeAsync();
+            }
+        }
+        catch (Exception ex)
+        {
+            Snackbar.Add($"Error: {ex.Message}", Severity.Error);
+        }
+        finally
+        {
+            _processing = false;
+        }
+    }
+}

Features/Setting/Currency/Components/_CurrencyDataTable.razor

@@ -0,0 +1,403 @@
+@using Indotalent.ConfigBackEnd.Extensions
+@using Indotalent.Features.Setting.Currency
+@using Indotalent.Features.Setting.Currency.Cqrs
+@using Microsoft.AspNetCore.Components.Web
+@using Microsoft.JSInterop
+@using MudBlazor
+@using Features.Root.Shared
+@using ClosedXML.Excel
+@using System.IO
+@inject CurrencyService CurrencyService
+@inject IDialogService DialogService
+@inject ISnackbar Snackbar
+@inject IJSRuntime JSRuntime
+
+<MudPaper Elevation="0" Square="true" Class="pa-6 mb-3 d-flex align-center justify-space-between" Style="border: 1px solid #E5E7EB; border-radius: 12px;">
+    <div>
+        <MudText Typo="Typo.h5" Style="font-weight: 700; color: #111827;">Currency Management</MudText>
+        <MudText Typo="Typo.body2" Style="color: #9CA3AF;">Manage global currencies and exchange rates.</MudText>
+    </div>
+    <div class="d-flex align-center gap-2">
+        <MudIcon Icon="@Icons.Material.Filled.Home" Size="Size.Small" Color="Color.Default" />
+        <MudText Typo="Typo.caption" Style="color: #9CA3AF;">/</MudText>
+        <MudText Typo="Typo.caption" Style="color: #9CA3AF;">Settings</MudText>
+        <MudText Typo="Typo.caption" Style="color: #9CA3AF;">/</MudText>
+        <MudText Typo="Typo.caption" Style="font-weight: 600; color: #111827;">Currency</MudText>
+    </div>
+</MudPaper>
+
+<MudPaper Elevation="0" Outlined="true" Style="border-radius: 12px; overflow: hidden; background-color: #ffffff; border: 1px solid #E5E7EB;">
+
+    <div style="padding: 20px 24px; border-bottom: 1px solid #E5E7EB; display: flex; justify-content: space-between; align-items: center; background-color: #ffffff; min-height: 80px;">
+        
+        <div style="display: flex; align-items: center; gap: 8px;">
+            <MudTextField @bind-Value="_searchString" 
+                          Placeholder="Search..." 
+                          Adornment="Adornment.Start" 
+                          AdornmentIcon="@Icons.Material.Filled.Search" 
+                          IconSize="Size.Small" 
+                          Class="mt-0"
+                          Variant="Variant.Outlined"
+                          Margin="Margin.Dense"
+                          Style="background-color: white; width: 280px; border-radius: 8px;"
+                          OnKeyDown="@HandleSearchKeyDown" />
+            
+            <MudButton Variant="Variant.Filled" 
+                       Color="Color.Primary" 
+                       OnClick="OnSearchClick" 
+                       Size="Size.Small" 
+                       Style="text-transform: none; font-weight: 500; border-radius: 6px; height: 34px; box-shadow: none; background: #3B82F6; color: white;">
+                Search
+            </MudButton>
+        </div>
+
+        <div style="display: flex; gap: 8px; align-items: center;">
+            <MudButton Variant="Variant.Outlined" 
+                       Color="Color.Success" 
+                       OnClick="ExportToExcel" 
+                       Size="Size.Small" 
+                       Disabled="_isExporting"
+                       StartIcon="@(_isExporting ? null : Icons.Custom.FileFormats.FileExcel)" 
+                       Style="border: 1px solid #D1D5DB; background: white; font-weight: 500; border-radius: 6px; text-transform: none; height: 34px; color: #6B7280;">
+                @if (_isExporting)
+                {
+                    <MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
+                    <MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
+                }
+                else
+                {
+                    <MudText Typo="Typo.button" Style="text-transform: none !important;">Excel</MudText>
+                }
+            </MudButton>
+
+            <MudButton Variant="Variant.Outlined" 
+                       Color="Color.Primary" 
+                       OnClick="LoadData" 
+                       Size="Size.Small" 
+                       StartIcon="@(_isRefreshing ? null : Icons.Material.Filled.Refresh)" 
+                       Disabled="_isRefreshing" 
+                       Style="border: 1px solid #D1D5DB; background: white; font-weight: 500; border-radius: 6px; text-transform: none; height: 34px; color: #6B7280;">
+                @if (_isRefreshing)
+                {
+                    <MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
+                    <MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Refreshing...</MudText>
+                }
+                else
+                {
+                    <MudText Typo="Typo.button" Style="text-transform: none !important;">Refresh</MudText>
+                }
+            </MudButton>
+
+            @if (_selectedCurrency != null)
+            {
+                <MudButton Variant="Variant.Outlined" Color="Color.Info" StartIcon="@Icons.Material.Filled.Visibility" OnClick="InvokeView" Size="Size.Small" Style="border: 1px solid #D1D5DB; text-transform: none; font-weight: 500; border-radius: 6px; background-color: white; color: #6B7280; height: 34px;">View</MudButton>
+                <MudButton Variant="Variant.Outlined" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Edit" OnClick="InvokeEdit" Size="Size.Small" Style="border: 1px solid #D1D5DB; text-transform: none; font-weight: 500; border-radius: 6px; background-color: white; color: #6B7280; height: 34px;">Edit</MudButton>
+                <MudButton Variant="Variant.Filled" Color="Color.Error" StartIcon="@Icons.Material.Filled.Delete" OnClick="OnDelete" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px; height: 34px; background: white; border: 1px solid #FCA5A5; color: #EF4444;">Remove</MudButton>
+                <MudIconButton Icon="@Icons.Material.Filled.Close" Size="Size.Small" OnClick="() => _selectedCurrency = null" />
+            }
+            else
+            {
+                <MudButton Variant="Variant.Filled" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Add" OnClick="() => OnAdd.InvokeAsync()" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px; height: 34px; background: #3B82F6; color: white;">
+                    Add New Currency
+                </MudButton>
+            }
+        </div>
+    </div>
+
+    <MudTable Items="@GetPagedData()" Hover="true" Elevation="0" CustomHeader="true" Dense="true" Striped="true" Class="mud-table-styled" T="GetCurrencyListResponse" OnRowClick="@((args) => _selectedCurrency = args.Item)" Loading="@_isRefreshing">
+        <HeaderContent>
+            <MudTh Style="width: 50px; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB;"></MudTh>
+            <MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; white-space: nowrap;">
+                <MudTableSortLabel SortBy="new Func<GetCurrencyListResponse, object>(x => x.Name!)">Currency Name</MudTableSortLabel>
+            </MudTh>
+            <MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; white-space: nowrap;">
+                <MudTableSortLabel SortBy="new Func<GetCurrencyListResponse, object>(x => x.Code!)">Code</MudTableSortLabel>
+            </MudTh>
+            <MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; white-space: nowrap;">Symbol</MudTh>
+            <MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; white-space: nowrap;">
+                <MudTableSortLabel SortBy="new Func<GetCurrencyListResponse, object>(x => x.CountryOwner!)">Country Owner</MudTableSortLabel>
+            </MudTh>
+        </HeaderContent>
+        <RowTemplate>
+            <MudTd>
+                <MudCheckBox T="bool" Value="@(_selectedCurrency?.Id == context.Id)" Color="Color.Primary" Dense="true" Size="Size.Small" ReadOnly="true" />
+            </MudTd>
+            <MudTd>
+                <div class="d-flex align-center gap-2">
+                    <MudAvatar Color="Color.Info" Variant="Variant.Filled" Size="Size.Small" Style="border-radius: 50%; font-size: 10px; font-weight: 800;">
+                        @(!string.IsNullOrWhiteSpace(context.Name) ? context.Name.ToInitial() : "?")
+                    </MudAvatar>
+                    <MudText Typo="Typo.body2" Style="font-weight: 600; color: #374151;">@context.Name</MudText>
+                </div>
+            </MudTd>
+            <MudTd><MudChip T="string" Size="Size.Small" Color="Color.Info" Variant="Variant.Text" Style="border-radius:4px; font-weight:700;">@context.Code</MudChip></MudTd>
+            <MudTd>@context.Symbol</MudTd>
+            <MudTd>@context.CountryOwner</MudTd>
+        </RowTemplate>
+    </MudTable>
+
+    <div style="display: flex; justify-content: space-between; align-items: center; padding: 12px 24px; background-color: #F9FAFB; border-top: 1px solid #E5E7EB;">
+        <div style="display: flex; align-items: center; gap: 12px;">
+            <MudText Typo="Typo.caption" Style="font-weight: 500; color: #9CA3AF; font-size: 0.75rem;">Rows per page:</MudText>
+            
+            <MudSelect T="int" 
+                       Value="@_top" 
+                       ValueChanged="OnPageSizeChanged" 
+                       Dense="true" 
+                       Margin="Margin.Dense" 
+                       Style="width: 80px; background-color: white; font-size: 12px; font-weight: 600;" 
+                       Variant="Variant.Outlined"
+                       Class="mt-0 custom-select-dense">
+                <MudSelectItem Value="5" />
+                <MudSelectItem Value="10" />
+                <MudSelectItem Value="50" />
+                <MudSelectItem Value="500" />
+                <MudSelectItem Value="1000" />
+            </MudSelect>
+
+            <MudText Typo="Typo.caption" Style="color: #9CA3AF; font-size: 0.75rem; font-weight: 500; margin-left: 12px;">
+                Showing @(GetFilteredData().Count() == 0 ? 0 : _skip + 1)-@Math.Min(_skip + _top, GetFilteredData().Count()) of @GetFilteredData().Count()
+            </MudText>
+        </div>
+
+        <div style="display: flex; gap: 8px; align-items: center;">
+            <MudIconButton Icon="@Icons.Material.Filled.FirstPage" Size="Size.Small" OnClick="@(() => OnPageChanged(1))" Disabled="@(_currentPage == 1)" Style="@(_currentPage == 1 ? "color: #D1D5DB; background: transparent;" : "color: #6B7280; background: white; border: 1px solid #D1D5DB; border-radius: 6px;")" />
+            <MudButton OnClick="@(() => OnPageChanged(_currentPage - 1))" Disabled="@(_currentPage == 1)" Variant="Variant.Text" StartIcon="@Icons.Material.Filled.ChevronLeft" Size="Size.Small" Style="@(_currentPage == 1 ? "text-transform: none; font-weight: 500; color: #D1D5DB;" : "text-transform: none; font-weight: 500; color: #6B7280; border: 1px solid #D1D5DB; border-radius: 6px; background: white; padding: 4px 8px;")">Prev</MudButton>
+            @{
+    var totalPages = _totalPage == 0 ? 1 : _totalPage;
+    var maxVisible = 5;
+    var startPage = Math.Max(1, _currentPage - maxVisible / 2);
+    var endPage = Math.Min(totalPages, startPage + maxVisible - 1);
+    if (endPage - startPage < maxVisible - 1) { startPage = Math.Max(1, endPage - maxVisible + 1); }
+}
+@for (int i = startPage; i <= endPage; i++)
+{
+    var pageNum = i;
+    var isActive = pageNum == _currentPage;
+    <MudButton OnClick="@(() => OnPageChanged(pageNum))"
+               Variant="Variant.Text" Size="Size.Small"
+               Style="@(isActive ? "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 600; background: #3B82F6; color: white; border: 1px solid #3B82F6; border-radius: 6px; text-transform: none;" : "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 500; color: #374151; background: white; border: 1px solid #D1D5DB; border-radius: 6px; text-transform: none;")">@pageNum</MudButton>
+}
+            <MudButton OnClick="@(() => OnPageChanged(_currentPage + 1))" Disabled="@(_currentPage == _totalPage || _totalPage == 0)" Variant="Variant.Text" EndIcon="@Icons.Material.Filled.ChevronRight" Size="Size.Small" Style="@(_currentPage == _totalPage || _totalPage == 0 ? "text-transform: none; font-weight: 500; color: #D1D5DB;" : "text-transform: none; font-weight: 500; color: #6B7280; border: 1px solid #D1D5DB; border-radius: 6px; background: white; padding: 4px 8px;")">Next</MudButton>
+            <MudIconButton Icon="@Icons.Material.Filled.LastPage" Size="Size.Small" OnClick="@(() => OnPageChanged(_totalPage))" Disabled="@(_currentPage == _totalPage || _totalPage == 0)" Style="@(_currentPage == _totalPage || _totalPage == 0 ? "color: #D1D5DB; background: transparent;" : "color: #6B7280; background: white; border: 1px solid #D1D5DB; border-radius: 6px;")" />
+        </div>
+    </div>
+</MudPaper>
+
+<script>
+    function downloadFile(fileName, contentType, base64String) {
+        const link = document.createElement('a');
+        link.download = fileName;
+        link.href = `data:${contentType};base64,${base64String}`;
+        document.body.appendChild(link);
+        link.click();
+        document.body.removeChild(link);
+    }
+</script>
+
+<style>
+    .mud-input-outlined-border { border-radius: 4px !important; }
+    .custom-select-dense .mud-input-control { margin-top: 0 !important; }
+    .custom-select-dense .mud-input-slot { padding-top: 4px !important; padding-bottom: 4px !important; padding-left: 8px !important; font-size: 12px !important; }
+
+    .mud-table-styled .mud-table-row:hover { background-color: #F9FAFB !important; }
+</style>
+
+
+@code {
+    [Parameter] public EventCallback OnAdd { get; set; }
+    [Parameter] public EventCallback<UpdateCurrencyRequest> OnEdit { get; set; }
+    [Parameter] public EventCallback<UpdateCurrencyRequest> OnView { get; set; }
+
+    private List<GetCurrencyListResponse> _currencies = new();
+    private GetCurrencyListResponse? _selectedCurrency;
+    private string _searchString = "";
+    private bool _isRefreshing = false;
+    private bool _isExporting = false;
+
+    private int _skip = 0;
+    private int _top = 5;
+    private int _totalPage => GetFilteredData().Count() == 0 ? 0 : (int)Math.Ceiling((double)GetFilteredData().Count() / (_top == 0 ? 1 : _top));
+    private int _currentPage => (_top >= GetFilteredData().Count() || _top == 0) ? 1 : (_skip / _top) + 1;
+
+    protected override async Task OnInitializedAsync() => await LoadData();
+
+    private async Task LoadData()
+    {
+        _isRefreshing = true;
+        _selectedCurrency = null;
+        StateHasChanged();
+        try
+        {
+            var response = await CurrencyService.GetCurrencyListAsync();
+            await Task.Delay(500);
+            if (response != null && response.IsSuccess)
+            {
+                _currencies = response.Value ?? new List<GetCurrencyListResponse>();
+            }
+        }
+        finally
+        {
+            _isRefreshing = false;
+            StateHasChanged();
+        }
+    }
+
+    private IEnumerable<GetCurrencyListResponse> GetFilteredData()
+    {
+        if (string.IsNullOrWhiteSpace(_searchString)) return _currencies;
+        return _currencies.Where(x => 
+            (x.Name?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false) ||
+            (x.Code?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false) ||
+            (x.CountryOwner?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false)
+        );
+    }
+
+    private IEnumerable<GetCurrencyListResponse> GetPagedData() => GetFilteredData().Skip(_skip).Take(_top);
+
+    private void OnSearchClick()
+    {
+        _skip = 0;
+        _selectedCurrency = null;
+        StateHasChanged();
+    }
+
+    private void HandleSearchKeyDown(KeyboardEventArgs e)
+    {
+        if (e.Key == "Enter") OnSearchClick();
+    }
+
+    private async Task ExportToExcel()
+    {
+        _isExporting = true;
+        StateHasChanged();
+        try
+        {
+            await Task.Delay(1000);
+            using (var workbook = new XLWorkbook())
+            {
+                var worksheet = workbook.Worksheets.Add("Currencies");
+                var currentRow = 1;
+
+                worksheet.Cell(currentRow, 1).Value = "Currency Name";
+                worksheet.Cell(currentRow, 2).Value = "Code";
+                worksheet.Cell(currentRow, 3).Value = "Symbol";
+                worksheet.Cell(currentRow, 4).Value = "Country Owner";
+
+                var headerRange = worksheet.Range(1, 1, 1, 4);
+                headerRange.Style.Font.Bold = true;
+                headerRange.Style.Fill.BackgroundColor = XLColor.FromHtml("#0D47A1");
+                headerRange.Style.Font.FontColor = XLColor.White;
+
+                foreach (var item in GetFilteredData())
+                {
+                    currentRow++;
+                    worksheet.Cell(currentRow, 1).Value = item.Name;
+                    worksheet.Cell(currentRow, 2).Value = item.Code;
+                    worksheet.Cell(currentRow, 3).Value = item.Symbol;
+                    worksheet.Cell(currentRow, 4).Value = item.CountryOwner;
+                }
+
+                worksheet.Columns().AdjustToContents();
+
+                using (var stream = new MemoryStream())
+                {
+                    workbook.SaveAs(stream);
+                    var content = Convert.ToBase64String(stream.ToArray());
+                    await JSRuntime.InvokeVoidAsync("downloadFile", "Currencies_List.xlsx", "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", content);
+                    Snackbar.Add("Excel exported successfully", Severity.Success);
+                }
+            }
+        }
+        catch (Exception ex)
+        {
+            Snackbar.Add($"Export failed: {ex.Message}", Severity.Error);
+        }
+        finally
+        {
+            _isExporting = false;
+            StateHasChanged();
+        }
+    }
+
+    private void OnPageChanged(int page)
+    {
+        if (page >= 1 && page <= _totalPage)
+        {
+            _skip = (page - 1) * _top;
+            _selectedCurrency = null;
+            StateHasChanged();
+        }
+    }
+
+    private void OnPageSizeChanged(int size)
+    {
+        _top = size;
+        _skip = 0;
+        _selectedCurrency = null;
+        StateHasChanged();
+    }
+
+    private async Task InvokeEdit()
+    {
+        if (_selectedCurrency == null) return;
+        var request = await MapToUpdateRequest(_selectedCurrency.Id);
+        if (request != null) await OnEdit.InvokeAsync(request);
+    }
+
+    private async Task InvokeView()
+    {
+        if (_selectedCurrency == null) return;
+        var request = await MapToUpdateRequest(_selectedCurrency.Id);
+        if (request != null) await OnView.InvokeAsync(request);
+    }
+
+    private async Task<UpdateCurrencyRequest?> MapToUpdateRequest(string id)
+    {
+        var response = await CurrencyService.GetCurrencyByIdAsync(id);
+        if (response != null && response.IsSuccess && response.Value != null)
+        {
+            var detail = response.Value;
+            return new UpdateCurrencyRequest
+            {
+                Id = detail.Id,
+                Code = detail.Code,
+                Name = detail.Name,
+                Symbol = detail.Symbol,
+                CountryOwner = detail.CountryOwner,
+                Description = detail.Description,
+                CreatedAt = detail.CreatedAt,
+                CreatedBy = detail.CreatedBy,
+                UpdatedAt = detail.UpdatedAt,
+                UpdatedBy = detail.UpdatedBy
+            };
+        }
+        return null;
+    }
+
+    private async Task OnDelete()
+    {
+        if (_selectedCurrency == null) return;
+
+        var parameters = new DialogParameters<_DeleteConfirmation> { { x => x.ContentText, _selectedCurrency.Name } };
+        var options = new DialogOptions { CloseButton = false, MaxWidth = MaxWidth.ExtraSmall, FullWidth = true };
+
+        var dialog = await DialogService.ShowAsync<_DeleteConfirmation>("", parameters, options);
+        var result = await dialog.Result;
+
+        if (result != null && !result.Canceled)
+        {
+            var isSuccess = await CurrencyService.DeleteCurrencyByIdAsync(_selectedCurrency.Id);
+            if (isSuccess)
+            {
+                _selectedCurrency = null;
+                await LoadData();
+                Snackbar.Add("Currency deleted successfully", Severity.Success);
+            }
+            else
+            {
+                Snackbar.Add("Delete failed. This record might be protected by the system.", Severity.Error);
+            }
+        }
+    }
+}

Features/Setting/Currency/Components/_CurrencyUpdateForm.razor

@@ -0,0 +1,170 @@
+@using Indotalent.ConfigBackEnd.Extensions
+@using Indotalent.Features.Setting.Currency
+@using Indotalent.Features.Setting.Currency.Cqrs
+@using Indotalent.Shared.Utils
+@using MudBlazor
+@inject CurrencyService CurrencyService
+@inject ISnackbar Snackbar
+
+<MudPaper Elevation="0" Square="true" Class="pa-6 mb-3 d-flex align-center justify-space-between" Style="border: 1px solid #DCEBFA;">
+    <div class="d-flex align-center gap-4">
+        <MudIconButton Icon="@Icons.Material.Filled.ArrowBack" OnClick="() => OnCancel.InvokeAsync()" />
+        <div>
+            <MudText Typo="Typo.h5" Style="font-weight: 900; color: #1a1a1a;">@(ReadOnly ? "Currency Details" : "Edit Currency")</MudText>
+            <MudText Typo="Typo.body2" Style="color: #64748b;">@(ReadOnly ? "Viewing international currency specification." : "Modify existing currency information.")</MudText>
+        </div>
+    </div>
+</MudPaper>
+
+<MudPaper Elevation="0" Outlined="true" Class="pa-8" Style="border-radius: 0px; border: 1px solid #DCEBFA;">
+    <MudForm @ref="_form" Model="_model">
+        <MudGrid Spacing="3">
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Currency Code</MudText>
+                <MudTextField @bind-Value="_model.Code"
+                              For="@(() => _model.Code)"
+                              Validation="@(_validator.ValidateValue())"
+                              ReadOnly="ReadOnly"
+                              Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
+            </MudItem>
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Symbol</MudText>
+                <MudTextField @bind-Value="_model.Symbol"
+                              For="@(() => _model.Symbol)"
+                              Validation="@(_validator.ValidateValue())"
+                              ReadOnly="ReadOnly"
+                              Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
+            </MudItem>
+            <MudItem xs="12">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Currency Name</MudText>
+                <MudTextField @bind-Value="_model.Name"
+                              For="@(() => _model.Name)"
+                              Validation="@(_validator.ValidateValue())"
+                              ReadOnly="ReadOnly"
+                              Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
+            </MudItem>
+            <MudItem xs="12">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Country Owner</MudText>
+                <MudTextField @bind-Value="_model.CountryOwner"
+                              For="@(() => _model.CountryOwner)"
+                              Validation="@(_validator.ValidateValue())"
+                              ReadOnly="ReadOnly"
+                              Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
+            </MudItem>
+            <MudItem xs="12">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Description</MudText>
+                <MudTextField @bind-Value="_model.Description"
+                              For="@(() => _model.Description)"
+                              ReadOnly="ReadOnly"
+                              Variant="Variant.Outlined" Margin="Margin.Dense" Lines="3" FullWidth="true" />
+            </MudItem>
+
+            <MudItem xs="12" Class="mt-4">
+                <MudText Typo="Typo.button" Color="Color.Primary" Style="font-weight: 800;">Audit History</MudText>
+                <MudDivider Class="mt-2 mb-4" />
+            </MudItem>
+
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2">Created At</MudText>
+                <MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@DateTimeExtensions.ToString(_model.CreatedAt)</MudText>
+            </MudItem>
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2">Created By</MudText>
+                <MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@(!string.IsNullOrEmpty(_model.CreatedBy) ? _model.CreatedBy : "System")</MudText>
+            </MudItem>
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2">Last Updated At</MudText>
+                <MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@DateTimeExtensions.ToString(_model.UpdatedAt)</MudText>
+            </MudItem>
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2">Last Updated By</MudText>
+                <MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@(!string.IsNullOrEmpty(_model.UpdatedBy) ? _model.UpdatedBy : "System")</MudText>
+            </MudItem>
+        </MudGrid>
+
+        <div class="d-flex justify-end gap-2 mt-10">
+            <MudButton OnClick="() => OnCancel.InvokeAsync()"
+                       Variant="Variant.Outlined"
+                       Disabled="_processing"
+                       Style="border: 1px solid #e0e0e0; border-radius: 4px; text-transform: none; font-weight: 700;">
+                @(ReadOnly ? "Back to List" : "Cancel")
+            </MudButton>
+            @if (!ReadOnly)
+            {
+                <MudButton Color="Color.Primary"
+                           Variant="Variant.Filled"
+                           OnClick="Submit"
+                           Disabled="_processing"
+                           Style="border-radius: 4px; text-transform: none; font-weight: 700;">
+                    @if (_processing)
+                    {
+                        <MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
+                        <MudText Class="ms-2">Updating...</MudText>
+                    }
+                    else
+                    {
+                        <MudText>Save Changes</MudText>
+                    }
+                </MudButton>
+            }
+        </div>
+    </MudForm>
+</MudPaper>
+
+@code {
+    [Parameter] public UpdateCurrencyRequest Data { get; set; } = new();
+    [Parameter] public bool ReadOnly { get; set; } = false;
+    [Parameter] public EventCallback OnCancel { get; set; }
+    [Parameter] public EventCallback OnSuccess { get; set; }
+
+    private MudForm _form = default!;
+    private UpdateCurrencyValidator _validator = new();
+    private UpdateCurrencyRequest _model = new();
+    private bool _processing = false;
+
+    protected override void OnInitialized()
+    {
+        _model = new UpdateCurrencyRequest
+        {
+            Id = Data.Id,
+            Code = Data.Code,
+            Name = Data.Name,
+            Symbol = Data.Symbol,
+            CountryOwner = Data.CountryOwner,
+            Description = Data.Description,
+            CreatedAt = Data.CreatedAt,
+            CreatedBy = Data.CreatedBy,
+            UpdatedAt = Data.UpdatedAt,
+            UpdatedBy = Data.UpdatedBy
+        };
+    }
+
+    private async Task Submit()
+    {
+        if (ReadOnly) return;
+
+        await _form.Validate();
+        if (!_form.IsValid) return;
+
+        _processing = true;
+        try
+        {
+            var response = await CurrencyService.UpdateCurrencyAsync(_model);
+            await Task.Delay(500);
+
+            if (response != null && response.IsSuccess)
+            {
+                Snackbar.Add("Currency updated successfully", Severity.Success);
+                await OnSuccess.InvokeAsync();
+            }
+        }
+        catch (Exception ex)
+        {
+            Snackbar.Add($"Error: {ex.Message}", Severity.Error);
+        }
+        finally
+        {
+            _processing = false;
+        }
+    }
+}

Features/Setting/Currency/Cqrs/CreateCurrencyHandler.cs

@@ -0,0 +1,68 @@
+using Indotalent.ConfigBackEnd.Exceptions;
+using Indotalent.ConfigBackEnd.Extensions;
+using Indotalent.Infrastructure.Database;
+using MediatR;
+using Microsoft.EntityFrameworkCore;
+
+namespace Indotalent.Features.Setting.Currency.Cqrs;
+
+public class CreateCurrencyRequest
+{
+    public string? Code { get; set; }
+    public string? Name { get; set; }
+    public string? Symbol { get; set; }
+    public string? CountryOwner { get; set; }
+    public string? Description { get; set; }
+}
+
+public class CreateCurrencyResponse
+{
+    public string? Id { get; set; }
+    public string? Code { get; set; }
+}
+
+public record CreateCurrencyCommand(CreateCurrencyRequest Data) : IRequest<CreateCurrencyResponse>;
+public class CreateCurrencyHandler : IRequestHandler<CreateCurrencyCommand, CreateCurrencyResponse>
+{
+    private readonly AppDbContext _context;
+
+    public CreateCurrencyHandler(AppDbContext context) => _context = context;
+
+    public async Task<CreateCurrencyResponse> Handle(CreateCurrencyCommand request, CancellationToken cancellationToken)
+    {
+        var isExists = await _context.Currency
+            .AnyAsync(x => x.Code == request.Data.Code, cancellationToken);
+
+        if (isExists)
+        {
+            throw new AlreadyExistsException("Currency", request.Data.Code ?? string.Empty);
+        }
+
+        var entityName = nameof(Currency);
+
+        var autoNo = await _context.GenerateAutoNumberAsync(
+            entityName: entityName,
+            prefixTemplate: $"{entityName.ToShortNameConsonant(3)}/{{Year}}/",
+            ct: cancellationToken
+        );
+
+        var entity = new Data.Entities.Currency
+        {
+            AutoNumber = autoNo,
+            Code = request.Data.Code,
+            Name = request.Data.Name,
+            Symbol = request.Data.Symbol,
+            CountryOwner = request.Data.CountryOwner,
+            Description = request.Data.Description
+        };
+
+        _context.Currency.Add(entity);
+        await _context.SaveChangesAsync(cancellationToken);
+
+        return new CreateCurrencyResponse
+        {
+            Id = entity.Id,
+            Code = entity.Code
+        };
+    }
+}

Features/Setting/Currency/Cqrs/CreateCurrencyValidator.cs

@@ -0,0 +1,26 @@
+using FluentValidation;
+using Indotalent.Shared.Consts;
+
+namespace Indotalent.Features.Setting.Currency.Cqrs;
+
+public class CreateCurrencyValidator : AbstractValidator<CreateCurrencyRequest>
+{
+    public CreateCurrencyValidator()
+    {
+        RuleFor(x => x.Code)
+            .NotEmpty().WithMessage("Currency Code is required")
+            .MaximumLength(GlobalConsts.StringLengthShort);
+
+        RuleFor(x => x.Name)
+            .NotEmpty().WithMessage("Currency Name is required")
+            .MaximumLength(GlobalConsts.StringLengthShort);
+
+        RuleFor(x => x.Symbol)
+            .NotEmpty().WithMessage("Symbol is required")
+            .MaximumLength(GlobalConsts.StringLengthShort);
+
+        RuleFor(x => x.CountryOwner)
+            .NotEmpty().WithMessage("Country Owner is required")
+            .MaximumLength(GlobalConsts.StringLengthShort);
+    }
+}

Features/Setting/Currency/Cqrs/DeleteCurrencyByIdHandler.cs

@@ -0,0 +1,27 @@
+using Indotalent.Infrastructure.Database;
+using MediatR;
+using Microsoft.EntityFrameworkCore;
+
+namespace Indotalent.Features.Setting.Currency.Cqrs;
+
+public record DeleteCurrencyByIdRequest(string Id);
+
+public class DeleteCurrencyByIdHandler : IRequestHandler<DeleteCurrencyByIdCommand, bool>
+{
+    private readonly AppDbContext _context;
+
+    public DeleteCurrencyByIdHandler(AppDbContext context) => _context = context;
+
+    public async Task<bool> Handle(DeleteCurrencyByIdCommand request, CancellationToken cancellationToken)
+    {
+        var entity = await _context.Currency
+            .FirstOrDefaultAsync(x => x.Id == request.Data.Id, cancellationToken);
+
+        if (entity == null) return false;
+
+        _context.Currency.Remove(entity);
+        return await _context.SaveChangesAsync(cancellationToken) > 0;
+    }
+}
+
+public record DeleteCurrencyByIdCommand(DeleteCurrencyByIdRequest Data) : IRequest<bool>;

Features/Setting/Currency/Cqrs/GetCurrencyByIdHandler.cs

@@ -0,0 +1,49 @@
+using Indotalent.Infrastructure.Database;
+using MediatR;
+using Microsoft.EntityFrameworkCore;
+
+namespace Indotalent.Features.Setting.Currency.Cqrs;
+
+public class GetCurrencyByIdResponse
+{
+    public string? Id { get; set; }
+    public string? Code { get; set; }
+    public string? Name { get; set; }
+    public string? Symbol { get; set; }
+    public string? CountryOwner { get; set; }
+    public string? Description { get; set; }
+    public DateTimeOffset? CreatedAt { get; set; }
+    public string? CreatedBy { get; set; }
+    public DateTimeOffset? UpdatedAt { get; set; }
+    public string? UpdatedBy { get; set; }
+}
+
+public record GetCurrencyByIdQuery(string Id) : IRequest<GetCurrencyByIdResponse?>;
+
+public class GetCurrencyByIdHandler : IRequestHandler<GetCurrencyByIdQuery, GetCurrencyByIdResponse?>
+{
+    private readonly AppDbContext _context;
+
+    public GetCurrencyByIdHandler(AppDbContext context) => _context = context;
+
+    public async Task<GetCurrencyByIdResponse?> Handle(GetCurrencyByIdQuery request, CancellationToken cancellationToken)
+    {
+        return await _context.Currency
+            .AsNoTracking()
+            .Where(x => x.Id == request.Id)
+            .Select(x => new GetCurrencyByIdResponse
+            {
+                Id = x.Id,
+                Code = x.Code,
+                Name = x.Name,
+                Symbol = x.Symbol,
+                CountryOwner = x.CountryOwner,
+                Description = x.Description,
+                CreatedAt = x.CreatedAt,
+                CreatedBy = x.CreatedBy,
+                UpdatedAt = x.UpdatedAt,
+                UpdatedBy = x.UpdatedBy,
+            })
+            .FirstOrDefaultAsync(cancellationToken);
+    }
+}

Features/Setting/Currency/Cqrs/GetCurrencyListHandler.cs

@@ -0,0 +1,47 @@
+using Indotalent.Infrastructure.Database;
+using MediatR;
+using Microsoft.EntityFrameworkCore;
+
+namespace Indotalent.Features.Setting.Currency.Cqrs;
+
+public class GetCurrencyListResponse
+{
+    public string? Id { get; set; }
+    public string? Code { get; set; }
+    public string? Name { get; set; }
+    public string? Symbol { get; set; }
+    public string? CountryOwner { get; set; }
+    public DateTimeOffset? CreatedAt { get; set; }
+    public string? CreatedBy { get; set; }
+    public DateTimeOffset? UpdatedAt { get; set; }
+    public string? UpdatedBy { get; set; }
+}
+
+public record GetCurrencyListQuery() : IRequest<List<GetCurrencyListResponse>>;
+
+public class GetCurrencyListHandler : IRequestHandler<GetCurrencyListQuery, List<GetCurrencyListResponse>>
+{
+    private readonly AppDbContext _context;
+
+    public GetCurrencyListHandler(AppDbContext context) => _context = context;
+
+    public async Task<List<GetCurrencyListResponse>> Handle(GetCurrencyListQuery request, CancellationToken cancellationToken)
+    {
+        return await _context.Currency
+            .AsNoTracking()
+            .OrderBy(x => x.Code)
+            .Select(x => new GetCurrencyListResponse
+            {
+                Id = x.Id,
+                Code = x.Code,
+                Name = x.Name,
+                Symbol = x.Symbol,
+                CountryOwner = x.CountryOwner,
+                CreatedAt = x.CreatedAt,
+                CreatedBy = x.CreatedBy,
+                UpdatedAt = x.UpdatedAt,
+                UpdatedBy = x.UpdatedBy,
+            })
+            .ToListAsync(cancellationToken);
+    }
+}

Features/Setting/Currency/Cqrs/UpdateCurrencyHandler.cs

@@ -0,0 +1,70 @@
+using Indotalent.ConfigBackEnd.Exceptions;
+using Indotalent.Infrastructure.Database;
+using MediatR;
+using Microsoft.EntityFrameworkCore;
+
+namespace Indotalent.Features.Setting.Currency.Cqrs;
+
+public class UpdateCurrencyRequest
+{
+    public string? Id { get; set; }
+    public string? Code { get; set; }
+    public string? Name { get; set; }
+    public string? Symbol { get; set; }
+    public string? CountryOwner { get; set; }
+    public string? Description { get; set; }
+    public DateTimeOffset? CreatedAt { get; set; }
+    public string? CreatedBy { get; set; }
+    public DateTimeOffset? UpdatedAt { get; set; }
+    public string? UpdatedBy { get; set; }
+}
+
+public class UpdateCurrencyResponse
+{
+    public string? Id { get; set; }
+    public bool Success { get; set; }
+}
+
+public record UpdateCurrencyCommand(UpdateCurrencyRequest Data) : IRequest<UpdateCurrencyResponse>;
+
+public class UpdateCurrencyHandler : IRequestHandler<UpdateCurrencyCommand, UpdateCurrencyResponse>
+{
+    private readonly AppDbContext _context;
+
+    public UpdateCurrencyHandler(AppDbContext context)
+    {
+        _context = context;
+    }
+
+    public async Task<UpdateCurrencyResponse> Handle(UpdateCurrencyCommand request, CancellationToken cancellationToken)
+    {
+        var isExists = await _context.Currency
+            .AnyAsync(x => x.Code == request.Data.Code && x.Id != request.Data.Id, cancellationToken);
+
+        if (isExists)
+        {
+            throw new AlreadyExistsException("Currency", request.Data.Code ?? string.Empty);
+        }
+
+        var entity = await _context.Currency
+            .FirstOrDefaultAsync(x => x.Id == request.Data.Id, cancellationToken);
+
+        if (entity == null)
+        {
+            return new UpdateCurrencyResponse { Id = request.Data.Id, Success = false };
+        }
+
+        entity.Code = request.Data.Code;
+        entity.Name = request.Data.Name;
+        entity.Symbol = request.Data.Symbol;
+        entity.CountryOwner = request.Data.CountryOwner;
+        entity.Description = request.Data.Description;
+        await _context.SaveChangesAsync(cancellationToken);
+
+        return new UpdateCurrencyResponse
+        {
+            Id = entity.Id,
+            Success = true
+        };
+    }
+}

Features/Setting/Currency/Cqrs/UpdateCurrencyValidator.cs

@@ -0,0 +1,29 @@
+using FluentValidation;
+using Indotalent.Shared.Consts;
+
+namespace Indotalent.Features.Setting.Currency.Cqrs;
+
+public class UpdateCurrencyValidator : AbstractValidator<UpdateCurrencyRequest>
+{
+    public UpdateCurrencyValidator()
+    {
+        RuleFor(x => x.Id)
+            .NotEmpty().WithMessage("ID is required for update");
+
+        RuleFor(x => x.Code)
+            .NotEmpty().WithMessage("Currency Code is required")
+            .MaximumLength(GlobalConsts.StringLengthShort);
+
+        RuleFor(x => x.Name)
+            .NotEmpty().WithMessage("Currency Name is required")
+            .MaximumLength(GlobalConsts.StringLengthShort);
+
+        RuleFor(x => x.Symbol)
+            .NotEmpty().WithMessage("Symbol is required")
+            .MaximumLength(GlobalConsts.StringLengthShort);
+
+        RuleFor(x => x.CountryOwner)
+            .NotEmpty().WithMessage("Country Owner is required")
+            .MaximumLength(GlobalConsts.StringLengthShort);
+    }
+}

Features/Setting/Currency/CurrencyEndpoint.cs

@@ -0,0 +1,73 @@
+using Indotalent.ConfigBackEnd.Extensions;
+using Indotalent.Features.Setting.Currency.Cqrs;
+using MediatR;
+using Microsoft.AspNetCore.Authentication.JwtBearer;
+
+namespace Indotalent.Features.Setting.Currency;
+
+public static class CurrencyEndpoint
+{
+    public static void MapCurrencyEndpoints(this IEndpointRouteBuilder app)
+    {
+        var group = app.MapGroup("/currency").WithTags("Currencies")
+            .RequireAuthorization(policy => policy.AddAuthenticationSchemes(JwtBearerDefaults.AuthenticationScheme)
+            .RequireAuthenticatedUser());
+
+        group.MapGet("/", async (IMediator mediator) =>
+        {
+            var result = await mediator.Send(new GetCurrencyListQuery());
+
+            return result.ToApiResponse("Data currency retrieved successfully");
+        })
+        .WithName("GetCurrencyList")
+        .WithTags("Currencies");
+
+        group.MapGet("/{id}", async (string id, IMediator mediator) =>
+        {
+            var result = await mediator.Send(new GetCurrencyByIdQuery(id));
+
+            return result.ToApiResponse(result is not null
+                ? "Currency detail retrieved successfully"
+                : $"Currency with ID {id} not found");
+        })
+        .WithName("GetCurrencyById")
+        .WithTags("Currencies");
+
+        group.MapPost("/", async (CreateCurrencyRequest request, IMediator mediator) =>
+        {
+            var result = await mediator.Send(new CreateCurrencyCommand(request));
+
+            return result.ToApiResponse("Currency has been created successfully", StatusCodes.Status201Created);
+        })
+        .WithName("CreateCurrency")
+        .WithTags("Currencies");
+
+        group.MapPost("/update", async (UpdateCurrencyRequest request, IMediator mediator) =>
+        {
+            var result = await mediator.Send(new UpdateCurrencyCommand(request));
+
+            if (!result.Success)
+            {
+                return ((object?)null).ToApiResponse("Update failed. The currency data could not be found.");
+            }
+
+            return result.ToApiResponse("Currency has been updated successfully");
+        })
+        .WithName("UpdateCurrency")
+        .WithTags("Currencies");
+
+        group.MapPost("/delete/{id}", async (string id, IMediator mediator) =>
+        {
+            var result = await mediator.Send(new DeleteCurrencyByIdCommand(new DeleteCurrencyByIdRequest(id)));
+
+            if (!result)
+            {
+                return ((object?)null).ToApiResponse("Delete failed. The currency data could not be found.");
+            }
+
+            return true.ToApiResponse("Currency has been deleted successfully");
+        })
+        .WithName("DeleteCurrencyById")
+        .WithTags("Currencies");
+    }
+}

Features/Setting/Currency/CurrencyService.cs

@@ -0,0 +1,60 @@
+using Indotalent.ConfigBackEnd.Interfaces;
+using Indotalent.ConfigFrontEnd.Common;
+using Indotalent.Features.Setting.Currency.Cqrs;
+using Indotalent.Infrastructure.Authentication.Identity;
+using Indotalent.Shared.Models;
+using Microsoft.AspNetCore.Components;
+using MudBlazor;
+using RestSharp;
+
+namespace Indotalent.Features.Setting.Currency;
+
+public class CurrencyService : BaseService
+{
+    private readonly RestClient _client;
+
+    public CurrencyService(
+            IHttpClientFactory clientFactory,
+            NavigationManager nav,
+            ISnackbar snackbar,
+            ICurrentUserService currentUserService,
+            TokenProvider tokenProvider)
+            : base(clientFactory, nav, snackbar, currentUserService, tokenProvider)
+    {
+        _client = new RestClient(nav.BaseUri);
+    }
+
+    public async Task<ApiResponse<List<GetCurrencyListResponse>>?> GetCurrencyListAsync()
+    {
+        var request = new RestRequest("api/currency", Method.Get);
+        return await ExecuteWithResponseAsync<List<GetCurrencyListResponse>>(_client, request);
+    }
+
+    public async Task<ApiResponse<GetCurrencyByIdResponse>?> GetCurrencyByIdAsync(string id)
+    {
+        var request = new RestRequest($"api/currency/{id}", Method.Get);
+        return await ExecuteWithResponseAsync<GetCurrencyByIdResponse>(_client, request);
+    }
+
+    public async Task<ApiResponse<CreateCurrencyResponse>?> CreateCurrencyAsync(CreateCurrencyRequest data)
+    {
+        var request = new RestRequest("api/currency", Method.Post);
+        request.AddJsonBody(data);
+        return await ExecuteWithResponseAsync<CreateCurrencyResponse>(_client, request);
+    }
+
+    public async Task<bool> DeleteCurrencyByIdAsync(string id)
+    {
+        var request = new RestRequest($"api/currency/delete/{id}", Method.Post);
+
+        var response = await ExecuteWithResponseAsync<object>(_client, request);
+        return response?.IsSuccess ?? false;
+    }
+
+    public async Task<ApiResponse<UpdateCurrencyResponse>?> UpdateCurrencyAsync(UpdateCurrencyRequest data)
+    {
+        var request = new RestRequest("api/currency/update", Method.Post);
+        request.AddJsonBody(data);
+        return await ExecuteWithResponseAsync<UpdateCurrencyResponse>(_client, request);
+    }
+}

Features/Setting/SettingPage.razor

@@ -0,0 +1,108 @@
+@page "/setting"
+@using Microsoft.AspNetCore.Authorization
+@using Indotalent.Infrastructure.Authorization.Identity
+@attribute [Authorize(Roles = ApplicationRoles.Admin)]
+@using Indotalent.Features.Setting.AutoNumberSequence.Components
+@using Indotalent.Features.Setting.Company.Components
+@using Indotalent.Features.Setting.Currency.Components
+@using Indotalent.Features.Setting.SystemUser.Components
+@using Indotalent.Features.Setting.Tax.Components
+@using MudBlazor
+@inject NavigationManager NavigationManager
+
+<style>
+    .clean-white-tabs .mud-tabs-toolbar {
+        background-color: white !important;
+        border-bottom: 2px solid #DCEBFA;
+        border-radius: 0px !important;
+    }
+
+    .clean-white-tabs .mud-tab {
+        color: #94a3b8 !important;
+        text-transform: none;
+        font-weight: 500;
+        min-width: 160px;
+        border-radius: 0px !important;
+    }
+
+    .clean-white-tabs .mud-tab-active {
+        color: var(--mud-palette-primary) !important;
+        font-weight: 800;
+    }
+
+    .clean-white-tabs .mud-tabs-slider {
+        background-color: var(--mud-palette-primary) !important;
+        height: 3px !important;
+        bottom: 0;
+    }
+</style>
+
+<MudContainer MaxWidth="MaxWidth.ExtraLarge" Class="mt-2 mb-8">
+    <div class="clean-white-tabs">
+        <MudTabs Elevation="0"
+                 ActivePanelIndex="@_activeTabIndex"
+                 ActivePanelIndexChanged="OnTabChanged"
+                 ApplyEffectsToContainer="true"
+                 TabPanelsClass="pt-4">
+
+            <MudTabPanel Text="Company Info" Icon="@Icons.Material.Outlined.Business">
+                <CompanyPage />
+            </MudTabPanel>
+
+            <MudTabPanel Text="Users" Icon="@Icons.Material.Outlined.Group">
+                <SystemUserPage />
+            </MudTabPanel>
+
+            <MudTabPanel Text="Currencies" Icon="@Icons.Material.Outlined.Paid">
+                <CurrencyPage />
+            </MudTabPanel>
+
+            <MudTabPanel Text="Tax Rules" Icon="@Icons.Material.Outlined.ReceiptLong">
+                <TaxPage />
+            </MudTabPanel>
+
+            <MudTabPanel Text="Auto Number" Icon="@Icons.Material.Outlined.Numbers">
+                <AutoNumberSequencePage />
+            </MudTabPanel>
+
+
+        </MudTabs>
+    </div>
+</MudContainer>
+
+@code {
+    private int _activeTabIndex = 0;
+
+    protected override void OnInitialized()
+    {
+        var uri = NavigationManager.ToAbsoluteUri(NavigationManager.Uri);
+        if (Microsoft.AspNetCore.WebUtilities.QueryHelpers.ParseQuery(uri.Query).TryGetValue("tab", out var tabValue))
+        {
+            _activeTabIndex = tabValue.ToString().ToLower() switch
+            {
+                "company" => 0,
+                "user" => 1,
+                "currency" => 2,
+                "tax" => 3,
+                "autonumber" => 4,
+                _ => 0
+            };
+        }
+    }
+
+    private void OnTabChanged(int index)
+    {
+        _activeTabIndex = index;
+        string tabName = index switch
+        {
+            0 => "company",
+            1 => "user",
+            2 => "currency",
+            3 => "tax",
+            4 => "autonumber",
+            _ => "company"
+        };
+
+        NavigationManager.NavigateTo($"/setting?tab={tabName}", replace: false);
+    }
+}

Features/Setting/SystemUser/Components/SystemUserPage.razor

@@ -0,0 +1,74 @@
+@page "/setting/system-user"
+@using Indotalent.Features.Setting.SystemUser
+@using Indotalent.Features.Setting.SystemUser.Cqrs
+@using MudBlazor
+
+@if (_currentView == ViewMode.Create)
+{
+    <_SystemUserCreateForm OnCancel="BackToTable" OnSuccess="HandleSuccess" />
+}
+else if (_currentView == ViewMode.Update || _currentView == ViewMode.View)
+{
+    <_SystemUserUpdateForm Data="_selectedData!" ReadOnly="@(_currentView == ViewMode.View)" OnCancel="BackToTable" OnSuccess="HandleSuccess" />
+}
+else if (_currentView == ViewMode.ChangePassword)
+{
+    <_SystemUserChangePasswordForm Data="_selectedData!" OnCancel="BackToTable" OnSuccess="HandleSuccess" />
+}
+else if (_currentView == ViewMode.ChangeRole)
+{
+    <_SystemUserChangeRoleForm Data="_selectedData!" OnCancel="BackToTable" OnSuccess="HandleSuccess" />
+}
+else if (_currentView == ViewMode.ChangeAvatar)
+{
+    <_SystemUserChangeAvatarForm Data="_selectedData!" OnCancel="BackToTable" OnSuccess="HandleSuccess" />
+}
+else
+{
+    <_SystemUserDataTable OnAdd="() => ShowCreate()"
+                          OnEdit="(item) => ShowUpdate(item, false)"
+                          OnView="(item) => ShowUpdate(item, true)"
+                          OnChangePassword="(item) => ShowChangePassword(item)"
+                          OnManageRoles="(item) => ShowChangeRole(item)"
+                          OnChangeAvatar="(item) => ShowChangeAvatar(item)" />
+}
+
+@code {
+    private enum ViewMode { Table, Create, Update, View, ChangePassword, ChangeRole, ChangeAvatar }
+    private ViewMode _currentView = ViewMode.Table;
+    private UpdateSystemUserRequest? _selectedData;
+
+    private void ShowCreate() => _currentView = ViewMode.Create;
+    private void ShowUpdate(UpdateSystemUserRequest data, bool isReadOnly)
+    {
+        _selectedData = data;
+        _currentView = isReadOnly ? ViewMode.View : ViewMode.Update;
+    }
+    private void ShowChangePassword(UpdateSystemUserRequest data)
+    {
+        _selectedData = data;
+        _currentView = ViewMode.ChangePassword;
+    }
+    private void ShowChangeRole(UpdateSystemUserRequest data)
+    {
+        _selectedData = data;
+        _currentView = ViewMode.ChangeRole;
+    }
+    private void ShowChangeAvatar(UpdateSystemUserRequest data)
+    {
+        _selectedData = data;
+        _currentView = ViewMode.ChangeAvatar;
+    }
+
+    private void BackToTable()
+    {
+        _currentView = ViewMode.Table;
+        _selectedData = null;
+    }
+
+    private void HandleSuccess()
+    {
+        _currentView = ViewMode.Table;
+        _selectedData = null;
+    }
+}

Features/Setting/SystemUser/Components/_SystemUserChangeAvatarForm.razor

@@ -0,0 +1,176 @@
+@using Indotalent.ConfigBackEnd.Extensions
+@using Indotalent.Features.Setting.SystemUser
+@using Indotalent.Features.Setting.SystemUser.Cqrs
+@using Microsoft.AspNetCore.Components.Forms
+@using MudBlazor
+@using System.IO
+@inject SystemUserService SystemUserService
+@inject ISnackbar Snackbar
+
+<MudPaper Elevation="0" Square="true" Class="pa-6 mb-3 d-flex align-center justify-space-between" Style="border: 1px solid #DCEBFA;">
+    <div class="d-flex align-center gap-4">
+        <MudIconButton Icon="@Icons.Material.Filled.ArrowBack" OnClick="() => OnCancel.InvokeAsync()" />
+        <div>
+            <MudText Typo="Typo.h5" Style="font-weight: 900; color: #1a1a1a;">Update Profile Picture</MudText>
+            <MudText Typo="Typo.body2" Style="color: #64748b;">Change avatar for user: @Data.FullName</MudText>
+        </div>
+    </div>
+</MudPaper>
+
+<MudGrid Spacing="3">
+    <MudItem xs="12" sm="5">
+        <MudPaper Elevation="0" Outlined="true" Class="pa-8 d-flex flex-column align-center" Style="border-radius: 0px; border: 1px solid #DCEBFA; background-color: #F8FAFC;">
+            <MudText Typo="Typo.button" Color="Color.Primary" Class="mb-4" Style="font-weight: 800;">Preview Avatar</MudText>
+            
+            @if (_isLoading)
+            {
+                <MudProgressCircular Color="Color.Primary" Indeterminate="true" Size="Size.Large" />
+            }
+            else if (!string.IsNullOrEmpty(_previewUrl))
+            {
+                <div style="width:180px; height:180px; border-radius: 50%; overflow: hidden; border: 4px solid white; box-shadow: 0 4px 12px rgba(0,0,0,0.1);">
+                    <img src="@_previewUrl" style="width: 100%; height: 100%; object-fit: cover;" />
+                </div>
+            }
+            else
+            {
+                <MudAvatar Color="Color.Primary" Variant="Variant.Filled" Style="width:180px; height:180px; font-size: 4rem; font-weight: 800;">
+                    @Data.FullName.ToInitial()
+                </MudAvatar>
+            }
+            
+            <MudText Typo="Typo.caption" Class="mt-4" Style="color: #64748b; text-align: center;">
+                Allowed: JPG, JPEG, PNG. Max: 2MB.
+            </MudText>
+        </MudPaper>
+    </MudItem>
+
+    <MudItem xs="12" sm="7">
+        <MudPaper Elevation="0" Outlined="true" Class="pa-8" Style="border-radius: 0px; border: 1px solid #DCEBFA; height: 100%;">
+            <MudText Typo="Typo.button" Color="Color.Primary" Style="font-weight: 800;">Upload New Image</MudText>
+            <MudDivider Class="mt-2 mb-6" />
+
+            <MudFileUpload T="IBrowserFile" FilesChanged="HandleFileSelected" Accept=".jpg, .jpeg, .png">
+                <MudButton Variant="Variant.Outlined"
+                           Color="Color.Primary"
+                           StartIcon="@Icons.Material.Filled.CloudUpload"
+                           FullWidth="true"
+                           Style="border: 1px solid #e0e0e0; height: 120px; border-style: dashed; border-width: 2px; text-transform: none; font-weight: 700;">
+                    @(_selectedFile == null ? "Click or Drag Image Here" : _selectedFile.Name)
+                </MudButton>
+            </MudFileUpload>
+
+            <div class="d-flex justify-end gap-2 mt-10">
+                <MudButton OnClick="() => OnCancel.InvokeAsync()"
+                           Variant="Variant.Outlined"
+                           Disabled="_processing"
+                           Style="border: 1px solid #e0e0e0; border-radius: 4px; text-transform: none; font-weight: 700;">
+                    Cancel
+                </MudButton>
+                <MudButton Color="Color.Primary"
+                           Variant="Variant.Filled"
+                           OnClick="SubmitAvatar"
+                           Disabled="@(_selectedFile == null || _processing)"
+                           Style="border-radius: 4px; text-transform: none; font-weight: 700;">
+                    @if (_processing)
+                    {
+                        <MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
+                        <MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
+                    }
+                    else
+                    {
+                        <MudText>Update Avatar</MudText>
+                    }
+                </MudButton>
+            </div>
+        </MudPaper>
+    </MudItem>
+</MudGrid>
+
+@code {
+    [Parameter] public UpdateSystemUserRequest Data { get; set; } = new();
+    [Parameter] public EventCallback OnCancel { get; set; }
+    [Parameter] public EventCallback OnSuccess { get; set; }
+
+    private IBrowserFile? _selectedFile;
+    private string? _previewUrl;
+    private bool _processing = false;
+    private bool _isLoading = false;
+
+    protected override async Task OnInitializedAsync()
+    {
+        if (!string.IsNullOrEmpty(Data.AvatarFile))
+        {
+            _isLoading = true;
+            try 
+            {
+                var bytes = await SystemUserService.GetAvatarBlobAsync(Data.AvatarFile);
+                if (bytes != null && bytes.Length > 0)
+                {
+                    _previewUrl = $"data:image/png;base64,{Convert.ToBase64String(bytes)}";
+                }
+            }
+            finally 
+            {
+                _isLoading = false;
+                StateHasChanged();
+            }
+        }
+    }
+
+    private async Task HandleFileSelected(IBrowserFile file)
+    {
+        if (file == null) return;
+
+        if (file.Size > 2 * 1024 * 1024)
+        {
+            Snackbar.Add("File too large. Max 2MB allowed.", Severity.Warning);
+            return;
+        }
+
+        _selectedFile = file;
+        
+        using var stream = file.OpenReadStream(2 * 1024 * 1024);
+        using var ms = new MemoryStream();
+        await stream.CopyToAsync(ms);
+        
+        _previewUrl = $"data:{file.ContentType};base64,{Convert.ToBase64String(ms.ToArray())}";
+        StateHasChanged();
+    }
+
+    private async Task SubmitAvatar()
+    {
+        if (_selectedFile == null) return;
+
+        _processing = true;
+        try
+        {
+            using var stream = _selectedFile.OpenReadStream(2 * 1024 * 1024);
+            using var ms = new MemoryStream();
+            await stream.CopyToAsync(ms);
+
+            var request = new ChangeAvatarRequest
+            {
+                UserId = Data.Id ?? string.Empty,
+                FileData = ms.ToArray(),
+                FileName = _selectedFile.Name
+            };
+
+            var response = await SystemUserService.ChangeAvatarAsync(request);            
+            await Task.Delay(500);
+            if (response != null && response.IsSuccess)
+            {
+                Snackbar.Add("Avatar updated successfully", Severity.Success);
+                await OnSuccess.InvokeAsync();
+            }
+        }
+        catch (Exception ex)
+        {
+            Snackbar.Add($"Upload failed: {ex.Message}", Severity.Error);
+        }
+        finally
+        {
+            _processing = false;
+        }
+    }
+}

Features/Setting/SystemUser/Components/_SystemUserChangePasswordForm.razor

@@ -0,0 +1,167 @@
+@using Indotalent.Features.Setting.SystemUser
+@using Indotalent.Features.Setting.SystemUser.Cqrs
+@using Indotalent.Shared.Utils
+@using MudBlazor
+@inject SystemUserService SystemUserService
+@inject ISnackbar Snackbar
+
+<MudPaper Elevation="0" Square="true" Class="pa-6 mb-3 d-flex align-center justify-space-between" Style="border: 1px solid #DCEBFA;">
+    <div class="d-flex align-center gap-4">
+        <MudIconButton Icon="@Icons.Material.Filled.ArrowBack" OnClick="() => OnCancel.InvokeAsync()" />
+        <div>
+            <MudText Typo="Typo.h5" Style="font-weight: 900; color: #1a1a1a;">Security: Change Password</MudText>
+            <MudText Typo="Typo.body2" Style="color: #64748b;">Manage password security for account: @Data.FullName</MudText>
+        </div>
+    </div>
+</MudPaper>
+
+<MudGrid Spacing="3">
+    <MudItem xs="12" sm="7">
+        <MudPaper Elevation="0" Outlined="true" Class="pa-8" Style="border-radius: 0px; border: 1px solid #DCEBFA; height: 100%;">
+            <MudText Typo="Typo.button" Color="Color.Primary" Style="font-weight: 800;">Manual Password Overwrite</MudText>
+            <MudDivider Class="mt-2 mb-6" />
+            
+            <MudForm @ref="_form" Model="_model" Validation="@(_validator.ValidateValue())">
+                <MudGrid Spacing="3">
+                    <MudItem xs="12">
+                        <MudText Typo="Typo.subtitle2" Class="mb-1">New Password</MudText>
+                        <MudTextField @bind-Value="_model.NewPassword"
+                                      For="@(() => _model.NewPassword)"
+                                      InputType="InputType.Password"
+                                      Variant="Variant.Outlined"
+                                      Margin="Margin.Dense"
+                                      FullWidth="true" />
+                    </MudItem>
+
+                    <MudItem xs="12">
+                        <MudText Typo="Typo.subtitle2" Class="mb-1">Confirm New Password</MudText>
+                        <MudTextField @bind-Value="_model.ConfirmPassword"
+                                      For="@(() => _model.ConfirmPassword)"
+                                      InputType="InputType.Password"
+                                      Variant="Variant.Outlined"
+                                      Margin="Margin.Dense"
+                                      FullWidth="true" />
+                    </MudItem>
+                </MudGrid>
+
+                <div class="d-flex justify-end gap-2 mt-8">
+                    <MudButton OnClick="() => OnCancel.InvokeAsync()"
+                               Variant="Variant.Outlined"
+                               Disabled="_processing"
+                               Style="border: 1px solid #e0e0e0; border-radius: 4px; text-transform: none; font-weight: 700;">
+                        Cancel
+                    </MudButton>
+                    <MudButton Color="Color.Primary"
+                               Variant="Variant.Filled"
+                               OnClick="SubmitManual"
+                               Disabled="_processing"
+                               Style="border-radius: 4px; text-transform: none; font-weight: 700;">
+                        @if (_processing)
+                        {
+                            <MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
+                            <MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
+                        }
+                        else
+                        {
+                            <MudText>Set New Password</MudText>
+                        }
+                    </MudButton>
+                </div>
+            </MudForm>
+        </MudPaper>
+    </MudItem>
+
+    <MudItem xs="12" sm="5">
+        <MudPaper Elevation="0" Outlined="true" Class="pa-8" Style="border-radius: 4px; border: 1px solid #DCEBFA; height: 100%; background-color: #F8FAFC;">
+            <MudText Typo="Typo.button" Color="Color.Info" Style="font-weight: 800;">Password Reset Link</MudText>
+            <MudDivider Class="mt-2 mb-4" />
+            
+            <MudText Typo="Typo.body2" Class="mb-4">
+                Instead of setting a password manually, you can send a secure reset link to the user's registered email:
+            </MudText>
+            
+            <MudChip T="string" Color="Color.Info" Variant="Variant.Text" Icon="@Icons.Material.Filled.Email" Class="mb-6">@Data.Email</MudChip>
+
+            <MudButton Color="Color.Info"
+                       Variant="Variant.Outlined"
+                       OnClick="SendResetLink"
+                       Disabled="_processingReset"
+                       FullWidth="true"
+                       StartIcon="@Icons.Material.Filled.Send"
+                       Style="border: 1px solid #e0e0e0; background:white; border-radius: 4px; text-transform: none; font-weight: 700; height: 48px;">
+                @if (_processingReset)
+                {
+                    <MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
+                    <MudText Class="ms-2">Sending...</MudText>
+                }
+                else
+                {
+                    <MudText>Send Forgot Password Email</MudText>
+                }
+            </MudButton>
+            
+            <MudAlert Severity="Severity.Info" Dense="true" Class="mt-4" Square="true" Style="font-size: 12px;">
+                The user will receive an email with instructions to set their own password.
+            </MudAlert>
+        </MudPaper>
+    </MudItem>
+</MudGrid>
+
+@code {
+    [Parameter] public UpdateSystemUserRequest Data { get; set; } = new();
+    [Parameter] public EventCallback OnCancel { get; set; }
+    [Parameter] public EventCallback OnSuccess { get; set; }
+
+    private MudForm _form = default!;
+    private ChangePasswordRequest _model = new();
+    private ChangePasswordValidator _validator = new();
+    
+    private bool _processing = false;
+    private bool _processingReset = false;
+
+    protected override void OnInitialized()
+    {
+        _model.UserId = Data.Id ?? string.Empty;
+    }
+
+    private async Task SubmitManual()
+    {
+        await _form.Validate();
+        if (!_form.IsValid) return;
+
+        _processing = true;
+        try
+        {
+            var response = await SystemUserService.ChangePasswordAsync(_model);            
+            await Task.Delay(500);
+            if (response != null && response.IsSuccess)
+            {
+                Snackbar.Add("Password updated successfully", Severity.Success);
+                await OnSuccess.InvokeAsync();
+            }
+        }
+        finally
+        {
+            _processing = false;
+        }
+    }
+
+    private async Task SendResetLink()
+    {
+        _processingReset = true;
+        try
+        {
+            var success = await SystemUserService.SendResetLinkAsync(Data.Id ?? string.Empty);
+            await Task.Delay(500);
+            if (success)
+            {
+                Snackbar.Add("Reset link sent to user email", Severity.Success);
+                await OnSuccess.InvokeAsync();
+            }
+        }
+        finally
+        {
+            _processingReset = false;
+        }
+    }
+}

Features/Setting/SystemUser/Components/_SystemUserChangeRoleForm.razor

@@ -0,0 +1,125 @@
+@using Indotalent.Features.Setting.SystemUser
+@using Indotalent.Features.Setting.SystemUser.Cqrs
+@using Indotalent.Infrastructure.Authorization.Identity
+@using MudBlazor
+@inject SystemUserService SystemUserService
+@inject ISnackbar Snackbar
+
+<MudPaper Elevation="0" Square="true" Class="pa-6 mb-3 d-flex align-center justify-space-between" Style="border: 1px solid #DCEBFA;">
+    <div class="d-flex align-center gap-4">
+        <MudIconButton Icon="@Icons.Material.Filled.ArrowBack" OnClick="() => OnCancel.InvokeAsync()" />
+        <div>
+            <MudText Typo="Typo.h5" Style="font-weight: 900; color: #1a1a1a;">Manage User Roles</MudText>
+            <MudText Typo="Typo.body2" Style="color: #64748b;">Assign or revoke roles for: @Data.FullName (@Data.Email)</MudText>
+        </div>
+    </div>
+</MudPaper>
+
+<MudPaper Elevation="0" Outlined="true" Class="pa-8" Style="border-radius: 0px; border: 1px solid #DCEBFA;">
+    <MudText Typo="Typo.button" Color="Color.Primary" Style="font-weight: 800;">Available System Roles</MudText>
+    <MudDivider Class="mt-2 mb-6" />
+
+    <MudGrid Spacing="3">
+        @foreach (var role in ApplicationRoles.AllRoles)
+        {
+            <MudItem xs="12" sm="4" md="3">
+                <MudPaper Elevation="0" Class="pa-4 d-flex align-center" Style="border: 1px solid #E2E8F0; background-color: #F8FAFC;">
+                    <MudCheckBox T="bool"
+                                 Value="@(_selectedRoles.Contains(role))"
+                                 ValueChanged="@((bool val) => OnRoleToggled(role, val))"
+                                 Color="Color.Primary"
+                                 Dense="true" />
+                    <MudStack Spacing="0">
+                        <MudText Typo="Typo.body2" Style="font-weight: 700;">@role</MudText>
+                        <MudText Typo="Typo.caption" Style="color: #64748b;">System Role</MudText>
+                    </MudStack>
+                </MudPaper>
+            </MudItem>
+        }
+    </MudGrid>
+
+    <div class="d-flex justify-end gap-2 mt-10">
+        <MudButton OnClick="() => OnCancel.InvokeAsync()"
+                   Variant="Variant.Outlined"
+                   Disabled="_processing"
+                   Style="border: 1px solid #e0e0e0; border-radius: 4px; text-transform: none; font-weight: 700;">
+            Cancel
+        </MudButton>
+        <MudButton Color="Color.Primary"
+                   Variant="Variant.Filled"
+                   OnClick="Submit"
+                   Disabled="_processing"
+                   Style="border-radius: 4px; text-transform: none; font-weight: 700;">
+            @if (_processing)
+            {
+                <MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
+                <MudText Class="ms-2">Saving Roles...</MudText>
+            }
+            else
+            {
+                <MudText>Update Role Assignments</MudText>
+            }
+        </MudButton>
+    </div>
+</MudPaper>
+
+@code {
+    [Parameter] public UpdateSystemUserRequest Data { get; set; } = new();
+    [Parameter] public EventCallback OnCancel { get; set; }
+    [Parameter] public EventCallback OnSuccess { get; set; }
+
+    private List<string> _selectedRoles = new();
+    private bool _processing = false;
+
+    protected override void OnInitialized()
+    {
+        if (Data.UserRoles != null)
+        {
+            _selectedRoles = new List<string>(Data.UserRoles);
+        }
+    }
+
+    private void OnRoleToggled(string role, bool isSelected)
+    {
+        if (isSelected)
+        {
+            if (!_selectedRoles.Contains(role)) _selectedRoles.Add(role);
+        }
+        else
+        {
+            _selectedRoles.Remove(role);
+        }
+    }
+
+    private async Task Submit()
+    {
+        if (_selectedRoles.Count == 0)
+        {
+            Snackbar.Add("Please select at least one role", Severity.Warning);
+            return;
+        }
+
+        _processing = true;
+        try
+        {
+            var request = new ChangeRoleRequest
+            {
+                UserId = Data.Id ?? string.Empty,
+                Roles = _selectedRoles
+            };
+
+            var success = await SystemUserService.ChangeRoleAsync(request);
+            await Task.Delay(500);
+
+            if (success)
+            {
+                Snackbar.Add("User roles updated successfully", Severity.Success);
+                await OnSuccess.InvokeAsync();
+            }
+        }
+        finally
+        {
+            _processing = false;
+        }
+    }
+}

Features/Setting/SystemUser/Components/_SystemUserCreateForm.razor

@@ -0,0 +1,218 @@
+@using Indotalent.Features.Setting.SystemUser
+@using Indotalent.Features.Setting.SystemUser.Cqrs
+@using MudBlazor
+@using Indotalent.Shared.Utils
+@inject SystemUserService SystemUserService
+@inject ISnackbar Snackbar
+
+<MudPaper Elevation="0" Square="true" Class="pa-6 mb-3 d-flex align-center justify-space-between" Style="border: 1px solid #DCEBFA;">
+    <div class="d-flex align-center gap-4">
+        <MudIconButton Icon="@Icons.Material.Filled.ArrowBack" OnClick="() => OnCancel.InvokeAsync()" />
+        <div>
+            <MudText Typo="Typo.h5" Style="font-weight: 900; color: #1a1a1a;">Add New User</MudText>
+            <MudText Typo="Typo.body2" Style="color: #64748b;">Fill in the account details and security settings for the new user.</MudText>
+        </div>
+    </div>
+</MudPaper>
+
+<MudPaper Elevation="0" Outlined="true" Class="pa-8" Style="border-radius: 0px; border: 1px solid #DCEBFA;">
+    <MudForm @ref="_form" Model="_model" Validation="@(_validator.ValidateValue())">
+        <MudGrid Spacing="3">
+            <MudItem xs="12">
+                <MudText Typo="Typo.button" Color="Color.Primary" Style="font-weight: 800;">Primary Information</MudText>
+                <MudDivider Class="mt-2 mb-4" />
+            </MudItem>
+
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Full Name</MudText>
+                <MudTextField @bind-Value="_model.FullName"
+                              For="@(() => _model.FullName)"
+                              Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
+            </MudItem>
+
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Email Address (as Username)</MudText>
+                <MudTextField @bind-Value="_model.Email"
+                              For="@(() => _model.Email)"
+                              TextChanged="OnEmailChanged"
+                              Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
+            </MudItem>
+
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Password</MudText>
+                <MudTextField @bind-Value="_model.Password"
+                              For="@(() => _model.Password)"
+                              InputType="InputType.Password"
+                              Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
+            </MudItem>
+
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Phone Number</MudText>
+                <MudTextField @bind-Value="_model.PhoneNumber"
+                              For="@(() => _model.PhoneNumber)"
+                              Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
+            </MudItem>
+
+            <MudItem xs="12">
+                <MudText Typo="Typo.button" Color="Color.Primary" Class="mt-4" Style="font-weight: 800;">SSO Identifiers</MudText>
+                <MudDivider Class="mt-2 mb-4" />
+            </MudItem>
+
+            <MudItem xs="12" sm="4">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Firebase ID</MudText>
+                <MudTextField @bind-Value="_model.SsoIdFirebase" For="@(() => _model.SsoIdFirebase)" Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
+            </MudItem>
+            <MudItem xs="12" sm="4">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Keycloak ID</MudText>
+                <MudTextField @bind-Value="_model.SsoIdKeycloak" For="@(() => _model.SsoIdKeycloak)" Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
+            </MudItem>
+            <MudItem xs="12" sm="4">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Azure ID</MudText>
+                <MudTextField @bind-Value="_model.SsoIdAzure" For="@(() => _model.SsoIdAzure)" Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
+            </MudItem>
+            <MudItem xs="12" sm="4">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">AWS ID</MudText>
+                <MudTextField @bind-Value="_model.SsoIdAws" For="@(() => _model.SsoIdAws)" Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
+            </MudItem>
+            <MudItem xs="12" sm="4">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Other SSO ID 1</MudText>
+                <MudTextField @bind-Value="_model.SsoIdOther1" For="@(() => _model.SsoIdOther1)" Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
+            </MudItem>
+            <MudItem xs="12" sm="4">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Other SSO ID 2</MudText>
+                <MudTextField @bind-Value="_model.SsoIdOther2" For="@(() => _model.SsoIdOther2)" Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
+            </MudItem>
+            <MudItem xs="12" sm="4">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Other SSO ID 3</MudText>
+                <MudTextField @bind-Value="_model.SsoIdOther3" For="@(() => _model.SsoIdOther3)" Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
+            </MudItem>
+
+            <MudItem xs="12">
+                <MudText Typo="Typo.button" Color="Color.Primary" Class="mt-4" Style="font-weight: 800;">Account Settings & Status</MudText>
+                <MudDivider Class="mt-2 mb-4" />
+            </MudItem>
+
+            <MudItem xs="12" sm="6">
+                <MudStack Spacing="4">
+                    <div>
+                        <MudSwitch @bind-Value="_model.IsActive" Color="Color.Success" Label="Is Active" />
+                        <MudText Typo="Typo.caption" Class="ml-10 d-block mt-n2" Style="color: #64748b;">General availability of the account in the system.</MudText>
+                    </div>
+
+                    <div>
+                        <MudSwitch @bind-Value="_model.EmailConfirmed" Color="Color.Info" Label="Email Confirmed" />
+                        <MudText Typo="Typo.caption" Class="ml-10 d-block mt-n2" Style="color: #64748b;">Mark email as verified without requiring user action.</MudText>
+                    </div>
+
+                    <div>
+                        <MudSwitch @bind-Value="_model.PhoneNumberConfirmed" Color="Color.Info" Label="Phone Confirmed" />
+                        <MudText Typo="Typo.caption" Class="ml-10 d-block mt-n2" Style="color: #64748b;">Mark phone number as verified.</MudText>
+                    </div>
+
+                    <div>
+                        <MudSwitch @bind-Value="_model.TwoFactorEnabled" Color="Color.Warning" Label="Enable 2FA" />
+                        <MudText Typo="Typo.caption" Class="ml-10 d-block mt-n2" Style="color: #64748b;">Enforce Two-Factor Authentication for this user.</MudText>
+                    </div>
+                </MudStack>
+            </MudItem>
+
+            <MudItem xs="12" sm="6">
+                <MudStack Spacing="4">
+                    <div>
+                        <MudSwitch @bind-Value="_model.LockoutEnabled" Color="Color.Error" Label="Lockout Enabled" />
+                        <MudText Typo="Typo.caption" Class="ml-10 d-block mt-n2" Style="color: #64748b;">Allow account to be locked after failed attempts.</MudText>
+                    </div>
+
+                    <div class="mt-2">
+                        <MudText Typo="Typo.subtitle2" Class="mb-1">Manual Lockout Until</MudText>
+                        <MudDatePicker @bind-Date="_lockoutDate"
+                                       Placeholder="Select Date"
+                                       Variant="Variant.Outlined"
+                                       Margin="Margin.Dense"
+                                       Editable="true"
+                                       Clearable="true"
+                                       MinDate="DateTime.Today" />
+                        <MudText Typo="Typo.caption" Style="color: #64748b;">Set this only if you want to pre-lock this new account.</MudText>
+                    </div>
+                </MudStack>
+            </MudItem>
+        </MudGrid>
+
+        <div class="d-flex justify-end gap-2 mt-8">
+            <MudButton OnClick="() => OnCancel.InvokeAsync()"
+                       Variant="Variant.Outlined"
+                       Disabled="_processing"
+                       Style="border: 1px solid #e0e0e0; border-radius: 4px; text-transform: none; font-weight: 700;">
+                Cancel
+            </MudButton>
+            <MudButton Color="Color.Primary"
+                       Variant="Variant.Filled"
+                       OnClick="Submit"
+                       Disabled="_processing"
+                       Style="border-radius: 4px; text-transform: none; font-weight: 700;">
+                @if (_processing)
+                {
+                    <MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
+                    <MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
+                }
+                else
+                {
+                    <MudText>Create User</MudText>
+                }
+            </MudButton>
+        </div>
+    </MudForm>
+</MudPaper>
+
+@code {
+    [Parameter] public EventCallback OnCancel { get; set; }
+    [Parameter] public EventCallback OnSuccess { get; set; }
+
+    private MudForm _form = default!;
+    private CreateSystemUserRequest _model = new() { IsActive = true, LockoutEnabled = true };
+    private CreateSystemUserValidator _validator = new();
+    private DateTime? _lockoutDate;
+    private bool _processing = false;
+
+    private void OnEmailChanged(string value)
+    {
+        _model.Email = value;
+        _model.UserName = value;
+    }
+
+    private async Task Submit()
+    {
+        await _form.Validate();
+        if (!_form.IsValid) return;
+
+        _processing = true;
+        try
+        {
+            if (_lockoutDate.HasValue)
+            {
+                _model.LockoutEnd = new DateTimeOffset(_lockoutDate.Value, TimeSpan.Zero);
+            }
+            else
+            {
+                _model.LockoutEnd = null;
+            }
+
+            var response = await SystemUserService.CreateSystemUserAsync(_model);
+            await Task.Delay(500);
+
+            if (response != null && response.IsSuccess)
+            {
+                Snackbar.Add("User created successfully", Severity.Success);
+                await OnSuccess.InvokeAsync();
+            }
+        }
+        catch (Exception ex)
+        {
+            Snackbar.Add($"Error: {ex.Message}", Severity.Error);
+        }
+        finally
+        {
+            _processing = false;
+        }
+    }
+}

Features/Setting/SystemUser/Components/_SystemUserDataTable.razor

@@ -0,0 +1,468 @@
+@using Indotalent.Features.Setting.SystemUser
+@using Indotalent.Features.Setting.SystemUser.Cqrs
+@using Indotalent.Infrastructure.Authorization.Identity
+@using Microsoft.AspNetCore.Components.Web
+@using Microsoft.JSInterop
+@using MudBlazor
+@using Features.Root.Shared
+@using Indotalent.ConfigBackEnd.Extensions
+@using Indotalent.Shared.Consts
+@using ClosedXML.Excel
+@using System.IO
+@inject SystemUserService SystemUserService
+@inject IDialogService DialogService
+@inject ISnackbar Snackbar
+@inject IJSRuntime JSRuntime
+
+<MudPaper Elevation="0" Square="true" Class="pa-6 mb-3 d-flex align-center justify-space-between" Style="border: 1px solid #E5E7EB; border-radius: 12px;">
+    <div>
+        <MudText Typo="Typo.h5" Style="font-weight: 700; color: #111827;">User Management</MudText>
+        <MudText Typo="Typo.body2" Style="color: #9CA3AF;">Manage system users, status, and role assignments.</MudText>
+    </div>
+    <div class="d-flex align-center gap-2">
+        <MudIcon Icon="@Icons.Material.Filled.Home" Size="Size.Small" Color="Color.Default" />
+        <MudText Typo="Typo.caption" Style="color: #9CA3AF;">/</MudText>
+        <MudText Typo="Typo.caption" Style="color: #9CA3AF;">Settings</MudText>
+        <MudText Typo="Typo.caption" Style="color: #9CA3AF;">/</MudText>
+        <MudText Typo="Typo.caption" Style="font-weight: 600; color: #111827;">System User</MudText>
+    </div>
+</MudPaper>
+
+<MudPaper Elevation="0" Outlined="true" Style="border-radius: 12px; overflow: hidden; background-color: #ffffff; border: 1px solid #E5E7EB;">
+
+    <div style="padding: 20px 24px; border-bottom: 1px solid #E5E7EB; display: flex; justify-content: space-between; align-items: center; background-color: #ffffff; min-height: 80px;">
+        
+        <div style="display: flex; align-items: center; gap: 8px;">
+            <MudTextField @bind-Value="_searchString" 
+                          Placeholder="Search..." 
+                          Adornment="Adornment.Start" 
+                          AdornmentIcon="@Icons.Material.Filled.Search" 
+                          IconSize="Size.Small" 
+                          Class="mt-0"
+                          Variant="Variant.Outlined"
+                          Margin="Margin.Dense"
+                          Style="background-color: white; width: 280px; border-radius: 8px;"
+                          OnKeyDown="@HandleSearchKeyDown" />
+            
+            <MudButton Variant="Variant.Filled" 
+                       Color="Color.Primary" 
+                       OnClick="OnSearchClick" 
+                       Size="Size.Small" 
+                       Style="text-transform: none; font-weight: 500; border-radius: 6px; height: 34px; box-shadow: none; background: #3B82F6; color: white;">
+                Search
+            </MudButton>
+        </div>
+
+        <div style="display: flex; gap: 8px; align-items: center;">
+            <MudButton Variant="Variant.Outlined" 
+                       Color="Color.Success" 
+                       OnClick="ExportToExcel" 
+                       Size="Size.Small" 
+                       Disabled="_isExporting"
+                       StartIcon="@(_isExporting ? null : Icons.Custom.FileFormats.FileExcel)" 
+                       Style="border: 1px solid #D1D5DB; background: white; font-weight: 500; border-radius: 6px; text-transform: none; height: 34px; color: #6B7280;">
+                @if (_isExporting)
+                {
+                    <MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
+                    <MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
+                }
+                else
+                {
+                    <MudText Typo="Typo.button" Style="text-transform: none !important;">Excel</MudText>
+                }
+            </MudButton>
+
+            <MudButton Variant="Variant.Outlined" 
+                       Color="Color.Primary" 
+                       OnClick="LoadData" 
+                       Size="Size.Small" 
+                       StartIcon="@(_isRefreshing ? null : Icons.Material.Filled.Refresh)" 
+                       Disabled="_isRefreshing" 
+                       Style="border: 1px solid #D1D5DB; background: white; font-weight: 500; border-radius: 6px; text-transform: none; height: 34px; color: #6B7280;">
+                @if (_isRefreshing)
+                {
+                    <MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
+                    <MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Refreshing...</MudText>
+                }
+                else
+                {
+                    <MudText Typo="Typo.button" Style="text-transform: none !important;">Refresh</MudText>
+                }
+            </MudButton>
+
+            @if (_selectedUser != null)
+            {
+                <MudButton Variant="Variant.Outlined" Color="Color.Default" StartIcon="@Icons.Material.Filled.PhotoCamera" OnClick="InvokeChangeAvatar" Size="Size.Small" Style="border: 1px solid #e0e0e0; background:white; border-radius:4px; text-transform:none; font-weight:700;">Avatar</MudButton>
+                <MudButton Variant="Variant.Outlined" Color="Color.Success" StartIcon="@Icons.Material.Filled.Security" OnClick="InvokeManageRoles" Size="Size.Small" Style="border: 1px solid #e0e0e0; background:white; border-radius:4px; text-transform:none; font-weight:700;">Roles</MudButton>
+                <MudButton Variant="Variant.Outlined" Color="Color.Warning" StartIcon="@Icons.Material.Filled.VpnKey" OnClick="InvokeChangePassword" Size="Size.Small" Style="border: 1px solid #e0e0e0; background:white; border-radius:4px; text-transform:none; font-weight:700;">PW</MudButton>
+                <MudButton Variant="Variant.Outlined" Color="Color.Info" StartIcon="@Icons.Material.Filled.Visibility" OnClick="InvokeView" Size="Size.Small" Style="border: 1px solid #e0e0e0; background:white; border-radius:4px; text-transform:none; font-weight:700;">View</MudButton>
+                <MudButton Variant="Variant.Outlined" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Edit" OnClick="InvokeEdit" Size="Size.Small" Style="border: 1px solid #e0e0e0; background:white; border-radius:4px; text-transform:none; font-weight:700;">Edit</MudButton>
+                <MudIconButton 
+                    Variant="Variant.Filled" 
+                    Color="Color.Error" 
+                    Icon="@Icons.Material.Filled.Delete" 
+                    OnClick="OnDelete" 
+                    Size="Size.Small" 
+                    Style="border-radius:4px;" 
+                    Title="Remove" />
+                <MudIconButton Icon="@Icons.Material.Filled.Close" Size="Size.Small" OnClick="() => _selectedUser = null" />
+            }
+            else
+            {
+                <MudButton Variant="Variant.Filled" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Add" OnClick="() => OnAdd.InvokeAsync()" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px; height: 34px; background: #3B82F6; color: white;">
+                    Add New User
+                </MudButton>
+            }
+        </div>
+    </div>
+
+    <MudTable Items="@GetPagedData()" Hover="true" Elevation="0" CustomHeader="true" Dense="true" Striped="true" Class="mud-table-styled" T="GetSystemUserListResponse" OnRowClick="@((args) => _selectedUser = args.Item)" Loading="@_isRefreshing">
+        <HeaderContent>
+            <MudTh Style="width: 50px; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB;"></MudTh>
+            <MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; white-space: nowrap;">
+                <MudTableSortLabel SortBy="new Func<GetSystemUserListResponse, object>(x => x.FullName!)">Full Name</MudTableSortLabel>
+            </MudTh>
+            <MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; white-space: nowrap;">
+                <MudTableSortLabel SortBy="new Func<GetSystemUserListResponse, object>(x => x.Email!)">Email</MudTableSortLabel>
+            </MudTh>
+            <MudTh Style="min-width: 300px; font-weight: 900; color: #1a1a1a; text-transform: uppercase; font-size: 0.75rem; background-color: #ffffff; border-bottom: 1px solid #E5E7EB;">Roles</MudTh>
+            <MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; white-space: nowrap;">
+                <MudTableSortLabel SortBy="new Func<GetSystemUserListResponse, object>(x => x.IsActive)">Status</MudTableSortLabel>
+            </MudTh>
+        </HeaderContent>
+        <RowTemplate>
+            <MudTd>
+                <MudCheckBox T="bool" Value="@(_selectedUser?.Id == context.Id)" Color="Color.Primary" Dense="true" Size="Size.Small" ReadOnly="true" />
+            </MudTd>
+            <MudTd>
+                <div class="d-flex align-center gap-2">
+                    <MudAvatar Color="Color.Primary" Variant="Variant.Filled" Size="Size.Small" Style="border-radius: 50%; font-size: 10px; font-weight: 800;">
+                        @context.FullName.ToInitial()
+                    </MudAvatar>
+                    <MudText Typo="Typo.body2" Style="font-weight: 600; color: #374151;">@context.FullName</MudText>
+                </div>
+            </MudTd>
+            <MudTd>@context.Email</MudTd>
+            <MudTd>
+                <div class="d-flex flex-wrap gap-x-4 gap-y-1">
+                    @foreach (var roleName in ApplicationRoles.AllRoles)
+                    {
+                        <MudStack Row="true" AlignItems="AlignItems.Center" Spacing="1">
+                            <MudCheckBox T="bool"
+                                         Value="@context.UserRoles.Contains(roleName)"
+                                         ReadOnly="true"
+                                         Dense="true"
+                                         Size="Size.Small"
+                                         Color="Color.Primary" />
+                            <MudText Typo="Typo.caption" Style="font-size: 11px; font-weight: 600;">@roleName</MudText>
+                        </MudStack>
+                    }
+                </div>
+            </MudTd>
+            <MudTd>
+                @if (context.IsActive)
+                {
+                    <MudChip T="string" Size="Size.Small" Color="Color.Success" Variant="Variant.Text" Style="font-weight: 800; border-radius: 4px;">Active</MudChip>
+                }
+                else
+                {
+                    <MudChip T="string" Size="Size.Small" Color="Color.Error" Variant="Variant.Text" Style="font-weight: 800; border-radius: 4px;">Inactive</MudChip>
+                }
+            </MudTd>
+        </RowTemplate>
+    </MudTable>
+
+    <div style="display: flex; justify-content: space-between; align-items: center; padding: 12px 24px; background-color: #F9FAFB; border-top: 1px solid #E5E7EB;">
+        <div style="display: flex; align-items: center; gap: 12px;">
+            <MudText Typo="Typo.caption" Style="font-weight: 500; color: #9CA3AF; font-size: 0.75rem;">Rows per page:</MudText>
+            
+            <MudSelect T="int" 
+                       Value="@_top" 
+                       ValueChanged="OnPageSizeChanged" 
+                       Dense="true" 
+                       Margin="Margin.Dense" 
+                       Style="width: 80px; background-color: white; font-size: 12px; font-weight: 600;" 
+                       Variant="Variant.Outlined"
+                       Class="mt-0 custom-select-dense">
+                <MudSelectItem Value="5" />
+                <MudSelectItem Value="10" />
+                <MudSelectItem Value="50" />
+                <MudSelectItem Value="500" />
+                <MudSelectItem Value="1000" />
+            </MudSelect>
+
+            <MudText Typo="Typo.caption" Style="color: #9CA3AF; font-size: 0.75rem; font-weight: 500; margin-left: 12px;">
+                Showing @(GetFilteredData().Count() == 0 ? 0 : _skip + 1)-@Math.Min(_skip + _top, GetFilteredData().Count()) of @GetFilteredData().Count()
+            </MudText>
+        </div>
+
+        <div style="display: flex; gap: 8px; align-items: center;">
+            <MudIconButton Icon="@Icons.Material.Filled.FirstPage" Size="Size.Small" OnClick="@(() => OnPageChanged(1))" Disabled="@(_currentPage == 1)" Style="@(_currentPage == 1 ? "color: #D1D5DB; background: transparent;" : "color: #6B7280; background: white; border: 1px solid #D1D5DB; border-radius: 6px;")" />
+            <MudButton OnClick="@(() => OnPageChanged(_currentPage - 1))" Disabled="@(_currentPage == 1)" Variant="Variant.Text" StartIcon="@Icons.Material.Filled.ChevronLeft" Size="Size.Small" Style="@(_currentPage == 1 ? "text-transform: none; font-weight: 500; color: #D1D5DB;" : "text-transform: none; font-weight: 500; color: #6B7280; border: 1px solid #D1D5DB; border-radius: 6px; background: white; padding: 4px 8px;")">Prev</MudButton>
+            @{
+    var totalPages = _totalPage == 0 ? 1 : _totalPage;
+    var maxVisible = 5;
+    var startPage = Math.Max(1, _currentPage - maxVisible / 2);
+    var endPage = Math.Min(totalPages, startPage + maxVisible - 1);
+    if (endPage - startPage < maxVisible - 1) { startPage = Math.Max(1, endPage - maxVisible + 1); }
+}
+@for (int i = startPage; i <= endPage; i++)
+{
+    var pageNum = i;
+    var isActive = pageNum == _currentPage;
+    <MudButton OnClick="@(() => OnPageChanged(pageNum))"
+               Variant="Variant.Text" Size="Size.Small"
+               Style="@(isActive ? "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 600; background: #3B82F6; color: white; border: 1px solid #3B82F6; border-radius: 6px; text-transform: none;" : "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 500; color: #374151; background: white; border: 1px solid #D1D5DB; border-radius: 6px; text-transform: none;")">@pageNum</MudButton>
+}
+            <MudButton OnClick="@(() => OnPageChanged(_currentPage + 1))" Disabled="@(_currentPage == _totalPage || _totalPage == 0)" Variant="Variant.Text" EndIcon="@Icons.Material.Filled.ChevronRight" Size="Size.Small" Style="@(_currentPage == _totalPage || _totalPage == 0 ? "text-transform: none; font-weight: 500; color: #D1D5DB;" : "text-transform: none; font-weight: 500; color: #6B7280; border: 1px solid #D1D5DB; border-radius: 6px; background: white; padding: 4px 8px;")">Next</MudButton>
+            <MudIconButton Icon="@Icons.Material.Filled.LastPage" Size="Size.Small" OnClick="@(() => OnPageChanged(_totalPage))" Disabled="@(_currentPage == _totalPage || _totalPage == 0)" Style="@(_currentPage == _totalPage || _totalPage == 0 ? "color: #D1D5DB; background: transparent;" : "color: #6B7280; background: white; border: 1px solid #D1D5DB; border-radius: 6px;")" />
+        </div>
+    </div>
+</MudPaper>
+
+<script>
+    function downloadFile(fileName, contentType, base64String) {
+        const link = document.createElement('a');
+        link.download = fileName;
+        link.href = `data:${contentType};base64,${base64String}`;
+        document.body.appendChild(link);
+        link.click();
+        document.body.removeChild(link);
+    }
+</script>
+
+<style>
+    .mud-input-outlined-border { border-radius: 4px !important; }
+    .custom-select-dense .mud-input-control { margin-top: 0 !important; }
+    .custom-select-dense .mud-input-slot { padding-top: 4px !important; padding-bottom: 4px !important; padding-left: 8px !important; font-size: 12px !important; }
+
+    .mud-table-styled .mud-table-row:hover { background-color: #F9FAFB !important; }
+</style>
+
+
+@code {
+    [Parameter] public EventCallback OnAdd { get; set; }
+    [Parameter] public EventCallback<UpdateSystemUserRequest> OnEdit { get; set; }
+    [Parameter] public EventCallback<UpdateSystemUserRequest> OnView { get; set; }
+    [Parameter] public EventCallback<UpdateSystemUserRequest> OnChangePassword { get; set; }
+    [Parameter] public EventCallback<UpdateSystemUserRequest> OnManageRoles { get; set; }
+    [Parameter] public EventCallback<UpdateSystemUserRequest> OnChangeAvatar { get; set; }
+
+    private List<GetSystemUserListResponse> _users = new();
+    private GetSystemUserListResponse? _selectedUser;
+    private string _searchString = "";
+    private bool _isRefreshing = false;
+    private bool _isExporting = false;
+
+    private int _skip = 0;
+    private int _top = 5;
+    private int _totalPage => GetFilteredData().Count() == 0 ? 0 : (int)Math.Ceiling((double)GetFilteredData().Count() / (_top == 0 ? 1 : _top));
+    private int _currentPage => (_top >= GetFilteredData().Count() || _top == 0) ? 1 : (_skip / _top) + 1;
+
+    protected override async Task OnInitializedAsync() => await LoadData();
+
+    private async Task LoadData()
+    {
+        _isRefreshing = true;
+        _selectedUser = null;
+        StateHasChanged();
+        try
+        {
+            var response = await SystemUserService.GetSystemUserListAsync();
+            await Task.Delay(500);
+            if (response != null && response.IsSuccess)
+            {
+                _users = response.Value ?? new List<GetSystemUserListResponse>();
+            }
+        }
+        finally
+        {
+            _isRefreshing = false;
+            StateHasChanged();
+        }
+    }
+
+    private IEnumerable<GetSystemUserListResponse> GetFilteredData()
+    {
+        if (string.IsNullOrWhiteSpace(_searchString)) return _users;
+        return _users.Where(x => 
+            (x.FullName?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false) ||
+            (x.Email?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false)
+        );
+    }
+
+    private IEnumerable<GetSystemUserListResponse> GetPagedData() => GetFilteredData().Skip(_skip).Take(_top);
+
+    private void OnSearchClick()
+    {
+        _skip = 0;
+        _selectedUser = null;
+        StateHasChanged();
+    }
+
+    private void HandleSearchKeyDown(KeyboardEventArgs e)
+    {
+        if (e.Key == "Enter") OnSearchClick();
+    }
+
+    private async Task ExportToExcel()
+    {
+        _isExporting = true;
+        StateHasChanged();
+        try
+        {
+            await Task.Delay(1000);
+            using (var workbook = new XLWorkbook())
+            {
+                var worksheet = workbook.Worksheets.Add("SystemUsers");
+                var currentRow = 1;
+
+                worksheet.Cell(currentRow, 1).Value = "Full Name";
+                worksheet.Cell(currentRow, 2).Value = "Email";
+                worksheet.Cell(currentRow, 3).Value = "Roles";
+                worksheet.Cell(currentRow, 4).Value = "Status";
+
+                var headerRange = worksheet.Range(1, 1, 1, 4);
+                headerRange.Style.Font.Bold = true;
+                headerRange.Style.Fill.BackgroundColor = XLColor.FromHtml("#0D47A1");
+                headerRange.Style.Font.FontColor = XLColor.White;
+
+                foreach (var item in GetFilteredData())
+                {
+                    currentRow++;
+                    worksheet.Cell(currentRow, 1).Value = item.FullName;
+                    worksheet.Cell(currentRow, 2).Value = item.Email;
+                    worksheet.Cell(currentRow, 3).Value = string.Join(", ", item.UserRoles);
+                    worksheet.Cell(currentRow, 4).Value = item.IsActive ? "Active" : "Inactive";
+                }
+
+                worksheet.Columns().AdjustToContents();
+
+                using (var stream = new MemoryStream())
+                {
+                    workbook.SaveAs(stream);
+                    var content = Convert.ToBase64String(stream.ToArray());
+                    await JSRuntime.InvokeVoidAsync("downloadFile", "System_Users_List.xlsx", "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", content);
+                    Snackbar.Add("Excel exported successfully", Severity.Success);
+                }
+            }
+        }
+        catch (Exception ex)
+        {
+            Snackbar.Add($"Export failed: {ex.Message}", Severity.Error);
+        }
+        finally
+        {
+            _isExporting = false;
+            StateHasChanged();
+        }
+    }
+
+    private void OnPageChanged(int page)
+    {
+        if (page >= 1 && page <= _totalPage)
+        {
+            _skip = (page - 1) * _top;
+            _selectedUser = null;
+            StateHasChanged();
+        }
+    }
+
+    private void OnPageSizeChanged(int size)
+    {
+        _top = size;
+        _skip = 0;
+        _selectedUser = null;
+        StateHasChanged();
+    }
+
+    private async Task InvokeChangeAvatar()
+    {
+        if (_selectedUser == null) return;
+        var request = await MapToUpdateRequest(_selectedUser.Id);
+        if (request != null) await OnChangeAvatar.InvokeAsync(request);
+    }
+
+    private async Task InvokeManageRoles()
+    {
+        if (_selectedUser == null) return;
+        var request = await MapToUpdateRequest(_selectedUser.Id);
+        if (request != null) await OnManageRoles.InvokeAsync(request);
+    }
+
+    private async Task InvokeChangePassword()
+    {
+        if (_selectedUser == null) return;
+        var request = await MapToUpdateRequest(_selectedUser.Id);
+        if (request != null) await OnChangePassword.InvokeAsync(request);
+    }
+
+    private async Task InvokeEdit()
+    {
+        if (_selectedUser == null) return;
+        var request = await MapToUpdateRequest(_selectedUser.Id);
+        if (request != null) await OnEdit.InvokeAsync(request);
+    }
+
+    private async Task InvokeView()
+    {
+        if (_selectedUser == null) return;
+        var request = await MapToUpdateRequest(_selectedUser.Id);
+        if (request != null) await OnView.InvokeAsync(request);
+    }
+
+    private async Task<UpdateSystemUserRequest?> MapToUpdateRequest(string id)
+    {
+        var response = await SystemUserService.GetSystemUserByIdAsync(id);
+        if (response != null && response.IsSuccess && response.Value != null)
+        {
+            var detail = response.Value;
+            return new UpdateSystemUserRequest
+            {
+                Id = detail.Id,
+                UserName = detail.UserName,
+                FullName = detail.FullName,
+                Email = detail.Email,
+                PhoneNumber = detail.PhoneNumber,
+                EmailConfirmed = detail.EmailConfirmed,
+                PhoneNumberConfirmed = detail.PhoneNumberConfirmed,
+                TwoFactorEnabled = detail.TwoFactorEnabled,
+                IsActive = detail.IsActive,
+                LockoutEnabled = detail.LockoutEnabled,
+                LockoutEnd = detail.LockoutEnd,
+                SsoIdFirebase = detail.SsoIdFirebase,
+                SsoIdKeycloak = detail.SsoIdKeycloak,
+                SsoIdAzure = detail.SsoIdAzure,
+                SsoIdAws = detail.SsoIdAws,
+                SsoIdOther1 = detail.SsoIdOther1,
+                SsoIdOther2 = detail.SsoIdOther2,
+                SsoIdOther3 = detail.SsoIdOther3,
+                CreatedAt = detail.CreatedAt,
+                LastLoginAt = detail.LastLoginAt,
+                UpdatedAt = detail.UpdatedAt,
+                AvatarFile = detail.AvatarFile,
+                UserRoles = detail.UserRoles ?? new List<string>()
+            };
+        }
+        return null;
+    }
+
+    private async Task OnDelete()
+    {
+        if (_selectedUser == null) return;
+        var parameters = new DialogParameters<_DeleteConfirmation> { { x => x.ContentText, _selectedUser.FullName } };
+        var options = new DialogOptions { CloseButton = false, MaxWidth = MaxWidth.ExtraSmall, FullWidth = true };
+        var dialog = await DialogService.ShowAsync<_DeleteConfirmation>("", parameters, options);
+        var result = await dialog.Result;
+        if (result != null && !result.Canceled)
+        {
+            var isSuccess = await SystemUserService.DeleteSystemUserByIdAsync(_selectedUser.Id);
+            if (isSuccess)
+            {
+                _selectedUser = null;
+                await LoadData();
+                Snackbar.Add("User deleted successfully", Severity.Success);
+            }
+        }
+    }
+}

Features/Setting/SystemUser/Components/_SystemUserUpdateForm.razor

@@ -0,0 +1,273 @@
+@using Indotalent.ConfigBackEnd.Extensions
+@using Indotalent.Features.Setting.SystemUser
+@using Indotalent.Features.Setting.SystemUser.Cqrs
+@using MudBlazor
+@using Indotalent.Shared.Utils
+@inject SystemUserService SystemUserService
+@inject ISnackbar Snackbar
+
+<MudPaper Elevation="0" Square="true" Class="pa-6 mb-3 d-flex align-center justify-space-between" Style="border: 1px solid #DCEBFA;">
+    <div class="d-flex align-center gap-4">
+        <MudIconButton Icon="@Icons.Material.Filled.ArrowBack" OnClick="() => OnCancel.InvokeAsync()" />
+        <div>
+            <MudText Typo="Typo.h5" Style="font-weight: 900; color: #1a1a1a;">@(ReadOnly ? "User Details" : "Edit User")</MudText>
+            <MudText Typo="Typo.body2" Style="color: #64748b;">@(ReadOnly ? "View complete user account information." : "Update account details and security settings.")</MudText>
+        </div>
+    </div>
+</MudPaper>
+
+<MudPaper Elevation="0" Outlined="true" Class="pa-8" Style="border-radius: 0px; border: 1px solid #DCEBFA;">
+    <MudForm @ref="_form" Model="_model" Validation="@(_validator.ValidateValue())">
+        <MudGrid Spacing="3">
+            <MudItem xs="12">
+                <MudText Typo="Typo.button" Color="Color.Primary" Style="font-weight: 800;">Primary Information</MudText>
+                <MudDivider Class="mt-2 mb-4" />
+            </MudItem>
+
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Full Name</MudText>
+                <MudTextField @bind-Value="_model.FullName"
+                              For="@(() => _model.FullName)"
+                              ReadOnly="ReadOnly"
+                              Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
+            </MudItem>
+
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Email Address & Username</MudText>
+                <MudTextField Value="_model.Email"
+                              ReadOnly="true"
+                              Variant="Variant.Outlined"
+                              Margin="Margin.Dense"
+                              FullWidth="true"
+                              Style="background-color: #f5f5f5; color: #757575;" />
+                <MudText Typo="Typo.caption" Style="color: #64748b;" Class="mt-1 d-block">
+                    Email and Username cannot be changed. Username is linked to the email address.
+                </MudText>
+            </MudItem>
+
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Phone Number</MudText>
+                <MudTextField @bind-Value="_model.PhoneNumber"
+                              For="@(() => _model.PhoneNumber)"
+                              ReadOnly="ReadOnly"
+                              Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
+            </MudItem>
+
+            <MudItem xs="12">
+                <MudText Typo="Typo.button" Color="Color.Primary" Class="mt-4" Style="font-weight: 800;">SSO Identifiers</MudText>
+                <MudDivider Class="mt-2 mb-4" />
+            </MudItem>
+
+            <MudItem xs="12" sm="4">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Firebase ID</MudText>
+                <MudTextField @bind-Value="_model.SsoIdFirebase" For="@(() => _model.SsoIdFirebase)" ReadOnly="ReadOnly" Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
+            </MudItem>
+            <MudItem xs="12" sm="4">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Keycloak ID</MudText>
+                <MudTextField @bind-Value="_model.SsoIdKeycloak" For="@(() => _model.SsoIdKeycloak)" ReadOnly="ReadOnly" Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
+            </MudItem>
+            <MudItem xs="12" sm="4">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Azure ID</MudText>
+                <MudTextField @bind-Value="_model.SsoIdAzure" For="@(() => _model.SsoIdAzure)" ReadOnly="ReadOnly" Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
+            </MudItem>
+            <MudItem xs="12" sm="4">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">AWS ID</MudText>
+                <MudTextField @bind-Value="_model.SsoIdAws" For="@(() => _model.SsoIdAws)" ReadOnly="ReadOnly" Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
+            </MudItem>
+            <MudItem xs="12" sm="4">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Other SSO ID 1</MudText>
+                <MudTextField @bind-Value="_model.SsoIdOther1" For="@(() => _model.SsoIdOther1)" ReadOnly="ReadOnly" Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
+            </MudItem>
+            <MudItem xs="12" sm="4">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Other SSO ID 2</MudText>
+                <MudTextField @bind-Value="_model.SsoIdOther2" For="@(() => _model.SsoIdOther2)" ReadOnly="ReadOnly" Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
+            </MudItem>
+            <MudItem xs="12" sm="4">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Other SSO ID 3</MudText>
+                <MudTextField @bind-Value="_model.SsoIdOther3" For="@(() => _model.SsoIdOther3)" ReadOnly="ReadOnly" Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
+            </MudItem>
+
+            <MudItem xs="12">
+                <MudText Typo="Typo.button" Color="Color.Primary" Class="mt-4" Style="font-weight: 800;">Account Settings & Status</MudText>
+                <MudDivider Class="mt-2 mb-4" />
+            </MudItem>
+
+            <MudItem xs="12" sm="6">
+                <MudStack Spacing="4">
+                    <div>
+                        <MudSwitch @bind-Value="_model.IsActive" Color="Color.Success" Label="Is Active" ReadOnly="ReadOnly" />
+                        <MudText Typo="Typo.caption" Class="ml-10 d-block mt-n2" Style="color: #64748b;">General availability of the account in the system.</MudText>
+                    </div>
+
+                    <div>
+                        <MudSwitch @bind-Value="_model.EmailConfirmed" Color="Color.Info" Label="Email Confirmed" ReadOnly="ReadOnly" />
+                        <MudText Typo="Typo.caption" Class="ml-10 d-block mt-n2" Style="color: #64748b;">Current status of email verification.</MudText>
+                    </div>
+
+                    <div>
+                        <MudSwitch @bind-Value="_model.PhoneNumberConfirmed" Color="Color.Info" Label="Phone Confirmed" ReadOnly="ReadOnly" />
+                        <MudText Typo="Typo.caption" Class="ml-10 d-block mt-n2" Style="color: #64748b;">Current status of phone number verification.</MudText>
+                    </div>
+
+                    <div>
+                        <MudSwitch @bind-Value="_model.TwoFactorEnabled" Color="Color.Warning" Label="Enable 2FA" ReadOnly="ReadOnly" />
+                        <MudText Typo="Typo.caption" Class="ml-10 d-block mt-n2" Style="color: #64748b;">Requirement for Two-Factor Authentication.</MudText>
+                    </div>
+                </MudStack>
+            </MudItem>
+
+            <MudItem xs="12" sm="6">
+                <MudStack Spacing="4">
+                    <div>
+                        <MudSwitch @bind-Value="_model.LockoutEnabled" Color="Color.Error" Label="Lockout Enabled" ReadOnly="ReadOnly" />
+                        <MudText Typo="Typo.caption" Class="ml-10 d-block mt-n2" Style="color: #64748b;">Allow account to be locked after failed attempts.</MudText>
+                    </div>
+
+                    <div class="mt-2">
+                        <MudText Typo="Typo.subtitle2" Class="mb-1">Lockout Until</MudText>
+                        <MudDatePicker @bind-Date="_lockoutDate"
+                                       Placeholder="@(ReadOnly ? "No Lockout" : "Select Date")"
+                                       Variant="Variant.Outlined"
+                                       Margin="Margin.Dense"
+                                       Editable="!ReadOnly"
+                                       Clearable="!ReadOnly"
+                                       ReadOnly="ReadOnly"
+                                       MinDate="DateTime.Today" />
+                        <MudText Typo="Typo.caption" Style="color: #64748b;">Current account lockout expiration date.</MudText>
+                    </div>
+                </MudStack>
+            </MudItem>
+
+            <MudItem xs="12">
+                <MudText Typo="Typo.button" Color="Color.Primary" Class="mt-4" Style="font-weight: 800;">Audit History</MudText>
+                <MudDivider Class="mt-2 mb-4" />
+            </MudItem>
+
+            <MudItem xs="12" sm="4">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Created At</MudText>
+                <MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@DateTimeExtensions.ToString(_model.CreatedAt)</MudText>
+            </MudItem>
+
+            <MudItem xs="12" sm="4">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Last Login At</MudText>
+                <MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@DateTimeExtensions.ToString(_model.LastLoginAt)</MudText>
+            </MudItem>
+
+            <MudItem xs="12" sm="4">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Last Updated At</MudText>
+                <MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@DateTimeExtensions.ToString(_model.UpdatedAt)</MudText>
+            </MudItem>
+        </MudGrid>
+
+        <div class="d-flex justify-end gap-2 mt-8">
+            <MudButton OnClick="() => OnCancel.InvokeAsync()"
+                       Variant="Variant.Outlined"
+                       Disabled="_processing"
+                       Style="border: 1px solid #e0e0e0; border-radius: 4px; text-transform: none; font-weight: 700;">
+                @(ReadOnly ? "Back to List" : "Cancel")
+            </MudButton>
+            @if (!ReadOnly)
+            {
+                <MudButton Color="Color.Primary"
+                           Variant="Variant.Filled"
+                           OnClick="Submit"
+                           Disabled="_processing"
+                           Style="border-radius: 4px; text-transform: none; font-weight: 700;">
+                    @if (_processing)
+                    {
+                        <MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
+                        <MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
+                    }
+                    else
+                    {
+                        <MudText>Save Changes</MudText>
+                    }
+                </MudButton>
+            }
+        </div>
+    </MudForm>
+</MudPaper>
+
+@code {
+    [Parameter] public UpdateSystemUserRequest Data { get; set; } = new();
+    [Parameter] public bool ReadOnly { get; set; } = false;
+    [Parameter] public EventCallback OnCancel { get; set; }
+    [Parameter] public EventCallback OnSuccess { get; set; }
+
+    private MudForm _form = default!;
+    private UpdateSystemUserRequest _model = new();
+    private UpdateSystemUserValidator _validator = new();
+    private DateTime? _lockoutDate;
+    private bool _processing = false;
+
+    protected override void OnInitialized()
+    {
+        _model = new UpdateSystemUserRequest
+        {
+            Id = Data.Id,
+            UserName = Data.UserName,
+            FullName = Data.FullName,
+            Email = Data.Email,
+            PhoneNumber = Data.PhoneNumber,
+            EmailConfirmed = Data.EmailConfirmed,
+            PhoneNumberConfirmed = Data.PhoneNumberConfirmed,
+            TwoFactorEnabled = Data.TwoFactorEnabled,
+            IsActive = Data.IsActive,
+            LockoutEnabled = Data.LockoutEnabled,
+            LockoutEnd = Data.LockoutEnd,
+            SsoIdFirebase = Data.SsoIdFirebase,
+            SsoIdKeycloak = Data.SsoIdKeycloak,
+            SsoIdAzure = Data.SsoIdAzure,
+            SsoIdAws = Data.SsoIdAws,
+            SsoIdOther1 = Data.SsoIdOther1,
+            SsoIdOther2 = Data.SsoIdOther2,
+            SsoIdOther3 = Data.SsoIdOther3,
+            CreatedAt = Data.CreatedAt,
+            LastLoginAt = Data.LastLoginAt,
+            UpdatedAt = Data.UpdatedAt
+        };
+
+        if (_model.LockoutEnd.HasValue)
+        {
+            _lockoutDate = _model.LockoutEnd.Value.DateTime;
+        }
+    }
+
+    private async Task Submit()
+    {
+        if (ReadOnly) return;
+
+        await _form.Validate();
+        if (!_form.IsValid) return;
+
+        _processing = true;
+        try
+        {
+            if (_lockoutDate.HasValue)
+            {
+                _model.LockoutEnd = new DateTimeOffset(_lockoutDate.Value, TimeSpan.Zero);
+            }
+            else
+            {
+                _model.LockoutEnd = null;
+            }
+
+            var response = await SystemUserService.UpdateSystemUserAsync(_model);
+            await Task.Delay(500);
+
+            if (response != null && response.IsSuccess)
+            {
+                Snackbar.Add("User updated successfully", Severity.Success);
+                await OnSuccess.InvokeAsync();
+            }
+        }
+        catch (Exception ex)
+        {
+            Snackbar.Add($"Error: {ex.Message}", Severity.Error);
+        }
+        finally
+        {
+            _processing = false;
+        }
+    }
+}

Features/Setting/SystemUser/Cqrs/AdminForgotPasswordHandler.cs

@@ -0,0 +1,64 @@
+using Indotalent.Data.Entities;
+using MediatR;
+using Microsoft.AspNetCore.Identity;
+using Microsoft.AspNetCore.WebUtilities;
+using System.Text;
+
+namespace Indotalent.Features.Setting.SystemUser.Cqrs;
+
+public class AdminForgotPasswordResponse
+{
+    public bool IsSuccess { get; set; }
+    public string Message { get; set; } = string.Empty;
+}
+
+public record AdminForgotPasswordCommand(string UserId) : IRequest<AdminForgotPasswordResponse>;
+
+public class AdminForgotPasswordHandler : IRequestHandler<AdminForgotPasswordCommand, AdminForgotPasswordResponse>
+{
+    private readonly UserManager<ApplicationUser> _userManager;
+    private readonly IEmailSender<ApplicationUser> _emailSender;
+    private readonly IHttpContextAccessor _httpContextAccessor;
+
+    public AdminForgotPasswordHandler(
+        UserManager<ApplicationUser> userManager,
+        IEmailSender<ApplicationUser> emailSender,
+        IHttpContextAccessor httpContextAccessor)
+    {
+        _userManager = userManager;
+        _emailSender = emailSender;
+        _httpContextAccessor = httpContextAccessor;
+    }
+
+    public async Task<AdminForgotPasswordResponse> Handle(AdminForgotPasswordCommand request, CancellationToken cancellationToken)
+    {
+        var user = await _userManager.FindByIdAsync(request.UserId);
+        if (user == null) return new AdminForgotPasswordResponse { IsSuccess = false, Message = "User not found" };
+
+        var code = await _userManager.GeneratePasswordResetTokenAsync(user);
+        code = WebEncoders.Base64UrlEncode(Encoding.UTF8.GetBytes(code));
+
+        var requestHttp = _httpContextAccessor.HttpContext?.Request;
+        var scheme = requestHttp?.Scheme ?? "https";
+        var host = requestHttp?.Host.Value ?? "localhost:8080";
+
+        var callbackUrl = $"{scheme}://{host}/account/reset-password?userId={user.Id}&code={code}";
+
+        var message = $@"
+            <div style=""font-family: Arial, sans-serif;"">
+                <h3>System Administrator Password Reset</h3>
+                <p>Hello, {user.FullName}!</p>
+                <p>An administrator has initiated a password reset for your account. Please click the link below to set your new password:</p>
+                <p><a href=""{callbackUrl}"" style=""color: #2196F3; font-weight: bold;"">Reset My Password</a></p>
+                <br/>
+                <p style=""font-size: 0.8em; color: #666;"">If you believe this is an error, please contact your IT support.</p>
+            </div>";
+
+        await _emailSender.SendPasswordResetLinkAsync(user, user.Email!, message);
+        return new AdminForgotPasswordResponse
+        {
+            IsSuccess = true,
+            Message = "Reset link sent successfully"
+        };
+    }
+}

Features/Setting/SystemUser/Cqrs/ChangeAvatarHandler.cs

@@ -0,0 +1,63 @@
+using Indotalent.Data.Entities;
+using Indotalent.Infrastructure.File;
+using MediatR;
+using Microsoft.AspNetCore.Identity;
+
+namespace Indotalent.Features.Setting.SystemUser.Cqrs;
+
+public class ChangeAvatarResponse
+{
+    public bool IsSuccess { get; set; }
+    public string Message { get; set; } = string.Empty;
+}
+
+public class ChangeAvatarRequest
+{
+    public string UserId { get; set; } = string.Empty;
+    public byte[] FileData { get; set; } = Array.Empty<byte>();
+    public string FileName { get; set; } = string.Empty;
+}
+
+public record ChangeAvatarCommand(ChangeAvatarRequest Data) : IRequest<ChangeAvatarResponse>;
+
+public class ChangeAvatarHandler : IRequestHandler<ChangeAvatarCommand, ChangeAvatarResponse>
+{
+    private readonly UserManager<ApplicationUser> _userManager;
+    private readonly FileStorageService _fileStorage;
+
+    public ChangeAvatarHandler(UserManager<ApplicationUser> userManager, FileStorageService fileStorage)
+    {
+        _userManager = userManager;
+        _fileStorage = fileStorage;
+    }
+
+    public async Task<ChangeAvatarResponse> Handle(ChangeAvatarCommand request, CancellationToken cancellationToken)
+    {
+        var user = await _userManager.FindByIdAsync(request.Data.UserId);
+        if (user == null) return new ChangeAvatarResponse { IsSuccess = false, Message = "User not found" };
+
+        try
+        {
+            var extension = Path.GetExtension(request.Data.FileName);
+
+            _fileStorage.DeleteOldAvatar(user.AvatarFile);
+
+            var newFileName = await _fileStorage.SaveAvatarAsync(user.Id, request.Data.FileData, extension);
+
+            user.AvatarFile = newFileName;
+            user.UpdatedAt = DateTime.Now;
+
+            var result = await _userManager.UpdateAsync(user);
+
+            return new ChangeAvatarResponse
+            {
+                IsSuccess = result.Succeeded,
+                Message = result.Succeeded ? "Avatar updated successfully" : "Failed to update database"
+            };
+        }
+        catch (Exception ex)
+        {
+            return new ChangeAvatarResponse { IsSuccess = false, Message = ex.Message };
+        }
+    }
+}

Features/Setting/SystemUser/Cqrs/ChangePasswordHandler.cs

@@ -0,0 +1,52 @@
+using Indotalent.Data.Entities;
+using MediatR;
+using Microsoft.AspNetCore.Identity;
+
+namespace Indotalent.Features.Setting.SystemUser.Cqrs;
+
+public class ChangePasswordRequest
+{
+    public string UserId { get; set; } = string.Empty;
+    public string NewPassword { get; set; } = string.Empty;
+    public string ConfirmPassword { get; set; } = string.Empty;
+}
+
+public class ChangePasswordResponse
+{
+    public bool IsSuccess { get; set; }
+    public string Message { get; set; } = string.Empty;
+}
+
+
+
+public record ChangePasswordCommand(ChangePasswordRequest Data) : IRequest<ChangePasswordResponse>;
+
+public class ChangePasswordHandler : IRequestHandler<ChangePasswordCommand, ChangePasswordResponse>
+{
+    private readonly UserManager<ApplicationUser> _userManager;
+
+    public ChangePasswordHandler(UserManager<ApplicationUser> userManager)
+    {
+        _userManager = userManager;
+    }
+
+    public async Task<ChangePasswordResponse> Handle(ChangePasswordCommand request, CancellationToken cancellationToken)
+    {
+        var user = await _userManager.FindByIdAsync(request.Data.UserId);
+        if (user == null) return new ChangePasswordResponse { IsSuccess = false, Message = "User not found" };
+
+        var token = await _userManager.GeneratePasswordResetTokenAsync(user);
+        var result = await _userManager.ResetPasswordAsync(user, token, request.Data.NewPassword);
+
+        if (result.Succeeded)
+        {
+            return new ChangePasswordResponse { IsSuccess = true, Message = "Password has been changed successfully" };
+        }
+
+        return new ChangePasswordResponse
+        {
+            IsSuccess = false,
+            Message = string.Join(", ", result.Errors.Select(e => e.Description))
+        };
+    }
+}

Features/Setting/SystemUser/Cqrs/ChangePasswordValidator.cs

@@ -0,0 +1,16 @@
+using FluentValidation;
+
+namespace Indotalent.Features.Setting.SystemUser.Cqrs;
+
+public class ChangePasswordValidator : AbstractValidator<ChangePasswordRequest>
+{
+    public ChangePasswordValidator()
+    {
+        RuleFor(x => x.UserId).NotEmpty();
+        RuleFor(x => x.NewPassword)
+            .NotEmpty().WithMessage("New password is required")
+            .MinimumLength(6).WithMessage("Password must be at least 6 characters");
+        RuleFor(x => x.ConfirmPassword)
+            .Equal(x => x.NewPassword).WithMessage("Passwords do not match");
+    }
+}

Features/Setting/SystemUser/Cqrs/ChangeRoleHandler.cs

@@ -0,0 +1,47 @@
+using Indotalent.Data.Entities;
+using MediatR;
+using Microsoft.AspNetCore.Identity;
+
+namespace Indotalent.Features.Setting.SystemUser.Cqrs;
+
+public class ChangeRoleResponse
+{
+    public bool IsSuccess { get; set; }
+    public string Message { get; set; } = string.Empty;
+}
+
+public class ChangeRoleRequest
+{
+    public string UserId { get; set; } = string.Empty;
+    public List<string> Roles { get; set; } = new();
+}
+
+public record ChangeRoleCommand(ChangeRoleRequest Data) : IRequest<ChangeRoleResponse>;
+
+public class ChangeRoleHandler : IRequestHandler<ChangeRoleCommand, ChangeRoleResponse>
+{
+    private readonly UserManager<ApplicationUser> _userManager;
+
+    public ChangeRoleHandler(UserManager<ApplicationUser> userManager)
+    {
+        _userManager = userManager;
+    }
+
+    public async Task<ChangeRoleResponse> Handle(ChangeRoleCommand request, CancellationToken cancellationToken)
+    {
+        var user = await _userManager.FindByIdAsync(request.Data.UserId);
+        if (user == null) return new ChangeRoleResponse { IsSuccess = false, Message = "User not found" };
+
+        var currentRoles = await _userManager.GetRolesAsync(user);
+
+        var removeResult = await _userManager.RemoveFromRolesAsync(user, currentRoles);
+        if (!removeResult.Succeeded) return new ChangeRoleResponse { IsSuccess = false, Message = "Remove role fail" };
+
+        var addResult = await _userManager.AddToRolesAsync(user, request.Data.Roles);
+        return new ChangeRoleResponse
+        {
+            IsSuccess = true,
+            Message = "Roles updated successfully"
+        };
+    }
+}

Features/Setting/SystemUser/Cqrs/CreateSystemUserHandler.cs

@@ -0,0 +1,86 @@
+using Indotalent.Data.Entities;
+using Indotalent.Infrastructure.Authorization.Identity;
+using MediatR;
+using Microsoft.AspNetCore.Identity;
+
+namespace Indotalent.Features.Setting.SystemUser.Cqrs;
+
+public class CreateSystemUserRequest
+{
+    public string? FullName { get; set; }
+    public string? Email { get; set; }
+    public string? Password { get; set; }
+    public string? PhoneNumber { get; set; }
+    public string? UserName { get; set; }
+    public bool EmailConfirmed { get; set; }
+    public bool PhoneNumberConfirmed { get; set; }
+    public bool TwoFactorEnabled { get; set; }
+    public bool IsActive { get; set; }
+    public bool LockoutEnabled { get; set; }
+    public DateTimeOffset? LockoutEnd { get; set; }
+    public string? SsoIdFirebase { get; set; }
+    public string? SsoIdKeycloak { get; set; }
+    public string? SsoIdAzure { get; set; }
+    public string? SsoIdAws { get; set; }
+    public string? SsoIdOther1 { get; set; }
+    public string? SsoIdOther2 { get; set; }
+    public string? SsoIdOther3 { get; set; }
+}
+
+public class CreateSystemUserResponse
+{
+    public string? Id { get; set; }
+    public string? Email { get; set; }
+}
+
+public record CreateSystemUserCommand(CreateSystemUserRequest Data) : IRequest<CreateSystemUserResponse>;
+
+public class CreateSystemUserHandler : IRequestHandler<CreateSystemUserCommand, CreateSystemUserResponse>
+{
+    private readonly UserManager<ApplicationUser> _userManager;
+    public CreateSystemUserHandler(UserManager<ApplicationUser> userManager) => _userManager = userManager;
+
+    public async Task<CreateSystemUserResponse> Handle(CreateSystemUserCommand request, CancellationToken cancellationToken)
+    {
+        var user = new ApplicationUser
+        {
+            FullName = request.Data.FullName,
+            Email = request.Data.Email,
+            UserName = request.Data.Email,
+            PhoneNumber = request.Data.PhoneNumber,
+            EmailConfirmed = request.Data.EmailConfirmed,
+            PhoneNumberConfirmed = request.Data.PhoneNumberConfirmed,
+            TwoFactorEnabled = request.Data.TwoFactorEnabled,
+            IsActive = request.Data.IsActive,
+            LockoutEnabled = request.Data.LockoutEnabled,
+            LockoutEnd = request.Data.LockoutEnd,
+            SsoIdFirebase = request.Data.SsoIdFirebase,
+            SsoIdKeycloak = request.Data.SsoIdKeycloak,
+            SsoIdAzure = request.Data.SsoIdAzure,
+            SsoIdAws = request.Data.SsoIdAws,
+            SsoIdOther1 = request.Data.SsoIdOther1,
+            SsoIdOther2 = request.Data.SsoIdOther2,
+            SsoIdOther3 = request.Data.SsoIdOther3,
+            CreatedAt = DateTime.Now
+        };
+
+        var result = await _userManager.CreateAsync(user, request.Data.Password ?? "123456");
+
+        if (!result.Succeeded)
+        {
+            var errors = string.Join(", ", result.Errors.Select(e => e.Description));
+            throw new Exception(errors);
+        }
+
+        var rolesToAdd = ApplicationRoles.AllRoles
+            .Where(role => role != ApplicationRoles.Admin)
+            .ToList();
+
+        if (rolesToAdd.Any())
+        {
+            await _userManager.AddToRolesAsync(user, rolesToAdd);
+        }
+
+        return new CreateSystemUserResponse { Id = user.Id, Email = user.Email };
+    }
+}

Features/Setting/SystemUser/Cqrs/CreateSystemUserValidator.cs

@@ -0,0 +1,30 @@
+using FluentValidation;
+using Indotalent.Shared.Consts;
+
+namespace Indotalent.Features.Setting.SystemUser.Cqrs;
+
+public class CreateSystemUserValidator : AbstractValidator<CreateSystemUserRequest>
+{
+    public CreateSystemUserValidator()
+    {
+        RuleFor(x => x.Email)
+            .NotEmpty().WithMessage("Email is required")
+            .EmailAddress().WithMessage("Invalid email format");
+
+        RuleFor(x => x.Password)
+            .NotEmpty().WithMessage("Password is required")
+            .MinimumLength(4).WithMessage("Password must be at least 4 characters");
+
+        RuleFor(x => x.FullName)
+            .NotEmpty().WithMessage("Full Name is required")
+            .MaximumLength(GlobalConsts.StringLengthShort);
+
+        RuleFor(x => x.SsoIdFirebase).MaximumLength(GlobalConsts.StringLengthMedium);
+        RuleFor(x => x.SsoIdKeycloak).MaximumLength(GlobalConsts.StringLengthMedium);
+        RuleFor(x => x.SsoIdAzure).MaximumLength(GlobalConsts.StringLengthMedium);
+        RuleFor(x => x.SsoIdAws).MaximumLength(GlobalConsts.StringLengthMedium);
+        RuleFor(x => x.SsoIdOther1).MaximumLength(GlobalConsts.StringLengthMedium);
+        RuleFor(x => x.SsoIdOther2).MaximumLength(GlobalConsts.StringLengthMedium);
+        RuleFor(x => x.SsoIdOther3).MaximumLength(GlobalConsts.StringLengthMedium);
+    }
+}

Features/Setting/SystemUser/Cqrs/DeleteSystemUserByIdHandler.cs

@@ -0,0 +1,26 @@
+using Indotalent.Data.Entities;
+using MediatR;
+using Microsoft.AspNetCore.Identity;
+
+namespace Indotalent.Features.Setting.SystemUser.Cqrs;
+
+
+public record DeleteSystemUserByIdRequest(string Id);
+
+public record DeleteSystemUserByIdCommand(DeleteSystemUserByIdRequest Data) : IRequest<bool>;
+
+public class DeleteSystemUserByIdHandler : IRequestHandler<DeleteSystemUserByIdCommand, bool>
+{
+    private readonly UserManager<ApplicationUser> _userManager;
+
+    public DeleteSystemUserByIdHandler(UserManager<ApplicationUser> userManager) => _userManager = userManager;
+
+    public async Task<bool> Handle(DeleteSystemUserByIdCommand request, CancellationToken cancellationToken)
+    {
+        var user = await _userManager.FindByIdAsync(request.Data.Id);
+        if (user == null) return false;
+
+        var result = await _userManager.DeleteAsync(user);
+        return result.Succeeded;
+    }
+}

Features/Setting/SystemUser/Cqrs/GetSystemUserByIdHandler.cs

@@ -0,0 +1,86 @@
+using Indotalent.Infrastructure.Database;
+using MediatR;
+using Microsoft.EntityFrameworkCore;
+
+namespace Indotalent.Features.Setting.SystemUser.Cqrs;
+
+public class GetSystemUserByIdResponse
+{
+    public string? Id { get; set; }
+    public string? FullName { get; set; }
+    public string? Email { get; set; }
+    public string? PhoneNumber { get; set; }
+    public string? UserName { get; set; }
+    public bool EmailConfirmed { get; set; }
+    public bool PhoneNumberConfirmed { get; set; }
+    public bool TwoFactorEnabled { get; set; }
+    public bool IsActive { get; set; }
+    public bool LockoutEnabled { get; set; }
+    public DateTimeOffset? LockoutEnd { get; set; }
+    public int AccessFailedCount { get; set; }
+    public string? SsoIdFirebase { get; set; }
+    public string? SsoIdKeycloak { get; set; }
+    public string? SsoIdAzure { get; set; }
+    public string? SsoIdAws { get; set; }
+    public string? SsoIdOther1 { get; set; }
+    public string? SsoIdOther2 { get; set; }
+    public string? SsoIdOther3 { get; set; }
+    public DateTime CreatedAt { get; set; }
+    public DateTime? LastLoginAt { get; set; }
+    public DateTime? UpdatedAt { get; set; }
+    public List<string> UserRoles { get; set; } = new();
+    public string? AvatarFile { get; set; }
+}
+
+public record GetSystemUserByIdQuery(string Id) : IRequest<GetSystemUserByIdResponse?>;
+
+public class GetSystemUserByIdHandler : IRequestHandler<GetSystemUserByIdQuery, GetSystemUserByIdResponse?>
+{
+    private readonly AppDbContext _context;
+
+    public GetSystemUserByIdHandler(AppDbContext context) => _context = context;
+
+    public async Task<GetSystemUserByIdResponse?> Handle(GetSystemUserByIdQuery request, CancellationToken cancellationToken)
+    {
+        var user = await _context.Users
+            .AsNoTracking()
+            .Where(x => x.Id == request.Id)
+            .Select(x => new GetSystemUserByIdResponse
+            {
+                Id = x.Id,
+                FullName = x.FullName,
+                Email = x.Email,
+                PhoneNumber = x.PhoneNumber,
+                UserName = x.UserName,
+                EmailConfirmed = x.EmailConfirmed,
+                PhoneNumberConfirmed = x.PhoneNumberConfirmed,
+                TwoFactorEnabled = x.TwoFactorEnabled,
+                IsActive = x.IsActive,
+                LockoutEnabled = x.LockoutEnabled,
+                LockoutEnd = x.LockoutEnd,
+                AccessFailedCount = x.AccessFailedCount,
+                SsoIdFirebase = x.SsoIdFirebase,
+                SsoIdKeycloak = x.SsoIdKeycloak,
+                SsoIdAzure = x.SsoIdAzure,
+                SsoIdAws = x.SsoIdAws,
+                SsoIdOther1 = x.SsoIdOther1,
+                SsoIdOther2 = x.SsoIdOther2,
+                SsoIdOther3 = x.SsoIdOther3,
+                CreatedAt = x.CreatedAt,
+                LastLoginAt = x.LastLoginAt,
+                UpdatedAt = x.UpdatedAt,
+                AvatarFile = x.AvatarFile,
+            })
+            .FirstOrDefaultAsync(cancellationToken);
+
+        if (user == null) return null;
+
+        user.UserRoles = await (from ur in _context.UserRoles
+                                join r in _context.Roles on ur.RoleId equals r.Id
+                                where ur.UserId == user.Id
+                                select r.Name!)
+                                .ToListAsync(cancellationToken);
+
+        return user;
+    }
+}

Features/Setting/SystemUser/Cqrs/GetSystemUserListHandler.cs

@@ -0,0 +1,62 @@
+using Indotalent.Infrastructure.Database;
+using MediatR;
+using Microsoft.EntityFrameworkCore;
+
+namespace Indotalent.Features.Setting.SystemUser.Cqrs;
+
+public class GetSystemUserListResponse
+{
+    public string? Id { get; set; }
+    public string? FullName { get; set; }
+    public string? AvatarFile { get; set; }
+    public string? Email { get; set; }
+    public string? SsoIdFirebase { get; set; }
+    public string? SsoIdKeycloak { get; set; }
+    public bool IsActive { get; set; }
+    public List<string> UserRoles { get; set; } = new();
+}
+
+public record GetSystemUserListQuery() : IRequest<List<GetSystemUserListResponse>>;
+
+public class GetSystemUserListHandler : IRequestHandler<GetSystemUserListQuery, List<GetSystemUserListResponse>>
+{
+    private readonly AppDbContext _context;
+
+    public GetSystemUserListHandler(AppDbContext context) => _context = context;
+
+    public async Task<List<GetSystemUserListResponse>> Handle(GetSystemUserListQuery request, CancellationToken cancellationToken)
+    {
+        var users = await _context.Users
+            .AsNoTracking()
+            .OrderByDescending(x => x.CreatedAt)
+            .Select(x => new GetSystemUserListResponse
+            {
+                Id = x.Id,
+                FullName = x.FullName,
+                Email = x.Email,
+                SsoIdFirebase = x.SsoIdFirebase,
+                SsoIdKeycloak = x.SsoIdKeycloak,
+                IsActive = x.IsActive,
+                AvatarFile = x.AvatarFile,
+            })
+            .ToListAsync(cancellationToken);
+
+        var userIds = users.Select(u => u.Id).ToList();
+
+        var userRolesMap = await (from ur in _context.UserRoles
+                                  join r in _context.Roles on ur.RoleId equals r.Id
+                                  where userIds.Contains(ur.UserId)
+                                  select new { ur.UserId, r.Name })
+                                  .ToListAsync(cancellationToken);
+
+        foreach (var user in users)
+        {
+            user.UserRoles = userRolesMap
+                .Where(x => x.UserId == user.Id)
+                .Select(x => x.Name!)
+                .ToList();
+        }
+
+        return users;
+    }
+}

Features/Setting/SystemUser/Cqrs/UpdateSystemUserHandler.cs

@@ -0,0 +1,87 @@
+using Indotalent.Data.Entities;
+using MediatR;
+using Microsoft.AspNetCore.Identity;
+
+namespace Indotalent.Features.Setting.SystemUser.Cqrs;
+
+public class UpdateSystemUserRequest
+{
+    public string? Id { get; set; }
+    public string? FullName { get; set; }
+    public string? Email { get; set; }
+    public string? PhoneNumber { get; set; }
+    public string? UserName { get; set; }
+    public bool EmailConfirmed { get; set; }
+    public bool PhoneNumberConfirmed { get; set; }
+    public bool TwoFactorEnabled { get; set; }
+    public bool IsActive { get; set; }
+    public bool LockoutEnabled { get; set; }
+    public DateTimeOffset? LockoutEnd { get; set; }
+    public int AccessFailedCount { get; set; }
+    public string? SsoIdFirebase { get; set; }
+    public string? SsoIdKeycloak { get; set; }
+    public string? SsoIdAzure { get; set; }
+    public string? SsoIdAws { get; set; }
+    public string? SsoIdOther1 { get; set; }
+    public string? SsoIdOther2 { get; set; }
+    public string? SsoIdOther3 { get; set; }
+    public DateTime CreatedAt { get; set; }
+    public DateTime? LastLoginAt { get; set; }
+    public DateTime? UpdatedAt { get; set; }
+    public List<string> UserRoles { get; set; } = new();
+    public string? AvatarFile { get; set; }
+}
+
+public class UpdateSystemUserResponse
+{
+    public string? Id { get; set; }
+    public bool Success { get; set; }
+}
+
+
+public record UpdateSystemUserCommand(UpdateSystemUserRequest Data) : IRequest<UpdateSystemUserResponse>;
+
+public class UpdateSystemUserHandler : IRequestHandler<UpdateSystemUserCommand, UpdateSystemUserResponse>
+{
+    private readonly UserManager<ApplicationUser> _userManager;
+    public UpdateSystemUserHandler(UserManager<ApplicationUser> userManager) => _userManager = userManager;
+
+    public async Task<UpdateSystemUserResponse> Handle(UpdateSystemUserCommand request, CancellationToken cancellationToken)
+    {
+        var user = await _userManager.FindByIdAsync(request.Data.Id ?? string.Empty);
+
+        if (user == null)
+        {
+            return new UpdateSystemUserResponse { Id = request.Data.Id, Success = false };
+        }
+
+        user.FullName = request.Data.FullName;
+        user.PhoneNumber = request.Data.PhoneNumber;
+        user.IsActive = request.Data.IsActive;
+        user.EmailConfirmed = request.Data.EmailConfirmed;
+        user.PhoneNumberConfirmed = request.Data.PhoneNumberConfirmed;
+        user.TwoFactorEnabled = request.Data.TwoFactorEnabled;
+        user.LockoutEnabled = request.Data.LockoutEnabled;
+        user.LockoutEnd = request.Data.LockoutEnd;
+
+        user.SsoIdFirebase = request.Data.SsoIdFirebase;
+        user.SsoIdKeycloak = request.Data.SsoIdKeycloak;
+        user.SsoIdAzure = request.Data.SsoIdAzure;
+        user.SsoIdAws = request.Data.SsoIdAws;
+        user.SsoIdOther1 = request.Data.SsoIdOther1;
+        user.SsoIdOther2 = request.Data.SsoIdOther2;
+        user.SsoIdOther3 = request.Data.SsoIdOther3;
+
+        user.UpdatedAt = DateTime.Now;
+
+        user.AvatarFile = request.Data.AvatarFile;
+
+        var result = await _userManager.UpdateAsync(user);
+
+        return new UpdateSystemUserResponse
+        {
+            Id = user.Id,
+            Success = result.Succeeded
+        };
+    }
+}

Features/Setting/SystemUser/Cqrs/UpdateSystemUserValidator.cs

@@ -0,0 +1,27 @@
+using FluentValidation;
+using Indotalent.Shared.Consts;
+
+namespace Indotalent.Features.Setting.SystemUser.Cqrs;
+
+public class UpdateSystemUserValidator : AbstractValidator<UpdateSystemUserRequest>
+{
+    public UpdateSystemUserValidator()
+    {
+        RuleFor(x => x.Id).NotEmpty().WithMessage("User ID is required for update");
+        RuleFor(x => x.Email)
+            .NotEmpty().WithMessage("Email is required")
+            .EmailAddress().WithMessage("Invalid email format");
+
+        RuleFor(x => x.FullName)
+            .NotEmpty().WithMessage("Full Name is required")
+            .MaximumLength(GlobalConsts.StringLengthShort);
+
+        RuleFor(x => x.SsoIdFirebase).MaximumLength(GlobalConsts.StringLengthMedium);
+        RuleFor(x => x.SsoIdKeycloak).MaximumLength(GlobalConsts.StringLengthMedium);
+        RuleFor(x => x.SsoIdAzure).MaximumLength(GlobalConsts.StringLengthMedium);
+        RuleFor(x => x.SsoIdAws).MaximumLength(GlobalConsts.StringLengthMedium);
+        RuleFor(x => x.SsoIdOther1).MaximumLength(GlobalConsts.StringLengthMedium);
+        RuleFor(x => x.SsoIdOther2).MaximumLength(GlobalConsts.StringLengthMedium);
+        RuleFor(x => x.SsoIdOther3).MaximumLength(GlobalConsts.StringLengthMedium);
+    }
+}

Features/Setting/SystemUser/SystemUserEndpoint.cs

@@ -0,0 +1,118 @@
+using Indotalent.ConfigBackEnd.Extensions;
+using Indotalent.Features.Setting.SystemUser.Cqrs;
+using Indotalent.Infrastructure.File;
+using MediatR;
+using Microsoft.AspNetCore.Authentication.JwtBearer;
+using Microsoft.Extensions.Options;
+
+namespace Indotalent.Features.Setting.SystemUser;
+
+public static class SystemUserEndpoint
+{
+    public static void MapSystemUserEndpoints(this IEndpointRouteBuilder app)
+    {
+        var group = app.MapGroup("/system-user").WithTags("SystemUsers")
+            .RequireAuthorization(policy => policy.AddAuthenticationSchemes(JwtBearerDefaults.AuthenticationScheme)
+            .RequireAuthenticatedUser());
+
+        group.MapGet("/", async (IMediator mediator) =>
+        {
+            var result = await mediator.Send(new GetSystemUserListQuery());
+            return result.ToApiResponse("User list retrieved successfully");
+        })
+        .WithName("GetSystemUserList");
+
+        group.MapGet("/{id}", async (string id, IMediator mediator) =>
+        {
+            var result = await mediator.Send(new GetSystemUserByIdQuery(id));
+            return result.ToApiResponse(result is not null ? "User detail retrieved" : "User not found");
+        })
+        .WithName("GetSystemUserById");
+
+        group.MapPost("/", async (CreateSystemUserRequest request, IMediator mediator) =>
+        {
+            var result = await mediator.Send(new CreateSystemUserCommand(request));
+            return result.ToApiResponse("User created successfully", StatusCodes.Status201Created);
+        })
+        .WithName("CreateSystemUser");
+
+        group.MapPost("/update", async (UpdateSystemUserRequest request, IMediator mediator) =>
+        {
+            var result = await mediator.Send(new UpdateSystemUserCommand(request));
+            return result.Success
+                ? result.ToApiResponse("User updated successfully")
+                : ((object?)null).ToApiResponse("Update failed");
+        })
+        .WithName("UpdateSystemUser");
+
+        group.MapPost("/delete/{id}", async (string id, IMediator mediator) =>
+        {
+            var result = await mediator.Send(new DeleteSystemUserByIdCommand(new DeleteSystemUserByIdRequest(id)));
+            return result.ToApiResponse("User deleted successfully");
+        })
+        .WithName("DeleteSystemUserById");
+
+        group.MapPost("/change-password", async (ChangePasswordRequest request, IMediator mediator) =>
+        {
+            var result = await mediator.Send(new ChangePasswordCommand(request));
+            return result.IsSuccess
+                ? result.ToApiResponse(result.Message)
+                : result.ToApiResponse(result.Message, StatusCodes.Status400BadRequest);
+        })
+        .WithName("ChangePassword");
+
+        group.MapPost("/send-reset-link/{id}", async (string id, IMediator mediator) =>
+        {
+            var result = await mediator.Send(new AdminForgotPasswordCommand(id));
+            return result.IsSuccess
+                ? result.ToApiResponse(result.Message)
+                : result.ToApiResponse(result.Message, StatusCodes.Status400BadRequest);
+        })
+        .WithName("AdminSendResetLink");
+
+        group.MapPost("/change-role", async (ChangeRoleRequest request, IMediator mediator) =>
+        {
+            var result = await mediator.Send(new ChangeRoleCommand(request));
+            return result.IsSuccess
+                ? result.ToApiResponse(result.Message)
+                : result.ToApiResponse(result.Message, StatusCodes.Status400BadRequest);
+        })
+        .WithName("ChangeRole");
+
+        group.MapPost("/change-avatar", async (ChangeAvatarRequest request, IMediator mediator) =>
+        {
+            var result = await mediator.Send(new ChangeAvatarCommand(request));
+            return result.IsSuccess
+                ? result.ToApiResponse(result.Message)
+                : result.ToApiResponse(result.Message, StatusCodes.Status400BadRequest);
+        })
+        .WithName("ChangeAvatar");
+
+        group.MapGet("/avatar-image/{fileName}", async (string fileName, IOptions<FileStorageSettingsModel> options, IWebHostEnvironment env) =>
+        {
+            var avatarSettings = options.Value.Avatar;
+
+            var folderPath = Path.Combine(env.WebRootPath, avatarSettings.StoragePath);
+            var filePath = Path.Combine(folderPath, fileName);
+
+            if (!System.IO.File.Exists(filePath))
+            {
+                return Results.NotFound();
+            }
+
+            var bytes = await System.IO.File.ReadAllBytesAsync(filePath);
+
+            var extension = Path.GetExtension(fileName).ToLower();
+            var contentType = extension switch
+            {
+                ".png" => "image/png",
+                ".jpg" or ".jpeg" => "image/jpeg",
+                _ => "application/octet-stream"
+            };
+
+            return Results.File(bytes, contentType);
+        })
+        .WithName("GetAvatarImage");
+
+    }
+}

Features/Setting/SystemUser/SystemUserService.cs

@@ -0,0 +1,109 @@
+using Indotalent.ConfigBackEnd.Interfaces;
+using Indotalent.ConfigFrontEnd.Common;
+using Indotalent.Features.Setting.SystemUser.Cqrs;
+using Indotalent.Infrastructure.Authentication.Identity;
+using Indotalent.Shared.Models;
+using Microsoft.AspNetCore.Components;
+using MudBlazor;
+using RestSharp;
+
+namespace Indotalent.Features.Setting.SystemUser;
+
+public class SystemUserService : BaseService
+{
+    private readonly RestClient _client;
+
+    public SystemUserService(
+            IHttpClientFactory clientFactory,
+            NavigationManager nav,
+            ISnackbar snackbar,
+            ICurrentUserService currentUserService,
+            TokenProvider tokenProvider)
+            : base(clientFactory, nav, snackbar, currentUserService, tokenProvider)
+    {
+        _client = new RestClient(nav.BaseUri);
+    }
+
+    public async Task<ApiResponse<List<GetSystemUserListResponse>>?> GetSystemUserListAsync()
+    {
+        var request = new RestRequest("api/system-user", Method.Get);
+        return await ExecuteWithResponseAsync<List<GetSystemUserListResponse>>(_client, request);
+    }
+
+    public async Task<ApiResponse<GetSystemUserByIdResponse>?> GetSystemUserByIdAsync(string id)
+    {
+        var request = new RestRequest($"api/system-user/{id}", Method.Get);
+        return await ExecuteWithResponseAsync<GetSystemUserByIdResponse>(_client, request);
+    }
+
+    public async Task<ApiResponse<CreateSystemUserResponse>?> CreateSystemUserAsync(CreateSystemUserRequest data)
+    {
+        var request = new RestRequest("api/system-user", Method.Post);
+        request.AddJsonBody(data);
+        return await ExecuteWithResponseAsync<CreateSystemUserResponse>(_client, request);
+    }
+
+    public async Task<ApiResponse<UpdateSystemUserResponse>?> UpdateSystemUserAsync(UpdateSystemUserRequest data)
+    {
+        var request = new RestRequest("api/system-user/update", Method.Post);
+        request.AddJsonBody(data);
+        return await ExecuteWithResponseAsync<UpdateSystemUserResponse>(_client, request);
+    }
+
+    public async Task<bool> DeleteSystemUserByIdAsync(string id)
+    {
+        var request = new RestRequest($"api/system-user/delete/{id}", Method.Post);
+        var response = await ExecuteWithResponseAsync<object>(_client, request);
+        return response?.IsSuccess ?? false;
+    }
+
+    public async Task<ApiResponse<ChangePasswordResponse>?> ChangePasswordAsync(ChangePasswordRequest data)
+    {
+        var request = new RestRequest("api/system-user/change-password", Method.Post);
+        request.AddJsonBody(data);
+        return await ExecuteWithResponseAsync<ChangePasswordResponse>(_client, request);
+    }
+
+    public async Task<bool> SendResetLinkAsync(string userId)
+    {
+        var request = new RestRequest($"api/system-user/send-reset-link/{userId}", Method.Post);
+        var response = await ExecuteWithResponseAsync<object>(_client, request);
+        return response?.IsSuccess ?? false;
+    }
+
+    public async Task<bool> ChangeRoleAsync(ChangeRoleRequest data)
+    {
+        var request = new RestRequest("api/system-user/change-role", Method.Post);
+        request.AddJsonBody(data);
+        var response = await ExecuteWithResponseAsync<object>(_client, request);
+        return response?.IsSuccess ?? false;
+    }
+
+    public async Task<ApiResponse<ChangeAvatarResponse>?> ChangeAvatarAsync(ChangeAvatarRequest data)
+    {
+        var request = new RestRequest("api/system-user/change-avatar", Method.Post);
+        request.AddJsonBody(data);
+        return await ExecuteWithResponseAsync<ChangeAvatarResponse>(_client, request);
+    }
+
+
+    public async Task<byte[]?> GetAvatarBlobAsync(string fileName)
+    {
+        var request = new RestRequest($"api/system-user/avatar-image/{fileName}", Method.Get);
+
+        if (!string.IsNullOrEmpty(TokenProvider.Token))
+        {
+            request.AddHeader("Authorization", $"Bearer {TokenProvider.Token}");
+        }
+
+        if (!string.IsNullOrEmpty(CurrentUserService.UserId))
+        {
+            request.AddHeader("X-UserId", CurrentUserService.UserId);
+        }
+
+        var response = await _client.ExecuteAsync(request);
+
+        return response.IsSuccessful ? response.RawBytes : null;
+    }
+
+}

Features/Setting/Tax/Components/TaxPage.razor

@@ -0,0 +1,52 @@
+@page "/setting/tax"
+@using Indotalent.Features.Setting.Tax
+@using Indotalent.Features.Setting.Tax.Cqrs
+@using MudBlazor
+
+@if (_currentView == ViewMode.Create)
+{
+    <_TaxCreateForm OnCancel="BackToTable"
+                    OnSuccess="HandleSuccess" />
+}
+else if (_currentView == ViewMode.Update || _currentView == ViewMode.View)
+{
+    <_TaxUpdateForm Data="_selectedData!"
+                    ReadOnly="@(_currentView == ViewMode.View)"
+                    OnCancel="BackToTable"
+                    OnSuccess="HandleSuccess" />
+}
+else
+{
+    <_TaxDataTable OnAdd="() => ShowCreate()"
+                   OnEdit="(item) => ShowUpdate(item, false)"
+                   OnView="(item) => ShowUpdate(item, true)" />
+}
+
+@code {
+    private enum ViewMode { Table, Create, Update, View }
+    private ViewMode _currentView = ViewMode.Table;
+    private UpdateTaxRequest? _selectedData;
+
+    private void ShowCreate()
+    {
+        _currentView = ViewMode.Create;
+    }
+
+    private void ShowUpdate(UpdateTaxRequest data, bool isReadOnly)
+    {
+        _selectedData = data;
+        _currentView = isReadOnly ? ViewMode.View : ViewMode.Update;
+    }
+
+    private void BackToTable()
+    {
+        _currentView = ViewMode.Table;
+        _selectedData = null;
+    }
+
+    private void HandleSuccess()
+    {
+        _currentView = ViewMode.Table;
+        _selectedData = null;
+    }
+}

Features/Setting/Tax/Components/_TaxCreateForm.razor

@@ -0,0 +1,117 @@
+@using Indotalent.Features.Setting.Tax
+@using Indotalent.Features.Setting.Tax.Cqrs
+@using Indotalent.Shared.Utils
+@using MudBlazor
+@inject TaxService TaxService
+@inject ISnackbar Snackbar
+
+<MudPaper Elevation="0" Square="true" Class="pa-6 mb-3 d-flex align-center justify-space-between" Style="border: 1px solid #DCEBFA;">
+    <div class="d-flex align-center gap-4">
+        <MudIconButton Icon="@Icons.Material.Filled.ArrowBack" OnClick="() => OnCancel.InvokeAsync()" />
+        <div>
+            <MudText Typo="Typo.h5" Style="font-weight: 900; color: #1a1a1a;">Add New Tax</MudText>
+            <MudText Typo="Typo.body2" Style="color: #64748b;">Enter tax details and percentage rates.</MudText>
+        </div>
+    </div>
+</MudPaper>
+
+<MudPaper Elevation="0" Outlined="true" Class="pa-8" Style="border-radius: 0px; border: 1px solid #DCEBFA;">
+    <MudForm @ref="_form" Model="_model">
+        <MudGrid Spacing="3">
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Tax Code</MudText>
+                <MudTextField @bind-Value="_model.Code"
+                              For="@(() => _model.Code)"
+                              Validation="@(_validator.ValidateValue())"
+                              Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" Placeholder="e.g. VAT-11" />
+            </MudItem>
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Percentage (%)</MudText>
+                <MudNumericField @bind-Value="_model.PercentageValue"
+                                 For="@(() => _model.PercentageValue)"
+                                 Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
+            </MudItem>
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Tax Name</MudText>
+                <MudTextField @bind-Value="_model.Name"
+                              For="@(() => _model.Name)"
+                              Validation="@(_validator.ValidateValue())"
+                              Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" Placeholder="e.g. PPN Indonesia" />
+            </MudItem>
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Category</MudText>
+                <MudTextField @bind-Value="_model.Category"
+                              For="@(() => _model.Category)"
+                              Validation="@(_validator.ValidateValue())"
+                              Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" Placeholder="e.g. Sales Tax" />
+            </MudItem>
+            <MudItem xs="12">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Description</MudText>
+                <MudTextField @bind-Value="_model.Description"
+                              For="@(() => _model.Description)"
+                              Variant="Variant.Outlined" Margin="Margin.Dense" Lines="3" FullWidth="true" />
+            </MudItem>
+        </MudGrid>
+
+        <div class="d-flex justify-end gap-2 mt-8">
+            <MudButton OnClick="() => OnCancel.InvokeAsync()"
+                       Variant="Variant.Outlined"
+                       Disabled="_processing"
+                       Style="border: 1px solid #e0e0e0; border-radius: 4px; text-transform: none; font-weight: 700;">
+                Cancel
+            </MudButton>
+            <MudButton Color="Color.Primary"
+                       Variant="Variant.Filled"
+                       OnClick="Submit"
+                       Disabled="_processing"
+                       Style="border-radius: 4px; text-transform: none; font-weight: 700;">
+                @if (_processing)
+                {
+                    <MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
+                    <MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
+                }
+                else
+                {
+                    <MudText>Create Tax</MudText>
+                }
+            </MudButton>
+        </div>
+    </MudForm>
+</MudPaper>
+
+@code {
+    [Parameter] public EventCallback OnCancel { get; set; }
+    [Parameter] public EventCallback OnSuccess { get; set; }
+
+    private MudForm _form = default!;
+    private CreateTaxValidator _validator = new();
+    private CreateTaxRequest _model = new();
+    private bool _processing = false;
+
+    private async Task Submit()
+    {
+        await _form.Validate();
+        if (!_form.IsValid) return;
+
+        _processing = true;
+        try
+        {
+            var response = await TaxService.CreateTaxAsync(_model);
+            await Task.Delay(500);
+
+            if (response != null && response.IsSuccess)
+            {
+                Snackbar.Add("Tax created successfully", Severity.Success);
+                await OnSuccess.InvokeAsync();
+            }
+        }
+        catch (Exception ex)
+        {
+            Snackbar.Add($"Error: {ex.Message}", Severity.Error);
+        }
+        finally
+        {
+            _processing = false;
+        }
+    }
+}

Features/Setting/Tax/Components/_TaxDataTable.razor

@@ -0,0 +1,405 @@
+@using Indotalent.ConfigBackEnd.Extensions
+@using Indotalent.Features.Setting.Tax
+@using Indotalent.Features.Setting.Tax.Cqrs
+@using Microsoft.AspNetCore.Components.Web
+@using Microsoft.JSInterop
+@using MudBlazor
+@using Features.Root.Shared
+@using ClosedXML.Excel
+@using System.IO
+@inject TaxService TaxService
+@inject IDialogService DialogService
+@inject ISnackbar Snackbar
+@inject IJSRuntime JSRuntime
+
+<MudPaper Elevation="0" Square="true" Class="pa-6 mb-3 d-flex align-center justify-space-between" Style="border: 1px solid #E5E7EB; border-radius: 12px;">
+    <div>
+        <MudText Typo="Typo.h5" Style="font-weight: 700; color: #111827;">Tax Management</MudText>
+        <MudText Typo="Typo.body2" Style="color: #9CA3AF;">Manage tax codes, categories, and percentage rates.</MudText>
+    </div>
+    <div class="d-flex align-center gap-2">
+        <MudIcon Icon="@Icons.Material.Filled.Home" Size="Size.Small" Color="Color.Default" />
+        <MudText Typo="Typo.caption" Style="color: #9CA3AF;">/</MudText>
+        <MudText Typo="Typo.caption" Style="color: #9CA3AF;">Settings</MudText>
+        <MudText Typo="Typo.caption" Style="color: #9CA3AF;">/</MudText>
+        <MudText Typo="Typo.caption" Style="font-weight: 600; color: #111827;">Tax</MudText>
+    </div>
+</MudPaper>
+
+<MudPaper Elevation="0" Outlined="true" Style="border-radius: 12px; overflow: hidden; background-color: #ffffff; border: 1px solid #E5E7EB;">
+
+    <div style="padding: 20px 24px; border-bottom: 1px solid #E5E7EB; display: flex; justify-content: space-between; align-items: center; background-color: #ffffff; min-height: 80px;">
+        
+        <div style="display: flex; align-items: center; gap: 8px;">
+            <MudTextField @bind-Value="_searchString" 
+                          Placeholder="Search..."  
+                          Adornment="Adornment.Start" 
+                          AdornmentIcon="@Icons.Material.Filled.Search" 
+                          IconSize="Size.Small" 
+                          Class="mt-0"
+                          Variant="Variant.Outlined"
+                          Margin="Margin.Dense"
+                          Style="background-color: white; width: 280px; border-radius: 8px;"
+                          OnKeyDown="@HandleSearchKeyDown" />
+            
+            <MudButton Variant="Variant.Filled" 
+                       Color="Color.Primary" 
+                       OnClick="OnSearchClick" 
+                       Size="Size.Small" 
+                       Style="text-transform: none; font-weight: 500; border-radius: 6px; height: 34px; box-shadow: none; background: #3B82F6; color: white;">
+                Search
+            </MudButton>
+        </div>
+
+        <div style="display: flex; gap: 8px; align-items: center;">
+            <MudButton Variant="Variant.Outlined" 
+                       Color="Color.Success" 
+                       OnClick="ExportToExcel" 
+                       Size="Size.Small" 
+                       Disabled="_isExporting"
+                       StartIcon="@(_isExporting ? null : Icons.Custom.FileFormats.FileExcel)" 
+                       Style="border: 1px solid #D1D5DB; background: white; font-weight: 500; border-radius: 6px; text-transform: none; height: 34px; color: #6B7280;">
+                @if (_isExporting)
+                {
+                    <MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
+                    <MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Processing...</MudText>
+                }
+                else
+                {
+                    <MudText Typo="Typo.button" Style="text-transform: none !important;">Excel</MudText>
+                }
+            </MudButton>
+
+            <MudButton Variant="Variant.Outlined" 
+                       Color="Color.Primary" 
+                       OnClick="LoadData" 
+                       Size="Size.Small" 
+                       StartIcon="@(_isRefreshing ? null : Icons.Material.Filled.Refresh)" 
+                       Disabled="_isRefreshing" 
+                       Style="border: 1px solid #D1D5DB; background: white; font-weight: 500; border-radius: 6px; text-transform: none; height: 34px; color: #6B7280;">
+                @if (_isRefreshing)
+                {
+                    <MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
+                    <MudText Class="ms-2" Typo="Typo.button" Style="text-transform: none !important;">Refreshing...</MudText>
+                }
+                else
+                {
+                    <MudText Typo="Typo.button" Style="text-transform: none !important;">Refresh</MudText>
+                }
+            </MudButton>
+
+            @if (_selectedTax != null)
+            {
+                <MudButton Variant="Variant.Outlined" Color="Color.Info" StartIcon="@Icons.Material.Filled.Visibility" OnClick="InvokeView" Size="Size.Small" Style="border: 1px solid #D1D5DB; text-transform: none; font-weight: 500; border-radius: 6px; background-color: white; color: #6B7280; height: 34px;">View</MudButton>
+                <MudButton Variant="Variant.Outlined" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Edit" OnClick="InvokeEdit" Size="Size.Small" Style="border: 1px solid #D1D5DB; text-transform: none; font-weight: 500; border-radius: 6px; background-color: white; color: #6B7280; height: 34px;">Edit</MudButton>
+                <MudButton Variant="Variant.Filled" Color="Color.Error" StartIcon="@Icons.Material.Filled.Delete" OnClick="OnDelete" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px; height: 34px; background: white; border: 1px solid #FCA5A5; color: #EF4444;">Remove</MudButton>
+                <MudIconButton Icon="@Icons.Material.Filled.Close" Size="Size.Small" OnClick="() => _selectedTax = null" />
+            }
+            else
+            {
+                <MudButton Variant="Variant.Filled" Color="Color.Primary" StartIcon="@Icons.Material.Filled.Add" OnClick="() => OnAdd.InvokeAsync()" Size="Size.Small" Style="text-transform: none; font-weight: 500; border-radius: 6px; height: 34px; background: #3B82F6; color: white;">
+                    Add New Tax
+                </MudButton>
+            }
+        </div>
+    </div>
+
+    <MudTable Items="@GetPagedData()" Hover="true" Elevation="0" CustomHeader="true" Dense="true" Striped="true" Class="mud-table-styled" T="GetTaxListResponse" OnRowClick="@((args) => _selectedTax = args.Item)" Loading="@_isRefreshing">
+        <HeaderContent>
+            <MudTh Style="width: 50px; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB;"></MudTh>
+            <MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; white-space: nowrap;">
+                <MudTableSortLabel SortBy="new Func<GetTaxListResponse, object>(x => x.Name!)">Tax Name</MudTableSortLabel>
+            </MudTh>
+            <MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; white-space: nowrap;">
+                <MudTableSortLabel SortBy="new Func<GetTaxListResponse, object>(x => x.Code!)">Code</MudTableSortLabel>
+            </MudTh>
+            <MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; white-space: nowrap;">
+                <MudTableSortLabel SortBy="new Func<GetTaxListResponse, object>(x => x.PercentageValue)">Percentage</MudTableSortLabel>
+            </MudTh>
+            <MudTh Style="font-weight: 600; color: #6B7280; text-transform: uppercase; font-size: 0.6875rem; letter-spacing: 0.05em; background-color: #F9FAFB; border-bottom: 1px solid #E5E7EB; white-space: nowrap;">
+                <MudTableSortLabel SortBy="new Func<GetTaxListResponse, object>(x => x.Category!)">Category</MudTableSortLabel>
+            </MudTh>
+        </HeaderContent>
+        <RowTemplate>
+            <MudTd>
+                <MudCheckBox T="bool" Value="@(_selectedTax?.Id == context.Id)" Color="Color.Primary" Dense="true" Size="Size.Small" ReadOnly="true" />
+            </MudTd>
+            <MudTd>
+                <div class="d-flex align-center gap-2">
+                    <MudAvatar Color="Color.Warning" Variant="Variant.Filled" Size="Size.Small" Style="border-radius: 4px; font-size: 10px; font-weight: 700; width: 32px; height: 32px;">
+                        @(!string.IsNullOrWhiteSpace(context.Name) ? context.Name.ToInitial() : "?")
+                    </MudAvatar>
+                    <MudText Typo="Typo.body2" Style="font-weight: 600; color: #374151;">@context.Name</MudText>
+                </div>
+            </MudTd>
+            <MudTd><MudChip T="string" Size="Size.Small" Color="Color.Warning" Variant="Variant.Text" Style="border-radius:4px; font-weight:700;">@context.Code</MudChip></MudTd>
+            <MudTd><MudText Typo="Typo.body2" Style="font-weight: 600;">@context.PercentageValue%</MudText></MudTd>
+            <MudTd>@context.Category</MudTd>
+        </RowTemplate>
+    </MudTable>
+
+    <div style="display: flex; justify-content: space-between; align-items: center; padding: 12px 24px; background-color: #F9FAFB; border-top: 1px solid #E5E7EB;">
+        <div style="display: flex; align-items: center; gap: 12px;">
+            <MudText Typo="Typo.caption" Style="font-weight: 500; color: #9CA3AF; font-size: 0.75rem;">Rows per page:</MudText>
+            
+            <MudSelect T="int" 
+                       Value="@_top" 
+                       ValueChanged="OnPageSizeChanged" 
+                       Dense="true" 
+                       Margin="Margin.Dense" 
+                       Style="width: 80px; background-color: white; font-size: 12px; font-weight: 600;" 
+                       Variant="Variant.Outlined"
+                       Class="mt-0 custom-select-dense">
+                <MudSelectItem Value="5" />
+                <MudSelectItem Value="10" />
+                <MudSelectItem Value="50" />
+                <MudSelectItem Value="500" />
+                <MudSelectItem Value="1000" />
+            </MudSelect>
+
+            <MudText Typo="Typo.caption" Style="color: #9CA3AF; font-size: 0.75rem; font-weight: 500; margin-left: 12px;">
+                Showing @(GetFilteredData().Count() == 0 ? 0 : _skip + 1)-@Math.Min(_skip + _top, GetFilteredData().Count()) of @GetFilteredData().Count()
+            </MudText>
+        </div>
+
+        <div style="display: flex; gap: 8px; align-items: center;">
+            <MudIconButton Icon="@Icons.Material.Filled.FirstPage" Size="Size.Small" OnClick="@(() => OnPageChanged(1))" Disabled="@(_currentPage == 1)" Style="@(_currentPage == 1 ? "color: #D1D5DB; background: transparent;" : "color: #6B7280; background: white; border: 1px solid #D1D5DB; border-radius: 6px;")" />
+            <MudButton OnClick="@(() => OnPageChanged(_currentPage - 1))" Disabled="@(_currentPage == 1)" Variant="Variant.Text" StartIcon="@Icons.Material.Filled.ChevronLeft" Size="Size.Small" Style="@(_currentPage == 1 ? "text-transform: none; font-weight: 500; color: #D1D5DB;" : "text-transform: none; font-weight: 500; color: #6B7280; border: 1px solid #D1D5DB; border-radius: 6px; background: white; padding: 4px 8px;")">Prev</MudButton>
+            @{
+    var totalPages = _totalPage == 0 ? 1 : _totalPage;
+    var maxVisible = 5;
+    var startPage = Math.Max(1, _currentPage - maxVisible / 2);
+    var endPage = Math.Min(totalPages, startPage + maxVisible - 1);
+    if (endPage - startPage < maxVisible - 1) { startPage = Math.Max(1, endPage - maxVisible + 1); }
+}
+@for (int i = startPage; i <= endPage; i++)
+{
+    var pageNum = i;
+    var isActive = pageNum == _currentPage;
+    <MudButton OnClick="@(() => OnPageChanged(pageNum))"
+               Variant="Variant.Text" Size="Size.Small"
+               Style="@(isActive ? "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 600; background: #3B82F6; color: white; border: 1px solid #3B82F6; border-radius: 6px; text-transform: none;" : "min-width: 34px; padding: 4px 8px; font-size: 0.75rem; font-weight: 500; color: #374151; background: white; border: 1px solid #D1D5DB; border-radius: 6px; text-transform: none;")">@pageNum</MudButton>
+}
+            <MudButton OnClick="@(() => OnPageChanged(_currentPage + 1))" Disabled="@(_currentPage == _totalPage || _totalPage == 0)" Variant="Variant.Text" EndIcon="@Icons.Material.Filled.ChevronRight" Size="Size.Small" Style="@(_currentPage == _totalPage || _totalPage == 0 ? "text-transform: none; font-weight: 500; color: #D1D5DB;" : "text-transform: none; font-weight: 500; color: #6B7280; border: 1px solid #D1D5DB; border-radius: 6px; background: white; padding: 4px 8px;")">Next</MudButton>
+            <MudIconButton Icon="@Icons.Material.Filled.LastPage" Size="Size.Small" OnClick="@(() => OnPageChanged(_totalPage))" Disabled="@(_currentPage == _totalPage || _totalPage == 0)" Style="@(_currentPage == _totalPage || _totalPage == 0 ? "color: #D1D5DB; background: transparent;" : "color: #6B7280; background: white; border: 1px solid #D1D5DB; border-radius: 6px;")" />
+        </div>
+    </div>
+</MudPaper>
+
+<script>
+    function downloadFile(fileName, contentType, base64String) {
+        const link = document.createElement('a');
+        link.download = fileName;
+        link.href = `data:${contentType};base64,${base64String}`;
+        document.body.appendChild(link);
+        link.click();
+        document.body.removeChild(link);
+    }
+</script>
+
+<style>
+    .mud-input-outlined-border { border-radius: 4px !important; }
+    .custom-select-dense .mud-input-control { margin-top: 0 !important; }
+    .custom-select-dense .mud-input-slot { padding-top: 4px !important; padding-bottom: 4px !important; padding-left: 8px !important; font-size: 12px !important; }
+
+    .mud-table-styled .mud-table-row:hover { background-color: #F9FAFB !important; }
+</style>
+
+
+@code {
+    [Parameter] public EventCallback OnAdd { get; set; }
+    [Parameter] public EventCallback<UpdateTaxRequest> OnEdit { get; set; }
+    [Parameter] public EventCallback<UpdateTaxRequest> OnView { get; set; }
+
+    private List<GetTaxListResponse> _taxes = new();
+    private GetTaxListResponse? _selectedTax;
+    private string _searchString = "";
+    private bool _isRefreshing = false;
+    private bool _isExporting = false;
+
+    private int _skip = 0;
+    private int _top = 5;
+    private int _totalPage => GetFilteredData().Count() == 0 ? 0 : (int)Math.Ceiling((double)GetFilteredData().Count() / (_top == 0 ? 1 : _top));
+    private int _currentPage => (_top >= GetFilteredData().Count() || _top == 0) ? 1 : (_skip / _top) + 1;
+
+    protected override async Task OnInitializedAsync() => await LoadData();
+
+    private async Task LoadData()
+    {
+        _isRefreshing = true;
+        _selectedTax = null;
+        StateHasChanged();
+        try
+        {
+            var response = await TaxService.GetTaxListAsync();
+            await Task.Delay(500);
+            if (response != null && response.IsSuccess)
+            {
+                _taxes = response.Value ?? new List<GetTaxListResponse>();
+            }
+        }
+        finally
+        {
+            _isRefreshing = false;
+            StateHasChanged();
+        }
+    }
+
+    private IEnumerable<GetTaxListResponse> GetFilteredData()
+    {
+        if (string.IsNullOrWhiteSpace(_searchString)) return _taxes;
+        return _taxes.Where(x => 
+            (x.Name?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false) ||
+            (x.Code?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false) ||
+            (x.Category?.Contains(_searchString, StringComparison.OrdinalIgnoreCase) ?? false)
+        );
+    }
+
+    private IEnumerable<GetTaxListResponse> GetPagedData() => GetFilteredData().Skip(_skip).Take(_top);
+
+    private void OnSearchClick()
+    {
+        _skip = 0;
+        _selectedTax = null;
+        StateHasChanged();
+    }
+
+    private void HandleSearchKeyDown(KeyboardEventArgs e)
+    {
+        if (e.Key == "Enter") OnSearchClick();
+    }
+
+    private async Task ExportToExcel()
+    {
+        _isExporting = true;
+        StateHasChanged();
+        try
+        {
+            await Task.Delay(1000);
+            using (var workbook = new XLWorkbook())
+            {
+                var worksheet = workbook.Worksheets.Add("Taxes");
+                var currentRow = 1;
+
+                worksheet.Cell(currentRow, 1).Value = "Tax Name";
+                worksheet.Cell(currentRow, 2).Value = "Code";
+                worksheet.Cell(currentRow, 3).Value = "Percentage";
+                worksheet.Cell(currentRow, 4).Value = "Category";
+
+                var headerRange = worksheet.Range(1, 1, 1, 4);
+                headerRange.Style.Font.Bold = true;
+                headerRange.Style.Fill.BackgroundColor = XLColor.FromHtml("#0D47A1");
+                headerRange.Style.Font.FontColor = XLColor.White;
+
+                foreach (var item in GetFilteredData())
+                {
+                    currentRow++;
+                    worksheet.Cell(currentRow, 1).Value = item.Name;
+                    worksheet.Cell(currentRow, 2).Value = item.Code;
+                    worksheet.Cell(currentRow, 3).Value = item.PercentageValue;
+                    worksheet.Cell(currentRow, 4).Value = item.Category;
+                }
+
+                worksheet.Columns().AdjustToContents();
+
+                using (var stream = new MemoryStream())
+                {
+                    workbook.SaveAs(stream);
+                    var content = Convert.ToBase64String(stream.ToArray());
+                    await JSRuntime.InvokeVoidAsync("downloadFile", "Tax_Rates_List.xlsx", "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", content);
+                    Snackbar.Add("Excel exported successfully", Severity.Success);
+                }
+            }
+        }
+        catch (Exception ex)
+        {
+            Snackbar.Add($"Export failed: {ex.Message}", Severity.Error);
+        }
+        finally
+        {
+            _isExporting = false;
+            StateHasChanged();
+        }
+    }
+
+    private void OnPageChanged(int page)
+    {
+        if (page >= 1 && page <= _totalPage)
+        {
+            _skip = (page - 1) * _top;
+            _selectedTax = null;
+            StateHasChanged();
+        }
+    }
+
+    private void OnPageSizeChanged(int size)
+    {
+        _top = size;
+        _skip = 0;
+        _selectedTax = null;
+        StateHasChanged();
+    }
+
+    private async Task InvokeEdit()
+    {
+        if (_selectedTax == null) return;
+        var request = await MapToUpdateRequest(_selectedTax.Id);
+        if (request != null) await OnEdit.InvokeAsync(request);
+    }
+
+    private async Task InvokeView()
+    {
+        if (_selectedTax == null) return;
+        var request = await MapToUpdateRequest(_selectedTax.Id);
+        if (request != null) await OnView.InvokeAsync(request);
+    }
+
+    private async Task<UpdateTaxRequest?> MapToUpdateRequest(string id)
+    {
+        var response = await TaxService.GetTaxByIdAsync(id);
+        if (response != null && response.IsSuccess && response.Value != null)
+        {
+            var detail = response.Value;
+            return new UpdateTaxRequest
+            {
+                Id = detail.Id,
+                Code = detail.Code,
+                Name = detail.Name,
+                PercentageValue = detail.PercentageValue,
+                Category = detail.Category,
+                Description = detail.Description,
+                CreatedAt = detail.CreatedAt,
+                CreatedBy = detail.CreatedBy,
+                UpdatedAt = detail.UpdatedAt,
+                UpdatedBy = detail.UpdatedBy
+            };
+        }
+        return null;
+    }
+
+    private async Task OnDelete()
+    {
+        if (_selectedTax == null) return;
+
+        var parameters = new DialogParameters<_DeleteConfirmation> { { x => x.ContentText, _selectedTax.Name } };
+        var options = new DialogOptions { CloseButton = false, MaxWidth = MaxWidth.ExtraSmall, FullWidth = true };
+
+        var dialog = await DialogService.ShowAsync<_DeleteConfirmation>("", parameters, options);
+        var result = await dialog.Result;
+
+        if (result != null && !result.Canceled)
+        {
+            var isSuccess = await TaxService.DeleteTaxByIdAsync(_selectedTax.Id);
+            if (isSuccess)
+            {
+                _selectedTax = null;
+                await LoadData();
+                Snackbar.Add("Tax deleted successfully", Severity.Success);
+            }
+            else
+            {
+                Snackbar.Add("Delete failed. This record might be protected by the system.", Severity.Error);
+            }
+        }
+    }
+}

Features/Setting/Tax/Components/_TaxUpdateForm.razor

@@ -0,0 +1,169 @@
+@using Indotalent.ConfigBackEnd.Extensions
+@using Indotalent.Features.Setting.Tax
+@using Indotalent.Features.Setting.Tax.Cqrs
+@using Indotalent.Shared.Utils
+@using MudBlazor
+@inject TaxService TaxService
+@inject ISnackbar Snackbar
+
+<MudPaper Elevation="0" Square="true" Class="pa-6 mb-3 d-flex align-center justify-space-between" Style="border: 1px solid #DCEBFA;">
+    <div class="d-flex align-center gap-4">
+        <MudIconButton Icon="@Icons.Material.Filled.ArrowBack" OnClick="() => OnCancel.InvokeAsync()" />
+        <div>
+            <MudText Typo="Typo.h5" Style="font-weight: 900; color: #1a1a1a;">@(ReadOnly ? "Tax Details" : "Edit Tax")</MudText>
+            <MudText Typo="Typo.body2" Style="color: #64748b;">@(ReadOnly ? "Viewing tax configuration." : "Modify existing tax information.")</MudText>
+        </div>
+    </div>
+</MudPaper>
+
+<MudPaper Elevation="0" Outlined="true" Class="pa-8" Style="border-radius: 0px; border: 1px solid #DCEBFA;">
+    <MudForm @ref="_form" Model="_model">
+        <MudGrid Spacing="3">
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Tax Code</MudText>
+                <MudTextField @bind-Value="_model.Code"
+                              For="@(() => _model.Code)"
+                              Validation="@(_validator.ValidateValue())"
+                              ReadOnly="ReadOnly"
+                              Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
+            </MudItem>
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Percentage (%)</MudText>
+                <MudNumericField @bind-Value="_model.PercentageValue"
+                                 For="@(() => _model.PercentageValue)"
+                                 ReadOnly="ReadOnly"
+                                 Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
+            </MudItem>
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Tax Name</MudText>
+                <MudTextField @bind-Value="_model.Name"
+                              For="@(() => _model.Name)"
+                              Validation="@(_validator.ValidateValue())"
+                              ReadOnly="ReadOnly"
+                              Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
+            </MudItem>
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Category</MudText>
+                <MudTextField @bind-Value="_model.Category"
+                              For="@(() => _model.Category)"
+                              Validation="@(_validator.ValidateValue())"
+                              ReadOnly="ReadOnly"
+                              Variant="Variant.Outlined" Margin="Margin.Dense" FullWidth="true" />
+            </MudItem>
+            <MudItem xs="12">
+                <MudText Typo="Typo.subtitle2" Class="mb-1">Description</MudText>
+                <MudTextField @bind-Value="_model.Description"
+                              For="@(() => _model.Description)"
+                              ReadOnly="ReadOnly"
+                              Variant="Variant.Outlined" Margin="Margin.Dense" Lines="3" FullWidth="true" />
+            </MudItem>
+
+            <MudItem xs="12" Class="mt-4">
+                <MudText Typo="Typo.button" Color="Color.Primary" Style="font-weight: 800;">Audit History</MudText>
+                <MudDivider Class="mt-2 mb-4" />
+            </MudItem>
+
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2">Created At</MudText>
+                <MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@DateTimeExtensions.ToString(_model.CreatedAt)</MudText>
+            </MudItem>
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2">Created By</MudText>
+                <MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@(!string.IsNullOrEmpty(_model.CreatedBy) ? _model.CreatedBy : "System")</MudText>
+            </MudItem>
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2">Last Updated At</MudText>
+                <MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@DateTimeExtensions.ToString(_model.UpdatedAt)</MudText>
+            </MudItem>
+            <MudItem xs="12" sm="6">
+                <MudText Typo="Typo.subtitle2">Last Updated By</MudText>
+                <MudText Typo="Typo.body2" Style="color: #1a1a1a; font-weight: 600;">@(!string.IsNullOrEmpty(_model.UpdatedBy) ? _model.UpdatedBy : "System")</MudText>
+            </MudItem>
+        </MudGrid>
+
+        <div class="d-flex justify-end gap-2 mt-10">
+            <MudButton OnClick="() => OnCancel.InvokeAsync()"
+                       Variant="Variant.Outlined"
+                       Disabled="_processing"
+                       Style="border: 1px solid #e0e0e0; border-radius: 4px; text-transform: none; font-weight: 700;">
+                @(ReadOnly ? "Back to List" : "Cancel")
+            </MudButton>
+            @if (!ReadOnly)
+            {
+                <MudButton Color="Color.Primary"
+                           Variant="Variant.Filled"
+                           OnClick="Submit"
+                           Disabled="_processing"
+                           Style="border-radius: 4px; text-transform: none; font-weight: 700;">
+                    @if (_processing)
+                    {
+                        <MudProgressCircular Class="ms-n1" Size="Size.Small" Indeterminate="true" />
+                        <MudText Class="ms-2">Updating...</MudText>
+                    }
+                    else
+                    {
+                        <MudText>Save Changes</MudText>
+                    }
+                </MudButton>
+            }
+        </div>
+    </MudForm>
+</MudPaper>
+
+@code {
+    [Parameter] public UpdateTaxRequest Data { get; set; } = new();
+    [Parameter] public bool ReadOnly { get; set; } = false;
+    [Parameter] public EventCallback OnCancel { get; set; }
+    [Parameter] public EventCallback OnSuccess { get; set; }
+
+    private MudForm _form = default!;
+    private UpdateTaxValidator _validator = new();
+    private UpdateTaxRequest _model = new();
+    private bool _processing = false;
+
+    protected override void OnInitialized()
+    {
+        _model = new UpdateTaxRequest
+        {
+            Id = Data.Id,
+            Code = Data.Code,
+            Name = Data.Name,
+            PercentageValue = Data.PercentageValue,
+            Category = Data.Category,
+            Description = Data.Description,
+            CreatedAt = Data.CreatedAt,
+            CreatedBy = Data.CreatedBy,
+            UpdatedAt = Data.UpdatedAt,
+            UpdatedBy = Data.UpdatedBy
+        };
+    }
+
+    private async Task Submit()
+    {
+        if (ReadOnly) return;
+
+        await _form.Validate();
+        if (!_form.IsValid) return;
+
+        _processing = true;
+        try
+        {
+            var response = await TaxService.UpdateTaxAsync(_model);
+            await Task.Delay(500);
+
+            if (response != null && response.IsSuccess)
+            {
+                Snackbar.Add("Tax updated successfully", Severity.Success);
+                await OnSuccess.InvokeAsync();
+            }
+        }
+        catch (Exception ex)
+        {
+            Snackbar.Add($"Error: {ex.Message}", Severity.Error);
+        }
+        finally
+        {
+            _processing = false;
+        }
+    }
+}

Features/Setting/Tax/Cqrs/CreateTaxHandler.cs

@@ -0,0 +1,69 @@
+using Indotalent.ConfigBackEnd.Exceptions;
+using Indotalent.ConfigBackEnd.Extensions;
+using Indotalent.Infrastructure.Database;
+using MediatR;
+using Microsoft.EntityFrameworkCore;
+
+namespace Indotalent.Features.Setting.Tax.Cqrs;
+
+public class CreateTaxRequest
+{
+    public string? Code { get; set; }
+    public string? Name { get; set; }
+    public decimal PercentageValue { get; set; }
+    public string? Category { get; set; }
+    public string? Description { get; set; }
+}
+
+public class CreateTaxResponse
+{
+    public string? Id { get; set; }
+    public string? Code { get; set; }
+}
+
+public record CreateTaxCommand(CreateTaxRequest Data) : IRequest<CreateTaxResponse>;
+
+public class CreateTaxHandler : IRequestHandler<CreateTaxCommand, CreateTaxResponse>
+{
+    private readonly AppDbContext _context;
+
+    public CreateTaxHandler(AppDbContext context) => _context = context;
+
+    public async Task<CreateTaxResponse> Handle(CreateTaxCommand request, CancellationToken cancellationToken)
+    {
+        var isExists = await _context.Tax
+            .AnyAsync(x => x.Code == request.Data.Code, cancellationToken);
+
+        if (isExists)
+        {
+            throw new AlreadyExistsException("Tax", request.Data.Code ?? string.Empty);
+        }
+
+        var entityName = nameof(Data.Entities.Tax);
+
+        var autoNo = await _context.GenerateAutoNumberAsync(
+            entityName: entityName,
+            prefixTemplate: $"{entityName.ToShortNameConsonant(3)}/{{Year}}/",
+            ct: cancellationToken
+        );
+
+        var entity = new Data.Entities.Tax
+        {
+            AutoNumber = autoNo,
+            Code = request.Data.Code,
+            Name = request.Data.Name,
+            PercentageValue = request.Data.PercentageValue,
+            Category = request.Data.Category,
+            Description = request.Data.Description
+        };
+
+        _context.Tax.Add(entity);
+        await _context.SaveChangesAsync(cancellationToken);
+
+        return new CreateTaxResponse
+        {
+            Id = entity.Id,
+            Code = entity.Code
+        };
+    }
+}

Features/Setting/Tax/Cqrs/CreateTaxValidator.cs

@@ -0,0 +1,22 @@
+using FluentValidation;
+using Indotalent.Shared.Consts;
+
+namespace Indotalent.Features.Setting.Tax.Cqrs;
+
+public class CreateTaxValidator : AbstractValidator<CreateTaxRequest>
+{
+    public CreateTaxValidator()
+    {
+        RuleFor(x => x.Code)
+            .NotEmpty().WithMessage("Tax Code is required")
+            .MaximumLength(GlobalConsts.StringLengthShort);
+
+        RuleFor(x => x.Name)
+            .NotEmpty().WithMessage("Tax Name is required")
+            .MaximumLength(GlobalConsts.StringLengthShort);
+
+        RuleFor(x => x.Category)
+            .NotEmpty().WithMessage("Category is required")
+            .MaximumLength(GlobalConsts.StringLengthShort);
+    }
+}

Features/Setting/Tax/Cqrs/DeleteTaxByIdHandler.cs

@@ -0,0 +1,27 @@
+using Indotalent.Infrastructure.Database;
+using MediatR;
+using Microsoft.EntityFrameworkCore;
+
+namespace Indotalent.Features.Setting.Tax.Cqrs;
+
+public record DeleteTaxByIdRequest(string Id);
+
+public class DeleteTaxByIdHandler : IRequestHandler<DeleteTaxByIdCommand, bool>
+{
+    private readonly AppDbContext _context;
+
+    public DeleteTaxByIdHandler(AppDbContext context) => _context = context;
+
+    public async Task<bool> Handle(DeleteTaxByIdCommand request, CancellationToken cancellationToken)
+    {
+        var entity = await _context.Tax
+            .FirstOrDefaultAsync(x => x.Id == request.Data.Id, cancellationToken);
+
+        if (entity == null) return false;
+
+        _context.Tax.Remove(entity);
+        return await _context.SaveChangesAsync(cancellationToken) > 0;
+    }
+}
+
+public record DeleteTaxByIdCommand(DeleteTaxByIdRequest Data) : IRequest<bool>;

Features/Setting/Tax/Cqrs/GetTaxByIdHandler.cs

@@ -0,0 +1,49 @@
+using Indotalent.Infrastructure.Database;
+using MediatR;
+using Microsoft.EntityFrameworkCore;
+
+namespace Indotalent.Features.Setting.Tax.Cqrs;
+
+public class GetTaxByIdResponse
+{
+    public string? Id { get; set; }
+    public string? Code { get; set; }
+    public string? Name { get; set; }
+    public decimal PercentageValue { get; set; }
+    public string? Category { get; set; }
+    public string? Description { get; set; }
+    public DateTimeOffset? CreatedAt { get; set; }
+    public string? CreatedBy { get; set; }
+    public DateTimeOffset? UpdatedAt { get; set; }
+    public string? UpdatedBy { get; set; }
+}
+
+public record GetTaxByIdQuery(string Id) : IRequest<GetTaxByIdResponse?>;
+
+public class GetTaxByIdHandler : IRequestHandler<GetTaxByIdQuery, GetTaxByIdResponse?>
+{
+    private readonly AppDbContext _context;
+
+    public GetTaxByIdHandler(AppDbContext context) => _context = context;
+
+    public async Task<GetTaxByIdResponse?> Handle(GetTaxByIdQuery request, CancellationToken cancellationToken)
+    {
+        return await _context.Tax
+            .AsNoTracking()
+            .Where(x => x.Id == request.Id)
+            .Select(x => new GetTaxByIdResponse
+            {
+                Id = x.Id,
+                Code = x.Code,
+                Name = x.Name,
+                PercentageValue = x.PercentageValue,
+                Category = x.Category,
+                Description = x.Description,
+                CreatedAt = x.CreatedAt,
+                CreatedBy = x.CreatedBy,
+                UpdatedAt = x.UpdatedAt,
+                UpdatedBy = x.UpdatedBy,
+            })
+            .FirstOrDefaultAsync(cancellationToken);
+    }
+}

Features/Setting/Tax/Cqrs/GetTaxListHandler.cs

@@ -0,0 +1,47 @@
+using Indotalent.Infrastructure.Database;
+using MediatR;
+using Microsoft.EntityFrameworkCore;
+
+namespace Indotalent.Features.Setting.Tax.Cqrs;
+
+public class GetTaxListResponse
+{
+    public string? Id { get; set; }
+    public string? Code { get; set; }
+    public string? Name { get; set; }
+    public decimal PercentageValue { get; set; }
+    public string? Category { get; set; }
+    public DateTimeOffset? CreatedAt { get; set; }
+    public string? CreatedBy { get; set; }
+    public DateTimeOffset? UpdatedAt { get; set; }
+    public string? UpdatedBy { get; set; }
+}
+
+public record GetTaxListQuery() : IRequest<List<GetTaxListResponse>>;
+
+public class GetTaxListHandler : IRequestHandler<GetTaxListQuery, List<GetTaxListResponse>>
+{
+    private readonly AppDbContext _context;
+
+    public GetTaxListHandler(AppDbContext context) => _context = context;
+
+    public async Task<List<GetTaxListResponse>> Handle(GetTaxListQuery request, CancellationToken cancellationToken)
+    {
+        return await _context.Tax
+            .AsNoTracking()
+            .OrderBy(x => x.Code)
+            .Select(x => new GetTaxListResponse
+            {
+                Id = x.Id,
+                Code = x.Code,
+                Name = x.Name,
+                PercentageValue = x.PercentageValue,
+                Category = x.Category,
+                CreatedAt = x.CreatedAt,
+                CreatedBy = x.CreatedBy,
+                UpdatedAt = x.UpdatedAt,
+                UpdatedBy = x.UpdatedBy,
+            })
+            .ToListAsync(cancellationToken);
+    }
+}

Features/Setting/Tax/Cqrs/UpdateTaxHandler.cs

@@ -0,0 +1,70 @@
+using Indotalent.ConfigBackEnd.Exceptions;
+using Indotalent.Infrastructure.Database;
+using MediatR;
+using Microsoft.EntityFrameworkCore;
+
+namespace Indotalent.Features.Setting.Tax.Cqrs;
+
+public class UpdateTaxRequest
+{
+    public string? Id { get; set; }
+    public string? Code { get; set; }
+    public string? Name { get; set; }
+    public decimal PercentageValue { get; set; }
+    public string? Category { get; set; }
+    public string? Description { get; set; }
+    public DateTimeOffset? CreatedAt { get; set; }
+    public string? CreatedBy { get; set; }
+    public DateTimeOffset? UpdatedAt { get; set; }
+    public string? UpdatedBy { get; set; }
+}
+
+public class UpdateTaxResponse
+{
+    public string? Id { get; set; }
+    public bool Success { get; set; }
+}
+
+public record UpdateTaxCommand(UpdateTaxRequest Data) : IRequest<UpdateTaxResponse>;
+
+public class UpdateTaxHandler : IRequestHandler<UpdateTaxCommand, UpdateTaxResponse>
+{
+    private readonly AppDbContext _context;
+
+    public UpdateTaxHandler(AppDbContext context)
+    {
+        _context = context;
+    }
+
+    public async Task<UpdateTaxResponse> Handle(UpdateTaxCommand request, CancellationToken cancellationToken)
+    {
+        var isExists = await _context.Tax
+            .AnyAsync(x => x.Code == request.Data.Code && x.Id != request.Data.Id, cancellationToken);
+
+        if (isExists)
+        {
+            throw new AlreadyExistsException("Tax", request.Data.Code ?? string.Empty);
+        }
+
+        var entity = await _context.Tax
+            .FirstOrDefaultAsync(x => x.Id == request.Data.Id, cancellationToken);
+
+        if (entity == null)
+        {
+            return new UpdateTaxResponse { Id = request.Data.Id, Success = false };
+        }
+
+        entity.Code = request.Data.Code;
+        entity.Name = request.Data.Name;
+        entity.PercentageValue = request.Data.PercentageValue;
+        entity.Category = request.Data.Category;
+        entity.Description = request.Data.Description;
+        await _context.SaveChangesAsync(cancellationToken);
+
+        return new UpdateTaxResponse
+        {
+            Id = entity.Id,
+            Success = true
+        };
+    }
+}

Features/Setting/Tax/Cqrs/UpdateTaxValidator.cs

@@ -0,0 +1,25 @@
+using FluentValidation;
+using Indotalent.Shared.Consts;
+
+namespace Indotalent.Features.Setting.Tax.Cqrs;
+
+public class UpdateTaxValidator : AbstractValidator<UpdateTaxRequest>
+{
+    public UpdateTaxValidator()
+    {
+        RuleFor(x => x.Id)
+            .NotEmpty().WithMessage("ID is required for update");
+
+        RuleFor(x => x.Code)
+            .NotEmpty().WithMessage("Tax Code is required")
+            .MaximumLength(GlobalConsts.StringLengthShort);
+
+        RuleFor(x => x.Name)
+            .NotEmpty().WithMessage("Tax Name is required")
+            .MaximumLength(GlobalConsts.StringLengthShort);
+
+        RuleFor(x => x.Category)
+            .NotEmpty().WithMessage("Category is required")
+            .MaximumLength(GlobalConsts.StringLengthShort);
+    }
+}

Features/Setting/Tax/TaxEndpoint.cs

@@ -0,0 +1,73 @@
+using Indotalent.ConfigBackEnd.Extensions;
+using Indotalent.Features.Setting.Tax.Cqrs;
+using MediatR;
+using Microsoft.AspNetCore.Authentication.JwtBearer;
+
+namespace Indotalent.Features.Setting.Tax;
+
+public static class TaxEndpoint
+{
+    public static void MapTaxEndpoints(this IEndpointRouteBuilder app)
+    {
+        var group = app.MapGroup("/tax").WithTags("Taxes")
+            .RequireAuthorization(policy => policy.AddAuthenticationSchemes(JwtBearerDefaults.AuthenticationScheme)
+            .RequireAuthenticatedUser());
+
+        group.MapGet("/", async (IMediator mediator) =>
+        {
+            var result = await mediator.Send(new GetTaxListQuery());
+
+            return result.ToApiResponse("Data tax retrieved successfully");
+        })
+        .WithName("GetTaxList")
+        .WithTags("Taxes");
+
+        group.MapGet("/{id}", async (string id, IMediator mediator) =>
+        {
+            var result = await mediator.Send(new GetTaxByIdQuery(id));
+
+            return result.ToApiResponse(result is not null
+                ? "Tax detail retrieved successfully"
+                : $"Tax with ID {id} not found");
+        })
+        .WithName("GetTaxById")
+        .WithTags("Taxes");
+
+        group.MapPost("/", async (CreateTaxRequest request, IMediator mediator) =>
+        {
+            var result = await mediator.Send(new CreateTaxCommand(request));
+
+            return result.ToApiResponse("Tax has been created successfully", StatusCodes.Status201Created);
+        })
+        .WithName("CreateTax")
+        .WithTags("Taxes");
+
+        group.MapPost("/update", async (UpdateTaxRequest request, IMediator mediator) =>
+        {
+            var result = await mediator.Send(new UpdateTaxCommand(request));
+
+            if (!result.Success)
+            {
+                return ((object?)null).ToApiResponse("Update failed. The tax data could not be found.");
+            }
+
+            return result.ToApiResponse("Tax has been updated successfully");
+        })
+        .WithName("UpdateTax")
+        .WithTags("Taxes");
+
+        group.MapPost("/delete/{id}", async (string id, IMediator mediator) =>
+        {
+            var result = await mediator.Send(new DeleteTaxByIdCommand(new DeleteTaxByIdRequest(id)));
+
+            if (!result)
+            {
+                return ((object?)null).ToApiResponse("Delete failed. The tax data could not be found.");
+            }
+
+            return true.ToApiResponse("Tax has been deleted successfully");
+        })
+        .WithName("DeleteTaxById")
+        .WithTags("Taxes");
+    }
+}

Features/Setting/Tax/TaxService.cs

@@ -0,0 +1,60 @@
+using Indotalent.ConfigBackEnd.Interfaces;
+using Indotalent.ConfigFrontEnd.Common;
+using Indotalent.Features.Setting.Tax.Cqrs;
+using Indotalent.Infrastructure.Authentication.Identity;
+using Indotalent.Shared.Models;
+using Microsoft.AspNetCore.Components;
+using MudBlazor;
+using RestSharp;
+
+namespace Indotalent.Features.Setting.Tax;
+
+public class TaxService : BaseService
+{
+    private readonly RestClient _client;
+
+    public TaxService(
+            IHttpClientFactory clientFactory,
+            NavigationManager nav,
+            ISnackbar snackbar,
+            ICurrentUserService currentUserService,
+            TokenProvider tokenProvider)
+            : base(clientFactory, nav, snackbar, currentUserService, tokenProvider)
+    {
+        _client = new RestClient(nav.BaseUri);
+    }
+
+    public async Task<ApiResponse<List<GetTaxListResponse>>?> GetTaxListAsync()
+    {
+        var request = new RestRequest("api/tax", Method.Get);
+        return await ExecuteWithResponseAsync<List<GetTaxListResponse>>(_client, request);
+    }
+
+    public async Task<ApiResponse<GetTaxByIdResponse>?> GetTaxByIdAsync(string id)
+    {
+        var request = new RestRequest($"api/tax/{id}", Method.Get);
+        return await ExecuteWithResponseAsync<GetTaxByIdResponse>(_client, request);
+    }
+
+    public async Task<ApiResponse<CreateTaxResponse>?> CreateTaxAsync(CreateTaxRequest data)
+    {
+        var request = new RestRequest("api/tax", Method.Post);
+        request.AddJsonBody(data);
+        return await ExecuteWithResponseAsync<CreateTaxResponse>(_client, request);
+    }
+
+    public async Task<bool> DeleteTaxByIdAsync(string id)
+    {
+        var request = new RestRequest($"api/tax/delete/{id}", Method.Post);
+
+        var response = await ExecuteWithResponseAsync<object>(_client, request);
+        return response?.IsSuccess ?? false;
+    }
+
+    public async Task<ApiResponse<UpdateTaxResponse>?> UpdateTaxAsync(UpdateTaxRequest data)
+    {
+        var request = new RestRequest("api/tax/update", Method.Post);
+        request.AddJsonBody(data);
+        return await ExecuteWithResponseAsync<UpdateTaxResponse>(_client, request);
+    }
+}