feat: add auto-view new messages setting (#1843)

* Initial plan

* feat: add auto-view new messages setting

Co-authored-by: rnwood <[email protected]>

---------

Co-authored-by: copilot-swe-agent[bot] <[email protected]>
Co-authored-by: rnwood <[email protected]>

Author: Copilot

Rnwood.Smtp4dev/ApiModel/ClientSettings.cs

@@ -3,5 +3,6 @@
     public class ClientSettings
     {
         public int PageSize { get; set; }
+        public bool AutoViewNewMessages { get; set; }
     }
 }

Rnwood.Smtp4dev/ClientApp/src/ApiClient/ClientSettings.ts

@@ -1,7 +1,9 @@
 export default class ClientSettings {
-    constructor(pageSize: number) {
+    constructor(pageSize: number, autoViewNewMessages: boolean = false) {
         this.pageSize = pageSize;
+        this.autoViewNewMessages = autoViewNewMessages;
     }
 
     pageSize: number;
+    autoViewNewMessages: boolean;
 }

Rnwood.Smtp4dev/ClientApp/src/MessageNotificationManager.ts

@@ -21,6 +21,11 @@ export default class MessageNotificationManager {
 
     refresh = debounce(this.refreshInternal, 500);
 
+    private get autoViewNewMessages(): boolean {
+        const stored = window.localStorage.getItem("auto-view-new-messages");
+        return stored === "true";
+    }
+    
     async refreshInternal(suppressNotifications: boolean) {
 
         if (!this.mailboxName) {
@@ -36,6 +41,11 @@ export default class MessageNotificationManager {
             this.unnotifiedMessages = messagesToAdd.concat(this.unnotifiedMessages);
             this.lastNotifiedMessage = this.unnotifiedMessages[0];
 
+            // Auto-view the latest message if the setting is enabled
+            if (!suppressNotifications && this.autoViewNewMessages) {
+                this.onClick(this.unnotifiedMessages[0]);
+            }
+
             if (!suppressNotifications && Notification.permission == "granted") {
                 if (this.visibleNotificationCloseTimeout) {
                     clearTimeout(this.visibleNotificationCloseTimeout);

Rnwood.Smtp4dev/ClientApp/src/components/settingsdialog.vue

@@ -74,6 +74,10 @@
 
                             <el-switch v-model="server.disableHtmlCompatibilityCheck" :disabled="server.lockedSettings.disableHtmlCompatibilityCheck" />
                         </el-form-item>
+
+                        <el-form-item label="Auto view new messages as they arrive">
+                            <el-switch v-model="autoViewNewMessages" />
+                        </el-form-item>
                     </el-tab-pane>
                     <el-tab-pane label="SMTP Server">
 
@@ -475,6 +479,15 @@
             }
         }
 
+        get autoViewNewMessages(): boolean {
+            const stored = window.localStorage.getItem("auto-view-new-messages");
+            return stored === "true";
+        }
+
+        set autoViewNewMessages(value: boolean) {
+            window.localStorage.setItem("auto-view-new-messages", value.toString());
+        }
+
         async save() {
             this.saving = true;
             this.error = null;

Rnwood.Smtp4dev/Controllers/ClientSettingsController.cs

@@ -27,7 +27,8 @@ public ApiModel.ClientSettings Get()
             var clientProps = clientOptions.Value;
             return new ApiModel.ClientSettings
             {
-                PageSize = clientProps.PageSize
+                PageSize = clientProps.PageSize,
+                AutoViewNewMessages = clientProps.AutoViewNewMessages
             };
         }
     }

Rnwood.Smtp4dev/Server/Settings/ClientOptions.cs

@@ -6,5 +6,10 @@ public record ClientOptions
         /// Page size for message pagination
         /// </summary>
         public int PageSize { get; set; } = 25;
+
+        /// <summary>
+        /// Whether to automatically view new messages as they arrive
+        /// </summary>
+        public bool AutoViewNewMessages { get; set; } = false;
     }
 }