refactor: unify read state handling in ActivityTimeline and TeamDetailView

- Consolidated the handling of read messages by introducing a `readState` prop in `ActivityTimeline`, which combines `readSet` and `getMessageKey`.
- Updated `TeamDetailView` to pass the new `readState` structure, improving clarity and reducing prop drilling.
- Enhanced unread message logic in `ActivityTimeline` to derive unread status from the new `readState` prop.

src/renderer/components/team/TeamDetailView.tsx

@@ -723,8 +723,7 @@ export const TeamDetailView = ({ teamName }: TeamDetailViewProps): React.JSX.Ele
         <ActivityTimeline
           messages={filteredMessages}
           members={data.members}
-          readSet={readSet}
+          readState={{ readSet, getMessageKey: toMessageKey }}
-          getMessageKey={toMessageKey}
           onMemberClick={setSelectedMember}
           onCreateTaskFromMessage={(subject, description) => {
             openCreateTaskDialog(subject, description);

src/renderer/components/team/activity/ActivityTimeline.tsx

@@ -9,10 +9,11 @@ import type { InboxMessage, ResolvedTeamMember } from '@shared/types';
 interface ActivityTimelineProps {
   messages: InboxMessage[];
   members?: ResolvedTeamMember[];
-  /** Set of message keys that have been read; messages not in this set show an unread dot. */
+  /**
-  readSet?: Set<string>;
+   * When provided, unread is derived from this set and getMessageKey.
-  /** Function to get a stable key for a message (used with readSet). */
+   * When omitted, unread is derived from message.read.
-  getMessageKey?: (message: InboxMessage) => string;
+   */
+  readState?: { readSet: Set<string>; getMessageKey: (message: InboxMessage) => string };
   onCreateTaskFromMessage?: (subject: string, description: string) => void;
   onReplyToMessage?: (message: InboxMessage) => void;
   onMemberClick?: (member: ResolvedTeamMember) => void;
@@ -92,8 +93,7 @@ const MessageRowWithObserver = ({
 export const ActivityTimeline = ({
   messages,
   members,
-  readSet,
+  readState,
-  getMessageKey,
   onCreateTaskFromMessage,
   onReplyToMessage,
   onMemberClick,
@@ -121,6 +121,13 @@ export const ActivityTimeline = ({
         const resolvedLeadInfo = { role: leadInfo.role, color: teamLeadColor };
         memberInfo.set('team-lead', resolvedLeadInfo);
         memberInfo.set(leadMember.name, resolvedLeadInfo);
+        if (
+          leadMember.agentType &&
+          leadMember.agentType !== 'team-lead' &&
+          leadMember.agentType !== leadMember.name
+        ) {
+          memberInfo.set(leadMember.agentType, resolvedLeadInfo);
+        }
       }
     }
   }
@@ -147,8 +154,9 @@ export const ActivityTimeline = ({
         const recipientColor =
           recipientInfo?.color ?? (message.to ? getMemberColorByName(message.to) : undefined);
         const messageKey = `${message.messageId ?? index}-${message.timestamp}-${message.from}`;
-        const isUnread =
+        const isUnread = readState
-          readSet !== undefined && getMessageKey ? !readSet.has(getMessageKey(message)) : false;
+          ? !readState.readSet.has(readState.getMessageKey(message))
+          : !message.read;
         return (
           <MessageRowWithObserver
             key={messageKey}