From 045e723f7a8c2fca602bec764b6023530dfe28f8 Mon Sep 17 00:00:00 2001
From: curo1305 <curo1305@proton.me>
Date: Sun, 31 May 2026 20:09:50 +0200
Subject: [PATCH] feat(06.2-05): show @handle in AccountView and AdminUsersTab

- Add Username row (@handle) to Account information section in AccountView.vue
- Add Handle column (th + td with @prefix) to users table in AdminUsersTab.vue
- Both use existing data already present in API responses (no backend changes)
---
 frontend/src/components/admin/AdminUsersTab.vue | 2 ++
 frontend/src/views/AccountView.vue              | 1 +
 2 files changed, 3 insertions(+)

diff --git a/frontend/src/components/admin/AdminUsersTab.vue b/frontend/src/components/admin/AdminUsersTab.vue
index 2928f8a..259ad31 100644
--- a/frontend/src/components/admin/AdminUsersTab.vue
+++ b/frontend/src/components/admin/AdminUsersTab.vue
@@ -112,6 +112,7 @@
         <thead>
           <tr class="bg-gray-50 text-left">
             <th class="px-4 py-3 text-xs font-semibold text-gray-500 uppercase tracking-wider">Email</th>
+            <th class="px-4 py-3 text-xs font-semibold text-gray-500 uppercase tracking-wider">Handle</th>
             <th class="px-4 py-3 text-xs font-semibold text-gray-500 uppercase tracking-wider">Role</th>
             <th class="px-4 py-3 text-xs font-semibold text-gray-500 uppercase tracking-wider">Status</th>
             <th class="px-4 py-3 text-xs font-semibold text-gray-500 uppercase tracking-wider">Created</th>
@@ -129,6 +130,7 @@
             ]"
           >
             <td class="px-4 py-3 text-gray-900">{{ user.email }}</td>
+            <td class="px-4 py-3 text-gray-500 font-mono text-xs">{{ user.handle ? '@' + user.handle : '—' }}</td>
             <td class="px-4 py-3">
               <span
                 class="inline-flex items-center px-2 py-1 rounded text-xs font-semibold"
diff --git a/frontend/src/views/AccountView.vue b/frontend/src/views/AccountView.vue
index cf6a44d..19be43e 100644
--- a/frontend/src/views/AccountView.vue
+++ b/frontend/src/views/AccountView.vue
@@ -9,6 +9,7 @@
         <h3 class="font-semibold text-gray-800 mb-4">Account information</h3>
         <div class="space-y-2 text-sm text-gray-700">
           <div><span class="text-gray-500">Email:</span> {{ authStore.user?.email }}</div>
+          <div><span class="text-gray-500">Username:</span> @{{ authStore.user?.handle }}</div>
           <div class="flex items-center gap-2">
             <span class="text-gray-500">Role:</span>
             <span