Partial Busy state for mark as read requests

Wino.Mail.WinUI/Controls/MailItemDisplayInformationControl.xaml

@@ -244,6 +244,13 @@
                                     x:Name="IsFlaggedContent"
                                     x:Load="{x:Bind IsFlagged, Mode=OneWay}"
                                     ContentTemplate="{StaticResource FlaggedSymbolControlTemplate}" />
+
+                                <ProgressRing
+                                    Width="3"
+                                    Height="3"
+                                    HorizontalAlignment="Right"
+                                    VerticalAlignment="Bottom"
+                                    IsActive="{x:Bind IsBusy, Mode=OneWay}" />
                             </StackPanel>
                         </Grid>
                     </Grid>

Wino.Mail.WinUI/Controls/MailItemDisplayInformationControl.xaml.cs

@@ -1,11 +1,12 @@
 using System;
 using System.Linq;
 using System.Numerics;
-using System.Windows.Input;
 using CommunityToolkit.WinUI;
 using Microsoft.Extensions.DependencyInjection;
+using Microsoft.UI.Composition;
 using Microsoft.UI.Xaml;
 using Microsoft.UI.Xaml.Controls;
+using Microsoft.UI.Xaml.Hosting;
 using Wino.Core.Domain.Enums;
 using Wino.Core.Domain.Interfaces;
 using Wino.Core.Domain.Models.MailItem;
@@ -21,6 +22,11 @@ public sealed partial class MailItemDisplayInformationControl : UserControl
 
     public bool IsRunningHoverAction { get; set; }
 
+    // Busy animation fields
+    private Compositor? _compositor;
+    private Visual? _contentVisual;
+    private ScalarKeyFrameAnimation? _opacityAnimation;
+
     [GeneratedDependencyProperty(DefaultValue = MailListDisplayMode.Spacious)]
     public partial MailListDisplayMode DisplayMode { get; set; }
 
@@ -45,6 +51,9 @@ public sealed partial class MailItemDisplayInformationControl : UserControl
     [GeneratedDependencyProperty(DefaultValue = true)]
     public partial bool IsHoverActionsEnabled { get; set; }
 
+    [GeneratedDependencyProperty(DefaultValue = false)]
+    public partial bool IsBusy { get; set; }
+
     public event EventHandler<MailOperationPreperationRequest>? HoverActionExecuted;
 
     [GeneratedDependencyProperty(DefaultValue = false)]
@@ -124,6 +133,55 @@ public sealed partial class MailItemDisplayInformationControl : UserControl
         IconsContainer.EnableImplicitAnimation(VisualPropertyType.Offset, 400);
 
         RootContainerVisualWrapper.SizeChanged += (s, e) => leftBackgroundVisual.Size = e.NewSize.ToVector2();
+
+        // Initialize shimmer effect compositor
+        _compositor = this.Visual().Compositor;
+    }
+
+    partial void OnIsBusyChanged(bool newValue)
+    {
+        if (newValue)
+        {
+            StartBusyAnimation();
+        }
+        else
+        {
+            StopBusyAnimation();
+        }
+    }
+
+    private void StartBusyAnimation()
+    {
+        if (_compositor == null) return;
+
+        // Get the visual for the content area
+        _contentVisual = ElementCompositionPreview.GetElementVisual(MainContentContainer);
+
+        // Create a subtle opacity pulse animation (1.0 -> 0.4 -> 1.0)
+        _opacityAnimation = _compositor.CreateScalarKeyFrameAnimation();
+        _opacityAnimation.InsertKeyFrame(0f, 1f);
+        _opacityAnimation.InsertKeyFrame(0.5f, 0.4f, _compositor.CreateCubicBezierEasingFunction(new Vector2(0.42f, 0f), new Vector2(0.58f, 1f)));
+        _opacityAnimation.InsertKeyFrame(1f, 1f, _compositor.CreateCubicBezierEasingFunction(new Vector2(0.42f, 0f), new Vector2(0.58f, 1f)));
+        _opacityAnimation.Duration = TimeSpan.FromSeconds(1.0);
+        _opacityAnimation.IterationBehavior = AnimationIterationBehavior.Forever;
+
+        // Start animation
+        _contentVisual.StartAnimation("Opacity", _opacityAnimation);
+    }
+
+    private void StopBusyAnimation()
+    {
+        if (_contentVisual != null)
+        {
+            _contentVisual.StopAnimation("Opacity");
+
+            // Reset to default value
+            _contentVisual.Opacity = 1f;
+
+            _contentVisual = null;
+        }
+
+        _opacityAnimation = null;
     }
 
     partial void OnIsFlaggedChanged(bool newValue)

Wino.Mail.WinUI/Views/Mail/MailListPage.xaml

@@ -62,6 +62,7 @@
                 FromName="{x:Bind FromName}"
                 HasAttachments="{x:Bind HasAttachments, Mode=OneWay}"
                 HoverActionExecuted="MailItemDisplayInformationControl_HoverActionExecuted"
+                IsBusy="{x:Bind IsBusy, Mode=OneWay}"
                 IsDraft="{x:Bind IsDraft, Mode=OneWay}"
                 IsFlagged="{x:Bind IsFlagged, Mode=OneWay}"
                 IsRead="{x:Bind IsRead, Mode=OneWay}"
@@ -86,6 +87,7 @@
                         FromName="{x:Bind FromName, Mode=OneWay}"
                         HasAttachments="{x:Bind HasAttachments, Mode=OneWay}"
                         HoverActionExecuted="MailItemDisplayInformationControl_HoverActionExecuted"
+                        IsBusy="{x:Bind IsBusy, Mode=OneWay}"
                         IsDraft="{x:Bind IsDraft, Mode=OneWay}"
                         IsFlagged="{x:Bind IsFlagged, Mode=OneWay}"
                         IsRead="{x:Bind IsRead, Mode=OneWay}"
@@ -208,13 +210,14 @@
         <Border
             x:Name="MailListContainer"
             Grid.Column="0"
+            Margin="2"
             Padding="5,5,5,0"
             HorizontalAlignment="Stretch"
             Background="{ThemeResource WinoContentZoneBackgroud}"
             BorderBrush="{StaticResource CardStrokeColorDefaultBrush}"
             BorderThickness="1"
             CornerRadius="{ThemeResource OverlayCornerRadius}"
-            Translation="0,0,10">
+            Translation="0,0,50">
             <Border.Shadow>
                 <ThemeShadow />
             </Border.Shadow>

Wino.Mail.WinUI/Views/Mail/MailRenderingPage.xaml

@@ -169,7 +169,11 @@
             Background="{ThemeResource WinoContentZoneBackgroud}"
             BorderBrush="{StaticResource CardStrokeColorDefaultBrush}"
             BorderThickness="1"
-            CornerRadius="{ThemeResource OverlayCornerRadius}">
+            CornerRadius="{ThemeResource OverlayCornerRadius}"
+            Translation="0,0,20">
+            <Border.Shadow>
+                <ThemeShadow />
+            </Border.Shadow>
             <Grid Margin="8">
                 <Grid.RowDefinitions>
                     <RowDefinition Height="Auto" />
@@ -473,6 +477,7 @@
             BorderThickness="1"
             CornerRadius="{ThemeResource OverlayCornerRadius}">
             <Grid Margin="1" CornerRadius="{ThemeResource OverlayCornerRadius}">
+
                 <Grid Background="White" Visibility="{x:Bind IsDarkEditor, Converter={StaticResource ReverseBooleanToVisibilityConverter}, Mode=OneWay}" />
 
                 <WebView2 x:Name="Chromium" NavigationStarting="WebViewNavigationStarting">