fix: agent-room DMs route to agent + member-list spacing

Backend: agent-room pods (1:1 user↔agent rooms created by Talk to) now
auto-route every human message to the agent, same as agent-admin. The
old code bailed at the type guard, leaving agent-rooms silent because
the human's message lacked an explicit @mention. v1's DM flow used
agent-admin pods so this regression only surfaced after v2 introduced
agent-room.

Frontend: restore "AI Agent" / role labels in the inspector member list
(dropping them was overcorrection) and bump row padding to 10px + 2px
between rows so two members no longer feel crammed.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

Author: samxu01

backend/controllers/messageController.ts

@@ -215,7 +215,10 @@ exports.createMessage = async (req: AuthRequest, res: Response): Promise<void> =
     }
 
     const username = req.user?.username;
-    if (pod.type === 'agent-admin') {
+    // agent-admin (legacy 1:1 admin DM) and agent-room (1:1 user↔agent DM)
+    // both auto-route every human message to the agent — no @mention needed.
+    // Other pod types only fire on explicit @mentions.
+    if (pod.type === 'agent-admin' || pod.type === 'agent-room') {
       await AgentMentionService.enqueueDmEvent({ podId, message, userId, username });
     } else {
       await AgentMentionService.enqueueMentions({ podId, message, userId, username });

backend/services/agentMentionService.ts

@@ -386,7 +386,7 @@ const enqueueDmEvent = async ({
   podId, message, userId, username,
 }: EnqueueDmOptions): Promise<EnqueueDmResult> => {
   const pod = await Pod.findById(podId).lean() as Record<string, unknown> | null;
-  if (!pod || pod.type !== 'agent-admin') {
+  if (!pod || (pod.type !== 'agent-admin' && pod.type !== 'agent-room')) {
     return { enqueued: false, reason: 'not_dm_pod' };
   }
 

frontend/src/v2/components/V2PodInspector.tsx

@@ -366,7 +366,6 @@ const V2PodInspector: React.FC<V2PodInspectorProps> = ({
         const key = agentKeyOf(agent);
         const isOnline = !!agent.lastHeartbeatAt
           && Date.now() - new Date(agent.lastHeartbeatAt).getTime() < 10 * 60 * 1000;
-        const purpose = agent.profile?.purpose || '';
         return (
           <button
             key={`agent-${key}`}
@@ -382,21 +381,20 @@ const V2PodInspector: React.FC<V2PodInspectorProps> = ({
             />
             <span className="v2-inspector__member-meta">
               <span className="v2-inspector__member-name">{name}</span>
-              {purpose && <span className="v2-inspector__member-role">{purpose}</span>}
+              <span className="v2-inspector__member-role">AI Agent</span>
             </span>
             {isOnline && <span className="v2-online-dot" style={{ background: 'var(--v2-success)' }} />}
           </button>
         );
       })}
       {humanMembers.map((member) => {
         const role = memberRoleLabel(member, ownerId, false);
-        const showRole = role === 'Owner';
         return (
           <div key={`human-${member._id}`} className="v2-inspector__member-row v2-inspector__member-row--static">
             <V2Avatar name={member.username || 'Unknown'} src={member.profilePicture || undefined} size="md" />
             <span className="v2-inspector__member-meta">
               <span className="v2-inspector__member-name">{member.username}</span>
-              {showRole && <span className="v2-inspector__member-role">{role}</span>}
+              <span className="v2-inspector__member-role">{role}</span>
             </span>
           </div>
         );

frontend/src/v2/v2.css

@@ -2169,10 +2169,10 @@
 .v2-inspector__member-row {
   width: 100%;
   display: grid;
-  grid-template-columns: 28px minmax(0, 1fr) auto;
+  grid-template-columns: 32px minmax(0, 1fr) auto;
   align-items: center;
-  gap: 10px;
-  padding: 6px 8px;
+  gap: 12px;
+  padding: 10px 8px;
   margin: 0 -8px;
   background: transparent;
   border: none;
@@ -2182,6 +2182,15 @@
   transition: background 80ms ease;
 }
 
+.v2-inspector__member-row + .v2-inspector__member-row,
+.v2-inspector__member-row + .v2-inspector__member-row--static {
+  margin-top: 2px;
+}
+
+.v2-inspector__member-meta {
+  gap: 3px;
+}
+
 .v2-inspector__member-row:hover {
   background: var(--v2-surface-hover);
 }