Increase max password generator length to 256 chars in web app (#1701)

apps/server/AliasVault.Client/Main/Components/Settings/PasswordSettingsPopup.razor

@@ -1,4 +1,5 @@
 @using AliasVault.Client.Main.Components.Layout
+@using AliasVault.Client.Main.Utilities
 @inject DbService DbService
 @inject GlobalLoadingService GlobalLoadingService
 @inject GlobalNotificationService GlobalNotificationService
@@ -14,9 +15,9 @@
                 <div class="mt-4 space-y-4">
                     <div>
                         <label for="password-length" class="block text-sm font-medium text-gray-700 dark:text-gray-300">@string.Format(Localizer["PasswordLengthLabel"], _workingSettings.Length)</label>
-                        <input type="range" id="password-length" min="8" max="64"
+                        <input type="range" id="password-length" min="@PasswordLengthSlider.SliderMin" max="@PasswordLengthSlider.SliderMax" step="0.1"
                             class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-primary-500 focus:ring-primary-500 dark:bg-gray-700 dark:border-gray-600 dark:text-white"
-                            @bind="_workingSettings.Length" @oninput="HandleLengthInput">
+                            value="@_sliderValue" @oninput="HandleLengthInput">
                     </div>
 
                     <div class="flex items-center">
@@ -119,6 +120,11 @@
     /// </summary>
     private string _previewPassword = string.Empty;
 
+    /// <summary>
+    /// The slider value (0-100) for non-linear password length selection.
+    /// </summary>
+    private double _sliderValue;
+
     /// <inheritdoc />
     protected override async Task OnInitializedAsync()
     {
@@ -133,6 +139,9 @@
             UseNonAmbiguousChars = PasswordSettings.UseNonAmbiguousChars
         };
 
+        // Initialize slider value from password length
+        _sliderValue = PasswordLengthSlider.LengthToSlider(_workingSettings.Length);
+
         await RefreshPreview();
     }
 
@@ -156,10 +165,10 @@
     /// </summary>
     private async Task HandleLengthInput(ChangeEventArgs e)
     {
-        int newLength;
-        if (int.TryParse(e.Value?.ToString(), out newLength))
+        if (double.TryParse(e.Value?.ToString(), out var sliderValue))
         {
-            _workingSettings.Length = newLength;
+            _sliderValue = sliderValue;
+            _workingSettings.Length = PasswordLengthSlider.SliderToLength(sliderValue);
             await RefreshPreview();
         }
     }

apps/server/AliasVault.Client/Main/Utilities/PasswordLengthSlider.cs

@@ -0,0 +1,76 @@
+// -----------------------------------------------------------------------
+// <copyright file="PasswordLengthSlider.cs" company="aliasvault">
+// Copyright (c) aliasvault. All rights reserved.
+// Licensed under the AGPLv3 license. See LICENSE.md file in the project root for full license information.
+// </copyright>
+// -----------------------------------------------------------------------
+
+namespace AliasVault.Client.Main.Utilities;
+
+/// <summary>
+/// Utility functions for password length slider with non-linear scaling.
+///
+/// The slider uses a power curve to provide fine-grained control at lower values
+/// (where most users operate, e.g., 12-32 chars) and coarser control at higher values
+/// (64-256 chars).
+///
+/// This makes it easy to select common password lengths while still allowing
+/// very long passwords when needed.
+/// </summary>
+public static class PasswordLengthSlider
+{
+    /// <summary>
+    /// Minimum password length.
+    /// </summary>
+    public const int MinPasswordLength = 8;
+
+    /// <summary>
+    /// Maximum password length.
+    /// </summary>
+    public const int MaxPasswordLength = 256;
+
+    /// <summary>
+    /// Slider minimum value (internal representation).
+    /// </summary>
+    public const double SliderMin = 0;
+
+    /// <summary>
+    /// Slider maximum value (internal representation).
+    /// </summary>
+    public const double SliderMax = 100;
+
+    /// <summary>
+    /// Exponent for the power curve.
+    /// Higher values = more precision at lower lengths.
+    /// 2.0 gives a good balance where ~50% slider = ~70 chars.
+    /// </summary>
+    private const double Exponent = 2.0;
+
+    /// <summary>
+    /// Convert a slider position (0-100) to an actual password length (8-256).
+    /// Uses a power curve for non-linear scaling.
+    /// </summary>
+    /// <param name="sliderValue">The slider position (0-100).</param>
+    /// <returns>The password length (8-256).</returns>
+    public static int SliderToLength(double sliderValue)
+    {
+        var normalized = Math.Max(0, Math.Min(1, sliderValue / SliderMax));
+        var curved = Math.Pow(normalized, Exponent);
+        var length = MinPasswordLength + (curved * (MaxPasswordLength - MinPasswordLength));
+        return (int)Math.Round(length);
+    }
+
+    /// <summary>
+    /// Convert a password length (8-256) to a slider position (0-100).
+    /// Inverse of SliderToLength.
+    /// </summary>
+    /// <param name="length">The password length (8-256).</param>
+    /// <returns>The slider position (0-100).</returns>
+    public static double LengthToSlider(int length)
+    {
+        var clampedLength = Math.Max(MinPasswordLength, Math.Min(MaxPasswordLength, length));
+        var normalized = (double)(clampedLength - MinPasswordLength) / (MaxPasswordLength - MinPasswordLength);
+        var curved = Math.Pow(normalized, 1.0 / Exponent);
+        return curved * SliderMax;
+    }
+}

apps/server/AliasVault.Client/wwwroot/css/tailwind.css

@@ -1237,6 +1237,11 @@ video {
   min-width: 100%;
 }
 
+.min-w-max {
+  min-width: -moz-max-content;
+  min-width: max-content;
+}
+
 .max-w-2xl {
   max-width: 42rem;
 }