Collect user_login and user_name in account admin UI.

Co-authored-by: Cursor <cursoragent@cursor.com>

components/__tests__/AccountAdminShell.test.tsx

@@ -6,6 +6,7 @@ vi.mock('../../context/AuthContext.tsx', () => ({
   useAuth: () => ({
     user: {
       id: 9,
+      user_login: 'account_admin',
       user_name: 'account_admin',
       status: 'account_admin',
       is_superuser: false,

components/__tests__/SettingsPage.test.tsx

@@ -26,6 +26,7 @@ const {
   authState: {
     user: {
       id: 5,
+      user_login: 'gm.user',
       user_name: 'gm.user',
       status: 'gm' as string,
       managed_by: null as number | null,
@@ -84,6 +85,7 @@ describe('SettingsPage city site registry', () => {
     refreshUserMock.mockReset();
     authState.user = {
       id: 5,
+      user_login: 'gm.user',
       user_name: 'gm.user',
       status: 'gm',
       managed_by: null,
@@ -127,11 +129,12 @@ describe('SettingsPage city site registry', () => {
       updated_at: '',
     });
     buhsMock.mockResolvedValue([
-      { id: 2, user_name: 'buh', status: 'buh', created_at: '', updated_at: '' },
+      { id: 2, user_login: 'buh', user_name: 'buh', status: 'buh', created_at: '', updated_at: '' },
     ]);
     usersListMock.mockResolvedValue([
       {
         id: 5,
+        user_login: 'gm',
         user_name: 'gm',
         status: 'gm',
         managed_by: 2,
@@ -188,6 +191,7 @@ describe('SettingsPage city site registry', () => {
   it('shows pending GM confirmation for BUH', async () => {
     authState.user = {
       id: 2,
+      user_login: 'buh',
       user_name: 'buh',
       status: 'buh',
       managed_by: null,
@@ -200,6 +204,7 @@ describe('SettingsPage city site registry', () => {
     pendingMock.mockResolvedValue([
       {
         id: 5,
+        user_login: 'gm.user',
         user_name: 'gm.user',
         status: 'gm',
         created_at: '',

components/__tests__/UserManagementPage.test.tsx

@@ -10,6 +10,7 @@ const { listMock, createMock, updateMock, setPasswordMock, authState } = vi.hois
   authState: {
     user: {
       id: 99,
+      user_login: 'account_admin',
       user_name: 'account_admin',
       status: 'account_admin' as string,
       created_at: '',
@@ -44,6 +45,7 @@ describe('UserManagementPage', () => {
     setPasswordMock.mockReset();
     authState.user = {
       id: 99,
+      user_login: 'account_admin',
       user_name: 'account_admin',
       status: 'account_admin',
       created_at: '',
@@ -52,6 +54,7 @@ describe('UserManagementPage', () => {
     listMock.mockResolvedValue([
       {
         id: 1,
+        user_login: 'gm1.login',
         user_name: 'gm1',
         status: 'gm',
         managed_by_name: 'buh1',
@@ -60,6 +63,7 @@ describe('UserManagementPage', () => {
       },
       {
         id: 99,
+        user_login: 'account_admin',
         user_name: 'account_admin',
         status: 'account_admin',
         managed_by_name: null,
@@ -69,6 +73,7 @@ describe('UserManagementPage', () => {
     ]);
     createMock.mockResolvedValue({
       id: 2,
+      user_login: 'newgm',
       user_name: 'newgm',
       status: 'gm',
       created_at: '',
@@ -90,9 +95,12 @@ describe('UserManagementPage', () => {
     render(<UserManagementPage />);
     await screen.findByText('gm1');
 
-    fireEvent.change(screen.getByLabelText(/Username/i), {
+    fireEvent.change(screen.getByLabelText(/^Login$/i), {
       target: { value: 'newgm' },
     });
+    fireEvent.change(screen.getByLabelText(/^Nama$/i), {
+      target: { value: 'New GM' },
+    });
     fireEvent.change(screen.getByLabelText(/Password sementara/i), {
       target: { value: 'temp123' },
     });
@@ -100,7 +108,8 @@ describe('UserManagementPage', () => {
 
     await waitFor(() => {
       expect(createMock).toHaveBeenCalledWith({
-        user_name: 'newgm',
+        user_login: 'newgm',
+        user_name: 'New GM',
         status: 'gm',
         password: 'temp123',
       });