diff --git a/web/src/views/AgentChat.vue b/web/src/views/AgentChat.vue
index 08f6cde..63d807a 100644
--- a/web/src/views/AgentChat.vue
+++ b/web/src/views/AgentChat.vue
@@ -18,7 +18,9 @@
               <div class="agent-card-info" style="flex:1;">
                 <div style="display:flex; justify-content:space-between; align-items:center;">
                   <div class="agent-card-name" style="flex:1;">
-                    {{ a.name }} <span class="agent-card-type" style="margin-left:4px; font-weight:normal;">{{ a.type }}</span>
+                    {{ a.name }}
+                    <span v-if="a.name !== a.id" class="agent-card-id" style="margin-left:4px; font-weight:normal; font-family:monospace; opacity:0.55;" :title="a.id">{{ a.id }}</span>
+                    <span class="agent-card-type" style="margin-left:4px; font-weight:normal;">{{ a.type }}</span>
                   </div>
                   <div class="agent-card-time" v-if="a.lastActiveAt">{{ formatTime(a.lastActiveAt) }}</div>
                 </div>
diff --git a/web/src/views/CompanyDashboard.vue b/web/src/views/CompanyDashboard.vue
index 192ee9f..a7d9dd9 100644
--- a/web/src/views/CompanyDashboard.vue
+++ b/web/src/views/CompanyDashboard.vue
@@ -141,6 +141,7 @@
                   <span class="col-name">
                     <span class="agent-dot" :class="agent.heartbeatActive ? 'active' : 'inactive'"></span>
                     <a class="agent-name-link" @click="goToAgentChat(agent.id)">{{ agent.name }}</a>
+                    <span v-if="agent.name !== agent.id" class="agent-id-tag" :title="agent.id">{{ agent.id }}</span>
                   </span>
                   <span class="col-type">
                     <span class="type-badge">{{ agent.type }}</span>
@@ -2192,6 +2193,11 @@ function closeDropdown() {
   transition: color 0.15s;
 }
 .agent-name-link:hover { color: var(--accent-light); text-decoration: underline; }
+.agent-id-tag {
+  margin-left: 6px; font-size: 11px; font-family: monospace;
+  color: var(--text-muted); background: rgba(255,255,255,0.06);
+  padding: 1px 5px; border-radius: 3px;
+}
 
 /* Action Button Group */
 .action-group { display: flex; gap: 4px; align-items: center; flex-wrap: wrap; }