fix: auto-mark messages as read when viewing channel or DM (#2430)

Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: Yeraze

src/components/ChannelsTab.tsx

@@ -427,6 +427,7 @@ export default function ChannelsTab({
                   setSelectedChannel(channelId);
                   selectedChannelRef.current = channelId;
                   setReplyingTo(null);
+                  markMessagesAsRead(undefined, channelId);
                   setUnreadCounts(prev => {
                     const updated = { ...prev, [channelId]: 0 };
                     logger.debug('📝 Setting unread counts:', updated);
@@ -470,6 +471,7 @@ export default function ChannelsTab({
                       setSelectedChannel(channelId);
                       selectedChannelRef.current = channelId;
                       setReplyingTo(null);
+                      markMessagesAsRead(undefined, channelId);
                       setUnreadCounts(prev => {
                         const updated = { ...prev, [channelId]: 0 };
                         logger.debug('📝 Setting unread counts:', updated);

src/components/MessagesTab.tsx

@@ -789,8 +789,10 @@ const MessagesTab: React.FC<MessagesTabProps> = ({
                       key={node.nodeNum}
                       className={`node-item ${selectedDMNode === node.user?.id ? 'selected' : ''}`}
                       onClick={() => {
-                        setSelectedDMNode(node.user?.id || '');
+                        const nodeId = node.user?.id || '';
+                        setSelectedDMNode(nodeId);
                         setReplyingTo(null);
+                        if (nodeId) markMessagesAsRead(undefined, -1, nodeId);
                       }}
                     >
                       <div className="node-header">
@@ -950,8 +952,10 @@ const MessagesTab: React.FC<MessagesTabProps> = ({
             className="node-dropdown-select"
             value={selectedDMNode || ''}
             onChange={e => {
-              setSelectedDMNode(e.target.value);
+              const nodeId = e.target.value;
+              setSelectedDMNode(nodeId);
               setReplyingTo(null);
+              if (nodeId) markMessagesAsRead(undefined, -1, nodeId);
             }}
           >
             <option value="">{t('messages.select_conversation')}</option>