IndexView.vue                  ← Tab navigation (2 RouterLinks)
├── users/
│   ├── UserView.vue           ← Trang Quản lý tài khoản
│   ├── components/
│   │   ├── DataTable.vue      ← Bảng danh sách users
│   │   ├── CreateModal.vue    ← Modal tạo user mới
│   │   ├── UpdateModal.vue    ← Modal sửa thông tin user
│   │   └── ChangePasswordModal.vue ← Modal đổi mật khẩu
│   ├── composables/
│   │   ├── useDataTable.ts    ← Cấu hình columns, actions, delete handler
│   │   └── useFormData.ts     ← Form data (create + edit + change password)
│   └── stores/
│       └── useUserStore.ts    ← Pinia store: fetchData, pagination, modal states
│
└── activities/
    ├── ActivityView.vue       ← Trang Quản lý hoạt động
    ├── components/
    │   └── DataTable.vue      ← Bảng audit log (grouped by user)
    ├── composables/
    │   └── useDataTable.ts    ← Columns + groupedData computed
    └── stores/
        └── useActivityStore.ts ← Pinia store: fetchData, pagination

page       (int, default: 1)
limit      (int, default: 20)
keywords   (string, optional) — tìm kiếm theo tên
email      (string, optional)
username   (string, optional)
is_active  (string, optional: "Y"/"N")

{
  "message": "Lấy dữ liệu thành công",
  "data": {
    "data": [...UserResponse],
    "paginate": {
      "page": 1,
      "limit": 20,
      "total": 29,
      "total_pages": 2
    }
  }
}

{
  "name": "Tên người dùng",
  "email": "user@example.com",
  "password": "password123",
  "first_name": "",
  "last_name": ""
}

{ "password": "newSecurePassword123" }

{
  "message": "Tạo mã OTP thành công",
  "data": "otpauth://totp/TrafficTools:user@example.com?secret=BASE32SECRET&issuer=TrafficTools"
}

page    (int, default: 1)
limit   (int, default: 20)

{
  "message": "...",
  "data": {
    "data": [
      {
        "id": 1,
        "user_id": 3,
        "action": "Tạo người dùng",
        "parameter": {"name": "abc", "email": "x@x.com"},
        "model_name": "user",
        "model_id": 15,
        "old_value": null,
        "new_value": null,
        "ip_address": "192.168.1.1",
        "user_agent": "Mozilla/5.0...",
        "created_at": "2026-03-23T07:00:00Z",
        "user": {
          "id": 3,
          "name": "admin",
          "email": "ad****in"
        }
      }
    ],
    "paginate": {
      "page": 1,
      "limit": 20,
      "total": 8,         // Số user unique, không phải số activity
      "total_pages": 1
    }
  }
}

api/internal/user/
├── user.go                         ← User struct, UserResponse, RoleType
├── dto/
│   ├── create_user.go              ← CreateUser DTO
│   ├── update_user.go              ← UpdateUser DTO
│   ├── change_password_request.go  ← ChangePasswordRequest DTO
│   ├── verify_totp_request.go      ← VerifyTOTPRequest DTO
│   └── get_list_with_pagination_request.go
├── handler/
│   ├── handler.go                  ← DI, Router setup
│   ├── get_list.go                 ← GET / (no pagination)
│   ├── get_list_with_pagination.go ← GET / (with pagination)
│   ├── find_by_id.go               ← GET /:id
│   ├── create.go                   ← POST /
│   ├── update.go                   ← PUT /:id
│   ├── delete.go                   ← DELETE /:id
│   ├── change_password.go          ← PUT /change-password/:id
│   ├── login.go                    ← POST /login (auth endpoint)
│   ├── profile.go                  ← GET /profile
│   └── two_factor_authentication.go ← GET /generate-totp, POST /verify-totp
├── repository/
│   └── ...
└── service/
    └── ...

api/internal/activity_log/
├── activity_log.go                 ← ActivityLog struct, ActivityLogResponse
├── dto/
│   └── get_list_pagination_request.go
├── handler/
│   ├── handler.go
│   └── get_list_with_pagination.go
├── repository/
│   ├── repository.go
│   └── get_list_with_pagination.go ← Pagination by unique user logic
└── service/
    ├── service.go
    ├── create_log.go               ← Ghi một record vào DB
    ├── log_activity.go             ← LogActivity() — public API
    └── get_list_with_pagination.go

1. Parse body: { email, password }
2. FindByEmail(body.Email)  lấy user từ MySQL
3. Login(user, body, c):
   a. ValidatePassword(user.Password, body.Password)
       bcrypt.CompareHashAndPassword(hash, plaintext)
   b. BEGIN TRANSACTION
   c. generateUniqueDeviceToken(tx, c):
      SHA-256(UUID-v4 + User-Agent + IP) | Max 5 attempts
   d. middleware.HandleLogin(tx, redis, userID, deviceToken, IP)
   e. COMMIT TRANSACTION
   f. jwt.GenerateJWT(user, ENV)  JWT
4. 2FA check:
   - ENV.Disable2FA=true AND AppMode=development  is_2fa=false
   - HasServerPerformanceAccess(name, email)  is_2fa=false
   - Else: is_2fa = user.TwoFactorAuthentication
5. LogActivity("Đăng nhập", "user", user.ID, nil, nil, body)
6. Return: { token, device_token, is_2fa }

Admin click "Thêm tài khoản"
   isShowCreateModal = true  CreateModal hiển thị
  
User nhập: name, email, password
   formRef.validate()  POST /api/users/
  
Backend:
  1. dto.CreateUser validate
  2. bcrypt.GenerateFromPassword(password, cost=12)
  3. INSERT INTO users (name, email, password, role=1)
  4. IsDuplicateEmailError  400 "Email đã tồn tại"
  5. LogActivity("Tạo người dùng", body)  INSERT activity_logs
  
Response OK:
   message.success
   reset form  emit success  fetchData() reload
   isShow = false

Click icon trash (chỉ render nếu row.id !== authStore.profile.id)
   window.$dialog.warning("Xác nhận xóa...")
  
User click "Xóa"
   dialog.loading = true
   DELETE /api/users/:id
   Backend: DELETE FROM users WHERE id = ?
  
OK: message.success  fetchData()
Err: showMessageError  dialog.loading = false

/user-management/users         UserView.vue
/user-management/activities    ActivityView.vue