Merge pull request #14 from RuntimeRascal/copilot/show-pen-thickness-on-scroll

Show pen thickness indicator with fade-out on mouse wheel scroll

Author: RuntimeRascal

Installer/GhostDraw.Installer.wixproj

@@ -1,6 +1,6 @@
 <Project Sdk="WixToolset.Sdk/4.0.5">
   <PropertyGroup>
-    <Version Condition="'$(Version)' == ''">1.0.3</Version>
+    <Version Condition="'$(Version)' == ''">1.0.4</Version>
     <OutputName>GhostDrawSetup-$(Version)</OutputName>
     <OutputType>Package</OutputType>
     <Platform>x64</Platform>

Src/GhostDraw/GhostDraw.csproj

@@ -8,7 +8,7 @@
     <UseWPF>true</UseWPF>
     <UseWindowsForms>true</UseWindowsForms>
     <ApplicationIcon>Assets\favicon.ico</ApplicationIcon>
-    <Version>1.0.3</Version>
+    <Version>1.0.4</Version>
   </PropertyGroup>
 
   <ItemGroup>

Src/GhostDraw/Views/OverlayWindow.xaml

@@ -9,9 +9,37 @@
         ShowInTaskbar="False"
         WindowState="Maximized"
         ResizeMode="NoResize">
-    <Canvas x:Name="DrawingCanvas">
-        <Canvas.Background>
-            <SolidColorBrush Color="White" Opacity="0.01"/>
-        </Canvas.Background>
-    </Canvas>
+    <Grid>
+        <Canvas x:Name="DrawingCanvas">
+            <Canvas.Background>
+                <SolidColorBrush Color="White" Opacity="0.01"/>
+            </Canvas.Background>
+        </Canvas>
+        
+        <!-- Thickness Indicator (top-right corner, cyberpunk style) -->
+        <Border x:Name="ThicknessIndicatorBorder"
+                HorizontalAlignment="Right"
+                VerticalAlignment="Top"
+                Margin="0,30,30,0"
+                Padding="16,10"
+                Background="#1A1A2E"
+                BorderBrush="#FF0080"
+                BorderThickness="2"
+                CornerRadius="4"
+                Opacity="0"
+                IsHitTestVisible="False">
+            <Border.Effect>
+                <DropShadowEffect Color="#FF0080" 
+                                  Opacity="0.7" 
+                                  BlurRadius="15" 
+                                  ShadowDepth="0"/>
+            </Border.Effect>
+            <TextBlock x:Name="ThicknessIndicatorText"
+                       FontFamily="Segoe UI"
+                       FontSize="24"
+                       FontWeight="Bold"
+                       Foreground="#FF0080"
+                       Text="3 px"/>
+        </Border>
+    </Grid>
 </Window>

Src/GhostDraw/Views/OverlayWindow.xaml.cs

@@ -1,7 +1,9 @@
 using System.Windows;
 using System.Windows.Input;
 using System.Windows.Media;
+using System.Windows.Media.Animation;
 using System.Windows.Shapes;
+using System.Windows.Threading;
 using GhostDraw.Helpers;
 using GhostDraw.Services;
 using Microsoft.Extensions.Logging;
@@ -17,6 +19,11 @@ public partial class OverlayWindow : Window
     private Polyline? _currentStroke;
     private bool _isDrawing = false;
 
+    // Thickness indicator animation
+    private readonly DispatcherTimer _thicknessIndicatorTimer;
+    private readonly TimeSpan _indicatorDisplayDuration = TimeSpan.FromSeconds(1.5);
+    private readonly TimeSpan _fadeOutDuration = TimeSpan.FromMilliseconds(300);
+
     public OverlayWindow(ILogger<OverlayWindow> logger, AppSettingsService appSettings, CursorHelper cursorHelper)
     {
         _logger = logger;
@@ -26,6 +33,13 @@ public OverlayWindow(ILogger<OverlayWindow> logger, AppSettingsService appSettin
 
         InitializeComponent();
 
+        // Initialize thickness indicator timer
+        _thicknessIndicatorTimer = new DispatcherTimer
+        {
+            Interval = _indicatorDisplayDuration
+        };
+        _thicknessIndicatorTimer.Tick += ThicknessIndicatorTimer_Tick;
+
         // Make window span all monitors
         Left = SystemParameters.VirtualScreenLeft;
         Top = SystemParameters.VirtualScreenTop;
@@ -48,6 +62,9 @@ public OverlayWindow(ILogger<OverlayWindow> logger, AppSettingsService appSettin
         Loaded += (s, e) => _logger.LogDebug("Loaded event fired");
         IsVisibleChanged += (s, e) => _logger.LogDebug("IsVisibleChanged ? {IsVisible}", IsVisible);
 
+        // Ensure timer is stopped when window is closed
+        Closed += (s, e) => _thicknessIndicatorTimer.Stop();
+
         _logger.LogDebug("Mouse events wired up");
     }
 
@@ -69,6 +86,9 @@ public void DisableDrawing()
         _logger.LogInformation("?? Drawing disabled");
         _isDrawing = false;
 
+        // Hide thickness indicator
+        HideThicknessIndicator();
+
         // Clear canvas when exiting drawing mode too
         ClearDrawing();
 
@@ -163,6 +183,9 @@ private void OverlayWindow_MouseWheel(object sender, MouseWheelEventArgs e)
                 _appSettings.SetBrushThickness(newThickness);
                 _logger.LogInformation("Brush thickness adjusted to {Thickness} via mouse wheel", newThickness);
 
+                // Show thickness indicator
+                ShowThicknessIndicator(newThickness);
+
                 // Mark event as handled
                 e.Handled = true;
             }
@@ -240,4 +263,80 @@ private void AdjustBrushThickness(double delta)
             _currentStroke.StrokeThickness = settings.BrushThickness;
         }
     }
+
+    /// <summary>
+    /// Shows the thickness indicator with the specified value and resets the fade timer
+    /// </summary>
+    /// <param name="thickness">The current brush thickness value</param>
+    private void ShowThicknessIndicator(double thickness)
+    {
+        try
+        {
+            // Update the text
+            ThicknessIndicatorText.Text = $"{thickness:0} px";
+
+            // Stop any existing animations and timer
+            _thicknessIndicatorTimer.Stop();
+            ThicknessIndicatorBorder.BeginAnimation(OpacityProperty, null);
+
+            // Show the indicator immediately
+            ThicknessIndicatorBorder.Opacity = 1.0;
+
+            // Start the timer for fade-out
+            _thicknessIndicatorTimer.Start();
+
+            _logger.LogDebug("Thickness indicator shown: {Thickness} px", thickness);
+        }
+        catch (Exception ex)
+        {
+            _logger.LogError(ex, "Failed to show thickness indicator");
+        }
+    }
+
+    /// <summary>
+    /// Timer tick handler that starts the fade-out animation
+    /// </summary>
+    private void ThicknessIndicatorTimer_Tick(object? sender, EventArgs e)
+    {
+        try
+        {
+            _thicknessIndicatorTimer.Stop();
+
+            // Create and start fade-out animation
+            var fadeOutAnimation = new DoubleAnimation
+            {
+                From = 1.0,
+                To = 0.0,
+                Duration = new Duration(_fadeOutDuration),
+                EasingFunction = new QuadraticEase { EasingMode = EasingMode.EaseOut }
+            };
+
+            ThicknessIndicatorBorder.BeginAnimation(OpacityProperty, fadeOutAnimation);
+
+            _logger.LogDebug("Thickness indicator fade-out started");
+        }
+        catch (Exception ex)
+        {
+            _logger.LogError(ex, "Failed to fade out thickness indicator");
+            // Ensure indicator is hidden even if animation fails
+            ThicknessIndicatorBorder.Opacity = 0;
+        }
+    }
+
+    /// <summary>
+    /// Immediately hides the thickness indicator (called when drawing mode is disabled)
+    /// </summary>
+    private void HideThicknessIndicator()
+    {
+        try
+        {
+            _thicknessIndicatorTimer.Stop();
+            ThicknessIndicatorBorder.BeginAnimation(OpacityProperty, null);
+            ThicknessIndicatorBorder.Opacity = 0;
+        }
+        catch (Exception ex)
+        {
+            _logger.LogError(ex, "Failed to hide thickness indicator");
+        }
+    }
 }

package.json

@@ -1,6 +1,6 @@
 {
     "name": "ghost-draw",
-    "version": "1.0.3",
+    "version": "1.0.4",
     "description": "Draw directly on your screen with a transparent overlay",
     "repository": {
         "type": "git",
@@ -23,7 +23,7 @@
         "dev:watch": "dotnet watch run --project Src/GhostDraw/GhostDraw.csproj",
         "format": "dotnet format GhostDraw.sln",
         "format:check": "dotnet format GhostDraw.sln --verify-no-changes",
-        "version:check": "powershell.exe -NoProfile -ExecutionPolicy Bypass -File Scripts/Update-Version.ps1 -UpdateProjFiles -Bump patch -DryRun",
+        "version:check": "powershell.exe -NoProfile -ExecutionPolicy Bypass -File Scripts/Update-Version.ps1 -CreateTag -PushTag -UpdateProjFiles -Bump patch -DryRun",
         "version:tag": "powershell.exe -NoProfile -ExecutionPolicy Bypass -File Scripts/Update-Version.ps1 -CreateTag -PushTag -Bump patch -DryRun"
     },
     "engines": {